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

2. 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

3. 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

4. App navigation
11/14/2018

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

6. 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 to a specified address
You can set a menu title
You can choose between three different menu layouts
11/14/2018

7. 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

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

9. Data sources Collections
11/14/2018

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

11. Designing a schema
11/14/2018

12. 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

13. Importing and exporting data
Title;Subtitle;Image;Description;Phone
"At Bristol";"Bringing science to life!";" hundreds of hands-on exhibits to explore...";" "
"M-shed";"Bristol's Museum, Bristol's Story";" the first time, Bristol has ...";" "
"SS Great Britain";"Brunel's SS Great Britain";" the Ship that Changed the World";" "
11/14/2018

14. 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…
For the first time…
11/14/2018

15. 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…
11/14/2018

16. 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

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

18. 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

19. 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

20. 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

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

22. 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

23. 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:
If you don’t have Visual Studio, the SDK includes a stand-alone Visual Studio Express 2012 edition for Windows Phone.
11/14/2018

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

25. 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

26. 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

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

28. 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.