Creating a great connected experience across multiple platforms is an essential element of great mobile applications. However, what happens when there is little to no connectivity—such as on an airplane or in some foreign countries? Does your mobile app effortlessly synchronize data when the device gets back online? Although users expect and deserve this type of behavior, James maintains that developing your own cloud backend and an API across all operating environments is time consuming and error prone. Even more, managing multiple projects, languages, IDEs, and continuous integration processes is unsustainable in the long run. Fear not! Industry leaders such as Amazon, Couchbase, and Microsoft can help solve this problem on iOS, Android, and Windows mobile devices. Join James to investigate the wide range of options for creating a connected and unconnected mobile experience. Come see a full implementation using the latest features of Azure App Service and mobile apps across iOS, Android, and Windows with Xamarin.

1. W9
Track Session
4/20/2016 1:00 PM
"Building Connected and
Disconnected Mobile Applications"
Presented by:
James Montemagno
Xamarin
Brought to you by:
340 Corporate Way, Suite 300, Orange Park, FL 32073
888-268-8770 ∙ 904-278-0524 ∙ info@techwell.com ∙ www.techwell.com

2. James Montemagno
Xamarin
James Montemagno, a developer evangelist at Xamarin, has been a .NET
developer for more than a decade working in a wide range of industries including
game development, printer software, and web services. Previously, James was a
professional mobile developer using the Xamarin platform for more than three
years, with several published apps on iOS, Android, and Windows. He can be
found on Twitter @JamesMontemagno and blogs code regularly on his personal
blog.

3. Building Connected and
Disconnected Mobile Apps
James Montemagno
Developer Evangelist, Xamarin
James
Montemagno
Developer Evangelist, Xamarin
james@xamarin.com motzcod.es @JamesMontemagno

4. We Apps!
189M
downloads
a day
200mins on
phone
127mins in
apps

5. The average app user has 36 apps installed on his
or her phone.
Only 1/4 are used daily:

6. 1/4 of apps are never used!

7. http://opensignal.com/coverage-maps

8. http://businesstech.co.za/news/mobile/32166/lte-across-the-globe/

9. Up in the air
2.1 B
flights
75 MInternational
arrivals
3
weeks
https://www.ustravel.org/answersheet

10. James travels.. a lot!
Bad offline experiences

11. Good offline experiences

12. No shared code • Many languages & development environments • Multiple teams
Java
Android Studio
in
Android codebaseiOS codebase
Objective-C
XCode
in
C#
Visual Studio
in
Windows codebase
Objective-C
in
Xcode
Java
in
Android Studio
C#
in
Visual Studio
App Generator
Lua
Javascript
Actionscript
HTML+CSS
Limited native API access • Slow performance • Poor user experience
Java
Android Studio
in
Android codebaseiOS codebase
Objective-C
XCode
in
C#
Visual Studio
in
Windows codebase
Java
Android Studio
in
Android codebaseiOS codebase
Objective-C
XCode
in
C#
Visual Studio
in
Windows codebase
Java
Android Studio
in
Android codebaseiOS codebase
Objective-C
XCode
in
C#
Visual St
in
Windows co

13. Shared C# codebase • 100% native API access • High performance
iOS C# UI Windows C# UIAndroid C# UI
Shared C# Mobile

14. Traditional Xamarin
Approach
With Xamarin.Forms:
More code-sharing, all native
iOS C# UI Windows C# UIAndroid C# UI
Shared C# Backend
Shared UI Code
Shared C# Backend
<?xml version="1.0" encoding="UTF-8"?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="MyApp.MainPage">
<TabbedPage.Children>
<ContentPage Title="Profile" Icon="Profile.png">
<StackLayout Spacing="20" Padding="20"
VerticalOptions="Center">
<Entry Placeholder="Username"
Text="{Binding Username}"/>
<Entry Placeholder="Password"
Text="{Binding Password}"
IsPassword="true"/>
<Button Text="Login" TextColor="White"
BackgroundColor="#77D065"
Command="{Binding LoginCommand}"/>
</StackLayout>
</ContentPage>
<ContentPage Title="Settings" Icon="Settings.png">
<!-- Settings -->
</ContentPage>
</TabbedPage.Children>
<TabbedPage>

15. Xamarin Platform: native apps across platforms
Xamarin Platform: Completely free!

17. RESTAPI
Offline
sync
Facebook Twitter Microsoft Google Azure Active
Directory
Azure Mobile Apps
WindowsAndroid
Chrome
iOS
OSX
In-AppKindle
Backend code
SQL MongoTables O365 API Apps
Offline Sync

18. Create a Mobile Service
MobileService = new MobileServiceClient(
"https://myapp.azurewebsites.net");
Create Tables
IMobileServiceSyncTable<Store> table;
public async Task Init()
{
const string path = "syncstore.db";
var db = new MobileServiceSQLiteStore(path);
db.DefineTable<Store>();
}
var handler = new MobileServiceSyncHandler();
await MobileService.SyncContext.InitializeAsync(db, h);
table = MobileService.GetSyncTable<Store>();

19. Get and Modify Data
public async Task<IEnumerable<Store>> GetStoresAsync()
{
await table.PullAsync("allStores", table.CreateQuery());
return await table.ToEnumerableAsync();
}
public async Task<Store> AddStoreAsync (Store store)
{
await table.InsertAsync (store);
await table.PullAsync("allStores", table.CreateQuery());
await MobileService.SyncContext.PushAsync();
return store;
}
Shared C# codebase • 100% native API access • High performance
iOS C# UI Windows C# UIAndroid C# UI
Shared C# Mobile C# Server
Linux/Mono
CoreCLR
Azure
Shared C# Client/Server

20. Let’s build an app!

25. Get Started Today
xamarin.com
Thank you.
James
Montemagno
Developer Evangelist, Xamarin
james@xamarin.com motzcod.es @JamesMontemagno