Catégorie : Portfolio

Graphique en temps réel avec un service web (WebSocket)

30 août 2015 / / 0 Comments

Les logs du serveur Web en temps réel sur le site du concours Quoprimo.

Visitez le site du concours et les pages de suivi des concours !

Je remonte, dans les pages de suivi des concours Quoprimo des étudiants de la licence MATIC de l’IUT de Tours, un graphique qui affiche en temps réel le suivi du serveur Web qui héberge les sites en jeu.

Le système est basé sur l’utilisation d’un service Web qui permet au serveur de contacter les clients (navigateur affichant le site) pour transmettre des données.

Ce n’est donc pas les clients affichant le site qui vont chercher les données ! c’est bien le serveur qui Push les données (comme un SMS arrive ou une notification Facebook).


Continue reading

Nouvelle version du site de suivi du concours de positionnement ‘Quoprimo.com’

22 août 2015 / / 0 Comments

Et voici le nouveau site : quoprimo.com !

Cette interface permet de suivre l’évolution des positions des sites Web des étudiants participants au concours :

  • Le concours est rejoué chaque année pour la licence MATIC de l’IUT de Tours.
  • Le concours est organisé avec plusieurs groupes d’étudiants (un pour les étudiants du cycle initial et un second pour les apprentis).
  • Chaque groupe gère un site Internet sous WordPress.
  • Pour chaque concours : un mot clé.
  • L’objectif est de placer son site comme première réponse de la page de résultats de Google.

 

Le site est réalisé avec RubyOnRails et il est basé sur le Bootstrap 3 et sur le framework d3.js pour les graphiques.

Le jeu vous intéresse ? contactez-moi !

 

Une application Web avec jQuery Mobile et Responsive Design…

17 mars 2013 / / 0 Comments

Plutôt que de faire une version mobile d’un site Web, Je fait une version Web d’un site mobile :).
-> A voir ici : http://serp.lcprod.net

Création : Un système de suivi pour le concours de positionnement des étudiants de la licence M@tic de l’IUT de Tours.

Je lance cette année, pour les étudiants de la licence Matic de l’IUT de Tours, un concours de référencement.

Pour pouvoir suivre proprement l’évolution du référencement de chaque site, je monte un site qui permet d’ouvrir la page de résultats de Google et récupérer la position de chaque groupe.

jQuery Mobile : Les frameworks Javascript et CSS pour mobiles

Le framework permet de créer des objets HTML/CSS spécifique pour les mobile. Beaucoup de paramètres à régler mais le système reste souple. Aussi bien sur la couche Javascript que CSS.

Pour pouvoir jouer proprement sur le design des éléments, jQuery propose ThemeRoller : une interface web pour manipuler le framework CSS.

Evolution : Le tout en mode adaptatif (Responsive Web Design ) !

Le site utilise les techniques CSS3 de Responsive Web Design pour provoquer des affichages différents selon la résolution des appareils. Je vise 3 format différents : Ecran, Tablette et mobile.

L’interprétation est valide sur les plateforme Android, iOS et Blackberry !

Conclusion : C’est long à monter mais c’est beau 🙂

Le framework est en constante évolution, il n’est pas simple de trouver la bonne adéquation entre les fonctionnalités Javascript de jQuery et la couche CSS…

A voir ici : http://serp.lcprod.net

 

Création d’un moteur de recherche innovant pour Prestashop

15 mai 2012 / / 0 Comments

Au programme : un nouveau site de vente en ligne basé sur Prestashop qui donne à l’utilisateur la possibilité de filtrer la base des produits dynamiquement en Ajax.

Ce moteur de filtres et recherches n’existe pas en tant que module ou addon. Ce développement ‘maison’ utilise la librairie jQuery pour filtrer en temps réel et sans rechargement de page une liste.

Le site est à voir sur mon serveur de test : http://bureau21.lcprod.net

Le site propose à la vente des images d’artistes exposés à la Galerie 21 de Tours (21 rue George Sand, 37000 Tours)

Et bientôt en ligne … 🙂