Imprimer cette page

Web (sites et applications)

Ce que je vous propose ici c'est de découvrir les projets "web" les plus marquants sur lesquels j'ai travaillé jusqu'à aujourd'hui. Il y a du pro, du perso mais dans tous les cas une recherche de qualité avec un minimum de moyens humains et matériels.
Attention, certaines descriptions sont un peu techniques et pourraient rebuter le lecteur non averti.

• XPO center (2014) - Plateforme BAT
• CotCot (2013) - Lightweight dependency injection framework
• Eure Express Services (2013) - Transport express toute distance en Normandie
• LesBonsTuiss (2011) - Site communautaire d'échange de bons plans
• Equivista (2010) - Site communautaire destiné aux passionnés de sports équestres
• TradeMe (2010) - Catalogue générique de produits
• APIme (2010) - Protocole pour faire de la SOA
• TransMe (2010) - Plateforme de traduction
• Momonito (2009) - Outils de monitoring réseau
• Régie pub (2009) - Gestion de régie publicitaire
• Pacman (2009) - Suivi de production
• DRUID (2009) - Centralisation d'authentification
• CaptureMe (2009) - Création de capture d'écran de site
• Digistal (2008) - Plateforme de présentation et de vente en ligne pour les éleveurs et marchands de chevaux
• France Cheval de Sport (2008) - Application de gestion du circuit de concours d'élevage de chevaux
• RefMe (2008) - Outil de suivi de référencement
• Volkswagen PM-Auto et Chambery Automobile (2007) - Site regroupant les 6 concessions Volkswagen de Gironde
• HorseOnWeb (2007) - Petites annonces dans le milieu équestre
• Diblogotus (2007) - Plateforme de blog
• SMonitor (2007) - Outils de monitoring serveur
• Webgeco (2007) - Compta et gestion commerciale
• Résultats SHF (2007) - Base de données nationnale des résultats de concours jeunes chevaux
• DoEncode (2006) - Système d'encodage de vidéos avec FFMPEG
• Screen'It (2006) - Création de contenus multimédia et diffusion en lieu publiques
• trustXchange (2005) - Plateforme sécurisée d'échange de documents lourds
• Base de site web (2004) - Framework PHP "maison"
• Le Pacha (2002) - Site communautaire privé

XPO center (2014) - xpo.center

Page d'accueil

XPO center est une plateforme d'upload et de validation de visuels pour les sociétés qui commercialisent des stands pliants. Les fichiers uploadés par les clients sont vérifiés et normalisés par un flux Dalim. Une fois les BAT numériques validés, les visuels partent en production.

• Cadre : professionnel (Galilée)
• Hebergement : serveur Linux Debian - Nginx
• Technologie(s) : PHP (Zend 1), XHTML, CSS, Javascript, JQuery, Bootstrap 3, Dalim Twist
• Base de données : MySQL

[Haut de la page]

CotCot (2013) - github.com/ludovicmartin/cotcot

L'éléphant PHP

Cotcot is a Lightweight dependency injection framework for PHP developped for fun.
The core is very light (1 class and 2 interfaces only !) but it comes with many components that can be used to build web sites ant CLI scripts.

• Cadre : personnel
• Technologie(s) : PHP

[Haut de la page]

Eure Express Services (2013) - www.eure-express-services.fr

Page d'accueil

Que vous soyez une entreprise ou un particulier Eure Express Services saura trouver un transport personnalisé pour vos expéditions les plus exigeantes.
Livraison sur rendez-vous, transports d'animaux (certifié Direction Départementale de la Protection des Populations), pour vos partenaires professionnels, chez des particuliers, en magasin, sur des chantiers, des salons...
Eure Express Services vous propose aussi de bénéficier du suivi de vos expéditions par le biais de points réguliers lors du transport et des preuves de livraison.

• Cadre : personnel
• Hebergement : serveur dédié Linux Debian (OVH) - Apache
• Technologie(s) : PHP (Symfony 2), XHTML, CSS, Javascript, JQuery, Bootstrap 3

[Haut de la page]

LesBonsTuiss (2011) - www.lesbonstuiss.com

Page d'accueil

