Building Windows 8 ApplicationsWith appMobi

Jim O’NeilTechnical Evangelist, Microsofthttp://aka.ms/jimoneil

http://aka.ms/8in30

agenda

What’s appMobi?

Demo!

appMobi

What’s appMobi?

“appMobi makes HTML 5 Mobile”

• Development Technologies• XDK – web based IDE• GameDev XDK – adds ImpactJS for game development• directCanvas – game-enhanced replacement for HTML 5 Canvas• jqMobi – open-source, lightweight (5K) mobile framework

• Deployment and packaging: appHub• Cloud Services• 1Touch: in-app purchasing• pushMobi: for rich media messaging• playMobi: gamification and social engagement• statMobi: mobile analytics

appMobi and Windows 8 - appMobi.com

How to use appMobi and Visual Studio to port your hybrid HTML 5 app to Windows 8

(http://bit.ly/YqyAp1)

Demo!

demo

appMobi Windows 8 Workflow

Start with appMobi’s XDK development environment by creating and building a new application in Chrome (on any machine).

See: http://bit.ly/SwyHcC

appMobi Windows 8 Workflow

Via the “Test Anywhere” option on the XDKmenu, push your application to the cloud.

appMobi Windows 8 Workflow

Access your registered application via the appHub Control Center on a Windows 8 machine with Visual Studio 2012.

appMobi Windows 8 Workflow

Initiate the download of your application source files.

appMobi Windows 8 Workflow

Get the QA Bundle for your project and unzip the file contents into a directory on the Windows 8 machine.

appMobi Windows 8 Workflow

Create a new C# Windows Store project using the Blank App (XAML) template.

appMobi Windows 8 Workflow

Use the Manage NuGet Packages… project option to add the appMobi Windows 8 Store Blank Template package.

appMobi Windows 8 Workflow

html folder

Drag-and-drop bundle files (EXCEPT for _appMobi directory) into the html directory of the Visual Studio project, overwriting existing files.

appMobi Windows 8 Workflow

Replace MainPage with AppMobiPage in call to Navigate.

App.xaml.cs

appMobi Windows 8 Workflow

Ensure JavaScript scr attributes point to local files in package versus http URLs.

index.html

appMobi Windows 8 Workflow

Hello World

Run, test and enhance the application via Visual Studio 2012.

http://bit.ly/JMLhz8

Windows Store Submission