Rapport de projet

Cette page contient les explications et autres points demandés dans le CdC

Il était demandé de rendre un PDF mais l'objectif a changé en cours de route.

Introduction

Le sujet principal de mon site est Arc Raiders,

c'est un jeu PvPvE où les humains vivent dans des villes sous-terraines

à cause d'une invasion de drones et certains doivent aller à la surface pour récupérer des ressources,

en évitant de croiser les robots nommés ARC

(le mot ARC désigne l'ensemble des robots et raider désigne les personnes qui vont à la surface).

Inspiration

L'idée du site me vient des publicités pour helldivers.

Helldivers est un jeu développé par Arrowhead Game Studios.

Les publicités pour ce jeu utilisent du marketing immersif où elles semblent avoir été filmées par des personnes dans le jeu.

C'est ce que j'ai imaginé faire avec mon site.

Le site que j'ai produit est censé représenter ce que le département de la sécurité dans le jeu pourrait publier,

c'est pourquoi il y a une page qui sert directement à s'enrôler pour devenir raider (aller à la surface).

À propos des autres pages :

  • L'accueil nous mène vers d'autres pages avec de petites présentations des pages en question et une grande bannière.
  • Une page de contenu avec des informations sur quelques-uns des ennemis ARC (codex.html).
  • La page d'enrôlement avec le formulaire et quelques explications censées servir de publicité fictive.
  • Normalement, je comptais faire une page de support (voir maquette) mais j'ai changé d'avis lorsque j'ai appris que l'on devait mettre cette page dans le site,

    c'est pourquoi elle remplace la page support dont la principale utilité était d'ajouter du contenu

  • La page Auteur de la maquette contient un onglet publicité car je comptais pousser l'immersion en faisant comme

    si l'auteur était dans le jeu également et faisait connaitre sa propre entreprise de création de sites dans ce champ.

Immersion

Autres particularités dues à l'immersion : Les adresses normales telles que nous les connaissons ne peuvent pas fonctionner car la ville est sur plusieurs étages,

c'est pourquoi j'ai remplacé les rues par des allées et les villes par des secteurs (Il n'y a qu'une ville dans le jeu).

Statut de validité W3C

Après avoir passé le code par le détecteur W3C,

(Lien vers le validateur W3C) et fait quelques corrections mineures,

le code n'a plus d'erreurs ni d'avertissements.

le résultat de mon test W3C, aucune erreur ou warning

10 règles de opquast.com

  • 3. Le code source contient une métadonnée qui en décrit le contenu.
  • 71. L'étiquette de chaque champ de formulaire indique si la saisie est obligatoire.
  • 72. Le format de saisie des champs de formulaire qui le nécessitent est indiqué.
  • 92. Le copier coller est possible dans les champs de formulaire.
  • 116. Chaque image décorative est dotée d'une alternative textuelle appropriée.
  • 136. Chaque lien est doté d'un intitulé dans le code source.
  • 140. Les liens sont visuellement différenciés du reste du contenu.
  • 142. Les liens internes et externes sont différenciés.
  • 152. Tous les liens internes sont valides.
  • 154. La navigation ne provoque pas l'ouverture de popups.
  • 155. Il est possible de revenir à la page d'accueil depuis toutes les pages.
  • 158. Les blocs de navigation de même nature sont affichés aux mêmes emplacements sur toutes les pages.

Maquette

Lien vers : Figma, maquette originale (meilleure lisibilité)

Si ce lien ne fonctionne pas, essayez celui-ci:

Lien vers : maquette.html

Conclusion personnelle

Ce projet est l'un des projets qui nous laisse le plus exprimer notre imagination et créativité car le contenu du site est en grande partie libre.

Même si cela ne représente pas vraiment l'environnement dans lequel nous serons en emploi,

il s'agit tout de même d'une bonne introduction motivante au html/CSS.

Le module tout entier ainsi que le projet étaient dans une atmosphère de travail libre et silencieuse,

nous avons pu choisir comment nous organiser selon ce que nous voulions du moment que nous faisions le travail.

Cela apporte au projet et au module un aspect indépendant qui le rend plus motivant.

La théorie utilisée était assez complète, le tout s'est déroulé sans encombre.

Le seul point négatif (très détail) est que la théorie contient pas mal de fautes de français mais cela ne change rien au projet.