XXXXXXXXXXXXXXXXXXX

1. XXXXXXXXXXXXXXXXXXX Bedre brukeropplevelser med WPF og Expression Jonas Follesø, Abeo AS http://jonas.follesoe.no jonas@follesoe.no

2. Agenda • Hva er brukeropplevelse? • Utfordringer med brukeropplevelse • Kjapp introduksjon til WinFX • Windows Presentation Foundation og XAML • Samspill mellom designer og utvikler • Demo 

3. Hva er brukeropplevelse?

4. Requirement GuidelinesPattern ROI Metrics ROI Metrics Emerging UX Unrecognized AsTop-Level Requirement Development ComplexityIs A Cenatral Challenge Utfordringer med brukeropplevelse i software

5. WinFX - .NET i bunnen The Managed Code Programming Model for Windows

6. Windows Presentation Foundation A productive, unified approach to UI, media and documents to deliver unmatched user experience

7. Windows Presentation Foundation • Neste generasjons smart klient applikasjoner • Installerte desktop applikasjoner • Applikasjoner i nettleseren (XAML Browser Apps) • Felles kodebase – enkelt utrulling

8. XAML C# VB.NET <Button Width="100"> OK <Button.Background> LightBlue </Button.Background> </Button> Button b1 = new Button(); b1.Content = "OK"; b1.Background = new SolidColorBrush(Colors.LightBlue); b1.Width = 100; Dim b1 As New Button b1.Content = "OK" b1.Background = New _ SolidColorBrush(Colors.LightBlue) b1.Width = 100 Deklerativ programmering i XAML XAML = Extensible Application Markup Language • Deklerativ programmering – Gode verktøy! • Seperasjon av kode og presentasjon • Kan vises i browser eller i egen applikasjon

9. Freestyling i XAML-Pad

10. DOCUMENT SERVICES USER INTERFACE SERVICES XPS Documents Application Services Controls Databinding Packaging Services Deployment Services Layout MEDIA INTEGRATION LAYER BASE SERVICES XPS Viewer Windows Presentation Foundation Imaging 2D Audio XAML Text Effects 3D Video Accessibility Animation Input & Eventing Composition Engine Property System Unmanaged Managed Input / Eventing System Property Engine .NET Framework 2.0 Composition Engine Desktop Windows Manager Windows Media Foundation Media Integration Layer Print Spooler DirectX Windows Vista Display Driver (LDDM) WPF Arkitektur

11. Designer-Utvikler produktivitet • Microsoft verktøy for designere og utviklere • Deklerativ progammering gjennom XAML • Tredjepart verktøy (e.g. Aurora by Mobiform, ZAM 3D by Electric Rain) • Ved hjelp av XAML kan endelig designere og utviklere strømlinjeforme samarbeidet! Designere designer Utviklere skriver logikk

12. - Utvikler og designer produktivitet

13. <Border Width="400" BorderBrush="Green" BorderThickness="9"> <StackPanel> <MediaElement Source="aero.wmv" /> <Button>Hello</Button> </StackPanel> </Border> Audio og Video • Formats: WMV, MPEG, Some AVIs • Can be synchronized with animations • Windows Media Foundation used to instantiate playback machinery into a DirectShow graph

14. WPF <-> Windows Forms WPF <-> Windows Forms Interoperability WPF <-> HWNDs

15. Oppsummering og spørsmål • Ikke gå helt bananas • Men vær kreativ!  • Invester i brukeropplevelse • Last ned WinFX i dag!

16. Noen gode ressurser • http://msdn.microsoft.com/winfx • http://www.mix06.com • Mange gode sesjoner på ”nye brukeropplevelser” • http://microsoft.sitestream.com/PDC05/ • Alle presentasjoner fra PDC 2005 online, med video og Powerpoint

17. Materiell • I posen har du informasjon/tilbud fra Microsoft og partnere, godis og skrivesaker • Bakerst i rommet finner du materiell tilpasset denne sesjonen. Forsyn deg! • Vi setter pris på tilbakemeldinger på materiellet dere får utdelt.

18. Til slutt…. • Hjelp oss å bli bedre • Fyll ut evalueringen som kommer på e-post • Gi direkte råd til Microsoft-representanter • Hold deg oppdatert • www.microsoft.no/informasjon eller fyll ut et Hold deg oppdatert kort • Besøk oss på www.microsoft.no