Red Bull TV. Entwicklung einer Real World Windows Phone 7 Applikation in 70 Minuten. Max Knor Developer Evangelist Microsoft

Transkript

1 Red Bull TV Entwicklung einer Real World Windows Phone 7 Applikation in 70 Minuten Max Knor Developer Evangelist Microsoft

2 Agenda 09:00 09:50 09:50 10:00 MSDN Track Windows Phone 7 ist da! Keynote Break TechNet Track Hybride IT-Architektur Webcast Area 10:00 11:15 User Experience: Wie gestalte ich meine Windows Phone 7 Applikation Egal ob heiter oder wolkig - Business Process Management im Cloud-Computing Zeitalter 11:15 11:30 Break 11:30 12:45 12:45 13:45 Red Bull TV - Entwicklung einer Real World Windows Phone 7 Applikation in 70 Minuten Break Application Infrastructure Technologies - Extending On Premise EAI to the cloud All day Program am Event 13:45 15:00 Eigene Live Tiles, Geo Location, Push Notification und andere Phone Funktionen im Detail Windows Azure Insights for IT-Pros 15:00 15:15 Break 15:15 16:30 Labyrinth 4 phone 7 Spieleentwicklung mit XNA HPC und Azure - Wie kann ich die Rechenleistung der Cloud fuer meine Analyse verwenden 16:30 17:30 Community Drinks & Networking

3 Agenda Vorstellung Szenario Daten & Server Infrastruktur UI Struktur Download & M-V-VM List Templates Repository & Seitenübergabe Video Tombstoning Zusammenfassung

4 Vorstellung Szenario Videos aus unterschiedlichen Sportarten Live Stream On-Demand Videothek (nach Kategorien)

5 Vorstellung Szenario Videos aus unterschiedlichen Sportarten Live Stream On-Demand Videothek (nach Kategorien)

6 Bestehende Server Infrastruktur SQL Datenbank Video Dateien & Stream REST / XML Service

7 REST Service Custom XML als Rückgabeformat Beispiel:

8 UI Struktur Unterteilung in einzelne Pages Navigation über Links & Back Button

9 UI Struktur Karte

10 Start Panorama Lockt an, verschieden Inhalte zu konsumieren Aktuelles Live Programm Redaktionelle Highlights Alle Video Kategorien

11 demo Erste Seite Panorama Control

12 Das Model-View-ViewModel Pattern View View Model Model ViewModel Lädt Daten (Model) und enthält Logik View Bindet auf die Daten und feuert über Commands Logik auf dem ViewModel

13 Model-View-ViewModel Page ViewModels Data ViewModels

14 Daten herunterladen WebClient / HttpWebRequest & Custom Serialization (z.b. Linq-To-XML) REST / OData Webservice SOAP Webservice

15 demo Daten laden und anzeigen Model-View-ViewModel Download Datenbindung am Panorama

16 List Templates Item Templates gestalten Aussehen Items Panel layoutet Liste

17 List Templates Scroll Performance: Virtualizing StackPanel: Virtualisiert NUR fixed size List Items Keine verschachtelten Listboxen Items Source abgestuft setzen (2 Items alle 2 ms)

18 LongListSelector Control Enthalten in Control Toolkit Virtualisiert Darstellung Flatlists oder gruppierte Listen z.b. Adressbuch

19 demo List Templates

20 Datenübergabe zwischen Seiten Jede Seite hat eigenes ViewModel Jede Seite ist eigene Objektinstanz Bei Neuaufruf Neues VM Folgerung: Datenhaltung im ViewModel ist nicht optimal Statt dessen: Auslagerung in eigenes Repository / Cache

21 Repository Repository VM VM VM Page Page Page

22 Datenübergabe zwischen Seiten QueryString enthält ID zu Datensatz Jede Seite lädt Daten aus dem Repository Neue Daten werden auch eingetragen

23 Open Source Repository RapidRepository

24 demo Datenübergabe Repository & Page Parameters

25 Video / Audio MediaElement (nur eines pro Page) Hardware Beschleunigung Smooth Streaming Client Download: DivX, H.264, Mp4, WMV, WMA, Mp3 Alle Formate:

26 demo Video / Audio

27 Application States Launching Deactivated Closing Activated

28 demo Tombstoning State Management

29 Datenhaltung Flüchtige Daten: Permanente Daten: Instanzlaufzeit: In-Memory Isolated Storage Pro Applikation Unlimitiert Applikationslaufzeit: Page-State Bag Application State Bag

30 demo Persistenz von Daten

31 Zusammenfassung

32 Agenda Vorstellung Szenario Daten & Server Infrastruktur UI Struktur Download & M-V-VM List Templates Repository & Seitenübergabe Video Tombstoning Zusammenfassung

33