0
Developing Apps for Nokia          Windows Phone                     Level: Intermediate                         Raj Lal  ...
Agenda1.    Key Features of Nokia Lumia2.    Windows Phone 73.    Developing Apps for Lumia     – Creating a VSLive Event ...
Key Features of Nokia Lumia
Nokia Lumia 900
Key Features                         VibrantLTE           Hotspot    Colors    HD 720p                  CP4.3” AMOLED     ...
Windows Phone   on Lumia
Key Features                          Video ChatMetro   Social    Voice                          NokiaBing    Local    Zun...
Developing Apps   for Lumia
Two Choices *  * You can have both in a single App
Two Choices *Silverlight             XNANews, Utility           Game, AnimationsEvent-driven apps       High-performance a...
Silverlight App
Silverlight App      3 Main layout Types
3 Main Layout TypesSingle Screen Panorama                    PivotUtility App      Events, Restaurant App   News AppRIA St...
Developing aVSLive Event App
VSLive Event App  •   Event  •   Speakers  •   Sessions  •   Location  •   My Schedule
Panorama
3 Step in developing VSLive App
1. Design
Step 1: Designing VSLive App    Application   Background        Icon       Tile Icon   Splash Screen
Step 1: Designing VSLive App      Add /   Create a     Cancel   Schedule     Map Icon
Step 1: Designing VSLive App         Panorama Background
Step 1: Designing the UI  • Event Page  • Speakers, Sessions  • Map  • Schedules
Event Page
Event Screen: Code
Event Screens
Event Screen: Code
Map Screens
Map Main Page: Code
Map : CodeMapView.SetView(Location, 12);MapPushpin.Location = Event.Location;
Create a Schedule Screen(s)
Schedule Main Page: Code
Schedule Add Page: Code
2. Data
Step 2: Getting the Data
Step 2: Getting the Static Data
Create an  Event Object
LoadEvent Datafrom XML
Load                         Event Data                         from XMLusing System.Xml.Linq;
Bind Event to App IN XAML Text="{Binding Path=Event.Name}" … Event.City Event.Location …
Step 2: Getting Dynamic Data      Schedules      •Load Schedules      •Save Schedules
Step 2: Getting Dynamic DataInitialize Isolated StorageIsolatedStorageFile file =IsolatedStorageFile.GetUserStoreForApplic...
Step 2: Getting Dynamic DataLoad SchedulesDataContractSerializer serializer = newDataContractSerializer(typeof(ObservableC...
Step 2: Getting Dynamic DataSave SchedulesDataContractSerializer serializer = newDataContractSerializer(typeof(ObservableC...
Step 2: Getting Resource Data      Resource      •Creating a Resource File      •Bind      •Use Resource
Creating a Resource File
Binding Resource Filepublic class LocalizedStrings{  public LocalizedStrings() {}    private static vsliveapp.AppResources...
Using the ResourceIN XAMLText="{BindingPath=LocalizedResources.Title}”…LocalizedResources.HeaderDescriptionLocalizedResour...
3. Method
Step 3: Using Panorama Template  • Create the Panorama UI  • Creates the Main ViewModel  • Creates the Item ViewModel  • I...
Step 3: Creating View Models     ViewModels     •MainViewModel     •Item ViewModels       • EventData       • Schedules   ...
Step 3: MainViewModel
Creating View Models: Schedules
Demo on Lumia 900
XNA AppAdvanced XNA Games for Windows Phone - Brian Peek05/16/12  1:30pm - 2:45pm
Thank You      Raj Lal    Twitter @ iRajLal
Developing Apps for Nokia Windows Phone  VSLiv Conference May 15, 2012 @iRajLal
Developing Apps for Nokia Windows Phone  VSLiv Conference May 15, 2012 @iRajLal
Developing Apps for Nokia Windows Phone  VSLiv Conference May 15, 2012 @iRajLal
Developing Apps for Nokia Windows Phone  VSLiv Conference May 15, 2012 @iRajLal
Upcoming SlideShare
Loading in...5
×

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

2,968

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
2,968
On Slideshare
0
From Embeds
0
Number of Embeds
19
Actions
Shares
0
Downloads
6
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.
  • Transcript of "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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×