Home / Web en général

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

nov

05

Wireframe : explication

Posted by : oalessandri | On : 5 novembre 2011

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

Tags:, ,

Depuis quelques années la conception web est devenue, pour certaines sociétés, très professionnelle. Elles ont mis en place des méthodes de travail permettant de proposer aux clients des aspects d’interfaces fonctionnelles avant de concevoir le produit et ainsi optimiser ou même maximiser la satisfaction du client par rapport à sa demande.

C’est là qu’intervient le Wireframe qui permet de concevoir des interfaces virtuelles comme des maquettes (sans graphisme) et ainsi de construire avec le minimum d’effort des interfaces.

Cette étape semble être une perte de temps mais ce n’est pas le cas car cette action, intervenant avant la conception graphique,  va accélérer la création de la maquette. En se basant sur l’interface issu du Wireframe, validée par le client, le travail du graphiste va en être facilité. Cela évite ainsi de nombreux aller-retour entre la société conceptrice et le client.

Un logiciel très performant comme Visio de Microsoft a des fonctionnalités bien plus poussées que la simple conception de Wireframe puisque qu’il sait également générer du code mais ceci est un autre sujet

Certaines méthodes facilitent donc la conception de pages web, l’organisation de contenu, l’optimisation de l’ergonomie et la disposition des éléments sur une page, l’interaction entre plusieurs pages ou écrans, …

Voici quelques exemples

imageimage

imageimageimage

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.

sept

05

Google Chrome : Réflexion

Posted by : oalessandri | On : 5 septembre 2008

Category: Web en général

Tags:, ,

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!

sept

02

Google lance son navigateur : Google Chrome

Posted by : oalessandri | On : 2 septembre 2008

Category: Web en général

Tags:, ,

à télécharger ici

A tester et à adopter, peut-être!?
Il est, c’ est vrai très rapide, très épuré à la Google ;°)
Un système d’ onglet : incontournable !
Un système d’ onglet dynamique très intéressant, à ma connaissance les autres navigateurs ne le font pas!

Google Chrome est basé sur le Web Kit d’apple, utilisé par Safari. Ce n’ est pas forcément une référence pour nous développeur.

En tant que développeur cela fait encore un navigateur a tester et par expérience ont se base rarement sur Safari pour que les sites web soient nickel mais plutôt sur les navigateurs les plus utilisés comme Internet Explorer et Firefox!

Même les utilisateurs de MAC ne naviguent pas tous avec Safari!

A priori le rendu ressemble très fortement à celui de Firefox!

Au vu de la popularité de Google, il est fortement possible que la communauté Internet adopte ce logiciel!