Storyboard, introduction sous iOS

1. mercredi 9 janvier 13

2. LE STORYBOARDING SOUS IOS Introduction à l’utilisation des storyboards Human Talks. Mardi 8 Janvier 2013 par Pierre Gasté mercredi 9 janvier 13

3. DANS L’ORDRE ... mercredi 9 janvier 13

4. DANS L’ORDRE ... 1. Histoire et objectifs du Storyboarding mercredi 9 janvier 13

5. DANS L’ORDRE ... 1. Histoire et objectifs du Storyboarding 2. Les vues sous iOs mercredi 9 janvier 13

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 vues mercredi 9 janvier 13

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. Fonctionnement mercredi 9 janvier 13

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. Avantages mercredi 9 janvier 13

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énients mercredi 9 janvier 13

10. LE STORYBOARDING mercredi 9 janvier 13

11. LE STORYBOARDING L’ORIGINE LES OBJECTIFS mercredi 9 janvier 13

12. LE STORYBOARDING L’ORIGINE • Terme emprunté au monde du cinéma LES OBJECTIFS mercredi 9 janvier 13

13. LE STORYBOARDING L’ORIGINE • Terme emprunté au monde du cinéma • Déﬁnit le cheminement d’une application LES OBJECTIFS mercredi 9 janvier 13

14. LE STORYBOARDING L’ORIGINE • Terme emprunté au monde du cinéma • Déﬁnit le cheminement d’une application LES OBJECTIFS • Simpliﬁer la création des UI de vos applications mercredi 9 janvier 13

15. LE STORYBOARDING L’ORIGINE • Terme emprunté au monde du cinéma • Déﬁnit le cheminement d’une application LES OBJECTIFS • Simpliﬁer la création des UI de vos applications • Organiser vos vues à partir des histoires utilisateur mercredi 9 janvier 13

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 application mercredi 9 janvier 13

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 vues mercredi 9 janvier 13

18. mercredi 9 janvier 13

19. LES VUES SOUS IOS Programmation Interface Builder Storyboard mercredi 9 janvier 13

23. LES VUES SOUS IOS mercredi 9 janvier 13

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

31. COMMENT ÇA MARCHE ? mercredi 9 janvier 13

32. COMMENT ÇA MARCHE ? 1.Création des vues via l’outil graphique mercredi 9 janvier 13

33. COMMENT ÇA MARCHE ? 1.Création des vues via l’outil graphique ★ Placement des champs ★ Personnalisation des champs mercredi 9 janvier 13

34. COMMENT ÇA MARCHE ? 1.Création des vues via l’outil graphique ★ Placement des champs ★ Personnalisation des champs 2.Déﬁnition des transitions (segues) mercredi 9 janvier 13

35. COMMENT ÇA MARCHE ? 1.Création des vues via l’outil graphique ★ Placement des champs ★ Personnalisation des champs 2.Déﬁnition des transitions (segues) ★ Nommage des segues ★ Déﬁnir le type de segue ★ Personnalisation des animations mercredi 9 janvier 13

36. COMMENT ÇA MARCHE ? 1.Création des vues via l’outil graphique ★ Placement des champs ★ Personnalisation des champs 2.Déﬁnition des transitions (segues) ★ Nommage des segues ★ Déﬁnir le type de segue ★ Personnalisation des animations 3.Personalisation des transitions mercredi 9 janvier 13

37. COMMENT ÇA MARCHE ? 1.Création des vues via l’outil graphique ★ Placement des champs ★ Personnalisation des champs 2.Déﬁnition des transitions (segues) ★ Nommage des segues ★ Déﬁnir le type de segue ★ Personnalisation des animations 3.Personalisation des transitions ★ Passage de paramètres, pointeurs, etc. mercredi 9 janvier 13

38. AVANTAGES mercredi 9 janvier 13

39. AVANTAGES • La vue d’ensemble regroupant toutes les vues mercredi 9 janvier 13

40. AVANTAGES • La vue d’ensemble regroupant toutes les vues • La représentation graphique des relations entre les vues mercredi 9 janvier 13

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 segues mercredi 9 janvier 13

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 code mercredi 9 janvier 13

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 possible mercredi 9 janvier 13

44. INCONVÉNIENTS mercredi 9 janvier 13

45. INCONVÉNIENTS • Le méli-mélo entre les segues mercredi 9 janvier 13

46. INCONVÉNIENTS • Le méli-mélo entre les segues • L’absence de certains types de segues mercredi 9 janvier 13

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 natifs mercredi 9 janvier 13

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 5 mercredi 9 janvier 13

49. S’INITIER EN 2 MINUTES CHRONO mercredi 9 janvier 13

50. S’INITIER EN 2 MINUTES CHRONO mercredi 9 janvier 13

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

Storyboard, introduction sous iOS

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (20)

Storyboard, introduction sous iOS