En janvier l’équipe de JQuery  organise un événement sur 14 jours pour expliquer sa nouvelle version la Jquery 1.4.

Des vidéos et des articles sont diffusés tous les jours avec une explication, par jour, de nouvelles fonctionnalités jusqu’au 27/01

Jour 1 :  un article sur les nouvelles performances de la version 1.4 , encore plus rapide..

Voici des graphes qui parlent d’eux même :
Plus d’explications sur les nouvelles améliorations  sur cette page : http://jquery14.com/day-01

J’ai décidé de relayer certains articles du hub Ecommerce, ergonomie et retours utilisateurs sur Viadéo dont je suis responsable.

dans le but d’élargir le public visé et de pouvoir illustrer certains de mes articles car sur viadéo ce n’est pas possible.

Chaque article commencera par  “Ecommerce, ergonomie et retours utilisateurs“, Voici donc le premier de la série :

L’ergonomie des carrousels :

On voit pousser un peu partout des carrousels :

ce système qui fait tourner des images de produits sur une ellipse ou une ligne et donne un effet de profondeur ou cyclique avec mouvements perpétuels ou manuels.

Voici quelques exemples de systèmes:

Carrousels linéaire cycliques  :

Voici quelques liens à visiter avec démo et installation : http://sorgalla.com/projects/jcarousel/examples/static_simple.html http://sorgalla.com/projects/jcarousel/examples/static_vertical.html http://sorgalla.com/projects/jcarousel/examples/static_auto.html http://sorgalla.com/projects/jcarousel/examples/static_controls.html http://sorgalla.com/projects/jcarousel/examples/special_easing.html http://thomlx.free.fr/jquery/jquery_carousel.htm

avec différents effets de fondus :

Voici quelques liens à visiter avec démo et installation : http://www.agilecarousel.com/examples/full_example http://www.agilecarousel.com/examples/jqueryui_example http://www.agilecarousel.com/examples/simple_example

Carrousel sur ellipse ou Carrousel 3d :

Voici quelques liens à visiter avec démo et installation : http://www.hotajax.org/download/mootools/3d-carousel/index.html http://interface.eyecon.ro/demos/carousel.html http://interface.eyecon.ro/docs/carousel http://plugins.jquery.com/files/carousel3d_1.zip http://plugins.jquery.com/project/carousel3d http://www.spypoint.com/FR/cameras.html

3d Wall

Voici quelques liens à visiter avec démo et installation : en flash (très joli)  http://www.flashloaded.com/flashcomponents/3dwall/example3.html

Par contre, je trouve qu'il est parfois très difficile d'arrêter le mouvement pour ce positionner sur un objet et j'ai dernièrement vu sur un site un mouvement tellement rapide que l'on apercevait a peine les objets!

Ce qui en fait un système, très difficile d'utilisation et donc pour des internautes moins avertis, les objets tournants ne seront pas visualisés et donc passeront à autre chose. L'effet escompté par le commerçant sera inexistant : Mettre en avant certains produits!

Vous pouvez voir certaines réactions sur Le Hub  de  Viadeo : Ecommerce, ergonomie et retours utilisateurs

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

Saas = Software as a Service

S+S = Software + Service

Asp : Hébergement d’application

Les technologies actuelles (web, logicielles, cloud computing), l’augmentation des débits des connexions,

l’évolution des mentalités, le ras le bol des mises à jour continuelles, … ont fait émergés de nouveaux besoins tels

que le Saas ou S+S combinaison des Logiciels de l’entreprise et des Services en ligne.

Pour pouvoir proposer des services complets en ligne de façon pérenne, il faut :

- pouvoir répondre à de réelles montées en charge

- augmenter le nombre d’utilisateurs à la demande

- les données doivent être sauvegardée presque en temps réel

- les données doivent être récupérables de façon transparente

- les échanges de données doivent être confidentielles

Seuls certains systèmes peuvent répondre à ce type de contraintes :

- Amazon EC2 qui a créer depuis quelques années une sorte de nuage qui permet de stocker des données

sans se soucier des contraintes techniques; Le modèle économique est basé à la dépense de Ko.

- Window Azure qui sort une technologie qui réponds également à ce type de contraintes.

C’est une fusion des technologies SQL et  .NET qui permet de répondre à des montées en charge importante.

Je continuerais des articles sur le sujet pour approfondir un peu et vous faire découvrir, le passage à l’ère industrielle

de l’échange de données.

Les lois évoluant très rapidement, il est impératif que votre boutique en ligne soit en accord avec les règles juridiques,

les  lois de la consommation et les restrictions par rapport à votre activité, protégeant ainsi votre commerce et vos clients. C’est pourquoi Olvani collabore avec un cabinet d’avocats parisien spécialisé dans le droit Internet.

3 lois interviennent principalement dans le Ecommerces :

Nous vous proposons ainsi  un audit juridique de votre boutique en ligne et mettons en exergue les incohérences par rapport aux lois en vigueur.

Cet audit vous donne tous les éléments à placer sur votre site pour être en accord avec la loi.

Nous nous tenons à votre disposition pour de plus amples renseignements :

Contact Olivier Alessandri : olivier.alessandri@olvani.com ou au 06 61 33 22 11

Voici une liste exhaustive des communiqués de presse! des gratuits, des payants, des français, des belges.

