Oma karttasovellus puhelimeen 5 minuutissa

10.1.2011 14:18 Kommentteja (3)

Tämä artikkeli on osa ns. white paper -artikkelisarjaamme, jossa yhteistyötahot tuottavat sivuillemme tekniikkaan liittyviä artikkeleita. Tämän artikkelin on tilannut Microsoft.

Katso myös muut Microsoftin tilaamat artikkelit:

Oma karttasovellus puhelimeen 5 minuutissa Puhelinsovelluskehitys on ollut jo pitkään sellainen makea trendiaihe, jossa on paljon tienausmahdollisuuksia, mutta monessa tilanteessa tuo kehittäminen on joko liian vaikeaa, tai sovellusten toteutuksessa tarvitsee huomioida monia eri käyttäjärjestelmäversioita, joka kehittäjän luovuttaa hidastaa varmasti. Uudet puhelimet matkivat yhä useammin aiempia menestyjiä ja sovelluskehittäminen on ollut hyvinkin sekavaa.

Nyt uusi poika kaupungissa on Microsoftin uusi puhelinversio - Windows Phone 7, joka on rakennettu täysin uudenlaiseksi puhelimeksi kuin markkinoiden muut puhelimet. Tässä artikkelissa en keskity niinkään sen paljon puhuttuun suorituskykyyn ja valmiisiin ominaisuuksiin, vaan miten päästä alkuun omien sovelluksien kehittämisessä puhelimeen.

Kaksi tapaa kehittää sovelluksia

Windows Phone 7 ympäristöön voidaan rakentaa esim. pelejä käyttäen XNA pelikehitysympäristöä. XNA pelit ovat niitä samoja pelejä, joita voidaan pelata niin PC:ssä, kuin pelikonsolissakin. Itseasiassa, jos olet tehnyt joskus XNA pelin, voi sen helposti saada käännettyä puhelimelle, oli se sitten 2D tai 3D peli. Kyllä vain...Windows phone 7 laitteissa on täysi 3D tuki, joten pelikehittäjille mahdollisuudet ovat huimia.

Toinen tekniikka, joka Windows Phone 7 kehittämisessä on käytössä, on web maailmasta tuttu Silverlight.

Flashin kanssa rinnastettu Silverlight teknologia, on kehkeytynyt ammattikehittäjien keskuudessa erittäin suosituksi sen paremman suorituskyvyn ja erittäin tehokkaiden kehitysvälineiden takia. Tässä artikkelissa on tarkoitus mennä lyhyesti läpi, miten tehdä hyvin perinteinen Hello World sovellus Silverlightilla markkinoiden uusimpiin puhelimiin.

Työkalujen hankkiminen

Kaiken tuottavan työn A ja O on oikeat ja mahdollisimman tehokkaat työkalut: Naulapyssy tehostaa naulaamista, Sirkkeli sahaamista ja kuorma-auto esim. kivien kuljetusta. Puhelinkehityksen työkaluina on ammattikehittäjille tuttu Visual Studio 2010 ja käyttöliittymä suunnittelijoiden käyttämä Expression Blend. Visual Studio sisältää valtavasti sovelluskehitystä tehostavia toimintoja, kun Blend on taas rakennettu helpon käyttöliittymäkokemuksen luontiin. Nämä ammattilaisten työkalut puhelinsovellusten kehittämiseen saa ilmaiseksi ladattua osoitteesta http://developer.windowsphone.com/.

Täältä löytyy myös valtavasti lisätietoa ja esimerkkejä puhelinsovelluskehitykeen ja esim. niiden myymiseen ja jakeluun ympäri maailmaa.



Valitse "Download the free tools"



ja seuraavalta sivulta "install now".

Tämä asentaa kaikki tarvittavat puhelinkehitysvälineet eli sekä Expression Blend for Windows Phone sovelluksen, että Visual Studio 2010 Express for Windows Phone sovelluksen. Jos koneella on asennettuna jo Visual Studio 2010 tai Expression Blend 4, lisää asennusohjelma vain tarvittavat projektityypit näihin sovelluksiin.

Sitten sovelluskehitys voikin alkaa.

Ensimmäisen sovelluksen luontiin...

Noh...tarkennetaan tuota aiempaa "Hello World" projektimäärittelyä hiukan. Tehdään kyllä Hello World sovellus, mutta lisätään hieman mielenkiintoa ja toteutetaan se omalla sovelluksella, johon toteutetaan kartta, jolla voi vaikka katsoa satelliittikuvia mistäpäin maailmaa tahansa. Sananmukaisesti siis "Hello World".

