Comment s'inspirer facilement des fonctionnalités d'un site

22 Nov 2018 · Code · Programming, Code, Hacking

En 2012, alors que j’étais en première du cycle ingénieur à l’Institut Africain d’Informatique, un de mes aînés a créé la maquette sensée servir au site web de la Communauté des Etudiants Togolais. Ayant reçu le fichier .psd, je me suis donné un travail pratique, celui de reproduire exactement cette sur une page web, en se servant uniquement du HTML et du CSS. Quelques jours après, je présentai le rendu au graphiste d’aîné que j’avais. Il fut très séduit et plein d’enthousiasme par ma réalisation. Je lui expliquai plus tard le mécanisme que j’ai utilisé pour isoler les différents blocs du graphique pour en sortir une page web identique, sinon très proche de la maquette. [J’aurais bien voulu vous faire voir le résultat, mais j’ai perdu mes données en 2014, alors que je ne connais pas les outils d’hébergement de code tels que Github et Gitlab que j’encourage les développeurs à utiliser désormais.]

Lorsque tout dernièrement, travaillant sur un projet web (déjà existant, mais à refaire), un collaborateur me demanda comment j’ai fait pour créer une solution identique au premier alors que je n’ai pas eu access au code source, j’ai souri.

C’est juste parce que le développeur web n’a pas à voir seulement l’interface graphique. Mais plutôt le code source.

Un ami ingénieur avait l’habitude de dire :

Mon frère, tout existe. En matière d’informatique, tout existe.

Il a parfaitement raison.

Pourquoi toutes ces histoires ?

J’avais encadré des étudiants en fin de cycle de Licence l’année dernière. Et durant leur stage, ils sont emmenés à créer des solutions logicielles, lesquelles ne sortiraient pas forcement de nulle part.

Dans les travaux de recherche, le développeur peut rencontrer un site, une application, une solution, qui l’inspire, qui a des fonctionnalités similaires à ce qu’il veut.

Loin de reproduire exactement l’interface graphique, pour être traité de plagiat, le développeur doit plutôt fouiller dans le code source de la page. Il doit trouver les différentes librairies utilisées par le site ou l’application.

BOn nombre de sites aujourd’hui se servent d’outils gratuits. On ne pourrait les connaître si on ne nous en a jamais parlé, ou si on ne les a jamais utilisés.

Certains navigateurs fournissent des plugins qui permettent de s’enquérir des outils utilisés pour développeur un site web. Je pourrais recommander le plugin built with de Firefox, qui est très pratique.

J’encourage ainsi tout développeur, junior ou expérimenté, à régulièrement afficher les codes source des pages qui les inspirent. A afficher les fichiers Java Script, les styles CSS.

Vous deviendrez meilleurs en vous inspirant des expériences des autres.