Windows Phone 7Programėlių kūrimas<br />AlanMendelevič<br />amChartsfor WPF, Silverlightand Windows Phone 7 programuotojas...
Dienos temos<br />Pirma dalis<br />Windows Phone 7 platformosapžvalga<br />Dizaino kalba „Metro“<br />Antra dalis<br />Pro...
Platformos apžvalga<br />
Šiek tiek istorijos<br />2007<br />2006<br />2008<br />
Šiek tiek istorijos<br />
Naujas požiūris<br />Pirmenybė vartotojui<br />Daugiau kontrolės<br />Standartizacija<br />
Susipažinkite - Metro<br />
Metro<br />
Aparatinė platforma<br />
Aparatinės įrangos specifikacija<br />Multimedia<br />Codec acceleration<br />Display<br />480x800 QVGA<br />320x480 HVGA ...
Telefonai „gamtoje“<br />
Programavimo galimybės<br />
Dviejų tipų programėlės<br /><ul><li>Aukštos greitaveikos žaidimų platforma
Greitas 2D ir 3D žaidimų kūrimas
Brandi plačiai naudojama technologija. Naudojama kuriant žaidimus Xbox 360, Windows, ir Zune
Šiuolaikiška vartotojo sąsajos kūrimo aplinka
Greitas įspūdingų programėlių kūrimas
Metro-stilizuoti vartotojosąsajos komponentai
500,000+programuotojųpasaulyje</li></li></ul><li>Ko dar negalime daryti?<br />Multi-tasking<br />Sockets<br />Lokali duome...
Planuojama šiais metais<br />Copy/Paste<br />Multi-tasking<br />Internet Explorer 9<br />Daugiau API<br />
Marketplace<br />
Marketplace<br />Vienintelis būdas platinti programėles<br />Šiai dienai neprieinamas Lietuvos programuotojams (yra sprend...
Dizaino kalba „Metro“<br />
Šioje dalyje<br />Metro atsiradimas<br />Pagrindiniai principai<br />Metro ir jūs<br />Esminiai vartotojo sąsajos elementa...
Atsiradimo istorija<br />
Bandymai prikelti „lavoną“<br />
Metro<br />
Įkvėpimas<br />
Pagrindiniai principai<br />Švarus, lengvas, atviras, greitas<br />Dėmesys šriftams<br />Judesys (animacija)<br />Turinys,...
Panoramos<br />
Metro ir savitas stilius<br />Nebūtina aklai vadovautis Metro taisyklėmis<br />Galima sėkmingai apjungti Metro ir savo „fi...
Demo<br />CocktailFlow<br />http://cocktailflow.com<br />
Spalvos<br />Naudokite spalvas vartotojų sužavėjimui<br />Naudokite spalvas patyrimo suasmeninimui<br />Naudokite spalvas ...
Spalvos<br />31<br />
Vartotojo įvesties taisyklės<br />
Įrangos diktuojami ypatumai<br />3aparatiniai mygtukai<br />Galima QWERTY klaviatūra<br />Stengtis pritaikyti naudojimui v...
Gestai<br />
Liečiamų elementų dydžiai<br />Minimalus liečiamo elemento dydis – 9mm (90 px)<br />Minimalus tarpas tarp liečiamų element...
Standartiniai elementai<br />36<br />
Application Bar<br />Iki 4 mygtukų<br />Nesistengti išnaudoti visų keturių<br />„Ištraukiamas“ meniu<br />
Upcoming SlideShare
Loading in...5
×

Windows Phone 7 @ Login 2011. I dalis - Apžvalga, Metro

583

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
583
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Apžvelgsime WP7 platformą, jos atsiradimo istoriją ir pagrindinius bruožus.Įsigilinsime į WP7 dizaino kalbą, vadinamą „Metro“.Apžvelgsime programėlių kūrimo platformas Silverlight ir XNA.Didžiąją dalį laiko paskirsime realios WP7 programėlės sukūrimui nuo nulio iki pabaigos.Aptarsime problemas laukiančias mūsų, norint platinti programėles
  • Iki 2007 metų Windows Mobile turėjo labai stiprias pozicijas išmaniųjų telefonų rinkoje. Tada atsirado iPhone. Iš pradžių iPhone nebuvo tikras „smartphonas“ ir buvo nuvertinamas. Po to atsirado Android. Android apjungė iPhone-like UI ir WM laisvę.
  • MS bandė tęsti WM liniją, bet rinkos dalis vis mažėjo. Tada MS suprato, kad reikia nustoti gaivinti numirėlį ir vietoj to užsiimti naujo kūdikio gamyba...
  • WP7 – vartotojiška platforma (verslui skirtos funkcijos atsiras vėliau)MS valdo visą programiną įrangą, rašo tvarkykles, klaviatūras ir pan. Partneriai užsiima įranga.Griežtai apibrėžta įrangos specifikacija (vengiant WM ir Android fragmentacijos problemų)
  • Metro – tai nauja MS vartotojo sąsajos koncepcija. Nebūdingai MS koncepcija detaliai išdirbta ir aprašyta. Dėmesys skiriamas turiniui, o ne dizainui.
  • Metro – naujoviškas požiūris į telefono UI. Į nieką nepanašus ir ne tik tam, kad būtų kitoks. Netrukus apžvelgsime detaliau.
  • Siekiant užtikrinti sistemos vientisumą ir nepriekaištingą vartotojo patirtį, šioje iteracijoje MS nusprendė griežtai nustatyti aparatinės įrangos specifikaciją.
  • Žemesnė rezoliucija paskelbta ir kol kas užmiršta. Laukiami specifikacijos pakeitimai susiję su sandoriu su Nokia.
  • Pasaulyje šiuo metu komerciškai WP7 telefonus gamina 4 gamintojai. ASUS ir Acer galvoja. Nokia naudos kaip pagrindinę platformą. Pirmi Nokia WP7 laukiami metų pabaigoje.Lietuvoje Bitė ir Omnitel prekiauja dviem HTC modeliais. Taip pat galima nupirkti LG Optimus 7. Samsung ir DELL kol kas neteko matyti prekyboje.
  • MS pasirinko 2 .NET pagrindu sukurtas platformas: Silverlight – pagrinde naudojama kurti aplikacijas (bet kuriami ir žaidimai)XNA – 2D ir 3D žaidimų platforma naudojama kurti Xbox 360, Windows ir Zune žaidimams.
  • Multi-tasking bus metų pabaigojePagrinde dėl socketų nebuvimo kol kas nematome IM ir panašių programėlių (Skype, etc.). Viena labiausiai pageidaujamų savybių.Norint naudoti kažkokią lokalią duomenų bazę, reikia naudoti arba trečiųjų šalių sprendimus arba tiesiog naudoti paprastesnius sprendimus kur įmanoma (XML failai ir pan.). 3rd partylocal DB examples???Visos programėlės yra managed .NET kodas ir negali išeiti už .NET ribų. Tai užtikrina sistemos stabilumą vartotojams, bet apriboja galimybes.Taip pat negalima prieiti prie „live“ video srauto. T.y. neįmanoma sukurti augmentedreality, barcode skanerių ir pan. programėlių. Viena labiausiai pageidaujamų savybių.
  • Programėlės gali patekti į WP7 telefoną tik per oficialų WP7 App Marketplace.
  • Aptarsime detaliau dirbtuvėlių pabaigoje.
  • Taip atrodė 2008. WM pagrindu.Desktopinė filosofijaAr to nori vartotojas?
  • 2009m. nuspręsta pradėti iš naujoTikslas – sukurti gražų, paprastą interfeisą greitam ir maloniam naudojimui
  • Transporto ikonografija, spalvos, labai aiškus šriftai (todėl ir Metro)Turinio prikėlimas gyvenimui naudojant judesį ir animacijas (iš Xbox)Patyrimo praplėtimas (papildomas turinys) (iš Zune PC)Interfeiso elementai iš Zune HD
  • Greičio pojūtis, susikoncentravimas ties pagrindiniais dalykais, negailestingas nereikalingų elementų mažinimas, tuščio ploto panaudojimas, turinio „išsiliejimas“ už ekrano ribųYpatingas dėmesys šriftams ir tekstuiJudesys suteikia gyvumo ir greitaveikos pojūtį, pritraukia dėmesį, įneša tūrį ir gylįAtsisakyta beveik visų apipavidalinimo elementų, turinys yra „dizainas“jokių šešėlių, pseudo 3D, stiklo imitacijų ir pan. Nebandyti būti tuo, kuo nesi.
  • MS nebūtų MS ;)
  • - Metro aprašo detalias rekomendacijas, bet nebūtina jų aklai vykdyti nuo A iki Z. Metro yra pagrindas ant kurio jus statysite savo išskirtinius sprendimus. Tikslas – balansas tarp Metro ir jūsų savito stiliaus.
  • Pagyvina programėles. Svarbu nepersistengti. Temos „akcentai“
  • The user can select theme colors (personalization)Color is also used as a secondary element to highlight hierarchyIn case of contacts: phone numbers are highlighted in different colorsIn case of calendar: the current date is highlightedAll theme API’s are available to all developers, allowing developers to fit their applications into the theme that users select.
  • Visi telefonai turi Back, Start ir Search (nereikia ir neturi būti „back“ mygtukų jūsų programėlių UI)Kai kurie telefonai turi QWERTY klaviatūras (kaip portretines taip ir landscapines)Be priežasties neturi reikalauti abiejų rankų
  • Standartizuoti gestai
  • - Svarbu išbandyti ant tikro telefono
  • - Jūs galite kurti savo elementus bet kam, bet jei yra standartinis elementas atitinkantis jūsų poreikius geriausia jį ir naudoti ir nekeisti jo išvaizdos
  • T.y. kontekstinis meniuGali būti kitas kiekviename puslapyjePagrindiniai veiksmai – mygtukai, papildomi – meniu
  • - Tabai
  • Galima integruotis i PicturesHub‘ą arba Music&amp; Video
  • Windows Phone 7 @ Login 2011. I dalis - Apžvalga, Metro

    1. 1. Windows Phone 7Programėlių kūrimas<br />AlanMendelevič<br />amChartsfor WPF, Silverlightand Windows Phone 7 programuotojas<br />AdDuplex įkūrėjas<br />ailon@ailon.org<br />http://devblog.ailon.org<br />Twitter: @ailon<br />
    2. 2. Dienos temos<br />Pirma dalis<br />Windows Phone 7 platformosapžvalga<br />Dizaino kalba „Metro“<br />Antra dalis<br />Programėlių kūrimo apžvalga<br />Realios Silverlight programėlės kūrimas<br />Trečia dalis<br />Publikavimas WP7 Marketplace<br />Verslo galimybės<br />
    3. 3. Platformos apžvalga<br />
    4. 4. Šiek tiek istorijos<br />2007<br />2006<br />2008<br />
    5. 5. Šiek tiek istorijos<br />
    6. 6. Naujas požiūris<br />Pirmenybė vartotojui<br />Daugiau kontrolės<br />Standartizacija<br />
    7. 7. Susipažinkite - Metro<br />
    8. 8. Metro<br />
    9. 9. Aparatinė platforma<br />
    10. 10. Aparatinės įrangos specifikacija<br />Multimedia<br />Codec acceleration<br />Display<br />480x800 QVGA<br />320x480 HVGA (future)<br />Capacitive touch<br />4 or more contact points<br />Memory<br />256MB RAM or more<br />8GB Flash or more<br />Sensors<br />A-GPS, Accelerometer, Compass, Light<br />GPU<br />DirectX 9 acceleration<br />Camera<br />5 mega pixels or more<br />CPU<br />ARMv7 Cortex/Scorpion or better<br />Hardware buttons<br />Start, Search, Back<br />
    11. 11. Telefonai „gamtoje“<br />
    12. 12. Programavimo galimybės<br />
    13. 13. Dviejų tipų programėlės<br /><ul><li>Aukštos greitaveikos žaidimų platforma
    14. 14. Greitas 2D ir 3D žaidimų kūrimas
    15. 15. Brandi plačiai naudojama technologija. Naudojama kuriant žaidimus Xbox 360, Windows, ir Zune
    16. 16. Šiuolaikiška vartotojo sąsajos kūrimo aplinka
    17. 17. Greitas įspūdingų programėlių kūrimas
    18. 18. Metro-stilizuoti vartotojosąsajos komponentai
    19. 19. 500,000+programuotojųpasaulyje</li></li></ul><li>Ko dar negalime daryti?<br />Multi-tasking<br />Sockets<br />Lokali duomenų bazė<br />Kurti naujus XNA Shaders<br />Unmanagedcode<br />Prieiti prie gyvo vaizdo srauto<br />
    20. 20. Planuojama šiais metais<br />Copy/Paste<br />Multi-tasking<br />Internet Explorer 9<br />Daugiau API<br />
    21. 21. Marketplace<br />
    22. 22.
    23. 23. Marketplace<br />Vienintelis būdas platinti programėles<br />Šiai dienai neprieinamas Lietuvos programuotojams (yra sprendimo būdų)<br />Mokamos programėlės neprieinamos Lietuvos vartotojams<br />
    24. 24. Dizaino kalba „Metro“<br />
    25. 25. Šioje dalyje<br />Metro atsiradimas<br />Pagrindiniai principai<br />Metro ir jūs<br />Esminiai vartotojo sąsajos elementai<br />
    26. 26. Atsiradimo istorija<br />
    27. 27. Bandymai prikelti „lavoną“<br />
    28. 28. Metro<br />
    29. 29. Įkvėpimas<br />
    30. 30. Pagrindiniai principai<br />Švarus, lengvas, atviras, greitas<br />Dėmesys šriftams<br />Judesys (animacija)<br />Turinys, ne „dizainas“<br />Autentiškai skaitmeninis<br />
    31. 31.
    32. 32. Panoramos<br />
    33. 33. Metro ir savitas stilius<br />Nebūtina aklai vadovautis Metro taisyklėmis<br />Galima sėkmingai apjungti Metro ir savo „firminį“ stilių<br />
    34. 34. Demo<br />CocktailFlow<br />http://cocktailflow.com<br />
    35. 35. Spalvos<br />Naudokite spalvas vartotojų sužavėjimui<br />Naudokite spalvas patyrimo suasmeninimui<br />Naudokite spalvas hierarchijos pabrėžimui<br />
    36. 36. Spalvos<br />31<br />
    37. 37. Vartotojo įvesties taisyklės<br />
    38. 38. Įrangos diktuojami ypatumai<br />3aparatiniai mygtukai<br />Galima QWERTY klaviatūra<br />Stengtis pritaikyti naudojimui viena ranka<br />
    39. 39. Gestai<br />
    40. 40. Liečiamų elementų dydžiai<br />Minimalus liečiamo elemento dydis – 9mm (90 px)<br />Minimalus tarpas tarp liečiamų elementų – 2mm<br />Matoma liečiamo elemento dalis – 60-100%<br />
    41. 41. Standartiniai elementai<br />36<br />
    42. 42. Application Bar<br />Iki 4 mygtukų<br />Nesistengti išnaudoti visų keturių<br />„Ištraukiamas“ meniu<br />
    43. 43. Pivot<br />Informacijos grupavimas ir filtravimas<br />Perėjimas į kitą pjūvį paspaudimu arba gestu<br />
    44. 44. Hub‘ai<br />Informacijos iš daugelio šaltinių agregavimas ir „turtingas“ atvaizdavimas<br />Galima integruoti savo programėles (ne į visus)<br />39<br />
    45. 45. Apibendrinant<br />Išdirbta, detalizuota dizaino kalba<br />Dėmesys turiniui, o ne „dizainui“<br />Aktyvus judesio, šriftų, nuotraukų ir spalvų panaudojimas<br />Tikslas – sužavėti vartotoją<br />
    46. 46. Daugiau informacijos<br />http://create.msdn.com<br />UI DesignandInteractionGuide<br />http://live.visitmix.com/Archive<br />Windows Phone UI and Design Language <br />
    47. 47. Klausimai?<br />
    1. A particular slide catching your eye?

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

    ×