Back to group NTA12KN

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

Implementation plan (PDF), 4 pages

Implementation
NTA1311
Semester
1/2013-2014
Dates
3 Sep 2013–17 Dec 2013
Type
AMMATILLISEN OSAAMISEN MUODOSTUMINEN (A018)
Group
NTA12KN
Campus
Laurea Leppävaara
Language of instruction
Finnish
Teachers
Forssén Eva (Vastuuopettaja), Majuri Lauri (Muu opettaja)
Status
Ready
Show text version
                                                                                                                 1/4
TOTEUTUSSUUNNITELMA Valmis



 Opintojakso                       Käyttöliittymän suunnittelu ja toteutus (A0001), 5.0
 Toteutus                          NTA1311: 1/2013-2014 (03.09.2013 - 17.12.2013)
 Tyyppi                            AMMATILLISEN OSAAMISEN MUODOSTUMINEN (A018)
 Ryhmät                            Ensisijainen: NTA12KN Muut:
 Projektissa mukana
 Luennoitsijat
 Osallistujamäärät                 Minimi: Maksimi:
 Ilmoittautumisaika                20.05.2013 08:00 - 02.06.2013
 Pääsääntöinen toteutusajankohta
 Soveltuvuus                       Vaihto-opiskelijoille: Ei Vapaasti valittaviin: Kyllä Avoimen opisk: Ei Soveltuu
                                   virtuaali-AMK:n opintoihin: Kyllä

 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             31.01.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


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
                           trendit
                                           Html-perusteet (html-markup, h1..., br, ul,
                                           ol)
                           Webdesign       WebDesign (+ tuntitehtävä)

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

                                           - 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

                                           - 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
                                           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

                                            - moduulit (Niko miettii mitkä helpot)

                                            - blocks (lohkot)



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




SoleOPS 3.5.5 Opetustarjonta © 2005-2016 Solenovo Oy