Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

New void book_i_phone

340 views

Published on

fdfd

Published in: Education
  • Be the first to comment

  • Be the first to like this

New void book_i_phone

  1. 1. Idée de : Reda Makhchan || Document Réalisé par : Khalid AHMADA , Afaf ID HAJJI
  2. 2. VOID Book est une application iPhone qui permet de visualiser les réalisations de la société VOID .
  3. 3. Afin d’utiliser l’application, un nom d’utilisateur et unmot de passe sont requis .Ces derniers sont fournit par la société VOID .
  4. 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. 5. Le filtre par métier donne la pagenuméro (1) : une liste déroulante des métiers 2disponibles : 1• Finances• Gastronomie• Immobilier• Luxe• Mode• etc.Le choix d’ un élément de la liste engendrela page(2) : l’ensemble des réalisationsselon le filtre.
  6. 6. Le même traitement précédent, cette fois cion 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. 7. Le même traitement se répète .le filtre par compétence permet à l’utilisateurde choisir les réalisations conçus avec :• Flash AS 3• Php , Symfony , Zend• xHtml/jQuery/css• Drupal• SPIP• Objective-C• etc.
  8. 8. Quand l’utilisateur clique sur un projetquelconque, ce dernier s’affiche A Bdans 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 5catégorie ( au maximum 3 ). Le clique surl’une d’elle l’affiche en grande tailledans 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 6Du visuel . 4

×