# SAE S1.05-S1-06
> [Groupes](./groupes.md)

#### Sujet
Vous devez coder le site de l'entreprise que vous avez créée (cf partie EGOD/COM). 
Votre site devra être accessible depuis le serveur http(s) de l'iut `dwarves.iut-fbleau.fr`.

Il donnera lieu à une note en DEV et en COM. Seront jugés :

- la technique,
- l'ergonomie,
- le contenu.

> Envoyez-moi un mail <a href="mailto:monnerat@u-pec.fr">monnerat@u-pec.fr</a>, avec comme sujet [SAEWEB]
> contenant :
> - l'url précise de votre site sur le serveur de l'iut.
> - l'url de votre dépot git associé, contenant les sources et le rapport demandé.
> - tous les noms d'étudiants faisant partie du  groupe.

**Vérifiez [ici](./Groupes.md) que votre mail a été pris en compte.**

#### Exigences minimales

Votre site doit : 

- contenir au moins 4 pages, dont une page de contact avec un formulaire. 
- utiliser les éléments de structuration appropriés.
- être validé sur [http://validator.w3.org/](http://validator.w3.org/) (tous les sites seront vérifiés avec cet outil de validation).
- utiliser un format d'image adapté: png, jpg, svg.
- s'adapter (significativement) au format ordinateur de bureau, **et** téléphone portable (mode portrait).
  à l'aide des media-queries/container-queries.
- proposer un mode "eco-responsable" ([RGESN](https://ecoresponsable.numerique.gouv.fr/publications/referentiel-general-ecoconception/))
- contenir les CVs des créateurs de l'entreprise pouvant  être imprimer à partir de la **version HTML** (media print). 
- utiliser des feuilles de styles structurées (cf cours).
- contenir les mentions légales.
- contenir un plan du site.
- **bonus** : un rapport d'audit de votre site avec l'outil [Ara](https://ara.numerique.gouv.fr/), conforme au RGAA (référentiel 
  général d'amélioration de l'accessibilité).

> L'utilisation de **CMS**, **framework** ou d'un **template** est **interdite**. 

> Le plagiat est sanctionné d'un 0. 



#### Utilisations de librairie JavaScript

L'utilisation de librairies est autorisée. Il sera demandé en plus du code 
source et d'une URL fonctionnelle pour validater votre travail, un rapport détaillant:

 - le choix de la(es) librairie(s) : pourquoi avoir utilisé telle librairie ? 
 - la mise en place de la dépendance : comment charge-t-on la librairie JavaScript ? 
 - le fonctionnement de la librairie : comment la librairie interagit avec votre code ?
 - le lien vers les sources de la librairie

L'idée de ce rapport est de montrer que vous avez compris (le code et comment la librairie 
intéragit avec votre page) ce que vous ajouter dans votre projet et surtout que 
vous savez expliquer les choix que vous faites... C'est ce qu'on vous demandera en entreprise.

> L'absence de rapport sera  sanctionné.

#### Conseils

- Respecter les exigences minimales.
- Soigner l'aspect, l'ergonomie, l'accessibilté et la convivialité (look and feel) de votre site.
- Le point d'entrée de votre site est **index.html**. Diviser le contenu à l'aide de répertoires (img, css, js, etc.).

#### Attendus et dates

Votre travail est à rendre au plus tard le **vendredi 16 janvier**
(1 jour de retard : -1 point; 2 jours = 0/20)

Il vous est demandé :
- le site web.
- un dépot git avec les sources, et le rapport (si besoin).

