Projets ntic 2012 - UNIGElatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_Gueye.pdf ·...

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


Rapport Site Web de


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


Rapport Site Web de


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


Rapport Site Web de


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


Rapport Site Web de


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).


Rapport Site Web de


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.


Rapport Site Web de


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.


Rapport Site Web de


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.


Rapport Site Web de


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.


Rapport Site Web de


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.


Rapport Site Web de


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


Rapport Site Web de


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.


Rapport Site Web de


Annexes questionnaires :


Rapport Site Web de



Rapport Site Web de


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é

………………………………………………………………………………………………………….


Rapport Site Web de


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


Rapport Site Web de


…………………………………………………………………………………………………………

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.


Rapport Site Web de


Projets ntic 2012 - UNIGElatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_Gueye.pdf ·...

Documents

Transcript of Projets ntic 2012 - UNIGElatlntic.unige.ch/ntic/projets/files/other/NTIC2011-2012_Gueye.pdf ·...