Portfolio



Vous trouverez ici les différents projets personnels ou professionnels auxquels j’ai participé.
Si vous souhaitez des détails sur un des projets, cliquez dessus. Pour encore plus d’infos, contactez moi, je me ferai un plaisir de vous répondre.

Depuis 2012 – Frais Mobilité
2011 – Boulangerie Pâtisserie Casbonne
2011 – Extension Google Chrome : Send It To Me
2008 – Camping Plaisance
2008 – CCI de Péronne
2008 – Humm.Miam
2008 – Note Ta LP
2007 – Présence PHP
2007 – Base de données pour le GRAMFC

——

  • Présentation :

http://frais-mobilite.com
Il s’agit ici d’un projet personnel. J’entends par là, non réalisé sur commande d’un client. Ce site permet à tout un chacun de suivre tous les frais liés à un véhicule durant la vie de ce dernier. Consommations de carburant, entretiens, réparations, vente… Tout cela est agrementé de graphiques divers et variés et de calculs de coûts relatifs (coût au kilomètre par exemple). Objectif principal de ce site : remplacer mes fichiers Excel vieillissants et me permettre de saisir des informations (ou les consulter) de manière délocalisée.

Sur les images ci-dessous, vous pourrez voir la version web du site ainsi que la version mobile. En effet, une version mobile est quasiment obligatoire dans ce genre de projet. Nous y reviendrons plus loin.

  • Fonctionnalités :

– gestion de comptes utilisateurs et des véhicules associés
– renseignement de passage à la pompe à carburant en facilitant au maximum la saisie (renseignement automatique de la date par exemple ou encore du type de carburant selon le véhicule concerné)
– version mobile allégée permettant uniquement la consultation de la consommation de carburant et l’ajout de plein en « live » depuis la pompe à carburant (enfin, pas très loin car c’est interdit de jouer avec son smartphone à la station :))
– applications mobiles pour divers smartphones (Android, Windows Phone, etc…). Contenu identique à la version mobile du site
– tracés de graphiques spécifique et gestion automatique des échelles de ces derniers
– optimisation des performances pour l’affichage mobile et la sollication serveur lors de la navigation
– Web service spécifique pour la version mobile (utilisation d’Ajax et du format JSON)
– gestion de génération dynamique d’images en PHP et du BBCode pour permettre l’intégration de petits « badges » de forum indiquant la consommation du véhicule souhaité.

  • Conclusion :

Etant à la base un site personnel, ce site a rapidement été utilisé par des dizaines de personnes. Ceci a eu pour effet de me booster autant dans la finition fonctionnelle que dans l’administratif et la relation client. En effet, j’ai du changer d’hébergement quelques semaines après la mise en ligne, adapter certaines fonctionnalités pour pouvoir répondre à la sollicitation serveur de manière plus efficace.
En outre, ce projet m’a fait grandir au niveau relationnel : j’ai mis en place un blog totalement lié au site sur lequel je communique régulièrement aussi bien les nouveautés que les bugs découverts, les dates des maintenances prévues, etc…
Enfin, j’ai pu éprouver mes méthodes de communication avec les utilisateurs par le biais du blog entre autres mais également par le biais de publicité sur divers forums et blogs automobiles.

Visuellement le site est plaisant aux dires des utilisateurs et répond à la demande ce qui est encore plus plaisant pour moi!

(Le site n’étant à l’heure actuelle pas terminé, je compléterais ces lignes au fur et à mesure de l’avancement de ce projet grandissant).
(retour à la liste des projets)

  • Présentation :

http://boulangerie-casbonne.fr/
Il s’agit d’un projet bénévole réalisé pour des membres de ma famille. C’est donc le site de la boulangerie pâtisserie Casbonne située à Goincourt dans l’Oise.

  • Fonctionnalités :

– gestion de mise à jour régulière des différents contenus
– intégration d’une carte Google Maps pour aider à la localisation

  • Conclusion :

Souhaitant dans un avenir plus ou moins proche devenir auto-entrepreneur dans le domaine de la création de site Internet, je peux dire que ce site m’a réellement motivé. En effet, j’ai pu mettre en pratique ce qui m’a été enseigné : relation client (bien que le client n’en soit ici pas vraiment un), gestion d’un planning prévu d’avance et surtout la partie administrative concernant la création d’un nom de domaine, achat de l’hébergement…
(retour à la liste des projets)

  • Présentation :

