Ohjelmistokehittäminen

1. Ohjelmistokehittäminen

2. Luku 3 – EnsimmäinenWindows 8 -sovellus

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

4. 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

5. 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)

6. 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 ladattavaksiWindows 8 -kehittämiseentarkoitettu Express-versio

7. 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. licenseterms) ja paina sitten Install-painiketta

8. Asennusohjelman aloitusruutu

9. 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.

10. Valmis asennus

11. 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

12. Kirjautuminen sisään

13. Kehittäjälisenssin hankkiminen • Kehittäjälisenssi (developerlicense) 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

14. 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ä

15. 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

16. New Project -ikkuna

17. Kehittäjälisenssin hankinta • Jos olet aloittamassa uutta projektia Visual Studiossa eikä sinulla ole vielä kehittäjälisenssiä,Visual Studio pyytää sinuahankkimaan lisenssin • Väliaikaisen lisenssinhankkiminen on maksutonta • Mutta tällaisella lisenssilläei voi myydä tai jakaasovelluksia kauppapaikankautta

18. 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

19. Käyttöliittymä

20. 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

21. Koodieditori

22. 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!”;

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

24. 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

25. Sovellus

26. 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ä.

27. 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ä?

28. 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ö.

29. 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.

30. 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. applicationpackage), jonka voit kopioida toiseen koneeseen. • Levityspaketin voit tehdä Visual Studion Store-valikon komennolla CreateAppPackages. Kohdekoneessa voit hankkia tarvittavat kehityslisenssin käyttämällä PowerShell-komentoa Get-WindowsDeveloperLicense.