1.3.2 Une journ ́ee
Les activit ́es pourront ˆetre regroup ́ees par journ ́ees au sein d’un ́el ́ement div appartenant aux classes jour et jour_nom du jour. Par exemple
<div class="jour jour_mardi"> .... </div>
1.3.3 Un emploi du temps
Les journ ́ees et les activit ́es d’un mˆeme emploi du temps sont regroup ́ees au sein d’un ́el ́ement div de classe edt. : <div class="edt"> ... </div>
1.4 Repr ́esentations `a l’ ́ecran
On pr ́evoiera deux types repr ́esentations `a l’ ́ecran.
Formations en Informatique de Lille – 2009/2010 : Projet – Technologies du Web 3
1.4.1 Repr ́esentation simple
Cette repr ́esentation est tr`es proche de la pr ́esentation par d ́efaut du HTML : chaque activit ́e apparaˆıt sur une ligne. Vous pouvez ́eventuellement pr ́evoir quelques am ́eliorations (polices, tailles, couleurs etc ...)
1.4.2 Repr ́esentation en 2 dimensions
Il s’agit d’obtenir une pr ́esentation reposant sur le mˆeme principe que ce que vous pouvez voir dans ce document :
http://www.fil.univ-lille1.fr/~wegrz...t_S4_09-10.pdf Pour cette repr ́esentation on supposera que les activit ́es d’une mˆeme journ ́ee sont regroup ́ees dans une ́el ́ement div de classe jour comme indiqu ́e plus haut.
Une journ ́ee est pr ́esent ́ee horizontalement : l’axe horizontal repr ́esente les heures de la journ ́ee. Chaque journ ́ee est, de surcroit, divis ́ee en lignes : une par groupe. Une activit ́e est repr ́esent ́ee par un rectangle dont l’abcisse du bord gauche correspond `a l’heure de d ́ebut et celle du bord droit `a l’heure de fin. Une activit ́e qui concerne un groupe occupe uniquement la ligne de ce groupe. Une activit ́e qui concerne tout le monde (groupe 0) occupe toutes les lignes de la journ ́ee.
La premi`ere heure de l’emploi du temps est l’heure minimale de d ́ebut des activit ́es et la derni`ere heure est l’heure maximale de fin des activit ́es. Vous parviendrez `a cette repr ́esentation en choisissant pour tous les ́el ́ements de la classe activite le positionnnement absolu au sein du “div” qui repr ́esente la journ ́ee.
Pour d ́efinir la position de chaque activit ́e vous g ́en`ererez ensuite en PHP une r`egle sp ́ecifique `a chacune. Les valeurs des propri ́et ́es left right top bottom seront exprim ́ees en pourcen- tage, avec 2 chiffres pour la partie d ́ecimale. Par exemple (en supposant que l’emploi du temps est affich ́e entre 8h et 18h, du lundi au vendredi et qu’il y a 4 groupes) voici le positionnement au sein du mardi pour l’exemple d’activit ́e d ́ecrit plus haut (groupe 3, de 14h `a 15h30)
Partager