2

3

Laurent Meurisse•Conception et la validation d’une application iPhone pour une grande entreprise•Dev d’une application trafficWave•Coaching agile (entreprise & mobile)

twitter @laurentmeurisse

Mélanie BessagnetConception et développement d’applications iPhone ou iPad.

Smartsy, FidelPass, L’Oréal.twitter @mbessagnet

ekito /offre mobilité

★ Accompagnement dans toutes les phases des projets

➡ Définition de stratégie et spécifications

➡ Ergonomie & design

➡ Architecture & développement

➡ Distribution

★ Multi plateforme

➡ iOS (iPhone & iPad), Android, Windows Phone, web mobile

★ Intégration dans l’entreprise

➡ Sécurité, gestion de flotte, intégration SI

4

ekito /Projets d’entreprise

★ Application iPad pour un grand acteur de l’aéronautique

➡ Consultation de documents marketing pour les visiteurs de salons

➡ Conseils, conception & développement

★ Application iPad pour un opérateur téléphonique

➡ Le management avait besoin d’un « dashboard » pour consulter l’état du réseau avec +80.000 antennes

➡Conseils, conception, ergonomie/design & développement

5

ekito /Projets grand public

★ « Smartsy » (iPhone, iPad & Android)➡Applications réalité augmentée pour

consulter du contenu multimédia en accompagnement de support physique

➡ Reconnaissance d’images, site web, API

➡Distribution dans l’App Store d’Apple et le Market de Google

★ « Fidelpass » (iPhone)

➡Solution de carte de fidélité virtuelle pour smartphone

➡Mode déconnecté, génération de codes

6

Partage de la connaissance

7

Toulouse 8 mars 2012 – ARC et Storyboards

➡ introduction

8

➡ licence développeur

➡ un iPhone ou iPad

➡ un Mac

➡ La dernière version du SDK

9

que me faut t'il pour démarrer ?

➡ être habile en design IHM

➡ avoir des bonnes idées

➡ avoir quelques soirées de disponibles

➡ constituer une communauté d’early adopters

10

qu'est ce que je dois savoir faire ?

partie 1

11

➡ iOS

➡ excellence ergonomique

➡App Store

succès d’iOS

➡ iOS

12

partie 1

13

★ Système d’exploitation de l’iPhone/iPod Touch/iPad

★ Basé sur Mac OS X

★ Offre de nombreuses possibilités d’applications

★ Nécessite aucune notion préalable du développement Mac OS X

14

★ Architecture iOS

15

OSX kernelpower

management

Core OS

réseau

Collection Core Location

Core Services

Carnet d'adresse

threading file system preference

SQLite

Core Audio JPEG/PNG...

Media layer

PDF

Video Quartz

Multi-touch Webkit

Cocoa Touch

accéléomètre

localisationappareil photo

baseBand bootLoader firmware

16

ça à l'air très compliqué !!!

➡ excellence ergonomique

17

partie 1

➡ le doigt est roi

18

le doigt est roi

★ iOS est déployé sur des plateformes tactiles.

➡ De nombreuses possibilités de gestes.

➡ Une application trop complexe n’est pas utilisable

➡ L’ergonomie doit être l’une des préoccupations principales.

19

le doigt est roi

★ L’iOS est une rupture par rapport aux modèles ergonomiques traditionnels

20

➡ patterns utilisateur

21

★ Qu’est ce qu’un pattern utilisateur ? ➡ ex. : Possibilité de naviguer dans une

structure hiérarchique, en revenant au départ facilement

➡ ex. : possibilité de naviguer entre différentes partie sans perdre le focus

22

➡ les principaux éléments

23

Navigation par onglet

24

Les listes

25

La navigation entre vues

26

...

27

h,p://p,rns.com/

➡ La règle des 44 pixels

28

La règle des 44 pixels

29

➡ la gestuelle

30

31

➡ Native ou WebApp ?

32

★ Application native

➡ Application conçue spécifiquement pour une plateforme en utilisant le SDK propre à celle ci.

★ Web app

➡ Application réalisée via un site Web optimisé pour mobile

33

WebApp

34

Quels sont les avantages ?

➡ Indépendance à Apple.

➡ Indépendance à la plateforme.

➡Mise à jour facilitée.

➡Coût de développement.

➡Transaction e-commerce

WebApp

35

➡Moins de visibilité.

➡Difficile à monnayer.

➡Dépendance à la connectivité.

➡ Expérience utilisateur.

➡Consommation des ressources.

Quels sont les inconvéniants ?

iOS Human interface Guideline

http://developer.apple.com/library/IOS/documentation/UserExperience/Conceptual/MobileHIG/MobileHIG.pdf

36

