Projet Tutoré de 1ère année MMI

Membres de l'Agence KOSMOS

• Valentine Ghesquiere (WEB)

• Léo Hilaire (WEB)

• Manon Ghesquière (COM)

• Morine Salaun (COM)

• Damien Josse (AUDIOVISUEL)

• Hugo Linot (AUDIOVISUEL)

Commande : Eclectic Festival

On nous a demandé de faire un site web présentant le festival se déroulant à Nancy.

• Nom, date, et lieu de l'événement

• Descriptif / thème du salon

• Liste des exposants

• Comment accéder au salon / les horaires

• Page de contact / formulaire de renseignements

• Intégration des réalisations audiovisuelles (interview, vidéo promotionnelle)

• Les réalisations de type infographie seront également téléchargeables (flyers, invitation,...)

• Une page spécifique à destination de la presse sera également disponible (le communiqué de presse devra être également téléchargeable).

Le site est conçu en HTML/CSS/JS et est conforme aux standards de W3C. Vous pouvez le visiter sur ordinateur comme sur votre smartphone ou tablette.

Procédure d'installation et de mise en exploitation du site

Afin de faciliter l'exploitation du site, il est mis en ligne sur un serveur ! En effet, l'hebergeur Vercel propose une intégration git qui, après chaque push sur github, met en ligne tout le projet web.

Le lien vers le site : https://eclecticsummerfestival.now.sh

Pour ceux qui voudraient avoir le site en local, rien de plus simple. Il suffit de télécharger ce git en .zip en cliquant sur le bouton télécharger ou de "cloner" via git bash en utilisant la commande :

git clone https://github.com/Nekxio/Eclectic-Summer-Festival-by-KOSMOS.git

Pour accéder au site, ouvrir l'index.html accessible à la racine du dossier téléchargé.

Éléments du site

Le dossier du site comporte différents dossiers et fichiers organisé selon les standards du développement.

Eclectic-Summer-Festival-by-KOSMOS

• api (le serveur utilisé ne propose pas l'intégration php, nous laissons tout de même une trace de notre form.php)

• docs (les documents pdf liés à la construction du site)

• en (les pages anglaise)

• fr (les pages française)

• src (dossier regroupant les dossiers nécessaires du site)

  • downloads (les téléchargeables du site)

  • fonts (la police du site)

  • images (les images du site)

  • scripts (le scripts du site)

  • styles (le css du site)

  • videos (les vidéos du site)