Ohjelmistokehittäminen

Luku 3 – Ensimmäinen Windows 8 -sovellus

Sisältö ❷❸ Asennukset kuntoon Ensimmäinen käynnistys Windows 8 -kehittäjälisenssin hankkiminen Ensimmäinen ohjelma: Hei, maailma! Tehtäviä Kysymyksiä ja vastauksia

Kertaus: tarvittavat välineet Windows 8 -sovellusten kehittämiseen tarvitaan ainakin seuraavat välineet Tietokone, jossa on Windows 8 -käyttöjärjestelmä Mikäli mahdollista, koneessa olisi hyvä olla kosketusnäyttö, mutta tämä ei ole aivan välttämätöntä Kehitysvälineet Visual Studio -sovelluskehitin (lisää seuraavassa) Nettiyhteys

Asennukset kuntoon Lähdemme siitä olettamuksesta että Windows 8 -käyttöjärjestelmä on jo asennettu sille koneelle, jolla aiot tehdä kehitystyötä Ennen seuraavia toimenpiteitä tarkista kuitenkin: Nettiyhteyden toimivuus, Visual Studion lataus voi kestää pitkään huonolla tai hitaalla yhteydellä Windowsin päivitysten ja tietoturvakorjausten ajantasaisuus (Windows Update -toiminnon kautta)

Lataa Visual Studio 2013 Express Visual Studio 2013 Express for Windows 8 on maksuton tuote jonka voit ladata osoitteesta http://www.visualstudio.com/downloads/download-visual-studio-vs Valitse ladattavaksi Windows 8 - kehittämiseen tarkoitettu Express- versio

Visual Studion asennus Visual Studio 2013:n maksuttoman version asennustiedosto on nimeltään winexpress_full.exe Käynnistä asennustiedosto normaalisti, esim. tupla-klikkaamalla Hetken päästä ruudulle ilmestyy asennusohjelman ensimmäinen ruutu Hyväksy ensin lisenssiehdot (engl. license terms) ja paina sitten Install-painiketta

Asennusohjelman aloitusruutu

Varsinainen asennusvaihe Painettuasi Install-painiketta sinun tarvitsee vain odotella koneesi tehosta riippuen noin kymmenen–kaksikymmentä minuuttia Kun asennus on valmis, saat ilmoituksen asennuksen onnistumisesta Nyt ikkunan alareunaan ilmestyy käynnistyspainike LAUNCH.

Valmis asennus

Ensimmäinen käynnistys Kun Visual Studio 2013 Express käynnistyy ensimmäisen kerran, ohjelma kysyy haluatko kirjautua sisään Kirjautuminen on edellytys Windows 8 –sovellusten kehittämiselle Helpointa on napsauttaa ikkunassa näkyvää Sign in -painiketta ja seurata ohjeita Voit halutessasi jättää kirjautumisen tuonnemmaksi

Kirjautuminen sisään

Kehittäjälisenssin hankkiminen Kehittäjälisenssi (developer license) tarvitaan, jotta omalle koneelle voisi asentaa itse tekemiään sovelluksia Kehittäjälisenssin saa maksutta 30 päiväksi kerrallaan tai vuosimaksun hinnalla 90 päiväksi kerrallaan Ajan kuluttua umpeen lisenssin voi uusia automaattisesti Visual Studion kautta Windows 8 -ohjelmat eli ”appsit” (engl. store apps) asennetaan lähtökohtaisesti ainoastaan Microsoftin kansainvälisen kauppapaikan (store) kautta. Toisin kuin perinteisiä Windows-sovelluksia, kauppapaikka-sovelluksia ei voi kopioida koneelta toiselle. Microsoft on toisin sanoen varmistanut, että kauppapaikka-sovellukset tulevat vain turvallisen ja luotettavan jakelutavan kautta. Windows 8 -ohjelmien kehittäminen olisi kuitenkin mahdotonta, jos kehittäjät eivät voisi asentaa ja ajaa omia ohjelmiaan omilla koneillaan ennen niiden lähettämistä kauppapaikkaan.

Ensimmäinen sovellus Windows 8 -kehittämisen oppiminen tapahtuu tehokkaimmin itse kokeilemalla Kokeillaan yksinkertaisen Hello World -sovelluksen kehittämistä Voit itse jatkaa sovelluksen kehittämistä eteenpäin Tarvitset Windows 8.1 -käyttöjärjestelmällä varustetun koneen Visual Studio 2013:n asennettuna ja rekisteröitynä

Uuden projektin aloittaminen Windows 8 -sovellukseen kuuluu useita erilaisia tiedostoja, joista koostuvaa sovellusta kutsutaan Visual Studiossa projektiksi (engl. project) Käynnistä Visual Studio, ja valitse valikkokomento File/New Project Ruudulle avautuu New Project -ikkuna

New Project -ikkuna

Kehittäjälisenssin hankinta Jos olet aloittamassa uutta projektia Visual Studiossa eikä sinulla ole vielä kehittäjälisenssiä, Visual Studio pyytää sinua hankkimaan lisenssin Väliaikaisen lisenssin hankkiminen on maksutonta Mutta tällaisella lisenssillä ei voi myydä tai jakaa sovelluksia kauppapaikan kautta

