Storyboard, introduction sous iOS
Upcoming SlideShare
Loading in...5
×
 

Storyboard, introduction sous iOS

on

  • 910 views

 

Statistics

Views

Total Views
910
Views on SlideShare
865
Embed Views
45

Actions

Likes
0
Downloads
8
Comments
0

1 Embed 45

http://humantalks.com 45

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Storyboard, introduction sous iOS Storyboard, introduction sous iOS Presentation Transcript

  • mercredi 9 janvier 13
  • LE STORYBOARDING SOUS IOS Introduction à l’utilisation des storyboards Human Talks. Mardi 8 Janvier 2013 par Pierre Gastémercredi 9 janvier 13
  • 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érents modes de gestion des vuesmercredi 9 janvier 13
  • 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
  • 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
  • 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
  • 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 application LES OBJECTIFSmercredi 9 janvier 13
  • 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
  • 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
  • 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
  • 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
  • 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 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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 ★ Personnalisation des champsmercredi 9 janvier 13
  • 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
  • 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
  • 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
  • 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
  • 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 vuesmercredi 9 janvier 13
  • 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
  • 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
  • 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
  • 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 complexe avec des composants non natifsmercredi 9 janvier 13
  • 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
  • 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.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