Kurssijärjestelyt. ME-C2300 Verkkojulkaisemisen perusteet (5 op) Mari Hirvi Informaatioverkostot / Mediatekniikan laitos

Koko: px

Aloita esitys sivulta:

Download "Kurssijärjestelyt. ME-C2300 Verkkojulkaisemisen perusteet (5 op) Mari Hirvi Informaatioverkostot / Mediatekniikan laitos"

Heikki Rantanen
7 vuotta sitten
Katselukertoja:

1 Kurssijärjestelyt ME-C2300 Verkkojulkaisemisen perusteet (5 op) Mari Hirvi Informaatioverkostot / Mediatekniikan laitos (Alkuperäiset luentokalvot: Markku Laine) 8. syyskuuta 2015

2 Luennon sisältö Kurssin esittely Luennot Viikkoharjoitukset Harjoitustyöt Henkilökunta Viestintä Kurssipalaute Aikataulu

3 Kurssin esittely

4 TEORIASSA

5 MITÄ? Kurssin aikana opit hahmottamaan, miten mediasisältöjä (teksti, kuva, grafiikka, animaatio, ääni ja video) voidaan tuottaa ja julkaista verkkoon.

6 MITEN? Kurssi keskittyy asiakaspään web-teknologioiden (HTML, CSS ja JavaScript) sekä verkkojulkaisemista tukevien digitaalisen median työkalujen (kuvankäsittelyohjelmistot sekä ääni- ja videoeditointiohjelmistot) hallintaan.

7 MIKSI? Kurssin jälkeen osaat suunnitella ja rakentaa yksinkertaisia sisällöllisiä kokonaisuuksia ja ymmärrät vuorovaikutuksen merkityksen osana kokonaisuutta.

8 MILLOIN? MISSÄ? Kurssilla annettava opetus koostuu luennoista ja viikkoharjoituksista, jotka järjestetään tiistaisin (pääsääntöisesti vuoroviikoin) Maari-B -luokassa. Harjoitustyöt julkaistaan kurssin MyCourses-sivuilla.

10 KÄYTÄNNÖSSÄ

12 Grafiikka Teksti Video Kuva Robiner for Life (2013), Jutta Kalli ja Essi Jukkala

13 Teksti Grafiikka Animaatio Ääni Avaruuspeli (2012), Toni Orpana ja Chao Feng

14 Luennot

15 Luennoilla käsitellään, miten mediasisältöjä voidaan tuottaa ja julkaista verkkoon web-teknologioiden ja digitaalisen median työkalujen avulla. Luennot ovat vapaaehtoisia. Ensimmäinen luento on kuitenkin pakollinen. Muille luennoille osallistuminen on suositeltavaa. Luentoja on yhteensä kuusi (6) kappaletta.

16 LUENTO 1 Kurssijärjestelyt + Kuvankäsittely (Photoshop) LUENTO 2 Verkkosivujen rakenne (HTML) ja ulkoasu (CSS) LUENTO 3 Verkkosivujen toiminnallisuus (JavaScript)

17 LUENTO 4 Ääni ja video verkkosivuilla (HTML5 Audio ja Video) LUENTO 5 2D-animointi verkkosivuilla (HTML5 Canvas ja JavaScript) LUENTO 6 Projektityö (HTML5 Canvas ja JavaScript)

18 Viikko- harjoitukset

19 Viikkoharjoituksissa assistenteilta voi pyytää apua, mikäli on ongelmia harjoitustöiden kanssa. Lisäksi viikkoharjoituksissa assistenteilta voi kysyä harjoitustöiden arvostelusta. Viikkoharjoitukset ovat vapaaehtoisia. Viikkoharjoituksia on yhteensä seitsemän (7) kappaletta.

20 VIIKKOHARJOITUS 1 Kuvankäsittely (Photoshop) VIIKKOHARJOITUS 2 Verkkosivujen rakenne ja ulkoasu (HTML ja CSS) VIIKKOHARJOITUS 3 Verkkosivujen toiminnallisuus (JavaScript)

21 VIIKKOHARJOITUS 4 Ääni ja video verkkosivuilla (HTML5 Audio ja Video) VIIKKOHARJOITUS 5 2D-animointi verkkosivulla (Canvas ja JavaScript) VIIKKOHARJOITUKSET 6 ja 7 Vuorovaikutteinen multimediaesitys (Projekti)

