But du travail
Le but du projet est d'intégrer les différentes notions que vous avez vues pendant le cours cours en construisant un mini-site web élégant écrit en XHTML5 valide selon ce validateur.
Du point de vue esthétique, votre site devrait suivre certaines lignes directrices de design web. Cependant le principal reste d'utiliser un balisage sémantique pour bien découpler le contenu de la présentation.
Description
Vous devez mettre sur pied un petit site web qui fait la promotion de
votre logiciel libre favori.
Étapes:
- Choix
-
Il vous faudra donc d'abord choisir le logiciel libre en
question (pas vraiment besoin que ce soit votre favori, bien
sûr).
Le même logiciel ne doit pas être présenté par deux groupes différents, donc pour éviter que deux groupes choisissent le même sujet, SVP annoncer votre choix dans le groupe de discussions dès que possible.
- Analyse
- Étudier le logiciel en question, et ses plus proches compétiteurs, de manière à pouvoir en faire la promotion. Vous devrez le comparer à deux autres logiciels (au moins un des deux doit aussi être un logiciel libre). Déterminer aussi quel est votre public cible.
- Design
-
Préparer un gabarit de page:
- Choisir une combinaison de couleurs et justifiez là.
- Développer un modèle de page type.
- Choisir une police et une grandeur pour les entêtes, le contenu, le pied de page, etc.
- Prévoir une version de votre site pour de petits écrans.
- Implémentation
-
Créer votre site web. Il doit avoir au moins les pages
suivantes:
- Page principale. Devrait lister les fonctionnalités principales.
- Une page sur le site en lui-même: vous y mettrez vos noms, ainsi qu'une description des trois étapes précédentes.
- Une page de comparaison avec ses compétiteurs.
- Une page qui présente les différentes ressources disponibles pour obtenir de l'aide, pour obtenir le code source, etc...
- Une page qui donne un petit tutoriel.
Logistique
La date limite de remise est le vendredi 22 avril 2016. Aucun retard ne sera accepté. Indiquez clairement votre nom au début de chaque fichier.
Ce travail est à faire en groupes de 2 étudiants. Si un étudiant préfère travailler seul, libre à lui, mais l'évaluation de son travail n'en tiendra pas compte. Des groupes de 3 ou plus sont exclus.
Exigences
Votre site doit répondre aux critères suivants:- Page d'accueil qui donne accès aux autres pages du site, cette page devrait expliquer le but du site et des informations générales sur votre sujet.
- 1 page d'à propos où vous expliquez à qui s'adresse votre site, comment vous l'avez construit et pourquoi il distingue bien le contenu de la présentation. Cette page devrait indiquer les deux auteurs du site et contenir aussi une descriptions du choix, de l'analyse, et du design de votre projet.
- Toutes les pages devraient avoir un formatage commun effectué à l'aide d'une feuille CSS partagée par toutes les pages du site.
- Vous devez ajouter quelques images à votre site.
- Le site devrait contenir au moins un tableau.
- Le site devrait contenir au moins deux images SVG encodées directement dans le code HTML.
- Ne vous limitez pas à des pages à une seule colonne.
- Le site devrait comporter un formulaire qui pointera sur l'URL
http://www.iro.umontreal.ca/~lapalme/ift1005/Exercices/9/echoValeurs.cgi
. - Attention aux fautes d'orthographe qui enlèvent de la crédibilité à votre site.
Remise
Publiez les pages de votre site sur le WebDepot de l'UdeM.
Assurez-vous que votre site soit visible de l'extérieur (sans mot
de passe) lorsqu'un utilisateur connaît son URL. Il serait donc
préférable que votre URL soit une combinaison de lettres difficile
à deviner, pour éviter que vos collègues n'y aient accès avant la
remise. Par exemple, un URL secret tel que
https://www.webdepot.umontreal.ca/Usagers/dailankifki/MonDepotPrive/xyrt56y/
Attention de donner accès en lecture pour tous à votre répertoire et
de nommer le fichier de départ index.html.
Déposez un fichier sur Studium dans lequel vous indiquez l'URL secrète de votre site ainsi que les noms des deux auteurs du site.
Critères
Vous serez évalué non pas sur la quantité d'information, mais sur son organisation et son balisage sémantique.
Critère | Points |
---|---|
Analyse | 5 |
Design | 5 |
Implémentation | 10 |
Originalité du sujet | 2 |
Qualité de la langue | 1 |
Total | 23 |