Un bon plan ? Une bonne adresse à partager ? LesBonsTuiss est avant tout un site d'échange mais il vous permet aussi de bénéficier d'offres promotionnelles proposées vos commerces de proximité.

• Cadre : professionnel (LesBonsTuiss)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP (Symfony 1.4), XHTML, CSS, Javascript, JQuery
• Base de données : MySQL

[Haut de la page]

Equivista (2010) - www.equivista.fr

Page d'accueil

C'est un peu le "01net" du cheval mais résolument orienté communautaire. On y trouve des actus, un forum, une plateforme de blogs, des petites annonces, un chat... et j'en passe.
Début 2010 il a subit une refonte complète pour permettre d'absorber l'augmentation régulière de son trafic et pour apporter de nouvelles fonctionnalités dans la mouvance de ce que l'on appelle le "Web 2.0". La force de cette nouvelle version est d'agréger une masse importante de contenus externes émanant du réseau de sites Dreamclic afin d'avoir du contenu frai en permanence.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP (le site lui-même), XHTML, CSS, Javascript, JavaSE (serveur du chat), Flex (client du chat)
• Base de données : MySQL

[Haut de la page]

TradeMe (2010)

TradeMe, ou approximativement "Commercialise moi", est un catalogue générique dans lequel sont référencés tous les produits que Dreamclic commercialise. Il est doté d'une puissante API qui permet de faire des requêtes poussées et ainsi d'exposer des sélections de produits à vendre sur les sites du réseau Dreamclic. Il est également utilisé en interne par le progiciel de gestion WebGeCo pour faciliter la saisie des devis et factures.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP
• Base de données : PostgreSQL

[Haut de la page]

APIme (2010)

Exemple d'utilisation
Réseau de sites utilisant APIme

