Conception Dovic

enough,
se enough.

1

Introduction
au dossier de conception

“ Devenez le détective privé qui découvrira la vérité sur les photos retrouvées de
Robert CAPA grâce à une incroyable enquête vidéo interactive, et profitez-en pour
(re)découvrir la fabuleuse vie du plus grand photographe de guerre, Robert CAPA.

Le dossier de conception est le deuxième rendu du
“
projet de 1ère année en CRMA à Gobelins. Il suit le
rendu de la lettre d’intention. Ce dossier contient
l’ensemble des outils et des explications nécessaires
à la production, au design et à la compréhension du
projet.

2

Index

Partie 1 : Conception 4
Arborescence
Arborescence générale 6
Arborescence fonctionnelle 7
Zonings détaillés & Story Board
Partie générale 12
Carnet de Robert CAPA 15
Enquête Vidéo Interactive 23
Reporter Mobile 34

Partie 2 : Chart Book 51
Charte
Charte Technique 52
Charte Editoriale 60
Identité 62

Partie 3 : Moyen de productions 64

3

Conception
Partie 1 : Conception

“ For a war correspondent to miss an invasion
is like refusing a date with Lana Turner. ”
Robert CAPA

4

Arborescence
Arborescence générale <
Arborescence fonctionnelle <

5

Arborescence
> Arborescence générale
Trie :
- Par Epoque
- Par Continent Accès à l'ensemble des
Zoom Par époque A la fin d'une actions effectuées
avec photos interview

Connexion obligatoire

Galerie Journal de L'ensemble du cheminement Niveau 1
Choix de l'enquête
Animations Biographie l'enquête
enquêteur
-
Niveau 2
urs Enq
co u

en
Niveau 3

êt
ee
enquête
Citations

n cours -
Boucle

-
s
En r
quêt en cou
Enquête
e

Carnet de
Virtuelle
Robert CAPA
Interactive
Exemple de photographes de Photographes
guerre aujourd'hui de guerre
Visionnage Les vidéos des interviews
de vidéos d'experts ou de témoins
aujourdh'ui

Accueil de
DOVIC
Propagandes QCM Les questionnaires pour
& sources enquêteur accéder à un expert

Exemple de propa-
gande & d'erreurs
médiatique

Reporter
Connexion au compte Se Se Connexion au compte
utilisateur
connecter
Mobile connecter utilisateur

Gérer ses reportages Gérer un Créer un Pour pouvoir poster les
envoyés depuis le mobile
reportage reportage photographies que l'on a pris

Internet Mobile

Visionner un Gérer un
Visionner les reportages
de toute la communauté ou plusieurs reportage Gérer les photographies que l'on
reportages a envoyé à la plateforme

Visionner un
Recherche
La fonction de recherche Moderation reportage
qui cherche des résultats Photos Regarder les photographies d'un
d'après les tags reportage avec les photos des
& Textes autres utilisateurs aussi
6

Arborescence
> Arborescence fonctionnelle // Partie générale

L’ensemble de l’application est divisé en 3 modules distincts : Carnet de Robert CAPA, l’Enquête Vidéo Interactive et Reporter Mobile. Pour mieux visualiser
l’ensemble des fonctionnalités de chaque module, ceux-ci sont présentés séparément.

HOME

Choix module

Carnet de Robert CAPA Enquête Vidéo Interactive Reporter Mobile
CRC 00 EVI 00 RM 00

Schéma Schéma Schéma
Carnet de Robert CAPA Enquête Vidéo Interactive Reporter Mobile

7

Arborescence
> Arborescence fonctionnelle // Légende de l’arborescence

Avant de présenter les 3 schémas fonctionnels des différents modules, voici la légende :

Relation client <-> serveur
Fonction utilisateur Processus utilisateur Condition

Ajout de l'élement Processus nal
dans la base de données
01 Trie par l'utilisateur 01 Accès Mobile

Module principal 02 Exploration d'une carte 02 Accès Ordinateur
Suppression de l'élement
de la base de données
03 Visionnage

Accès avec connexion obligatoire Lien externe
04 Envoie à un destinataire

Processus exécuté
Développement prioritaire avec plusieurs itérations

Développement secondaire

8

Arborescence
> Arborescence fonctionnelle // Partie Carnet de Robert CAPA

Carnet de Robert CAPA
CRC 00

02

Biographie Galerie Citations Photographe de guerre Propagandes & Sources
CRC 10 CRC 11 CRC 12 CRC 13 CRC 14

Trie par époque Trie par époque Trie par continent Exploration de la carte
Visionnage des animations

01 01 01 03 02

