Le document présente une introduction et une analyse détaillée d'Xcode 4, abordant l'évolution des applications mobiles dans le domaine du sport, ainsi que les fonctionnalités et les outils de développement intégrés tels que l'interface builder, le débogueur et la gestion des versions. Il explore également des aspects pratiques comme la gestion de projet, les raccourcis clavier, et les modèles de workflow de compilation. Enfin, divers problèmes rencontrés lors de l'utilisation de Xcode 4, y compris lors de la gestion des repositories, sont également discutés.

2. HELLO XCODE 4
Jean-Alexandre Iragne
Benjamin Bouachour
Édouard Richard
Mathieu Godart
Nicolas Lauquin
14 Avril 2011 @ CocoaHeads Paris

3. NETCOSPORTS
• 1er réseau de fans de sports
• 16 développeurs en France
• Présent sur 5 plateformes 350 apps
• Nous sommes les pionniers de la conception et la réalisation
d’applications mobiles dans le domaine du Sport en Europe.
• Nous avons gagné un prix lors de la première session des Mobile
Awards organisée en France pour l’application « RTL
FOOTBALL »

4. NETCOSPORTS

5. pense, crée et fait connaitre vos applications mobiles

6. •Notre philosophie est d'allier artisanat et nouvelles technologies
•Développement d’applications mobiles natives pour iPhone et Android

7. INTRODUCTION
• Une app attendue
• Une modification du processus de développement
• Un gros changement
• Des fonctionnalités perdues
• Des évolutions

8. UN LOGICIEL ATTENDU
• Show à la WWDC 10
• Une beta instable
• Une version stable «juste par le nom»
• Une release quelques semaines après

9. MODIFICATION DU
PROCESSUS DE
DÉVELOPPEMENT
• Fusion des outils
• interface builder
• Debug
• SCM

10. DE GROS CHANGEMENTS
• Une fenêtre unique
• Une navigation par onglet
• Un menu à droite

11. CE QUI NE MARCHE PLUS
• Les users script
• Le drag & drop de groupe
• La création de custom view
• Détacher le debugger

12. EVOLUTIONS
• L’UI
• Interface Builder
• L’édition de code
• Le SCM
• La compilation
• Le Debugger

13. Interface Utilisateur
par Benjamin Bouachour

14. Aspect Général
•4 Éléments principaux
• Navigateur
• Editeur
• Inspecteur
• Débogueur

16. Navigateur
• Workspace
• Explorateur de projet courant
• Différentes vues :
• Arbre de fichiers
• Par symbol du projet
• Outil de recherche

17. Navigateur
• Différentes vues
• Résultat de la compilation
• Stack du débogueur
• Les breackpoints du projets
• Les log
• Pour chaque vue une bar de filtres

18. Editeur

19. Editeur
• Intègre Interface Builder
• Onglets

20. Editeur
• Différents Mode :
• Mode Editeur : un fichier ouvert
• Mode Assitant : plusieurs fichiers ouverts sur le
même onglets
• Mode versioning : deux fichiers ouverts pour
comparaison

21. Inspecteur
• Détails du fichiers
• Aide
• Inspecteur d'interface builder

22. Inspecteur
• Différents Éléments disponibles
• Templates de fichiers
• Snippet
• Élement graphique pour Interface Builder
• Média du projets

23. Débogueur
• Intégré à la fenêtre principale
• Console
• Les cibles : variables à instant t
•3 vues

24. Tool Bar
• Boutton vers les différents mode
• Lancer / arrêter un projet
• Choix différentes Vues
• Breakpoints
• Choix du scheme
• Organize

25. Raccourcis
• Navigateur :
• Pomme (+ shift) + 0 = ouverture/fermeture
• Pomme + ctrl (+ shift) + 1-7 = Différents
navigateurs
• Alt+ shift + click fichiers = choix dans
l'ouverture du fichiers

26. Raccourcis
• Inspecteur
• Pomme + alt (+ shift) + 0 = ouverture/
fermeture
• Pomme + alt (+ shift) + 1-2/1-7 = Différents
types d'inspecteurs

27. Raccourcis
• Débogueur
• Pomme + R = lancer un projet
• Pomme + shift + Y = ouverture/fermeture
• Pomme + shift + . = arrêt du projet

28. Raccourcis
• Editeur
• Pomme + ctrl + fleche droite/gauche = fichiers
suivants/précédents
• Pomme + ctrl + flèche haut = .h/.m
• Pomme + enter = mode editor
• Pomme + alt + enter = mode assistant

29. Raccourcis
• Editeur
• Pomme + shift + alt + enter = versioning
mode
• Pomme + T = nouvel onglets
• Pomme + shift + T = suppressionde l'onglet
courant

30. Préférences Systèmes
• Pomme +,
• Faire ses propres raccourcis
• Choix de comportement à différents stades
• Apparence du texte
• etc..

31. Organizer
• Vos archives
• Devices
• Documentation
• SCM : Repositories
• Projects

