1 / 31

Introduction to Mobile Programming

Introduction to Mobile Programming. 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.

davina
Download Presentation

Introduction to Mobile Programming

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Introduction to Mobile Programming

  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

  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

  4. Getting Started (Android)

  5. Getting Started. Android • The markup is XML • The code is Java with a ‘different’ set of libraries • I have not worked this much

  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

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

  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

  9. Creating a First Windows App

  10. Creating a First Windows App • Select the Target Phone Version

  11. Creating a First Windows App • And the emulator appears

  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

  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

  14. A First Program • Create the XAMLusing the designer

  15. A First Program • The XAML produced

  16. A First Program • Create the code behind

  17. A First Program • And just run as usual • The app appears in an emulator

  18. Creating Additional Pages • Add an item to the to the project as usual (more about page types in a moment)

  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

  20. Navigation Between Pages • Navigate to another page:

  21. Page Types (1) • Portrait and Landscape pages should be clear • Panoramamode uses a container object and you create panorama items on the page • You swipe between pages ( • Pivotpages work similarly but the title does not move

  22. Panorama Page (Example)

  23. Pivot Page (Example)

  24. Microsoft Expression Blend • It’s a UI design tool for XAML • It supports the WPF text engine

  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!

  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

  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

  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

  29. Deployment (2) • http://msdn.microsoft.com/library/windowsphone/develop/ff769508(v=vs.105).aspx

  30. Deployment 3 • Start the Application Deployment tooland select theXAP file

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

More Related