Antoine Guiral : apprenti du web 2.0

Partage d’expériences sur le web

Posts Tagged ‘presentation’

Gest’XV devient teamManagerXV

Posted by Guiral antoine sur janvier 28, 2008

Je vous parlais il y a quelques jour de mon nouveau projet. Il vient de changer de nom. Je trouve teamManagerXV plus sexy. Bien sur je ne vais pas faire un billet uniquement pour ça!

J’ai pas mal avancé aujourd’hui : création de la charte graphique (enfin plus ou moins), création des formulaires d’ajout d’un club, d’une équipe et d’un joueur. Jusque là rien de très emballant surtout que je n’ai pas encore peaufiner les formulaires (tant au niveau visuel que vérifications).

Par contre je me suis bien amusé pour faire la gestion des effectifs. En effet j’ai géré ça un peu comme flickr avec ses albums photos. C’est à dire avec des drag’n drop des joueurs (grâce à interface et JQuery). Ce que je n’avais jamais fait c’était la sauvegarde automatique en AJAX! Et je trouve que cela a un effet bluffant. Hop j’ajoute un joueur puis je fait glisser mon joueur dans une équipe je change de page, je reviens (ou un petit f5) et magie mes équipes ont été conservées!  Bon d’accord c’est pas nouveau, on l’a tous déjà vu…Certes! Mais dans ce cas je l’ai fait tout seul, juste avec la doc :p! Ne vous inquiétez pas je ferais un petit tutoriel là dessus très prochainement!

Prochaine étape : création d’une feuille de match, gestion de la présence aux entraînements, statistiques de présence, gestion de la session (qui peut faire quoi), puis plein d’autres choses. Vi…j’ai des nouvelles idées toutes les 5 minutes…

Vous aussi vous bossez sur un projet? Parlons en!

A bientôt!!

Publicités

Posted in projet | Tagué: , , , , , , | Leave a Comment »

Nouveau projet : gestion d’une équipe de rugby

Posted by Guiral antoine sur janvier 26, 2008

Je commence un nouveau projet! En plus de ceux en cours…mon cv, ma seconde version de gestion de cave à vin en ligne, ce blog enfin bref des journées à rallonges quoi! Cependant cela va me permettre d’expliquer au fur et à mesure comment j’organise mon travail. Ça pourra peut être vous servir ou peut être aurez vous des suggestions à me faire!

Ce sera l’occasion pour moi de faire quelques tutoriel sur ma façon de faire de l’ajax, ou sur les drag’n drop avec JQuery. Plein de choses intéressantes!

  • Le projet Gest’XV

L’origine du projet est simple : je joue au rugby et comme je suis capitaine il m’arrive d’assister à la composition des équipes. Et quelle fût ma surprise en voyant que ces composition étaient faites sur excel. Donc pas très pratiques pour faire des stats sur les différents matchs ou encore quand il s’agit de retaper les noms des joueurs. J’ai donc proposer à mon coach de lui faire un outil qui lui permettra de créer ses feuilles de matchs très rapidement. Après quelques discussions d’autres besoins sont apparus : présence aux entraînements, fiche de joueur détaillé, historique des temps de jeu, plusieurs « rôles » au niveau de l’administration afin de pouvoir déléguer certaines tâches…Bref un projet relativement complet et intéressant.

J’ai réalisé un premier jet sur la composition de l’équipe. J’ai utilisé JQuery pour faire les drag’n drop et je vous expliquerais très prochainement comment j’ai fait.

  • Comment?

Pour réaliser Gest’XV (oui c’est le ptit nom que je lui donne pour le moment lol) je vais utiliser XHTML 1.1, PHP, MySQL, Javascript avec JQuery et les CSS. Je vais essayer de créer un design sympa avec photoshop. MEs objectifs sont presque tout le temps les mêmes quand je commence un projet : aller vite, faire du code valide, faire du code maintenable et apprendre des technologies (par exemple faire de l’ajax avec JQuery j’ai jamais fait :D). Je reviendrais sur le XHTML 1.1 parce que HTML 5 vient de sortir et j’aurais pu faire ce choix là.

  • Conclusion