Quelques principes de base

➡ Minimiser la quantité d’information.

➡ Respecter la fluidité de l’appareil.

➡ Ne pas offrir trop de réglages à l’utilisateur.

➡ Demander de sauvegarder seulement quand c’est nécessaire

➡ Eviter les écrans «modals».

➡ Démarrer rapidement

★ Toujours faire au plus simple !37

➡ Respecter les gestes de bases.

➡ utiliser des gestes compliqués comme «raccourcis», mais en permettant d’effectuer l’action autrement.

➡ sur iPad, possibilité d’utiliser plusieurs doigts

➡ en général éviter de définir des nouveaux gestes

38

➡ Programme, Certificat, Profile

39

partie 1

40

iOS Programmes

★ iOS developer program (99$)• 100 devices (dev, tests)

➡ individuelle• nom de la personne sur l’AppStore

• un seul développeur

➡Company• nom de l’entreprise (justification nécessaire)

• nombre illimité de développeurs

• 3 rôles (agent, admin, member)

➡ attention on ne peut pas basculer d’une option à l’autre

41

iOS Programmes

★ iOS enterprise program (299 $)➡ inHouse deployment

➡Mobile Device Management• gestion de la flote des devices iOS

➡ impossibilité de déployer sur l’AppStore

42

Certificats

★ Certificats➡Certificat développeur

• unique pour chaque développeur

• lié à une machine

➡Certificat de distribution• un seul par programme

43

Profiles

★ Profile de développement➡ lié à l’appli (AppId)

➡ lié à un certif de dev (pour chaque dév)

➡ lié aux devices

➡ un seul par développeur

★ Profile de distribution

➡ lié à l’appli

➡ lié à un certif de distribution

➡deux modes de distribution• app store

• adhoc

• entreprise 44

➡ publication

45

AppStore

➡ Il y a t’il de la place par rapport à mon application?

➡ quel prix pour les applications concurrentes ?

➡ Version gratuite / Version Payante

➡ Baisse de prix d’application (ou gratuite) .. 2h à 4h

➡ le nombre de téléchargement influes sur le classement

46

sur l’AppStore

★ Pour publier son application, trois étapes :➡ Rédaction des détails de l’application.

➡Upload de l’exécutable.

➡Validation par Apple.

➡ La période de validation passe par un certain nombre d’états, variables suivant les cas.

★ Si l’application n’est pas validée, le développeur reçoit automatiquement un e-mail d’explications.

47

★ De nombreuses règles sont à respecter pour qu’une application soit validée par Apple. En voici les plus courantes :

➡ Aucun crash.

➡ Pas de fuite mémoire.

➡ Description conforme à l’application.

➡ Révéler toute fonctionnalité cachée à la validation.

➡ Respecter les droits d’auteur.

➡ Uniquement utiliser les classes documentées d’Apple.

➡ Notifier les changements d’état du réseau.

➡ Apple Human Interface Guidelines.

48

★ Attention, respecter les Guideline Apple

➡ beta testing

49

Tester

★ Audience / Logging➡ Flurry

➡TestFlyApp• Session

• Questions in-App

• Crash reports

• Checkpoints

• Remote logging

• in-App updates

50

pour tester

★ Autre solution pour distribuer une application iOS, la distribution Ad Hoc.

➡ Échelle réduite (maximum 100 appareils).

➡ Aucune validation par Apple.

➡ Inscription à l’iOS Developer Program également obligatoire.

51

➡ MDM

52

53

54

55

56

➡ iTunes Connect

57

58

partie 2

59

➡Concevoir

➡ L’environnementde developpement

➡ Bases de l’objective-C

➡ Les nouveautes d’iOS 5

développer

➡ concevoir

60

partie 2

61

je vais devoir tailler mon crayon !!

h,p://iphonemockup.lkmc.ch

62

Quelques Mockup

★ balsamiq

★ omniGraffle

★ Adobe Illustrator

★ le post it iphone

63

➡ développement agile

64

Développements Agiles

➡ deux tendances à connaitre

• lean startup

• scrum

65

lean startup

66

Développements Agiles

➡ ne pas surdimentioner la richesse de l’application (priorisation par la valeur), faire des user stories

➡ faire des livraisons et des tests souvent

➡ si on doit s’interfacer : bien définir ! (prévoir un niveau d’information minimal)

67

68

USERSTORY

USERSTORY

scrum

69

J'enregistre une réservation (carte d'embarquement)

Je consulte l'actualité d'un vol AF

Je me connecte via le n° FlyingBlue

Je consulte la liste de mes réservations

Je consulte le détail d'une réservation

Je consulte les passagers d'une réservation

70

USERSTORY

quelle est

sa valeur

