Upload
others
View
3
Download
0
Embed Size (px)
Citation preview
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
Projets ntic 2012
Sujet: Site Web de recommandation de lectures.
Réalisé par : Dirigé par :
Aliou GUEYE Mr Luka NERIMA
Mr Gilles FALQUET
Mr Asheesh GULATI
Année scolaire : 2011-2012
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
Plan du rapport :
§ Introduction
§ Questionnaire
§ Analyse des tâches
§ Conception
§ Prototypage de l’interface utilisateur
§ Interfaces de l’application
§ Réalisation
§ Conclusion
Introduction
L’objectif est de créer un site Web qui permet à chacun des membres d’un groupe de
recherche de recommander des articles scientifiques intéressants et de commenter pourquoi
les articles ont paru intéressants. Chacun des membres pourrait accéder à l’article posté afin
de le lire puis y laisser un commentaire. Ainsi la réalisation de ce site dépend du contexte
d’utilisabilité (effectivité, efficacité), des besoins des utilisateurs (tâches) et des technologies
utilisées.
Questionnaire :
Selon notre questionnaire différentes technologies sont utilisées par les membres du groupe
pour partager les articles.
Les quatre (4) membres du groupe utilisent presque deux types de technologies. Ainsi, il
s’agit prinicipalement de laptops (pc ou mac) et d’ordinateurs de bureau. Mais aussi,
l’imprimante et la photocopieuse sont utilisées. Les utilisateurs, au nombre de quatre, sont
Mr.Gulati, ingénieur en informatique et doctorant en informatique linguistique; Mr. Nérima,
informaticien au département de linguidtique; Mr.Falquet, professeur d’informatique puis
Mme. Claudine, maître d’enseignement et de recherche, doctorante en informatique.
En se référant aux réponses à notre questionnaire, présentement aucun de nos utilisateurs
(sauf Mr. Gulati) n’utilise une plate forme de partage de documents structurée. Ainsi, pour se
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
passer des articles entre collègues, ils utilisent, soit le courrier électronique avec l’article
attaché (PDF, Word) plus une petite explication, soit le courrier électronique contenant la
référence de l’article. Ainsi, les besoins de nos futurs utilisateurs pour un site de partage
d’articles se résument à une possibilité de créer des notes associés aux articles puis les
partager avec certains membres ou plutôt au groupe si besoin. De pouvoir interagir à travers
les commentaires en appuyant, discutant, etc, la pertinence de l’intérêt d’un article. Un lieu
pour établir une connaissance commune en recueillant les avis des autres. Ainsi, avoir la
possibilité de donner son avis sur un article posté mais aussi de pouvoir annoter les articles en
soulignant, par un avis explicite, son importance. Enfin avoir la possibilité d’ajouter d’autres
utilisateurs.
Acteurs :
Les acteurs du site seront :
- Acteurs primaires : utilisateurs (membres du groupe), Web master (administrateur)
- Acteurs secondaires : Base de données
Analyse des tâches :
L’analyse des tâches consiste à décrire ce qu’aimerait faire nos utilisateurs mais pas comment.
- Poster un article
- accéder au site(loger)
- consulter article
- ajouter article (téléverser)
- Lire et annoter l’article
- identifier l’article
- sélectionner passages/sections
- qualifier les sections (hypothèse, exemple, conclusion, etc…)
- Ajouter un commentaire
- définir la note (type : point interessant, critique, réponse, relever une
erreur)
- rédiger le texte du commentaire
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
Conception :
Cas d’utilisation : utilisateur
Architecture :
Accéder au site
Lire articles
Identifier article
Ajouter commentaire
Définir note
Poster articles
Sélectionner passage
Qualifier passage
Rédiger texte
« include»
« include»
« include»
« include»
« include»
Présentation
login
Documents
Téléverser
docs
Membres
Logout
Par moi Pour moi
Téléverser
Liste membres Ajout
Tous
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
Prototype de l’interface : Prototype interactif(voir diapo ci-joint)
Interfaces de l’application :
Par la capture d’écrans, nous essayons d’appréhender les différentes fonctionnalités du site. Ainsi, les différentes captures d’écrans ci-dessous représentent le cheminement le plus simple pour un utilisateur afin d’accéder aux différentes rubriques qu’offre le site.
Ainsi, sur la page d’accueil, nous avons essayé, par la bannière, de mettre en avant la thématique du projet relative au partage d’articles. On a aussi, au niveau de l’entête, le nom du site en plus du bouton « connexion » ainsi qu’un bouton déroulant. En effet, comme il s’agit d’un groupe fermé, l’utilisateur qui aimerait accéder au site devrait se loger en ce sens oû son nom est déjà disponible sur le menu du bouton déroulant. Une fois connecté, l’utilisateur aura son nom affiché sur toute les pages du site(voir captures ci-dessous).
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
Ainsi, si Mr Nérima venait à se loger, il va accéder directement à la rubrique du menu « Documents » avec la case ‘Pour moi’ cochée qui lui permet d’accéder aux articles qui lui sont recommandés par les autres utilisateurs du site. La case ‘Par moi’, cochée, permet d’afficher les articles que Mr Nérima a recommandés aux autres ainsi que ‘Tous’ répertorie tous les articles qui sont postés par les utilisateurs et offre une vue d’ensemble sur les commentaires laissés, les fichiers qu’on peut téléchargés ainsi que la possibilité de laisser un commentaire grâce au bouton « commenter » mais aussi d’enlever un fichier grâce au bouton « supprimer ». Il y’à aussi les flèches qui permettent de tri de façon croissante ou décroissante les articles selon la date.
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
En cliquant sur « présentation », apparait un bref aperçu sur l’objectif du site. En même temps un message de bienvenue est affiché. De ce fait, nous avons le menu avec ses différentes rubriques, le contenu de la page qui est, ici, le lieu de la présentation du site et enfin le bas de page.
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
Il pourrait aussi poster un arcticle puis l’envoyer soit à un ou plusieurs utilisateurs à la fois. Grâce au menu déroulant de la rubrique « destinataire(s) », il pourra choisir, l’(es) utilsateur(s) qu’il veut afin de les envoyer l’article charger sous « fichier » avec son nom sous « titre ». Puis, il a la possibilité de dire pourquoi il trouve ledit article intéressant.
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
La rubrique « membres » offre la liste des utilisateurs du site ainsi que la possibilité d’en rajouter d’autres. Présentement, le site n’a enregistré que cinq membres.
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
Toutefois pour être membre du site, une rubrique « ajout nouveau membre » est proposée. Un formulaire d’inscription est disponible pour enregistrer le nom, prénom et l’adresse électronique de l’intéressé. L’inscription ne peut être faite que par une personne déjà membre du site. En dernier lieu le bouton « logout » permet de revenir à la page d’accueil du site.
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
Réalisation :
§ Technologies
• HTML : affichage des pages web avec modélisation des données et traitements.
• CSS : feuille de style pour la mise en page qui permet de gérer l’aspect visuel du site.
• PHP : est un langage interprété et exécuté côté serveur qui permet de faire des requêtes, une génération dynamique du contenu html, accès à la base de données etc…
• MYSQL : est un serveur de base de données.
• PhpMyAdmin : Gestion de la base de données.
• FUGU : un client FTP pour Mac (Protocole de Transfert de Fichiers) permet le transfert des fichiers vers le serveur de Latntic.unige.ch.
• SMULTRON 2 ou BLUEFISH : éditeurs de textes pour Mac.
• LATLNTIC.UNIGE.CH : serveur Web de l’Université de Genève.
• MAMP : c’est un ensemble de logiciels permettant de mettre en place facilement un serveur Web localement sur une machine.
§ Outils
• Laptop MacBook
• Ordinateurs de bureau DELL
§ Browsers
• Mozilla Firefox
• Safari
• Google Chrome
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
Conclusion :
Très intéressant et instructif dans la mesure où la réalisation du site nous a permis de mettre en pratique les connaissances acquises lors de nos différents cours plus particulier ceux de NTIC et de l’Interface Personne Machine. Ce fut une révision générale concernant la programmation Web, la conception UML, le prototypage de l’interface utilisateur (papier et interactif), l’analyse des tâches par l’étude des besoins des utilisateurs grâce à un questionnaire. On a essayé de rester fidèle au cahier de charges des utilisateurs en réalisant une interface simple et facile à utiliser qui répond aux besoins des utilisateurs. Ainsi, ce travail est bénéfique à plus d’un titre car il nous a permis d’arpenter toutes les étapes allant de la conception (analyse des besoins des utilisateurs) jusqu’à la réalisation d’un site Web (implémentation). Toutefois, sa réalisation ne fut pas aisée dans la mesure où, comme vous le savez plus que moi, j’ai rencontré pas mal de problèmes durant l’implémentation, ce qui m’a pris pas mal de temps. On pourrait améliorer le site en y ajoutant par exemple d’autres rubriques.
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
Annexes questionnaires :
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
1)Veuillez vous présentez S.V.P (Nom, âge, domaine, connaisance en informatique, etc)
Métral Claudine
Maître d’enseignement et de recherche
Doctorat en informatique
…………………………………………………………………………………………………………..
2)Partagez-‐vous des articles scientifiques intéressants avec vos collègues de travail et comment vous vous prenez?
Oui, généralement en envoyant par courrier électronique soit la référence de l’article soit
directement l’article en fichier attaché
………………………………………………………………………………………………………….
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
3) Indiquez-‐vous souvent pourquoi vous trouvez les articles intéressants ? Si oui ? comment ?
Oui. En accompagnant l’envoi de quelques lignes disant en quoi cet article me semble intéressant
4) Qu’est ce qui vous pousse souvent à partager des articles que vous trouvez intéressants ?
Parce que je pense que l’article pourrait:
-‐ être étudié dans le cadre de tel ou tel cours que je donne avec les collègues destinataires de mon email,
-‐ être utilisé comme référence pour une publication commune avec ces collègues
-‐ traite de sujets de recherche similaires que ceux partagés avec ces collègues et que
nous pourrions alors en discuter
…………………………………………………………………………………………………………
5) Quelle technologie utilisez-‐vous pour partager les articles ? (Veuillez , SVP, entourez le point approprié)
a. ordinateur (bureau/portable) b. Ipad c. smarthphones d. autre :………………….
6) Avez-‐vous une plate forme de partage d’articles entre collégues? Si oui ? étes-‐vous satifait du service proposé ? qu’aimerez-‐vous améliorer ?
Oui. Quand je ne les envoie pas par email, je les mets sur Dropbox.
Le problème est que je ne peux pas aussi facilement et rapidement que par email cibler le ou
les collègues destinataires
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
…………………………………………………………………………………………………………
Si non ? quelles fonctionnalités vous semblent nécessaires pour une éventuelle plate forme de
partage ?
…………………………………………………………………………………………………………
Merçi de m’avoir consacrer un moment de votre temps précieux.
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture
NTIC 2011-‐2012 Université de Genève
Rapport Site Web de
recommandation de lecture