SUP’PTIC WEB DEVELOPERS

Liste des mini-projets en HTML

1. Inscription en ligne pour postuler à une compétition
2. Commandes et Réservations dans complexe hôtelier
3. Vulgarisation d’une marque de vêtements
4. E-learning

Approche détaillée par projet

1. Inscription en ligne pour postuler à une compétition
Supposons que vous êtes Directeur d’une école de recherche scientifique et digitale basée à Kinshasa(RDC)
et de renommée mondiale. Vous décidez d’organiser une compétition visant à déceler des jeunes talents du
monde à travers leurs projets innovateurs dans le domaine de la Science et du Numérique. Désireux de faire
participer l’ensemble des Etats membres d’Afrique Centrale, vous décidez donc de créer une plateforme Web
permettant aux candidats de se faire enregistrer en détail en vue de leur participation à la compétition.
 Le site Web doit présenter une Entête et un pied (Contacts, Emplacement…) de page commun à
toutes les pages Web du site
 Page Accueil : cette page doit contenir un accueil chaleureux et public
 Page d’inscription : Les informations à recueillir sont de trois catégories : Les informations
personnelles (Nom, Prénom, Date et lieu de naissance, Sexe, Nationalité, Photo) ; Les
informations académiques (Niveau d’Etude, Nom de l’école…) ; et enfin les informations liées
au Projet (Nom du Projet, domaine d’application du projet, budget nécessaire,)
 Page Calendrier : cette page doit contenir un calendrier sous forme de tableau organisant la
semaine des activités
 Page Sponsoring : cette page doit contenir les partenaires de l’évènement avec les différents
lots qu’on peut remporter

2. Commandes et Réservations dans un Complexe Hôtelier

Supposons que vous êtes Directeur d’un complexe hôtelier basé à Yaoundé. Dans l’optique de faire fluidifier
et d’optimiser le processus de réservations de Chambres et de service au Restaurant, vous décidez donc de
créer une plateforme Web permettant aux client de se faire enregistrer en détail et de passer une commande
ou bien faire une réservation
 Le site Web doit présenter une Entête et un pied (Contacts, Emplacement…) de page commun à
toutes les pages Web du site
 Page Accueil : cette page doit contenir un accueil chaleureux et public
 Page de Commande : Les informations à recueillir sont de trois catégories : Les
informations personnelles (Nom, Prénom, Nationalité,) ; Les informations sur la Réservation
(Niveau d’étage souhaité, Nombre de chambres dans la pièce, durée du séjour …) ; et enfin les
informations de paiement (Numéro de carte bancaire, Somme à verser…)
 Page Livraison : cette page doit contenir une liste des points de livraison dans la ville de
Yaoundé avec les horaires
 Page Sponsoring : cette page doit contenir les partenaires du Complexe

3. Vulgarisation d’une marque de vêtements

Supposons que vous êtes Propriétaire d’une ligne de vêtements Chic encore inconnue du grand public, et
vous souhaitez vulgariser votre marque pour la rendre visible par le monde entier. Dans cet optique, vous
décidez donc de créer un site Web présentant votre entreprise et vos produits, et permettant également de
faire des achats en ligne.
 Le site Web doit présenter une Entête et un pied (Contacts, Emplacement…) de page commun à
toutes les pages Web du site
 Le site Web doit présenter
 Page Accueil : cette page doit contenir un accueil chaleureux et public
 Page « Nos Produits » : cette page doit contenir les différents produits à présenter, en
fonction de la variété et du coût.
 Page « Commander » : Les informations à recueillir sont de trois catégories : Les
informations personnelles (Nom, Prénom, Date et lieu de naissance, Sexe) ; Les informations
sur la livraison (Domicile, Position géographique …) ; et les informations liées au Paiement
(Montant, mode de paiement…)
 Page Sponsoring : cette page doit contenir les partenaires de l’entreprise

4. E-learning
Supposons que vous êtes le Directeur d’un Centre de Formation en Langue Anglaise qui délivre des diplômes
internationaux certifiant de la capacité à parler/écrire/comprendre l’anglais dans n’importe quel pays anglo-
saxons. Suite à l’arrivée de la Pandémie à Coronavirus, vous devez trouver une solution pour la reprise des
cours, compte tenu du fait que vos élèves ont besoin de leur diplôme de fin de Formation pour aller en
Angleterre. Pour pallier à ce problème vous décidez de créer un site Web de e-learning, qui permettra aux
étudiants de recevoir les supports de cours, poser leurs problèmes.
 Le site Web doit présenter une Entête et un pied (Contacts, Emplacement…) de page commun à
toutes les pages Web du site
 Le site Web doit présenter
 Page Accueil : cette page doit contenir un accueil chaleureux et public
 Page de connexion : Les informations à recueillir sont l’adresse e-mail et le mot de passe
 Page « Emploi du temps » : cette page doit contenir un emploi de temps sous forme de
tableau planifiant les cours en ligne de la semaine en cours et de la suivante
 Page « Cours » : cette page doit contenir des espaces de téléchargements de cours et
d’exercices sous différents formats
 Page Forum : Bluffez nous !!!

Consignes & Conseils

 Vous devez utiliser uniquement le HTML pour le moment ! Car ce projet s’étale sur le long
terme ! C’est avec ces projets que vous allez évoluer tout au long de l’apprentissage.
 Soyez créatifs et ajouter vos idées personnelles, c’est pour cette raison que nous avons jugé bon
de partir d’un problème de la vie réelle à chaque fois pour débouchez sur un travail à faire, ce
sont des choses réelles et préalablement réfléchies. Les indications données sont justes à titre
indicatif, pour vous montrer la voie.
 Vous travaillerez en groupe constitués de façon aléatoire par l’Encadreur principal
 Si vous rencontrez des difficultés vous savez quoi faire.

BON COURAGE