SlideShare ist ein Scribd-Unternehmen logo
1 von 66
Edité par de Vergezac Matthieu
Année de création : 2019
Projet : Solution d’expérimentation,
escape game : Your digital escape
Cadre du projet : scolaire
Cahier des charges pour
2
TABLE DES MATIERES
1)Présentation ................................................................................................................................................................................................... 6
1.1)Vos interlocuteurs................................................................................................................................................................................... 6
1.2)Présentation de la structure ................................................................................................................................................................... 6
1.3)Contexte : Éducation aux médias et familles .......................................................................................................................................... 7
1)Description globale du projet ......................................................................................................................................................................... 9
2.1) Définition des besoins............................................................................................................................................................................ 9
2.2) Objectifs du site internet ....................................................................................................................................................................... 9
1)Présenter l’escape game au grand public ........................................................................................................................................... 10
2)Présenter le sujet de recherche.......................................................................................................................................................... 10
3)Véhiculer l’univers, la marque de l’escape game................................................................................................................................ 10
2.3) Internautes visés et objectifs par cibles ............................................................................................................................................... 11
2.4) Positionnement stratégique ................................................................................................................................................................ 11
2.5) Charte éditoriale.................................................................................................................................................................................. 11
2.6) Charte graphique ................................................................................................................................................................................. 12
2.7) Intégration du projet dans un écosystème numérique et mobile........................................................................................................ 12
3) Spécifications fonctionnelles ....................................................................................................................................................................... 13
3.1) Contenu ............................................................................................................................................................................................... 13
3.2) Arborescence....................................................................................................................................................................................... 13
3.3) Maquettes et Zoning............................................................................................................................................................................ 14
3.4) Déroulé fonctionnel............................................................................................................................................................................. 18
3.5) WebDesign........................................................................................................................................................................................... 18
4)Spécifications techniques ............................................................................................................................................................................. 19
4.1) Technologie déployée.......................................................................................................................................................................... 19
Dispositif CMS........................................................................................................................................................................................ 19
Création des contenus ........................................................................................................................................................................... 19
Gestion des contenus............................................................................................................................................................................. 20
4.2) Administration du Site ......................................................................................................................................................................... 20
4.3) Administration des publications .......................................................................................................................................................... 20
4.4) Maintenance........................................................................................................................................................................................ 21
4.5) Statistiques .......................................................................................................................................................................................... 21
4.6) Référencement .................................................................................................................................................................................... 21
4.7) Nom de Domaine et Hébergement...................................................................................................................................................... 22
5)Scénario et Projections................................................................................................................................................................................. 23
5.1) Réseaux Sociaux................................................................................................................................................................................... 23
5.2) Mobilité ............................................................................................................................................................................................... 24
5.3) Scénario de déploiement préconisé..................................................................................................................................................... 24
6)Annexes........................................................................................................................................................................................................ 25
3
1) PRESENTATION
1.1) VOS INTERLOCUTEURS
1.2) PRESENTATION DE LA STRUCTURE
Le programme Quest your Digital (que l’on pourrait traduire par « Quête ton digital ») cor-
respond à un escape game mobile ayant pour but d’effectuer une mission d’éducation aux
médias numériques auprès des familles.
Ce programme trouve sa genèse dans le constat suivant : les Sciences de l’Information et de
la Communication (SIC) ont besoin d’innover en termes d’outils et des méthodes de re-
cherche. Il y a un réel manque d’outils innovants permettant d’améliorer et d’approfondir
l’étude de différentes thématiques telles que les audiences, usages et appropriations des
médias. Ce projet se veut donc être une proposition de réponse à ce problème.
L’idée étant de créer un escape game à l’intérieur d’un bus qui pourrait se déplacer dans dif-
férentes villes de la Nouvelle-Aquitaine. Ce bus pourra donc à la fois remplir sa mission prin-
cipale – l’éducation aux médias- mais aussi fournir un outil de recherche moderne grâce au-
quel la créativité, la réflexivité et la connaissance des utilisateurs des médias pourront être
exploitées à leur plein potentiel.
La mobilité du « laboratoire de recherche » représente donc un atout conséquent, car il as-
sure un décentrement social, culturel et éducatif fort.
Nayra VAVAFLOR
MCF
Valérie CARAYOL
Pr.
Elizabeth GARDERE
Pr.
Feirouz LIMA
MCF
Jean-François CERI-
SIER
Pr.
Franc MORANDINI
Pr.
Laurence Corroy
MCF Pr.
Raphaël Marczak
Post-Doctorant
4
1.3) CONTEXTE : ÉDUCATION AUX MEDIAS ET FAMILLES
L’éducation aux médias est considérée comme un « processus d’enseignement ou d’appren-
tissage qui porte sur une compétence générale, dont l’objet ne se limite pas au texte im-
primé, mais englobe aussi les autres systèmes symboliques constitués d’images et de sons.
Elle a pour objet de donner à l’apprenant la capacité d’analyser des récits médiatiques (pro-
ductions écrites, audiovisuelles, numériques…) pour en comprendre la signification et en
évaluer les valeurs et la portée
Ces recherches qui sont fondées sur une approche critique des usages sociaux des TIC ont
ainsi pu rendre compte des manières avec lesquelles les individus reconstruisent avec les ou-
tils numériques le quotidien. Les statistiques sont unanimes et corroborent qu’Internet est
un média solitaire. Cela n’est pas toujours absolu et il n’est pas rare que les adolescents par-
tagent entre eux des moments durant lesquels ils jouent face au même écran ou regardent
ensemble des vidéos sur Internet. Cependant, les enquêtes sur la question montrent que,
souvent, Internet se découvre seul, notamment parce que les parents ont le souci de respec-
ter l’intimité de leur enfant et/ou le sentiment d’être incompétents dans ce domaine.
D’autres chercheurs vont démontrer que les jeunes sont à la fois lecteurs, auteurs et diffu-
seurs de contenus. Il devient indispensable de former à une attitude éclairée et respon-
sable des usages numériques, tout en encourageant la dimension créative et communica-
tionnelle des médias numériques. Les cultures créatives d’aujourd’hui façonnent de manière
abrupte le contexte de l’éducation aux médias numériques. Les dispositifs mobiles jouent le
rôle de source d’images, de studio de traitement et d’outil de diffusion des oeuvres « créa-
tives. Nous pouvons y observer déjà les traces de cette utilisation dans les usages actuels des
applications mobiles telles qu’Instagram, SnapChat ou Facebook où la grammaire de l’hash-
tag, l’esthétique des métadonnées, les interfaces socio-numériques ont bouleversé les sys-
tèmes de communication.
C’est en partant de ce contexte que trois ensembles de questions ont été soulevées et au-
quelles notre programme de recherche va essayer de répondre.
1) Intimité numérique des familles
L’augmentation des usages numériques et des écrans multipliés au sein du foyer, nous inter-
roge sur la question des « bonnes pratiques ». Existe-t-il de bonnes pratiques éducatives en
matière de numérique au sein des familles ? En quoi elles consistent ? Peut-on parler de
stratégies d’éducation aux médias numériques ou de pratiques et usages numériques maitri-
sées. Ces familles hétérogènes (monoparentales, reconstituées, traditionnelles) ont-elles un
5
intérêt quant à la reconnaissance institutionnelle de ces « bonnes pratiques » ? Quels im-
pacts ont les outils proposés par les institutions telles que l’UNESCO (2006), CEMEA (2006)
en matière d’éducation aux médias à destination des familles? Évaluer les effets des techno-
logies sans relativiser leur rôle au sein de la complexité systémique de l’environnement fami-
liale peut conduire à se méprendre sur leur rôle et leur importance.
2) Rapport monde numérique et gamification
Dans un contexte de société assaillie par le numérique et la volonté de jouer différemment
en famille par le biais de voies alternatives, nous pouvons nous interroger sur la place des
escapes games? Comment un outil de ce genre peut contribuer à réduire la distance entre
les usages numériques et l’éducation proprement dite ? Comment peut-il contribuer à la
constitution d’une culture numérique au sein de la famille ? Comment s’éduquer plus effica-
cement ? Comment imaginer l’inclusion des familles pour la création d’un vrai outil d’éduca-
tion aux médias numériques ?
3) Apports de l’interdisciplinarité
L’évaluation quantitative et qualitative de l’impact des usages numériques au sein des fa-
milles est au coeur des débats. Les « variables » technologiques, psychologiques et cogni-
tivistes ont étés inscrites au sein de grands programmes d’évaluation internationaux comme
le « Programme for International Student Assessement ». Les modèles alternatifs de re-
cherche peuvent-ils nous fournir des exemples d’élargissement des usages numériques des
familles ? Est-ce qu’ils contribuent à la rénovation des modalités classiques de recherche ?
Peut-on élaborer de nouveaux leviers pour la production des analyses inédites ? L’analyse
interdisciplinaire peut-elle être une source d’inspiration pour de nouveaux modèles créatifs
et innovants de la recherche en SHS ?
6
1) DESCRIPTION GLOBALE DU PROJET
2.1) DEFINITION DES BESOINS
L’escape game « Quest your digital » nécessite une visibilité importante afin d’attirer le
grand public ainsi que les chercheurs et autres acteurs du projet. Il est donc nécessaire d’in-
tégrer les informations relatives au principe même de l’escape game mais aussi à l’avancée
de la recherche sur un site à destination d’un public large, mais également des différents
chercheurs et acteurs concernés.
Le site doit être à la fois grand-public et académique. Il comportera les informations relatives
aux travaux des chercheurs Universitaire, sans tomber dans l’académisme pour autant. Les
contenus seront accessibles à un public large, et la forme du site devra refléter l’ambiance
de l’escape game.
Par ailleurs, il est important que le site s’intègre dans un écosystème composé des pages
sur les différents réseaux.
L’existence de ces pages devra être mise en valeur sur le site, tout comme le
site sera mis en valeur sur les réseaux sociaux, ce qui permettra d’encourager l’activité sur
ces différents supports adaptés à différents usages de valorisation de l’information. De
plus, cet écosystème se définira par une identité visuelle cohérente et rapidement
reconnaissable, ce qui passera par l’utilisation et la déclinaison du logo.
La modernité sera le maître-mot du site Internet, qui sera clair, dynamique et
interactif, tant dans la forme que dans le fond. Afin d’être attractif auprès des visiteurs.
L’accent sera mis sur la navigation et l’ergonomie, ce qui permettra de mettre en valeur
les informations et d’en faciliter l’accès. Le site devra également être construit de
manière à faciliter l’insertion de nouveaux outils sur le long terme.
7
2.2) OBJECTIFS DU SITE INTERNET
Dans un projet comme celui-ci, les objectifs sont multiples.
Il devra remplir 3 grandes missions principales.
1) PRESENTER L’ESCAPE GAME AU GRAND PUBLIC
Cette partie du site internet s’adressera au grand public, les « sujets de recherche » à pro-
prement parler. Pour se faire le site internet devra avoir une charte graphique cohérente,
dans l’air du temps et une disposition type « one page ». Cette partie du site aura pour ob-
jectif de présenter l’escape game, son concept, les missions proposées, les sujets de re-
cherche dans lesquels il s’ancre. Mais il devra aussi permettre d’accéder à un système de ré-
servation et un suivit du déplacement de l’escape game afin de permettre au public d’y accé-
der le plus simplement possible.
2) PRESENTER LE SUJET DE RECHERCHE
Cette partie du site internet s’adressera quant à elle aux différents acteurs du projet de re-
cherche. Elle veillera à mettre en valeur les avancées du projet via une disposition simple et
claire. Mais elle mettra aussi en avant les différents collaborateurs du projet afin de leur as-
surer une visibilité internationale.
Cela permettra d’une part aux différents acteurs (externes comme internes) de suivre l’avan-
cée du projet, mais aussi de mettre en avant la méthode innovante de cet outil de re-
cherche. Notamment en mettant en avant l’interdisciplinarité des différents organismes qui
donnent à ce sujet de recherche un caractère si singulier de carrefour des connaissances.
Le site devra donc paraître attractif pour ces deux types de publics et permettre à chacune
des parties prenantes de s’y retrouver facilement.
8
3) VEHICULER L’UNIVERS, LA MARQUE DE L’ESCAPE GAME
En dernier lieu, le site devra représenter ce qu’est l’escape game, son concept, sa particula-
rité. Être aux couleurs de ce que sera physiquement le projet. Il devra véhiculer une image
de marque de l’escape game afin que le public comprenne instantanément dans quel univers
ils vont s’immerger.
2.3) INTERNAUTES VISES ET OBJECTIFS PAR CIBLES
On peut isoler cinq principales cibles:
 Les enseignants-chercheurs et les chercheurs des différents équipes et laboratoires.
