Thomas Jarrand | Développeur Web Objet

Quelques-uns de mes projets personnels :

Projet réalisé au sein d'une équipe dans une agence web.
Opinel
Développement

<p class="realisation_categorie icon_prefixed"> Développement </p> <p class="realisation_work icon_prefixed">Collaboration</p> <p class="realisation_date icon_prefixed"> Réalisé le <span class="realisation_created">23/03/2012</span> </p> <p class="realisation_link icon_prefixed last"> <a href="http://www.opinel.com" target="_blank" title="Voir ce que ça donne en vrai !" >www.opinel.com</a> </p> <p class="pro_work_fixe">Ce projet est le fruit d'un travail en équipe au sein d'une agence web.</p> <p>Au sein de l'agence web grenobloise Nodule.com, j'ai assuré l'intégration des versions mobile et tablette du site d'Opinel, la célèbre marque de couteaux savoyarde.</p> <li data-image-num="0"> <div class="infos_image"> </div> <img src="/image/big/52" alt="Opinel Mobile & tablette" title="Opinel Mobile & tablette" class="realisation_image" /> </li>
Projet réalisé au sein d'une équipe dans une agence web.
Go Sport
Développement

<p class="realisation_categorie icon_prefixed"> Développement </p> <p class="realisation_work icon_prefixed">Collaboration</p> <p class="realisation_date icon_prefixed"> Réalisé le <span class="realisation_created">10/01/2012</span> </p> <p class="realisation_link icon_prefixed last"> <a href="http://www.go-sport.com" target="_blank" title="Voir ce que ça donne en vrai !" >www.go-sport.com</a> </p> <p class="pro_work_fixe">Ce projet est le fruit d'un travail en équipe au sein d'une agence web.</p> <p>Au sein de l'agence web grenobloise Nodule.com, j'ai été lead développeur sur le site de go-sport.com. J'ai dirigé les développement Objets et MVC pour ce catalogue en ligne des magasin Go Sport.</p> <li data-image-num="0"> <div class="infos_image"> </div> <img src="/image/big/49" alt="Homepage" title="Homepage" class="realisation_image" /> </li> <li data-image-num="1"> <div class="infos_image"> </div> <img src="/image/big/50" alt="Fiche produit" title="Fiche produit" class="realisation_image" /> </li> <li data-image-num="2"> <div class="infos_image"> </div> <img src="/image/big/51" alt="Home catégorie" title="Home catégorie" class="realisation_image" /> </li>
Commandes
Développement

<p class="realisation_categorie icon_prefixed"> Développement </p> <p class="realisation_date icon_prefixed"> Réalisé le <span class="realisation_created">01/06/2011</span> </p> <p class="realisation_link icon_prefixed last"> <a href="http://commandes.tom32i.fr" target="_blank" title="Voir ce que ça donne en vrai !" >commandes.tom32i.fr</a> </p> <p>C'est une application qui gère les commandes groupées pour les restaurants qui livrent à domicile : Chacun gère sa commande, sa monnaie, ses tickets restaurants et l'application se charge d'afficher un récapitulatif clair de la commande du groupe. Elle calcule aussi l'excédent éventuel des tickets resto et le répartit équitablement entre les participants. Je l'ai développée en Ruby on Rails et mise en ligne : Mes collègues et moi l'utilisons chaque fois que nous commandons des sushis à faire livrer à l'agence.</p> <li data-image-num="0"> <div class="infos_image"> </div> <img src="/image/big/29" alt="Commandes" title="Commandes" class="realisation_image" /> </li> <li data-image-num="1"> <div class="infos_image"> </div> <img src="/image/big/47" alt="Commandes" title="Commandes" class="realisation_image" /> </li> <li data-image-num="2"> <div class="infos_image"> </div> <img src="/image/big/48" alt="Commandes" title="Commandes" class="realisation_image" /> </li>
Julien-Bertand.com
Développement

