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

© Copyright 2015 by Trunica Inc. Contact 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

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

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

© Copyright 2015 by Trunica Inc. Contact 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

© Copyright 2015 by Trunica Inc. Contact 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)

© Copyright 2015 by Trunica Inc. Contact 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!

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

© Copyright 2015 by Trunica Inc. Contact 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!

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

© Copyright 2015 by Trunica Inc. Contact 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!

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

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

© Copyright 2015 by Trunica Inc. Contact 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

© Copyright 2015 by Trunica Inc. Contact 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!

© Copyright 2015 by Trunica Inc. Contact Azure Push Notifications Image Source: Traditional PN Complicates back end Duplicate code Multiple interfaces Hub PN Simplifies back end One code base One interface

© Copyright 2015 by Trunica Inc. Contact 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!

© Copyright 2015 by Trunica Inc. Contact More Materials & Training VS Cordova 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