mercredi 9 janvier 13
LE STORYBOARDING                          SOUS IOS                        Introduction à l’utilisation des storyboards    ...
DANS L’ORDRE ...mercredi 9 janvier 13
DANS L’ORDRE ...    1. Histoire et objectifs du Storyboardingmercredi 9 janvier 13
DANS L’ORDRE ...    1. Histoire et objectifs du Storyboarding    2. Les vues sous iOsmercredi 9 janvier 13
DANS L’ORDRE ...    1. Histoire et objectifs du Storyboarding    2. Les vues sous iOs    3. Comparatif entre les différent...
DANS L’ORDRE ...    1. Histoire et objectifs du Storyboarding    2. Les vues sous iOs    3. Comparatif entre les différent...
DANS L’ORDRE ...    1. Histoire et objectifs du Storyboarding    2. Les vues sous iOs    3. Comparatif entre les différent...
DANS L’ORDRE ...    1. Histoire et objectifs du Storyboarding    2. Les vues sous iOs    3. Comparatif entre les différent...
LE STORYBOARDINGmercredi 9 janvier 13
LE STORYBOARDING         L’ORIGINE         LES OBJECTIFSmercredi 9 janvier 13
LE STORYBOARDING         L’ORIGINE         • Terme emprunté au monde du cinéma         LES OBJECTIFSmercredi 9 janvier 13
LE STORYBOARDING         L’ORIGINE         • Terme emprunté au monde du cinéma         • Définit le cheminement d’une appli...
LE STORYBOARDING         L’ORIGINE         • Terme emprunté au monde du cinéma         • Définit le cheminement d’une appli...
LE STORYBOARDING         L’ORIGINE         • Terme emprunté au monde du cinéma         • Définit le cheminement d’une appli...
LE STORYBOARDING         L’ORIGINE         • Terme emprunté au monde du cinéma         • Définit le cheminement d’une appli...
LE STORYBOARDING         L’ORIGINE         • Terme emprunté au monde du cinéma         • Définit le cheminement d’une appli...
mercredi 9 janvier 13
LES VUES SOUS IOS    Programmation           Interface Builder   Storyboardmercredi 9 janvier 13
LES VUES SOUS IOS    Programmation           Interface Builder   Storyboardmercredi 9 janvier 13
LES VUES SOUS IOS    Programmation           Interface Builder   Storyboardmercredi 9 janvier 13
LES VUES SOUS IOS    Programmation           Interface Builder   Storyboardmercredi 9 janvier 13
LES VUES SOUS IOSmercredi 9 janvier 13
LES VUES SOUS IOS                                   Programmation Interface Builder                  Storyboard           ...
LES VUES SOUS IOS                                   Programmation Interface Builder                  Storyboard           ...
LES VUES SOUS IOS                                   Programmation Interface Builder                  Storyboard           ...
LES VUES SOUS IOS                                   Programmation Interface Builder                  Storyboard           ...
LES VUES SOUS IOS                                   Programmation Interface Builder                  Storyboard           ...
LES VUES SOUS IOS                                   Programmation Interface Builder                  Storyboard           ...
LES VUES SOUS IOS                                   Programmation Interface Builder                  Storyboard           ...
COMMENT ÇA MARCHE ?mercredi 9 janvier 13
COMMENT ÇA MARCHE ?          1.Création des vues via l’outil graphiquemercredi 9 janvier 13
COMMENT ÇA MARCHE ?          1.Création des vues via l’outil graphique               ★ Placement des champs               ...
COMMENT ÇA MARCHE ?          1.Création des vues via l’outil graphique               ★ Placement des champs               ...
COMMENT ÇA MARCHE ?          1.Création des vues via l’outil graphique               ★ Placement des champs               ...
COMMENT ÇA MARCHE ?          1.Création des vues via l’outil graphique               ★ Placement des champs               ...
COMMENT ÇA MARCHE ?          1.Création des vues via l’outil graphique               ★ Placement des champs               ...
AVANTAGESmercredi 9 janvier 13
AVANTAGES    •   La vue d’ensemble regroupant toutes les vuesmercredi 9 janvier 13
AVANTAGES    •   La vue d’ensemble regroupant toutes les vues    •   La représentation graphique des relations entre les v...
AVANTAGES    •   La vue d’ensemble regroupant toutes les vues    •   La représentation graphique des relations entre les v...
AVANTAGES    •   La vue d’ensemble regroupant toutes les vues    •   La représentation graphique des relations entre les v...
AVANTAGES    •   La vue d’ensemble regroupant toutes les vues    •   La représentation graphique des relations entre les v...
INCONVÉNIENTSmercredi 9 janvier 13
INCONVÉNIENTS    •   Le méli-mélo entre les seguesmercredi 9 janvier 13
INCONVÉNIENTS    •   Le méli-mélo entre les segues    •   L’absence de certains types de seguesmercredi 9 janvier 13
INCONVÉNIENTS    •   Le méli-mélo entre les segues    •   L’absence de certains types de segues    •   Utilisation plus co...
INCONVÉNIENTS    •   Le méli-mélo entre les segues    •   L’absence de certains types de segues    •   Utilisation plus co...
S’INITIER EN 2 MINUTES                                CHRONOmercredi 9 janvier 13
S’INITIER EN 2 MINUTES                                CHRONOmercredi 9 janvier 13
POUR APPROFONDIR ...    • L’origine        http://en.wikipedia.org/wiki/Storyboard    • Apprendre        http://developer....
Prochain SlideShare
Chargement dans…5
×

