Ionic + Parse: Approccio value-driven per lo sviluppo mobile

Presentation about value-driven approach for mobile development with Ionic Framework and Parse.com used during the AngularConf 2015. You can find information about Lean software development, Agile methodologies, Apache Cordova and AngularJS.

Transcript

1. IONIC + PARSE Approccio value-driven per lo sviluppo mobile #angularconf15 http://2015.angularconf.it
4. autore pubblicare un mio articolo farlo leggere agli utenti del mio blog Come vorrei così da
5. utente effettuare l’autenticazione accedere alle funzionalità private Come vorrei così da ————————
 ——————— Tech
 user story
6. APPROCCIO VALUE-DRIVEN Focus sulle funzionalità che danno valore all’utente
7. ITERAZIONE #1 • impostazione della struttura del progetto • connessione al DBMS • integrazione dell’email provider • setup dell’ambiente di test • …
8. RETROSPETTIVA Quanto vale questo primo ciclo di sviluppo per l’utente? STOP DOING Sviluppare funzionalità senza valore per l’utente START DOING Sviluppare utilizzando
 gli strumenti giusti
9. IONIC FRAMEWORK Apache Cordova + AngularJS per lo sviluppo di applicazione mobile ibride
10. LET’S GET STARTED $ npm install -g cordova ionic $ ionic start [options] <PATH> [template] blank tabs sidemenu
11. STRUTTURA DEL PROGETTO
12. Mobile OS APP IBRIDE Apache Cordova Services Sensors Input Graphics Web App HTML JavaScript CSS Resources HTML Rendering Engine (WebView) OS APIs HTML APIs JS APIs Cordova plug-ins OS APIs Accelerometer Geolocation Camera Media Compass Network Contacts Notification File Storage Custom Plug-ins Cordova Native APIs
13. CROSS PLATFORM $ ionic platform add <PLATFORM> SUPPORTATI BETA
14. IONIC === ANGULARJS • Modularità • Componenti • Data binding • DI • Testabilità
15. UI FRAMEWORK
16. DYNAMIC TEMPLATE iOS Android iOS Android
17. FEEDBACK $ ionic serve $ ionic emulate <PLATFORM> $ ionic run <PLATFORM>
19. NG-CORDOVA $ bower install ngCordova <script src=“…/ng-cordova.js”></script> angular.module('myApp', ['ngCordova']) $ ionic plugin add <PLUGIN>
20. NG-CORDOVA $ ionic plugin add org.apache.cordova.camera
21. $ ionic upload CONTINUOS DELIVERY
22. NON CI STIAMO DIMENTICANDO QUALCOSA? Il server deve essere sviluppato con approccio value-driven
23. SCENARIO • Server REST • Connessione DBMS • Access control list • Integrazione email provider • …
24. PARSE Back-end as a Service
25. COSA OFFRE • Cloud database • Push notification service • Analytics tracking
26. AUTENTICAZIONE • Login / Social login • Signup / Conferma email / Cambio password • Gestione degli accessi
27. INTEGRAZIONE • Email service • Phone/SMS service • Payment service
28. LET’S GET STARTED <script src=“…/parse.js”></script> Parse.initialize(<APPID>,< JSKEY>);
29. DATABASE • NoSQL a documenti • Schemaless • Colonne tipizzate • Possibile definire relazioni
30. DATABASE
31. DATABASE - SAVE
32. DATABASE - QUERY
33. AUTENTICAZIONE
34. PROS & CONS • javascript • no back-end • develop once
 deploy everywhere • cordova != nativo • service provider limitati • costi
35. ALTERNATIVE
36. IONIC + PARSE Il mio toolkit di sviluppo mobile
 adatto all’approccio value-driven
37. GRAZIE #angularconf15 http://2015.angularconf.it Nicola Sanitate n.sanitate@apuliasoft.com n_sanitate nsanitate