Modélisation pour HTML et CSS

Une bonne pratique pour tout projet logiciel – y compris pour la création de pages web –
est d'effectuer une modélisation des objets exploités par le projet
(→ une définition partielle de ces objets via la représentation de leurs relations importantes) :

Plus le projet est grand, plus c'est important.

Il est donc important de commencer votre projet par un tel exercice, au moins une petite catégorisation
des objets du domaine (i.e., la représentation de leurs relations de spécialisation et d'exclusion), telle
celle proposée pour comparer HTML à d'autres langages et
celle proposée pour comparer CSS à d'autres langages.
Jusqu'à 24 heures avant le début du CM 4 (→   18/03/2024 10:15  –  24h  =  17/03/2024 10:15),
chaque étudiant devra déposer via Moodle (cf. section "Projet")
un fichier HTML
respectant les bonnes pratiques (générales, HTML, CSS) listées
(et donc aussi la grille d'évaluation fournie) conforme au modèle pour les TDs du projet
et donc conforme à ce qui est demandé ci-dessous.
Concernant la représentation en FL, FE ou UML, vous devez insérer au moins
10 types d'objets importants pour votre projet (donc, pour rappel, dans le domaine de votre choix)
plus leurs généralisations communes
(e.g., le type "Animal" généralise les types "Mammal" and "Fish") ;
ce nombre de 10 pourra être étendu pour le 1er TD du projet (à voir durant le CM 4).
Si, par la suite, vous souhaitez changer de domaine pour votre projet, il vous suffira
de changer vos catégorisations et de demander leur ré-évaluation à votre responsable de TD.
Une sélection de ces rendus sera commentée durant le CM 4, afin de vous guider.
Un malus sera affecté aux étudiants qui n'auront pas effectué de rendus ou qui auront effectué
un rendu non conforme à ce qui est demandé, ou qui auront plagié.
Une évaluation plus conséquente aura lieu durant le TD 1 du projet.
Une autre évaluation sur ces points est prévue durant le TD 2 du projet.

Pour ce petit exercice de catégorisation, le modèle HTML pour votre projet vous demande

  1. d'insérer tout d'abord votre catégorisation en FL, FE ou UML.
    Exemple de début pour une catégorisation sur les employés de l'Université de La Réunion (U.R.) :

    Employee_of_the_UR
     \. ne{ (Teacher_at_the_UR
              \. ne{ (Teacher_for_the_L1_at_the_UR  |.  P_M  S_H)
                     (Teacher_for_the_L2_at_the_UR  |.  P_M  S_H )
                   } )
            (Employee_wrt_gender
              \. e{ (Male_employee  |.  P_M  S_H)
                    Female_employee
                  } )
            (Employee_wrt_work_status
              \. p{ (Permanent_employee  |.  P_M  S_H)
                    Temporary_employee
                  } )
          }.
    
  2. d'insérer une version de cette catégorisation, sans les relations d'exclusion
    (→ juste les relations de spécialisation), sous forme de liste indentée et avec des cases à
    cocher [checkboxes] pour rendre visible/invisible les instances et commentaires
    associés à chaque type, comme cet exemple :

     Employee_of_the_UR                
    Texte général sur les employés de l'UR.
     Teacher_at_the_UR
    Texte général sur les enseignants à l'UR.
     Teacher_for_the_L1_at_the_UR
    Philippe MARTIN, ...
     Teacher_for_the_L2_at_the_UR
    Philippe MARTIN, ...

    Notes :

  3. d'insérer, juste avant cette catégorisation (et juste après votre catégorisation en FL, FE ou UML),
    au moins deux cases à cocher, chacune permettant de rendre visible/invisible
    la partie de la catégorisation correspondant à ce critère, e.g. la partie de la catégorisation des
    enseignants selon où ils enseignent. Exemple :

      Enseignant selon où il enseigne     Enseignant selon son genre     Enseignant selon son statut
    Partie (de la catégorisation d'enseignants) selon où ils enseignent
    Partie selon leurs genres
    Partie selon leurs status


Exemple de solution respectant les spécifications
(ajout du 30/03/2024 : cette solution vous a été fournie le 25/03/2024 avec la consigne de l'utiliser afin de corriger
 – pour le TD 2 du projet – vos travaux pour le TD 1 du projet puisqu'ils ne respectaient pas les spécifications
 données ci-dessus pour ce TD1).