Tämä blogiteksti kertoo meidän oppilaiden ryhmätyöprojektin alkutaipaleesta, kun aloitimme koodaamaan omaa leffateatterisivustoa. Julkaisen sen myös täällä omassa blogissani.
No niin, mistä sitä lähtisi liikkeelle? Huh. Hiki otsalla ja ajatukset lyövät itsensä tilttiin. Tätäkö tämä on? Valkoisen ruudun ongelma ja ajatus ei kulje. Tästä opettaja mainitsi joskus tunnilla, nyt se on todellisuutta.
Ensimmäiset näppäilyt Visual Codeen. Ainakin muistin mitä aluksi – ! ja enter – ensimmäiset koodin pätkät siis HTML-dokumentiin. Sinne räpsähti. Sekavaa vielä tässä vaiheessa. Sanat viuhuvat mielessä, <meta>, <link>, <body>, <header>, <body>, <div>, <p>, <section>. Sitten tutorial auki Youtubesta ja vähän kertausta HTML:stä. Mitä tulee bodyn alle ja mitä pitää muistaa headiin jne…? Otan myös Chat gpt:n avuksi ja kyselen siltä HTML-protyypistä, ja mitä koodarin pitää siitä tietää. Vastauksia satelee, kun tekoäly naputtaa informaatiota ruudulle. Mieli alkaa pikkuhiljaa rauhoittua ja saan vähän kiinni tästä kaikesta.
Nyt pitäisi saada ensimmäiset oikeat koodin pätkät HTML-dokumentiin. Aloitan Headeristä. Haluan sinne napit eri sivuille. Miten ne nyt tehtiin? Avaan spritti 2:ssa tehdyn rautalankamallin avuksi, tarvitsen visuaalista kuvaa, että hahmotan asiat. Nyt napautan Visual Codeen listan ja sivujen nimet. Sitten live preview ja enter. WTF! Näyttää ihan karmealta. Valkoinen ruutu, jossa allekkain sivujen nimet. Olen täysin hämmennyksissä. Tää näyttää ihan hirveän paskalta. Nyt tarvitsen taas apuja virtuaalikaverilta. No niin, apu löytyy. Kaveri selittää ruudun täydeltä, että muotoilut tehdään vasta CSS:ssä ja antaa esimerkin. Kopion sen Visual Codeen ja alan ymmärtämään taas paremmin tätä logiikkaa.
Tuntien räpellysten ja esimerkkien jälkeen olen saanut täytettyä ruudun valkoista jo ihan kiitettävästi. Ollaan siis menossa oikeaan suuntaan, ainakin tässä vaiheessa. Katsotaan, mitä tiimi sanoo seuraavassa palaverissa. Tunnit ovat hurahtaneet flow-tilassa, se pieni auringon kaje päivällä on vaihtunut syksyn pimeyteen. Aivoni tarvitsevat energiaa samoin kuin vatsalaukku.
-Henkka-
Puolen vuoden projekti edistyi kivasti ja neljän hengen ryhmämme sai staattisen Kalevala Kinon sivuston koodattua. Projektissa oppi paljon uusia asioita ja ryhmätyön merkitys korostui. Oli hieno huomata kuinka ryhmämme tuki toisiamme ja kannusti eteenpäin. Tässä alla oman sivuni layout videon muodossa. Projekti jatkuu yhä ja tarkoituksemme on tehdä sivustosta vielä dynaaminen versio, mistä löytyy erilaisia toiminnallisuuksia.