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.
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