Connexion

Trouver un concept

Pour commencer, il est important de trouver un concept pour votre site web. Votre site doit être un site d'e-commerce (vente en ligne). Soyez innovants, l'originalité est un plus.

Une fois votre concept trouvé, faites-le valider par votre professeur.

Crée votre repository GitHub (voir chapitre 'Rendu'). Ajoutez les membres de votre groupe en tant que collaborateurs. Envoyez le lien de votre repository à votre professeur melvyn.pirolley@univ-fcomte.fr.

Adopter une charte graphique

Mettez-vous d'accord sur une charte graphique pour votre site. Choisissez une palette de couleurs, une police, un style commun pour l'ensemble de vos pages. Pour trouver des idées, vous pouvez vous inspirer de sites web existants. Soyez créatifs !

exemple1 exemple2 exemple3 exemple4

Architecture du site

Votre site doit contenir 4 pages, une page par membre du groupe. Les pages sont obligatoirement les suivantes :

  • Accueil
  • Boutique
  • Panier
  • À propos

Le Panier ne doit pas être fonctionnel. Il contiendra seulement quelques éléments de votre boutique en guise d'exemple.
La page 'À propos' doit raconter l'histoire de votre concept et un formulaire de contact.

Le contenu de vos pages doit être développé mais focalisez-vous surtout sur le CSS. Un design complexe et atypique sera fortement valorisé.

Les notes individuelles des membres de votre groupe pourront varier selon la qualité de leur page. Votre site reste un travail d'équipe : il doit être harmonieux. Par exemple, le header est un travail en commun.

Fonctionnalités

  • Permettre la navigation entre les pages.
  • Être ergonomique.
  • Les pages doivent être responsives.

Les formulaires, les boutons et autres éléments interactifs ne doivent pas être fonctionnels.
Seulement le design et la structure de vos pages sont évaluées.

Pensez à bien structurer votre code, avec des balises comme <main>, <footer>, <nav>, ...

Outils

Votre site doit être codé en HTML/CSS basique. L'utilisation d'outils comme NodeJS, React, Angular, ... est interdite.
L'utilisation de frameworks CSS (Bootstrap, Materialize, ...) ou de templates HTML/CSS est interdite.

Toute utilisation abusive d'outils d'intelligence artificielle (ChatGPT, ...) sera fortement sanctionnée.

L'utilisation de JavaScript est autorisée, mais ne sera pas prise en compte dans la notation.

Vous pouvez cependant utiliser des outils comme ChartJS, AnimeJS, ... Demandez l'autorisation avant d'utiliser une bibliothèque de ce type.

L'utilisation de bibliothèques d'icônes ou de polices telles que 'google material symbols' est autorisée.

Rendu

Le site doit être hébergé sur un GitHub publique avant le Dimanche 26 Octobre inclus. Chaque membre du groupe doit avoir un compte GitHub et doit avoir contribué (commit) au projet.

La description de votre GitHub doit contenir pour chaque membre une brève description du travail effectué et un lien vers la page d'accueil de votre site. Voir exemple : Cliquez ici

Le non-respect de ces consignes entrainera une pénalité sur la note finale.