22 Harjoitustyöt

23 Harjoitustöiden tekninen puoli liittyy aina luentojen aihepiiriin, kun taas sisältöpuoli opiskelijan valitsemaan teemaan. Tarkemmat tehtävänannot ja palautusohjeet ilmoitetaan kunkin harjoitustyön yhteydessä. Harjoitustyöt ovat pakollisia. Harjoitustöitä on yhteensä viisi (5) kappaletta. Harjoitustyöt tehdään itsenäisesti, paitsi videoharjoitus joka tehdään kahden (2) hengen ryhmissä. Lisäksi kurssin lopussa tehdään isompi projektityö kahden (2) hengen ryhmissä. Myös projektityö on pakollinen.

24 HARJOITUSTYÖ 1 Kuvankäsittely (Photoshop) HARJOITUSTYÖ 2 Verkkosivujen rakenne (HTML + CSS) HARJOITUSTYÖ 3 Verkkosivujen toiminnallisuus (Photoshop)

25 HARJOITUSTYÖ 4 Ääni ja video verkkosivuilla (HTML5 Audio ja Video) HARJOITUSTYÖ 5 2D-animointi verkkosivuilla (HTML5 Canvas ja JS) PROJEKTITYÖ Vuorovaikutteinen multimediaesitys (esim. peli)

26 ARVOSTELU

27 Harjoitustöistä on jaossa 0-3 pistettä + 1 bonuspiste per harjoitustyö (yhteensä max pistettä). Projektityö puolestaan arvostellaan asteikolla 0-20 pistettä. Harjoitustöiden ja projektityön pisteytyksessä huomioidaan idea sekä sen tekninen ja visuaalinen toteutus ja sopivuus annettuun teemaan. Myöhästyneet palautukset - 1 piste/ alkava vrk. Tarkemmat arvostelukriteerit ilmoitetaan kunkin harjoitustyön yhteydessä. Kurssin läpipääsy edellyttää kaikkien harjoitustöiden ja projektityön suorittamista hyväksytysti. Kurssiin ei sisälly tenttiä.

28 ARVOSANARAJAT 0 = 0-7 pistettä 1 = 8-12 pistettä 2 = pistettä 3 = pistettä 4 = pistettä 5 = pistettä 5+ = pistettä (bonuspisteillä)

29 Henkilökunta

30 VASTUUOPETTAJA Vesa Kantola Vastuuopettaja

31 LUENNOITSIJAT JA ASSISTENTIT Pääassistentti, luennoitsija Pinja Hokkanen Assistentit, luennoitsijat Juuso Lappalainen Mari Hirvi Luennoitsijat

32 VIERASLUENNOITSIJAT Sonja Pennanen Luennoitsijat

33 Vastuuopettaja Luennoitsijat Assistentit

35 Viestintä

36 MyCourses

37 SÄHKÖPOSTI

38 Kurssipalaute

39 TOP-3 MUUTOKSET! Harjoitustöiden arvostelu on joustavampaa! Harjoitustyöt ovat entistä luovempia ja motivoivampia! Käytännön opetuksen määrää ja assarointia on enemmän

40 Aikataulu 8.9. Luento: Johdanto & Photoshop Harjoitukset: Photoshop Luento: HTML & CSS Harjoitukset: Verkkosivut Luento: Javascript Harjoitukset: Javascript Palauteviikko, ei luentoa Luento: Video Harjoitukset: Video Luento: HTML Canvas Harjoitukset: HTML Canvas Luento: Projektityö Harjoitukset: Projektityö Harjoitukset: Projektityö

41 KIITOS!

Samankaltaiset tiedostot

Kurssijärjestelyt. CS-1180 Verkkojulkaisemisen perusteet (5 op) Hanna Hämäläinen Informaatioverkostot / Mediatekniikan laitos

Kurssijärjestelyt. CS-1180 Verkkojulkaisemisen perusteet (5 op) Hanna Hämäläinen Informaatioverkostot / Mediatekniikan laitos Kurssijärjestelyt CS-1180 Verkkojulkaisemisen perusteet (5 op) Hanna Hämäläinen Informaatioverkostot / Mediatekniikan laitos (Alkuperäiset luentokalvot: Markku Laine) 10. Tammikuuta 2017 Luennon sisältö