Build Your First Mobile App in 1 hour with Windows App Studio

  • Published on
    29-Jun-2015

  • View
    378

  • Download
    1

Embed Size (px)

DESCRIPTION

Microsoft App Studio is an innovative new tool to design and build a starter app for Windows Phone and Windows Store without writing any code. Whether youre a mobile development neophyte or a savvy developer filled with great ideas but not enough time to prototype them, App Studio can help you get started by building the core of your application using multiple page templates and data sources, such as RSS feeds, YouTube videos, Flickr photos, HTML content, custom collections and more. In this session, well build a live & working mobile app for both Windows Phone and Windows Store on the fly, exploring the various options of App Studio. Well then generate the source code and dive into Visual Studio to understand the various parts produced by App Studio and how to extend them. Well discuss how to add custom features to the starter app, turning our prototype into a real-world app, such as advertising, in-app purchasing and such. Lastly well go over whats involved to get the app published, how the submission process works, and where to take your app from there. If you still havent published any mobile apps, it doesnt get any easier than with App Studio. Come learn how to get from Idea to Publish in just a few hours. Here are some examples of live published apps I have built with App Studio, all but one created live in front of the audience in one of these sessions: About WoW (Gamer hub for World of Warcraft players) http://aka.ms/aboutwow The Second City (for fans of the famous improve comedy theatre) http://aka.ms/2ndcity Halo Central Hub (for fans of the Halo franchise) http://aka.ms/halohub-wp8 Shadowrun Gamer Hub (for fans of the Shadowrun cyberpunk franchise) http://aka.ms/shadowrun-wp8

Transcript

  • 1. http://www.bigbaldapps.comwww.AgeofMobility.com@ActiveNick2005-2014

2. Can you build an app for my garage band?Can you teach my kids class how to code?I cant program a VCR, but I want tobuild an app, can you help me?We have a lunch meeting with a client in a half hour, can you whip up a basic app for them? 3. SocialTools and ProductivityInformation and PromotionGamesEntertainment 4. MacysNY TimesEngadgetPGA TourAll RecipesArsenal BlogMens Health WorkoutsYelpLas Vegas GuideCNN 5. More than 1.5M App Studio usersMore than 370,000 app projects30,000+ apps published to Windows Phone Store 6. appstudio.windows.com 12 7. About WoWhttp://aka.ms/aboutwowNetduinoNinjahttp://aka.ms/nninjaThe Second Cityhttp://aka.ms/2ndcityWatch Corner Gas(retired, N/A) 8. The Story of my First App Built with Microsoft App Studio! 9. Plan/DesignUse Visual Studio to Code AppTest/Debug App in EmulatorTest App on Real DevicePublish App in App StoreUse App Studio to Create App 10. Choose templateSelect tilesSelect themeEnter publish infoAdd contentSign into App StudioGenerate app 11. Demo: Creating an app 12. RSSHTMLYouTubeFlickrBingFacebookCollectionCall PhoneEmailNokia Music: Play Artist MixNokia Music: ArtistNokia Music: SearchHERE Maps: DirectionsHERE Maps: Address 13. Data ModelViewXAMLCode-BehindEvent HandlersData ModelViewXAMLCode-BehindView ModelState + OperationsChange notificationData-binding and commands 14. http://wpdev.uservoice.com/forums/216486http://social.msdn.microsoft.com/Forums/wpapps/en-US/home?forum=wpappstudiohttp://aka.ms/appstudioeducationhttp://channel9.msdn.com/Events/Build/2014/2-565 15. http://aka.ms/wp81jshttp://channel9.msdn.com/Events/Build/2014www.microsoftvirtualacademy.com/product-training/windows-phonehttp://code.msdn.microsoft.com/wpapps/Windows-Phone-81-samples-08631ca7 16. www.ageofmobility.com/?page_id=961blogs.windows.com/windows_phone/b/wpdevblogs.windows.com/windows_phone/b/windowsphonewww.developer.nokia.com/Community/Wiki/Category:Windows_Phonewww.dvlup.comhttp://conversations.nokia.comhttp://apps.windowsstore.comwww.AgeofMobility.comhttp://flip.it/95YFGwww.geekchamp.comwww.wpcentral.com 17. Thank You!Slides will be posted on my Slideshare account. Demos are on GitHub.Slideshare:www.slideshare.net/ActiveNickBlog:www.AgeofMobility.comTwitter:@ActiveNickMobile Apps: www.bigbaldapps.comLinkedIn: www.linkedin.com/in/activenickGitHub: github.com/ActiveNickEmail: nick.landry@microsoft.com 18. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not beInterpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation.MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUATORY, AS TO THE INFORMATION IN THIS PRESENTATIONLegal statement 19. Create a RSS data source for a sectionSpecify the RSS URL to select the posts to display 20.

HTML5 is a markup language used for structuring and presenting content for the World Wide Web and a core technology of the Internet.

HTML5 is a markuplanguage used for structuring and presenting content for the World Wide Web and a core technology of the Internet.Create a HTML data source for a sectionAdd and format your content 21. Create a YouTube data source for a sectionSpecify a search, user, or playlist to select the videos to display 22. Create a Flickr data source for a sectionSpecify a search or a user to select the photos to display 23. Create a Bing data source for a sectionSpecify a search term and country to select the search results 24. Create a Facebook data source for a sectionSpecify a Facebook page to display 25. Find a hashtag that shows relevant photosCreate a Instagram data source for a sectionSpecify the hashtag to select the photos to display 26. Create a Menu data source for a sectionAdd MenuActionsto your Menu 27. Create a Collection data source for a sectionSpecify your columns and typesEdit your collection data