Tietotekniikan aineenopettajankoulutus

Luento 56.2.2013

Tekninen suunnittelu takaa toimivan verkkokurssinTekninen suunnitteluTekninen suunnitteluTavoitteena on suunnitella tekninen toteutus omalle verkkokurssille ja dokumentoida se tuotantoksikirjoitukseksiTekninen suunnitteluTeknisen suunnittelun yhteydess sisltksikirjoitus ja siihen liitetyt pedagogiset valinnat laajennetaan tuotantosuunnitelmaksi, jonka avulla verkkokurssin varsinaista toteuttamista hallitaan miten verkkokurssi kytnnss teknisesti toteutetaanmilt kurssi ulkoasullisesti nytt sek millaisia toiminnallisuuksia verkkosivuilla onSelke suunnitelma siit, kuinka oma verkkokurssi toteutetaan, ns. tuotantoksikirjoitusMist liikkeelle?Alustan ja/tai tykalujen valintayliopistolla tarjolla Optima ja MoodleMedia- ja vlinevalinnatmill ohjelmilla tuotetaan, miss jakeluformaatissaKytettvyysYllpitoSkaalautuvuusYhteensopivuusStandardien huomioiminenKyttliittymn suunnitteluSuunnittele ensin sislt valmiiksi - ja sitten vasta ulkoasu!Kyttliittymn suunnittelu (1)Opiskelija kytt verkkokurssia kyttliittymn avullatoiminnallisuus on trkeintmys visuaaliseen suunnitteluun kannattaa kytt aikaa; selke ulkoasu helpottaa verkkomateriaalin kyttSovelluksissa on totuttu nkemn tiettyj symboleja, joilla on oma merkityksens: vasemmalle osoittava nuoli vie taaksepin ja oikealle osoittava nuoli eteenpin, jne.Kyttliittymn suunnittelu (2)Valikoissa ja painikkeissa (mys linkeiss) kytettyjen tekstien tulee olla selkeit ja tyyliin sopiviaKyttliittymn on oltava yhteninen koko materiaalissa ja toiminnan tulee olla loogista

Kyttliittymn suunnittelu (3)Suunnittelun pohjana voi kytt esim. seuraavia kysymyksi:Minklaisessa tilanteessa materiaalia kytetn?Mink ikisille oppijoille materiaali on tarkoitettu?Kuinka kauan kytn opetteluun voidaan kytt aikaa?Miten monipuoliset liikkumismahdollisuudet oppijoille annetaan?

Humap Kids

Aiempi www.freenet.fi

Tydennyskoulutuskeskuksen portaali

Opinto-ohjauksen portaali Florida State University

Optima

MoodleKyttliittymn suunnittelu (4)Mieti ensinmit toimintoja ja tietoja kyttj tarvitseemiten kyttj loogisesti verkkomateriaalissa eteneemit navigointitoimintoja tarvitaan kyttjn liikkumista tukemaankuinka kyttj autetaan pysymn sijainnissaan ajantasallaSuunnittele kyttliittym ja alasivut paperille pyttestaa!

Kyttliittymn suunnittelu (5)Muista ottaa huomioontarvittavat linkit materiaalin sislltarvittavat linkin materiaalin ulkopuolellelinkkien ryhmittely ja tasotloogisuushelppo eteneminenmediaelementtien 'jrkev' kyttsislln tukeminen ulkoasullalinkitys -> Hyperteksti!kytetnk taulukoita vai kehyksi?tehdnk taulukoista skaalautuvia vai kiinteit ?onnistuuko sivujen luonti sivupohjaa monistamalla, jolloin tytetn vain sisltKyttliittymn suunnittelu (6)Hyv kyttliittym vapauttaa ajattelemaan sislt! Kyttliittym ei saa korostua liikaaPohdiMillaiseen oppimisympristn ajattelit kurssisi toteuttaa?tarvitsetko tytilan Moodleen tai Optimaan?pyyd tarvittaessa tytila Leenalta

TuotantoksikirjoitusMuista dokumentointi!Tuotantoksikirjoitus (1)Tuotantosuunnitelmaan sisltyy tekniseen suunnitteluun vaikuttavat rajoitteet eli suunnittelussa huomioitavat asiat sek erillinen tuotantoksikirjoitus, joka toimii tyohjeena toteutukseen osallistuville henkililleTuotantoksikirjoitus sislt aiempien dokumenttien lisksi seuraavat asiat:visuaaliset ohjeet, kuten audiovisuaalisen materiaalin tuotanto-ohjeet ja videoksikirjoitukset sek storyboardsovelluksen rakenne ja rakenteessa liikkuminentoiminnallisuusTuotantoksikirjoitus (2)tekniset mritykset, kutenvrisyvyys eli vrien mr ja nyttresoluutiovideomateriaalin pakkaaminennimateriaalin nytteenottotaajuushakemistorakenne (kuvat, videot, www-sivut, jne.)tuotannolliset mritykset, kutenmateriaalin varmuuskopiointimateriaalin sijainti tyryhmn verkossatiedostomuodotohjelmointikieletTuotantoksikirjoitus on se dokumentti, jonka pohjalta verkkokurssi kytnnss toteutetaan

