Skip to content

Chapitre 05

ChristopheGueroult edited this page Sep 7, 2017 · 9 revisions

Construire une application "Restaurant"

Notions abordées lors de ce chapitre

Contenu de l'application "Restaurant"

Le restaurant Julien dispose d'un site web depuis de nombreuses années. Son site offre une visite à 360° du restaurant et la possibilité de réserver une table en ligne.

Aujourd'hui le Julien souhaite développer sa visibilité et offrir à ses clients un site web orienté mobile. Pour l'instant, une simple application web optimisée pour les mobiles incluant les fonctionnalités suivantes :

  • Information de contact

Incluant à la fois l'email et le téléphone. Idéalement les usagers doivent pouvoir cliquer sur le téléphone ou l'email et pouvoir rentrer en contact direct avec une personne physique.

  • La localisation du restaurant

Incluant une Google Map et l'adresse du restaurant.

  • Affichage du menu du jour

Incluant une simple liste avec les entrées, les plats et les desserts proposés chaque jour.

  • Proposer aux clients de consulter le vrai site web du restaurant

Un simple lien indiquant aux clients qu'ils peuvent visiter une version "desktop" du site web plus complète.

La page d'accueil

A partir du fichier c4-inset-list.html du chapitre 04 créons un fichier index.html. Ajoutons une image de fond sur le body et un texte de présentation du restaurant.

La page "Nous trouver"

La page "Menus"

La page "Nous contacter"

Clone this wiki locally