Breizhcamp 2015 Ionic Framework

753 vues

Publié le

Présentation faite lors du Breizhcamp 2015 à Rennes

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
753
Sur SlideShare
0
Issues des intégrations
0
Intégrations
23
Actions
Partages
0
Téléchargements
21
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Breizhcamp 2015 Ionic Framework

  1. 1. BreizhCamp #BzhCmp #BzhCmp BreizhCamp 2015 #BzhCmp Développer des applications multiplateformes facilement à l’aide de Ionic Framework Stéphanie Moallic - @steffy_29
  2. 2. Qui suis-je ? Stéphanie Moallic @steffy_29 • Prédilection pour le front-end, les bonnes pratiques et les trucs pour faire joli. • Passionnée d'informatique mais pas que…
  3. 3. Ionic Framework c'est quoi ? ● OpenSource ● Création d'applications mobiles hybrides • HTML5, AngularJS, CSS3 avec une note de Sass • Cordova ● Pour les différentes plate-formes • Android, iOS, Blackberry, FirefoxOS, Windows Phone
  4. 4. Pourquoi ce choix ? Mon idée
  5. 5. Pourquoi ce choix ? Mais : ● Nouvel outil ● Nouveau type ● ...
  6. 6. Pourquoi ce choix ? Développement natif Android : ● TOUTES les fonctionnalités du téléphone ● Java en majorité et XML ● Nouvelle plate-forme : recoder ● Évolutions Android ● C'est long !
  7. 7. Pourquoi ce choix ? Développement hybride : ● Beaucoup de plate-formes disponibles ● HTML5, CSS3, AngularJS, Sass ● C'est fun ! ● Ajout des bibliothèques nécessaires
  8. 8. Outils parents ● Adobe PhoneGap • Framework pour créer des applications mobiles en HTML5, CSS3 et Javascript ● Apache Cordova • Ensemble d'APIs pour accéder au matériel
  9. 9. Exemples
  10. 10. C'est parti ! Installation de Ionic Framework ● Pré-requis : – Node.js et Java installés – Installation du SDK de la plate-forme cible – Configuration des variables d'environnement ● Et les choses sérieuses : $ npm install -g cordova ionic
  11. 11. Première application Première application ● $ ionic start myapp ● $ cd myapp ● $ ionic serve
  12. 12. Génération Android Commandes simples pour générer des applications android : ● ionic platform add android • ajout de la plateforme android à l’application ● ionic build android • génération de l’application android
  13. 13. Génération Android Commandes simples pour tester des applications android : ● ionic emulate android • Lancement de l'application dans l'émulateur ● ionic run android • Lancement de l'application sur le device (ou genymobile) ● cordova build –release android • génération du livrable (APK)
  14. 14. Et la suite... ● Intégration dans vos IDE préférés • Plugin Eclipse (AppLaud PhoneGap), • Plugin IntelliJ (Ionic Framework, PhoneGap/Cordova Plugin)
  15. 15. Démonstration Un petit exemple ?
  16. 16. Liens ● Ionicframework : http://ionicframework.com ● Apache Cordova : http://cordova.apache.org ● NgCordova : http://ngcordova.com/ ● Projet demo : https://github.com/Steffy29/IonicBreizhCamp2015
  17. 17. Questions Merci

×