Building Windows 8 Applications with appMobi
-
Upload
jim-oneil -
Category
Technology
-
view
1.099 -
download
2
description
Transcript of Building Windows 8 Applications with appMobi
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