Lecture Zoom sur une photo Zoom la zone

03

A chage Lien Lecture
externe
03 03

9

Arborescence
> Arborescence fonctionnelle // Partie Enquête Vidéo Interactive

Enquête Vidéo Interactive
EVI 00

02

Lecture Vidéo Introductionn Lecture automatique
03

Choix après Vidéo

Journal d'enquête Expert 1 Expert 2 Etc....

Chronologie Vidéos Avancement Carte Quizz avant Vidéo Expert

Lecture du détail Lecture des vidéos Visualisation de Test Réussi Echec Test
Exploration de la carte
de l'enquête déjà vu l'avancement de l'enquête
03 03 03 02

Lecture Interview expert

03

Choix après Vidéo Processus exécuté plusieurs fois

Résolution de l'enquête

10

Arborescence
> Arborescence fonctionnelle // Partie Reporter Mobile

Reporter Mobile
RM 00

01 02

Partie Partie
Mobile Internet

Inscription Connexion

Inscription Inscription
Echec Réussie

Module connexion

Créer un reportage Gérer un reportage Visionner un reportage
03

Création d'après Création d'un Sélectionner un reportage
un reportage existant nouveau reportage

Ajout de tag sur le
Remplissage des informations reportage Zoom sur une photo Supprimer une photo Envoie le lien d'une photo
Recherche Recherche par thème
Etape 1/2 du reportage sélectiooné du reportage sélectionné à un ami
04
Parcourir les photos
du mobile
Remplissage des informations A chage de l'image Demande de con rmation
Etape 2/2
03

Demande Demande
Résultat Création du reportage con rmée annulée

Suppression de la photo
Sélection du reportage

Ajouter un ou plusieurs
Parcourir
élements dans le reportage

MAJ du Reportage

11

Zonings
& Storyboards
Général<
Carnet de Robert Capa<
Enquête (jeu) <
Reporter Mobile <
12

Zonings & StoryBoards
> Interface générale

Menu global à l'application et identité Le switch de modules
Le logo et le nom de l'application, mais aussi l'aide, etc... 1 2 Pour switcher entre l'enquête, le carnet et le module Légende
Reporter Mobile

1 Menu Global
L’ensemble de l’identité
de l’application ainsi
que l’aide.

2 Le Switch
Permet de permuter
l’application entre les
trois modules possibles:
3 l’enquête, le carnet et
Zone de contenu Reporter Mobile.
Partie principale de l'application 3 La zone principale
C’est la zone où tout
le contenu viendra se
placer.

4 La navigation
La navigation spécifique
pour chaque module.

Navigation spécifique au module en cours
Avec l'ensemble des parties disponibles pour le module 4

13

> Interface générale > Choix initial

Le logo et le nom de l'application, mais aussi l'aide, etc... Pour switcher entre l'enquête, le carnet et le module Légende
Reporter Mobile

1 Menu Global
L’ensemble de l’identité
de l’application ainsi
que l’aide.
Veuillez choisir votre destination
2 Le Switch
Permet de permuter
l’application entre les
1 2 3 trois modules possibles:
l’enquête, le carnet et
Reporter Mobile.
3 La zone principale
C’est la zone où tout
le contenu viendra se
placer.
Devenez détective dans L'application
Carnet de Robert CAPA
l'Enquête vidéo Interactive Reporter Mobile

Navigation spécifique au module en cours
Avec l'ensemble des parties disponibles pour le module

14

Zonings
& Storyboards
Général<
Enquête (jeu) <
Reporter Mobile <
15

> StoryBoard du Carnet de Robert CAPA

Biographie

1 Galerie

2 Galerie
Zoom Photo
3 Citations

4 Photographe de guerre
aujourd'hui
5 Photographe de guerre
aujourd'hui // Zoom
6 Propagande & sources

7

16

> Carnet de Robert Capa > Biographie

