SlideShare une entreprise Scribd logo
1  sur  8
Télécharger pour lire hors ligne
Idée de : Reda Makhchan || Document Réalisé par : Khalid AHMADA , Afaf ID HAJJI
VOID Book est une application iPhone qui permet de visualiser les réalisations de la société VOID .
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 .
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
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.
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
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.
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

Contenu connexe

En vedette

Presentaciondefinitivabogotamito 101110180854-phpapp02
Presentaciondefinitivabogotamito 101110180854-phpapp02Presentaciondefinitivabogotamito 101110180854-phpapp02
Presentaciondefinitivabogotamito 101110180854-phpapp02carlos martinez
 
Tableau plaidoirie 515(10)a) c.cr
Tableau plaidoirie   515(10)a) c.crTableau plaidoirie   515(10)a) c.cr
Tableau plaidoirie 515(10)a) c.crFil4666
 
Presentació Cicles Formatius Oliana
Presentació Cicles Formatius OlianaPresentació Cicles Formatius Oliana
Presentació Cicles Formatius OlianaGenís Vitores
 
Présentation des logiciels libres LINAGORA
Présentation des logiciels libres LINAGORAPrésentation des logiciels libres LINAGORA
Présentation des logiciels libres LINAGORALinuQ
 
Notre projet Digital RH en 300 secondes
Notre projet Digital RH en 300 secondesNotre projet Digital RH en 300 secondes
Notre projet Digital RH en 300 secondesESCP Europe
 
Presentation vienadom 2013-12-18-v1r3
Presentation vienadom 2013-12-18-v1r3Presentation vienadom 2013-12-18-v1r3
Presentation vienadom 2013-12-18-v1r3Vienadom
 
Women Empowerment 
Women Empowerment Women Empowerment 
Women Empowerment bharatnirman
 
Directiva n.003 2012 custodia de cartas fianzs
Directiva n.003 2012 custodia de cartas fianzsDirectiva n.003 2012 custodia de cartas fianzs
Directiva n.003 2012 custodia de cartas fianzsArchitect
 
Redes sociales y empresas
Redes sociales y empresasRedes sociales y empresas
Redes sociales y empresasKarla Arosemena
 
Lejournaldesindignes5
Lejournaldesindignes5Lejournaldesindignes5
Lejournaldesindignes5WKTL-Agency
 
Presentation crpf
Presentation crpfPresentation crpf
Presentation crpfFS68
 
Jeunesses et citoyenneté : réflexions, actions
Jeunesses et citoyenneté : réflexions, actionsJeunesses et citoyenneté : réflexions, actions
Jeunesses et citoyenneté : réflexions, actionsGérard Marquié
 
Ponderacion materias selectividad 2013
Ponderacion materias selectividad 2013Ponderacion materias selectividad 2013
Ponderacion materias selectividad 2013pedrohp19
 

En vedette (20)

Presentaciondefinitivabogotamito 101110180854-phpapp02
Presentaciondefinitivabogotamito 101110180854-phpapp02Presentaciondefinitivabogotamito 101110180854-phpapp02
Presentaciondefinitivabogotamito 101110180854-phpapp02
 
Question 7
Question 7Question 7
Question 7
 
Avolio evaluacion
Avolio evaluacionAvolio evaluacion
Avolio evaluacion
 
Dossier complet
Dossier completDossier complet
Dossier complet
 
Tableau plaidoirie 515(10)a) c.cr
Tableau plaidoirie   515(10)a) c.crTableau plaidoirie   515(10)a) c.cr
Tableau plaidoirie 515(10)a) c.cr
 
Presentació Cicles Formatius Oliana
Presentació Cicles Formatius OlianaPresentació Cicles Formatius Oliana
Presentació Cicles Formatius Oliana
 
Présentation des logiciels libres LINAGORA
Présentation des logiciels libres LINAGORAPrésentation des logiciels libres LINAGORA
Présentation des logiciels libres LINAGORA
 
Notre projet Digital RH en 300 secondes
Notre projet Digital RH en 300 secondesNotre projet Digital RH en 300 secondes
Notre projet Digital RH en 300 secondes
 
Presentation vienadom 2013-12-18-v1r3
Presentation vienadom 2013-12-18-v1r3Presentation vienadom 2013-12-18-v1r3
Presentation vienadom 2013-12-18-v1r3
 
Women Empowerment 
Women Empowerment Women Empowerment 
Women Empowerment 
 
Viaduc millau
Viaduc millauViaduc millau
Viaduc millau
 
Directiva n.003 2012 custodia de cartas fianzs
Directiva n.003 2012 custodia de cartas fianzsDirectiva n.003 2012 custodia de cartas fianzs
Directiva n.003 2012 custodia de cartas fianzs
 
Présentation de compiègne
Présentation de compiègnePrésentation de compiègne
Présentation de compiègne
 
Redes sociales y empresas
Redes sociales y empresasRedes sociales y empresas
Redes sociales y empresas
 
Lejournaldesindignes5
Lejournaldesindignes5Lejournaldesindignes5
Lejournaldesindignes5
 
3D Pictures
3D Pictures3D Pictures
3D Pictures
 
Presentation crpf
Presentation crpfPresentation crpf
Presentation crpf
 
Jeunesses et citoyenneté : réflexions, actions
Jeunesses et citoyenneté : réflexions, actionsJeunesses et citoyenneté : réflexions, actions
Jeunesses et citoyenneté : réflexions, actions
 
