02 - getting started with apps and app studio

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

Upload: laura-gallego

Post on 15-Sep-2015

227 views

Category:

Documents


0 download

DESCRIPTION

Programming

TRANSCRIPT

Lance McCarthyIntroduction to mobile app developmentModule 2 Getting started with apps and App StudioDesigning and creating an app11/3/20142Choosing a templateWhen you are creating a new app in App Studio, you can choose to:Start with a blank template. Youll 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.

3Adding application informationEvery app that you create in App Studio should have:TitleDescriptionLogoPNG image file type160 x 160 pixelsCreate 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.

11/3/201444Demo: Creating an appPart 111/3/20145

Creating a new appAdding a description and a logo511/3/20146Configuring app content (overview)Data SourcesPicturesSource(Flickr)AboutSource(HTML5)ChurchPicturesSource(Flickr)Sections/ MenusPictures(Section)About(Section)UsefulLinks (Menu)Action ItemsURLEmailPhoneSection ItemsVenice Churches

6Adding content using FlickrFlickr offers web-based photo sharing and photo organizingApp Studio enables you to include galleries from Flickr in your app:Create a Flickr data source for a sectionSpecify a search or a user to select the photos to display

11/3/2014712:38

Flickr http://www.flickr.com

7Adding content using HTML511/3/20148HTML5 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.HTML5 is a markup language used for structuring and presenting content for the World Wide Web and a core technology of the Internet.HTML5 is a markup language used for structuring and presenting content for the World Wide Web and a core technology of the Internet.8Adding a menuA 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.

11/3/201499Demo: Creating an appPart 211/3/201410Creating a menuCreating a section with a Flickr data sourceCreating a section with an HTML5 data source

10Other data source typesApp Studio allows you to define other data source types such as:Collections a database of your custom contentRSS rich site summary of frequently updated informationYouTube video sharing websiteBing web search engine

Collections are covered in a later session.

11/3/2014111111/3/2014Introduction to Mobile App Development12Data Sources: Review of TypesCollection

HTML

Flickr

YouTube

RSS

Bing

12Configuring app styleOn the Themes page, you can customize the colors that your app uses:Background brush or image used for app backgroundForeground brush used for textApplication 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.

11/3/201413

13Generating your appWhen 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 firstShare the app with other App Studio users in an in an email messagePublish your app in the App StoreMake your app public in App StudioDownload your app

11/3/201414

14Demo: Creating an appPart 311/3/201415Choosing a styleGenerating the appSharing the app

15Managing your apps11/3/201416The DashboardIn App Studio, you can use the Dashboard page to:List your appsStart editing your apps againManage your profile

11/3/201417

17Review What did we do today?How do I create an app?Introduction to using App StudioThe basics of app design

11/3/201418Lab assignmentFor 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.11/3/201419Lance McCarthyIntroduction to mobile app developmentModule 2 Getting started with apps and App Studio 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/3/20142111/3/201421 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.