développement sur mobile
DESCRIPTION
support succinct pour cours F2B506 : http://molene.enstb.org/F2B506/TRANSCRIPT
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