Présentation de Nicolas Goutaland (Teachonmars) et Michael Laguerre (Ausy) à la Tech Conf du 4 juin 2014.

1. 1
Développement natif
d’applications mobiles
TechConf #1 - Telecom Valley / 4 juin 2014
Nicolas GOUTALAND (Teach on Mars) - Michael LAGUERRE (Ausy)

2. Question
Sous quel OS tourne votre téléphone ?
2

3. Une multitude d’OS mobiles
3

4. Introduction
Parts de marché 2Q 2013
4
Autres
4 %
Windows Phone
3 %
Android
79 %
iOS
14 %
Monde
Autres
7 %
Symbian
2 %
Android
41 %
iOS
49 %
France

5. Introduction
5
Evolution du trafic
websites vs applications
Evolution du trafic
websites

6. Introduction
6

7. Développement natif
• Performance
• Meilleure intégration
• Meilleur rendu
• Complexité des applications
7

8. Qui sommes-nous ?
Nicolas GOUTALAND
• Développement iOS depuis le premier SDK
• Plus d’une centaine d’applications
• CTO @Teach on Mars
8

9. Qui sommes-nous ?
Michael LAGUERRE
• Développement Android depuis 4 ans
• Une 40aine d’applications sur le PlayStore
• Expert Android @Ausy
• Enseignant @Polytech Nice Sophia et
@IUT de Sophia en Android et IHM
9

10. Par où
commencer ?
10

11. Android developer account
• Android — https://play.google.com/apps/publish
• Un unique type de compte
• Publication sur le PlayStore
• Pas obligatoire pour développer - > publication sur site WEB
• $25 à vie
11

12. Prérequis
• Mac
• Création d’un Apple ID
• Choix d’une licence
12

13. iOS Developer Program
• 99$ (~80€) chaque année
• Licence personnelle ou entreprise
• Publication d’applications sur l’AppStore
• 100 devices de test
13

14. iOS Developer Enterprise Program
• 299$ (~250 €) chaque année
• Distributions d’applications internes à une entreprise (OTA)
• Pas de limites sur la distribution
14

15. Développer pour
Android
15

16. Eclipse vs Android Studio
• Eclipse
• Utilisé depuis les débuts d’Android
• Plugin ADT (Android Development Toolkit)
• Compilation : ANT
!
• Android Studio
• Introduit à la Google I/O 2013
• Encore en Developer Preview
• Basé sur la dernière version d’IntelliJ
• Compilation : Gradle
16

17. Eclipse
17

18. Android Studio
18

19. Android SDK
19
ADT
Hierarchy
Viewer Emulateur
draw9patch

20. Android SDK
• Contient :
• ADT / Librairies nécessaires au
développement d’applications
Android
• Emulateur Android / Création de
devices virtuels -AVD- de différentes
configurations hard/soft
• Hierarchy Viewer / Visualisation de
l’arborescence d’un écran
• draw9patch / Création de ressources
graphiques extensibles
20

21. Emulateur Android
21

22. Emulateur Android - Genymotion
22
10x plus rapide
que l’émulateur Android

23. HierarchyViewer
23

24. draw9patch
24

25. Le langage
JAVA/XML
• Langages :
• JAVA pour le code
• XML pour l’interface, les
ressources
!
• Création d’un fichier APK
!
• Développement possible sur
Windows, MacOS, Linux
!
• IDE : Eclipse, Android Studio
25
.java .xml
.APK

26. Le langage
JAVA/XML
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin">
<TextView
android:text="@string/hello_world"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
26
package com.example.app;
import android.app.Activity;
import android.os.Bundle;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}
XML
JAVA
GUI
Logique

27. Développer pour
iOS
27

28. Xcode vs AppCode
• Xcode
• IDE développé par Apple
• Gratuit
!
• AppCode
• IDE développé par JetBRAINS (IntelliJ)
• Version 3.0 disponible depuis le 20 Mai
• Payant
28

29. Xcode
29

30. AppCode
30

31. iOS Tools
31

32. Interface builder
32

33. Instruments
33

34. Reveal
34

35. • Objective-C
• [ ]
• Preprocesseur C
• Protocol / Category
• ARC
• Pas de NullPointerException ;)
35
Le langage
Objective-C