Hello World -käyttöliittymä Visual Studio sisältää sekä koodieditorin että käyttöliittymien visuaalisen suunnittelunäkymän Käyttöliittymien muodostamiseen tarkoitetut komponentit löytyvät Toolbox-ikkunasta Visual Studion vasemmasta reunasta Pudota MainPage.xaml-tiedoston käyttöliittymään kaksi komoponenttia: TextBlock ja Button

Käyttöliittymä

Koodin kirjoittaminen Button-komponentin tarkoituksena on vaihtaa ruudulla näkyvä teksti kun painiketta kosketetaan Visual Studiossa koodi kirjoitetaan koodieditoriin Saat koodieditorin näkymiin kaksoisnapsauttamalla Button-komponenttia Anna halutessasi TextBlock-komponentille nimi Properties-ikkunan kautta

Koodieditori

Komponentti ja koodi Komponentin nimen muuttaminen tapahtuu Properties-ikkunan kautta Kun TextBlock-komponentilla on nimi, esimerkiksi ”teksti”, voit kirjoittaa seuraavan ohjelmakoodin Button-komponentin tapahtuman-käsittelijään: teksti.Text = ”Hei, Maailma!”;

Sovelluksen ajaminen Visual Studiossa sovelluksen käynnistäminen tapahtuu Start-painikkeella, joka löytyy työkalurivin (toolbar) keskeltä

Sovellus käynnissä Sovelluksen kääntäminen (build) ja käynnistäminen kestävät muutamia sekunteja Tämän jälkeen koneen ruutu muuttuu mustaksi ja tekemäsi sovelluksen käyttöliittymä tulee näkyviin Kosketa nyt painiketta, ja näet tekstin muuttuvan

Sovellus

Sovelluksen sulkeminen Koska Windows 8 -sovellukset ovat käynnistettäessä koko ruudun kokoisia, sinun täytyy tuntea tavat joilla pääset takaisin Visual Studioon Tapoja on useita Kosketusnäytöllä: vedä sormella ruudun yläreunasta keskeltä alas saakka, jolloin sovellus sulkeutuu Paina näppäimistöltä näppäinyhdistelmää Alt+F4 Paina Windows+D, jolloin palaat Visual Studioon. Paina sitten punaista Stop Debugging -painiketta työkalurivillä.

Tehtäviä Selvitä, mitkä ovat Visual Studio Express 2013 for Windows -kehittimen laitteistovaatimukset. Toimiiko kehitin myös vanhoilla koneilla? Kerro, mihin Windows 8 -sovellusten kehittäjät tarvitsevat kehittäjälisenssiä. Visual Studion mukana tulee neljä valmista sovellusmallia. Kuvaile, mitä mallia käyttäisit missäkin tilanteessa, ja anna yksi sovellusesimerkki kullekin mallille sopivasta sovelluksesta. Tutki, millä tavoin voit helposti avata Blendin suoraan Visual Studiosta. Entä voitko avata Visual Studion suoraan Blendistä?

Kysymyksiä ja vastauksia 1 Tarvitsenko kosketusnäytöllä varustetun tietokoneen, kannettavan tai tabletin voidakseni kehittää Windows 8 -sovelluksia? Et välttämättä, mutta sellaisesta on paljon etua. Visual Studion mukana tulee erityinen Windows 8 -simulaattori, jonka avulla voit kokeilla sovelluksesi toimintaa kosketusnäyttöä simuloiden hiiren avulla. Sovelluksesi luulee, että sinulla on käytössäsi kosketusnäyttö.

Kysymyksiä ja vastauksia 2 Minulla on koneessani Windows 7 -käyttöjärjestelmä. Miten voin aloittaa Windows 8 -kehittämisen? Sinun on päivitettävä ensin Windows 8 -käyttöjärjestelmään jotta voit käyttää ja kehittää Windows 8 -sovelluksia. Jos koneesi on enintään pari vuotta vanha ja pyörittää Windows 7:ää sujuvasti, voit todennäköisesti päivittää tietokoneesi käyttöjärjestelmän. Jos koneesi on vanha ja hidas, voi olla järkevää hankkia uusi kone, esimerkiksi kosketusnäytöllä varustettu kannettava. Näitä saa kaupoista jo alle 400 eurolla.

Kysymyksiä ja vastauksia 3 Olen tehnyt Windows 8 -sovelluksen ja haluaisin kopioida sen ystävälleni/kollegalleni. Miten kopioin sovelluksen toiselle koneelle? Jos ystävälläsi tai kollegallasi on koneellaan Windows 8 ja Visual Studio, voit antaa hänelle ohjelmasi lähdekoodin ja pyytää häntä kääntämään sovelluksen. Jos tämä ei ole mahdollista tai haluat pitää lähdekoodin itselläsi, voit omasta Visual Studiostasi käsin luoda niin sanotun levityspaketin (engl. application package), jonka voit kopioida toiseen koneeseen. Levityspaketin voit tehdä Visual Studion Store-valikon komennolla Create App Packages. Kohdekoneessa voit hankkia tarvittavat kehityslisenssin käyttämällä PowerShell-komentoa Get-WindowsDeveloperLicense. Lisätietoja saat osoitteesta http://msdn.microsoft.com/en-us/library/windows/apps/Hh974578.aspx.