Reporter Mobile

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce posuere, sem quis porta hendrerit, risus nulla consectetuer
1 Image
libero, vel imperdiet justo quam eu nisl. Morbi magna. Suspendisse aliquet, erat tempus rutrum nonummy, libero enim L’image qui accompa-
1 rutrum eros, in commodo dui velit vel dui. Mauris sed enim. Nunc vel felis. Etiam porttitor blandit magna. Donec bibendum gne le texte. Defilement
nisi a augue. In hac habitasse platea dictumst. In euismod. Etiam eget sapien. Integer magna. Cras consectetuer metus
ac risus. Phasellus a eros. Donec sapien. de photos en rapport
2 avec le texte.
Aliquam mollis. Nulla facilisi. Donec ante erat, tincidunt ac, interdum et, luctus vitae, urna. Etiam ut lorem. Etiam aliquam
sagittis massa. Donec molestie faucibus mi. Vestibulum dapibus placerat ligula. Aenean arcu. In vehicula, eros eu convallis 2 La biographie
ultricies, quam augue feugiat risus, vitae ultrices eros ligula nec lorem. Nunc justo leo, pellentesque et, congue et, posuere La biographie de Robert
nec, est. Integer augue tellus, malesuada ut, hendrerit et, molestie tincidunt, leo. Sed nulla. Mauris nisi. Sed dapibus, nisl
eget lobortis pharetra, nisl mi scelerisque enim, in eleifend risus ipsum sed mauris. Nam urna. Fusce ipsum. Fusce sollici-
Capa.
tudin dolor et ipsum. Duis vel nisi. Integer augue.

Nunc quis risus. Donec mi purus, lobortis dictum, facilisis ac, elementum eu, tellus. Ut libero mauris, condimentum sit amet, 3 La barre temporel
lobortis egestas, gravida sit amet, tortor. Quisque laoreet adipiscing eros. Sed hendrerit, purus a vehicula malesuada, ante Un barre qui permet de
mi vulputate dui, ac fermentum nulla ligula in est. Quisque in quam viverra libero sagittis vehicula. Fusce et nisl. Proin justo manipuler le temps et
massa, aliquam quis, ultricies sed, suscipit vitae, velit. Fusce libero sapien, nonummy eu, semper ac, hendrerit a, leo.
Nullam mauris risus, varius nec, tempor malesuada, vestibulum vitae, est. de changer la période
pour pouvoir lire une
Proin tincidunt. Mauris pede. Vestibulum orci. Integer tincidunt augue id est volutpat rhoncus. Proin luctus porta lacus. Cras autre partie de la
commodo risus in lorem. Sed aliquet iaculis leo. Pellentesque cursus suscipit nibh. Maecenas odio. Maecenas metus
ligula, sagittis sed, lacinia tempor, pretium eget, orci. Curabitur pharetra velit vel ligula. In eget mauris ut dui faucibus vulpu- biographie.
tate.
4 Epoque
Pour avoir un aperçu
3 direct de la période
en cours (ex: Guerre
1913 1920 1930 1940 1950 1954 d’Espagne).

4 Epoque en cours : Lorem Ipsum 5 Menu du Carnet
Accès direct à chacune
des parties du carnet
de Robert Capa.
5 Biographie Galerie Citations Photographe de Propagande
guerre aujourdh'ui & sources

17

> Carnet de Robert Capa > Galerie

Reporter Mobile

1 Box de filtre
Box de filtre
Cette box permet de
filtrer les photos selon
Epoque
2 deux critères :
Guerre d'Espagne - Epoque
2nd Guerre Mondiale - Continent
Hollywood Chaque critère est
Guerre d'Indochine composé d’une série
de sous-critère qui
Continent
permet d’obtenir la
Europe photographie que l’on
Amérique
1 souhaite avoir.
Asie
Afrique
2 Les photos
Une partie de la
collection des
photogrpahies de
Robert Capa.

Biographie Galerie Citations Photographe de Propagande

18

> Carnet de Robert Capa > Galerie > Zoom sur une photo

Reporter Mobile

1 Photo 1:1
Box de filtre Année de la photo, localisation (ex: 1936, Madrid) 2 La photographie en
mode zoom.
Epoque

Guerre d'Espagne
2nd Guerre Mondiale
2 Date et lieu
Hollywood La date et le lieu
Guerre d'Indochine de la photo si ces
informations sont
Continent disponible.
Europe
1
Amérique 3 Description
Asie La description de
Afrique la photo si elle est
disponible.

Description de la photo Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce posuere, sem quis porta hendrerit,
3 risus nulla consectetuer libero, vel imperdiet justo quam eu nisl. Morbi magna.


19

> Carnet de Robert Capa > Citation

Reporter Mobile

1 Citation
Des citations s’animent
en arrivant une après
l’autre avec une
musique de fond.

Lorem 2 Son
Ipsum Le son peut être coupé
si l’on souhaite voir
sit amet, consectetuer adipiscing elit 1 les citations la partie

sit amet, sonore.

consectetuer adipiscing elit

2

guerre aujourd'hui & sources

20

> Carnet de Robert Capa > Photographe de guerre aujourd’hui

Reporter Mobile

1 Carte du monde
Une carte du monde qui
représente les conflits
actuelles

2 Zone de conflit
1 Chaque point
représente une zone de
conflit. En cliquant sur
un point, on obtient des
informations sur les
reporters de guerre qui
y sont.
2


