azureconf 2013 developing cross platform mobile solutions with azure mobile services and html5

21
Chris “Woody” Woodruff Sr. Trainer Telerik @cwoodruff Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

Upload: chris-woodruff

Post on 18-Nov-2014

607 views

Category:

Technology


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

Chris “Woody” WoodruffSr. TrainerTelerik@cwoodruff

Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

Page 2: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

Who I am?Chris Woodruff

MVP, Visual C#Trainer at TelerikCo-host of Deep Fried Bytes Podcast

@cwoodruff / [email protected] / Skype: cwoodruff

Page 3: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

Windows Azure Global Bootcamp

Over 100 community-led Windows Azure training events worldwide!

http://globalwindowsazure.azurewebsites.net

Page 4: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

http://aka.ms/AzureConf-MemberOffers

http://aka.ms/AzureConf-FreeTrial

Get started with a 90 day free trial

Or, use your existing benefits…

Page 5: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

OutlineMoving the To Do Project to a Mobile AppBuild the basic HTML5 app for mobile platformHooking in Azure Mobile ServicesBringing it all together for Real World Mobile AppsPublish Your App to the StoresQuestions/Answers

Page 6: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

What will we use today to build apps?

Page 7: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

Azure Mobile Services

Moving the To Do Project to a Mobile App

Page 8: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

Cross Platform MobileDevelopment

Page 9: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

Azure Mobile Services

Page 10: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

• Use Fiddler to see your Json data from your Azure Services access point.

Best Practice

Page 11: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

• For development purposes you can turn table permission to “Everyone” no not to share App Key before production.• The App Key is not a hashed password so no

danger if key is exposed.

Best Practice

Page 12: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

Connecting App to Mobile Services

Page 13: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

• Do not reference external scripts in your projects• Will violate App Store policies for downloading external code into your application during runtime.• Listen for touch events, rather than click events• Load JavaScript on demand, when you need it

• RequireJS• Use CSS effects where possible

Best Practice

Page 14: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

Authentication

Page 15: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

Publish

Page 16: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

Devices Icenium Works With

Page 17: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

The demo projects can be found at:

• github.com/cwoodruff/AzureMobileServicesToDo

The other demo project will be available very soon.

Page 18: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

Azure Mobile Serviceshttp://www.windowsazure.com/en-us/develop/mobile/

Telerik Icenium http://www.icenium.comKendoUI http://www.kendoui.com

Resources

Page 19: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

Chris “Woody” [email protected] @cwoodruffSkype cwoodruffhttp://chriswoodruff.com

Contact Me

http://deepfriedbytes.com

Page 20: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

Windows Azure Global Bootcamp

Over 100 community-led Windows Azure training events worldwide!

http://globalwindowsazure.azurewebsites.net

Page 21: AzureConf 2013   Developing Cross Platform Mobile Solutions with Azure Mobile Services and HTML5

© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.