1. Idée de : Reda Makhchan || Document Réalisé par : Khalid AHMADA , Afaf ID HAJJI
2. VOID Book est une application iPhone qui permet de visualiser les réalisations de la société VOID .
3. Afin d’utiliser l’application, un nom d’utilisateur et un
mot de passe sont requis .
Ces derniers sont fournit par la société VOID .
4. Après l’identification, l‘application charge par défaut toutes les
réalisations dans un carrousel .
L’utilisateur aura ensuite la possibilité de filtrer soit par :
• les compétences :les technologies utilisées.
• les clients :les destinataires du projet .
• métiers : le domaine du projet. 1
(1): La zone de navigation
(2): bulles de navigations cliquables ( ce qui permet le déplacement
vers les autres réalisations)
2
(3): Menu de filtrage ( l’option « tout » est celle par défaut)
3
5. Le filtre par métier donne la page
numéro (1) : une liste déroulante des métiers
2
disponibles : 1
• Finances
• Gastronomie
• Immobilier
• Luxe
• Mode
• etc.
Le choix d’ un élément de la liste engendre
la page(2) : l’ensemble des réalisations
selon le filtre.
6. Le même traitement précédent, cette fois ci
on filtre par clients .
Les clients disponibles sont :
12 px
• 909 c
• Beside Consulting
• BETC Digital
• Dagobert
• Digitas
• Eclision
• Communication
• Mazarine
• Reflet Communication
• Reflex Group
• SameSame
• Spikily
• Verbe
• X-prime Group
7. Le même traitement se répète .
le filtre par compétence permet à l’utilisateur
de choisir les réalisations conçus avec :
• Flash AS 3
• Php , Symfony , Zend
• xHtml/jQuery/css
• Drupal
• SPIP
• Objective-C
• etc.
8. Quand l’utilisateur clique sur un projet
quelconque, ce dernier s’affiche A B
dans une page dédiée (A) qui contient :
(1) le visuel du projet.
(2) Lien vers le projet en ligne.
7
(3) Vignettes des projets du même 5
catégorie ( au maximum 3 ). Le clique sur
l’une d’elle l’affiche en grande taille
dans l’espace (1).
(4) La description du projet.
1
(5) Le signe + permet d’afficher plus de
détailles comme le montre la page (B) 2
(6) Le autres détailles du projets . 3
(7) Le signe – permet le retour à la page
6
Du visuel . 4