10/04/2023

Développement sur mobiles

Jean-Marie Gilliot

Développement sur mobiles

Du Web au mobile

Web 2 et mobile Qu’est ce qu’un mobile ?• Services• Applications

Options de développement • WebApps• Android• iOS

page 2

Développement sur mobiles

Web 1.0 – Web 2.0

page 3

Utilisateur

Utilisateur

Utilisateur

Site Web

Webmestre

Développement sur mobiles

Réseaux sociaux & nuages

page 4

Données& Traitements

Données& Traitements

Identité numérique

• Recherche• Fils de nouvelles• Syndication• Filtrage• Recommandation

• Self Generated content• Blogs • Wikis

• Balisage (tags)• Gestion collective de liens

(social bookmarking)

Visualisations variées

Brouillage entreformel et informel

Développement sur mobiles

Mobilité et objets

page 5

Données& Traitements

Données& Traitements

• Localisation• Identification • Reconnaissance

• Partout• Toujours• Interconnecté ?• Contextuel ?

• Localisée• Intégré dans

l’environnement• Consolidée

Wikitude 6th senseVille augmentée

Développement sur mobilespage 6

Le mobile est Le mobile est un ordinateur Le mobile est un système embarqué Le mobile est un système multi-capteur• Le mobile est géolocalisé

Le mobile est multi-canal Le mobile est connecté Le mobile est programmable

Le mobile est un balladeur, une console de jeux, un couteau suisse numérique …

Le mobile est le premier terminal de réalité augmentée, un lien avec le monde réel

Le mobile est social Le mobile est personnel Le mobile est pervasif (remote control)

Développement sur mobilespage 7

Exemple de services

Reconnaissance• Lecteurs de QR codes• Goggle• Shazam• Reconnaissance vocale

Détournement capteurs• Instant Heart

Réalité augmentée• Layar• Wikitude

Développement sur mobilespage 8

Exemples de services

Réseaux sociaux • Et silos de données

Agregation sociale• WideNoise de WideTag :

http://www.widetag.com/widenoise/#

- et couplages avec spimes : énergie - CO2

Développement sur mobilespage 9

Exemple de services

Consultation• Wolfram Alpha

Enregistrer sa vie • Evernote

Applications géolocalisées• Foursquare• Geocaching• …

Développement sur mobilespage 10

Et les Jeux …

Développement sur mobilespage 11

Et les jeux …

Pour jouer partout … … Et pour de nouvelles expériences

Développement sur mobilespage 12

Et après ?

Outil de paiement

Spimes • Le mobile est la partie émergée de l’Iceberg

Université augmentée

Streaming TV HD

Reconnaissance et information ubiquitaire (Goggle, Visual directed browsing : http://www.youtube.com/watch?v=gtuGSWDVdQU&feature=player_embedded …) :

Développement sur mobiles

Options de développement

Applications Natives • Android, iOS, Windows Mobile …

WebApps• HTML5, CSS, javascript dans un navigateur

(Webkit)

page 13

Hybride : Code web et ContainerAPIs mobile in JSDév web et publication market

Développement sur mobiles

Code web et container

HTML 5• Web / CSS• Offline cache, localStorage, sessionStorage, client-

side dB Javascript• jQTouch, SenchaTouch (framework)…et al.

APIs mobiles natives• PhoneGap (MIT/ Open source) -

Multiplateformes -> sur markets

Lecture : building iPhoneApps with HTML…

page 14

Pour Programmeurs

Web

Développement sur mobiles

Traducteurs multi plateformes

Exemple Appcelerator Titanium• Écriture javascrpit• Traduction : iPhone& Android …

page 15

PrototypagePortage rapide

Développement sur mobiles

Architecture Android

page 16

Développement sur mobiles

Environnement de développement

Eclipse + Java ADT : Android Dev Tools• Android SDK• AVD (Android Virtual Device)• Adb

Et surtout

http://developer.android.com/

page 17

Développement sur mobiles

Chaine de développement

page 18

Développement sur mobiles

Mobile devices & Design

http://developer.android.com

User Expectations• Access anywhere, because we are mobile• Quick Response Time, because we are Impatient• Resource non-intensive, because we are cautious

page 19

Développement sur mobiles

Qu’est ce qui est important

Écran • Taille, densité => dp

Supporter plusieurs écrans ? • Icônes• Doigts

Fragments ?

page 20

Développement sur mobiles

Fondamentaux

page 21

Développement sur mobiles

Cycle de vie d’une activité

page 22

Développement sur mobiles

Ne pas oublier

Manifest file• Déclarer …• Version Android

Changements de configuration

Faire des tutoriaux !

page 23

Développement sur mobiles

Et iOS ?

page 24

Développement sur mobiles

Etats d’un app iOS

page 25