TAITAJA2013 Finaalitehtävä 1 (6) 206 Verkkosivun tuottaminen finaalitehtävät YLEISTÄ -lajin finaalitehtävissä kilpailijat päivittävät ennakkoon julkaistuna finaalitehtävänä olleen Ekoripe tmi luontoyrittäjän staattisen sivuston Joomla-julkaisujärjestelmään. Toisena kokonaisuutena kilpailijat tekevät Lieksan Matkaverit Oy:n www-sivuille karttasovelluksen. Kumpaankin edellä mainittuun liittyy pikataivaltehtävä. Näiden lisäksi kilpailijat julkaisevat Microsoft Azure-pilvipalveluun www-sivuston ja tekevät hakukoneoptimointia. Arviointi tapahtuu osoitteesta https://moodle2.pkky.fi > 206 Verkkosivun tuottaminen. Työtilassa on valmis kansiorakenne tehtävien mukaisesti. Tallenna tekemäsi sovellukset ja muu dokumentaatio Moodleen tehtävien palautuksen kautta. Ota päivittäin myös varmuuskopio sivuistasi työpisteessäsi olevalle muistitikulle. Tallennuskansiot on mainittu tehtävissä. Arviointi tehdään Firefox-selaimella. 1
TAITAJA2013 Finaalitehtävä 2 (6) AIKATAULU Tehtävät ja ajat tunnus A Tehtävä Päivä Kello Tuntia Ekoripe tmi luontoyrittäjän sivuston kehittäminen ti 14.5.2013 9.00 11.00 2 B Sivuston muuttaminen Joomlaan ti 14.5.2013 11.00 12.00 13.00 16.30 4,5 C D Pikataival, moduulin asentaminen Joomlaan Karttasovelluksen suunnittelu ti 14.5.2013 16.30 17.00 0,5 ke 15.5.2013 9.00 10.30 1,5 E Karttasovelluksen toteutus ke 15.5.2013 10.30 12.00 13.00 16.30 5,0 F G H Pikataival, ohjeistuksen laatiminen Web-sivuston julkaiseminen Microsoft Azureen Hakukoneoptimointi valmiiseen sivustoon ke 15.5.2013 16.30 17.00 0,5 to 16.5.2013 8.20 9.50 1,5 to 16.5.2013 10.00 11.00 1 2
TAITAJA2013 Finaalitehtävä 3 (6) TEHTÄVÄ A Ekoripe tmi luontoyrittäjän sivuston kehittäminen (ti 14.5.2013 klo 9.00 11.00) Sivuston kehittäminen Ennen sivuston kehittämistä lue muissa tehtävissä kuvatut vaatimukset, jotta muistat ottaa ne huomioon. Ulkoasun suunnittelu Ekoripe tmi toimii Lieksassa metsä- ja luontopalvelujen alalla. Yrityksen nykyiset sivut löytyvät osoitteesta http://www.ekoripe.net, joilta voit tutustua yrityksen toimintaan. Yrittäjä Risto Kiiskinen on kehittämässä www-sivustoaan ja toivoo sinun suunnittelevan hänelle uuden yhtenäisen ja johdonmukaisen sivuston käyttöliittymineen. Hän haluaa helppoa ylläpidettävyyttä Joomla-julkaisuympäristön avulla. Sivuston käyttöliittymän on oltava sellainen, että sivut näkyvät mobiili- ja padi-laitteissa responsiivisesti. Värimaailma ja fontit pitää olla samat kuin nykyisessä sivustossa. Toiminnallisuuden suunnittelu Joomla-julkaisujärjestelmä on asennettava palvelimelle erillisen ohjeen avulla (liite 1.). Voit halutessa käyttää valmiita sivupohjia sivuston toteutuksessa. Voit asentaa ne Joomlan asennuksen yhteydessä. Suunnitelman dokumentointi ja esittäminen Tee tilaajalle dokumentti, jossa on esiteltynä sivuston layoutit (3 kuvaa: mobiili, padi ja pc) ja selain (pc-version) rakenne sivukarttana. Dokumentissa pitää olla myös esiteltynä valittu Joomla-sivupohja, jota tulet käyttämään ja siihen tekemäsi mahdolliset muutokset. Dokumentissa pitää olla myös mainittuna ne Joomla-lisäosat, joita peruspaketin lisäksi on asennettava, jotta kaikki vaaditut toiminnalliset ominaisuudet toimisivat. Joomlajulkaisujärjestelmän pääkäyttäjän toimintoja ja ulkoasua sinun ei tarvitse dokumentoida. Tallenna dokumentti Moodleen Ekoripe-kansioon nimellä suunnitelma. 3
TAITAJA2013 Finaalitehtävä 4 (6) TEHTÄVÄ B Sivuston muuttaminen Joomlaan (ti 14.5.2013 klo 12.00 16.30) Muuta staattinen ennakkotehtävänä tehty Luontoyrittäjän sivusto Joomlaan. Tehtävän B lopussa valmiina pitää olla. Sivuston vaadittu sisältö (kuvat ja tekstit) on kansiossa Ekoripe_aineisto. - Joomla ja ulkoasu asennettuna - käyttöliittymä tehty ja sisältö on syötetty - noudata web-standardeja - sivuston tulee toimia responsiivisesti Tee yrittäjälle ohje pääsivun ylläpitämisestä. Hän haluaa käyttää kirjautumisessa tunnusta KiiskinenR ja salasanaa Ripe. Ohjeessa pitää olla neuvottuna tekstin ja kuvan lisäys, muutos sekä poisto. Tallenna ohje Moodleen Ekoripe-kansioon nimellä ohje. TEHTÄVÄ C Pikataival: Moduulin asentaminen Joomlaan (ti 14.4.2013 klo 16.30 17.00) - asenna Youtube-video moduuli etusivulle, muokkaa tyylitiedosto sivuston ulkoasuun sopivaksi - asenna Youtubesta video Wild Wolverine (Tekijä Tunturituuli) 4
TAITAJA2013 Finaalitehtävä 5 (6) TEHTÄVÄ D Karttasovelluksen suunnittelu (ke 15.5.2013 klo 9.00 10.30) Asiakastapaaminen (9.00 9.15) ja karttasovelluksen suunnittelu (9.15 10.30) Ennen suunnittelua lue muissa tehtävissä kuvatut vaatimukset, jotta muistat ottaa ne huomioon. Karttasovelluksen on nivellyttävä Lieksan Matkakaverit Oy:n sivustoon (www.lieksanmatkakaverit.fi). Kuvakaappaus sivuston videosivusta on liitteenä 2. Moodlessa kansiossa Materiaali_Lieksan_matkakaverit on aineistoa karttasovelluksen suunnittelun helpottamiseksi. Tee alustava layot suunnitelma syöttö- ja esittämissivuille. Tallenna layoutit Moodleen kansioon Lieksan_matkakaverit nimellä alustava_layout_syotto ja alustava_layot_esittaminen. Jos teit layotit paperille, niin laita paperit työpöydälläsi olevaan kansioon. Asiakasneuvottelussa voit keskustella tarkemmin karttasovelluksen sisällöstä. Työskentelyn aikana asiakkaan edustaja kiertää kilpailualueella ja antaa palautetta tekemästäsi layout-suunnitelmasta. Tee tarvittavat muutokset ja viimeistele layoutit. Ennen sivuston toteuttamista tapaat asiakkaan edustajan uudestaan. Pyri myymään suunnitelmasi asiakkaalle. Aikaa asiakkaan vakuuttamiseen sinulla on kaksi minuuttia. Toiminnallisuuden ja käyttöliittymän suunnittelu Tee suunnitelma karttasovelluksen toteuttamisesta ja tietojen (otsikko, kuvaus, media, koordinaatit) syöttämisestä karttaan. Kaikki tiedot ovat pakollisia. Media voi olla kuva, ääni tai video. Tietojen syöttämisen tulee olla helppoa ja nopeaa. Käyttöliittymän suunnittelussa on otettava huomioon, että asiakkaalla ei välttämättä ole tietoteknistä asiantuntemusta. Muista, että sinun on pystyttävä toteuttamaan suunnitelma siten, että se on toisen kisapäivän päättyessä toimintakunnossa. Suunnitelmassasi pitää olla tietokannan kuvaus kaaviona (esim. ER-kaavio), syöttölomakkeen sisältämän sivun ja tietojen haku- sekä esittämissivun layout jpg-kuvina. Tallenna tietokannan kuvaus Moodlessa kansioon Lieksan_matkakaverit nimellä tietokanta_matkakaverit. Jos teit kuvauksen paperille, niin laita paperit työpöydälläsi olevaan kansioon. Tallenna tiedostot Moodlessa kansioon Lieksan_matkakaverit nimellä lopullinen_layout_syotto ja lopullinen_layot_esittaminen. Jos teit layotit paperille, niin laita paperit työpöydälläsi olevaan kansioon. 5
TAITAJA2013 Finaalitehtävä 6 (6) TEHTÄVÄ E Karttasovelluksen toteutus (ke 15.5.2012 klo 10.30 12,13-16.30) Toteuta karttasovelluksen MySQL tietokanta. Tehtävän E lopussa valmiina pitää olla - tietokanta MySQL tietokannassa - tiedonsyöttölomakkeen sisältämä sivu - syötä 3 videota, 3 kuvaa ja 2 ääntä karttasovellukseen (löytyy kansiosta Materiaali_Lieksan_matkakaverit) - tiedon esittämissivu Ota huomioon erityisesti karttasovelluksen käytettävyys, tietokantarakenteen järkevyys, lomakkeen syöttökenttien tarkistukset sekä monipuoliset ja helpot esittämistoiminnot. TEHTÄVÄ F Pikataival: Ohjeistuksen laatiminen (ke 15.5.2013 klo 16.30 17.00) Tee ohjeistus datan syöttämisestä karttasovellukseen. Tallenna ohje Moodleen kansioon Lieksan_matkakaverit nimellä ohje. Tulosta asiakirja. TEHTÄVÄ G Web-sivuston julkaiseminen Microsoft Azureen (to 16.5.2015 klo 8.20 9.50) Asenna www-palvelin Azure-pilvipalveluun. Tee Azure_materiaali kansiosta löytyvän Sivusto.docx asiakirjan sisällön mukainen www-sivusto. Kopioi sivusto Moodleen kansioon Azure. Jullkaise sivusto pilvipalvelun kautta. Tee sivuston ylläpitäjälle ohje, jossa kuvaat miten pilvipalvelussa olevan sivuston pääsivun sisältöä muutetaan. Saat itse valita ohjelman (editorin), jolla muutos tehdään. Tallenna ohje Moodleen kansioon Azure nimellä ohje. TEHTÄVÄ H Korjaa sivusto http://aikolainen.pkky.fi/~era_eero hakukoneystävälliseksi (to 16.5.2013 klo 10.00 11.00) Korjaa Erä-Eeron:n sivusto hakukoneystävälliseksi. Kirjoita raportti korjauksista ja palauta se Moodleen kansioon Raportti_Eraeero nimellä Era_eero_hakukoneoptimointi Omien töiden esittely (to 16.5.2013 klo 12.30 alkaen) 6