IFT Introduction à la programmation Internet Travail pratique #2

Transcription

1 IFT Introduction à la programmation Internet Travail pratique #2 Matière exercée: HTML, formulaires, fichier CSS et introduction à JavaScript Ce travail, qui sera corrigé sur 100 points, compte pour 15% de la note final. Remise : mardi 10 novembre 2009, 22h30 Énoncé du travail Vous allez créer un site web de 4 pages pour la firme Lotto UdeM. Vous devez utiliser un fichier CSS pour que les 4 pages aient une présentation homogène. Changez l arrière plan à votre goût, ajoutez un peu de couleur, etc. Le contenu de ces pages sera comme suit : 1. Page d accueil : c. Identification du cours, du travail et des auteurs 2. Page quotidienne 3 chiffres : c. formulaire pour choix des 3 chiffres d. conteneur position fixe pour identification des auteurs e. lien ou bouton pour rendre visible identification des auteurs 3. Page 6/49 : c. formulaire pour choix des 6 chiffres d. conteneur position fixe pour identification des auteurs e. lien ou bouton pour rendre visible identification des auteurs 4. Page résultats des tirages : b. résultats d un tirage de 3 chiffres (0 à 9, répétitions permises) c. résultats d un tirage de 6 chiffres (1 à 49, répétitions non permises), présentés en ordre croissant d. menu (à gauche) e. conteneur position fixe pour identification des auteurs f. lien ou bouton pour rendre visible identification des auteurs

2 Exigences : La validation des données des formulaires n est pas exigée. Pour les tests, les données des formulaires sont envoyées, par HTTP-POST, à l URL suivant : Fichier CSS pour les styles communs aux 4 pages web Menu répété sur toutes les pages Positionnement CSS pour, au moins, identification des auteurs (position fixe sur la page). JavaScript pour génération pseudo-aléatoire des chiffres, identification des auteurs visible ou non, tri du résultat 6/49. Validation xhtml (1.0 transitionnel) et CSS pour chaque page Barème de correction : Contenu des pages Entête Menu Mise en page Position de l entête Position du menu Formulaires Contrôles appropriés Transmission des données Bon fonctionnement Présentations Critère Identification des auteurs Lien ou bouton sur toutes les pages (sauf accueil) Positionnement CSS, ne changeant pas de position lors de l utilisation des barres de défilement. JavaScript Boutons pour rendre visible, ou non, l identification des auteurs Génération, et affichage, des nombres pseudo-aléatoires Tri des nombres pour résultats 6/49 Validation de toutes les pages Web et CSS en utilisant le W3.ORG (pour chaque erreur vous perdez 5 points). Vos pages doivent utiliser l'encodage UTF-8 et valider xhtml de transition. Insérez les icônes (images) de validation du W3C dans le bas de votre page. Styles, présentation générale, lisibilité et esthétisme Utilisation d un fichier CSS pour les styles communs aux 4 pages web Uniformité du site Évaluation 20% 15% 20% 15% Total: 100%

3 Les pages suivantes fournissent un aperçu des éléments devant se trouver sur les pages web. Vous ne devez pas reproduire exactement celles-ci, mais biens vous y fier pour le contenu et améliorer leurs apparences en modifiant la mise en page, les styles, etc. Figure 1 : page des résultats avec entête et menu Figure 2 : page des résultats lors de l affichage des informations sur les auteurs

4 Figure 3 : Formulaire pour quotidienne à trois chiffres. Figure 4 : Formulaire du choix de la combinaison pour la loterie 6/49.

5 Figure 5 : Page d accueil Instructions pour la remise Vous remettrez votre travail sous forme d'un fichier compressé (.ZIP) contenant tous les fichiers nécessaires en utilisant la commande remise telle que présentée à la première démonstration (8 septembre 2009). PAS DE REMISE sur papier. Pour remettre votre fichier, celui-ci doit d abord être dans votre compte, sur le serveur du DIRO (frontal.iro.umontreal.ca), ensuite, vous devez vous brancher en ssh sur remise.iro.umontreal.ca, changez de répertoire pour celui contenant votre fichier, puis tapez la commande suivante : remise ift1144 tp2 nom de votre fichier Aucune remise par courriel ne sera acceptée, assurez-vous d assister à une démonstration pour pratiquer une remise électronique.