1. Cross-platform s Apache Cordovom i Visual Studijom Petar Kovačević, Axilis d.o.o.

2. PhoneGa... Apache Cordova

3. Apache Cordova Open-source platform for building hybrid applications Develop using web technologies (HTML, CSS and Javascript) Access to native device functions (Camera, Battery etc.) – Cross-platform consistent JS API

4. Apache Cordova Supported platforms Amazon Fire OSAndroidBadaBlackberry FirefoxOS iOS Mac OS X QtTizen UbuntuWebOS Windows Phone 8 Windows Windows Phone 8.1

5. Cordova App

6. Apache Cordova Cordova plugins for native access Core plugins – Official Cordova plugins Custom plugins – Create your own plugins – Use existing

7. Apache Cordova Hybrid applications in practice Over 5% of total application market share is some kind of a hybrid application See some of them: http://phonegap.com/app/

8. Going hybrid? Build the app once, run it everywhere Platform ignorant Learning curve Uniform “branded” app look Performance question You thought supporting IE was an issue? Limited or hard to achieve native functionality Harder to achieve native look and feel (considering all the platforms)

9. Visual Studio Support

10. Visual Studio Cordova Tools Easy installation to get you up and running fast Joyent Node.js Git CLI Google Chrome Apache Ant Oracle Java JDK 7 Android SDK SQLite for Windows Runtime Apple iTunes Windows Phone 8.0 SDKTools for Maintaining Store apps for Windows 8 Visual Studio 2015 or Visual Studio 2013 Update 4 (Community edition supported also!)

11. Visual Studio Cordova Tools Easy installation to get you up and running fast Visual Studio 2015 or Visual Studio 2013 Update 4 (Community edition supported also!)

12. Visual Studio Cordova Tools Amazing web developer tools for managing your HTML, JS and CSS files Cordova project templates Centralized development process – everything possible from Visual Studio – Create, Run, Debug and Deploy Configuration editor (featuring plugin manager) Visual Studio Benefits

13. Visual Studio Cordova Tools Android 2.3.3+ iOS 6, 7 and 8 – Requires a Mac host Windows Phone 8 / 8.1 Windows 8 / 8.1 Platforms support

14. Visual Studio Cordova Tools Android 4.4+ Windows 8.1 and Windows Phone 8.1 iOS 6, 7 and 8 – Requires a Mac host Ripple (in-browser emulator) – Great for early phases of the development process Device debbuging support

15. DEMO – Getting started with Apache Cordova

16. Cordova development Include a third party framework You are not limited to just one framework, nor is one required, but it helps Model-View-Controller – AngularJS, BackboneJS UI Controls and Styles – http://ionicframework.com/

17. Cordova development Follow the Single Page Application (SPA) approach You are not restricted to that, but it fits the paradigm AngularJS recommendation

18. Cordova development UX – Things to think about Do we want our app to look the same on different platforms? – Cordova apps usually brings branded experience to all platforms – Native look-and-feel for each platform - development costs will be higher (Xamarin?)

19. Cordova development UX – Things to think about Make sure your app can pass the review process on platform store – Follow the platform guidelines – Behave less like a web app, more like a mobile app (SPA, UI Framework…)

20. Demo: Ionic preview

22. Nagrađujemo vas sa 100 WinCoin bodova što ste posjetili predavanje. Osvojite dodatnih 100 WinCoin bodova ukoliko popunite službeni upitnik. HVALA!

23. MVA http://www.microsoftvirtualacademy.com Uspješni profesionalci nikad ne prestaju učiti. Microsoft Virtual Academy nudi online Microsoft treninge vođene od eksperata da pomognu profesionalcima u daljnjem usavršavanju. Treninzi su vođeni od vrhunskih stručnjaka na različitim tehnološkim područjima. Nakon odslušanog treninga možete također provjeriti svoje znanje. Za bolje razumijevanje ovoga predavanja savjetujem da odslušate treninge na temu: Cross-Platform Development with Visual Studio Cross-Platform Development with Visual Studio http://www.microsoftvirtualac ademy.com/training- courses/cross-platform- development-with-visual- studio