Introduction to mobile app development Module 3 – Improving your App Studio app Lance McCarthy

Agenda More app design Getting ready to use Visual Studio Understanding app navigation Introduction to controls Using data sources Binding Getting ready to use Visual Studio Installing Visual Studio Downloading your app source code 11/14/2018

Design then build Distribute Gain customer feedback Design/Plan Test Plan the content Design the layout Plan the navigation Create/Build Create the sections Configure the data sources Customize the pages Test Test in the emulator Test on a real device Distribute Share with friends Publish in the store Gain customer feedback Enhance the app Re-publish in the store 11/14/2018

App navigation 11/14/2018

Panorama style navigation history useful links Link # 1 2 3 My city gallery news Item 11/14/2018 Sections / Panorama Items Panorama Control

Menus in App Studio apps A menu is a type of section Each menu contains a list of links such as: Links to other sections Links to web pages Action items to dial a phone number Action items to send an email to a specified address You can set a menu title You can choose between three different menu layouts 11/14/2018

Section pages in App Studio apps A section page defines a layout for the information your app displays. Each section has its own collection of section page layouts. Each section has a main section page layout. Most section types enable you to choose between alternative main page layouts. Some section types enable you to have more section page layouts in addition to the main page layout in your app. Data Source PicturesSource (Flickr) Section Pictures Page(s) Main page Detail/Zoom page 11/14/2018

Demo: App navigation Panoramas Menus Sections Section page layouts 11/14/2018

Data sources Collections 11/14/2018

Data Sources: Review of Types Flickr HTML Bing RSS YouTube Collection 11/14/2018 Introduction to Mobile App Development

Designing a schema 11/14/2018

Editing data Use App Studio to edit your data. You cannot modify the schema after you have added data. Using static resources means that data is embedded in your app. If you change the data, you must redistribute the app. 11/14/2018

Importing and exporting data Title;Subtitle;Image;Description;Phone "At Bristol";"Bringing science to life!";"http://...jpg";"With hundreds of hands-on exhibits to explore...";"0845 345 1235" "M-shed";"Bristol's Museum, Bristol's Story";"http://...jpg";"For the first time, Bristol has ...";"0117 352 6600" "SS Great Britain";"Brunel's SS Great Britain";"http://...jpg";"Discover the Ship that Changed the World";"0117 926 0680" 11/14/2018

Binding Binding associates an item on a page layout with a value in a column, in a data collection My app museum M-shed Bristol’s museum Data source Title Subtitle Image Description Phone … M-shed Bristol’s Museum http/…jpg For the first time… 0117 352 6600 For the first time… 0117 352 6600 11/14/2018

Action binding museum Create email (email data type) Dial phone number (phone data type) Show directions (address data type) Show location (address data type) Show artist (artist data type) Search for artist or album (artist or album data type) Play artist mix (artist data type) My app museum M-shed Bristol’s museum For the first time… 0117 352 6600 11/14/2018

Demo: Creating and using a collection Creating a custom schema Importing data from a CSV file Using custom columns on a page 11/14/2018

Static or dynamic data sources 12:38 12:38 Static Resource App Studio Data Service 11/14/2018

Demo: Using App Studio data services Convert a static data source into a dynamic data source Show a dynamic data source working in the emulator 11/14/2018

Next steps Advanced app design: Designing custom pages and layouts Implementing custom actions Integrating with other phone services and sensors Enabling user input in the app Exporting the app source code from App Studio Using Visual Studio: Acquiring Visual Studio Loading your app solution Building your app Testing and debugging your app in the emulator 11/14/2018

App Development Lifecycle Plan/Design Use App Studio to Create App Test App on Real Device Publish App in App Store Monitor App and Receive Feedback Use Visual Studio to Modify App Test/Debug App in Emulator Test App on Real Device Publish App in App Store Monitor App and Receive Feedback 11/14/2018 Introduction to Mobile App Development

Demo: Exporting source code Generating the app in App Studio Downloading the source code 11/14/2018

What is Visual Studio? Visual Studio is a suite of tools with an integrated development environment for building many different types of apps and applications, including Windows Phone Build Windows Phone apps from the ground up Modify Windows Phone apps created in App Studio Edit the code and markup that defines the logic, behaviour and UI of the app Build and test the app Deploy the app to the emulator, to a real device, or the store Introduction to Mobile App Development

What is the Windows Phone SDK? The Windows Phone Software Development Kit (SDK) includes all the tools you need to develop apps and games for Windows Phone. If you have Visual Studio 2013, it’s already included. If you have Visual Studio 2012, you can download it free from: http://dev.windowsphone.com/en-us/downloadsdk. If you don’t have Visual Studio, the SDK includes a stand-alone Visual Studio Express 2012 edition for Windows Phone. 11/14/2018

Demo: Loading your app source code in Visual Studio Projects/Solutions Editors/Property Sheets Building Debugging 11/14/2018

Review – What did we do today? More app design Understanding app navigation Introduction to controls Using data sources Binding Getting ready to use Visual Studio Installing Visual Studio Downloading your app source code 11/14/2018

Lab assignment This lab is divided into two parts: Enhancing the app you created in the previous assignment by adding features such as collection data sources and actions. Installing Visual Studio and loading the source code of your app. 11/14/2018

Introduction to mobile app development Module 3 – Improving your App Studio app Lance McCarthy

11/14/2018 © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista 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. 11/14/2018 © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista 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.