Your SlideShare is downloading. ×
0
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Meetup 2013.01.17
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Meetup 2013.01.17

123

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
123
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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
  • Transcript

    • 1. Building Win 8 and WP8 Apps Using appMobi 1/18/2013 1
    • 2. Who am I? Andrew Smith appMobi Developer Evangelist Web Development @profMobi
    • 3. What steps are necessary to build forWindows 8 and Windows Phone 8?
    • 4. Demonstrations• Windows 8 Store• Windows Phone 8 I’ll make the demo appavailable to you following this presentation
    • 5. Create a new Visual Studio 2012 Project • Create a new Windows Store project
    • 6. Get a template from NuGet • Go to NuGet and grab the an appropriate project template
    • 7. Load the template • Load the template through the Package Manager Window
    • 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. Download the application bundle • Get the application bundle o Through the XDK o Downloading it from appHub
    • 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. Create a new Visual Studio 2012 Project • Create a new Windows Phone 8 project
    • 12. Get a template from NuGet • Go to NuGet and grab the an appropriate project template
    • 13. Load the template • Load the template through the Package Manager Window
    • 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. Download the application bundle • Get the application bundle o Through the XDK o Downloading it from appHub
    • 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. 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. Build and test • Build the application and then submit to the appropriate app store
    • 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. Find more information at:http://www.appmobi.com/documentation Find out where here I’ll be next: @profMobi
    • 21. 1/18/2013 21

    ×