Meetup 2013.01.17

267 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
267
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Ultimately we would like to add Windows Store 8 and Windows Phone 8 builds available in appHub
  • Let’s try it with Windows Phone 8 this time
  • Meetup 2013.01.17

    1. 1. Building Win 8 and WP8 Apps Using appMobi 1/18/2013 1
    2. 2. Who am I? Andrew Smith appMobi Developer Evangelist Web Development @profMobi
    3. 3. What steps are necessary to build forWindows 8 and Windows Phone 8?
    4. 4. Demonstrations• Windows 8 Store• Windows Phone 8 I’ll make the demo appavailable to you following this presentation
    5. 5. Create a new Visual Studio 2012 Project • Create a new Windows Store project
    6. 6. Get a template from NuGet • Go to NuGet and grab the an appropriate project template
    7. 7. Load the template • Load the template through the Package Manager Window
    8. 8. Edit app.xaml.cs • For Windows 8 Store applications, make sure to edit the rootFrame.navigate command to use the appMobi browser object
    9. 9. Download the application bundle • Get the application bundle o Through the XDK o Downloading it from appHub
    10. 10. Add the application bundle • Copy the application bundle into the HTML directory of the project, making sure to leave the _appMobi directory intact • Edit index.html and change the reference to appmobi.js to the _appMobi directory
    11. 11. Create a new Visual Studio 2012 Project • Create a new Windows Phone 8 project
    12. 12. Get a template from NuGet • Go to NuGet and grab the an appropriate project template
    13. 13. Load the template • Load the template through the Package Manager Window
    14. 14. Edit the WMAppManifest.xml file • For Windows Phone 8 applications, edit the WMAppManifest.xml file to point to AppMobiPage.xaml instead of MainPage.xaml
    15. 15. Download the application bundle • Get the application bundle o Through the XDK o Downloading it from appHub
    16. 16. Add the application bundle • Copy the application bundle into the HTML directory of the project, making sure to leave the _appMobi directory intact • Edit index.html and change the reference to appmobi.js to the _appMobi directory
    17. 17. Reference your bundle’s files • For Windows Phone 8 applications, edit the AppMobiWebSource.xml file to include a reference to all assets that are necessary from the bundle
    18. 18. Build and test • Build the application and then submit to the appropriate app store
    19. 19. More Information For video demonstrations of this process, find these videos on YouTube.• How to use Visual Studio and appMobi to port your hybrid HTML5 app to Windows 8• How To Create Windows Phone 8 apps• How to do on-device testing with Windows Phone 8• http://www.youtube.com/watch?v=x8eMev43Q3g• http://www.youtube.com/watch?v=L_tz3juWzTk• http://www.youtube.com/watch?v=0bgqeiD5jpY
    20. 20. Find more information at:http://www.appmobi.com/documentation Find out where here I’ll be next: @profMobi
    21. 21. 1/18/2013 21

    ×