1. 5 novembre 2018
ISTIC
@aloisdeniel
Aloïs Deniel
@lets4r
Romain Rastel

2. @aloisdeniel
Aloïs Deniel
@lets4r
Romain Rastel

3. Pourquoi Flutter ?
Nous sommes tous les deux persuadés que ces
outils de Google vont changer notre façon de
développer des applications mobiles (et plus)
9:4
1

4. Objectifs du User-Group
Faire connaître Flutter
Partager divers retours d’expérience
Forger une communauté Rennaise soudée
Proposer des ateliers interractifs

5. Format
Une édition tous les 1-2 mois
2 sessions par édition

6. Merci

7. 5 novembre 2018
ISTIC
Introduction au développement
mobile multi-plateformes avec
Flutter
@aloisdeniel
Aloïs Deniel

8. Le constatdu développement mobile aujourd’hui

9. 01
9:4
1
Avez-vous déjà
entendu un utilisateur
se plaindre de
l’expérience
utilisateur de Airbnb ?
Les deux expériences
sont pourtant très
proches.

10. Les patrons de navigation mobiles sont de plus en
plus proches sur les plateformes iOS et Android
01

11. 02
Logique métier
Outils
Logique visuelle
Configuration
xml layouts
activity
fragment
recyclerview
intents
bundle
application
kotlin
studio xcode
gradle, manifest cocoapods, manifest
swift
storyboard, nib, xib
uiviewcontroller
uiview
uicollectionview
segways
nsdata
appdelegate
X2

12. Les développements en silo demandent un effort
important, des compétences spécifiques, amènent des
incohérences/anomalies différentes et complexifient
de manière générale le développement
02

13. 03
Compilation Déploiement
sur le terminal
Navigation
pour revenir
à l’état
10s
Marge
5s 20s
5 6

14. 03
X * 35sMarge
5 6
Grande variété de
terminaux cibles (OS,
version d’OS, sur-couches
constructeur)
Compliqué de s’assurer du
rendu exact sur chaque
terminal du marché

15. Les cycles de développement sont peu efficaces
au
travers des outils actuels : productivité basse03

16. De nombreuses
solutions cross-platform
existent mais aucune ne
corrige toutes ces
problématiques

17. Flutter
L’environnement unique
de développement
d’applications mobiles
9:4
1

18. Le language Dart
Le candidat idéal pour Flutter
Moderne (async/await, generators)
JIT pour le développement : pas de recompilation
Compatibilité ARM (iOS/Android)
Package manager (pub)
Accessible (OOP, C-style)
Orienté reactive programming (Stream)
AOT pour le déploiement : performances optimales
VM pour les outils

19. Hot reload
Modifier votre code
Sauvegardez
L’application se met à jour instantanément

20. 9:4
1
Un visuel identique quelque soit la plateforme via
une chaîne de rendu unique embarquée avec
l’application (Skia + OpenGL)
De bonnes perfomances et un rendu fluide (60fps)

21. Native UI APis
GPU
(Open GL / Metal)
GPU
(Open GL)
Engine
Engine
Core
Anim
Skia
SkiaCanvas

22. Abc
Un vaste catalogue de Widgets
Material CupertinoBasic

23. https://github.com/flutter/flutter
100% open-source

24. Déjà des références ?
Bien qu’il soit actuellement en beta, Flutter est déjà
utilisé en production par de nombreuses entreprises

25. Gallery
showcase
https://tinyurl.com/ybd2se2l

26. reflectly
showcase
https://reflectly.app/

28. Uneseuleéquipededéveloppement02
Uneexpérienceutilisateurfluide,naturelle,sans
compromis01
Desoutilsextrêmementproductifs03
Environnementouvertetcommunautaire04

30. Merci
Des questions ?