2. Windows App Studio- Windows apps for 45 minutes
Spaso Lazarević
Microsoft MVP
MED-EL GmbH

3. Preferred text layout (no bullets)
10/26/2017 7:24 AM
Preferred text layout (no bullets)
Main topic 1: size 40pt
Size 20pt for the subtopics
Main topic 2: size 40pt
Main topic 3: size 40pt
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

4. Spaso Lazarević Microsoft Most Valuable Professional
10/26/2017 7:24 AM
Spaso Lazarević Microsoft Most Valuable Professional
Software engineer in R&D Med-el GmbH, Innsbruck, Austria
Med-el - The Hearing Implant Company
Speaker at:
MSNetwork, Sinergija, Tarabica, WinDays, MobilityDay, NTK, MSCommunity BiH, User Groups
Contact:
@spasobn
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

5. Agenda What is Windows App Studio How to start Create new application
10/26/2017 7:24 AM
Agenda
What is Windows App Studio
How to start
Create new application
Application Development cycle
What is next
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

6. What is Windows App Studio
10/26/2017 7:24 AM
What is Windows App Studio
Windows App Studio is a tool to make high quality Windows 10 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
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

7. How to start Register to Windows App Studio Develop your app
10/26/2017 7:24 AM
How to start
Register to Windows App Studio
Develop your app
Test your app
You need to install Windows App Studio Certificate
Windows App Studio Installer
Open Developer account – Dev Center
Submit to the Store
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

8. Create new application
10/26/2017 7:24 AM
Create new application
Web App Template
Wrap a mobile website into an app – Hosted Web app (add native controls)
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.
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

9. App Development Lifecycle -flow
10/26/2017 7:24 AM
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
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

10. App Development cycle Configure app content Themes Tiles Settings app
10/26/2017 7:24 AM
App Development cycle
Configure app content
Data sources – type of the content
Sections – pages of your app
Themes
Configure app style
Tiles
Settings app
Generate app
Install and test on device
Publish app
Themes
Background, navigation pane, app bar, back image,theme (light/dark/custom)
Tiles
Live tiles, type tiles, edit tiles, template preview
Settings app
App title, logo, Language, Desc, Store Association
Generate app
Windows Mobile or Universal Windows Project
Data Sources
A data source represents the type of content that you want to display in each section of your app – YouTube videos from your favorite channel, your store’s inventory, images from your Flickr account, etc. Data sources are displayed in your app through sections. Every section you create is connected to a data source.
What are the different Data Sources?
RSS – A list of set of information based on an RSS feed that you enter when creating the data source.
Html – A single page of static text that you enter.
YouTube – A list of videos with titles and descriptions based on a YouTube channel or search that you enter when creating the data source.
Flickr – The Flickr data source allows you to display photos from the hashtag search function as well as from a specific user account, to the users of your app, without requiring them to have a Flickr account.
Bing – A list of news
Facebook – A Facebook feed from a public Facebook page.
Instagram – A list of images based on the Instagram Id
Twitter
Menu
Collection – A list of items with columns of characteristics. This is your personal data that does not depend on a website.
Xbox Music
What can I do with a Collection?
A collection is a data source that allows you to upload data that does not depend on a website. Examples could be store inventory, contact info, daily menu, your favorite musicians, etc. The point is that you get to choose and add the data that appears in it.
Static Resources vs. App Studio Data Services
For Collections, there are two data storage options: Static Resources and Windows App Studio Data Services
Static Resources means the data will live in the app on the phone and does not depend on an internet connection. If you change the data in Windows App Studio, your app will not automatically update.
App Studio Data Services means the data is stored in Windows App Studio’s servers in the cloud and depends on an internet connection. If you update your data in Windows App Studio, your app will automatically update. This allows you to create live apps that do not need to be updated when you want to change data. This will also let you take advantage of the Windows App Studio Collections app that is available in the Windows Store (Windows 10 only).
Application Sections are the pages of your app. You can add up to 10 distinct Application Sections to your app. There are two types: Sections and Menus.
A Section is a group of pages that connect to a data source. All Sections have a main page that shows your data on a high level and can have additional pages with more detailed data.
A Menu is an individual page that contains a list of items that can be either sections or actions. Section items link you to a new section in the app. Action items let you link to an external website or complete a variety of different actions. You can also create a custom Action item. Each section listed in the menu can connect to a different data source. Menus let you show more information because they can have multiple sections, so they are very useful when you want to show more information than what can fit in 6 Sections.
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