32. INTERFACE BUILDER
&
ÉDITION DE CODE
par Édouard Richard

33. INTERFACE BUILDER

34. BARRE D’INSPECTION -
FILE INSPECTOR
• Identité et Type
• Interface Builder Document
• Internationalisation
• Sélection de Target
• Informations SVN (révision, statuts et
chemin)

35. BARRE D’INSPECTION -
QUICK HELP
• Nom de la Classe
• Version d’OS supportée
• Résumé de la Classe
• Endroit de la déclaration
• Références
• Codes d’exemples

36. BARRE D’INSPECTION -
IDENTITY INSPECTOR
• Sélection de Classe personnalisée
• Identité (Label, ObjectID, Notes)
• Accessibilité

37. BARRE D’INSPECTION -
ATTRIBUTES INSPECTOR
• Différents en fonction de l’objet

38. BARRE D’INSPECTION -
SIZE INSPECTOR
• Position & Taille
• Ajustement automatique de l’objet

39. BARRE D’INSPECTION -
CONNECTIONS INSPECTOR
• Liste des Outlets avec leurs liaisons
• Liste des Outlet Collections

40. BARRE DE BIBLIOTHÈQUE -
TEMPLATES DE FICHIER
• Sélection parmi les templates

41. BARRE DE BIBLIOTHÈQUE -
CODE DE SNIPPETS
• Sélection des Snippets
• Librairie Xcode
• Librairie personnalisée

42. BARRE DE BIBLIOTHÈQUE -
OBJETS
• Accès aux Objets
• Vue par icônes

43. BARRE DE BIBLIOTHÈQUE -
MÉDIAS
• Accès aux Médias
• Vue par icônes

44. LIAISONS - OUTLET

45. LIAISONS - OUTLET

46. LIAISONS - ACTION

47. LIAISONS - ACTION

48. LIAISONS - OUTLET COLLECTIONS

49. LIAISONS - OUTLET COLLECTIONS

50. LES SNIPPETS

51. ÉDITION DE CODE -
AVERTISSEMENTS DE SYNTHAXE
Raccourci : cmd + ctrl + f

52. ÉDITION DE CODE -
ANALYSE
• Utilisation de Clang
• Plus de contenu à l’auto-complétion
• Amélioration de l’analyseur syntaxique
• Auto-Analyse à la sauvegarde (vérification des
Avertissements et des Erreurs)

53. LE SCM
par Nicolas Lauquin

54. LE SCM : PRÉSENTATION
Rappel : nom générique pour un ensemble d'outils permettant la gestion des différentes versions d'un code source.
• Meilleure intégration et confort
• Comparateur efficace
• SVN est bien géré
• Support de git
• Au revoir cvs

55. LE SCM : GIT
Rappel : Git est un logiciel de gestion de version distribué. Il a été initialement conçu par Linus Torvalds pour les
kernel linux. Il a été developpé pour être rapide.
• Décentralisé ?
• une «working copy» est un repository local complet (historique, suivit des
révisions, indépendant du réseau ou d’un serveur central).
• une fois commité, le repository local est mis à jour
• un action de «push» soumet/partage les changements sur UN serveur distant
• Vocabulaire:
• clone (git) / checkout (SVN) : créé une working copy
• pull (git) / update (SVN) : récupère les modifications depuis un serveur
• push : envoie les modifications sur un serveur
• Git par défaut: xcode propose la création d’un repo git local pour un nouveau projet.

56. SCM : VERSION EDITOR
• Super comparateur graphique
• Historique à la «Time Machine»
• 3 modes
• comparaison
• blame
• log

57. SCM : LES COMMANDES 1/2
1) Depuis le menu « File » -> « Source Control »

58. SCM : LES COMMANDES 2/2
2) Depuis le menu contextuel
3) Depuis l’Organizer
Fonctionnalité pratique depuis la zone de navigation:

59. SCM : L’ORGANIZER
• Gérer les différents repository:
• Visualiser l’historique des révisions
• Visualiser et créer des branches
• Naviguer dans le «working repository»
• Actions : commit, pull, refresh
• Ajouter un repository, faire un checkout/
clone repository, ajouter une «working
copy».
• Bonus : lier un contact du carnet d’adresse