36. Le langage
Objective-C
#pragma mark - View management
- (void)viewDidLoad
{
// Hold ordered labels
_labels = @[_knownQuestionsLabel, _unknownQuestionsLabel, _didReachObjectiveLabel];
[_labels each:^(UILabel *label) {
[[StyleManager sharedInstance] configureDescriptionText:label];
}];
!
[super viewDidLoad];
!
// Localize
_scoreCaptionLabel.font = FONT_FUTURA_STD(25.0);
_userScoreLabel.font = FONT_FUTURA_HEAVY(25.0);
_scoreCaptionLabel.textColor = NORMAL_TEXT_COLOR;
_userScoreLabel.textColor = NORMAL_TEXT_COLOR;
!
// Configure title label
_titleLabel.text = LOCALIZED_STRING(@"QuizResultViewController.title");
[[StyleManager sharedInstance] configureGradientLabel:_titleLabel];
!
_scoreCaptionLabel.text = LOCALIZED_STRING(@"QuizResultViewController.yourScore.caption");
!
UPDATE_VIEW_FRAME_HEIGHT(_contentView, [ROOT_VIEW_CONTROLLER footerHeight]);
}
36

37. 37
L’autre langage
Swift

38. L’autre langage
Swift
38
class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
@IBOutlet var tableView : UITableView
var items:Dictionary<String,String>=["Pizza Margherita":"Tomato, mozzarella, oregano ",
"Pizza viennese":"German sausage, oregano, oil",
"Pizza capricciosa":"mushrooms, artichokes"]
func tableView(tableView: UITableView!, numberOfRowsInSection section: Int) -> Int {
return self.items.count;
}
func tableView(tableView: UITableView!, cellForRowAtIndexPath indexPath: NSIndexPath!) ->
UITableViewCell! {
var cell:myCell = self.tableView.dequeueReusableCellWithIdentifier("miaCella") as myCell
let menusPizza=Array(items.keys)
let menusingredients=Array(items.values)
!
cell.mioTesto.text = menusPizza[indexPath.row]
cell.mioSubtitle.text = menusingredients[indexPath.row];
return cell
}
func tableView(tableView: UITableView!, didSelectRowAtIndexPath indexPath: NSIndexPath!) {
performSegueWithIdentifier("miaview", sender: self.view)
println("Hai selezionato: (indexPath.row)!")
}
}

39. Une app mobile :
un ensemble de
composants
39

40. Une application mobile, c’est :
40
Interface
graphique
Data
Réseau
Capteurs
Services OS

41. Google Play Services
• Ensemble d’API Google « extraites »
d’Android
• APK installé sur 99.9% des terminaux
-> réduction des effets de la
fragmentation
• Portage de nouvelles API sur les
anciennes versions d’Android
41
• Google Maps API
• Geofencing
• Fused Location Provider
• Reconnaissance d’activité
• Google Play Games API
• Google+ API
• Google Drive API
• Google Cast API
• Google Mobile Ads
• Google Wallet
• Google Cloud Messaging
• …
• … et plein d’autres à venir

42. Frameworks iOS
• Foundation : Classes de base (Array, Dictionary, String, Network)
• CoreData : ORM
• UIKit : Framework de composants graphiques
• CoreAnimation : Classes en charge des animations
• CoreLocation, CoreMotion : Gestion des capteurs
• et pleins d’autres encore …
42

43. Ressources et
liens utiles
43

44. 44
Inspiration
http://inspired-ui.com

45. 45
Inspiration
http://www.pttrns.com

46. 46
Inspiration
http://capptivate.co

47. Tips Android
Librairies utiles
• Retrofit : Appels réseau + transformation en objets
http://square.github.io/retrofit/
• Picasso : Téléchargement des images en background
http://square.github.io/picasso/
• EventBus : Bus évènementiel de communication entre composants
https://github.com/greenrobot/EventBus
• GreenDao : ORM SQLite pour Android
http://greendao-orm.com/
• Android Asset Studio : Générateur de ressources Android
http://romannurik.github.io/AndroidAssetStudio/
47

48. Tips Android
Liens utiles
• http://developer.android.com/
• http://www.vogella.com/tutorials/android.html
48

49. Tips iOS
Librairies / outils utiles
• Alcatraz : Gestionnaire de plug-ins Xcode
http://alcatraz.io
• CocoaPods : Gestionnaire de dépendances
http://cocoapods.org/
• AFNetworking : Appels réseau
http://afnetworking.com/
• SDWebImage : Téléchargement des images en background
https://github.com/rs/SDWebImage
• Reveal : Visualisation 3D éclatée de l’interface
http://revealapp.com/
• Crashlytics : Remontée automatique de rapport de crashs
https://www.crashlytics.com
49

50. • www.raywenderlich.com
• www.maniacdev.com
• www.cocoacontrols.com
• https://developer.apple.com
50
Tips iOS
Liens utiles

51. Merci de votre attention
Des questions ?
51
?
nicolas@teachonmars.com
michael.laguerre@gmail.com