Voila mes test commencés ce matin se sont avérés concluant. Du coup je vais me mettre à rédiger ce tutoriel. En attendant pour vous mettre l’eau à la bouche je vais vous présenter de quoi il s’agit en détail en plus des deux exemples que voici : mon cv dans la partie works et la page de test “toute bête”.

• Le but

Oui avant de présenter le coté technique du tutoriel, voyons voir ce que vous pourrez faire à la fin de ce tutoriel. Le but est faire une gallerie photos animée en hebergeant les photos chez flickr. “Pourquoi faire simple quand on peux faire compliqué” allez vous me dire? Eh bien j’ai plusieurs réponses. La première est qu’il me semble interessant de pouvoir réutiliser un service existant pour heberger ses photos. Pas de limites de stockages, serveurs et donc photos accessibles, flickr gére lui même les miniatures, etc etc… L’autre avantage majeur (et celui qui m’interesse le plus) est le fait d’apprendre des technologies, web 2.0 qui plus est. En effet pour faire cette galerie nous allons utiliser plusieurs concepts interessants et actuels.

• Flickr

Re-Parlons de flickr, ce service 2.0 permet entre autre de stocker vos photos en ligne. Ce qui nous interesse particulièrement c’est que flickr met à notre disposition une API qui nous permet d’accéder à distance à nos photos! Nous allons nous servire de cette API.

• Php

Pour utiliser l’API de flickr nous utiliserons une classe php. Cela nous forcera à nous familiariser avec la POO en php. Je vous rassure la classe est écrite et documentée, nous aurons juste à l’utiliser.

• JQuery

Les animations seront générées grâce à JQuery (petit rappel : JQuery est un framework javascript). Interface est un ensemble de plugins basé sur JQuery. Nous utiliserons le plugin 3Dcarousel. Vous verrez c’est simple à mettre en oeuvre. Plus tard nous tenterons de réaliser notre propre plugin.
A très vite pour le tutoriel!! Si vous avez des idées/questions/suggestions allez y et pensez à vous abonner au flux RSS pour ne pas louper ce tutoriel!

Autres articles intéressants :

• [certification mysql] #6 DDL : Modification de tables
• [certification mysql] #5 DDL : Création de tables
• [certification mysql] #4 DDL : Création de base de données
• [certification mysql] #3 DDL : Moteurs de stockage
• [html/css]ferme de liens

Articles les plus actifs :

• [tuto jquery] drag ‘n drop avec sauvegarde automatique en base de données (2/2) (28)
• [tuto mashup] Google maps sur votre site : c'est possible! (version statique) (22)
• [tuto jquery] drag ‘n drop avec sauvegarde automatique en base de données (1/2) (19)
• [tuto mashup] Galerie photo animée via Flickr : animer votre galerie (2/2) (17)
• [tuto web] cadre avec bordures extensibles valide xhtml/css (17)
• [vu sur le net] #1 résumé (7)
• [tuto flex] hello world en flex: il y a un début à tout! (6)
• [vu sur le net] #2 dominante développement et entrepreneuriat (6)
• Qui suis-je? (4)
• [annonce] La patate "fuzz" sur le web!! (et j'aime pas olivier martinez :p) (4)