Windows Phone 7 kehittäminen on tuettu Visual Studiossa ja Expression Blendissä suoraan valmiiden projektimallien kautta. Yksinkertainen Silverlight puhelinkarttasovellus syntyy seuraavasti Blendillä:
  1. Käynnistä Expression Blend.

  2. Valitse ylävalikosta File -> New Project
    Project
    -dialogi-ikkuna avautuu.

  3. Valitse ensimmäinen Windows Phone Application  projektityyppi ja anna projektille jokin haluamasi nimi (tässä valitsin projektin nimeksi WindowsPhoneApplication_afterdawn)

  4. Valitse OK

  5. Muuta sovelluksen nimi MY APPLICATION -> AfterDawn, valitsemalla vasemmalta käyttöliittymäelementti nimeltään ApplicationTitle

  6. sitten valitse properties valikko, (jos se ei ole näkyvissä) ja muuta sieltä Text attribuutti arvoon AfterDawn.
        è

  7. Tee tämä sama PageTitle elementille muuttaen "page name" arvo "Hello World" arvoksi.

  8. Nyt puhelimen sivun tulisi näyttää tältä:

  9. Lisätään vielä karttatoiminnallisuus sovellukseemme.
    1. Valitse välilehti Assets

    2. Valitse Controls -> All ja kirjoita Search kenttään hakusana Map.
      Tämän avulla saadaan suodatettua muut kuin Map sanaa vastaavat kontrollit näkyvistä.

    3. Raahaa hiirellä Map kontrolli "Hello World" -tekstin alla olevaan alueeseen (ContentPanel)

    4. Valitse sitten kartakontrolli hiiren oikealla napilla ja valitse Auto Size -> Fill. Tällä saat kartan koko sivun kokoiseksi.

    5. Paina nyt F5 ja luomasi ohjelma käynnistyy virtualisoituun Windows Phone 7 ympäristöön, jossa voit karttaa kokeilla.
Se on siinä, yksinkertainen hello world karttasovellus 5 minuutissa.

Lisätietoa

Tämä yksinkertainen esimerkki näyttää, kuinka lähteä sovelluskehityksessä liikkeelle. Mahdollisuuksia on vaikka kuinka ja jos esim. kartan käyttäminen kiinnostaa enemmän kannattaa tutustua osoitteeseen https://www.bingmapsportal.com.

Windows Phone 7 kehittämiseen voi tutustua monella tavalla ja yksi tapa on katsoa erittäin hyvä englannin kielinen verkkokoulutus, joka löytyy osoitteesta: http://channel9.msdn.com/blogs/egibson/windows-phone-7-jump-start-session-1-of-12-introduction. Lisäksi verkosta löytyy ilmainen ladattava pdf kirja, joka toimii hyvänä käsikirjana, kun jokin idea pitäisi saada vaikka loppujen lopuksi myyntiin maailman puhelimiin.

Kirja löytyy osoitteesta: http://blogs.msdn.com/b/microsoft_press/archive/2010/10/28/free-ebook-programming-windows-phone-7-by-charles-petzold.aspx.

Ai niin, ja jos et ole vielä puhelinta päässyt kokeilemaan, niin tässä hieman esimakua: http://www.youtube.com/watch?v=wlJ_fLPpmdM


Jukka Wallasvaara

Microsoft Oy


Blogin kirjoittaja Jukka Wallasvaara vastaa Suomessa akatemisesta yhteistyöstä ja opetuksen kehityksen tukemisesta. Jukalla on yli 10 vuoden kokemus It-alasta ja nykyisin hän toimii Microsoftin kehittäjä- ja alustayksikön evankelistana.

Blogien  kirjoittajat löydät myös Facebookista.

Jaa tämä


Kirjoita kommentti

3 kommenttia

112.1.2011 11:14

Paljon puhuttu suorituskyky tosiaan.
nsbasic.com/speedtest.htm

Oma Android puhelimeni(HTC Desire Z): 585.776
iPhone 4 iOS 4.2: 180.472
iPhone 3GS iOS 3.4: 140.959
Samsung Windows Phone 7: 40.000
HTC Surround Windows Phone 7: 10.182

218.1.2011 10:21

Viittasin artikkelissa puhelimen suorituskykyyn eli siihen miten se tukee mm. aitoja 3D pelejä. Kannattaa tutustua:link

318.2.2011 16:07

Muuten kiva, mutta WP-kehitysympäristö ei toimi Windows XP:ssä. Köyhällä ei ole varaa laittaa toista sataa euroa käyttiksen päivittämiseen vain tämän takia.

Kommentoi uutista

Mikäli sinulla ei ole vielä AfterDawn-käyttäjätunnusta, syötä allaolevaan kaavakkeeseen toivomasi käyttäjätunnus sekä sähköpostiosoitteesi. Lähetämme sinulle jälkikäteen aktivointilinkin antamaasi sähköpostiosoitteeseen.

Mikäli sinulla on jo ennestään AfterDawn-käyttäjätunnus, kirjaudu sisään seuraavan välilehden kautta.

Kirjaudu sisään käyttäen AfterDawn -käyttäjätunnustasi tai sähköpostiosoitettasi.




Uutisarkisto