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
Próximos SlideShares
Carregando em…5
×

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

3.713 visualizações

Publicada em

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

Publicada em: Tecnologia
  • Seja a primeira pessoa a gostar disto

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

×