Pierre Jarlan Photography

Plusieurs photographes me posant des questions sur la réalisation de mon site internet, voici un résumé de la méthodologie (avec ses erreurs ) suivie pour la réalisation de ce site :

• La problématique initiale.

Décembre 2008, Sur les conseils d’ amis, je décidais de renouveler, mon site Internet www.pedronimo.com de photographe  amateur, pour lui donner une meilleure lisibilité, et un design compatible avec un site professionnel. Il fallait que ce nouveau site soit référencé par les moteurs de recherche (Google…) et si possible bilingue en français et en anglais. Je voulais aussi facilement pouvoir le mettre à jour. Mon précédent site, “à l’ancienne”, fait de pages HTML statiques, était pénible à mettre à jour, je ne le faisais donc jamais.

• Comment savoir ce que l’on veut ?

Je n’avais aucune idée du design et des fonctionnalités que je voulais intégrer dans mon site. J’avais noté les différentes remarques d’amis à propos des fonctionnalités à améliorer sur mon ancien site. J’ai donc parcourus différents sites Internet de photographes et de magazines pour récolter, noter, analyser le design et les différentes fonctions mises en place sur leur site. Au cours de ces visites, j’ai récolté des captures d’écran  (très important), et noté l’aspect des fonctions qui m’intéressaient. J’ai ensuite découvert le rôle des CMS , qui sont des contenus management système. C’est-à-dire un logiciel que vous installez sur le serveur (l’ordinateur de votre hébergeur), qui s’occupe de formater dans un style donné (la charte graphique de votre site), un contenu que vous lui avez donné.Il faut savoir, que sur les sites dynamiques comme le sont les forums, mais aussi les sites Internet de magazines (le monde, le Figaro, courrier internationale…) les pages Internet que vous visitez sont générées à votre demande par un logiciel qui est le CMS. Voir ci contre un petit graphique expliquant tout cela réalisé rien que pour vous : “Mode de fonctionnement de la création d’une page Web par un CMS” J’ai visité plusieurs sites présentant leurs CMS. Je précise que ces logiciels sont la plupart du temps gratuits. La mise à jour, l’évolution étant assurée par l’ensemble de la communauté des internautes les utilisant. J’ai ainsi regroupé les différentes possibilités offertes par chaque logiciel, mais aussi les plug-in disponibles et utiles.

• Réalisation du cahier des charges.

Les fonctionnalités : j’ai regroupé l’ensemble des fonctionnalités qui m’intéressaient, Le design : j’ai repris mes captures écran, avec PhotoShop et j’ai découpé les éléments qui m’intéressaient dans chacune et j’ai fait une maquette du design que j’envisageais pour mon site. Les questions : je ne savais pour l’instant pas quel logiciel de CMS choisir, ni comment intégrer mon design, j’ai donc posté une question sur le forum “forum hardware”. Intitulé “quel cms pour site de photographe”

• Quelle CMS pour un site de photographe.

Il est rapidement apparu qu’il était  utile de le faire avec wordpress, Wordpress : Avantages : Simple, nombreux plug in, le cms le plus utilisé. Inconvénients : peu de forums d’aide en français. J’ai étudié également Spip : Avantages : Simple et en Francais. Inconvénients : Peu de plug in, gestion du multilangue complexe. Joomla : Avantages : nombreux plug in, site fonctionnel et facile a réaliser. Inconvénients : bordélique, démarche trop commerciale, style pas toujours facilement adaptable. J’ai ainsi réaliser le cahier des charges disponibles en fin de document.

• Réalisation et intégration dans Wordpress.

Étant donné que je devais partir rapidement, je n’avais pas le temps d’assurer l’intégration du site. Il fallait que j’acquière les connaissances pour la création du site et ensuite que je crée le site. J’ai donc préféré passer par un professionnel. J’ai posté sur le forum codeur.com, un appel d’offre, comprenant le cahier des charges. Plusieurs personnes m’ont répondu, pour des prix s’étalent entre 400 et 3000 €. En fonction des disponibilités, et les tarifs, j’ai choisi de travailler avec Sébastien, celui-ci pouvant me réaliser rapidement le site Internet pour environ 500 €. Nous avons donc décidé d’installer wordpress. De modifier un “template”, sorte de modèle de style déjà prêt pour wordpress et de l’adapter à mon style. De l’ensemble des plug-ins à installés.

• Les logiciels et plug in utilisés :

Wordpress Le CMS de mon site.

NextGEN Gallery : le plug-in de gestion des galeries, très pratique, très fonctionnel.

qTranslate : le plug-in de gestion du multilingue. Un très bon également. Simple Tags : un plug-in permettant la création d’un nuage de tags, c’est-à-dire annuel de mots-clés permettant de naviguer dans vos articles et galerie par mots-clés. Google Analytics for WordPress : un plug-in insérant automatiquement l’appel Java vers le site Google, ce qui me permet d’analyser l’utilisation de votre site. Très utile pour voir si les modifications apportées au site se répercutent sur l’utilisation de celui-ci. Google XML Sitemaps : permet la génération d’une carte de votre site, assurant ainsi les robots de Google vont bien analyser toutes les pages du site. Lightbox 2 : plug-in permettant l’effet de mise en avant des photos lorsqu’on clique dessus. Sociable : plug-in insérant les liens en fin d’article pour pas partager l’article sur différents sites comme Facebook. WP Ma-e-boutique : une boutique en ligne, que je n’utilise pour l’instant pas.

Firebug : Un plug-in de Firefox très utile pour modifier soi-même le CSS (la feuille de style), essayez, apprendre, et après il n’y a plus qu’à recopier sur le fichier original. Notepad++: le must pour modifier les fichiers HTML, PHP, CSS. ColorMania : très utile pour définir le code d’une couleur en CSS ou HTML. Igallerie : qui est a lui seul un CMS uniquement pour les photos, trés simple et rapide.

• Intégration d’un gallerie indépendante de votes et de commentaires : Igalerie.

J’ai voulu par la suite utiliser une galerie permettant de regrouper des votes et des commentaires par image. Ceci me permettant de plus facilement cerner les images favorites et les plus intéressantes aux yeux du public. Par exemple pour consulter mes amis, pour m’aider à choisir les images les plus intéressantes pour l’exposition « travailleurs entre mains et  visage : les mains et le visage de la façon en Europe ». Pour cela, j’ai utilisé le logiciel indépendant igalerie (ce n’est pas un plug-in de wordpress). Pour l’intégrer dans le style de mon site, j’ai tout simplement copié coller le code source d’une une page HTML de mon site, j’ai intégré les codes PHP pour mettre en place la galerie, j’ai défini des divisions spéciales permettant de donner un style particulier à la zone de la galerie. Je vais faire un article sur son intégration plus tard. Merci à tous pour vos commentaires (qui corrigeront mes erreurs éventuelles).