Käyttöliittymän suunnittelu ja toteutus (A0001), 5 op

                                                                                                                 1/4
TOTEUTUSSUUNNITELMA Valmis



 Opintojakso                       Käyttöliittymän suunnittelu ja toteutus (A0001), 5.0
 Toteutus                          NTA1222: 2/2012-2013 (07.01.2013 - 21.06.2013)
 Tyyppi                            AMMATILLISEN OSAAMISEN MUODOSTUMINEN (A018)
 Ryhmät                            Ensisijainen: NTA11SN Muut:
 Projektissa mukana
 Luennoitsijat
 Osallistujamäärät                 Minimi: 15 Maksimi: 30
 Ilmoittautumisaika                26.11.2012 08:00 - 02.12.2012
 Pääsääntöinen toteutusajankohta
 Soveltuvuus                       Vaihto-opiskelijoille: Vapaasti valittaviin: Ei Avoimen opisk: Ei Soveltuu
                                   virtuaali-AMK:n opintoihin: Ei

 Opettajat                         Forssén Eva (Vastuuopettaja), Majuri Lauri (Muu opettaja)
 Kampus                            Laurea Leppävaara
 Pääsääntöinen toteutuspaikka
 Toteutustapa                      Muu toteutustapa, Optimatoteutus/opiskelijaryhmä, Projekti/Hanke/T&K,
                                   Verkko/virtuaali Kieli: suomi Virtuaalisuus: 1 op T&k-integraatio: 0 op
 Toteutusluokka
 Painoalat
 Arviointi viimeistään             20.06.2013 Suoritusmateriaalin arkistointi päättyy: 20.06.2014
 Tenttipäivät

 Opintojakson suoritettuaan        tiedostaa käyttöliittymästandardit
 opiskelija osaa
                                   tiedostaa käyttöliittymän käytettävyyden merkityksen

                                   arvioida tietojärjestelmän käytettävyyttä

                                   suunnitella ja toteuttaa käyttöliittymiä internet-ympäristöön

                                   tiedostaa uusimmat käyttöliittymän toteutuksen tekniikat ja välineet
 Edeltävät opinnot                 • Tietojärjestelmän kehittämisen menetelmät ja välineet

                                   • Titojärjestelmän määrittely ja suunnittelu

                                   • Tietojärjestelmän toteutus

                                      tai vastaavat tiedot
 Keskeinen sisältö                 - Käyttöliittymäsuunnittelu, käytettävyys, esteettömyys - Html- perusteet - Css-
                                   perusteet - CMS- järjestelmät ja vaatimusmäärittely - Workshop- työskentely
 Oppimateriaali                    Käyttöliittymäsuunnittelua käsittelevä kirjallisuus, Internet-lähteet ja luennoilla
                                   käytettävä materiaali.
 Ohjaus ja viestintä               Opintojaksolla viestintään käytetään Optima-työtilaa ja ohjausta saa lähitunneilla.
                                   Ohjaajat tavoitettavissa myös sähköpostilla: eva.forssen@laurea.fi ja
                                   lauri.a.majuri@laurea.fi
 Arviointikriteerit ja               Arvioitavat aihealueet:
 arviointimenetelmät               1.      20% Osallistuminen + tuntitehtävät (läsnäolot, aktiivisuus)



                                   2.     20% Yksilölliset etätehtävät

SoleOPS 3.5.5 Opetustarjonta © 2005-2016 Solenovo Oy
                                                                                                                      2/4
