Developing Apps for Nokia Windows Phone VSLiv Conference May 15, 2012 @iRajLal

3,373 views
3,245 views

Published on

Learn to develop Mobile Apps for Nokia Windows Phone Lumia. See what's unique about the Nokia Windows Phone also known as the "First Real Windows Phone". Create some snazzy graphics and animation using XAML. The session with Live Demo on Nokia Windows Phone Lumia.

You will learn:

Windows Phone Development on Nokia Phone
Key features of Nokia Windows Phone Lumia
See a working demo with advanced graphics

Published in: Technology
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
3,373
On SlideShare
0
From Embeds
0
Number of Embeds
883
Actions
Shares
0
Downloads
7
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved. Make it available to everyone, all the time, everywhere Deliver Rich User Experience Simplify your website and make it usable, make it easy to use Make it faster Add cutting edge graphics, animations and effects
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved. (Why it’s Amazon Top Rated phone )
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved. Fastest process in the market Fastest download speeds possible 12 MB/S DOWNLOAD TO 3 MB/S UPLOAD HD Playback Carl Zeiss 8 MP + Front Camera
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved. WP 7.5:  Gorgeous "Metro" style Social network integration  Video Chat Zune For Media Bing with integrated QR Code Battery Saver, Groups near You Local Scout, Voice features  Nokia Drive Office , XBOX Live Metro :Amazing User Experience Extremely Connected Facebook, Twitter, and LinkedIn  One post to FB, Twitter etc Video Chat with Tango / Skype beta Extremely connected Groups in Contact allow you to easy organize Integrate Facebook Twitter
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved. (Why it’s Amazon Top Rated phone )
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved. Panorama Restaurant App Get to it fast is important
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved. Speakers Profile pictures, details Sessions Date & Time, Authors
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Visual Studio Live! New York 2012 © 2012 Visual Studio Live! All rights reserved.
  • Developing Apps for Nokia Windows Phone VSLiv Conference May 15, 2012 @iRajLal

    1. 1. Developing Apps for Nokia Windows Phone Level: Intermediate Raj Lal Senior Engineer, Nokia
    2. 2. Agenda1. Key Features of Nokia Lumia2. Windows Phone 73. Developing Apps for Lumia – Creating a VSLive Event App
    3. 3. Key Features of Nokia Lumia
    4. 4. Nokia Lumia 900
    5. 5. Key Features VibrantLTE Hotspot Colors HD 720p CP4.3” AMOLED U Carl Zeiss 8 1.4 GHz FM
    6. 6. Windows Phone on Lumia
    7. 7. Key Features Video ChatMetro Social Voice NokiaBing Local Zune Drive
    8. 8. Developing Apps for Lumia
    9. 9. Two Choices * * You can have both in a single App
    10. 10. Two Choices *Silverlight XNANews, Utility Game, AnimationsEvent-driven apps High-performance appsUse controls Use contents and assetsRIA style Interface 2D/3D InterfaceEmbed Video / Browser Seamless InterfaceData driven Image/ driven * You can have both in a single App
    11. 11. Silverlight App
    12. 12. Silverlight App 3 Main layout Types
    13. 13. 3 Main Layout TypesSingle Screen Panorama PivotUtility App Events, Restaurant App News AppRIA Style Heterogeneous list of List of data similar dataQuick tool Display data, images, Display data videos with dateAt-a-glance view Personalization is Performanceis important important is important
    14. 14. Developing aVSLive Event App
    15. 15. VSLive Event App • Event • Speakers • Sessions • Location • My Schedule
    16. 16. Panorama
    17. 17. 3 Step in developing VSLive App
    18. 18. 1. Design
    19. 19. Step 1: Designing VSLive App Application Background Icon Tile Icon Splash Screen
    20. 20. Step 1: Designing VSLive App Add / Create a Cancel Schedule Map Icon
    21. 21. Step 1: Designing VSLive App Panorama Background
    22. 22. Step 1: Designing the UI • Event Page • Speakers, Sessions • Map • Schedules
    23. 23. Event Page
    24. 24. Event Screen: Code
    25. 25. Event Screens
    26. 26. Event Screen: Code
    27. 27. Map Screens
    28. 28. Map Main Page: Code
    29. 29. Map : CodeMapView.SetView(Location, 12);MapPushpin.Location = Event.Location;
    30. 30. Create a Schedule Screen(s)
    31. 31. Schedule Main Page: Code
    32. 32. Schedule Add Page: Code
    33. 33. 2. Data
    34. 34. Step 2: Getting the Data
    35. 35. Step 2: Getting the Static Data
    36. 36. Create an Event Object
    37. 37. LoadEvent Datafrom XML
    38. 38. Load Event Data from XMLusing System.Xml.Linq;
    39. 39. Bind Event to App IN XAML Text="{Binding Path=Event.Name}" … Event.City Event.Location …
    40. 40. Step 2: Getting Dynamic Data Schedules •Load Schedules •Save Schedules
    41. 41. Step 2: Getting Dynamic DataInitialize Isolated StorageIsolatedStorageFile file =IsolatedStorageFile.GetUserStoreForApplication()IsolatedStorageFileStream stream = newIsolatedStorageFileStream("schedules.dat",System.IO.FileMode.OpenOrCreate, file)
    42. 42. Step 2: Getting Dynamic DataLoad SchedulesDataContractSerializer serializer = newDataContractSerializer(typeof(ObservableCollection<Schedule>));Event.Schedules =serializer.ReadObject(stream) asObservableCollection<Schedule>;
    43. 43. Step 2: Getting Dynamic DataSave SchedulesDataContractSerializer serializer = newDataContractSerializer(typeof(ObservableCollection<Schedule>));serializer.WriteObject (stream,Event.Schedules);
    44. 44. Step 2: Getting Resource Data Resource •Creating a Resource File •Bind •Use Resource
    45. 45. Creating a Resource File
    46. 46. Binding Resource Filepublic class LocalizedStrings{ public LocalizedStrings() {} private static vsliveapp.AppResources _ localizedResources = new _ vsliveapp.AppResources(); public vsliveapp.AppResources _ LocalizedResources { get {return localizedResources; } }}
    47. 47. Using the ResourceIN XAMLText="{BindingPath=LocalizedResources.Title}”…LocalizedResources.HeaderDescriptionLocalizedResources.LocationWeb…
    48. 48. 3. Method
    49. 49. Step 3: Using Panorama Template • Create the Panorama UI • Creates the Main ViewModel • Creates the Item ViewModel • Instantiate ViewModel in App.cs • Creates a DataContext DataContext = App.ViewModel;
    50. 50. Step 3: Creating View Models ViewModels •MainViewModel •Item ViewModels • EventData • Schedules • Sessions
    51. 51. Step 3: MainViewModel
    52. 52. Creating View Models: Schedules
    53. 53. Demo on Lumia 900
    54. 54. XNA AppAdvanced XNA Games for Windows Phone - Brian Peek05/16/12  1:30pm - 2:45pm
    55. 55. Thank You Raj Lal Twitter @ iRajLal

    ×