Introduction to Mobile Programming

Slide 2

Overview Fundamentally, it all works the same

way You get the SDK for the device (Droid,

Windows, Apple) You get a development account to test the

application You deploy the application

The APIs are different from one platform to the next

Slide 3

Getting Started (Android) Download the Android SDK

Use Eclipse as the development environment (others are possible)

You are really writing Java code here against another API

Slide 4

Getting Started (Android)

Slide 5

Getting Started. Android The markup is XML The code is Java with a ‘different’ set of

libraries I have not worked this much

Slide 6

Getting Started (Windows) You need to get the Windows Phone 7.1

or 8.0 Emulator Note Windows 8 phone apps can only be

developed on Windows 8 systems Uses Silverlight 5.x

Note windows 7.x phone apps can only be developed on Windows 7 systems

Uses Silverlight 4.x Don’t try to use any of the server OSs

Slide 7

Getting Started (Windows) I’ll be working with 7.1 here Have not played with Windows 8

Slide 8

Creating a First App When you installed the SDK you should

see the Silverlight for Windows Phone templates

Note that you also need the basic Silverlight tools too And the right version

Slide 9

Creating a First Windows App

Slide 10

Creating a First Windows App Select the Target Phone Version

Slide 11

Creating a First Windows App And the emulator appears

Slide 12

What you Already Know It’s all Silverlight (from last time) The IDE is similar to what you know

Toolbox, visual designer, Code Editor, Properties Window, Solution Explorer

The debugging tools are about the same

Some of the user interface elements differ

Slide 13

UI Differences The TextBlock is the equivalent

to a multi-line text box The TextBox and Button and

other controls work as you would expect

Note the WPF property namesare much different

Slide 14

A First Program Create the XAML

using the designer

Slide 15

A First Program The XAML produced

Slide 16

A First Program Create the code behind

Slide 17

A First Program And just run as usual The app appears

in an emulator

Slide 18

Creating Additional Pages Add an item to the to the project as

usual (more about page types in a moment)

Slide 19

Navigation Between Pages A Windows phone application is made

up of pages Your first is MainPage.xaml and

MainPage.cs The hardware “back” button returns to the

previous page You use the NavigationService to

navigate to the next page

Slide 20

Navigation Between Pages Navigate to another page:

Slide 21

Page Types (1) Portrait and Landscape pages should be

clear Panorama mode uses a container

object and you create panorama items on the page You swipe between pages (

Pivot pages work similarly but the title does not move

Slide 22

Panorama Page (Example)

Slide 23

Pivot Page (Example)

Slide 24

Microsoft Expression Blend It’s a UI design tool for XAML

It supports the WPF text engine

Slide 25

Microsoft Expression Blend Just right click a .XAML file to bring up

Expression Blend It’s a big coloring tool and I don’t know

it!

Slide 26

Phone Event Differences You should be used to mouse events

(click and motion) Now we have touch events (we call these

gestures Tap Multi-tap Pinch

Note that multi-touch events don’t work right in the emulator

Slide 27

Phone Events Tap / Double tap – These are basically

equivalent mouse events PinchStarted, PinchCompleted,

PinchDelta These are multi-touch events

Flick – The quick mouse swipe (usually for page turning

Hold – Touch and hold for context menus or popups

Slide 28

Deployment (1) For testing and any deployment to an

actual phone, you need a Windows Phone developers account Free thru Dreamspark but otherwise $99/year

For production, you need to play the Apple way (almost) Microsoft need not approve your application

though It’s possible to unlock (hack) your phone for

testing

Slide 29

Deployment (2) http://msdn.microsoft.com/library/windo

wsphone/develop/ff769508(v=vs.105).aspx

Slide 30

Deployment 3 Start the Application

Deployment tooland select theXAP file

Slide 31

Deployment (4) In Visual Studio select the Windows

Phone Device Phone must be on and connected