Ponderacion materias selectividad 2013
Ponderacion materias selectividad 2013Ponderacion materias selectividad 2013
Ponderacion materias selectividad 2013
 
Apa6
Apa6Apa6
Apa6
 

Similaire à New void book_i_phone

Android pour les debutants
Android pour les debutantsAndroid pour les debutants
Android pour les debutantsAmira Hakim
 
Tech Conf n°1 - Développement natif d'applications mobiles
Tech Conf n°1 - Développement natif d'applications mobilesTech Conf n°1 - Développement natif d'applications mobiles
Tech Conf n°1 - Développement natif d'applications mobilesMichael Laguerre
 
cours-android.pdf
cours-android.pdfcours-android.pdf
cours-android.pdfmed_univ78
 
Dojo Mobile @ Devoxx France
Dojo Mobile @ Devoxx FranceDojo Mobile @ Devoxx France
Dojo Mobile @ Devoxx Francecjolif
 
Optimisation et administration avancée d’Active Directory - Par Thierry Deman
Optimisation et administration avancée d’Active Directory - Par Thierry DemanOptimisation et administration avancée d’Active Directory - Par Thierry Deman
Optimisation et administration avancée d’Active Directory - Par Thierry DemanIdentity Days
 
Introduction à l'objet - Deuxième année ISIMA
Introduction à l'objet - Deuxième année ISIMAIntroduction à l'objet - Deuxième année ISIMA
Introduction à l'objet - Deuxième année ISIMALoic Yon
 
Développer des applications iOS et Android avec c# grâce à Xamarin par Cyril ...
Développer des applications iOS et Android avec c# grâce à Xamarin par Cyril ...Développer des applications iOS et Android avec c# grâce à Xamarin par Cyril ...
Développer des applications iOS et Android avec c# grâce à Xamarin par Cyril ...SOAT
 
Tech conf1 développement_natif_applications_mobiles
Tech conf1 développement_natif_applications_mobilesTech conf1 développement_natif_applications_mobiles
Tech conf1 développement_natif_applications_mobilesTelecomValley
 
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"Use Age
 
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"Use Age
 
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8Microsoft
 
Google Glass Meetup 2/3 - 9 Décembre 2013
Google Glass Meetup 2/3 - 9 Décembre 2013Google Glass Meetup 2/3 - 9 Décembre 2013
Google Glass Meetup 2/3 - 9 Décembre 2013Glasscamp
 
Xwiki Solutions Linux Ow2
Xwiki Solutions Linux Ow2Xwiki Solutions Linux Ow2
Xwiki Solutions Linux Ow2OW2
 

Similaire à New void book_i_phone (20)

Silverlight
SilverlightSilverlight
Silverlight
 
Demokopen
DemokopenDemokopen
Demokopen
 
Silverlight
SilverlightSilverlight
Silverlight
 
Présentation netvibes
Présentation netvibesPrésentation netvibes
Présentation netvibes
 
Android pour les debutants
Android pour les debutantsAndroid pour les debutants
Android pour les debutants
 
Tech Conf n°1 - Développement natif d'applications mobiles
Tech Conf n°1 - Développement natif d'applications mobilesTech Conf n°1 - Développement natif d'applications mobiles
Tech Conf n°1 - Développement natif d'applications mobiles
 
Windev
WindevWindev
Windev
 
cours-android.pdf
cours-android.pdfcours-android.pdf
cours-android.pdf
 
Dojo Mobile @ Devoxx France
Dojo Mobile @ Devoxx FranceDojo Mobile @ Devoxx France
Dojo Mobile @ Devoxx France
 
Formation mobile-cross-platform
Formation mobile-cross-platformFormation mobile-cross-platform
Formation mobile-cross-platform
 
Optimisation et administration avancée d’Active Directory - Par Thierry Deman
Optimisation et administration avancée d’Active Directory - Par Thierry DemanOptimisation et administration avancée d’Active Directory - Par Thierry Deman
Optimisation et administration avancée d’Active Directory - Par Thierry Deman
 
Introduction à l'objet - Deuxième année ISIMA
Introduction à l'objet - Deuxième année ISIMAIntroduction à l'objet - Deuxième année ISIMA
Introduction à l'objet - Deuxième année ISIMA
 
Développer des applications iOS et Android avec c# grâce à Xamarin par Cyril ...
Développer des applications iOS et Android avec c# grâce à Xamarin par Cyril ...Développer des applications iOS et Android avec c# grâce à Xamarin par Cyril ...
Développer des applications iOS et Android avec c# grâce à Xamarin par Cyril ...
 
Front end Hero Presentation
Front end Hero PresentationFront end Hero Presentation
Front end Hero Presentation
 
Tech conf1 développement_natif_applications_mobiles
Tech conf1 développement_natif_applications_mobilesTech conf1 développement_natif_applications_mobiles
Tech conf1 développement_natif_applications_mobiles
 
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
 
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
WUD2010 Sophia 08 - S. de Bonis (IBM) "Concevoir un intranet centré utilisateur"
 
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
 
Google Glass Meetup 2/3 - 9 Décembre 2013
Google Glass Meetup 2/3 - 9 Décembre 2013Google Glass Meetup 2/3 - 9 Décembre 2013
Google Glass Meetup 2/3 - 9 Décembre 2013
 
Xwiki Solutions Linux Ow2
Xwiki Solutions Linux Ow2Xwiki Solutions Linux Ow2
Xwiki Solutions Linux Ow2
 

New void book_i_phone

  • 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