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 names are 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) one/develop/ff769508(v=vs.105).aspx one/develop/ff769508(v=vs.105).aspx

Slide 30 Deployment 3 Start the Application Deployment tool and select the XAP file

Slide 31 Deployment (4) In Visual Studio select the Windows Phone Device Phone must be on and connected