1. Introduction to mobile app development Module 2 – Getting started with apps and App Studio
Lance McCarthy

2. Designing and creating an app
9/21/2018

3. Choosing a template
When you are creating a new app in App Studio, you can choose to:
Start with a blank template. You’ll need to create all the menus, sections, and data sources yourself. This gives the greatest flexibility, but involves more work.
Select an existing template. The app will already contain a set of menus, sections, and data sources you can use as they are or customize to your own requirements. You can also add new resources to the ones provided by the template. Remember to change all the text and images in a template to your own unique content.

4. Adding application information
Every app that you create in App Studio should have:
Title
Description
Logo
PNG image file type
160 x 160 pixels
Create using a drawing package, or find one that you are permitted to use
These are required if you are going to publish your app in the App store.
9/21/2018

5. Demo: Creating an app Part 1
Creating a new app
Adding a description and a logo
9/21/2018

6. ChurchPicturesSource
Configuring app content (overview)
Data Sources
PicturesSource
(Flickr)
AboutSource
(HTML5)
ChurchPicturesSource
(Flickr)
Sections/ Menus
Pictures
(Section)
About
(Section)
UsefulLinks (Menu)
Action Items
URL
Phone
Section Items
Venice Churches
9/21/2018

7. Adding content using Flickr
Flickr offers web-based photo sharing and photo organizing
App Studio enables you to include galleries from Flickr in your app:
Create a Flickr data source for a section
Specify a search or a user to select the photos to display
12:38
Flickr
9/21/2018

8. Adding content using HTML5
“HTML5 is a markup language used for structuring and presenting content for the World Wide Web and a core technology of the Internet .”
App Studio enables you to include custom formatted content in your app by using an HTML5 data source in a section.
<p>HTML5 is a <em>markup</em> language used for structuring and presenting content for the <strong>World Wide Web</strong> and a core technology of the Internet.</p>
HTML5 is a markup language used for structuring and presenting content for the World Wide Web and a core technology of the Internet.
9/21/2018

9. Adding a menu A menu section contains a collection of menu items.
A menu item can be:
A section item that links to a new section.
An action item that can perform tasks such as open a webpage, send an message, call a phone number, launch a music player, or start a search operation.
Each menu item has a title and an optional image that display in the app on the phone.
9/21/2018

10. Demo: Creating an app Part 2
Creating a menu
Creating a section with a Flickr data source
Creating a section with an HTML5 data source
9/21/2018

11. Other data source types
App Studio allows you to define other data source types such as:
Collections – a database of your custom content
RSS – rich site summary of frequently updated information
YouTube – video sharing website
Bing – web search engine
Collections are covered in a later session.
9/21/2018

12. Data Sources: Review of Types
Flickr
HTML
Bing
RSS
YouTube
Collection
9/21/2018
Introduction to Mobile App Development

13. Configuring app style
On the Themes page, you can customize the colors that your app uses:
Background brush or image – used for app background
Foreground brush – used for text
Application bar brush – used for application bar background
Colors in the palettes are based on the standard Windows Phone color schemes but you can use others that are not included here.
9/21/2018

14. Generating your app
When you have finished creating your app in App Studio, you can ask App Studio to generate it. Afterwards you can:
Install the app on your phone – you must install the App Studio certificate first
Share the app with other App Studio users in an in an message
Publish your app in the App Store
Make your app public in App Studio
Download your app
9/21/2018

15. Demo: Creating an app Part 3
Choosing a style
Generating the app
Sharing the app
9/21/2018

16. Managing your apps
9/21/2018

17. The Dashboard In App Studio, you can use the Dashboard page to:
List your apps
Start editing your apps again
Manage your profile
9/21/2018

18. Review – What did we do today?
How do I create an app?
Introduction to using App Studio
The basics of app design
9/21/2018

19. Lab assignment
For this assignment, you are going to design and create an app using Windows Phone App Studio. You should start by choosing a topic for your app, preferably something that you know or feel passionately about. For example:
A band, singer, artist, celebrity, or sports team you like.
A place, such as your home town or city.
An event such as a birthday party or concert.
A vacation you are planning or have been on.
Your favorite foods and recipes.
A team you play on or club you belong to.
The lab document provides guidance on choosing a topic, and designing the app.
9/21/2018

20. Introduction to mobile app development Module 2 – Getting started with apps and App Studio
Lance McCarthy

21. 9/21/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.
9/21/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.