métier?

pour quel

effort à

fournir?

13

89

71

13 1448 233

34 23355 5589 144

144 89

ordr

e de

dev

Je consulte le détail d'une réservation

J'enregistre une réservation (carte d'embarquement)

Je consulte la liste de mes réservations

Je me connecte via le n° FlyingBlue

Je consulte l'actualité d'un vol AF

Je consulte les passagers d'une réservation

72

RELEASE 1 RELEASE 2

SP

RIN

T 1

SP

RIN

T 2

SP

RIN

T 3

SP

RIN

T 4

SP

RIN

T 5

SP

RIN

T 6

PRODPROD

TESTSTESTS

TESTS TESTS

DE

MO

SP

RIN

T 1

DE

MO

SP

RIN

T 2

DE

MO

SP

RIN

T 3

TESTS

DE

MO

SP

RIN

T 4

DE

MO

SP

RIN

T 5

➡ base de l’Objective C

73

partie 2

➡ écrire une classe, une méthode, un protocol

74

écrire une classe

75

➡ implémentation➡ interface

#import <Foundation/Foundation.h>

@interface Voiture : NSObject { //déclaration des variables NSString *immat; NSInteger *gear; NSInteger *speed; }-(int)multiply:(int)a to:(int)b ;-(int)square:(int)a ;

//déclaration des méthodes@end

#import "Voiture.h"

@implementation Voiture

// implémentation des méthodes

@end

écrire une classe

76

écrire une méthode

77

-(int)multiply:(int)a to:(int)b { return a*b;}

-(int)square:(int)a { return [self multiply:a to:a];}

➡ [object doSomething]; au lieu de object.doSomething();

écrire un protocol

78

#import <Foundation/Foundation.h>

@protocol Vehicule <NSObject>

@optional

-(void)klaxonner;-(void)baisserVitre;-(void)leverVitre;

@required

-(void) demarrer ;-(void) arreter;

@end

réaliser un protocol

79

#import <Foundation/Foundation.h>#include "Vehicule.h"

@interface Voiture : NSObject <Vehicule> { //déclaration des variables NSString *immat; NSInteger *gear; NSInteger *speed; }-(int)multiply:(int)a to:(int)b ;-(int)square:(int)a ;-(void) demarrer ;

//déclaration des méthodes@end

#import "Voiture.h"

@implementation Voiture

// implémentation des méthodes

-(int)multiply:(int)a to:(int)b { return a*b;}

-(int)square:(int)a { return [self multiply:a to:a];}

-(void) demarrer { NSLog(@"Vrooum");}

-(void) arreter { NSLog(@"...");}

@end

➡ Cocoa Fondation

80

Cocoa Fondation

➡ Framework de base pour le développement Mac OS X et iOS.

➡ Importation dans un projet :

➡ (Par défaut dans un nouveau projet Xcode)

81

#import <Foundation/Foundation.h>

Cocoa Foundation

★ Objets de base :

➡ NSString : Chaîne de caractères.

➡ NSArray : Tableau non modifiable.

➡ NSDictionnary : Structure fixe d’objets référencés par une clé unique.

➡ Mot clé Mutable : Indique si une instance de classe peut être modifiée après création.

➡Exemple : NSMutableArray et NSMutableDictionnary.

82

➡ gestion de la mémoire

83

★ Destruction d’un objet :➡ L’objet créé peut être détruit de deux

façons différentes.

➡ Autolibération : La libération de la mémoire allouée est gérée par le système. (autorealease)

➡ Libération : la libération est laissée aux soins de l’utilisateur. (release).

84

Allocation, destruction, autolibération★ Par défaut, l’utilisateur doit s’occuper de la

libération des objets qu’il alloue :

★ Des fois, il est indispensable de laisser le système s’en occuper :

➡ retain, release et autorelease sont des méthodes de NSObject

★85

-(void)direBonjour{ NSString *maPhrase = [[NSString alloc] initWithString:@"bonjour"]; NSLog(@"%@",maPhrase);! [maPhrase release];}

-(NSString *)creerBonjour{! NSString *maPhrase = [[[NSString alloc] initWithString:@"bonjour"] autorelease];! return maPhrase;}

Variable d’instance

★ Prototypage des variables d’instance :➡ Ajoute une couche d’abstraction pour la

gestion de la mémoire.

➡ Réduit le nombre de lignes de code.

➡ Garantie l'intégrité des données.

★ Dans l’interface :

★ Dans l’implémentation :

86

@property (nonatomic, retain) Moteur *moteur;

@synthesize moteur;

➡retain;

➡assign :

retain, assign

87

★ La règle du comptage par référence est la suivante :

➡ On incrémente le compteur lorsque l’on fait appel aux méthodes +alloc, -retain ou -copy de l’objet.

➡ On décrémente le compteur lorsque l’on fait appel à la méthode - release de l’objet.

➡ Lorsque le compteur atteint 0, l’objet et donc son espace mémoire alloué sont libérés automatiquement.

88

➡ UIKit

89

UIKit

➡ Framework supplémentaire pour le développement iOS. Ajoute les fonctions nécessaires pour l’interaction tactile.

➡ Importation dans un projet :

➡ (Par défaut dans un nouveau projet Xcode)

90

#import <UIKit/UIKit.h>

91

UIButton

➡ Connections Synchrone et Asynchrone

92

★ Requête synchrone➡ application en attente du résultat

➡ application non réactive, figée

urlString = [NSString stringWithFormat:@"http://webaddress/trafficservlet?sendTagWave=1&id=%@&posLo=%@&posLa=%@&version=1&course=%@&idSession=%@", ! ! ! ! [userId stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding],! ! ! ! [textLongitude stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding],! ! ! ! [textLatitude stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding],! ! ! ! ! ! ! ! [textCourse stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding]! ,! ! ! ! [textIdSession stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding]! ! ! ! ];!! NSString *locationString = [NSString stringWithContentsOfURL:[NSURL URLWithString:urlString]];

93

★ Requête asynchrone

- (void)viewDidLoad {[super viewDidLoad];

! // Effectuer la requête dans un autre thread ! [NSThread detachNewThreadSelector:@selector (chargerXML) toTarget:self withObject:nil]; }- (void)chargerXML { ! NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init]; ! // Faire la requête ! [self effectuerRequete]; ! // Notifier le thread principal que l’on a fini ! [self performSelectorOnMainThread:@selector (chargementFini) withObject:nil waitUntilDone:NO]; ! [pool release]; }

94

➡ notifications Push

95

notification Push

➡ Il permet d’afficher des badges, alertes et sons sans que l’application ne tourne

➡ Il ne nécessite pas de grosses infrastructures serveur

➡ Il préserve la durée de vie de la batterie (par rapport aux connections TCP/IP)

96

➡ Cartographie et géolocalisation

97

★ Pouvoir localiser sa position et son orientation sur une carte nécessite l’utilisation de deux frameworks :➡ CoreLocation — permettant d'utiliser les

capacités de géolocalisation de l’iPhone

➡ MapKit — permettant d’insérer des cartes géographiques complètes dans une application.

98

CoreLocation

★ Framework pour gérer la localisation et l’orientation. ➡CLLocation

➡CLLocationManager

★ Pas d’interface utilisateur.

★ Utilise trois approches pour se situer.

➡GPS

➡Wifi

➡ Réseau Téléphonique

★ Plus la localisation se veut précise, plus elle est coûteuse en énergie.

99

CLLocationManagerDelegate

★ // Répond aux changements de position - (void)locationManager:(CLLocationManager *)manager didUpdateToLocation:(CLLocation *)newLocation fromLocation:(CLLocation *)oldLocation;

100

➡ pattern delegate

101

102

delegation

103

➡ développement serveur

104

exemple de plan d’architecture global

105

serveur BACKEND

cron

cache

parser

xml

rss

...

23

connecteur

eSite

14services

notification

push

json

5

➡ L’environnement de développement XCode

106

partie 2

107

Paramètres  de  compilaBon

Projet

108

➡ Nouveautés d’iOS 5

109

partie 2

Nouveautés iOS 5

★ ARC

★ Storyboards

★ UIKit Customization

★ iCloud

★ Twitter Integration

★ Nombreux changements dans les APIs

110

ARC (Automatic Reference Counting)

➡ARC s'occupe des libérations mémoire à la place du développeur, plus de gestion manuelle de la mémoire.

➡ Le code est allégé et la tâche du développeur est simplifié.

➡Avec ARC activé, le compilateur insère automatiquement les méthodes de retain, release et autorelease à la bonne place dans le code.

111

StoryBoards

112

UIKit Customization

➡ Pour sortir du lot, une application, en plus d'être fonctionnelle, doit avoir un design attrayant.

➡ La plupart des applications majeures de l'AppStore utilisent des éléments d'interfaces customisés.

➡ Avant la sortie d'iOS 5, la tâche n'était pas du tout aisée. Il fallait très souvent de nombreuses lignes de code pour changer l'apparence d'un élément standard.

➡ A présent, Apple a donné accès à de nouvelles méthodes qui facilitent ce travail.

113

partie 3

114

➡Hello World

pratique

code de l’appli

115

h,p://db.,/pbEhiProbasé sur le tutoriel officiel d'Apple "Your first iOS app"