1. Trunica Inc. 500 East Kennedy Blvd #300 Tampa, FL 33602 info@trunica.com Cross Platform Mobile Apps With Cordova and Visual Studio 2015 © Copyright 2015 by Trunica Inc. Trunica

2. © Copyright 2015 by Trunica Inc. Contact info@trunica.com What is Cordova? Native Phone OS (iOS, Android, Windows, Amazon, etc…) Cordova Framework Web View Your Application HTML5, CSS, JavaScript Hybrid applications Apache project Utilizes web standards

3. © Copyright 2015 by Trunica Inc. Contact info@trunica.com What Can You Build With Cordova? If you can make a great web page you can make a great app!

4. © Copyright 2015 by Trunica Inc. Contact info@trunica.com Cordova Advantages Fast time to market Extensible architecture / plugins HTML5, CSS, JavaScript 95% or higher code sharing Vibrant eco-system

5. © Copyright 2015 by Trunica Inc. Contact info@trunica.com Visual Studio & Cordova First class project type in Visual Studio 2015 – All editions! Debug iOS, Android, and Windows Azure mobile services integration Emulators included in VS 2015 Intellisense on JS and common libraries

6. © Copyright 2015 by Trunica Inc. Contact info@trunica.com Environment Setup What Do You Need? Visual Studio 2015, any edition Windows 8.1 or later 64 Bit Apple Mac or use cloud build services (only for iOS) To distribute: Developer account(s)

7. © Copyright 2015 by Trunica Inc. Contact info@trunica.com Basic Cordova App Template Folder structure created: /config.xml wwwindex.html scriptsindex.js, platformOverides.js cssindex.css res iconsOS specific icons nativeOS specific configuration files screensOS specific splash screens No plugins added by default You “add” platforms to a project / app DEMO TIME!

8. © Copyright 2015 by Trunica Inc. Contact info@trunica.com Popular with lots of examples Theme builder & icons Custom library builder (beta) Easy page navigation Responsive controls Promises support jQuery + jQuery Mobile

9. © Copyright 2015 by Trunica Inc. Contact info@trunica.com Lets Make A Simple UI Single “page” application approach Add a couple logical pages (divs) Add a few widgets Change the theme on a page Navigate to a page and back DEMO TIME!

10. © Copyright 2015 by Trunica Inc. Contact info@trunica.com Other UI Toolkits / Frameworks Ionic Onsen UI Kendo UI Mobile Angular UI Intel XDK

11. © Copyright 2015 by Trunica Inc. Contact info@trunica.com Debugging An App Seamless in Visual Studio for: Android 4.4 or later iOS 6 or later Windows Phone 8.0 or later Awesome DOM manipulation Use weinre for other targets or remote debugging DEMO TIME!

12. © Copyright 2015 by Trunica Inc. Contact info@trunica.com Backend Services Get to data like any other web app: XmlHttpRequest Use specific service plugins URLs to APIs that return blobs DEMO TIME!

13. © Copyright 2015 by Trunica Inc. Contact info@trunica.com Plugins Plugins for all phone features: Location Media capture / playback In-app purchase Notifications etc… Write your own Always come with source code

14. © Copyright 2015 by Trunica Inc. Contact info@trunica.com Azure Mobile Services Plugin Data access – cloud and on-premises SQL Server, SharePoint, Office 365 Notification hubs Create demo app right from Azure Authentication – AD & Social networks Easy to scale

15. © Copyright 2015 by Trunica Inc. Contact info@trunica.com Connecting to Azure Mobile Services Quickly store table data to cloud in either mobile services storage or SQL server Hybrid connection to on premise SQL Server Sync data for offline operation DEMO TIME!

16. © Copyright 2015 by Trunica Inc. Contact info@trunica.com Azure Push Notifications Image Source: https://azure.microsoft.com/en-us/documentation/articles/notification-hubs-overview/https://azure.microsoft.com/en-us/documentation/articles/notification-hubs-overview/ Traditional PN Complicates back end Duplicate code Multiple interfaces Hub PN Simplifies back end One code base One interface

17. © Copyright 2015 by Trunica Inc. Contact info@trunica.com Azure Push Notifications Broadcast and targeted Notification hub benefits: Registration / De-register Template based 1 million / month, 500 devices FREE 10 million / month, unlimited for $10 Manage & test right from Visual Studio DEMO TIME!

18. © Copyright 2015 by Trunica Inc. Contact info@trunica.com More Materials & Training VS Cordova Twitter @VSCordovaTools Trunica Twitter @Trunica Preparing your environment Project layout & structure User interface Backends & databases Debugging Platform tips & quirks Push notifications Geo-location Record & play media Data storage Testing your app Deployment to app stores Training Modules 2 Day training class Nov 4 th & 5 th http://training.trunica.net