Käyttöliittymä ja tuotantokäsikirjoitus Heini Puuska
Sisältö 1 Käyttöliittymä... 1 2 Tuotantokäsikirjoitus... 2 2.1 Kurssin esittely... 2 2.2 Oppimistehtävä 1... 2 2.3 Oppimistehtävä 2... 2 2.4 Reflektio 1... 3 2.5 Oppimistehtävä 3... 3 2.6 Oppimistehtävä 4... 4 2.7 Reflektio 2... 4 2.8 Anna tukea ja palautetta... 4 2.9 Kuuntele palautetta ja modifioi tarvittaessa... 5
1 1 Käyttöliittymä Lähden määrittelemään käyttöliittymää käyttötapausten pohjalta. Kurssin toteutan Metropolian Moodle ympäristöön. En lähde tässä dokumentissa suunnittelemaan värimaailma tms. tyyppisiä asioita vaan toteutan kurssin Metropolian oletuspohjalle. Käyttötapausten määrittelyn uskon olevan hyvä lähtökohta käyttöliittymän suunnitteluun. Seuraavassa kuvassa on määritelty sekä opiskelijan että opettajan käyttötapaukset. Osa käyttötauksista ovat samoja, mutta rooli on eri. Esimerkiksi opettajan tuottaa oppimistehtävä 1 tehtävän annon ja opiskelija tutustuu tehtävänantoon. Kunkin opettajan käyttötapauksen kirjoitan auki seuraavassa luvussa (2 Tuotantokäsikirjoitus). Kukin käyttötapauksensa on oma alilukunsa.
2 2 Tuotantokäsikirjoitus 2.1 Kurssinesittely Kurssi sisältää seuraavat osa-alueet. Tietotekniikan ja tietojenkäsittelyn peruskäsitteet. (Oppimistehtävä 1) Ammattikorkeakoulun tietokoneympäristö. Henkilökohtaisen tietojenkäsittelyn ohjelmistot. (Oppimistehtävät 2 ja 3) Verkkojulkaiseminen (Oppimistehtävä 4) Kurssin pedagogisena lähtökohtana on ongelmalähtöinen malli. Opiskelija saa neljä oppimistehtävää. Niitä varten hän tutustuu opettajan tuottamiin tietoiskuihin aiheesta sekä hakee tietoa Internetistä. Oppimistehtävät on jaoteltu kurssin eri aihepiirien mukaan. Kaikki koulun tietokoneympäristön käytännön asiat kuten kirjautuminen, opintorekisteri, sähköposti tms. käsitellään ennen lukukauden alkua pidettävässä opinnonohjauksessa. Verkkokeskusteluna käytävien reflektioiden avulla pyritään sitouttamaan opittua omaan arkielämään ja yhdessä muiden kanssa kommunikoimalla tuottaa uusia innovaatioita. 2.2 Oppimistehtävä Tutustu johonkin seuraavista aihepiireistä huolellisesti. Kirjaa valitsemasi aihe alla olevaan listaan. Korkeintaan kaksi opiskelijaa saa tehdä samasta aiheesta. Tietoturva ja tietosuoja Internet-teknologia (tiedonsiirtoprotokollat, palvelimet) Käyttöjärjestelmät Tietokoneen rakenne Ohjelmointi Tietojenkäsittelyn historia Tiedostomuodot ja hakemistorakenteet Supertietokoneet Kuvankäsittely Merkistökoodaus ja lukujärjestelmät (ascii, unicode, binääri, heksa ja niiden käyttä tietokonemaailmassa) 2.3 Oppimistehtävä Kirjoita oppimistehtävässä 1 tutustumastasi aiheesta Word dokumentti. Dokumentissa tulee olla seuraavassa listassa luetellut tekniset elementit. Kansilehti (ei header ja footer tietoja) Automaattisesti generoitu sisällysluettelo (ei header ja footer tietoja) Section break Tyylejä käytetty Numeroidut monitasoiset otsikot
3 Header ja Footer (Nimi päiväys ja sivunumero) Taulukot ja listat Vähintään 4 sisältösivua Palauta tehtävä palautusalueelle Listan kursivoidut termit ovat linkki opettajan tuottamaan materiaaliin aiheesta. Esim. section break on linkki opettajan tietoiskuun, mikä on section break ja kuinka sen saa toteutetuksi. 2.4 Reflektio Lue muiden opiskelijoiden tekemät referaatit. Tämän jälkeen valitse viisi aihetta mistä sinulle on kertynyt käytännön kokemuksia ja osallistuu kunkin aiheen keskusteluun 2.5 Oppimistehtävä Laadi Excelillä seuraavan kuvan kaltainen taulukko eri lainamuodoista.
4 Jatka listaa aina viimeiseen erään asti (erä nro 360). Laske molemmista lainamuodoista pankille takaisin maksettava summa. Piirrä molemmista lainamuodoista diagrammi, joka kuvaa koron käyttäytymistä lainakuukausien aikana. Seuraavasta linkistä löydät tarkan selosteen ja ohjeen tehtävään http://users.metropolia.fi/~puush/verkkokurssi/tipeexcelkasikirjoitus.pdf. Palauta tehtävä palautusalueelle 2.6 Oppimistehtävä Toteuta XHTML kieltä ja CSS tyylitiedostoja käyttäen kurssin oppimisportfoliona palveleva www-sivusto. Liitä sivulle linkit sekä Word-dokumenttiisi että Excel-harjoitukseesi. Sivuston tulee toteuttaa seuraavassa listatut tekniset elementit. XHTML-sivut CSS-tyylitiedostot Validaattorista läpi Strictillä Vähintään 3 erillistä sivua (Esim. kansi, Word ja Excel) Div-elementtejä Kuvia Linkkejä Työn saa toteuttaa kirjoittamalla itse XHTML-kieltä esim. Notepad++ ohjelmalla tai käyttämällä valitsemaansa sovelluskehitintä. Linkkien ohjeet pohjautuvat XHTML-kieleen. Sovelluskehittimeen tutustuminen tapahtuu omatoimisesti. Palauta linkki sivustolle palautusalueelle Listan kursivoidut termit ovat linkki opettajan tuottamaan materiaaliin aiheesta. 2.7 Reflektio Tehtyäsi oman oppimisportfolion jaa kokemuksiasi valitsemastasi työtavasta. Jos valitse tehdä XHTML-koodia käsin, kerro mitkä olivat hyvät ja huonot puolet? Mikä oli haastavinta? Jos puolestaan valitsit jonkun sovelluskehittimen, kerro valitsemastasi työkalusta. Kerro mikä työkalussa oli hyvää ja mikä huonoa? Mikä oli työtavassa haastavinta? 2.8 Annatukeajapalautetta Opettaja antaa jokaiselle henkilökohtaisen pienimuotoisen palautteen oppimistehtävistä 2-4. Jos Moodle tarjoaa tähän sopivan välineen, niin sitä käyttäen. Jos sopivampaa välinettä ei ole tarjolla niin sitten sähköpostia käyttäen.
2.9 Kuuntelepalautettajamodifioitarvittaessa Metropoliassa on käytössä yleinen nimetön opiskelijapalaute järjestelmä. Kurssin pakollisena elementtinä on yleisen palautteen lisäksi antaa suoraa palautetta opettajalle. Tässä palautteessa jokainen opiskelija pohtii omaa panostaan kurssiin, kurssin antoisinta ja vähiten antoisinta antia perusteluineen. Tämän ja spontaanin palautteen perusteella, opettaja jatko kehittää kurssia. Joihinkin tarpeisiin voi reagoida hyvinkin nopeasti jo kurssin kuluessa. Esim. jos jostain tietoiskusta kysellään paljon lisätietoa. Sen korjaaminen onnistuu nopealla aikataululla. Syvällisempiin kysymyksiin reagointi koskee seuraavaa toteutusta. 5