<p class="realisation_categorie icon_prefixed"> Développement </p> <p class="realisation_date icon_prefixed"> Réalisé le <span class="realisation_created">01/04/2011</span> </p> <p class="realisation_link icon_prefixed last"> <a href="http://www.julien-bertrand.com" target="_blank" title="Voir ce que ça donne en vrai !" >www.julien-bertrand.com</a> </p> <p>Site web de Julien Bertrand : développé avec le CMS Symfony (à ne pas confondre avec le framework du même nom que j'utilise à présent). Il s'agit d'un site administrable créé sur mesure pour les besoins de ce jeune réalisateur.</p> <li data-image-num="0"> <div class="infos_image"> </div> <img src="/image/big/12" alt="Julien Bertrand Homepage" title="Julien Bertrand Homepage" class="realisation_image" /> </li> <li data-image-num="1"> <div class="infos_image"> </div> <img src="/image/big/27" alt="Julien Bertrand Réalisations" title="Julien Bertrand Réalisations" class="realisation_image" /> </li> <li data-image-num="2"> <div class="infos_image"> </div> <img src="/image/big/28" alt="Julien Bertrand Contact" title="Julien Bertrand Contact" class="realisation_image" /> </li>
Half Cup
Wallpapers

<p class="realisation_categorie icon_prefixed"> Wallpapers </p> <p class="realisation_date icon_prefixed"> Réalisé le <span class="realisation_created">31/01/2011</span> </p> <p class="realisation_link icon_prefixed last"> <a href="http://fav.me/d38h30q" target="_blank" title="Voir ce que ça donne en vrai !" >fav.me/d38h30q</a> </p> <p>Un fond d'écran très, très simple.</p> <li data-image-num="0"> <div class="infos_image"> <a href="http://www.tom32i.fr//upload/images/teacup_2560_1440_2.png" target="_blank" title="Télécharger en haute résolution" class="download"> <div class="button"> <p class="image_name">Half Cup</p> <p class="commentaire">Télécharger en haute résolution</p> </div> </a> </div> <img src="/image/big/15" alt="Half Cup" title="Half Cup" class="realisation_image" /> </li>
Hotel Psychiatrique
Design

<p class="realisation_categorie icon_prefixed"> Design </p> <p class="realisation_date icon_prefixed"> Réalisé le <span class="realisation_created">01/01/2011</span> </p> <p>Affiche du court métrage "Hotel Psychiatrique" réalisé par Julien Bertrand</p> <li data-image-num="0"> <div class="infos_image"> <a href="http://www.tom32i.fr//upload/images/affiche_screen_grand_1.jpg" target="_blank" title="Télécharger en haute résolution" class="download"> <div class="button"> <p class="image_name">Affiche Hotel Psychiatrique</p> <p class="commentaire">Télécharger en haute résolution</p> </div> </a> </div> <img src="/image/big/25" alt="Affiche Hotel Psychiatrique" title="Affiche Hotel Psychiatrique" class="realisation_image" /> </li>
Ilinca-Jambon.fr
Thème Wordpress

<p class="realisation_categorie icon_prefixed"> Thème Wordpress </p> <p class="realisation_date icon_prefixed"> Réalisé le <span class="realisation_created">01/12/2010</span> </p> <p class="realisation_link icon_prefixed last"> <a href="http://www.ilincajambon.fr" target="_blank" title="Voir ce que ça donne en vrai !" >www.ilincajambon.fr</a> </p> <p>C'est le portfolio d'Ilinca Jambon : J'ai développé un thème wordpress à partir de sa création graphique.</p> <li data-image-num="0"> <div class="infos_image"> </div> <img src="/image/big/8" alt="Design par Ilinca Jambon" title="Design par Ilinca Jambon" class="realisation_image" /> </li> <li data-image-num="1"> <div class="infos_image"> </div> <img src="/image/big/9" alt="Design par Ilinca Jambon" title="Design par Ilinca Jambon" class="realisation_image" /> </li>
Halloween Bat
Wallpapers

<p class="realisation_categorie icon_prefixed"> Wallpapers </p> <p class="realisation_date icon_prefixed"> Réalisé le <span class="realisation_created">21/10/2010</span> </p> <p class="realisation_link icon_prefixed last"> <a href="http://fav.me/d3183ow" target="_blank" title="Voir ce que ça donne en vrai !" >fav.me/d3183ow</a> </p> <p>Une série de fonds d'écran sur le thème d'halloween. L'idée est déclinée en plusieurs couleurs. Le tout est disponible au téléchargement si vous appréciez.</p> <li data-image-num="0"> <div class="infos_image"> <a href="http://www.tom32i.fr//upload/images/halloween_orange.png" target="_blank" title="Télécharger en haute résolution" class="download"> <div class="button"> <p class="image_name">Halloween Orange</p> <p class="commentaire">Télécharger en haute résolution</p> </div> </a> </div> <img src="/image/big/6" alt="Halloween Orange" title="Halloween Orange" class="realisation_image" /> </li> <li data-image-num="1"> <div class="infos_image"> <a href="http://www.tom32i.fr//upload/images/halloween_red.png" target="_blank" title="Télécharger en haute résolution" class="download"> <div class="button"> <p class="image_name">Halloween Red</p> <p class="commentaire">Télécharger en haute résolution</p> </div> </a> </div> <img src="/image/big/7" alt="Halloween Red" title="Halloween Red" class="realisation_image" /> </li> <li data-image-num="2"> <div class="infos_image"> <a href="http://www.tom32i.fr//upload/images/halloween_white.png" target="_blank" title="Télécharger en haute résolution" class="download"> <div class="button"> <p class="image_name">Halloween White</p> <p class="commentaire">Télécharger en haute résolution</p> </div> </a> </div> <img src="/image/big/26" alt="Halloween White" title="Halloween White" class="realisation_image" /> </li>
Blog cinéma
Thème Wordpress

<p class="realisation_categorie icon_prefixed"> Thème Wordpress </p> <p class="realisation_date icon_prefixed"> Réalisé le <span class="realisation_created">01/08/2010</span> </p> <p class="realisation_link icon_prefixed last"> <a href="http://blog.tom32i.fr" target="_blank" title="Voir ce que ça donne en vrai !" >blog.tom32i.fr</a> </p> <p>Mon blog cinéma, réalisé avec Wordpress : un thème développé sur mesure avec JQuery. Pour le design, j'ai été aidé par <a href="www.ilincajambon.fr" title="Voir son portfolio">Ilinca Jambon-Leger</a></p> <li data-image-num="0"> <div class="infos_image"> </div> <img src="/image/big/30" alt="Blog cinéma" title="Blog cinéma" class="realisation_image" /> </li> <li data-image-num="1"> <div class="infos_image"> </div> <img src="/image/big/31" alt="Blog cinéma" title="Blog cinéma" class="realisation_image" /> </li> <li data-image-num="2"> <div class="infos_image"> </div> <img src="/image/big/32" alt="Blog cinéma" title="Blog cinéma" class="realisation_image" /> </li> <li data-image-num="3"> <div class="infos_image"> </div> <img src="/image/big/33" alt="Blog cinéma" title="Blog cinéma" class="realisation_image" /> </li>
Le chat botté
Développement

<p class="realisation_categorie icon_prefixed"> Développement </p> <p class="realisation_date icon_prefixed"> Réalisé le <span class="realisation_created">01/04/2010</span> </p> <p class="realisation_link icon_prefixed last"> <a href="http://www.chatbottecarcassonne.com" target="_blank" title="Voir ce que ça donne en vrai !" >www.chatbottecarcassonne.com</a> </p> <p>Site administrable que j'ai entièrement conçu et réalisé en PHP (Objet et MVC). Il présente une maison d'hôtes à Carcassonne et permet à ses propriétaires de gérer leurs réservations, photos, tarifs, etc. via un backoffice.</p> <li data-image-num="0"> <div class="infos_image"> </div> <img src="/image/big/34" alt="Acceuil" title="Acceuil" class="realisation_image" /> </li> <li data-image-num="1"> <div class="infos_image"> </div> <img src="/image/big/35" alt="Localisation" title="Localisation" class="realisation_image" /> </li> <li data-image-num="2"> <div class="infos_image"> </div> <img src="/image/big/36" alt="Administration des réservation" title="Administration des réservation" class="realisation_image" /> </li> <li data-image-num="3"> <div class="infos_image"> </div> <img src="/image/big/37" alt="Administration des photos" title="Administration des photos" class="realisation_image" /> </li> <li data-image-num="4"> <div class="infos_image"> </div> <img src="/image/big/38" alt="Administration des tarifs" title="Administration des tarifs" class="realisation_image" /> </li>
Christian Pichard
Développement

<p class="realisation_categorie icon_prefixed"> Développement </p> <p class="realisation_date icon_prefixed"> Réalisé le <span class="realisation_created">16/03/2010</span> </p> <p class="realisation_link icon_prefixed last"> <a href="http://www.christianpichard.com" target="_blank" title="Voir ce que ça donne en vrai !" >www.christianpichard.com</a> </p> <p>Portfolio full-flash de l'artiste Christian Pichard : réalisé en collaboration avec 3 autres étudiants de LP ATC à l'IUT d'Arles dans le cadre de notre projet tuteuré. J'ai assuré le développement Flash tandis que mes collègues ont géré le back-office PHP et le design.</p> <li data-image-num="0"> <div class="infos_image"> </div> <img src="/image/big/39" alt="Acceuil" title="Acceuil" class="realisation_image" /> </li> <li data-image-num="1"> <div class="infos_image"> </div> <img src="/image/big/40" alt="Oeuvres" title="Oeuvres" class="realisation_image" /> </li>
Morpion
Développement

<p class="realisation_categorie icon_prefixed"> Développement </p> <p class="realisation_date icon_prefixed"> Réalisé le <span class="realisation_created">22/01/2010</span> </p> <p class="realisation_link icon_prefixed last"> <a href="http://lab.tom32i.fr/morpion" target="_blank" title="Voir ce que ça donne en vrai !" >lab.tom32i.fr/morpion</a> </p> <p>Jeu de morpion développé en utilisant les technologies Ajax (ici PHP et jQuery). Jeu multijoueur en temps réel, optimisé pour l'iPhone.</p> <li data-image-num="0"> <div class="infos_image"> </div> <img src="/image/big/10" alt="Morpion vue navigateur" title="Morpion vue navigateur" class="realisation_image" /> </li> <li data-image-num="1"> <div class="infos_image"> </div> <img src="/image/big/11" alt="Morpion vue iPhone" title="Morpion vue iPhone" class="realisation_image" /> </li>
Shoutbox
Développement

<p class="realisation_categorie icon_prefixed"> Développement </p> <p class="realisation_date icon_prefixed"> Réalisé le <span class="realisation_created">17/01/2010</span> </p> <p class="realisation_link icon_prefixed last"> <a href="http://lab.tom32i.fr/shoutbox" target="_blank" title="Voir ce que ça donne en vrai !" >lab.tom32i.fr/shoutbox</a> </p> <p>Petit TP d'ajax réalisé lors de ma licence professionnelle : une shoutbox en HTML / Javascript pur.</p> <li data-image-num="0"> <div class="infos_image"> </div> <img src="/image/big/41" alt="Shoutbox" title="Shoutbox" class="realisation_image" /> </li>
Attrape-Kiri
Développement

<p class="realisation_categorie icon_prefixed"> Développement </p> <p class="realisation_date icon_prefixed"> Réalisé le <span class="realisation_created">06/12/2009</span> </p> <p class="realisation_link icon_prefixed last"> <a href="http://lab.tom32i.fr/attrape_kiri" target="_blank" title="Voir ce que ça donne en vrai !" >lab.tom32i.fr/attrape_kiri</a> </p> <p>Un jeu en Flash AS3 réalisé pour un exercice de communication. Le but de l'exercice étant de tenir un blog de marque fictif, j'ai créé cet <abbr title="Jeu publicitaire">advergame</abbr>. </p> <li data-image-num="0"> <div class="infos_image"> </div> <img src="/image/big/42" alt="Attrape-Kiri" title="Attrape-Kiri" class="realisation_image" /> </li> <li data-image-num="1"> <div class="infos_image"> </div> <img src="/image/big/43" alt="Attrape-Kiri" title="Attrape-Kiri" class="realisation_image" /> </li>
Dionysos Festival
Design

<p class="realisation_categorie icon_prefixed"> Design </p> <p class="realisation_date icon_prefixed"> Réalisé le <span class="realisation_created">22/10/2009</span> </p> <p>Maquettes du site du festival de musique "Dionysos Friends Orchestra Festival". Réalisées avec Photoshop dans le cadre d'un exercice en LP ATC. Sujet de l'exercice : réalisez une maquette de quelques pages pour le site d'un festival de musique fictif.</p> <li data-image-num="0"> <div class="infos_image"> </div> <img src="/image/big/20" alt="Accueil" title="Accueil" class="realisation_image" /> </li> <li data-image-num="1"> <div class="infos_image"> </div> <img src="/image/big/21" alt="Acceuil : Fonctionnement du slider" title="Acceuil : Fonctionnement du slider" class="realisation_image" /> </li> <li data-image-num="2"> <div class="infos_image"> </div> <img src="/image/big/22" alt="Page programme" title="Page programme" class="realisation_image" /> </li> <li data-image-num="3"> <div class="infos_image"> </div> <img src="/image/big/23" alt="Page programme : détails de l'onglet "Partage"" title="Page programme : détails de l'onglet "Partage"" class="realisation_image" /> </li>
Cyberprof 2
Développement

<p class="realisation_categorie icon_prefixed"> Développement </p> <p class="realisation_date icon_prefixed"> Réalisé le <span class="realisation_created">01/03/2009</span> </p> <p class="realisation_link icon_prefixed last"> <a href="http://src-interne.univ-savoie.fr/CyberProf2/cours.php?matiere=21&cours=8" target="_blank" title="Voir ce que ça donne en vrai !" >src-interne.univ-savoie.fr/CyberProf2/cours.php?matiere=21&cours=8</a> </p> <p>Cybeprof 2 est un site de création et de diffusion de cours en ligne. J'ai assuré le rôle de chef de projet au sein de l'équipe de 4 étudiants SRC qui l'a réalisé et j'ai produit la partie Flash en AS3.</p> <li data-image-num="0"> <div class="infos_image"> </div> <img src="/image/big/44" alt="Cyberprof 2" title="Cyberprof 2" class="realisation_image" /> </li> <li data-image-num="1"> <div class="infos_image"> </div> <img src="/image/big/45" alt="Cyberprof 2" title="Cyberprof 2" class="realisation_image" /> </li>
Bomber Sheep
Développement

<p class="realisation_categorie icon_prefixed"> Développement </p> <p class="realisation_date icon_prefixed"> Réalisé le <span class="realisation_created">06/12/2008</span> </p> <p class="realisation_link icon_prefixed last"> <a href="http://lab.tom32i.fr/bomber_sheep" target="_blank" title="Voir ce que ça donne en vrai !" >lab.tom32i.fr/bomber_sheep</a> </p> <p>Petit jeu basé sur le célèbre Bomberman, il s'agit d'un projet en JAVA de ma deuxième année de DUT SRC.</p> <li data-image-num="0"> <div class="infos_image"> </div> <img src="/image/big/46" alt="Bomber Sheep" title="Bomber Sheep" class="realisation_image" /> </li>

Quelques-uns de mes projets personnels :

Opinel

Go Sport

Commandes

Julien-Bertand.com

Half Cup

Hotel Psychiatrique

Ilinca-Jambon.fr

Halloween Bat

Blog cinéma

Le chat botté

Christian Pichard

Morpion

Shoutbox

Attrape-Kiri

Dionysos Festival

Cyberprof 2

Bomber Sheep