Home / Veille technologique

déc

25

Le responsive web design : explication

Posted by : oalessandri | On : 25 décembre 2011

Category: Ecommerce, Ergonomie, Mobile, Programmation, Site vitrine, Veille technologique, Web en général

Tags:,

Le responsive web design est né de la multitude d’écrans disponibles et surtout depuis l’avènement des tablettes et l’utilisation fréquente des Smartphones. Pour répondre à tous ces formats on est obligé de créer des sites différents réellement adaptés à chaque contenu :

  • Un écran d’ordinateur de bureau (mac ou pc) permet d’afficher
    • des contenus plus longs et plus complexes,
    • plusieurs colonnes sur une page,
    • des images plus grandes avec des agrandissements plein écran.
    • Plus d’éléments dans un site donc plus lourd.
  • Un écran de tablette affiche
    • déjà beaucoup moins d’informations,
    • des images plus petites
  • Pour les Smartphones c’est encore plus complexe puisque les écrans varient d’un fabriquant à l’autre mais on retrouve
    • des images plus petites pour les Smartphones,
    • et un contenu de quelques lignes,
    • des écrans plus nombreux avec des transitions entre eux,… La navigation n’est plus la même, plus humaine avec le doigt et non une souris ce qui change également le comportement des utilisateurs
    • Des pages plus légères à charger
    • Moins d’effet ou plutôt des effets différents (librairie javascript, jquery)

Continue Reading

fév

11

L’html 5, quelques explications

Posted by : oalessandri | On : 11 février 2011

Category: Html, Veille technologique

Tags:, ,

 

Le W3C est l’organisme qui gèrent la normalisation et l’évolution des standards du web dont  l’html. Celui-ci a dû abandonner le développement de la norme Xhtml2 pour laisser placer à l’html5 plus facile à comprendre. Ce dernier conserve tout de même certains travaux effectué sur l’xhtml 2.

Le but est son uniformisation dans tous les navigateurs. Malheureusement tous les navigateurs ne l’intègrent pas encore donc il est difficile de développer en html 5. Les sites doivent s’afficher dans tous les navigateurs même la version IE 6 qui est encore utilisée par de nombreuses entreprises (des grands groupes qui ne peuvent pas migrer leurs applications web sous peine de ne plus pouvoir les utiliser tel que les intranet des services bancaires)

 

Continue Reading

jan

19

Node.js et le temps réel

Posted by : oalessandri | On : 19 janvier 2011

Category: Temps réels, Veille technologique, Web en général

Tags:, , ,

 

Du nouveau sur le web, je vois de nombreux sites parler de node.js mais qu’est-ce que c’est un script JavaScript ? Oui en quelque sorte mais coté serveur. Qui l’eut cru du JavaScript coté serveur mais quel intérêt ?

Pour faire simple node.js utilise l’asynchronisme très en vogue chez d’autres éditeurs comme Microsoft. Les requêtes asynchrones en web sont souvent utilisées pour éviter d’attendre qu’une requête trop longue se finisse. On peut continuer à naviguer sans attendre que la requête se termine. C’est ensuite un autre thread qui reprend le relais.

L’intérêt premier à mon sens est le nombre de connexions au serveur et l’économie de ses ressources.

Une utilisation concrète sera de s’en servir pour des applications de chat car en mode non asynchrone on est obligé des créer des boucles qui génère une multitude de requêtes vers le serveur et l’engorge très rapidement. Ces boucles servent à détecter si un utilisateur vous envoie un message, c’est très consommateur de ressources et de bande passante. La solution : l’asynchronisme avec node.js (ou une autre technologie)

En fait ce type de technologie est parfait pour faire des applications dynamiques temps réels tel que de la notifications temps réel comme Twitter (dans Twitter les tweets arrive automatiquement sur votre page), de la messagerie instantanée tel que du chat

On appelle également cette technologie le Reverse Ajax, l’Ajax push ou Comet.

A ma connaissance il est difficile de l’installer sur Windows mais c’est faisable avec un émulateur tel que Cygwin. Le top serait d’avoir une version adaptée pour les OS Windows.

Je pense que comme l’a été la fonction XmlHttprequest (ajax) une révolution est en marche.

nov

28

Microsoft en Surface : Les applications (3)

Posted by : oalessandri | On : 28 novembre 2009

Category: Veille technologique

Tags:, , ,

On poursuit avec des applications Surface sur la santé :

Applications sur le dossier santé d’un patient : Très intéressant pour expliquer au patient ses maux.
Surface Demo: Patient Consultation Interface Surface Application

Explication de la connexion de téléphone mobile sur la Surface :
Microsoft Surface Mobile Connect Walkthrough

Démonstration sur l’interaction Microsoft entre un mobile et la Surface
http://vimeo.com/3383743

nov

15

Lightbox en Jquery très performante

Posted by : oalessandri | On : 15 novembre 2009

Category: Ecommerce, Ergonomie, Site vitrine, Veille technologique

Tags:, ,

Voici une lightbox facile à intégrer et qui permet d’insérer des flash ou autre page via Iframe

Elle comporte des thèmes différents : clair, foncé, avec sous ans coins arrondis.

Un petit défaut pas de traduction en français. Il faut juste changer les boutons.

image

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/