I) Sujet du mini-projet

II) Présentation des outils utilisés

III) Présentation de l'interface

IV) Télécharger le projet
 

I) Sujet du mini-projet

Il peut être intéressant d'avoir des supports de cours sous deux format : soit sous la forme d'une longue page HTML, soit sous la forme d'une série de transparents plus ou moins formatés, avec un logo, des boutons de navigation (les flèches en haut à droite), une table des matières, etc...

Le but de ce projet est de développer un script Perl permettant de générer une série de transparents HTML à partir d'un fichier source. Ce script devra permettre de personnaliser les transparents générés, par exemple l'utilisateur pourra définir :
 

• la feuille de style
• les différents boutons de navigation
• le logo
• le titre des slides
• la signature
• l'adresse email
• la position de ces différents éléments dans les slides
• le type d'archive qu'il désire recevoir
 

Pour réaliser ce projet nous avons utiliser différents type d'outils :
 

• le langage HTML (norme 3.2) pour décrire notre interface et permettre à l'utilisateur de personnaliser ses transparents.

• les scripts CGI (Perl5.0) et Javascript :
• Javascript pour ajouter de l'intéractivité dans le formulaire, (mise à jour des images et disposition des objets à l'écran), et pour contrôler les choix de l'utilisateur.
• CGI afin de réaliser le 'moteur' de notre application : génération des transparents, ...

• des outils externes à l'application pour donner un format à l'archive de l'utilisateur : zip, gzip, tar et html2ps.

III) Présentation de l'interface
 
        a) La page principale

 Notre interface se compose d'une page principale Pageprincipale.html, où l'utilisateur saisit tous les paramètres qu'il souhaite pour ces transparents, et d'un script CGI leprojet.cgi qui s'occupe de la création des slides.

Lorsque l'utilisateur arrive sur cette interface :
 

• Il saisit le nom du fichier source (chemin absolu) ou browse pour chercher son fichier. Ce parametre est obligatoire.

• Il saisit le titre qu'il souhaite voir afficher sur les slides et le sommaire. Ce paramètre est optionnel.

• Il saisit la signature qu'il souhaite voir apparaitre sur le slide. Ce paramètre est optionnel.

• Il saisit son adresse email. Ce paramètre est optionnel.

• En ce qui concerne les boutons de navigation et le logo, soit l'utilisateur saisit le chemin relatif ou absolu où se trouve ses images, soit il browse ses images, soit il laisse les champs vides et dans ce cas il aura les images par défaut.

Remarque : Dans le cas ou l'utilisateur donne le chemin relatif de ces images, lors de la "Prévisualisation", il n'aura pas ces images affichées. Il devra télécharger l'archive et la mettre dans le bon répertoire pour pouvoir visualiser ces images.

• L'utilisateur positionne le logo, les boutons de navigation, la signature et les numéros des slides en fonction de ce qu'il souhaite voir apparaître sur ces transparents. Pour cela, il clique sur le radio bouton correspondant à l'objet qu'il désire positionner. Puis il clique sur l'une des six positions proposées. Il existe plusieurs cas :

1. l'élément sélectionné était déjà positionné sur le slide à un autre emplacement. Dans ce cas, il est déplacé ver le nouvel emplacement.
2. il y avait déjà un autre élément à cet emplacement, il est remplacé par le nouvel objet.
3. cet élément n'apparaissait pas sur le slide, il est donc rajouté.

Pour supprimer l'affichage d'un élément sur le slide, il suffit de sélectionner le radio bouton correspondant et de cliquer sur l'emplacement où il est situé.

Remarque : Si l'utilisateur désire positionner une signature sur le slide, il faut évidemment qu'il en définisse une préalablement.


 

• En ce qui concerne la feuille de style, soit l'utilisateur choisit dans la liste la feuille de style qu'il désire utiliser, soit il choisit dans cette même liste le champ "personnalisé" et alors il saisit ou browse le nom du fichier définissant sa feuille de style. Dans le cas où l'utilisateur a saisi le chemin relatif pour accéder à la feuille de style, il ne pourra pas "prévisualiser" ses slides.

• L'utilisateur choisit parmi la liste des formats proposés, le type de l'archive qu'il souhaite télécharger (zip, ps, tar. tgz).

Si l'utilisateur choisit l'option "Envoi de l'archive", il télécharge l'archive sans prévisualiser les slides.
 

    b) La page de menage

Cette page sert au propriétaire du script pour faire le ménage sur son compte où tourne l'application. Cette page est nécessaire car les fichiers générés lors de la création des slides sont générés chez le propriétaire du script pour que les utilisateurs puisse voir les slides et téléchargé l'archive.

Remarque : Il existe toutefois quelques points défaillant à notre projet :
 

• Si l'utilisateur browse les images, il devra cliquer dans la zone de saisie correspondante pour les visualiser dans la Pageprincipale.html.

• l'archive postscript ne tient pas compte des images.

• dans le cas où vous utilisez un "cache" et où vous avez déjà généré des slides une première fois, il ne faut pas oublier de faire un 'reload' lorsque vous visualiser les slides.

• Le retour à la page principale peut poser des problèmes de pertes de données saisies. N'oubliez donc pas de vérifier vos paramètres avant de faire "Envoi de l'archive".

• Il faut que le propriétaire du script autorise l'écriture dans son répertoire (chmod 777).

IV) Télécharger le projet
 

Cliquez ici pour downloader l'archive du projet au format .tar.gz.