Publié le

La réalité augmentée : applications du futur (1)

Qu’est ce que la “réalité  augmentée” le principe est d’avoir un objet physique qui peut interagir dans le monde du virtuel

et inversement un objet virtuel pouvant s’associer à un objet physique.

Par exemple une feuille de papier dans le monde physique est filmée par une webcam et un objet virtuel comme un personnage vient grimper sur la feuille.

L’utilisateur bouge la feuille et le personnage s’agrippe comme il peut dessus!

Nous avons tendance à rester passif devant des vidéos de synthèse! On intègre des mondes virtuels via des avatars mais le lien entre la réalité et le virtuel

se bornait au clavier et à la souris.

Voici donc des vidéos très intéressantes sur cette technologie qui risque, un jour, d’intégrer nos chaumières et de changer nos habitudes.

http://webloria.loria.fr/~gsimon/ra/

http://www.dunod.com/livre-dunod-9782100498604-integrer-images-reelles-et-images-3d.html

http://www.fredcavazza.net/2008/01/16/une-illustration-interessante-de-la-realite-augmentee/

http://www.jsmansart.com/post/Life-20-la-realite-augmentee

http://fr.wikipedia.org/wiki/R%C3%A9alit%C3%A9_augment%C3%A9e

Bonne lecture

Publié le

De nouveaux attraits pour les (nouvelles) technologies web (1)

De nombreuses librairies javascripts (jquery, extjs, scriptaculous,dojo,…) existent pour rendre plus intuitives vos interfaces web.
Mais une a plus particulièrement attirée mon attention : Jquery

Pourquoi choisir cette librairie ?
  1. – elle est très complète
  2. – la communauté est importante
  3. – les plugins importants
  4. – les bugs réparés rapidement
Qu’a t-elle de spéciale par rapport aux autres ?
  1. Son concept de base : utiliser la structure hiérarchique du document HTML (Le DOM)
  2. Le script ne parasite pas le code HTML : utilisation des attributs “id” et “class” des tags
  3. Elle supporte l’XmlHttpRequest (Ajax)
  4. Externalisation du script qui permet de gérer les événements
  5. Installation très facile par de simples liens (link) et l’étiquetage des tag Html via Id ou Class
  6. Légèreté de la librairie
Les principes de bases :
  1. Des actions sur les noeuds du DOM (choix d’éléments, boucle sur des éléments, événements : un langage dans le langage, …)
  2. Des effets et animations : fade, déplacement (sliding), de tremblement, de glissement, …
  3. Des widgets : drag and drop, accordéon, sliders, tri, barre de progression, datepicker, boite de dialogue, onglets, …

Beaucoup d’animations pour enrichir vos interfaces web et en améliorer l’expérience utilisateur.
On se rapproche de logiciels classiques avec peut-être encore plus d’esthétique et d’ergonomique.

Que peut-on faire avec Jquery ?
  1. des carrousels,
  2. des popup nouvelles génération (lightbox, thickbox, greybox)
  3. des menus de toutes sortes : verticaux, horizontaux, onglets, hierarchique, …
  4. des Glisser-Déplacer
  5. des menus déroulants plus ergonomiques
  6. des tooltips plus joli, plus paramétrables
  7. …

sans rechargement des pages bien sûr!

voir le site www.jquery.com

et les sites en version française :
www.jquery-france.com
www.jquery.info
Un prochain article listera les différents plugins utiles : menus, boite de dialogue, lightbox, thickbox, greybox, drag and drop, …
Une autre libraire peut également faire des effets similaires mais je trouve qu’elle n’a pas tous ces avantages : c’est Library Ajax de l’ASP.NET. Fournie de nombreux exemples avec l’AjaxToolkit