Il s’agit d’un projet personnel motivé par le fait qu’aucun outil existant n’était capable de faire ce que je voulais de manière simple. Le but de cette extension est simplement d’envoyer un mail contenant l’adresse de la page courante à une adresse mail prédéfinie mais de le faire en 1 clic! L’objet et le contenu du mail se définissent dans une page d’options. Une fonctionnalité supplémentaire permet de fermer l’onglet actuel une fois l’envoi de mail réalisé.

Cette extension est disponible au téléchargement sur le Chrome Web Store.

  • Fonctionnalités / Connaissances mise en oeuvre :

– gérer la contrainte de langage de programmation imposée par Google : Javascript et HTML.
– développer une page hébergée sur un serveur distant permettant d’envoyer un mail. En effet, le javascript et l’HTML étant des langages client, il nous faut un moyen d’envoyer ledit mail via un langage serveur : j’ai donc choisi le PHP.
– Souhaitant qu’aucune page ne s’affiche lors du clic sur mon extension j’ai du développer l’envoi de mail en AJAX. Mais la page d’envoi de mail (qui prend ses paramètres via la méthode POST) étant sur un autre serveur, c’est plus particulièrement de l’AJAX Cross-Domain qu’il m’a fallu faire.

  • Conclusion :

La réalisation de cette extension m’a permis d’apprendre de nouvelles techniques de programmation telles que l’AJAX Cross-Domain ou encore les fonctionnalités de LocalStorage d’HTML5 remplaçant avantageusement les cookies dans ce projet.
(retour à la liste des projets)

  • Présentation :

http://www.camping-plaisance.com/
Ce projet a été réalisé dans le cadre de ma formation en Licence Professionnelle. Il s’agit du site du Camping de Péronne (Somme – 80). Ce camping est géré par la Chambre de Commerce et d’Industrie de Péronne – administration dans laquelle s’est déroulé mon alternance.

  • Fonctionnalités :

– gérer 4 langues (Français, Anglais, Allemand, Néerlandais)
– gérer différents modèles de page dynamiquement (9 livrés et possibilité d’évolutions infinies)
– gérer une galerie photo en Flash ainsi qu’une visite virtuelle en Flash et en Javascript
– gérer l’interaction avec Google Maps pour la localisation du camping
– gérer l’intégration d’un plugin Météo
– gérer l’intégration d’un système de réservation et paiement par Internet (ResaNet)
– gérer un back-office ultra simple et très complet qui ne nécessite aucune formation.

  • Conclusion :

La création d’un mini-CMS sans en avoir eu conscience au début de la mise en place de ce site m’a apporté beaucoup aussi bien au niveau technique qu’au niveau relationnel. De plus, l’intégration d’un système de réservation m’a appris quelques règles du commerce électronique ainsi que le travail avec un prestataire de service.

Etant donné le nombre de visites uniques, l’optimisation des temps de chargement et de la navigation a été une priorité. J’ai donc appris à optimiser mes temps de chargement, utiliser des cookies etc…
(retour à la liste des projets)

  • Présentation :

http://www.peronne.cci.fr/
ATTENTION : suite à la fusion de la CCI de Péronne avec la CCI d’Amiens ce site n’existe malheureusement plus…
Ce projet a aussi été réalisé dans le cadre de ma formation en Licence Professionnelle. La Chambre de Commerce et d’Industrie de Péronne souhaitait rajeunir son site et ajouter des fonctionnalités. Le cahier des charges avait été réalisé avant mon arrivée. J’ai du en prendre connaissance afin de proposer diverses chartes graphique à présenter au directeur.

La gestion de tout les détails techniques (hébergement, sauvegarde, restauration, log de l’activité du site, amélioration du référencement, …) m’a été confiée tout en étant supervisée par mon responsable.

  • Fonctionnalités :

– gérer un système de création d’actualités avec mise en avant sur la page d’accueil si besoin et archivage une fois qu’elles ne sont plus nécessaires.
– gérer un agenda avec archivage automatique une fois la date de l’évènement passée. La mise en avant est aussi active.
– gérer un diaporama Flash avec ajout/suppression de photos depuis l’interface d’administration.
– gérer des liens et des catégories avec un affichage spécifique et une mise en avant.
– gérer un système de téléchargement (et donc d’upload par l’interface d’administration).
– gérer un utilisateur de type « super_admin » qui aurait des droits plus « puissants » : ajouter/supprimer des pages, modifier les menus, consulter les fichiers de log etc…
– gérer une newsletter avec des catégories d’utilisateurs (import de mail depuis une feuille excel – collectés par la CCI directement).

  • Conclusion :

De la même manière que pour le site du Camping Plaisance, la création d’un mini-CMS m’a apporté beaucoup de connaissance technique. Les missions qui m’ont été confiées m’ont fait évoluer. A l’heure actuelle, je suis sincèrement fier de cette réalisation et très déçu de sa disparition de la toile.

