L’objectif du laboratoire #3 est de mettre en commun vos connaissances actuelles des technologies web pour construire une application JavaScript de gestion d’items(CRUDL), selon le contexte de votre choix.

Vous devrez également réfléchir aux aspects UI et UX de votre projet:

UI

• Interface Utilisateur: Tout ce qui entoure l'affichage, formatage et mise en forme d'un site web ou application
• On pourrait comparer avec les graphisme, le HUD et effets spéciaux d'un jeu vidéo
• Dans une application c'est la mise en page, le choix des couleur, le visuel

UX

• Expérience Utilisateur: Englobe l'ensemble des interactions(navigation, clic, gestuelles tactiles, efficacité, ergonomie, résultat prévisible/intuitif) offertes à l'utilisateur et les émotions qu'elles génèrent
• Dans un jeu vidéo, ce serait les mécaniques de gameplay
• Dans une application ce sont les mécanismes disponibles pour exploiter les fonctionnalités: raccourcis clavier, manipulations, décisions à prendre à l'utilisateur

[BONUS] Librairie CSS

Pour faciliter l'implémentation d'un UI/UX standard et uniforme d'un navigateur à l'autre, on peut créer un ensemble de règles CSS réutilisables.

Il existe plusieurs librairies offrant ce type d'utilitaires

• Bootstrap
• Materialize
• Bulma
• Semantic UI
• et plus!

Des points bonus sont attribués dans le cadre du travail si vous explorez une librairie CSS pour l'intégrer judicieusement(composants et adaptative) dans votre application.

Exemple Bootstrap

Échéancier

Votre travail est découpé en plusieurs phases et livraisons itératives:

• 17-18 avril, Élaboration
• 24-25 avril, Suivi: Ajout et liste minimal, démarrage de l'édition
• 15 mai, Livraison finale sur LÉA @ 11h59 PM

Fonctionnalités

Votre application doit offrir une gestion CRUDL selon les règles suivantes:

• Ajout d'un item dans la liste via un formulaire
• Liste des items, sinon indique que la liste est vide
• Modification des données d’un item
• Suppression d’un item de la liste, après confirmation avec l'utilisateur
• L'insertion et la modification des données doit entraîner minimum 1 changements significatifs (icône, couleur, police, calcul, statistiques sur l'ensemble de la liste, etc.)
• Validation des données saisies

Choix du contexte

Vous êtes libre de gérer les items de votre choix, toutefois un item doit comporter au moins 5 informations(nom, prénom, date de naissance, ...) de type de données différents(texte, nombre, date, ...) qui sont saisis à l'aide d'éléments de formulaires HTML variés.

• Recensement
  • D’individus
  • D’animaux
  • De végétaux
• Inventaire
  • De pièces informatiques
  • De clients/contrats
• Suivi d’une bibliothèque
  • De jeux vidéos
  • De livres
  • De films
  • De séries
• Bucket List
• Résolutions
• Objectifs
• ...

Remise

• Remettre tous les fichiers de votre projet dans une archive ZIP via LÉA
• Aucun retard autorisé pour la remise de l'élaboration et les suivis. Une pénalité de 10% par jour de retard sera appliquée à la livraison finale.

Fiche d'élaboration

Pour faire approuver le contexte qui encadrera la réalisation de votre application, vous devrez me fournir les informations pour remplir la fiche d'élaboration fournie selon le format ci-dessous.

Critères

Laboratoire #3 - 15%

Nom: ____________________________________

Fiche d'élaboration - 3% _____%/ 3

Suivis - 3% _____%/ 6

Livraison - 9% _____%/ 18