Antoine Guiral : apprenti du web 2.0

Partage d’expériences sur le web

[annonce] Prochain tutoriel flickr/php/jquery : c’est pour demain!

Posted by Guiral antoine sur janvier 17, 2008

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!

Publicités

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

 
%d blogueurs aiment cette page :