Tout ça pour exprimer mon enthousiasme!  C’est mon premier projet qui associe mes 2 passions : le rugby et le développement web. Je vous ferais suivre l’évolution du site ! N’hésitez surtout pas à me faire des suggestions d’améliorations!

Vous aussi vous avez des projets en cours? Je serais ravi d’en parler sur ce blog! A bientôt!

Posted in découverte, projet | Tagué: , , , , , , , , , , , , , | Leave a Comment »

Vous aussi vous êtes nouveau sur la blogosphère?

Posted by Guiral antoine sur janvier 18, 2008

Voila j’ai lancé ce blog il y a tout juste une semaine. Et forcement j’ai envie qu’il tourne! Quelques constats en termes de visites. Je ne m’attendais pas à avoir ces stats là après seulement quelques jours :

Stat de la première semaine

avec un pic à52 visites pour le 16/01. Je pense que cela vient de deux choses : la première est que Google indexe très rapidement les blogs en faisant des pings très régulièrement. La seconde est que j’essaye de tenir un rythme supèrieur à un article par jour. Pas suffisant ni impressionnant mais je trouve cela pas mal pour un début et à mon avis on prend vite un bon tempo. Tout en sachant que je préfère ecrire un peu moins mais sur des sujets qui me plaisent.

Ceci dit je voudrais (comme tout bloggeur) fidéliser mes lecteurs (oui oui c’est de vous dont je parle!). Et là, magie! Olivier d’innovablog publie ce superbe article (comme la plupart de ses articles d’ailleurs!) sur ses retours d’expériences suite au buzz « laure manaudou nue ».

Un résumé rapide (mais allez lire son article!) :

  1. créer un réél contenu
  2. favoriser le linkage sur le blog
  3. mettre en avant les flux RSS

Le problème dans mon cas c’est que j’utilise la plateforme de WordPress en ligne et je ne peux pas ajouter de plugins. Donc pour le moment (oui je pense bien heberger mon blog mais pour le moment ce n’est pas possible…) je vais me concentrer sur le linkage et le contenu!

Bon courage!

Posted in divers | Tagué: , , , , | 2 Comments »

Vous avez dit mashup?

Posted by Guiral antoine sur janvier 18, 2008

Avant de nous lancer dans le prochain tutoriel, il me semble important de savoir ce qu’est un « mashup » ou « mash-up« . C’est un concept important pour le web 2.0. Rien de bien compliqué mais autant savoir de quoi on parle!

  • Quoi?

Un mashup c’est le fait de réutiliser le contenu d’un site ou service existant dans votre site web. Les services web propose d’utiliser leurs contenus au travers d’API. En guise d’exemple, le prochain tutoriel utilisera l’API de flickr. Vous réaliserez donc un mashup en codant la galerie photos que je vous propose de faire.

  • Qui?

Il existe beaucoup de services proposant une API pour accéder à leurs contenus. Les plus célèbres sont : Google, Yahoo!, Amazon, YouTube, Dailymotion, Flickr, eBay, etc…

  • Pourquoi?

Le fait de proposer une API est un avantage pour les deux partis. D’un coté les services qui les proposent bénéficient d’une publicité « virale » puisque ce sont les créateurs de site qui vont publier et faire connaitre leurs produits (gratuitement en plus :-p). De l’autre coté le créateur de site web a à sa portée des outils puissants, complets et variés qui vont lui permettre de faire des sites tous plus extraordinaire les uns que les autres!

La seule limite qu’il vous reste c’est votre créativité! C’est souvent le plus dur… avoir de bonnes idées!

A très vite!

Posted in découverte, web 2.0 | Tagué: , , , , , , , , | 1 Comment »

[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!

Posted in projet, tutoriel, web 2.0 | Tagué: , , , , , , , , , , , | Leave a Comment »