Hvordan lage en vellykket Windows Phone 7 App

1,104 views

Published on

Presentasjon fra Oslo

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,104
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • SpareBank 1 Mobilbank Posten Pakkesporing Wordfeud VG Snarvei Telenor Utland Telenor Faktura Avinor Flytider
  • Hvordan lage en vellykket Windows Phone 7 App

    1. 1. Hvordan lage en vellykket Windows Phone 7 APP Erfaringer fra 7 forskjellige apps utviklet høsten 2011 og vinteren 2012 Mobile Meetup Oslo Jonas Follesø & Dan Robert Ekrem 28/03/2012
    2. 2. Om oss Jonas Follesø Scientist & Manager BEKK Trondheim Microsoft MVP Silverlight Dan Robert Ekrem UX Designer, BEKK Oslo Metro 8 Trainer
    3. 3. agenda Bakgrunn Metro Design Språk Implementering av Metro Tiles, testing og publisering Spørsmål
    4. 4. Bakgrunn
    5. 5. Apps vi har jobbet med
    6. 6. Sluttbrukere liker Metro “Nyttig applikasjon, fint utseende også med Metro.” “Fungerer svært bra og ser delikat ut.” “Meget ambisiøs og vel gjennomført app. Innholder alle tenkbare features og alt er pent og føles skikkelig solid.” “Bra design. Oversiktlig app som gir rask tilgang til de viktigste banktjenestene. Farvel til telefonbank :-D”
    7. 7. HVA ERMETRO?
    8. 8. Prinsipper vs SpråkThe Metro Design The Metro DesignPrinciples Languagethe pillars (usually abstract set of concrete userconcepts) that guide the interaction, visual design,creation of experiences for motion and application flowWindows Phone. elements and rules.
    9. 9. INTERACTION AWARDShttp://awards.ixda.org/entry/2012/windows-phone-75-mango
    10. 10. Hvordan viimplementerte Metro
    11. 11. Posten Sporing
    12. 12. SpareBank 1 Mobilbank
    13. 13. Telenor Faktura
    14. 14. Wordfeud
    15. 15. Avinor
    16. 16. Verktøy
    17. 17. C# SOM SPRÅK, XNA FOR GAMES, SILVERLIGHT FOR APPS
    18. 18. RIKTIG VERKTØY – BLEND + VISUAL STUDIO
    19. 19. TILGANG TIL ALLE API’ENE VI TRENGTE• Tilgang til adressebok (SpareBank 1 Venneregnskap, Wordfeud)• SMS (SpareBank 1 Venneregnskap)• Lokasjon (Telenor Utland, Posten Sporing)• Push Notifications (Wordfeud)• Kamera (VG Snarvei, Wordfeud)• SQLite Database (Posten Sporing)• ... Og alt av «basis» funksjonalitet som nettverk, web tjenester, filaksess osv.
    20. 20. BenyttLive Tiles
    21. 21. 3 Måter å implementere Live Tiles1. Secondary Tiles2. Live Tiles using Background Agents3. Live Tiles using Push Notifications
    22. 22. 3 ways to implement live tiles1. Secondary Tiles2. Live Tiles using Background Agents3. Live Tiles using Push Notifications
    23. 23. Live Tiles 1 – Secondary Tiles • Mulig for en app å ha flere tiles på startskjermen. • Kan lenke til et bestemt område i appen. • Kan oppdateres programatisk til å vise ny informasjon.
    24. 24. Live Tiles 1 – Secondary Tiles • Mulig å dynamisk generere grafikken til tile på telefonen.
    25. 25. 3 ways to implement live tiles1. Secondary Tiles2. Live Tiles using Background Agents3. Live Tiles using Push Notifications
    26. 26. Live Tiles 2 – Updating Tiles using Background Agents • Mulig å oppdatere både primær og sekundær tile fra kode. • Kan bruke en Background Agent til å oppdatere en Live Tile.
    27. 27. Background Agents app logic agent instance 6 MB minne 25 sekunder kjøretid app logic UI instance
    28. 28. Live Tiles 2 – Updating Tiles using Background Agents • Kan og oppdatere sekundær tiles fra bakgrunnsagent.
    29. 29. 3 ways to implement live tiles1. Secondary Tiles2. Live Tiles using Background Agents3. Live Tiles using Push Notifications
    30. 30. WP7 PUSH NOTIFIC Your WPApplicatio n 2 Hand off chan ATIONS Your n el U Web RL Appli catio n Push Library 4 Push Pu 3mess PUSH 1 mes sh O s age CLIENT Ch pe ag e an n Micro l ne soft Push Notifi catio n Servi ces
    31. 31. Tile Notification Payload<?xml version="1.0" encoding="utf-8"?><wp:Notification xmlns:wp="WPNotification"> <wp:Tile> <wp:BackgroundImage>Background.jpg</wp:BackgroundImage> <wp:Count>3</wp:Count> <wp:Title>Title</wp:Title> <wp:BackBackgroundImage>BackBackground.jpg</wp:BackBackgroundImage> <wp:BackTitle>Back Title</wp:BackTitle> <wp:BackContent>Back Content</wp:BackContent> </wp:Tile></wp:Notification>• XML pushes til telefonen for å oppdatere Tile.• Støtte for både eksterne og lokale URL-er for bilder.
    32. 32. Live Tiles 3 – Using Push Notifications • Standard tile. • Tile med antall aktive spill og indikasjon om ulest melding. • Profilbilde og navn på motstander på baksiden av tile, i tillegg til informasjon om siste trekk.
    33. 33. Sluttbrukere elsker Live Tiles “Love this game! Awesome with the live tile.” “Dejligt tidsfordriv spil og cool det kom lidt tidligere end forventet. Udnytter live tiles godt” “Fungerer perfekt, og udnyttelsen af live tile og notification er lige i skabet.” “Love it! It runs great, has a nice interface and the live tile and push are excellent!”
    34. 34. Test tidlig & ofte
    35. 35. Wordfeud test og utvikling 22. Nov Daglige bygg 23. Des 08. Jan 14. Jan 22. Jan 30. JanFørste commit delt via Dropbox Beta 1 Beta 2 Beta 3 Beta 4 & Lansering publisering som skjult app
    36. 36. Framtiden?
    37. 37. Oppsummering
    38. 38. Oppsummering – WP7 og Metro designKarakteristikk Hvordan lykkesLett, font, typografi, Ny struktur og presentasjon avbevegelse/animasjon, fokus på innhold og datainnhold og digitalt Klare oversette “hurtig,Tiles – mer enn gjenvendende og praktisk” medforventningsstyring “lek, underholdning og fryd for øyet”?Teknisk implementasjon Pass på – totalfølelse og avveiing!Test Utforsk og utfordre!

    ×