Building Windows 8 Applications with appMobi

1,305 views

Published on

An overview of appMobi for Windows 8 Store application development, with a screen-by-screen demo walkthrough. [Presented on 12/3/2012 at the Microsoft Store Boston]

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,305
On SlideShare
0
From Embeds
0
Number of Embeds
531
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Building Windows 8 Applications with appMobi

  1. 1. Building Windows 8 Applications With appMobiJim O’NeilTechnical Evangelist,Microsoft http://aka.ms/8in30http://aka.ms/jimoneil
  2. 2. agendaWhat’s appMobi? Demo!
  3. 3. appMobiWhat’s appMobi?
  4. 4. “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
  5. 5. 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)
  6. 6. demoDemo!
  7. 7. 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
  8. 8. appMobi Windows 8 Workflow Via the “Test Anywhere” option on the XDK menu, push your application to the cloud.
  9. 9. appMobi Windows 8 Workflow Access your registered application via the appHub Control Center on a Windows 8 machine with Visual Studio 2012.
  10. 10. appMobi Windows 8 Workflow Initiate the download of your application source files.
  11. 11. appMobi Windows 8 Workflow Get the QA Bundle for your project and unzip the file contents into a directory on the Windows 8 machine.
  12. 12. appMobi Windows 8 Workflow Create a new C# Windows Store project using the Blank App (XAML) template.
  13. 13. appMobi Windows 8 Workflow Use the Manage NuGet Packages… project option to add the appMobi Windows 8 Store Blank Template package.
  14. 14. 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.
  15. 15. appMobi Windows 8 Workflow App.xaml.cs Replace MainPage with AppMobiPage in call to Navigate.
  16. 16. appMobi Windows 8 Workflow index.html Ensure JavaScript scr attributes point to local files in package versus http URLs.
  17. 17. appMobi Windows 8 Workflow Hello World Run, test and enhance the application via Visual Studio 2012.
  18. 18. Windows Store Submissionhttp://bit.ly/JMLhz8

×