11. Configuring app content
10/26/2017 7:24 AM
Configuring app content
Data sources
Type of the content that you want to display in each section of your app:
Collection, Youtube, Flickr, Facebook, Instagram, Twitter, RSS, Wordpress, GrooveMusic
Section
Pages of the app. Connected to a data source.
List and Detail page (predefined layouts)
Related Content
Config
Collection
Data source acts like a table in database
Static or Dynamic resource
Menu
Special sections that can link to another sections or actions
Connecting to Services using API Keys
Most of the services we are using to connect to external services are changing their support policy, and are deprecating the anonymous access to their APIs.
This implies that all the apps you created in the past, and use any of the affected data sources will stop working, to fix it you need:
Create a developer account in the affected provider (ex: YouTube, Facebook, Twitter, and Instagram).
Register your application.
Create a developer or API key. In some cases, the Client Secret might also be needed. Look in the API manuals for detailed instructions for each provider.
In Windows App Studio, associate a given key or keys with the project you are creating.
Note that you can use the same keys in different sections and apps.
Multilingual Support
When you create an app, you can easily change the default language that will be displayed in the Windows Store in the first "App Information" step. In order to add additional languages to your Windows Phone application, you need to download the source code for the application and edit it using Visual Studio.
The initial resource file you use to capture UI strings that are being localized is called AppResources.resx and is located in the app’s Resources folder of your project.
On the project’s Properties page in the Supported Culture box, select the language(s) you would like your app to support. Visual Studio will create a new resource file for each supported language that is an exact copy of the default language resource file (AppResources.resx). It will automatically rename it using the culture’s locale code, such as AppResources.en-US.resx.
Replace the default language values in each supported language resource file with translated values, and you are done!
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

12. Demo
Windows App Studio

13. What is next Improve app with Windows App Studio
10/26/2017 7:24 AM
What is next
Improve app with Windows App Studio
Import project into Visual Studio (add Multilingual Support)
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

14. Additional Resources User Voice Support Forum
10/26/2017 7:24 AM
Additional Resources
User Voice
Support Forum
Building apps for Windows
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

15. 10/26/2017 7:24 AM
My Contact Information
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

16. Izpolnite anketo! Vam je bilo predavanje všeč?
Ste se naučili kaj novega?
Vaše mnenje nam veliko pomeni!
Da bo NT konferenca prihodnje leto še boljša, vas prosimo, da izpolnite anketo o zadovoljstvu, ki jo najdete v svojem NTK spletnem profilu.

17. Appendix Sign in with Microsoft (LIVE ) ID Complete “User Guide”
Build 2014
10/26/2017
Sign in with Microsoft (LIVE ) ID
Complete “User Guide”
View your App Studio app projects
Reference Apps in Store created with App Studio
© 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. 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 be interpreted 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 STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

18. Choose template to start creating Windows Apps
Appendix
Build 2014
10/26/2017
Choose template to start creating Windows Apps
© 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. 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 be interpreted 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 STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

19. Appendix
Build 2014
10/26/2017
© 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. 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 be interpreted 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 STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

20. Appendix MAIN VIEW: List view or Hub Sections Abstract Representation:
Build 2014
Appendix
10/26/2017
MAIN VIEW: List view or Hub
Sections
Abstract Representation:
Data Sources
Schema + Implementation
Views (ItemList, ItemDetail)
Menus
Actions
© 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. 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 be interpreted 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 STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

21. Appendix
Build 2014
10/26/2017
Data Sources
Dynamic - Stored in App Studio Servers in the cloud
Static - Hard-Coded into the app
© 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. 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 be interpreted 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 STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

22. Appendix Universal Windows projects
Build 2014
Appendix
10/26/2017
Universal Windows projects
Existing projects can be generated as Windows Mobile 10 or Universal Windows projects for Tablet and PC
Only change required to support Windows apps is Splash Screen configuration
© 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. 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 be interpreted 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 STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

23. 10/26/2017 7:24 AM
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

24. Windows App Studio- Windows apps for 45 minutes
Spaso Lazarević
Microsoft MVP
MED-EL GmbH