Travail de fin d’études (H.E.P.L)

Note: the school where the course is given, the HEPL from Liège, Belgium, is a french-speaking school. From this point, the instruction will be in french. Sorry.

---

Le site de la section infographie

Le contexte

Vous désirez intégrer la Haute École de la Province de Liège, dans sa section infographie mais vous n’avez pas d’informations suffisantes pour vous orienter. Vous aimeriez prendre connaissance de certaines informations sur l’établissement, en apprendre plus sur les cours qui y sont dispensés ou de visualiser les travaux réalisés par les élèves. Enfin, vous aimeriez voir ce que ces études pourraient vous apporter et le parcours professionnel que vous pourriez être amené à réaliser.

Objectif principal

L’objectif principal du site est de renseigner de futurs élèves ou parents sur l’organisation de l’école, ses cours et de présenter les travaux de fin d’études des étudiants afin de montrer les compétences qu’ils sont susceptibles d’acquérir au cours de leur cursus.

Objectifs secondaires

• Augmenter la visibilité de la Haute École de la Province de Liège par une présence active sur le web via des articles de blog de qualités.
• Garder une archive visuelle des anciens étudiants diplômés par la catégorie.
• Présenter certains parcours d’anciens étudiants afin de montrer toutes les possibilités de carrière réelle qu’il est possible de réaliser au sein de la Haute École de la province de Liège en Infographie.

La liste des fonctionnalités et architecture

• Trois grandes sections (web, 3D/Vidéo, design graphique) avec pour chaque section : * La liste des cours détaillés avec les professeurs qui les dispenses.

    * Possibilité de contacter ces professeurs via email si une personne externe à une question.
  

  • Une liste des travaux réalisés par les élèves de cette section avec une vue détaillée pour chaque qui contiendrait :

    • Le descriptif du projet.
    • Les techniques utilisées, logiciels, compétences …
    • Un avis objectif des professeurs sur la réalisation.
    • Les informations de contact de l’élève/des élèves qui a/ont réalisé(s) le projet.

• Le parcours des anciens étudiants de la section :

  • Description de l’ancien étudiant et de son poste actuel.
  • Une petite interview de l’ancien étudiant.

• Un onglet avec la liste des anciens élèves promus

  • Tous les étudiants promus.
  • Possibilité de filtrer par option et par année.
  • Une photo pour chaque étudiant promu.
  • Possibilité de contact via email (à déterminer)
  • Redirection vers site web s’il y a (à déterminer)

• Le blog de la section infographie

  • Poster des articles en rapport avec le WEB/3D/2D
  • Possibilité de laisser un commentaire
  • Possibilité de partager l’article
  • Article classé par catégories ou général

• Avoir un onglet avec une liste de tous les professeurs enseignant en infographie avec pour chaque professeur

  • Une fiche détaillée du profil (études, centre d’intérêt, métier, expérience)
  • Une interview sous format texte ou vidéo associé à cette fiche.

• Avoir un onglet avec des informations liées à l’établissement :

  • Présentation des locaux et du matériel disponible.
  • Présentation du restaurant
  • Dernières nouvelles à ne pas manquer (journée porte ouverte, etc.)

Technologies et ligne directive

Pour ce projet j’utilise les technologies suivante :

• HTML 5
• CSS 3
• Javascript
• PHP (et son framework Laravel)

En outre je compte faire attention aux problématiques suivante :

• Établir un code valide et optimisé.
• Un code accessible à tous respectant les recommandations WCAG et de l’organisme belge sur l’accessibilité web AnySurfer.
• Une prise en charge optimisée pour les navigateurs à partir d’Internet Explorer 10.
• Une utilisation complète sans JavaScript.
• Une attention très particulière sera apportée à l'ergonomie avec la réalisation de tests utilisateurs.