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

Designing and creating an app 9/21/2018

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.

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

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

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

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 http://www.flickr.com 9/21/2018

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 .” http://en.wikipedia.org/wiki/HTML5 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

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

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

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

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

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

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 email message Publish your app in the App Store Make your app public in App Studio Download your app 9/21/2018

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

Managing your apps 9/21/2018

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

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

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

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

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.