Cela permettra aux différents acteurs du projet de suivre l’évolution de celui-ci et d’assurer
une visibilité internationale du projet .
 Les professionnels de l’information et de la communication qui pourront suivre
l’évolution du projet.
 Les acteurs qui financent la recherche, acteurs institutionnels, universités,agences
nationales, acteurs privés.
Valoriser les travaux des chercheurs et le rayonnement des SHS aquitaines afin
d’encourager les financements
 Le grand public/Les familles
Cela permettra aux familles de réserver leurs places et de comprendre l’essence du projet et
de l’escape game.
9
2.4) POSITIONNEMENT STRATEGIQUE
Le site « Quest your digital » se positionne comme un site académique destiné aux cher-
cheurs et aux étudiants, pour le rayonnement national des recherches réalisées par les ac-
teurs du projet. En parallèle, le site doit être accessible au grand public : moderne et interac-
tif avec différentes applications.
2.5) CHARTE EDITORIALE
Le discours du site ainsi que le discours dans les réseaux sociaux doivent être adaptés au
WEB pour le grand-public : écriture facile, police lisible. Plusieurs propositions de mise en
page et de charte éditoriale sont possibles. Le discours destiné aux professionnels du do-
maine, sur la page dédiée, se voudra plus précis et technique.
2.6) CHARTE GRAPHIQUE
La charte graphique et l’iconographie doivent être soigneusement respectées. Les couleurs
doivent correspondre aux couleurs du logo. Le schéma des différentes navigations possibles
dans le site est requis.
Evolution logo :
10
Logo Final :
Logo sur le bus :
11
Choix Graphique :
2.7) INTEGRATION DU PROJET DANS UN ECOSYSTEME NUMERIQUE ET MOBILE
Il est important de créer un écosystème numérique personnalisé. Le site doit proposer
des boutons dirigeant vers les réseaux sociaux : Facebook, Youtube, Instagram et le réseaux
social qui sera créé à destination des chercheurs. Chacun de ces réseaux devra présenter des
interfaces personnalisées correspondant à la charte graphique et a l’identité visuelle de l’es-
cape game. Une charte éditoriale ainsi qu’un planning de publication devront être mis en
place.
12
3) SPECIFICATIONS FONCTIONNELLES
3.1) CONTENU
Présentation : Rubrique résumant ce que propose l’Escape Game, et fait la présentation du
concept.
Concept : Rubrique présentant le nombre de joueurs, le prix, ainsi que le temps du jeu.
Thèmes : Rubrique montrant les thèmes que proposera le bus.
Localisation : Rubrique composé d’un texte et d’une carte permettant de retrouver le bus.
Réservation : Rubrique ayant un calendrier, et un formulaire de réservation.
Portfolio & Avis : Rubrique regroupant les avis et les photos des participants.
Projet : Rubrique avec bouton menant vers une page expliquant le projet du MICA.
Contact : Rubrique permettant de contacter l’organisme grâce à un formulaire et une carte
situant le local.
FAQ : Foire aux questions sur l’organisme, le bus et tout ce qui l’entoure.
3.2) ARBORESCENCE
Une OnePage qui reprend les rubriques indiqués par une flèche blanche, 3 pages différentes
sur le site (Accueil, projet de recherche et galerie & avis)
13
3.3) MAQUETTES ET ZONING
14
15
16
17
3.4) DEROULE FONCTIONNEL
Le header
Il est fixe. Il est composé du logo et du menu (les 5 rubriques plus le picto)
Le footer
Il est fixe. Il comprend les catégories IHDB, contact, plan du site et mentions légales. Il est
le plus discret et épuré possible.
Dans la navigation interne, l’internaute reste sur la même page ( pas d’ouverture
de nouvel onglet ou fenêtre)
Menu fixe sur toutes les pages
3.5) WEBDESIGN
Le site internet devra être épuré, comporter de nombreux visuels et être une plateforme
en dialogue permanent avec les réseaux sociaux.
Les sites internet dont l’ergonomie a retenu notre attention sont les suivants :
 The Room Escape Game : https://www.the-room.fr/
 The Virtual Escape : https://virtual-room.com/
 LockedUp : https://www.lockedup-escapegame.com/
 Millenium Escape : https://milleniumescapegame.fr/
