Mot-clé - dev Web

Fil des billets - Fil des commentaires

site - avecunphotographe.fr

Après un peu plus de deux mois de travail en temps masqué et la plupart du temps le weekend, je pense que mon initiation à Wordpress s'est bien déroulée.

Les étapes de conception

Profitant de la mise en place d'un nouveau projet, j'ai tout d'abord vérifié que Worpress pouvait convenir. Puis j'ai patiemment expliqué point par point les avantages d'une telle solution. J'avais pris la précaution de préciser que je n'avais encore jamais fait l'intégration de ce programme auparavant. Le « client » était donc au courant que ça me prendrait un plus de temps, mais comme il n'était pas pressé, ça tombait bien.

J'ai commencé alors par définir les grandes lignes. Avec mon correspondant, nous avons validé une interface à partir d'une page html/css statique – pour le coup, j'ai eu de la chance d'avoir en face de moi une personne qui savait exactement ce qu'elle voulait –.

En parallèle, j'ai installé un site de développement sur un ordinateur portable. C'est là que j'ai commencé à faire mes premières armes sous Wordpress. Pendant ce temps, nous nous occupions de l'hébergement et derrière une belle page de construction, nous commencions à poser les premières briques du site que vous découvrirez un peu plus bas.

J'avais en tête quelques difficultés et c'est en définitive mon module de choix de catégories qui fut le plus long à mettre en place.

Vous vous en doutez, il ne m'a pas fallu longtemps pour avoir les mains dans le cambouis. Et c'est à coups de personnalisation de thème, de fonctions php et d'un soupçon de jquery que je suis arrivé à mes fins.

Le résultat

Alors voilà. Le site s'appelle avecunphotographe.fr. Il parle de photographie bien sûr. Plus précisément, il propose des stages d'initiation, de perfectionnement et des séjours photo. Le tout est accès sur des cas pratiques, mais aussi sur le post-traitement (outils numériques, impressions, etc.). Et vous savez quoi, la région où se déroulent la plupart des stages se situe dans le val de Loire, une région hautement recherchée pour les photographes de paysages.

Capture avecunphotographe.fr

Je vous laisse découvrir le côté technique du site. Pour ma part, j'ai une affection particulière pour le module de choix de stages – mais forcement, c'est celui qui m'a donné le plus de fil à retordre –. J'aime bien aussi la galerie, le calendrier, le pied de page... bref, c'est assez rare chez moi, mais je l'avoue, j'aime bien ce site... mais pour combien de temps encore, je n'en sais rien.

Conclusion

J'ai été surpris en bien par l'adaptabilité de ce Blog/CMS. L'installation est facile certes, mais la personnalisation, la documentation et surtout la communauté de développeurs en font un outil très simple d'accès.

Je suppose que vous ne m'avez pas attendu pour le connaitre, quoiqu'un en soit, je pense y retourner bientôt.

Le Carnet de Janusz

Carnet de Janusz

Depuis fin mars déjà, un nouveau projet a vu le jour. Il s'appelle le carnet de Janusz. Avant de le rendre officiellement public, j'ai voulu m'assurer qu'il tournait correctement, mais surtout, il fallait y ajouter un peu de contenu ; il n'est rien de plus énervant que de découvrir un site et de tomber sur des pages en cours de construction.

Voici donc encore un nouveau site. Il vient compléter celui que vous lisez en ce moment, mais il travaille sur un autre axe, plus pérenne dans le temps. Ce carnet se lira comme un livre en se feuilletant page par page. Sa construction avoisine d'ailleurs celle d'un exemplaire papier ou d'un ebook si l'on se veut plus moderne. Sous couvert de rassembler des notes, cet espace permettra de regrouper de nouvelles connaissances et d'étendre cette expérience à d'autres.

Pour l'instant, je travaille sur le carnet photo. Il retracera mon parcours photographique et synthétisera des notes et discussions que j'ai pu avoir avec d'autres photographes. Une part du contenu sera aussi dédiée aux notes de prises de vues, comme la composition de certaines scènes ou encore les réglages à utiliser.

Détails techniques :

  • Programmé et validé en HTML5/CSS3 ; nouvelles normes de programmation Internet. Encore en développement, il peut y avoir une différence de rendue en fonction du navigateur que vous utilisez.
  • Modification et réécriture d'une partie de dokuwiki pour un affichage correcte en HTML5.
  • Quelques touches de jquery (animation d'un système de signet automatique, agrandissement des illustrations).
  • Optimisation du référencement, notamment grâce à GTmetrix qui permet d'analyser puis de corriger les "lenteurs". En fonction des pages, obtention du grade A ou B (80-98%).

Galerie Flickr

Flickr donne la possibilité d'intégrer ses propres galeries photo directement sur votre site. J'ai donc voulu réaliser un petit test afin de me faire une idée de l'ergonomie mais aussi de son utilisabilité :

FlashPlayer n'est pas installé ou utilisable ici.

Et comme d'habitude, le code flash qui est donné n'est pas valide. J'ai donc du réaliser quelques modifications :

  • Récupération d'un code valide
  • Remplacement des & par des &

Ce qui donne :

<object data="http://www.flickr.com/apps/slideshow/show.swf?v=71649" width="700" height="525">
  <param name="play" value="true" />
  <param name="loop" value="true" />
  <param name="menu" value="false" />
  <param name="quality" value="high" />
  <param name="scalemode" value="noborder" />
  <param name="wmode" value="transparent" />
  <param name="allowScriptAccess" value="always" />
  <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649" />
  <param name="flashvars" value="offsite=true&lang=fr-fr&page_show_url=%2Fphotos%2Fjledruide%2Fsets%2F72157622499252052%2Fshow%2F&page_show_back_url=%2Fphotos%2Fjledruide%2Fsets%2F72157622499252052%2F&set_id=72157622499252052" />
  <p>Texte de remplacement si FlashPlayer n'est pas installé</p>
</object>

- page 1 de 3