60. SCM : QUELQUES LIMITATIONS
• Avec git : impossibilité de faire un pull/push si il y a des changement
non commités.
• problème avec les settings utilisateurs ?
-> utiliser un outil externe STRUCTURE PROJET XCODE 4 :
-> ne pas les versionner & .gitignore : (ajouter xcuserdata/ ) PROJECTNAME.xcodeproj
! project.pbxproj
! project.xcworkspace/
• Bug rencontrés: ! ! ! contents.xcworkspacedata
! ! ! xcuserdata/
! ! ! ! ! USERNAME.xcuserdatad/
! ! ! ! ! ! UserInterfaceState.xcuserstate
• dans la fenêtre de commit bloquage sur fichier utilisateur -> ! ! ! ! ! ! WorkspaceSettings.xcsettings
impossible de commiter (UserInterfaceState.xcuserstate) ! xcuserdata/
! ! ! USERNAME.xcuserdatad/
! ! ! ! xcdebugger/
• quelques problèmes gestion des repositories (changement de ! ! ! ! ! Breakpoints.xcbkptlist
mot de passe, problème de connexion) -> solution !
!
!
!
!
!
!
!
xcschemes/
! PROJECTNAME.xcscheme
suppression/ajout ! ! ! ! ! xcschememanagement.plist
• git cloning en erreur parfois (fonctionne en ligne de commande) STRUCTURE PROJET XCODE 3 :
PROJECTNAME.xcodeproj/
! project.pbxproj
! project.xcworkspace
=> défaut de jeunesse corrigé dans Xcode 4.1 ? !
!
USERNAME.pbxuser
USERNAME.perspective
! USERNAME.perspectivev3
! USERNAME.mode1v3
! USERNAME.mode2v3

61. SNAPSHOT
Rappel : permet de sauvegarder l’état courant d’un projet ou d’un workspace sur le disque pour restauration
éventuelle.
• onglet dédié dans l’organizer
• indépendant : un projet effacé est
restaurable
• usage manuel : File -> create snapshot
• automatiquement en cas
d’édition massive de fichiers
( refactor, renommage du projet, scm
update ) - Réglage «File -> Project settings».

62. ARCHIVE
Rappel : utilisé pour packager et distribuer l’application sous l’iOS ou MacApp Store.
• Archives réalisée sous Xcode3 non rappatriées
• Répertoire et format changé :
• ~/Library/Application Support/Developer/Shared/Archived
Applications/XXX.apparchive
• ~/Library/Developer/Xcode/Archives/YYYY-DD-MM/XXX.xcarchive
• Conversion manuelle possible à la nouvelle
structure, script trouvé sur stackoverflow (http://
stackoverflow.com/questions/5060228/can-we-import-apparchive-bundles-in-xcode-4)

63. COMPILATION
par Jean-Alexandre Iragne

64. COMPILATION (BUILD,
TARGET, EXECUTABLE AND
DEBUGGER)
• Introduction des schemes
• Utilisation
• Edition
• Build configuration
• Configuration
• Déploiement
• Build Phase

65. INTRODUCTION DES
SCHEMES
• Définition: Régime ou modèle
• Etude du workflow de compilation
• Permet de regrouper
• Target
• Executable
• Methode d’exécution
• Règle de compilation

66. SCHEME EDITION

67. FENÊTRE D’ÉDITION ET DE
GESTION DES SCHEMES
• Edition d’un scheme
• Configuration
• Script
• Gestion du debug par instrument
• Gestion de l’archive
• Utilisation

68. EXEMPLE SCHEME

69. GESTION DE LA
COMPILATION
• Où retrouver ses petits
• Gestion des configurations
• Gestion des langues
• Déploiement
• Vision du build setting par level

70. BUILD SETTING

71. TARGET
• Où retrouver ses petits
• Ajout de framework
• Dépendance de lib
• Gestion de script
• Liste des sources et ressources
• info.plist
• Interface graphique
• Editeur

72. TARGET

73. AGRÉGAT SCHEME ET BUILD
CONFIGURATION
• Création d’un scheme
• Spécification d’un instrument pour le profil
• Création d’un adhoc signé
• Création d’une archive iTunes

74. EXEMPLE

75. LE DEBUGGER
par Mathieu Godart

76. DBG – APERÇU GÉNÉRAL

77. DBG – BARRE DU DEBUGGER

78. DBG – BREAKPOINT NAVIGATOR

79. DBG – BREAKPOINT NAVIGATOR

80. DBG – BREAKPOINT NAVIGATOR

81. DBG – DEBUG NAVIGATOR

82. DBG – VARIABLE VIEW

83. DBG – VARIABLE VIEW

84. DBG – VARIABLE VIEW

85. DBG – LA CONSOLE

86. DBG – LA CONSOLE
• Les bénéfices de LLDB :
• Plus rapide, moins gourmand
• Meilleure intégration avec Xcode (merci Clang !)
• Syntaxe plus simple : nom + verbe [+ options]
• Intégration de Python

87. DBG – LA CONSOLE
• Quelques commandes utiles :
help
apropos
variable list
expr <objc-code>
script

88. DBG – LA CONSOLE

89. BIBLIOGRAPHIE
• Documentation Xcode (organizer)
• Xcode 4 Transition Guide (PDF)
• Xcode 4 User Guide (PDF)
• WWDC 2010 session 307 : Introduction to Xcode 4 (vidéo)
• WWDC 2010 session 316 : Debugging with Xcode 4 (vidéo)
• WWDC 2010 session 313 : LLVM (vidéo)
• Tuto LLDB : http://lldb.llvm.org/tutorial.html

90. QUESTIONS ?

91. MERCI