ImageApture.jpg
http://www.apture.com

L'entreprise Apture a été créée en 2007 à St-Francisco (Californie).

Apture (ou appelé aussi Apture Highlights) est un outil gratuit qui s'adresse aux internautes, et permet dans un navigateur, en sélectionnant un mot ou un texte sur un site Web ou un Blog de faire une recherche dans une fenêtre de type "pop-up" sur Wikipedia, YouTube, Flickr, Google Maps, Twitter et plus sans quitter la page.

La version actuelle d'Apture Hightlights est la version 2.0 (sortie en mars 2010).




Installation :


Il existe 2 types d'installations, dont la première qui est plus simple, mais ne permet pas d'autant de fonctions que la deuxième (voir note en bas de page).

- avec un navigateur : extensions à télécharger puis à installer sur un navigateur (IE, Firefox, Safari, Chrome)
(http://help.apture.com/category/installation/)
external image browser-logo-all.png

- sur un site Web ou un Blog (site web ou blog acceptant le javascript)

  • il faut créer un compte Apture :https://www.apture.com/signup/("Get Apture for your Website") en indiquant courriel, mot de passe, et adresse du site ou blog sur lequel on veut installer Apture
  • il faut copier le code javascript généré par Apture :http://www.apture.com/user/ puis aller dans "Settings", "Installation instructions", et copier le code avec le bouton "copy code to clipboard" (copie du code dans le presse-papier).

exemple de code :
<script id="aptureScript">
(function (){var a=document.createElement("script");a.defer="true";a.src="http://www.apture.com/js/apture.js?siteToken=UiBCMO1"; document.getElementsByTagName("head")[0].appendChild(a);})();
</script>

dans cet exemple le code "UiBCMO1" est spécifique à chaque url de site web ou blog

  • il faut finalement ajouter ce code dans le modèle (Template) du site Web ou du Blog au niveau du pied de page ("footer") avant te tag "/body"
exemple de code :
...
<script id='aptureScript'>
(function (){var a=document.createElement(&quot;script&quot;);a.defer=&quot;true&quot;;a.src=&quot;http://www.apture.com/js/apture.js?siteToken=UiBCMO1";document.getElementsByTagName("head")[0].appendChild(a);})();
</script>

<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
</body>

Utilisation :


Sur un site ou un blog ayant le code html-javascript installé ou avec l'extension Apture installée sur le navigateur.
"Un exemple vaut mille mots" :

  • sélection d'un mot ou de plusieurs mots (exemple sur un blog) :
Apture_ex1.jpg
  • Apture effectue ses recherche (quelques secondes) :
Apture_ex2.jpg

  • Apture ouvre une fenêtre de type "pop-up" :
Apture_ex3.jpg

  • Ensuite, il y a possibilité d'ouvrir un site ou de le visualiser dans la fenêtre Apture, de voir des vidéo ou des images.

Aide :

Aide en ligne : http://help.apture.com/





Notes :


- Depuis début 2011, Apture a supprimé la fonction éditeur de lien qui permettait en installant une extension (plugin ou widget) dans un blog par exemple d'éditer les liens et personnaliser la recherche Apture. cette fonction supprimée était dédiée aux éditeurs de site Web ou de Blog. Cependant, la version évolue régulièrement et des fonctions intéressantes apparaissent aussi ...

- deux fonctions intéressantes (lorsque Apture Hightlights est activé sur un site Web ou un Blog, ce qui correspond à la deuxième installation) :

  • Auto-enhance : permet d'un simple clic d'ouvrir la fenêtre Apture sans avoir à sélectionner le lien de la page (sites populaires). Actif quand un petit icône apparaît à gauche du lien dans la page web de votre site . (http://blog.apture.com/2009/12/what-is-auto-enhance/)
Apt_enh1.jpg


pour forcer cette fonction, on peut ajouter du code (class="aptureEnhance") dans la page html, exemple :

le code html pour afficher un lien vers le site de la Téluq : <a href="http://www.teluq.uquebec.ca">Télé-Université</a>
devient : <a class="aptureEnhance" href="http://www.teluq.uquebec.ca">Télé-Université</a>
et on peut voir sur la page web (remarquer l'icône à gauche du lien) :

Apt_Aenh1.jpg


  • Hot-Spot : affiche des pointillés sous les termes les plus courants (sans avoir à créer des liens dans la page) recherchés, et ensuite en cliquant sur ces terme la fenêtre Apture s'ouvre :

Apt_HS1.jpg