Pour valider le graphisme et l’ergonomie du site, nous demandons au prestataire de nous
fournir :
 Une maquette de la page d’accueil
 Une maquette d’une page intérieure
 Une maquette générique reprenant tous les éléments graphiques pouvant être
trouvés dans le site (plug in, pictos, visuels...)
Les maquettes seront fournies au format Photoshop ou Indesign (fichier .psd, .indd) avec
tous les calques séparés et organisés par groupes. Tous les calques seront nommés.
Le prestataire devra rendre identifiable chaque rubrique par un code couleur
correspondant à la charte graphique et au logo.
Le graphiste devra également fournir le favicon du site qui reprendra notre logo.
18
4) SPECIFICATIONS TECHNIQUES
4.1) TECHNOLOGIE DEPLOYEE
DISPOSITIF CMS
Le commanditaire souhaite utiliser une plateforme CMS (Content Management Sys-
tem) de type Joomla ou Wordpress. Ici nous nous concentrerons uniquement sur la
plateforme Wordpress exclusivement. Le prestataire devra présenter ses références
déployées sous au moins l’un de ces systèmes afin d’en démontrer sa maitrise. Pour
parfaire le site, le template Creative Dark par TheGem sera choisi.
CREATION DES CONTENUS
 Le CMS devra permettre au rédacteur de créer et d'éditer le contenu sans
connaissance technique du code.
 Le CMS devra offrir une interface pour télécharger en amont des documents qui
seront annexés à la page publiée.
 Le CMS devra faciliter l’insertion de métadonnées (auteur, description, mots-clés,
etc.) par le rédacteur via un formulaire
GESTION DES CONTENUS
 Le CMS doit gérer automatiquement les liens tant en amont qu'en aval d'une page.
En cas de suppression d'une page, il doit être en mesure de supprimer tous les liens
internes existants et générer une page pour signifier que celle-ci n'existe plus.
 Le CMS doit offrir la possibilité de programmer la publication d'une page à un mo-
ment donné et de conserver le brouillon d'une page en cours de rédaction.
 Le CMS doit séparer le contenu (les informations) de sa présentation (mise en forme
pour l’affichage à l’écran et/ou l’impression) pour garantir la publication vers diffé-
rents formats (pages Web, objets nomades connectés...)
 La séparation du fond et de la forme doit s'appuyer sur des gabarits associés à des
feuilles de styles
 Le CMS devra être multilingue pour offrir aux visiteurs étrangers une version de la
page dans leur langue
19
4.2) ADMINISTRATION DU SITE
L’accès à l’administration du site sera protégé par un mot de passe propre.
Son interface se devra d’être la plus simple et lisible possible pour optimiser sa gestion.
L’espace d’administration permettra l’accès à l’ensemble des modules et plug-ins néces-
saires à l’alimentation du site entre autres. Le prestataire devra ainsi prévoir la possibilité
d’étendre les fonctionnalités du site. Il est également indispensable de générer un module
spécifique pour la gestion des membres du site et des nouveaux venus (Gestion de profil).
Un temps de formation sera prévu pour expliquer le fonctionnement de l’espace administra-
tion au webmaster de ce site et des membres afin qu’ils soient autonomes dans leur utilisa-
tion du back-office.
4.3) ADMINISTRATION DES PUBLICATIONS
Le dispositif CMS comprendra un système de workflow afin de structurer la gestion des pu-
blications par les membres. Soit :
 Un circuit de validation
 Des rôles contributeurs définis (rédacteurs, modérateurs, administrateurs).
 Un tableau de bord des publications
4.4) MAINTENANCE
Lors de la maintenance, le code relatif au site pourra être susceptible de modification à la
demande du commanditaire afin d’améliorer et de développer l’interface et le contenu du
site.
Ce forfait maintenance supplémentaire fera l’objet d’un contrat indépendant de celui lie à
l’élaboration du site sous forme de prestation forfaitaire horaire.
20
4.5) STATISTIQUES
Le prestataire se devra d’intégrer le service de mesure d'audience Google Analytics pour as-
surer le suivi de fréquentation du site.
 Pages les plus visitées et les moins visitées
 Pages d’entrée et de sortie
 Sources de trafic
 Nombre de visiteurs uniques / jour
 Situation géographique de l’internaute
 Temps passé sur chaque page
 Cheminement à travers le site.
La configuration de cet outil sera à la charge du partenaire. Les statistiques devront être ac-
cessibles depuis le backoffice.
La mesure des statistiques pourra se faire sur les réseaux sociaux grâce à différents outils
tels que TweetDeck pour Twitter, et ainsi connaître la popularité du concept sur les réseaux
sociaux.
4.6) REFERENCEMENT
En consultation avec l’équipe responsable du projet « Quest Your Digital », le prestataire de-
vra élaborer une charte de référencement précis afin de garantir la visibilité du site sur les
moteurs de recherches.
Pour procéder à l’optimisation du référencement, il devra être défini au préalable, pour
chaque page :
 Un titre pour les balises title et méta
 Une liste de mots-clés
 Une description
 Une URL identifiable en accord avec les mots-clés
21
Les mots-clés choisis par le prestataire devront avoir fait l’objet d’une étude statistique
quant à leur potentiel générateur de trafic. Pour aider à trouver des mots clés correspon-
dants et donc améliorer le référencement, des outils proposés par Google ou WordPress
pourront être utilisés tels que :
 Google Adwords : Outil permettant de verrouiller des mots clés pour le site web.
 SEMRush : Outil permettant de vérifier les mots clés qu’utilisent les concurrents
 LSI Graph : Outil permettant de générer des mots clés synonymes que ceux utiliser
 Yoast SEO : Outil WordPress permettant d’optimiser le lien URL sur Google ainsi que
le texte situé en dessous
 CopyScape : Outil permettant de vérifier qu’aucune page ne corresponde à une autre
page web.
4.7) NOM DE DOMAINE ET HEBERGEMENT
Le commanditaire souhaite déposer l’un des noms de domaine suivant :
 questyourdigital.fr
 questyourdigital.com
 yourdigitalescape.fr