C’est depuis la réalisation de ce site que j’ai intégré les bases de la SEO. Désormais, tous mes sites sont optimisés à ce niveau.
(retour à la liste des projets)

  • Présentation :

Ceci est un projet personnel. Son but était de fournir à mon amie un site où elle pouvait mettre en ligne ses recettes de manière simple. A cette demande relativement simple j’ai souhaité ajouté quelques fonctionnalités différenciantes par rapport à la concurrence. Par exemple, la possibilité pour un visiteur d’adapter en un clic les quantités selon le nombre de personnes.

  • Fonctionnalités :

– gérer une interface d’administration simpliste (utilisant d’Ajax pour optimiser l’ajout d’ingrédients à une recette par exemple)
– essayer de proposer une expérience utilisateur différente
– gérer différents utilisateurs avec mémorisation de préférences (adaptation des recettes automatiques selon le nombre de personnes indiquées)
– gérer un système de commentaires

  • Conclusion :

Pour des raisons personnelles ce site n’a pas été fini. J’ai tout de même appris à utiliser l’Ajax de manière intelligente et optimisée.
(retour à la liste des projets)

Note Ta LP

  • Présentation :

http://notetalp.free.fr
A la même période que le très connu et décrié site http://www.note2be.com/, j’ai souhaité reprendre le concept mais en le limitant à mon établissement. Le but de ce mini-site n’etait pas simplement de noter nos professeurs. En effet, outre le fait qu’effectivement ils allaient être notés de 0 à 20 selon 7 critères tous très objectifs, le but final étant d’ameliorer les conditions de cours.

  • Fonctionnalités :

– gérer une liste de profs avec les notes qui leurs sont associés
– gérer une moyenne des notes ainsi qu’une modération automatique des notes « injustes ».
– gérer un livre d’Or.

  • Conclusion :

Il n’y a pas vraiment de conclusions à tirer de ce projet tant sa durée de vie et d’activité surtout, fut limitée.

(retour à la liste des projets)

  • Présentation :

Lors de ma seconde année d’IUT, le professeur chargé de nous enseigner le PHP a souhaité nous confier un projet : « créer un système lui permettant de s’affranchir de la monotonie de début de cours : faire l’appel ».

A partir de ce constat, mon binôme et moi avons eu l’idée de créer un site internet permettant de signaler sa présence. Le professeur ouvrait une séance de « présence » pour une durée déterminée, chaque étudiant se loggait sur le site et se signalait présent. Pour éviter les abus, uniquement les étudiants ayant une IP au sein de l’établissement pouvait se connecter. Enfin, un mail était envoyé au prof avec la liste des personnes présentes et le nombre. S’il avait un doute il devait simplement recompter.

  • Fonctionnalités :

– gérer un filtrage IP sur les personnes autorisées à se connecter.
– gérer un timing pour la durée de la session de présence.
– gérer des accès concurrentiels sur la base de données.
– gérer différentes sessions de présence avec différents professeurs et donc différents timings.

  • Conclusion :

Ce site n’a pas été mis en production de manière réélle et n’est donc resté qu’à l’état de prototype. Néanmoins, le professeur a été entièrement satisfait de notre propostion et nous a accordé la note de 19/20.

(retour à la liste des projets)

  • Présentation :

Ce projet a été réalisé dans le cadre de mon stage de seconde année de DUT et avait pour but de me faire découvrir le monde du travail tout en validant ce diplôme. Le GRAMFC est un groupe de recherche dépendant du Centre Hospitalier Universitaire de Picardie et de l’Université de Picardie Jules Verne. Son rôle est de travailler sur l’analyse multimodale de la fonction cérébrale.
Mon but était de leur fournir une application capable de gérer leur travail de la manière la plus simple possible.

  • Fonctionnalités :

– gérer un fichier de patient confidentiel-secret médical (nom, prénom, adresse, date de naissance, examens déjà passés…)
– gérer les utilisateurs de cette application (les laborantins et docteurs responsables)
– gérer les IRM et IRMf de ces patients (upload et téléchargement pour plus de sécurité)
– gérer une dizaine d’examens pour chacun de ces patients (résultat correct, mesures prises…)

  • Conclusion :

Pour mon premier stage, l’environnement de travail m’a énormément plu. De plus, l’utilité des recherches menés par ce groupe m’a vraiment marqué. Le docteur responsable de mon travail m’a d’ailleurs emmené assister au traitement médical d’un prématuré. Je l’en remercie encore pour cette expérience enrichissante.

(retour à la liste des projets)