Après plusieurs années à développer de sites qui communiquent entre eux (à faire de la SOA en somme), chacun ayant une API et un mode de fonctionnement différent, il était temps de standardiser tout cela. APIme est né de l'idée qu'une bonne API doit être simple et qu'elle ne doit pas imposer de trimbaler des tonnes de code source pour être utilisée.
APIme est en fait un protocole de communication établi au dessus de HTTP. Les données sont sérialisées au format JSON (infiniment plus simple à parser qu'XML et beaucoup moins verbeux). Il est prévu de pouvoir "empiler" plusieurs requêtes en une seule afin quelles soient toutes traitées en un seul appel. Cela permet de minimiser l'impact du temps de latence réseau sur les requête multiples.
La sécurité n'est pas en reste puisque le protocole peut fonctionner au dessus de HTTPS. D'autre part il dispose d'un système d'authentification et de vérification d'intégrité des messages.

• Cadre : professionnel (Dreamclic)
• Technologie(s) : PHP, JSON

[Haut de la page]

TransMe (2010)

Demande de traduction d'une actualité

Avoir un site Internet en plusieurs langues ça fait chic. Mais tenir à jour en permanences les contenus des différentes langues peut vite devenir fastidieux et très coûteux en temps. TransMe est une plateforme de traduction qui permet aux clients de Dreamclic de commander à n'importe quel moment la traduction d'un contenu (une actualité, une description de produits, etc.), directement depuis l'interface d'administration de leur site. La plateforme se charge d'une part de transmettre les demandes à un cabinet de traduction partenaire et d'autre part "d'installer" la traduction en retour sur le site du client final.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP, Ajax, XHTML, CSS
• Base de données : PostgreSQL

[Haut de la page]

Momonito (2009)

Interface de visualisation

Il s'agit là d'une refonte complète du logiciel "Smonitor" (présenté plus bas) initiée dans le but d'aller plus loin que du simple monitoring de ressources. L'idée était d'avoir, en plus, un outil à capable de sonder tous les services d'un serveur afin d'en vérifier leur état de santé (temps de réponse par exemple).

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : XHTML, CSS, Javascript, JavaSE (sonde et interface de visualisation), RRDtool (rendu des graphiques), SSH, shell script (bash)
• Base de données : Fichier plats

[Haut de la page]

Régie pub (2009)

Comme son nom l'indique, "Régie pub" est une application de régie publicitaire. Son but est de gérer les espaces de diffusion dont Dreamclic dispose sur les sites de son réseau.
Cette application gère le capping (quota d'affichage d'une même publicité par un même visiteur) et est capable de répartir les affichages d'une compagne tout au long de sa durée de diffusion en adaptant le rythme de diffusion aux variations de trafique.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : JavaEE, JDBC, Javascript
• Base de données : PostgreSQL

[Haut de la page]

Pacman (2009)

Liste des projets
Actions sur un projet

Pacman est un outil interne de suivi du travail réalisé par l'équipe de production de Dreamclic. Toutes les taches effectuées y sont consignées à la manière d'un carnet de bord. Cela permet un suivi très précis du temps passé sur un projet donné pour en évaluer sa rentabilité. Cet outil permet également de générer des comptes rendus d'activité pour le client et d'évaluer la productivité de l'équipe technique.
Enfin, dans le cadre d'un travail d'équipe, Pacman est la mémoire de ce qui a été fait sur tel ou tel projet. En cas de défaillance d'un collaborateur, il est donc possible pour le reste de l'équipe d'assurer la continuité du projet.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP, Ajax, XHTML, CSS
• Base de données : PostgreSQL

[Haut de la page]

DRUID (2009)

DRUID, pour Dreamclic Unique IDentifier, est une application de centralisation d'identification destinée à rationaliser la gestion des identités des utilisateurs des sites du réseau Dreamclic. Le bénéfice pour l'utilisateur est important en terme d'ergonomie puisque qu'il n'a qu'un seul mot de passe pour tout un ensemble de services et n'a pas besoin de re-saisir ses informations personnelles s'il veut créer un compte sur un autre site du réseau.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP, Ajax, XHTML, CSS
• Base de données : PostgreSQL

[Haut de la page]

CaptureMe (2009)

Exemple d'utilisation dans un annuaire de sites

Il est parfois utile, pour un annuaire de sites par exemple, de disposer d'un outil capable de créer automatiquement les captures d'écran des sites qu'il référence. C'est la fonction de CaptureMe. Régulièrement, un robot écrit en Java passe une liste de sites en revue et rafraîchit leur capture.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP (pour l'API d'utilisation), JavaSE (pour l'application de capture), Qt Jambi
• Base de données : PostgreSQL

[Haut de la page]

Digistal (2008) - www.digistal.com

Fiche d'un cheval

Digistal est une plateforme logiciel permettant d'industrialiser la création de sites web pour les éleveurs et les marchands de chevaux. Basiquement il s'agit d'un noyau applicatif commun à tous les sites clients sur lequel on a gréfé une interface unique de gestion de catalogue de chevaux (pédigré, photo, vidéo avec transcodage automatique, etc.).
Pour garantir une visibilité maximum des chevaux des clients Digistal, le catalogue de chaque site est repris sur HorseOnWeb et Equivista sous forme de petites annonces. La liste des sites construits sur le système Digistal est disponible ici.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP, Ajax, XHTML, CSS
• Base de données : PostgreSQL

[Haut de la page]

France Cheval de Sport (2008) - www.francechevaldesport.fr

Page d'accueil

France Cheval de Sport est une association regroupant les associations nationales de race des chevaux de sport. En 2008, Dreamclic entamé un développement de long halène, visant à développer, pour cette association, une application de gestion des concours d'élevage. Cette application permet aux associations de race d'organiser les concours de sélection des reproducteurs qui seront amenés à faire perdurer les races.
L'application est en lien direct est avec la base SIRE des Haras Nationaux (dépendant du ministère de l'agriculture) via un ensemble de webservices. Pour information, SIRE est la base de données qui, entre autre, immatricule l'ensemble des équidés présents sur le sol français.

Pour compléter le projet, une application "de terrain" implémentant les grilles de notations des chevaux. Pendant les concours les juges sont donc à même de remonter des notes dans la base de données nationnale et d'effectuer les classement.
Plus d'infos sur l'application de terrain sur cette page.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP, XHTML, CSS, Javascript, Webservices (SOAP)
• Base de données : PostgreSQL

[Haut de la page]

RefMe (2008)

Exemple de statistiques

En matière de référencement, le suivi du positionnement sur les principaux moteurs de recherche est quelques chose de primordial. RefMe est un outil qui permet à Dreamclic de suivre jour après jour l'évolution du référencement des sites de ses clients. Une sonde se charge toutes les nuits, pour chaque site enregistré, de tester un ensemble de phrases clés. En retour, les clients peuvent suivre l'évolution de leur référencement directement sur leur interface d'administration.

Tout l'enjeu technique était de pouvoir tester le positionnement d'un grand nombre de sites pour plusieurs phrases clé. Le nombre de requêtes générées étant assez important, j'ai mis en place un certain nombre d'astuces pour éviter de déclencher les protections "anti-robots" des moteurs de recherche.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP (pour l'API d'utilisation), JavaSE (pour la sonde de positionnement)
• Base de données : PostgreSQL

[Haut de la page]

Volkswagen PM-Auto et Chambery Automobile (2007) - www.pm-auto.com

Page d'accueil

Ce site comporte un module présentation des véhicules neufs, de direction et d'occasion (interfacé avec PlanetVO pour une mise à jour automatique du parc).
On y trouve également une boutique de produits dérivés avec catalogue, paiement sécurisé et gestion de clients.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP, XHTML, CSS, Javascript, paiement en ligne sécurisé, FTP
• Base de données : MySQL

[Haut de la page]

HorseOnWeb (2007) - www.horseonweb.com

Page d'accueil

Horse on Web est une plateforme de petites annonces dans le milieu équestre. Elle est alimentée en annonces grâce à deux canaux :

• Les clients qui s'inscrivent déposent directement leurs annonces (compte client, paiement en ligne) sur le site.
• Les chevaux présentés par les clients du système Digistal.

Afin d'élargir le périmettre de diffusion des annonces et de donner plus de valeur ajoutée au service, les annonces sont reprises sur le site communautaire Equivista.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP, XHTML, CSS, Javascript, paiement en ligne sécurisé
• Base de données : PostgreSQL

[Haut de la page]

Diblogotus (2007) - www.diblogotus.com

Page d'accueil

Diblogotus est une plateforme de blog, assez classique, réalisée dans le but de diversifier l'activité de Dreamclic.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP, XHTML, CSS, Javascript
• Base de données : PostgreSQL

[Haut de la page]

SMonitor (2007)

Interface de visualisation

SMonitor est un outils de monitoring développé pour suivre l'activité croisante des serveurs d'hébergement de Dreamclic. D'un côté une sonde (écrite en Java) alimente une base de données, et de l'autre une inferface de visualisation restitue le tout sous forme de graphiques.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP (interface de visualisation), XHTML, CSS, Javascript, JavaSE (sonde), RRDtool (rendu des graphiques), SSH, shell script (bash)
• Base de données : PostgreSQL

[Haut de la page]

Webgeco (2007)

Interface de facturation

Webgeco (pour gestion commerciale sur le web) est à l'origine un logiciel interne destiné à centraliser et à encadrer le travail des commerciaux de Dreamclic. S'il assure toujours cette fonction, il a rapidement été étendu à la facturation. Il gère aujourd'hui tout le "flux commercial" de la société, de la prospection à la facturation.
Son architecture est particulière car elle est constinuée d'un noyau Java généraliste sur lequel se grèfent des interfaces web spécialisées, codées en PHP. Il y a une interface pour la facturation, une pour la gestion commerciale, une autre pour le parametrage, etc. La force de cette architecture est de pouvoir coder très facilement une nouvelle interface adaptée à un "métier" sans toucher au noyau.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP (interfaces utilisateur), XHTML, CSS, Javascript, JavaSE (noyau applicatif), PHPSerializer
• Base de données : PostgreSQL

[Haut de la page]

Résultats SHF (2007) - resultats.shf.eu

Fiche d'un cheval

La SHF est la Société Mère des épreuves de jeunes chevaux et poneys de sport de 4, 5 et 6 ans en France. Les résultats des concours qu'elle organise sont consignés dans une grosse base de données consultable via une application web.
La grosse difficulté est d'avoir une application réactive malgré une volumétrie très importante. Pour arriver à l'excellent niveau de performance actuel, il a fallu travailler avec une base de données dénormalisée.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP, XHTML, CSS, Javascript
• Base de données : PostgreSQL

[Haut de la page]

DoEncode (2006)

"Faire un You Tube", c'est tout l'enjeu de ce système d'encodage basé sur FFMPEG pour le transcodage automatique de vidéos. Ce système est intégré aux sites des clients de Dreamclic, leur offrant la possibilité de publier facilement des vidéos sans avoir de connaissances particulières sur les formats et codecs. Il est possible de fournir en entrée tout type de vidéo supporté par FFMPEG et à la sortie on obtient deux fichiers FLV (basse et haute définition), prêts à être diffusés dans un player Flash.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian
• Technologie(s) : PHP, ffmpeg

[Haut de la page]

Screen'It (2006) - www.screenit.fr

Interface de création

Installation type

Screen'it est une solution globale permettant la création, la gestion et la diffusion de contenus multimedia sur un réseau d'écrans vidéo. Ce genre de mode de communication se généralise de plus en plus (centres commerciaux, Mc Do, pharmacies) et Dreamclic a voulu se positionner avec un produit simple et abordable.
D'un côté une interface web permet à un service de com' d'assurer la création de clips et d'en gérer leur diffusion, et de l'autre les écrans de diffusion autonomes se chargent du rendu "en live" des clips.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP, Ajax (interface de gestion et de création), XHTML, CSS, Javascript, JavaSE (application de rendu sur les écrans de diffusion), XML, Ajax
• Base de données : PostgreSQL

[Haut de la page]

trustXchange (2005) - www.trustxchange.com

Rédaction d'un message

Trust' (pour les intimes) est une sorte de webmail construit suivant deux axes :

• La sécurité (HTTPS de bout en bout, pas de SPAM, vous choisisez vos correspondants).
• L'envoi de document volumineux en toutes circonstances (pas de limite de taille d'envoi, interface web sans plugin exotique).