TOTEUTUSSUUNNITELMA Valmis




                                           - 1. Web-design trendit - Osoitetaan tietämys tämän hetken
                                           käyttöliittymäsuunnittelun trendeistä

                                           - 2. Visuaalisen suunnittelun tehtävä - Osoitetaan tietämys www-sivujen
                                           visuaalisesta suunnittelusta

                                           - 3. Käyttöliittymän esteettömyys -tehtävä - Osoitetaan tietämys www-sivujen
                                           esteettömyydestä

                                           - 4. html-kielen perusteet ja css-tyylimäärittelyt

                                           - 5. GIMP-tehtävät



                                   3.      60% Hanke:

                                           - Rautalangat, CMS,leiskat: 20% (tehtävät 5 ja 6)

                                           - Raportti, dokumentointi: 30% (tehtävä 7)

                                           - Sivuston toteutus: 50%
                                     KIITETTÄVÄ, Opiskelija osaa: - Käyttää asiantuntevasti ja laaja-alaisesti
                                   ammattikäsitteitä sekä hallitsee kokonaisuuksia. - Kehittää toimintatapoja vertailemalla,
                                   yhdistelemällä ja valitsemalla tutkittua tietoa. -Toimia aloitteellisesti ja innovatiivisesti
                                   tavoitteiden mukaan. Toiminta pääsääntöisesti uutta luovaa, työelämää kehittävää ja

                                    selkeän ammatillista. - Valita, yhdistellä ja kehittää toimintaan soveltuvia tekniikoita ja
                                   malleja. -Toimia aloitteellisesti ja vastuullisesti asiakassuhteissa sekä ymmärtää
                                   asiakkuuden merkityksen kokonaisuuden kannalta. HYVÄ, Opiskelija osaa: - Käyttää
                                   asiantuntevasti ammattikäsitteitä. - Valita toimintatapoja tutkitun tiedon ja ohjeistuksen
                                   perusteella. - Toimia systemaattisesti ja kriittisesti tavoitteiden suunnassa
                                   monimutkaisissa tilanteissa. Toiminta usein joustavaa,

                                     järjestelmällistä, luovaa ja aktiivista. - Valita toimintaan soveltuvia tekniikoita ja
                                   malleja ja perustella valintansa. - Priorisoida ja ylläpitää asiakkuuksia/asiakassuhteita. -
                                   Edistää ryhmän toimintaa. TYYDYTTÄVÄ, Opiskelija osaa: - Käyttää
                                   systemaattisesti ammattikäsitteitä. - Perustella ja analysoida toimintaansa yleisillä
                                   ohjeilla sekä tutkitun tiedon avulla. - Toimia ammatillisesti ja vastuullisesti
                                   ennakoimattomissa asiakasja ongelmatilanteissa. - Toimia itsenäisesti erilaisissa
                                   tehtävissä kulloisessakin toimintaympäristössä. - Soveltaa monipuolisesti opittuja
                                   tekniikoita ja malleja. - Toimia asiakaslähtöisesti ja tilanteenmukaisesti sekä ymmärtää
                                   asiakastarpeita. - Toimia ryhmässä tavoitesuhteisesti. ----------------------------------------
 Projekti/hanke (nimi)             Käyttöliittymän suunnittelu- ja toteutusprojekti
 Opiskelijan työmäärän             Teoriaperusta käyttöliittymän suunnittelulle 1 op (=27 opiskelijan työtuntia)
 jakautuminen                      Käyttöliittymän suunnittelu ja prototyyppi 2 op (=54 opiskelijan työtuntia)
                                   Käyttöliittymän toteutus 2 op (=54 opiskelijan työtuntia)

Oppimistapahtumat
 Pvm            Klo      H   Aihe             Sisältö                                           Tila              Opettajat
                             Orientaatio      Intro käyttöliittymäsuunnittelusta                009


SoleOPS 3.5.5 Opetustarjonta © 2005-2016 Solenovo Oy
                                                                                               3/4
TOTEUTUSSUUNNITELMA Valmis



                                           - käytettävyys, esteettömyys

                                           Projektien esittely

                                           - ryhmäytyminen
                           Verkkosivujen   Trenditehtävän esittely                       009
                           trendit
                                           Html-perusteet (html-markup, h1..., br, ul,
                                           ol)
                           Webdesign       WebDesign (+ tuntitehtävä)                    009

                                           Html-jatkuu (image, linkit, div, p)
                           WebDesign       WebDesign                                     009

                                           - rautalankamalli

                                           - värioppi (Color scheme, Kuler)

                                           - typografia

                                           - sommittelu (erilaisia layouteja)

                                           (web safe fontit - miten kiertää -
                                           trenditehtävän sivujen värien, fonttien ja
                                           layoutien analysointi kotitehtävä) CSS

                                           - periaatteet, merkkaustapa

                                           - http://www.w3schools.com/css/

                                           - id, class, periytyvyys
                           Webdesign       GIMP                                          009

                                           - asennus

                                           - perusteet (muotojen piirtäminen ja
                                           värittäminen, teksti, tasot, objektien
                                           sijoittaminen ja siirtäminen, kuvan koon
                                           muuttaminen ja rajaaminen, tasojen
                                           siirtäminen tiedostojen kesken...)

                                           (- Slicing)
                           CMS             CMS-järjestelmät ja vaatimusmäärittely (1     009
                                           tunti) Drupal-perusteet

                                           - asennus

                                           - adminpuoli

                                           - sisällön lisääminen

                                           - kotisivun lisääminen


SoleOPS 3.5.5 Opetustarjonta © 2005-2016 Solenovo Oy
                                                                                             4/4
TOTEUTUSSUUNNITELMA Valmis




                                            - menu
                           CMS               Drupal                                    009

                                            - moduulit (Niko miettii mitkä helpot)

                                            - blocks (lohkot)



                                            kotitehtävä html + css
                           hankkeen         Hankkeen esittely Verkkosivuprojektin      009
                           esittely         workflow
                           workshop         Workshop: Rautalankamallit (ja usecaset)   009
                           workshop          Workshop: Rautalankojen vienti            009
                                            rakenteeksi, sivujen sisällön tuotto ja
                                            sisältötyypit käytännössä
                           workshop          Workshop: Drupalin moduulit               009
                                            käytännössä (webform, views, tagcloud)
                           workshop         Workshop: Teemat ja taitto                 009
                           workshop          Workshop: Moduulit, Teemat ja taitto      009
                                            väliesitys + kommentit
                           workshop         Workshop: Taitto                           009
                           workshop         Workshop: Taitto(ohjausta saatavilla)      009
                                            Palautteen keruu
                           workshop         Workshop: Itsenäistä työskentelyä          009
                                            (ohjausta saatavilla)
                           työn esittely    Työn esittely asiakkaalle                  009
                           asiakkaalle
                           palautekeskustelutPalautekeskustelut                        009




SoleOPS 3.5.5 Opetustarjonta © 2005-2016 Solenovo Oy