Video- ja niksikirjoitusKsikirjoitus sislt kaikki videon tilanteet ja tapahtumat tarkasti ennakoidussa muodossakameran edess tapahtuva toiminta yksityiskohtaisesti teksti ilman kuvianisuunnitelma: repliikit, selostustekstit ja mahdollinen musiikkiSiis ...mit tapahtuu, miss ja milloin?mit kuvassa nkyy?mit ni kuuluu?Kuvaussuunnitelma tehdn storyboardiin ...Storyboard (1)

Storyboard (2)

Tekniset sisllntuotantovlineet (1)Vrimaailma:Color Scheme GeneratorMegakokoinen vrikarttaVrikartta liukuvreillRistikoita ja piilosanojaEclipseCrossword.comAPTE.com - Create and edit e-puzzles (skandit ei toimi!)Discoveryschool.com - PuzzlemakerMonipuolisempia tehtvi Hot Potatoes-ohjelmallaQuandary - ongelmanratkaisutehtvi

Hot Potatoes ristikko Moodlessa

Tenttiesimerkki Moodlesta

Tekniset sisllntuotantovlineet (2)Muuta mediaa:CamStudioWindows Media Encoder WINKWirecastMacromedia Flash ProfessionalSisllnhallinta:KoppaMoniviestinMoodleOptimaPohdiMillaisia toimintoja ajattelit toteuttaa?Mit muita tykaluja ajattelit kytt?onko tykaluvinkkej?

Tekninen toteutusTavoitteena on arvioida omia suunnitelmia, mahdollisesti rajata toteutusta sek toteuttaa suunnitelmatTekninen toteutus (1)Kun sisllnsuunnittelu sek pedagoginen ja tekninen suunnittelu on toteutettu sek tarkkaan mietitty, voidaan siirty varsinaiseen toteutukseen oman kurssin toteutus tehdn tekniseen suunnitteluun sisltyvn tuotantoksikirjoituksen mukaan, jossa kurssin koko sislt on kuvattu sanasta sanaaOn siis aika ottaa aiemmin tehdyt suunnitelmat kyttn ja seurata niit

Tekninen toteutus (2)Ennen toteutuksen aloitustamieti tarvitseeko suunnitelmien toteutusta rajataennttk kurssin aikataulun puitteissa toteuttamaan kaikki suunnitelmatDokumentoi mahdolliset rajaukset, mit toteutat ja mit etRajaus voidan tehd mm. sisllnsuunnitteluun sisltyneen must know - should know - (nice to know) -jaottelun mukaanMukaan otetaan ainakin kaikki must know -asiat ja resurssien mukaan lisksi should know-asioitaJos suunnitelmasi on riittvn kompakti, rajausta ei tarvitse tehd. Dokumentoi kuitenkin mys tm suunnitelmiin mukaan! Tekninen toteutus (3)Suunnittele ensin, miss jrjestyksess toimeen ryhdyt; toteutatko ensin kaiken oheismateriaalin (net, kuvat, animaatiot sek audio- ja videotiedostot) vai aloitatko www-sivujen sisllistOta kyttliittymsuunnitelma esiin ja laadi pohja tuleville www-sivuille suunnitelman mukaanhuomioi toteutuksessa sivujen yllpiodettvyys ja muutosten helppousKoosta sivusto joko avoimina www-sivuina tai alustalle aiempien suunnitelmien mukaanLis multimediaelementit suunniteltuihin kohtiinTarkista suunnitelmien pitvyys ja tarvittaessa viimeisteleTekninen toteutus (4)TarkistaOnko toteutettu rakenne suunnitellun mukainen?Onko toteutettu sislt suunnitellun mukainen?Onko toteutus teknisen suunnittelun mukainen?Kirjoitusvirheet?Linkkien toimivuus?Kuvien, audio- ja videomateriaalin latautuminen?Html-kielen siisteys?Kyttliittymsuunnitelma ja tuotantoksikirjoitusTehtvi yksin ja ryhmssOppimistehtv 5Laadi omalle verkkokurssillesikyttliittymsuunnitelmatekninen tuotantoksikirjoitus, josta lytyvt kaikki toteutettavat sislllliset, pedagogiset sek tekniset ratkaisutTehtvn tavoiteTehtvn tavoitteena on laatia omalle verkkokurssille tuotantoksikirjoitus, jonka mukaan kuka tahansa muu pystyisi toteuttamaan suunnittelemasi verkkokurssin.Oppimistehtv 6Tss vaiheessaArvioi suunnitelmiesi kattavuus ja tee tarvittaessa rajauksia toteutusta ajatellenJos suunnitelmasi on riittvn kompakti, rajausta ei tarvitse tehd. Dokumentoi kuitenkin mys tm suunnitelmiin mukaan!Toteuta suunnitelmat tuotantoksikirjoituksen mukaan, rajausten puitteissa