Il est important de connaitre l’impact de la diffusion des communiqués de presse sur ces différents site web;

C’est pourquoi j’ai indiqué le nombre  de visites et ainsi que le nombre de pages vues de chaque site.

Bien sûr le nombre de journalistes inscrits est primordial mais à vous de préférer envoyer à un groupe choisi

de journalistes spécialisé ou à une fourchette de journalistes.

Source Google

Qu’est ce qu’un communiqué de presse?

Un communiqué sert à alerter un groupe de journalistes d’un événement, d’un nouveau service, d’une information qui peut les intéresser. Il peut être réalisé via différents supports comme le courrier, le fax, le mail et des sites web. Ce texte sert de base de travail pour les journalistes. L’objectif est donc ici de diffuser de l’information à des personnes susceptibles de parler de vous et de diffuser l’information sur différents supports.

Il est encore plus intéressant de diffuser un communiqué de presse vers des journalistes spécialisés : high tech, médical, industrie, mode, luxe, automobile, …

Le contenu d’un communiqué de presse

Le texte  doit être court, simple et concis. Il doit donner envie au journaliste d’utiliser vos informations pour en faire un article.

Un communiqué de presse doit contenir les coordonnées du contact, de l’attaché de presse. Le journaliste doit pouvoir contacter la personne pour avoir des précision sur le sujet.

Une annonce publicitaire sert à vendre un produit, un service à une cible (grand public par exemple)

Les points essentiels:

- la cible

- le but recherché avec un contenu adapté

- la cercle d’action

Les sites de communiqués de presse:

- Quels journalistes est inscrits sur ces sites

- Quels sont leurs spécialités

- Vaut-il mieux envoyer à un petit nombre très spécialisés plutôt qu’à 30 000 journalistes généralistes?

A venir une liste exhaustive des sites de communiqués de presses avec le nombre de visiteurs et le nombre de pages vues.

La Table en surface

Microsoft a créer un outil qui en jette! : une table numérique tactile qui  permet de déplacer des photos aux doigts sur la surface de la table, à voir car très impressionnant!

http://www.microsoft.com/surface/index.html

Détecte les objets posés à la surface

Si vous posez votre portable sur la table, les photos sont directement jetées sur la table! Vous les prenez avec le doigt et les déplacez! Si un autre portable se trouve là, il est détecté et il vous suffit de prendre une photo et de la faire glisser vers le portable qui va la mémoriser : rien de mieux qu' une vidéo pour voir!

Vidéo YouTube :

Le mur en Surface : Touch Wall

Il existe également un mur qui permet de présenter ou d' organiser des informations sur cette surface et ainsi de zoomer dessus : à voir en vidéo

Le prix de Surface : 10 000$

Les dessous de Surface :

un ordinateur, un écran, des caméras qui détectent  les mouvements des doigts. Ce système est encore encombrant car doit avoir une certaine hauteur ou profondeur!

cela reste néanmoins très ingénieux!

Conclusion

une multitude d' applications sont possibles et sont en train d' être développées!

A vous d' en imaginer les applications!

Est ce utile de se placer sur un guide d' achat ou un comparateur de prix?

Combien y-a-t-il de sites de guide d' achats ou de comparateurs de prix?

Voici des chiffres qui parlent plus qu' un long discours ;°)

Comme nous pouvons le constater les guides d' achat ont un nombre très important de visiteurs.

Ces simples chiffres permettent de comprendre l' intérêt de s' inscrire sur ces guides.

Mais la question à se poser est : Pourquoi Google sort un navigateur maintenant?

Il y en a tant : Internet Explorer, Firefox, Opera, Safari sont les plus importants donc un de plus!

Voici la réponse de Google

Bien sûr, pour ma part, je pense que les enjeux sont très importants pour Google de posséder et maîtriser son propre navigateur, comme l' a fait, il y a une dizaine d' année, Microsoft .

• Intégrer son moteur de recherche
• Intégrer et faciliter l' utilisation des services de documents (Google Document, Google Calendar) grâce au raccourcis clavier que peut créer Chrome
• Faciliter l' utilisation des Gmail
• ...

Diffuser encore plus d' annonces, ressources financières énormes pour Google : diffuser encore et encore de la publicité, toujours trouver des services pour diffuser ses annonces. Proposer des services GRATUITS pour que le maximum de personnes utilisent leurs services.

Moi le premier, j' utilise certains de leurs services qui sont très bien, et je suis pourtant un fervent défenseur de Microsoft et développeur .NET dans l' âme (Mea Culpa!) Non sérieusement, Il faut être a l' écoute de tout!

Il ne faut pas oublier les 2 derniers lancements de Google : Google Gears (système  qui permet de travailler en mode déconnecter, stocker des informations en locale) et Androïd (sorte de console virtuelle pour créer et lancer des applications sur des mobiles)

La corrélation de ces 3 projets donnent à Google un impact énorme et une couverture  mondiale!

• avec Gears : Google a un orteil dans les Bureaux des PC
• avec Androïd : Google a un pied dans l' univers des mobiles
• avec Chrome : Google a une tête dans l' univers Internet et pourrait bien asseoir sa position face à Microsoft !

Je crois que la bataille entre les 2 Grands Google et Microsoft a de belles perspectives devant elle!

En fin de compte cela peut que nous faire du bien!