21

> Carnet de Robert Capa > Photographe de guerre aujourd’hui > Zoom

Reporter Mobile

1 Zoom sur conflit
Cette fenêtre permet
d’avoir un aperçu actuel
des photographes de
guerre tout autour du
globe.

Zone de conflit (ex: Darfour) 2 Photo du reporter
1
Une photo du ou des
Prénom, nom du photographe reporter(s) qui sont
Nationalité, âge 3 présent dans le zone de
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. conflit.
Fusce posuere, sem quis porta hendrerit, risus nulla
2 consectetuer libero, vel imperdiet justo quam eu nisl. Morbi
3 Info du reporter
magna. Suspendisse aliquet, erat tempus rutrum nonummy,
libero enim rutrum eros, in commodo dui velit vel dui. Mauris
sed enim. Nunc vel felis. Etiam porttitor blandit magna. Donec
Dans cette zone se
bibendum nisi a augue. In hac habitasse platea dictumst. In trouve des infos sur le
euismod. Etiam eget sapien. Integer magna. Cras
consectetuer metus ac risus. Phasellus a eros. Donec reporter de guerre, tel
sapien.In hac habitasse platea dictumst. In euismod. Etiam que son identité, un
eget sapien. Integer magna.
récit sur son expérience
Lien externe
ainsi qu’un lien externe
sur du contenu
supplémentaire.


22

Zonings
& Storyboards
Général<
Enquête (jeu) <
Reporter Mobile <
23

> StoryBoard de l’Enquête Virtuelle Interactive

Visionnage de la vidéo
d'introduction
1 Choix de l'utilisateur
après la vidéo
2 Quizz pour accéder
à un expert
3 Quizz pour accéder
à un expert (réponse)
4 Journal d'enquête
Module Chronologie
Module Vidéos
Module Vidéos (Zoom)
Module Avancement
Module Carte
9

24

> Enquête (jeu) > Vidéo en lecture

Reporter Mobile

1 Vidéo
La vidéo se lance
automatiquement et
elle prend l’ensemble
de la zone

2 Accès au Journal
1
Accès au journal de
l’enquête qui permet
d’avoir au fur et à
mesure toutes les
informations que l’on
a obtenu au cours de
l’enquête.

3 Timeline de l’enquête
Cette timeline permet
à l’enquêteur de
savoir où il se trouve
dans la globalité de
l’enquête, et chaque
image représente une
élucidation d’une partie
de l’enquête.

3
Accès au Journal
de l'enquête
2
25

> Enquête (jeu) > Choix après une vidéo

Reporter Mobile

1 Visuel
Un visuel qui détermine
de manière graphique
l’évènement ou l’endroit
où l’utilisateur va aller.

2 Accès au Journal
1 Après une vidéo,
l’utilisateur a toujours
le choix d’aller voir son
journal d’enquête.

3 Lien vers experts
Un ou plusieurs liens
Voir le journal d'enquête Allez chez Roger McNeal Allez chez Caty Bersonn sont disponibles pour
l’enquêteur vers des
go >> go >> go >>
2 3 3 ‘experts’ qui peuvent
être soit des témoins,
des experts dans un
domaine ou même
de simples personnes
qui peuvent avoir
des renseignements
crucialles sur l’enquête.

Accès au Journal
de l'enquête

26

> Enquête (jeu) > Quizz avant experts

Reporter Mobile

1 Question
5 questions sur la vie ou
les évènements autour
de la vie de Robert
Capa sont posées pour
permettre le visionnage
1 Question : Quel était le vrai nom de Robert CAPA ? d’une interview d’un
expert.

A Francesco Passera B Endre Friedmann 2 QCM
Les quatres questions
2
C Robert Schneider D Ernest Brocker qui peuvent être
sélectionnées par
l’enquêteur afin de
répondre à la question.

3 Timeline du QCM
La timeline permet de
1 2 3 4 5
savoir à quel question
3 l’enquêteur se trouve
et aussi si il a répondu
juste ou faux à l’une ou
l’autre question.

Accès au Journal
de l'enquête

27

> Enquête (jeu) > Quizz avant experts (exemple de réponse fausse)

Reporter Mobile

