Présentation du projet

Dans le cadre du concours Junior Web Award, nous avons décidé de réaliser un site sur les méfaits de la restauration rapide notamment à la pause de midi.

L'équipe

Nous sommes une classe d'informaticien de 3éme année. Nous étudions au Centre Professionnel de Porrentruy (CPP) dans le canton du Jura.

carte.png
Agrandir la carte

photo_classe

De gauche à droite.
Haut : Luc Chèvre, Tom Riat, Valentin Charmillot, David Comte.
Bas : Steve Fallet (Professeur), Yannick Galvanetto, Stéphane Maitre, Vincent Prêtre.

Projet

Notre projet a débuté par un brainstorming dont le but était de définir le sujet de notre futur site. Après un premier tour de table, les sujets suivant avaient été retenus :

  • Saint-Martin (fête du cochon dans le Jura)
  • L'alcool au volant
  • La restauration rapide
  • Garage Lamborghini Affolter

Finalement, c’est la restauration rapide qui l’a emporté. Nous avons fait ce choix car cela nous touche personnellement. En effet, à l’école, nous ne disposons que de 55 min de pause à midi. Une fois déduit le temps de déplacement, il nous reste mois de 30 min pour commander et savourer notre repas :). De ce fait, nous mangeons régulièrement « fast-food ».

Une fois le sujet choisi, il a fallu définir les objectifs. L’objectif principal est, bien entendu, d'informer les futurs visiteurs sur les méfaits de la restauration rapide. Comme il existe déjà de nombreux sites sur le sujet, il a fallu que nous nous démarquions de ces derniers, c'est pourquoi, nous voulions offrir un site jeune et dynamique. Jeune par son look et dynamique par ces fonctionnalités.

Les objectifs retenus étaient les suivants :

  • Design frais et jeune
  • Présenter graphiquement les valeurs nutritionnelles de différents plats « fast-food »
  • Comparer graphiquement différents plats
  • Permettre aux visiteurs de composer ses propres repas et d’en avoir une représentation graphique
  • Informer les visiteurs sur les méfaits de la restauration rapide
  • Informer les visiteurs sur ce qu’est une alimentation saine et équilibrée

Organisation

Pour réaliser notre site, nous nous sommes répartis les différentes tâches nécessaire à la création du site.

Elève Tâches
Luc Chèvre Création et programmation des pages Plats et Comparateur
Tom Riat Designeur
Valentin Charmillot Création et programmation de la page Repas
David Compte Recherche de contenu
Yannick Galvanetto Recherche de contenu
Stéphane Maitre Création et programmation des pages Plats et Comparateur
Vincent Prêtre Création des pages de la Pyramide, FAQ, Projet

Programmation

Nous avons eu recours aux différents langages web appris à l'école soit :

  • PHP
  • JavaScript
  • HTML
  • CSS

Nous avons utilisé quelques librairies pour nous simplifier la tâche.

Voici la liste des librairies :

  • JQuery
  • Highcharts pour les graphiques
  • Tipsy pour l’animation des libellés bleus lors du survol de certains éléments
  • Cufon pour la mise en forme des titres
  • Corner pour l’arrondi des cadres

Les images et les textes utilisés dans le site, sont libres de droit où achetées. La recherche d’image et de textes gratuits et libres de droit nous a pris un temps considérable dans l’élaboration des pages du site.

Nous avons également fait en sorte que notre site soit compatible avec les navigateurs suivants :

  • Google Chrome
  • Mozilla Firefox
  • Internet Explorer 8