La semaine dernière quand je suis passé à Paris, j’ai formé François (le Designer Prestille) au Webdesign !

Car jusqu’à présent il me fillait un fichier .ai (adobe illustrator) et je me démerdais avec ça ! Pour ceux qui connaissent doivent comprendre mon problème. Pour les autres, en gros, il fallait que je redécoupe tout ce qu’il a fait, qu’ensuite je le code en html/css. Malheureusement je ne peut pas avoir la même précision en webdesign qu’avec un outil aussi puissance que Illustrator. (sauf en chargeant une grosse image de fond qui rendrait le site vraiment trop lent), et François n’était pas content car quelques finitions ne correspondaient pas à ce qu’il avait fait …

Alors comme je n’avais pas le temps de développer le site ET de peaufiner le design comme le voulait François, j’ai pris une journée entière avec lui pour lui apprendre le HTML/CSS. Une journée, il ne lui en a pas fallu plus pour qu’il comprenne (et en rêve, vraiment!) les “border: 1px solid #666, padding:10px; float:left; position: relative; background-image:url(/images/style.jpg)”

En parlant de ça, je suis obligé de vous montrer ce que peut faire un “geek” photographe : (vu ici, de cet artiste)

Désolé on continue le teasing,  mais on avance bien soyez encore un peu patient, ça vient !

Et en cadeau un petit morceau, un remix de Remember Love de Nôze : 

Clip audio : Le lecteur Adobe Flash (version 9 ou plus) est nécessaire pour la lecture de ce clip audio. Téléchargez la dernière version ici. Vous devez aussi avoir JavaScript activé dans votre navigateur.

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…