1 Mauvaise réponse
Si il y a eu une mauvaise
réponse, une croix
est marqué devant
le mauvais choix de
l’utilisateur.
Question : Quel était le vrai nom de Robert CAPA ?
2 Bonne réponse
La bonne est réponse
A Francesco Passera B Endre Friedmann 2 est surligner et marquer
1
d’un signe positif. Ainsi,
l’utilisateur connait
C Robert Schneider D Ernest Brocker malgré son erreur la
bonne réponse.
En 1935, Endre Friedmann décide de prendre un pseudonyme : Robert Capa. Ce pseudonyme est proche
du nom du réalisateur Franck Capra, de plus, en Hongrois quot;capaquot; signifie requin. En prenant ce
3 pseudonyme, il invente tout un personnage autour de Capa. Capa est américain, Capa est chic, Capa est 3 Infos
riche, Capa est mondain. Une information sur
la bonne réponse est
Suivant > 4 donné afin d’affiner
1 2 3 4 5 la connaissance de
5 l’enquêteur sur la vie
de Robert Capa.
4 Question suivante
Le bouton pour aller à
la question suivante.

5 Zone timeline
Accès au Journal Puisqu’il y a mauvaise
de l'enquête réponse, une croix est
placé sur l’encadré 1

28

> Enquête (jeu) > Journal de l’enquête > Chronologie

Reporter Mobile

1 Bouton fermer
On peut fermer le
2 1 journal soir par la
Chronologie du journal d'enquête 3 croix ou alors par le
bouton dans la barre de
Vestibulum malesuada urna venenatis metus. Nunc placerat nisl eu metus. navigation.
4
Suspendisse neque purus, vestibulum quis.
2 Sous Menu Journal
Le sous menu du journal
qui permet d’accéder à
Duis eget velit eget justo consectetuer tempus.
l’ensemble des parties
du journal.
Mauris metus odio, dapibus ac, rutrum ut, pulvinar at, diam.
3 Chronologie
La chronologie permet
Proin tincidunt sapien eu justo. Mauris mollis velit vitae arcu.
de savoir tout ce qui est
arrivé depuis le début
Vestibulum malesuada urna venenatis metus. Nunc placerat nisl eu metus. de l’enquête.

4 Détails
Proin tincidunt sapien eu justo. Mauris mollis velit vitae arcu.
Le détails de chaque
action est répetorié
dans la chronologie et
la catégorie de l’action
est identifiable grâce
à un système d’icône
devant le texte.
Fermer de journal
de l'enquête

1
29

> Enquête (jeu) > Journal de l’enquête > Vidéos

Reporter Mobile

1 Sous Menu Journal
Comme la section
actuelle est la galerie
1 Vidéos
2
de vidéo déjà visionné,
le menu vidéo est en
surbrillance.

2 Partie vidéos
Dans cette partie se
trouve toutes les vidéos
lire >> lire >> lire >> lire >> lire >> lire >> que l’enquêteur a déjà
vu. Il a la possibilité
de toutes les revoir.
Pour cela, il lui suffit
de cliquer sur la vidéo
de son choix pour la
visionner.
lire >> lire >> lire >> lire >> lire >> lire >>

Fermer de journal
de l'enquête

30

> Enquête (jeu) > Journal de l’enquête > Vidéos (Zoom)

Reporter Mobile

1 Retour à la liste
Le bouton qui permet
de retourner à la liste
Vidéos des vidéos.

2 Vidéo
Les vidéos qui sont
visionnées depuis le
journal sont lues dans
le journal lui-même.
Ainsi un zoom est
effectué sur la vidéo
2 que l’enquêteur
souhaite voir et elle est
directement lue.

3 Timeline
1 La timeline qui permet
Retour à de d’avancer ou de
la liste de reculer dans la vidéo.
vidéos

3

Fermer de journal
de l'enquête

31

> Enquête (jeu) > Journal de l’enquête > Avancement

Reporter Mobile

1 Avancement
La partie Avancement
permet à l’enquêteur
Avancement 35% de voir les choix qu’il
a effectué durant
1 l’ensemble de l’enquête
ainsi qu’un aperçu de la
position où il se trouve
au sein de l’enquête.
2
2 Graphique
Le graphique permet
d’avoir visuellement
les liens qui relient
chacun des choix de
l’enquêteur.

Fermer de journal
de l'enquête

32

> Enquête (jeu) > Journal de l’enquête > Carte

Reporter Mobile

1 Partie Carte
La partie Carte permet
à l’enquêteur de savoir
Carte où dans le monde il
1 a voyagé pour avoir
toutes les informations
possibles pour son
enquête.

2 La carte
La carte met en
surbrillance les endroits
2 où l’enquêteur est déjà
allé.

Fermer de journal
de l'enquête

33

Zonings
& Storyboards
Général<
Enquête (jeu) <
Reporter Mobile <
34

Conception Dovic

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (20)

Plus de gobz

Plus de gobz (8)

Conception Dovic