Au delà de la sécurité, l'outil est ultra simple à prendre en main.

• Cadre : professionnel (Dreamclic)
• Hebergement : serveurs de l'entreprise - Linux Debian - Apache
• Technologie(s) : PHP, XHTML, CSS, Javascript
• Base de données : MySQL

[Haut de la page]

Base de site web (2004)

L'éléphant PHP

La "Base de site web" est un framework PHP du type "peu contraint". A mon arrivée chez Dreamclic il n'y avait pas de méthode bien définie pour le développement des sites. Pas de serveur de test, aucune culture de bonnes pratiques (si ce n'est l'utlisation de XHTML/CSS), bref le desert métodologique.
J'ai donc mis sur pied, petit à petit, un environnement de développement :

• Un framwork PHP (la "Base de site web" donc)
• Un serveur de développement et de recette
• Des standards de développement
• Des règles de codage et de bonnes pratiques permettant une collaboration étroite entre le graphisme et le développement.

Tous les sites développés chez Dreamclic sont construits sur ce framework qui prend en charge tous les besoins courants (multi-langue, problématiques de référencement, base de données, MVC, interface d'aministration, paiement en ligne, Ajax, etc.).
La grande force de cette "Base de site", c'est sa courbe d'apprentissage extrêment rapide : 2h de formation et une journée de pratique suffisent aux stagiaires qui passent chez Dreamclic pour être parfaitement opérationnels.

• Cadre : professionnel (Dreamclic)
• Technologie(s) : PHP, XHTML, CSS, Javascript

[Haut de la page]

Le Pacha (2002) - www.lepacha.net

Page d'accueil

Le site du Pacha est un site communautaire privé né en juillet 2002 à Poitiers pour réunir un groupe d'amis qui se voyait être dispersé dans toute la France. Depuis sa création et grâce à la participation active de ses membres, son succès est grandissant. Il s'est peu à peu étoffé avec de nouvelles fonctionnalités.
J'entends encore une amie me dire : "C'est incroyable, en 2002 on avait déjà notre Facebook privé ! 1 an avant tout le monde !".

• Cadre : personnel
• Hebergement : serveur dédié Linux Debian (OVH) - Apache
• Technologie(s) : PHP, XHTML, CSS, Javascript
• Base de données : PostgreSQL

[Haut de la page]