Le prestataire pourra faire d’autres propositions et devra entreprendre les démarches
auprès de l’organisme compétent pour vérifier la disponibilité et indiquer le cout annuel re-
latif à l’achat du nom de domaine.
5) SCENARIO ET PROJECTIONS
Cette partie propose une projection de la façon dont le site de l’Escape Game pourra évo-
luer, avec une vision à long terme.
Il est difficile de projeter la façon dont les différents outils et usages du numérique vont évo-
luer dans les dix prochaines années. Cependant, il faudra ouvrir le projet à un plus grand pu-
blic pour permettre aux projets du MICA d’avoir de meilleures données. Nous avons choisi
d'imaginer des évolutions possibles du site permettant cette ouverture :
22
Une ouverture à un public plus large.
L'objectif d'ici les prochaines années est d’ouvrir à un public plus vaste en parcourant toute
la France grâce au bus et donc obtenir de meilleurs résultats pour les chercheurs.
Il pourra, par exemple, rouler dans les grandes villes durant un mois entier, et ensuite aller
dans la périphérie de ces grandes villes comme Paris, Marseille, Lille, Nantes, etc…
Des améliorations concernant l'accessibilité.
Sous 5 ans, le site devra être multilangues (Français, Anglais, Espagnol, Portugais, Arabe,
Chinois, Japonais). Il faudra également développer un outil permettant la navigation pour les
personnes handicapées.
5.1) RESEAUX SOCIAUX
Aujourd’hui les réseaux sociaux, Facebook, Instagram, Twitter, sont omniprésents, ils seront
donc très utiles pour indiquer la localisation du bus, mais aussi pour annoncer de nouvelles
missions proposées par « Quest Your Digital ». De plus en plus de gens prennent aussi des
photos grâce à leur smartphone, et les publies sur les réseaux associés, et il faut en prendre
compte pour permettre une meilleure visibilité au concept.
5.2) MOBILITE
Tous les spécialistes s’accordent pour dire que l’avenir du web se trouve dans la mobilité et
l’hyperconnexion. Le site étant déjà construit sur la logique du responsive design, l’Escape
Game « Quest Your Digital » devra donc prévoir dans les années qui viennent, la conception
d’une application à part entière téléchargeable pour tous les différents formats : Apple, An-
droid.
Il est nécessaire de s’adapter aux nouveaux outils, comme nos tablettes actuelles, mais aussi
tous les nouveaux objets multimédias du futur pour que les formats des sites mobiles et ap-
plications soient adaptés. De plus en plus, chaque objet qui nous entoure est susceptible de
devenir.
Idée d’application : Application permettant de réserver une séance d’Escape Game, mais
aussi peut-être utiliser durant la partie à laquelle les joueurs vont être confrontés.
23
5.3) SCENARIO DE DEPLOIEMENT PRECONISE
Le monde est en constante évolution et les mœurs auront changé d’ici seulement 5 ans, il
faudra penser à renouveler le concept, voir le moderniser, pour pouvoir réussir à cerner les
nouvelles habitudes de la population envers les technologies qui les entourent. Il faudra
aussi se renseigner sur les tendances pour pouvoir proposer des concepts allant dans la di-
rection de ces dernières, et ainsi continuer à faire venir du monde.
Edité par de Vergezac Matthieu
Année de création : 2019
Projet : Solution d’expérimentation,
escape game : Your digital escape
Présentation orale
Cadre du projet : scolaire
Etude de cas Site Web
AMAP de Cenon
Commanditaire : Nayra Vacaflor
Filière : DUT communication des organisations
Année Spéciale 2018/2019
Dossier présenté par :
Matthieu de Vergezac
Florent Martin
Dylan Reichart
Mathis Troussard
5
HEX : #3798D4
RVB : 54, 152, 212
HEX : #FEA724
RVB : 254, 167, 36
HEX : #FFFFFF
RVB : 255, 255, 255
HEX : #282828
RVB : 40, 40, 40
•
•
•
•
•
Simple d’utilisation, vous pourrez
gérer directement vos contenus
Fluide sur tous les supports, pour
une simplicité d’utilisation client
Parce qu’il est nécessaire de
connaitre les pages les plus
attrayantes et en améliorer le
contenu
•
•
•
•
VOTRE CONFIANCE !

Weitere ähnliche Inhalte

Ähnlich wie Projet scientifique Your Digital Escape - MICA

Livre blanc 2010 social media club france
Livre blanc 2010 social media club france Livre blanc 2010 social media club france
Livre blanc 2010 social media club france Alban Martin
 