Storyboard, introduction sous iOS

1 306 vues

Publié le

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 306
Sur SlideShare
0
Issues des intégrations
0
Intégrations
63
Actions
Partages
0
Téléchargements
16
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Storyboard, introduction sous iOS

  1. 1. mercredi 9 janvier 13
  2. 2. LE STORYBOARDING SOUS IOS Introduction à l’utilisation des storyboards Human Talks. Mardi 8 Janvier 2013 par Pierre Gastémercredi 9 janvier 13
  3. 3. DANS L’ORDRE ...mercredi 9 janvier 13
  4. 4. DANS L’ORDRE ... 1. Histoire et objectifs du Storyboardingmercredi 9 janvier 13
  5. 5. DANS L’ORDRE ... 1. Histoire et objectifs du Storyboarding 2. Les vues sous iOsmercredi 9 janvier 13
  6. 6. DANS L’ORDRE ... 1. Histoire et objectifs du Storyboarding 2. Les vues sous iOs 3. Comparatif entre les différents modes de gestion des vuesmercredi 9 janvier 13
  7. 7. DANS L’ORDRE ... 1. Histoire et objectifs du Storyboarding 2. Les vues sous iOs 3. Comparatif entre les différents modes de gestion des vues 4. Fonctionnementmercredi 9 janvier 13
  8. 8. DANS L’ORDRE ... 1. Histoire et objectifs du Storyboarding 2. Les vues sous iOs 3. Comparatif entre les différents modes de gestion des vues 4. Fonctionnement 5. Avantagesmercredi 9 janvier 13
  9. 9. DANS L’ORDRE ... 1. Histoire et objectifs du Storyboarding 2. Les vues sous iOs 3. Comparatif entre les différents modes de gestion des vues 4. Fonctionnement 5. Avantages 6. Inconvénientsmercredi 9 janvier 13
  10. 10. LE STORYBOARDINGmercredi 9 janvier 13
  11. 11. LE STORYBOARDING L’ORIGINE LES OBJECTIFSmercredi 9 janvier 13
  12. 12. LE STORYBOARDING L’ORIGINE • Terme emprunté au monde du cinéma LES OBJECTIFSmercredi 9 janvier 13
  13. 13. LE STORYBOARDING L’ORIGINE • Terme emprunté au monde du cinéma • Définit le cheminement d’une application LES OBJECTIFSmercredi 9 janvier 13
  14. 14. LE STORYBOARDING L’ORIGINE • Terme emprunté au monde du cinéma • Définit le cheminement d’une application LES OBJECTIFS • Simplifier la création des UI de vos applicationsmercredi 9 janvier 13
  15. 15. LE STORYBOARDING L’ORIGINE • Terme emprunté au monde du cinéma • Définit le cheminement d’une application LES OBJECTIFS • Simplifier la création des UI de vos applications • Organiser vos vues à partir des histoires utilisateurmercredi 9 janvier 13
  16. 16. LE STORYBOARDING L’ORIGINE • Terme emprunté au monde du cinéma • Définit le cheminement d’une application LES OBJECTIFS • Simplifier la création des UI de vos applications • Organiser vos vues à partir des histoires utilisateur • Synthétiser l’affichage de votre applicationmercredi 9 janvier 13
  17. 17. LE STORYBOARDING L’ORIGINE • Terme emprunté au monde du cinéma • Définit le cheminement d’une application LES OBJECTIFS • Simplifier la création des UI de vos applications • Organiser vos vues à partir des histoires utilisateur • Synthétiser l’affichage de votre application • Mettre en avant les relations entre vos vuesmercredi 9 janvier 13
  18. 18. mercredi 9 janvier 13
  19. 19. LES VUES SOUS IOS Programmation Interface Builder Storyboardmercredi 9 janvier 13
  20. 20. LES VUES SOUS IOS Programmation Interface Builder Storyboardmercredi 9 janvier 13
  21. 21. LES VUES SOUS IOS Programmation Interface Builder Storyboardmercredi 9 janvier 13
  22. 22. LES VUES SOUS IOS Programmation Interface Builder Storyboardmercredi 9 janvier 13
  23. 23. LES VUES SOUS IOSmercredi 9 janvier 13
  24. 24. LES VUES SOUS IOS Programmation Interface Builder Storyboard Instanciation des Implicite Par programmation objets graphiques (ou par programmation) Personnalisation des Graphique Par programmation objets graphiques (ou par programmation) Placement des objets Graphique Par programmation graphiques (ou par programmation) Enregistrement des Dans les fichiers Fichiers individuels Un seul fichier par objets graphiques programmés (.xib) device (.storyboard) Définition des relations Graphique Par programmation Par programmation entre les vues (ou par programmation) Personnalisation des Par programmation Par programmation Par programmation transitions (et un peu graphiquement)mercredi 9 janvier 13
  25. 25. LES VUES SOUS IOS Programmation Interface Builder Storyboard Instanciation des Implicite Par programmation objets graphiques (ou par programmation) Personnalisation des Graphique Par programmation objets graphiques (ou par programmation) Placement des objets Graphique Par programmation graphiques (ou par programmation) Enregistrement des Dans les fichiers Fichiers individuels Un seul fichier par objets graphiques programmés (.xib) device (.storyboard) Définition des relations Graphique Par programmation Par programmation entre les vues (ou par programmation) Personnalisation des Par programmation Par programmation Par programmation transitions (et un peu graphiquement)mercredi 9 janvier 13
  26. 26. LES VUES SOUS IOS Programmation Interface Builder Storyboard Instanciation des Implicite Par programmation objets graphiques (ou par programmation) Personnalisation des Graphique Par programmation objets graphiques (ou par programmation) Placement des objets Graphique Par programmation graphiques (ou par programmation) Enregistrement des Dans les fichiers Fichiers individuels Un seul fichier par objets graphiques programmés (.xib) device (.storyboard) Définition des relations Graphique Par programmation Par programmation entre les vues (ou par programmation) Personnalisation des Par programmation Par programmation Par programmation transitions (et un peu graphiquement)mercredi 9 janvier 13
  27. 27. LES VUES SOUS IOS Programmation Interface Builder Storyboard Instanciation des Implicite Par programmation objets graphiques (ou par programmation) Personnalisation des Graphique Par programmation objets graphiques (ou par programmation) Placement des objets Graphique Par programmation graphiques (ou par programmation) Enregistrement des Dans les fichiers Fichiers individuels Un seul fichier par objets graphiques programmés (.xib) device (.storyboard) Définition des relations Graphique Par programmation Par programmation entre les vues (ou par programmation) Personnalisation des Par programmation Par programmation Par programmation transitions (et un peu graphiquement)mercredi 9 janvier 13
  28. 28. LES VUES SOUS IOS Programmation Interface Builder Storyboard Instanciation des Implicite Par programmation objets graphiques (ou par programmation) Personnalisation des Graphique Par programmation objets graphiques (ou par programmation) Placement des objets Graphique Par programmation graphiques (ou par programmation) Enregistrement des Dans les fichiers Fichiers individuels Un seul fichier par objets graphiques programmés (.xib) device (.storyboard) Définition des relations Graphique Par programmation Par programmation entre les vues (ou par programmation) Personnalisation des Par programmation Par programmation Par programmation transitions (et un peu graphiquement)mercredi 9 janvier 13
  29. 29. LES VUES SOUS IOS Programmation Interface Builder Storyboard Instanciation des Implicite Par programmation objets graphiques (ou par programmation) Personnalisation des Graphique Par programmation objets graphiques (ou par programmation) Placement des objets Graphique Par programmation graphiques (ou par programmation) Enregistrement des Dans les fichiers Fichiers individuels Un seul fichier par objets graphiques programmés (.xib) device (.storyboard) Définition des relations Graphique Par programmation Par programmation entre les vues (ou par programmation) Personnalisation des Par programmation Par programmation Par programmation transitions (et un peu graphiquement)mercredi 9 janvier 13
  30. 30. LES VUES SOUS IOS Programmation Interface Builder Storyboard Instanciation des Implicite Par programmation objets graphiques (ou par programmation) Personnalisation des Graphique Par programmation objets graphiques (ou par programmation) Placement des objets Graphique Par programmation graphiques (ou par programmation) Enregistrement des Dans les fichiers Fichiers individuels Un seul fichier par objets graphiques programmés (.xib) device (.storyboard) Définition des relations Graphique Par programmation Par programmation entre les vues (ou par programmation) Personnalisation des Par programmation Par programmation Par programmation transitions (et un peu graphiquement)mercredi 9 janvier 13
  31. 31. COMMENT ÇA MARCHE ?mercredi 9 janvier 13
  32. 32. COMMENT ÇA MARCHE ? 1.Création des vues via l’outil graphiquemercredi 9 janvier 13
  33. 33. COMMENT ÇA MARCHE ? 1.Création des vues via l’outil graphique ★ Placement des champs ★ Personnalisation des champsmercredi 9 janvier 13
  34. 34. COMMENT ÇA MARCHE ? 1.Création des vues via l’outil graphique ★ Placement des champs ★ Personnalisation des champs 2.Définition des transitions (segues)mercredi 9 janvier 13
  35. 35. COMMENT ÇA MARCHE ? 1.Création des vues via l’outil graphique ★ Placement des champs ★ Personnalisation des champs 2.Définition des transitions (segues) ★ Nommage des segues ★ Définir le type de segue ★ Personnalisation des animationsmercredi 9 janvier 13
  36. 36. COMMENT ÇA MARCHE ? 1.Création des vues via l’outil graphique ★ Placement des champs ★ Personnalisation des champs 2.Définition des transitions (segues) ★ Nommage des segues ★ Définir le type de segue ★ Personnalisation des animations 3.Personalisation des transitionsmercredi 9 janvier 13
  37. 37. COMMENT ÇA MARCHE ? 1.Création des vues via l’outil graphique ★ Placement des champs ★ Personnalisation des champs 2.Définition des transitions (segues) ★ Nommage des segues ★ Définir le type de segue ★ Personnalisation des animations 3.Personalisation des transitions ★ Passage de paramètres, pointeurs, etc.mercredi 9 janvier 13
  38. 38. AVANTAGESmercredi 9 janvier 13
  39. 39. AVANTAGES • La vue d’ensemble regroupant toutes les vuesmercredi 9 janvier 13
  40. 40. AVANTAGES • La vue d’ensemble regroupant toutes les vues • La représentation graphique des relations entre les vuesmercredi 9 janvier 13
  41. 41. AVANTAGES • La vue d’ensemble regroupant toutes les vues • La représentation graphique des relations entre les vues • L’utilisation des fonctions de callback pour personnaliser les seguesmercredi 9 janvier 13
  42. 42. AVANTAGES • La vue d’ensemble regroupant toutes les vues • La représentation graphique des relations entre les vues • L’utilisation des fonctions de callback pour personnaliser les segues • L’absence d’encombrement du code par le UI codemercredi 9 janvier 13
  43. 43. AVANTAGES • La vue d’ensemble regroupant toutes les vues • La représentation graphique des relations entre les vues • L’utilisation des fonctions de callback pour personnaliser les segues • L’absence d’encombrement du code par le UI code • La cohabitation Storyboard / Fichiers XIB est possiblemercredi 9 janvier 13
  44. 44. INCONVÉNIENTSmercredi 9 janvier 13
  45. 45. INCONVÉNIENTS • Le méli-mélo entre les seguesmercredi 9 janvier 13
  46. 46. INCONVÉNIENTS • Le méli-mélo entre les segues • L’absence de certains types de seguesmercredi 9 janvier 13
  47. 47. INCONVÉNIENTS • Le méli-mélo entre les segues • L’absence de certains types de segues • Utilisation plus complexe avec des composants non natifsmercredi 9 janvier 13
  48. 48. INCONVÉNIENTS • Le méli-mélo entre les segues • L’absence de certains types de segues • Utilisation plus complexe avec des composants non natifs • Uniquement à partir de iOs 5mercredi 9 janvier 13
  49. 49. S’INITIER EN 2 MINUTES CHRONOmercredi 9 janvier 13
  50. 50. S’INITIER EN 2 MINUTES CHRONOmercredi 9 janvier 13
  51. 51. POUR APPROFONDIR ... • L’origine http://en.wikipedia.org/wiki/Storyboard • Apprendre http://developer.apple.com/library/ios/#documentation/iPhone/Conceptual/SecondiOSAppTutorial/Introduction/Introduction.html http://kurrytran.blogspot.fr/2011/07/simple-ios-5-tutorial-using-storyboard.html http://www.raywenderlich.com/5138/beginning-storyboards-in-ios-5-part-1 • Retrouver la présentation sur slideshare !mercredi 9 janvier 13

×