• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Neurodyssee
 

Neurodyssee

on

  • 554 views

Travail académique

Travail académique

Statistics

Views

Total Views
554
Views on SlideShare
554
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Neurodyssee Neurodyssee Document Transcript

    • Chef de Projet:Vincent GILETA Rédactrice: Fanny DURQUETY Développeur: Jules MONJARET Graphiste: Marion QUESSON WORKSHOP NEURODYSEE 11-15 FEVRIER Master 1 CPEAM Université Bordeaux 3 2012 - 2013 http//julesmonjarret.com/workshop
    • SOMMAIRE 1. PLANNING PREVISIONNEL DES ACTIVITES - GANTT...........................................................................p1 2. PLANNING REALISE AU TERME DE LA SESSION.......................................................................................p2 3. CHARTE GRAPHIQUE..........................................................................................................................................p3 4. ARCHITECTURE COMMENTEE DU SITE......................................................................................................p6 5. TABLE DES FONCTIONNALITES/COMMANDES PROPOSEES A L’UTILISATEUR.............................p7 6. DESCRIPTION DES MODULES «DYNAMIQUES» QUI SUPPOSENT UN BACK-OFFICE...............p9 7. REFERENCEMENT..................................................................................................................................................p13
    • 1 - PLANNING PREVISIONNEL DES ACTIVITES - GANTT 1
    • 2 - PLANING REALISE AU COURS DE LA SESSION 2
    • 3 - CHARTE GRAPHIQUE Commande Nom: NeurOdyssée Accroche: Voyagez dans les neurosciences. Sujet: Le système nerveux aux commandes. Thématiques: Du coeur au cerveau, Les comportements animaux, Je me souviens, Quand les commandes s’emballent, Conscience et Inconscience, Science et science-fiction. Code couleurs: Chaque thématique est symbolisée par une couleur. 3 #f99b0c Du coeur au cerveau #00997c Les comportements animaux #8e47ad Je me souviens #75b2dd Quand les commandes s’emballent #003f77 (In)conscient #bf0a30 Science et science-fiction
    • Logotype Le logo que nous avons choisi met en valeur le fait que le cerveau est une machine que nous allons, à travers cette exposition, le mettre à nu pour en examiner les secrets grâce à six domaines, mis en évidence ici à travers un code de six couleurs. NEUR DYSSÉE NEUR DYSSÉE 4
    • Déclinaisons Noir et Blanc D ME DE TALENCE Le Dôme 221, avenue de Thouars 34400 T alence Changement d’objet 5
    • 4 - ARCHITECTURE COMMENTEE DU SITE L’arborescence du site vitrine de l’exposition est simple et permet une navigation en toute liberté : toutes les informations essentielles sont accessibles depuis chaque page: • première ligne correspond aux boutons d’en-tête présents sur chacune des la pages. • la deuxième ligne correspond aux vignettes présentes, elle aussi, sur chacune des pages du site. • la troisième ligne correspond aux liens présents dans le bas de page. Seuls les jeux sont accessibles dans les différents thèmes (Du cœur au cerveau, les comportements animaux, etc.). Les quiz n’étaient initialement accessibles que de cette façon mais pour palier à ça, nous avons créé une page « tous les quiz ». A noter aussi que chaque thème communique avec les autres. Pour atteindre la page quiz et jeu, il faut cliquer sur un bouton présent dans la page de rubrique, il faut donc deux clics pour atteindre cette page. Mais depuis cette page, on atteind à nouveau chacune des autres pages en un seul clic. Le nombre maximal de clics pour atteindre une page est donc de deux. 6
    • 5 - TABLE DES FONCTIONNALITES/ COMMANDES PROPOSEES A L’UTILISATEUR Accueil Nom de la commande Fonction de la commande Header Bannière Navigation Qui sommesnous? Navigation Infos Pratiques Navigation Livre d’or Navigation Sondage Navigation Tous les quiz Navigation Footer Partenaires Contacts Presse Aller plus loin Plan du site Contacter les responsables de l’exposition Section destinée aux juornalistes voulant couvrir l’exposition Accéder à la bibliographie, vidéographie, et webographie Navigation Mentions légales Navigation Administration Centre 7 Vignettes thématiques d’acceuil Accéder au back office Navigation Visuel de la commande Table des conditions Action d’ activation Table des conditions Disponible à toutes les pages hormis les jeux Disponible à toutes les pages hormis les jeux Disponible à toutes les pages hormis les jeux Disponible à toutes les pages hormis les jeux Disponible à toutes les pages hormis les jeux Clic Redirection vers la page d’accueil Clic Redirection vers la page de présentation Clic Redirection vers la page d’informations Clic Redirection vers la page « livre d’or » Clic Redirection vers la page de sondage Disponible à toutes les pages hormis les jeux Disponible à toutes les pages hormis les jeux Clic Redirection vers la page regroupant tous les quiz Survol et Clic Disponible à toutes les pages hormis les jeux Disponible à toutes les pages hormis les jeux Clic Disponible à toutes les pages hormis les jeux Clic Apparition d’une thick box informative sur les partenaires, puis clic Renvoit sur leur site. Accès à la page Facebook ou ouverture de la boîte mail de L’internaute. Redirection automatique vers la rubrique concernée, toutes étant Sur la même page. Redirection vers la page regroupant tous les quiz Disponible à toutes les pages hormis les jeux Disponible à toutes les pages hormis les jeux Disponible sur l’écran d’accueil Disponible à toutes les pages hormis les jeux Clic Redirection vers la page regroupant tous les quiz Clic Redirection vers la page regroupant tous les quiz Clic Accès à l’interface WordpressBack Office. Accéder aux articles associés aux thématiques. Clic Clic
    • Pages thématiques (spécifique) Nom de Fonction de la Viuel de la la com- commande commande mande Table des conditions Jeu Disponible à l’écran Clic thématique associé Disponible à l’écran Clic thématique Apparition d’une fenêtre popup contenant le jeu. Le quiz se déroule vers le bas de la page. Disponible aux Clic écrans thématiques Disponible à l’écran Clic thématique Disponible uniClic quement à l’écran memory Accéder aux articles associés aux thématiques. Ouverture du mémory dans une nouvelle fenêtre. La carte se retourne. Si deux carte identiques sont retournées en même temps, elles disparaissent. Si deux cartes sont déjà retournées, elles se réinitialisent automatiquement. Le jeu revient à zéro, permettant de créer une toute nouvelle partie. Ouverture du puzzle dans une nouvelle fenêtre. Le message « vous avez gagné » s’affiche. Quiz Vignettes (petites) Jouer Poke Accéder au jeu de la téhmatique Accéder au quiz spécifique à la thématique Navigation Démarrer le memory Regarder les cartes Rejouer Jeu: Puzzle Relance une nouvelle partie Jeu Démarrer le puzzle Déplacer les pièces Pièces Jeu: Rubick’s cube Remporter le jeu Jeu Sélectionner Démarrer le puzzle Choisir les réponses Question suivante Quiz Démarrer le puzzle Rubick’s cube Jeu: Test de personnalité Jeu Basculer vers la question suivante Jeu Quiz Démarrer le puzzle Démarrer le quiz Choix Choisir sa réponse Flèche Passer à la page suivante/précédente Action Pages d’acti- Table des réactions vation Disponible uniquement à l’écran memory Disponible à l’écran thématique Disponible uniquement à l’écran Puzzle Disponible à l’écran thématique Clic Clic Ouverture du puzzle dans une nouvelle fenêtre. Disponible uniquement à l’écran Rubick’sCube Disponible à l’écran thématique Disponible uniquement à l’écran test de personnalité Disponible uniquement à l’écran test de personnalité Disponible à l’écran thématique Disponible uniquement à l’écran quiz Disponible uniquement à l’écran quiz Disponible uniquement à l’écran quiz Clic Le message « vous avez gagné » s’affiche. Clic Ouverture du puzzle dans une nouvelle fenêtre. La case est cochée Clic Clic Clic Clic Une nouvelle page, nouvelle question. Clic Clic Ouverture du puzzle dans une nouvelle fenêtre. Déroulement du quiz vers le bas. La réponse est cochée Clic Les pages du quiz défilent. Clic 8
    • 6 - DESCRIPTION DES MODULES «DYNAMIQUES» QUI SUPPOSENT UN BACK OFFICE Nous appellerons “modules dynamiques” ces éléments éditables par l’administrateur depuis le back office de Wordpress. A l’inverse, d’autres sont développés et donc immuables à moins de toucher au code du site. Voici la liste des modules dynamiques du site vitrine de l’exposition « Neur’Odyssée : voyagez dans les neurosciences » : Header La rubrique « Qui sommes-nous ? » : présente l’association et ses adhérents, les étudiants du master HPMS. Cette rubrique permet aux visiteurs de connaître les organisateurs, de visiter leur site, de comprendre leurs intentions. Mieux : elle invite à un prochain rendez-vous puisqu’il est précisé que l’association organise une exposition différente chaque année. La rubrique « Informations pratiques » : présente toutes les informations capitales sur l’exposition à savoir les dates, les horaires, le lieu, la gratuité de l’évènement, le plan d’accès, le plan de l’exposition, etc. Cette rubrique est essentielle puisqu’elle invite les visiteurs, avant et pendant l’exposition, à se rendre sur place. La rubrique « Livre d’or » : propose aux internautes de laisser des commentaires, des remarques, des suggestions. Dans le but de créer, surtout, une véritable interaction, nous avons trouvé judicieux de relier le livre d’or à Facebook. Les internautes peuvent ainsi faire parler de l’exposition en postant un commentaire dans le livre d’or. Une véritable valeur ajoutée pour la visibilité de l’exposition et l’image de l’association. La rubrique « Sondage » : propose aux visiteurs de donner leur opinion au sujet La rubrique « Tous les Quiz » : rassemble tous les quiz des six différents thèmes de l’exposition, des thèmes abordés, des activités mises en place, etc. Ces informations facilement récupérables depuis le back-office, sont essentielles puisqu’elles permettront à l’association de s’améliorer, d’année en année. de l’exposition. Le visiteur peut ainsi se tester sur ses connaissances du cerveau en cliquant dans un thème mais également à partir d’une seule et même rubrique. A noter : les questions mériteraient d’être précisées après la mise en place concrète de l’exposition. 9
    • Thèmes Le thème « Du cœur au cerveau » : introduit brièvement les connaissances sur le cerveau humain et décrit ce que les visiteurs pourront trouver en visitant ce pôle. Dans une colonne latérale, deux photos et une vidéo explicative. En bas, un jeu et un quiz qui dynamisent la lecture. Il est donc possible de modifier le texte, de modifier la vidéo et d’ajouter des photos d’illustration ou des photos de l’exposition (ces dernières sont actuellement toutes libres de droits). Le thème « Les animaux » : introduit brièvement le système nerveux animalier et décrit ce que les visiteurs pourront trouver en visitant ce pôle. Dans une colonne latérale, deux photos et une vidéo explicative. En bas, là-aussi, un jeu et un quiz. Il est donc possible de modifier le texte, de modifier la vidéo et d’ajouter des photos d’illustration ou des photos de l’exposition (ces dernières sont actuellement toutes libres de droits). Le thème « Je me souviens » : introduit brièvement le fonctionnement de la mémoire et décrit ce que les visiteurs pourront trouver en visitant ce pôle. Dans une colonne latérale, deux photos et une vidéo explicative. En bas, là-aussi, un jeu et un quiz. Il est donc possible de modifier le texte, de modifier la vidéo et d’ajouter des photos d’illustration ou des photos de l’exposition (ces dernières sont actuellement toutes libres de droits). Le thème « Quand les commandes s’emballent » : introduit brièvement les différentes pathologies cérébrales et les soins adaptés. Aussi, il décrit ce que les visiteurs pourront trouver en visitant ce pôle. Dans une colonne latérale, deux photos et une vidéo explicative. En bas, là-aussi, un jeu et un quiz. Il est donc possible de modifier le texte, de modifier la vidéo et d’ajouter des photos d’illustration ou des photos de l’exposition (ces dernières sont actuellement toutes libres de droits). Le thème « (In)conscient » : introduit le concept de l’inconscient et décrit ce que Le thème « Science et science-fiction » : aborde le rapport entre science et les visiteurs pourront trouver en visitant ce pôle. Dans une colonne latérale, deux photos et une vidéo explicative. En bas, là-aussi, un jeu et un quiz. Il est donc possible de modifier le texte, de modifier la vidéo et d’ajouter des photos d’illustration ou des photos de l’exposition (ces dernières sont actuellement toutes libres de droits). science-fiction, l’opposition entre neurosciences et extrapolations. Aussi, ce thème décrit ce que les visiteurs pourront trouver en visitant ce pôle. Dans une colonne latérale, deux photos et une vidéo explicative. En bas, là-aussi, un jeu et un quiz. Il est donc possible de modifier le texte, de modifier la vidéo et d’ajouter des photos d’illustration ou des photos de l’exposition (ces dernières sont actuellement toutes libres de droits). 10
    • Footer La rubrique « Bibliographie » La rubrique « Webographie » : liste les ouvrages traitant des neurosciences, utilisés et conseillés par l’association des Dealers de science. Les ouvrages sont classés en fonction des six thèmes de l’exposition. Il est possible d’en rajouter. : liste les sites internet traitant des neurosciences, utilisés et conseillés par l’association des Dealers de science. Les sites sont classés en fonction des six thèmes de l’exposition. Il est possible d’en rajouter. La rubrique « Vidéographie » : liste les vidéos traitant des neurosciences, visionnés et conseillés par l’association des Dealers de science. Les vidéos sont classées en fonction des six thèmes de l’exposition. Il est possible d’en rajouter. La rubrique « Mentions légales » : protège l’association des Dealers de science contre toute copie, reproduction, diffusion, modification et transmission du contenu. Cette rubrique présente aussi l’équipe technique, à l’origine de la création du site. Module développé La contrainte, celle de développer un module pour le site vitrine de l’exposition, a été respectée par la présence des colonnes latérales droite dans les articles. (photo 1) Nous avons utilisé un module pour développeur (Ninja Columns), proposant la base du code pour créer la colonne, suite à quoi nous avons développé le reste : taille, styles définis, etc. Nous avons également développé un menu s’intégrant au système de navigation et fidèle au template designé. (photo 2) Ce dernier est dynamique et change en fonction des pages. Enfin, nous avons rajouté des fonctionnalités de navigation dans le header et le footer, toujours afin de correspondre au template designé. • Les extensions • All in One SEO : voir rubrique « référencement » en page 13 • Ninja Columns : voir rubrique « module développé » ci dessus. • mTouch Quiz : nous avons utilisé cette extension pour intégrer nos six quiz. 11 • WP Sitemap Page : nous avons utilisé cette extension pour générer le plan du site.
    • 12
    • 7- REFERENCEMENT Pour le référencement du site vitrine de l’exposition « Neur’Odyssée : voyage dans les neurosciences », nous avons commencé par installer le plug-in Wordpress All in SEO, idéal pour mettre en avant les articles (via 3 champs à remplir avant la publication), idéal surtout pour rédiger le nom et la description générale du site, celle qui apparaît dans les moteurs de recherche : Balise meta name : Neur’Odyssée, voyagez dans les neurosciences Balise meta description : Neur’Odyssée : voyagez dans les neurosciences est le site vitrine de l’exposition du même nom, du 4 au 12 avril 2013, au Dôme de Talence, organisée par les étudiants en Master HPMS de l’UFR STC de l’Université de Bordeaux III. Nous avons profité de l’installation de ce plug-in pour insérer des mots-clés sur lesquels se positionner dans les recherches des internautes, des mots-clés adaptés à notre sujet. Les groupes de mots et expressions sont plus efficaces qu’un seul mot générique. Sur des termes aussi généraux que « neurosciences », « cerveau » ou « inconscient », il nous a donc semblé judicieux de préciser nos mots-clés (balise meta keywords) : neurosciences bordeaux, lobes cerveau, inconscient cerveau, explications de rêves, dictionnaire d’interprétation rêves, fonctionnement cerveau, comportement animaux, exposition neurosciences, site exposition bordeaux, dôme de talence, master hpms bordeaux, ufr stc bordeaux. A noter : les mots-clés ne doivent jamais être trop nombreux. Toujours dans le cadre du référencement mais cette fois-ci sans utiliser le plug-in wordpress All in One SEO,  nous avons soigné nos titres nos URL en y plaçant certains de nos mots clés et nos articles, en y insérant des liens internes. Nous conseillons aux étudiants de Master HPMS de télécharger Google Analytics afin de suivre les statistiques de leur site et d’accéder à des informations capitales pour l’amélioration du contenu et du contenant : mots-clés tapés par les internautes, origine de leurs visites, temps passé sur le site, etc. 13
    • http//julesmonjarret.com/workshop