Mettre en oeuvre les différentes formes de mobilité dans les apprentissages (...
Mettre en oeuvre les différentes formes de mobilité dans les apprentissages (...Mettre en oeuvre les différentes formes de mobilité dans les apprentissages (...
Mettre en oeuvre les différentes formes de mobilité dans les apprentissages (...Jean-François CECI
 
Les reseaux sociaux par social-media-club-france
Les reseaux sociaux par social-media-club-franceLes reseaux sociaux par social-media-club-france
Les reseaux sociaux par social-media-club-franceAkimELSIKAMEYA
 
Livre blanc 2010 Social Media Club France
Livre blanc 2010 Social Media Club FranceLivre blanc 2010 Social Media Club France
Livre blanc 2010 Social Media Club FranceSMCFrance
 
Le planning stratégique et les mutations du capitalisme
Le planning stratégique et les mutations du capitalismeLe planning stratégique et les mutations du capitalisme
Le planning stratégique et les mutations du capitalismeMartin Héloïse
 
Rapport cn num_education_oct14
Rapport cn num_education_oct14Rapport cn num_education_oct14
Rapport cn num_education_oct14Jorge Barbosa
 
Rapport cn num_education_oct14
Rapport cn num_education_oct14Rapport cn num_education_oct14
Rapport cn num_education_oct14ochicheportiche
 
Guide dutilisation pédagogique des médias sociaux
Guide dutilisation pédagogique des médias sociauxGuide dutilisation pédagogique des médias sociaux
Guide dutilisation pédagogique des médias sociauxGenaro Bardy
 
Les marques dans le secteur culturel
Les marques dans le secteur culturelLes marques dans le secteur culturel
Les marques dans le secteur culturelEdouard27
 
Transition Positive - Bilan
Transition Positive - BilanTransition Positive - Bilan
Transition Positive - BilanOpenOdyssey
 
Second écran : l'interactivité, nouvel eldorado pour l'industrie télévisuelle
Second écran : l'interactivité, nouvel eldorado pour l'industrie télévisuelleSecond écran : l'interactivité, nouvel eldorado pour l'industrie télévisuelle
Second écran : l'interactivité, nouvel eldorado pour l'industrie télévisuellePaul Sonilhac
 
Narration transmédia - acteurs et enjeux d'une forme de création émergente
Narration transmédia - acteurs et enjeux d'une forme de création émergenteNarration transmédia - acteurs et enjeux d'une forme de création émergente
Narration transmédia - acteurs et enjeux d'une forme de création émergenteMathias Gimeno
 
Vitalis Elodie - Mémoire: « Track id, anyone ? Entre quete commune, communio...
Vitalis Elodie - Mémoire: « Track id, anyone ?  Entre quete commune, communio...Vitalis Elodie - Mémoire: « Track id, anyone ?  Entre quete commune, communio...
Vitalis Elodie - Mémoire: « Track id, anyone ? Entre quete commune, communio...Elodie Vitalis
 
Mémoire 1 Kenny PIERRE
Mémoire 1 Kenny PIERREMémoire 1 Kenny PIERRE
Mémoire 1 Kenny PIERREKenny PIERRE
 
Responsabilité du journaliste et des médias face à l'intérêt général : la voi...
Responsabilité du journaliste et des médias face à l'intérêt général : la voi...Responsabilité du journaliste et des médias face à l'intérêt général : la voi...
Responsabilité du journaliste et des médias face à l'intérêt général : la voi...Philip Boisvieux
 
Plan communication scd lyon 1
Plan communication scd lyon 1Plan communication scd lyon 1
Plan communication scd lyon 1Knitandb b
 
Le crowdsourcing appliqué aux archives numériques : concepts, pratiques et en...
Le crowdsourcing appliqué aux archives numériques : concepts, pratiques et en...Le crowdsourcing appliqué aux archives numériques : concepts, pratiques et en...
Le crowdsourcing appliqué aux archives numériques : concepts, pratiques et en...Ariane Néroulidis
 
Outils d'animation en présentiel
Outils d'animation en présentielOutils d'animation en présentiel
Outils d'animation en présentielFFFOD
 

Ähnlich wie Projet scientifique Your Digital Escape - MICA (20)

Livre blanc 2010 social media club france
Livre blanc 2010 social media club france Livre blanc 2010 social media club france
Livre blanc 2010 social media club france
 
Mettre en oeuvre les différentes formes de mobilité dans les apprentissages (...
Mettre en oeuvre les différentes formes de mobilité dans les apprentissages (...Mettre en oeuvre les différentes formes de mobilité dans les apprentissages (...
Mettre en oeuvre les différentes formes de mobilité dans les apprentissages (...
 
Les reseaux sociaux par social-media-club-france
Les reseaux sociaux par social-media-club-franceLes reseaux sociaux par social-media-club-france
Les reseaux sociaux par social-media-club-france
 
Livre blanc 2010 Social Media Club France
Livre blanc 2010 Social Media Club FranceLivre blanc 2010 Social Media Club France
Livre blanc 2010 Social Media Club France
 
Le planning stratégique et les mutations du capitalisme
Le planning stratégique et les mutations du capitalismeLe planning stratégique et les mutations du capitalisme
Le planning stratégique et les mutations du capitalisme
 
Rapport cn num_education_oct14
Rapport cn num_education_oct14Rapport cn num_education_oct14
Rapport cn num_education_oct14
 
Rapport cn num_education_oct14
Rapport cn num_education_oct14Rapport cn num_education_oct14
Rapport cn num_education_oct14
 
Guide dutilisation pédagogique des médias sociaux
Guide dutilisation pédagogique des médias sociauxGuide dutilisation pédagogique des médias sociaux
Guide dutilisation pédagogique des médias sociaux
 
Les marques dans le secteur culturel
Les marques dans le secteur culturelLes marques dans le secteur culturel
Les marques dans le secteur culturel
 
Transition Positive - Bilan
Transition Positive - BilanTransition Positive - Bilan
Transition Positive - Bilan
 
Second écran : l'interactivité, nouvel eldorado pour l'industrie télévisuelle
Second écran : l'interactivité, nouvel eldorado pour l'industrie télévisuelleSecond écran : l'interactivité, nouvel eldorado pour l'industrie télévisuelle
Second écran : l'interactivité, nouvel eldorado pour l'industrie télévisuelle
 
Narration transmédia - acteurs et enjeux d'une forme de création émergente
Narration transmédia - acteurs et enjeux d'une forme de création émergenteNarration transmédia - acteurs et enjeux d'une forme de création émergente
Narration transmédia - acteurs et enjeux d'une forme de création émergente
 
Vitalis Elodie - Mémoire: « Track id, anyone ? Entre quete commune, communio...
Vitalis Elodie - Mémoire: « Track id, anyone ?  Entre quete commune, communio...Vitalis Elodie - Mémoire: « Track id, anyone ?  Entre quete commune, communio...
Vitalis Elodie - Mémoire: « Track id, anyone ? Entre quete commune, communio...
 
Bilan résidences
Bilan résidencesBilan résidences
Bilan résidences
 
Tice
TiceTice
Tice
 
Mémoire 1 Kenny PIERRE
Mémoire 1 Kenny PIERREMémoire 1 Kenny PIERRE
Mémoire 1 Kenny PIERRE
 
Responsabilité du journaliste et des médias face à l'intérêt général : la voi...
Responsabilité du journaliste et des médias face à l'intérêt général : la voi...Responsabilité du journaliste et des médias face à l'intérêt général : la voi...
Responsabilité du journaliste et des médias face à l'intérêt général : la voi...
 
Plan communication scd lyon 1
Plan communication scd lyon 1Plan communication scd lyon 1
Plan communication scd lyon 1
 
Le crowdsourcing appliqué aux archives numériques : concepts, pratiques et en...
Le crowdsourcing appliqué aux archives numériques : concepts, pratiques et en...Le crowdsourcing appliqué aux archives numériques : concepts, pratiques et en...
Le crowdsourcing appliqué aux archives numériques : concepts, pratiques et en...
 
Outils d'animation en présentiel
Outils d'animation en présentielOutils d'animation en présentiel
Outils d'animation en présentiel
 

Mehr von Matthieu de Vergezac

Mémoire professionnel : les métiers de communicants, quand compétences et évo...
Mémoire professionnel : les métiers de communicants, quand compétences et évo...Mémoire professionnel : les métiers de communicants, quand compétences et évo...
Mémoire professionnel : les métiers de communicants, quand compétences et évo...Matthieu de Vergezac
 
Gwanni, la quintessence d'une marque
Gwanni, la quintessence d'une marqueGwanni, la quintessence d'une marque
Gwanni, la quintessence d'une marqueMatthieu de Vergezac
 
Innovation sociale - tierslieu éditorial
Innovation sociale - tierslieu éditorialInnovation sociale - tierslieu éditorial
Innovation sociale - tierslieu éditorialMatthieu de Vergezac
 
Création d'entreprise - Solar'drive
Création d'entreprise - Solar'driveCréation d'entreprise - Solar'drive
Création d'entreprise - Solar'driveMatthieu de Vergezac
 
Stage communication 2019 - de Vergezac Matthieu
Stage communication 2019 - de Vergezac MatthieuStage communication 2019 - de Vergezac Matthieu
Stage communication 2019 - de Vergezac MatthieuMatthieu de Vergezac
 

Mehr von Matthieu de Vergezac (8)

Mémoire professionnel : les métiers de communicants, quand compétences et évo...
Mémoire professionnel : les métiers de communicants, quand compétences et évo...Mémoire professionnel : les métiers de communicants, quand compétences et évo...
Mémoire professionnel : les métiers de communicants, quand compétences et évo...
 
Gwanni, la quintessence d'une marque
Gwanni, la quintessence d'une marqueGwanni, la quintessence d'une marque
Gwanni, la quintessence d'une marque
 
Salon chocolat
Salon chocolatSalon chocolat
Salon chocolat
 
Relation presse - CCAS de Cenon
Relation presse - CCAS de CenonRelation presse - CCAS de Cenon
Relation presse - CCAS de Cenon
 
Innovation sociale - tierslieu éditorial
Innovation sociale - tierslieu éditorialInnovation sociale - tierslieu éditorial
Innovation sociale - tierslieu éditorial
 
Création d'entreprise - Solar'drive
Création d'entreprise - Solar'driveCréation d'entreprise - Solar'drive
Création d'entreprise - Solar'drive
 
Création de marque : Sau'jito
Création de marque : Sau'jitoCréation de marque : Sau'jito
Création de marque : Sau'jito
 
Stage communication 2019 - de Vergezac Matthieu
Stage communication 2019 - de Vergezac MatthieuStage communication 2019 - de Vergezac Matthieu
Stage communication 2019 - de Vergezac Matthieu
 

Projet scientifique Your Digital Escape - MICA

  • 1. Edité par de Vergezac Matthieu Année de création : 2019 Projet : Solution d’expérimentation, escape game : Your digital escape Cadre du projet : scolaire
  • 3. 2 TABLE DES MATIERES 1)Présentation ................................................................................................................................................................................................... 6 1.1)Vos interlocuteurs................................................................................................................................................................................... 6 1.2)Présentation de la structure ................................................................................................................................................................... 6 1.3)Contexte : Éducation aux médias et familles .......................................................................................................................................... 7 1)Description globale du projet ......................................................................................................................................................................... 9 2.1) Définition des besoins............................................................................................................................................................................ 9 2.2) Objectifs du site internet ....................................................................................................................................................................... 9 1)Présenter l’escape game au grand public ........................................................................................................................................... 10 2)Présenter le sujet de recherche.......................................................................................................................................................... 10 3)Véhiculer l’univers, la marque de l’escape game................................................................................................................................ 10 2.3) Internautes visés et objectifs par cibles ............................................................................................................................................... 11 2.4) Positionnement stratégique ................................................................................................................................................................ 11 2.5) Charte éditoriale.................................................................................................................................................................................. 11 2.6) Charte graphique ................................................................................................................................................................................. 12 2.7) Intégration du projet dans un écosystème numérique et mobile........................................................................................................ 12 3) Spécifications fonctionnelles ....................................................................................................................................................................... 13 3.1) Contenu ............................................................................................................................................................................................... 13 3.2) Arborescence....................................................................................................................................................................................... 13 3.3) Maquettes et Zoning............................................................................................................................................................................ 14 3.4) Déroulé fonctionnel............................................................................................................................................................................. 18 3.5) WebDesign........................................................................................................................................................................................... 18 4)Spécifications techniques ............................................................................................................................................................................. 19 4.1) Technologie déployée.......................................................................................................................................................................... 19 Dispositif CMS........................................................................................................................................................................................ 19 Création des contenus ........................................................................................................................................................................... 19 Gestion des contenus............................................................................................................................................................................. 20 4.2) Administration du Site ......................................................................................................................................................................... 20 4.3) Administration des publications .......................................................................................................................................................... 20 4.4) Maintenance........................................................................................................................................................................................ 21 4.5) Statistiques .......................................................................................................................................................................................... 21 4.6) Référencement .................................................................................................................................................................................... 21 4.7) Nom de Domaine et Hébergement...................................................................................................................................................... 22 5)Scénario et Projections................................................................................................................................................................................. 23 5.1) Réseaux Sociaux................................................................................................................................................................................... 23 5.2) Mobilité ............................................................................................................................................................................................... 24 5.3) Scénario de déploiement préconisé..................................................................................................................................................... 24 6)Annexes........................................................................................................................................................................................................ 25
  • 4. 3 1) PRESENTATION 1.1) VOS INTERLOCUTEURS 1.2) PRESENTATION DE LA STRUCTURE Le programme Quest your Digital (que l’on pourrait traduire par « Quête ton digital ») cor- respond à un escape game mobile ayant pour but d’effectuer une mission d’éducation aux médias numériques auprès des familles. Ce programme trouve sa genèse dans le constat suivant : les Sciences de l’Information et de la Communication (SIC) ont besoin d’innover en termes d’outils et des méthodes de re- cherche. Il y a un réel manque d’outils innovants permettant d’améliorer et d’approfondir l’étude de différentes thématiques telles que les audiences, usages et appropriations des médias. Ce projet se veut donc être une proposition de réponse à ce problème. L’idée étant de créer un escape game à l’intérieur d’un bus qui pourrait se déplacer dans dif- férentes villes de la Nouvelle-Aquitaine. Ce bus pourra donc à la fois remplir sa mission prin- cipale – l’éducation aux médias- mais aussi fournir un outil de recherche moderne grâce au- quel la créativité, la réflexivité et la connaissance des utilisateurs des médias pourront être exploitées à leur plein potentiel. La mobilité du « laboratoire de recherche » représente donc un atout conséquent, car il as- sure un décentrement social, culturel et éducatif fort. Nayra VAVAFLOR MCF Valérie CARAYOL Pr. Elizabeth GARDERE Pr. Feirouz LIMA MCF Jean-François CERI- SIER Pr. Franc MORANDINI Pr. Laurence Corroy MCF Pr. Raphaël Marczak Post-Doctorant
  • 5. 4 1.3) CONTEXTE : ÉDUCATION AUX MEDIAS ET FAMILLES L’éducation aux médias est considérée comme un « processus d’enseignement ou d’appren- tissage qui porte sur une compétence générale, dont l’objet ne se limite pas au texte im- primé, mais englobe aussi les autres systèmes symboliques constitués d’images et de sons. Elle a pour objet de donner à l’apprenant la capacité d’analyser des récits médiatiques (pro- ductions écrites, audiovisuelles, numériques…) pour en comprendre la signification et en évaluer les valeurs et la portée Ces recherches qui sont fondées sur une approche critique des usages sociaux des TIC ont ainsi pu rendre compte des manières avec lesquelles les individus reconstruisent avec les ou- tils numériques le quotidien. Les statistiques sont unanimes et corroborent qu’Internet est un média solitaire. Cela n’est pas toujours absolu et il n’est pas rare que les adolescents par- tagent entre eux des moments durant lesquels ils jouent face au même écran ou regardent ensemble des vidéos sur Internet. Cependant, les enquêtes sur la question montrent que, souvent, Internet se découvre seul, notamment parce que les parents ont le souci de respec- ter l’intimité de leur enfant et/ou le sentiment d’être incompétents dans ce domaine. D’autres chercheurs vont démontrer que les jeunes sont à la fois lecteurs, auteurs et diffu- seurs de contenus. Il devient indispensable de former à une attitude éclairée et respon- sable des usages numériques, tout en encourageant la dimension créative et communica- tionnelle des médias numériques. Les cultures créatives d’aujourd’hui façonnent de manière abrupte le contexte de l’éducation aux médias numériques. Les dispositifs mobiles jouent le rôle de source d’images, de studio de traitement et d’outil de diffusion des oeuvres « créa- tives. Nous pouvons y observer déjà les traces de cette utilisation dans les usages actuels des applications mobiles telles qu’Instagram, SnapChat ou Facebook où la grammaire de l’hash- tag, l’esthétique des métadonnées, les interfaces socio-numériques ont bouleversé les sys- tèmes de communication. C’est en partant de ce contexte que trois ensembles de questions ont été soulevées et au- quelles notre programme de recherche va essayer de répondre. 1) Intimité numérique des familles L’augmentation des usages numériques et des écrans multipliés au sein du foyer, nous inter- roge sur la question des « bonnes pratiques ». Existe-t-il de bonnes pratiques éducatives en matière de numérique au sein des familles ? En quoi elles consistent ? Peut-on parler de stratégies d’éducation aux médias numériques ou de pratiques et usages numériques maitri- sées. Ces familles hétérogènes (monoparentales, reconstituées, traditionnelles) ont-elles un
  • 6. 5 intérêt quant à la reconnaissance institutionnelle de ces « bonnes pratiques » ? Quels im- pacts ont les outils proposés par les institutions telles que l’UNESCO (2006), CEMEA (2006) en matière d’éducation aux médias à destination des familles? Évaluer les effets des techno- logies sans relativiser leur rôle au sein de la complexité systémique de l’environnement fami- liale peut conduire à se méprendre sur leur rôle et leur importance. 2) Rapport monde numérique et gamification Dans un contexte de société assaillie par le numérique et la volonté de jouer différemment en famille par le biais de voies alternatives, nous pouvons nous interroger sur la place des escapes games? Comment un outil de ce genre peut contribuer à réduire la distance entre les usages numériques et l’éducation proprement dite ? Comment peut-il contribuer à la constitution d’une culture numérique au sein de la famille ? Comment s’éduquer plus effica- cement ? Comment imaginer l’inclusion des familles pour la création d’un vrai outil d’éduca- tion aux médias numériques ? 3) Apports de l’interdisciplinarité L’évaluation quantitative et qualitative de l’impact des usages numériques au sein des fa- milles est au coeur des débats. Les « variables » technologiques, psychologiques et cogni- tivistes ont étés inscrites au sein de grands programmes d’évaluation internationaux comme le « Programme for International Student Assessement ». Les modèles alternatifs de re- cherche peuvent-ils nous fournir des exemples d’élargissement des usages numériques des familles ? Est-ce qu’ils contribuent à la rénovation des modalités classiques de recherche ? Peut-on élaborer de nouveaux leviers pour la production des analyses inédites ? L’analyse interdisciplinaire peut-elle être une source d’inspiration pour de nouveaux modèles créatifs et innovants de la recherche en SHS ?
  • 7. 6 1) DESCRIPTION GLOBALE DU PROJET 2.1) DEFINITION DES BESOINS L’escape game « Quest your digital » nécessite une visibilité importante afin d’attirer le grand public ainsi que les chercheurs et autres acteurs du projet. Il est donc nécessaire d’in- tégrer les informations relatives au principe même de l’escape game mais aussi à l’avancée de la recherche sur un site à destination d’un public large, mais également des différents chercheurs et acteurs concernés. Le site doit être à la fois grand-public et académique. Il comportera les informations relatives aux travaux des chercheurs Universitaire, sans tomber dans l’académisme pour autant. Les contenus seront accessibles à un public large, et la forme du site devra refléter l’ambiance de l’escape game. Par ailleurs, il est important que le site s’intègre dans un écosystème composé des pages sur les différents réseaux. L’existence de ces pages devra être mise en valeur sur le site, tout comme le site sera mis en valeur sur les réseaux sociaux, ce qui permettra d’encourager l’activité sur ces différents supports adaptés à différents usages de valorisation de l’information. De plus, cet écosystème se définira par une identité visuelle cohérente et rapidement reconnaissable, ce qui passera par l’utilisation et la déclinaison du logo. La modernité sera le maître-mot du site Internet, qui sera clair, dynamique et interactif, tant dans la forme que dans le fond. Afin d’être attractif auprès des visiteurs. L’accent sera mis sur la navigation et l’ergonomie, ce qui permettra de mettre en valeur les informations et d’en faciliter l’accès. Le site devra également être construit de manière à faciliter l’insertion de nouveaux outils sur le long terme.
  • 8. 7 2.2) OBJECTIFS DU SITE INTERNET Dans un projet comme celui-ci, les objectifs sont multiples. Il devra remplir 3 grandes missions principales. 1) PRESENTER L’ESCAPE GAME AU GRAND PUBLIC Cette partie du site internet s’adressera au grand public, les « sujets de recherche » à pro- prement parler. Pour se faire le site internet devra avoir une charte graphique cohérente, dans l’air du temps et une disposition type « one page ». Cette partie du site aura pour ob- jectif de présenter l’escape game, son concept, les missions proposées, les sujets de re- cherche dans lesquels il s’ancre. Mais il devra aussi permettre d’accéder à un système de ré- servation et un suivit du déplacement de l’escape game afin de permettre au public d’y accé- der le plus simplement possible. 2) PRESENTER LE SUJET DE RECHERCHE Cette partie du site internet s’adressera quant à elle aux différents acteurs du projet de re- cherche. Elle veillera à mettre en valeur les avancées du projet via une disposition simple et claire. Mais elle mettra aussi en avant les différents collaborateurs du projet afin de leur as- surer une visibilité internationale. Cela permettra d’une part aux différents acteurs (externes comme internes) de suivre l’avan- cée du projet, mais aussi de mettre en avant la méthode innovante de cet outil de re- cherche. Notamment en mettant en avant l’interdisciplinarité des différents organismes qui donnent à ce sujet de recherche un caractère si singulier de carrefour des connaissances. Le site devra donc paraître attractif pour ces deux types de publics et permettre à chacune des parties prenantes de s’y retrouver facilement.
  • 9. 8 3) VEHICULER L’UNIVERS, LA MARQUE DE L’ESCAPE GAME En dernier lieu, le site devra représenter ce qu’est l’escape game, son concept, sa particula- rité. Être aux couleurs de ce que sera physiquement le projet. Il devra véhiculer une image de marque de l’escape game afin que le public comprenne instantanément dans quel univers ils vont s’immerger. 2.3) INTERNAUTES VISES ET OBJECTIFS PAR CIBLES On peut isoler cinq principales cibles:  Les enseignants-chercheurs et les chercheurs des différents équipes et laboratoires. Cela permettra aux différents acteurs du projet de suivre l’évolution de celui-ci et d’assurer une visibilité internationale du projet .  Les professionnels de l’information et de la communication qui pourront suivre l’évolution du projet.  Les acteurs qui financent la recherche, acteurs institutionnels, universités,agences nationales, acteurs privés. Valoriser les travaux des chercheurs et le rayonnement des SHS aquitaines afin d’encourager les financements  Le grand public/Les familles Cela permettra aux familles de réserver leurs places et de comprendre l’essence du projet et de l’escape game.
  • 10. 9 2.4) POSITIONNEMENT STRATEGIQUE Le site « Quest your digital » se positionne comme un site académique destiné aux cher- cheurs et aux étudiants, pour le rayonnement national des recherches réalisées par les ac- teurs du projet. En parallèle, le site doit être accessible au grand public : moderne et interac- tif avec différentes applications. 2.5) CHARTE EDITORIALE Le discours du site ainsi que le discours dans les réseaux sociaux doivent être adaptés au WEB pour le grand-public : écriture facile, police lisible. Plusieurs propositions de mise en page et de charte éditoriale sont possibles. Le discours destiné aux professionnels du do- maine, sur la page dédiée, se voudra plus précis et technique. 2.6) CHARTE GRAPHIQUE La charte graphique et l’iconographie doivent être soigneusement respectées. Les couleurs doivent correspondre aux couleurs du logo. Le schéma des différentes navigations possibles dans le site est requis. Evolution logo :
  • 11. 10 Logo Final : Logo sur le bus :
  • 12. 11 Choix Graphique : 2.7) INTEGRATION DU PROJET DANS UN ECOSYSTEME NUMERIQUE ET MOBILE Il est important de créer un écosystème numérique personnalisé. Le site doit proposer des boutons dirigeant vers les réseaux sociaux : Facebook, Youtube, Instagram et le réseaux social qui sera créé à destination des chercheurs. Chacun de ces réseaux devra présenter des interfaces personnalisées correspondant à la charte graphique et a l’identité visuelle de l’es- cape game. Une charte éditoriale ainsi qu’un planning de publication devront être mis en place.
  • 13. 12 3) SPECIFICATIONS FONCTIONNELLES 3.1) CONTENU Présentation : Rubrique résumant ce que propose l’Escape Game, et fait la présentation du concept. Concept : Rubrique présentant le nombre de joueurs, le prix, ainsi que le temps du jeu. Thèmes : Rubrique montrant les thèmes que proposera le bus. Localisation : Rubrique composé d’un texte et d’une carte permettant de retrouver le bus. Réservation : Rubrique ayant un calendrier, et un formulaire de réservation. Portfolio & Avis : Rubrique regroupant les avis et les photos des participants. Projet : Rubrique avec bouton menant vers une page expliquant le projet du MICA. Contact : Rubrique permettant de contacter l’organisme grâce à un formulaire et une carte situant le local. FAQ : Foire aux questions sur l’organisme, le bus et tout ce qui l’entoure. 3.2) ARBORESCENCE Une OnePage qui reprend les rubriques indiqués par une flèche blanche, 3 pages différentes sur le site (Accueil, projet de recherche et galerie & avis)
  • 15. 14
  • 16. 15
  • 17. 16
  • 18. 17 3.4) DEROULE FONCTIONNEL Le header Il est fixe. Il est composé du logo et du menu (les 5 rubriques plus le picto) Le footer Il est fixe. Il comprend les catégories IHDB, contact, plan du site et mentions légales. Il est le plus discret et épuré possible. Dans la navigation interne, l’internaute reste sur la même page ( pas d’ouverture de nouvel onglet ou fenêtre) Menu fixe sur toutes les pages 3.5) WEBDESIGN Le site internet devra être épuré, comporter de nombreux visuels et être une plateforme en dialogue permanent avec les réseaux sociaux. Les sites internet dont l’ergonomie a retenu notre attention sont les suivants :  The Room Escape Game : https://www.the-room.fr/  The Virtual Escape : https://virtual-room.com/  LockedUp : https://www.lockedup-escapegame.com/  Millenium Escape : https://milleniumescapegame.fr/ Pour valider le graphisme et l’ergonomie du site, nous demandons au prestataire de nous fournir :  Une maquette de la page d’accueil  Une maquette d’une page intérieure  Une maquette générique reprenant tous les éléments graphiques pouvant être trouvés dans le site (plug in, pictos, visuels...) Les maquettes seront fournies au format Photoshop ou Indesign (fichier .psd, .indd) avec tous les calques séparés et organisés par groupes. Tous les calques seront nommés. Le prestataire devra rendre identifiable chaque rubrique par un code couleur correspondant à la charte graphique et au logo. Le graphiste devra également fournir le favicon du site qui reprendra notre logo.
  • 19. 18 4) SPECIFICATIONS TECHNIQUES 4.1) TECHNOLOGIE DEPLOYEE DISPOSITIF CMS Le commanditaire souhaite utiliser une plateforme CMS (Content Management Sys- tem) de type Joomla ou Wordpress. Ici nous nous concentrerons uniquement sur la plateforme Wordpress exclusivement. Le prestataire devra présenter ses références déployées sous au moins l’un de ces systèmes afin d’en démontrer sa maitrise. Pour parfaire le site, le template Creative Dark par TheGem sera choisi. CREATION DES CONTENUS  Le CMS devra permettre au rédacteur de créer et d'éditer le contenu sans connaissance technique du code.  Le CMS devra offrir une interface pour télécharger en amont des documents qui seront annexés à la page publiée.  Le CMS devra faciliter l’insertion de métadonnées (auteur, description, mots-clés, etc.) par le rédacteur via un formulaire GESTION DES CONTENUS  Le CMS doit gérer automatiquement les liens tant en amont qu'en aval d'une page. En cas de suppression d'une page, il doit être en mesure de supprimer tous les liens internes existants et générer une page pour signifier que celle-ci n'existe plus.  Le CMS doit offrir la possibilité de programmer la publication d'une page à un mo- ment donné et de conserver le brouillon d'une page en cours de rédaction.  Le CMS doit séparer le contenu (les informations) de sa présentation (mise en forme pour l’affichage à l’écran et/ou l’impression) pour garantir la publication vers diffé- rents formats (pages Web, objets nomades connectés...)  La séparation du fond et de la forme doit s'appuyer sur des gabarits associés à des feuilles de styles  Le CMS devra être multilingue pour offrir aux visiteurs étrangers une version de la page dans leur langue
  • 20. 19 4.2) ADMINISTRATION DU SITE L’accès à l’administration du site sera protégé par un mot de passe propre. Son interface se devra d’être la plus simple et lisible possible pour optimiser sa gestion. L’espace d’administration permettra l’accès à l’ensemble des modules et plug-ins néces- saires à l’alimentation du site entre autres. Le prestataire devra ainsi prévoir la possibilité d’étendre les fonctionnalités du site. Il est également indispensable de générer un module spécifique pour la gestion des membres du site et des nouveaux venus (Gestion de profil). Un temps de formation sera prévu pour expliquer le fonctionnement de l’espace administra- tion au webmaster de ce site et des membres afin qu’ils soient autonomes dans leur utilisa- tion du back-office. 4.3) ADMINISTRATION DES PUBLICATIONS Le dispositif CMS comprendra un système de workflow afin de structurer la gestion des pu- blications par les membres. Soit :  Un circuit de validation  Des rôles contributeurs définis (rédacteurs, modérateurs, administrateurs).  Un tableau de bord des publications 4.4) MAINTENANCE Lors de la maintenance, le code relatif au site pourra être susceptible de modification à la demande du commanditaire afin d’améliorer et de développer l’interface et le contenu du site. Ce forfait maintenance supplémentaire fera l’objet d’un contrat indépendant de celui lie à l’élaboration du site sous forme de prestation forfaitaire horaire.
  • 21. 20 4.5) STATISTIQUES Le prestataire se devra d’intégrer le service de mesure d'audience Google Analytics pour as- surer le suivi de fréquentation du site.  Pages les plus visitées et les moins visitées  Pages d’entrée et de sortie  Sources de trafic  Nombre de visiteurs uniques / jour  Situation géographique de l’internaute  Temps passé sur chaque page  Cheminement à travers le site. La configuration de cet outil sera à la charge du partenaire. Les statistiques devront être ac- cessibles depuis le backoffice. La mesure des statistiques pourra se faire sur les réseaux sociaux grâce à différents outils tels que TweetDeck pour Twitter, et ainsi connaître la popularité du concept sur les réseaux sociaux. 4.6) REFERENCEMENT En consultation avec l’équipe responsable du projet « Quest Your Digital », le prestataire de- vra élaborer une charte de référencement précis afin de garantir la visibilité du site sur les moteurs de recherches. Pour procéder à l’optimisation du référencement, il devra être défini au préalable, pour chaque page :  Un titre pour les balises title et méta  Une liste de mots-clés  Une description  Une URL identifiable en accord avec les mots-clés
  • 22. 21 Les mots-clés choisis par le prestataire devront avoir fait l’objet d’une étude statistique quant à leur potentiel générateur de trafic. Pour aider à trouver des mots clés correspon- dants et donc améliorer le référencement, des outils proposés par Google ou WordPress pourront être utilisés tels que :  Google Adwords : Outil permettant de verrouiller des mots clés pour le site web.  SEMRush : Outil permettant de vérifier les mots clés qu’utilisent les concurrents  LSI Graph : Outil permettant de générer des mots clés synonymes que ceux utiliser  Yoast SEO : Outil WordPress permettant d’optimiser le lien URL sur Google ainsi que le texte situé en dessous  CopyScape : Outil permettant de vérifier qu’aucune page ne corresponde à une autre page web. 4.7) NOM DE DOMAINE ET HEBERGEMENT Le commanditaire souhaite déposer l’un des noms de domaine suivant :  questyourdigital.fr  questyourdigital.com  yourdigitalescape.fr Le prestataire pourra faire d’autres propositions et devra entreprendre les démarches auprès de l’organisme compétent pour vérifier la disponibilité et indiquer le cout annuel re- latif à l’achat du nom de domaine. 5) SCENARIO ET PROJECTIONS Cette partie propose une projection de la façon dont le site de l’Escape Game pourra évo- luer, avec une vision à long terme. Il est difficile de projeter la façon dont les différents outils et usages du numérique vont évo- luer dans les dix prochaines années. Cependant, il faudra ouvrir le projet à un plus grand pu- blic pour permettre aux projets du MICA d’avoir de meilleures données. Nous avons choisi d'imaginer des évolutions possibles du site permettant cette ouverture :
  • 23. 22 Une ouverture à un public plus large. L'objectif d'ici les prochaines années est d’ouvrir à un public plus vaste en parcourant toute la France grâce au bus et donc obtenir de meilleurs résultats pour les chercheurs. Il pourra, par exemple, rouler dans les grandes villes durant un mois entier, et ensuite aller dans la périphérie de ces grandes villes comme Paris, Marseille, Lille, Nantes, etc… Des améliorations concernant l'accessibilité. Sous 5 ans, le site devra être multilangues (Français, Anglais, Espagnol, Portugais, Arabe, Chinois, Japonais). Il faudra également développer un outil permettant la navigation pour les personnes handicapées. 5.1) RESEAUX SOCIAUX Aujourd’hui les réseaux sociaux, Facebook, Instagram, Twitter, sont omniprésents, ils seront donc très utiles pour indiquer la localisation du bus, mais aussi pour annoncer de nouvelles missions proposées par « Quest Your Digital ». De plus en plus de gens prennent aussi des photos grâce à leur smartphone, et les publies sur les réseaux associés, et il faut en prendre compte pour permettre une meilleure visibilité au concept. 5.2) MOBILITE Tous les spécialistes s’accordent pour dire que l’avenir du web se trouve dans la mobilité et l’hyperconnexion. Le site étant déjà construit sur la logique du responsive design, l’Escape Game « Quest Your Digital » devra donc prévoir dans les années qui viennent, la conception d’une application à part entière téléchargeable pour tous les différents formats : Apple, An- droid. Il est nécessaire de s’adapter aux nouveaux outils, comme nos tablettes actuelles, mais aussi tous les nouveaux objets multimédias du futur pour que les formats des sites mobiles et ap- plications soient adaptés. De plus en plus, chaque objet qui nous entoure est susceptible de devenir. Idée d’application : Application permettant de réserver une séance d’Escape Game, mais aussi peut-être utiliser durant la partie à laquelle les joueurs vont être confrontés.
  • 24. 23 5.3) SCENARIO DE DEPLOIEMENT PRECONISE Le monde est en constante évolution et les mœurs auront changé d’ici seulement 5 ans, il faudra penser à renouveler le concept, voir le moderniser, pour pouvoir réussir à cerner les nouvelles habitudes de la population envers les technologies qui les entourent. Il faudra aussi se renseigner sur les tendances pour pouvoir proposer des concepts allant dans la di- rection de ces dernières, et ainsi continuer à faire venir du monde.
  • 25. Edité par de Vergezac Matthieu Année de création : 2019 Projet : Solution d’expérimentation, escape game : Your digital escape Présentation orale Cadre du projet : scolaire
  • 26. Etude de cas Site Web AMAP de Cenon Commanditaire : Nayra Vacaflor Filière : DUT communication des organisations Année Spéciale 2018/2019 Dossier présenté par : Matthieu de Vergezac Florent Martin Dylan Reichart Mathis Troussard
  • 27.
  • 28.
  • 29.
  • 30. 5
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41. HEX : #3798D4 RVB : 54, 152, 212 HEX : #FEA724 RVB : 254, 167, 36 HEX : #FFFFFF RVB : 255, 255, 255 HEX : #282828 RVB : 40, 40, 40
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59. Simple d’utilisation, vous pourrez gérer directement vos contenus Fluide sur tous les supports, pour une simplicité d’utilisation client Parce qu’il est nécessaire de connaitre les pages les plus attrayantes et en améliorer le contenu
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.