blendwebmix - concevez rapidement vos applications mobiles
TRANSCRIPT
![Page 1: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/1.jpg)
Concevez rapidement vos applications mobiles
grâce au développement hybride
![Page 2: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/2.jpg)
Qui suis-je?Stéphanie Moallic
Développeur
Twitter : @steffy_29
Site web: surfinfoweb
![Page 3: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/3.jpg)
INTRO
![Page 4: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/4.jpg)
La problématique
...
![Page 5: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/5.jpg)
Les solutions
![Page 6: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/6.jpg)
La nouvelle solution
+=
![Page 7: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/7.jpg)
Concepts● Conception des interfaces
○ HTML5, CSS3, Sass, LESS, Javascript○ Ionic framework
● Logique métier○ Angular JS
● Génération plates-formes cibles○ Cordova
![Page 8: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/8.jpg)
Les outils
![Page 9: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/9.jpg)
Command-Line Interface
![Page 10: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/10.jpg)
Ionic Lab
![Page 11: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/11.jpg)
Gestion des dépendances
![Page 12: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/12.jpg)
Automatisation et Styles
![Page 13: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/13.jpg)
![Page 14: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/14.jpg)
Les templates
![Page 15: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/15.jpg)
Structure d’un projet
![Page 16: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/16.jpg)
Ionic FrameworkServices :
$ionicModal, $ionicLoading, $ionicPopup…
Composants :
ion-nav-bar, ion-view, button, ion-header-bar,...
CSS :
header, tabs, checkbox
![Page 17: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/17.jpg)
Ionicons, splashscreen et icone
…
...
![Page 18: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/18.jpg)
NG-Cordova
✓ File✓ Media✓ Camera✓ iBeacon✓ Calendar
✓ Geolocation✓ Bluetooth✓ OAuth✓ Contacts✓ HealthKit
✓ Push notifications✓ TouchID✓ Social sharing✓ Battery✓ ...
![Page 19: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/19.jpg)
Démo
![Page 20: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/20.jpg)
L’avenir
![Page 21: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/21.jpg)
Ionic 2.0 [alpha] sortie le 20/10/2015
✓ Navigation améliorée✓ Plus de fonctionnalités natives dans Ionic✓ Nouveau système de Theming✓ Material Design
![Page 22: BlendWebMix - Concevez rapidement vos applications mobiles](https://reader033.vdocuments.site/reader033/viewer/2022042619/58848f4c1a28ab6d1a8b6d6b/html5/thumbnails/22.jpg)
Merci! Des questions?