1. Spaso Lazarević Microsoft MVP Nova banka ad Banja Luka Windows App Studio

2. Turn off your mobile. Thank you.

3. 3 Agenda What is Windows App Studio How to start Create new application Application Development cycle What is next

4. 4 What is Windows App Studio Windows App Studio is a tool to make high quality Windows and Windows Phone apps 100% Web-based tool „Code-free” development tool Edit-Continue tool Build apps for immediate publishing, testing, and sharing For advanced features - generates your source code – edit in Visual Studio

5. 5 How to start Open Developer account – Dev Center Register to Windows App Studio http://appstudio.windows.com/ http://appstudio.windowsphone.com/ Develop your app Test your app You need to install Windows App Studio Certificate Submit to the Store

6. 6 Create new application An Empty App From existing template Start with a previously generated app as a guide Use the sections, Data Sources structure, content and style from the template while you configure and customize the layout and content. Web App Template Wrap a mobile website into an app (add native controls)

7. 7 App Development Lifecycle -flow Plan/Design Use Visual Studio to Modify App Test/Debug App in Emulator Test App on Real Device Publish App in App Store Use App Studio to Create App

8. 8 App Development cycle Configure app content Create / modify Data Sources Create / modify application sections – Data source – at least one per section – Section pages – WP functionality extras (All pages organized in Panorama control/Hub) Configure app style -Themes Background, foreground, app bar, back image Tiles Tiles, splash screen, lock screen, colors Publish Info App title, logo, Language, Store Association Generate app Windows Phone 8 or Universal Windows Project Install and test on device Publish app

9. 9 Apps Architecture. Sections.

10. 10 Panorama control - Sections

11. 11 App generated

12. 12 Publishing to Store Editing Layouts Publishing a Universal Windows app Windows Phone 8.0 Windows Phone 8.1Windows 8.1 RuntimeSilverlightXAML ToolVS 2012 ExpressVS 2013 Express + Update 2 ProjectWindows Phone Project Universal Project RunsWP8.0WP8.0 & WP8.1Windows 8.1 Side loading (QR) XX Side loading (PowerShell) X Store PackagesX(*)XX

13. 13 Install certificate on the phone

14. 14 Install app on the phone

15. 15 What is next Improve app with Windows App Studio Import project into Visual Studio

16. 16

17. 17 Additional Resources User Voice http://wpdev.uservoice.com/forums/216486 Support Forum http://social.msdn.microsoft.com/Forums/wpapps/en- US/home?forum=wpappstudio Curriculum – for teachers and presenters http://aka.ms/appstudioeducation

18. 18 My Contact Information spasolaz@hotmail.com http://spasol.wordpress.com/ Twitter: @spasobn

19. Q&A.

21. Appendix

24. Universal Windows projects Existing projects can be generated as WP8.0 or Universal Windows projects Only change required to support Windows apps is Splash Screen configuration Visual Studio Express Editions Compatible. WP8.0 SDK includes VS Express Universal requires VS Express 2013 for Windows and Update 2 Appendix