Le developpement de Prestille est pour le moment complètement lié au développement du site Internet. Martin, le responsable technique et unique développeur, ne peut pas se mettre à plein temps sur le site car il est étudiant.  
Or nous sommes tous les trois dépendant de l’avancement du site. Il y a bien sûr énormément de petites tâches à effectuer autour, mais cela se fait plutôt rapidement. De plus, cette “to do list” n’est pas nécessaire au lancement de l’activité.
 
Nous avons trouvé la plupart de nos partenaires et sélectionné tous nos produits. Les statuts sont déposés et la plupart des contrats rédigés. Nous travaillons des projets en parallèles que nous developpons, mais l’activité de Prestille ne peut pas commencer sans le site internet Prestille.com.

Martin avance la developpement mais il est très difficile de fixer une deadline précise pour l’ouverture officielle du site: seul Martin le sait!

Voilà ce que nous avons mis en place avec Martin, depuis la semaine dernière… L’aprentissage à distance mais d’une façon extrêmement efficace et simple et qui nous sera d’une grande aide. Le tout grâce à une simle petit logiciel nommé sparksangel.

Afin d’optimiser la relation conception design et développement web, Martin m’a fait installé le site Prestille en local sur mon ordinateur, afin que je puisse créer moi même directement le CSS pour les pages que j’aurai conçues. Nous gagnons ainsi du temps et nous renforçons notre efficacité en étant plus proche l’un de l’autre en terme de développement. Ne connaissant pas grand chose en css (je me débrouille en action script seulement), Martin a pu m’expliquer plein de choses à distance, de l’installation au développement.

Pour revenir à sparsangel, ce logiciel permet de contrôler à distance l’écran d’une autre personne afin de lui montrer où cliquer. Il ne s’agit pas de prendre le contrôle total de la souris (ce qui pourrait peut-être engendrer quelques dérives ), mais en voyant à distance l’écran d’un autre, on peut tout simplement lui dire où cliquer et lui montrer, à l’aide d’un curseur précisant “clic gauche” ou “clic droit” selon l’action à effectuer. Afin d’effectuer la connection entre les 2 ordinateurs, il suffit que la personne qui souhaite être accompagnée clique sur “je suis accompagné” pour qu’apparaisse un code que devra rentrer la personne “accompagnant” en cliquant sur “j’accompagne”. La synchro faite, le reste est un simplicisme et très efficace…

Après quelques soirées passées tardivement à installer (ensemble) Prestille en local, j’ai pû bidouiller directement les fichiers css sans modifier les fichiers du site online. J’utilise pour cela Zend studio afin d’écrire le css et de lire les php. Lorsque j’ai créé un css correct et que je l’ai testé en local, je l’envoi alors directement sur le serveur Prestille en un clic depuis Zend. A l’inverse, je peux aussi rapidement me synchroniser avec le site si Martin y a apporté des modifications et vice versa, lui peut télécharger en local ce que j’ai uploadé…

Enfin, outre l’efficacité que tout cela nous apporte, avoir un backup de Prestille sur l’ordinateur de Martin, en ligne, sur le miens + sur des disques durs externes, permet d’assureur une plus grande sécurité pour la sauvegarde de notre travail…

Développer un site web peut se résumer à écrire un livre. Ce n’est juste pas le même langage que celui que vous avez l’habitude de trouver dans un best-seller.

Et comme tout écrivain on doit respecter des règles, lui de grammaire, syntaxe et orthographe, moi de structure, syntaxe et de standards.

La syntaxe ça n’intéresse pas grand monde, en PHP on met un point-virgule à la fin de la ligne, c’est comme ça, on ne peut rien y faire. La structure est plus intéressante, mais elle est souvent la même pour de nombreux projets. Un livre aura des chapitres, un site web aura des class, des functions et des fichiers (chacun organise comme il veut). Mais la partie qui me préoccupe le plus et qui est la plus difficile, est le respect des standard. 

Respecter les standard dans le web, c’est comme mettre une majuscule après un point. si je ne la met pas vous ne le voyez pas forcement (vous l’avez vu ?). Ce n’est pas très grave de ne pas respecter les standards, en général si le site s’affiche (à peu près) bien sur les ordinateurs de mes amis, c’est que c’est bon … Mais le problème c’est qu’on ne pense pas aux autres, à ceux qui ne peuvent pas parcourir le site comme nous, les autres ce sont :

1. Les robots des moteurs de recherches
2. Les mal-voyants et non-voyants

Le premier point me préoccupe, pour l’instant, plus que le deuxième, mais ils sont en réalité directement liés. Si je ne respect pas les standards, les robots ne pourront pas analyser et comprendre la structure du site. Donc mon site sera mal référencé, personne ne pourra nous trouver sur les moteurs de recherche (=Google, soit 90% des recherches en France). Avoir un aussi beau site que Prestille mais ne pas être trouvé, c’est vraiment dommage non ? Par exemple mettre un titre entre des balises <h1></h1> plutôt que <span style=”font-size:25px”></span> (ce qui fait la même chose) est interprété complètement différemment par un robot. Le premier sera interprété dans sa juste valeur (avec une forte importance car c’est un titre), le second sera considéré comme un paragraphe …

Le respect des standards n’est pas la chose la plus importante pour le référencement (le plus important reste le contenu et les mots clés dans ce contenu, ceci fera sûrement l’objet d’un billet prochainement), mais ça remplie surtout le point 2 que j’ai cité plus haut.

On ne pense pas forcément aux mal-voyants et non-voyants. Bien qu’ils soient minoritaires, je ne veux pas les ignorer par respect et par intéressement. En effet un site e-commerce qui respect les standards pourra vendre à un aveugle, c’est toujours un client en plus pour nous et un en moins pour ceux qui ne respectent pas.

Pour ceux qui ne savent pas, un aveugle peut utiliser internet ! Pour cela il utilise un lecteur de page qui va lire et interpréter le site pour lui, grâce à une synthèse vocale. Pour reprendre l’exemple du point et de la majuscule, si je ne met pas de point, la synthèse vocal n’accentuera pas correctement la phrase, ce qui est plutôt désagréable et peut nuire à la compréhension.

Je suis tombé récemment sur ce site qui explique très bien (grâce à des vidéos) pourquoi et comment il faut respecter ces standards, je le conseil à tous les développeurs qui ne se sont pas vraiment penché sur le sujet. J’essaie de prendre en compte tous ces paramètres des le début, ça évite de faire ensuite de lourdes modifications du site après coup, et principalement :

• Les structures de textes avec les <H?>eader et les <P>aragraphes 
• La balise title dans le liens et les images
• La balise alt pour le texte alternatif dans les images
• La balise <label> dans les formulaires
• La déclaration de la langue

Et vous amis dévellopeurs respectez vous (strictement) tout ces standards ?
Est ce qu’un aveugle a lu cet article ?

[edit] Je viens de tomber sur cet article qui raconte surement plus profondement ce que je viens de dire (en anglais) : http://www.internetretailer.com/article.asp?id=26565