Digitaalisen median tekniikat Luento 1: Intro



Samankaltaiset tiedostot
2. PEHMEÄ XHTML XRAJAHTML

Digitaalisen median tekniikat. Luento 3: CSS

Digitaalisen median tekniikat. Luento 4: JavaScript

Tietokone työvälineenä

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

Kurssin aloitus. AS XML-kuvauskielten perusteet Janne Kalliola

Digitaalisen median tekniikat. Luento 6: Esteettömyys ja saavutettavuus

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

Ohjelmistoarkkitehtuurit. Kevät

Ohjelmointi II. Erkki Pesonen Luennot ja harjoitukset. Itä-Suomen yliopisto Tietojenkäsittelytieteen laitos 2015

Laajuus 5 op Luennot: 12 x 2t Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus

HAHMONTUNNISTUKSEN PERUSTEET

Palautekysely tilastollisen signaalinkäsittelyn kurssiin

HAHMONTUNNISTUKSEN PERUSTEET

Järjestelmäarkkitehtuuri (TK081702) AJAX, Asynchronous JavaScript And XML. AJAX, Asynchronous JavaScript And XML

Kurssin käytännön järjestelyt. Tuotantotalous 1 Joel Kauppi

Tieto- ja viestintätekniikan opinnot Jyväskylän yliopistossa. Humanistinen tiedekunta Syksy 2016 Tanja Välisalo

T Ohjelmistojen määrittely- ja suunnittelumenetelmät

AJAX-konsepti AJAX. Asynkronisuus. Nykyisten web-ohjelmien ongelmia. Asynchronous JavaScript And XML

031075P MATEMATIIKAN PERUSKURSSI II 5,0 op

031075P MATEMATIIKAN PERUSKURSSI II 5,0 op

Näin rakennat mielenkiintoiset nettisivut


Harjoitustyö 3: Verkkosivujen toiminnallisuus (JavaScript)

Tieto- ja viestintätekniikan opinnot Jyväskylän yliopistossa

T harjoitustehtävät, syksy 2011

Tietokoneverkot. T Tietokoneverkot (4 op) viimeistä kertaa CSE-C2400 Tietokoneverkot (5 op) ensimmäistä kertaa

XHTML - harjoitus. Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa. Tiedoston tallennus notepad (muistio) ohjelmassa:

Digitaalinen portfolio oppimisen tukena (4op)

Digitaalinen audio

A&O:n käyttöohje. 1. Rekisteröityminen ja kurssille ilmoittautuminen. 2. Sisäänkirjautuminen. (Lisää löydät osoitteesta:

Kurssin käytännön järjestelyt. Tuotantotalous 1 Tuomo Tanila

Digitalisoitu harjoitustehtävien ratkaisujen palautus sekä arviointi matematiikan ja tilastotieteen yliopisto-opinnoissa

Projektien suunnittelu ja ohjaus TU-C3010

Tietokantasovellus (4 op) - Web-sovellukset ja niiden toteutus

Kurssiesite Lausekielinen ohjelmointi II Syksy Jorma Laurikkala Tietojenkäsittelytieteet Informaatiotieteiden yksikkö Tampereen yliopisto


JWT 2016 luento 11. to klo Aulikki Hyrskykari. PinniB Aulikki Hyrskykari

Flippauksen arvioinnista

T Johdatus tietoliikenteeseen ja multimediatekniikkaan 5 op. Kevät 2013

ABTEKNILLINEN KORKEAKOULU Tietoverkkolaboratorio

Flippausta 3 korkeakoulun opiskelijoille

Kurssikäytännöt ja opintojen suunnittelu. Leikola

ecome Markkinoiden kehittynein julkaisujärjestelmä

T Multimediatekniikka

PLA Mobiiliohjelmointi. Mika Saari


Tervetuloa! CS-C2110 Ohjelmointistudio 1: mediaohjelmointi. Koittakaa löytää istumapaikka!

Hajautettujen sovellusten muodostamistekniikat, TKO_2014 Johdatus kurssiin

Kurssin suorittaminen. Merkkituotteet strategisessa markkinoinnissa KTT Eiren Tuusjärvi

TU-C3010 Projektien suunnittelu ja ohjaus (5 op.)

Echo360 - luentovideot

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Vastuuopettaja. Kurssiesite Lausekielinen ohjelmointi I Syksy Lausekielinen ohjelmointi I (5 op) Lausekielinen ohjelmointi I (5 op)

Kurssiesite Lausekielinen ohjelmointi I Syksy Jorma Laurikkala Tietojenkäsittelytieteet Informaatiotieteiden yksikkö Tampereen yliopisto

ELEC-A0110 Johdatus opiskeluun sähkötekniikan kandidaatiohjelmassa 1 op

T Digitaalisen median työvälineet (3 op) ME-C2300 Verkkojulkaisemisen perusteet (5 op) Mediatekniikan laitos / Informaatioverkostot

op vuosikurssi opettaja huom viik päivä päivämäärsalitiedot Johdatus tietojohtamiseen

Kansion tekeminen Luo linkki kansioon Luo kansiot työtilan jäsenille... 12

Kurssin hallinta -työväline

Näkökulmia monimuoto-opetukseen

KJR-C2002 Kontinuumimekaniikan perusteet Kurssiesite

Vastuuopettaja. Kurssiesite Olio-ohjelmoinnin perusteet Kevät Olio-ohjelmoinnin perusteet (5 op) Tavoitteena

Kurssin sisältö. Kurssilla vähemmän. Johdatus ohjelmistotekniikkaan. Mitä on ohjelmistotekniikka? Miten ohjelmistoja suunnitellaan ja toteutetaan?

Sosiaalinen media. Sosiaalinen media? Yhteisöllisen työskentelyn kolmio

031010P MATEMATIIKAN PERUSKURSSI I 5,0 op

TIE Ohjelmistojen suunnittelu

10 teesiä verkko-opetuksen suunnittelusta. Leena Hiltunen Tutkijatohtori Tietotekniikan Aineenopettajankoulutus

ELEC-C1210 Automaatio 1 ELEC-C1220 Automaatio 2. Kurssien esittely lukukausi

Fysiikan opinnot Avoimen yliopiston opiskelijoille

LUKUJÄRJESTYSPOHJA

Laajuus 5 op Luennot: 12 x 2t Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus

AS Automaation käyttöliittymät L Opetussuunnitelma

Pikaohjeet A&O oppimisympäristön käytön aloittamiseen

Kurssiesite Lausekielinen ohjelmointi I Kesä Jorma Laurikkala Tietojenkäsittelytieteet Luonnontieteiden tiedekunta Tampereen yliopisto

MS-C1340 Lineaarialgebra ja differentiaaliyhtälöt

PHYS-A3132 Sähkömagnetismi (ENG2) ( )

Ohjelmoinnin peruskurssi Y1

Toteutussuunnitelma_Integroitu

Kurssin käytännön järjestelyt. Tuotantotalous 1 Tuomo Tanila

Tentissä ratkaistaan neljä ohjelmointitehtävää Javalla. Tehdään sähköisesti mikroluokan Windows-koneilla.

ELEC-C1210 Automaatio 1 ELEC-C1220 Automaatio 2. Kurssien esittely lukukausi

Clt132 kevät 2008 KURSSIN LOPPUTYÖ

TIE Ohjelmistojen suunnittelu

Juha Peltomäki JAMK/Teknologia

Kurssin käytännön järjestelyt. Tuotantotalous 1 Jukka Kurki

Partnerbook. Pohjois-Suomen koulutusverkoston digitaalinen työtila

Kurssin käytännön järjestelyt. Tuotantotalous 1 Tuomo Tanila

Internet-pohjaisen oppimisympäristön laadinta

Kolme videopalvelua yhdellä alustalla - osaamista yhteistyössä

ELEC-C1210 Automaatio 1 ELEC-C1220 Automaatio 2. Kurssien esittely lukukausi

Wikit ja blogit opetuksessa

Sarjat ja integraalit, kevät 2014

Vastuuopettaja. Kurssiesite Olio-ohjelmoinnin perusteet (TIEA2.1) Kevät Olio-ohjelmoinnin perusteet (eli Oope) Laajuus

Kurssiesite Olio-ohjelmoinnin perusteet (TIEA2.1) Kevät 2018

ividays BLOG Design Elina / Tomi / Timo / Otso /

Tähtitieteen käytännön menetelmiä Kevät 2009

Ohjelmistoarkkitehtuurit Kevät käytäntöjä

Edellinen päivitys: :10 Raportin aikaväli: Kuukausi Elo 2010

Helsinki University of Technology

Transkriptio:

Digitaalisen median tekniikat Luento 1: Intro

Web Mahtava alusta tiedon välittämiseen! Information Superhighway! Web Archive! Gutenberg! DEMO Kirjasto ja analoginen media digitaaliseksi Julkaisutekniikan alkeet 1997 Kalevala 1849 Myös ikäviä asioita :( Cybersquatting (Wikipedia) Uudet selainikkunat, formien tallennuksen esto 2

Luennot 1. Intro Kurssin suoritus Materiaali Web alustana 2. XHTML 3. CSS 4. JavaScript 5. JavaScript-kirjastot & AJAX 6. Käytettävyys & saavutettavuus 7. Palvelinohjelmointi (PHP) 8. PHP jatkuu + pelkkiä kysymyksiä luento 9. Video- ja kuvaformaatit 10. Quirks 11. Hyviä, mutta vähän käytettyjä web-standardeja 12. Yhteenveto 3

Mitä kurssi on Mitä ovat Digitaalisen median tekniikat Parempi nimi kuin Uusmediasovellusten tekniikat tai Julkaisutekniikan alkeet? Digitaalinen media on laaja käsite Tällä kurssilla rajattu WWW-selaimessa esitettävään mediaan Tiedon julkaisemista webissä Julkaiseminen oikein Webin rakenteen teknisempi puoli Palvelimet Selaimet 4

Mitä kurssi ei ole Graafinen Web-design kurssi Kurssilla painotetaan sivustojen rakennetta ja hyvää suunnittelua, ei ulkoasua. Multimediakurssi Ei äänen, kuvan tai videon editointia. Niiden esittämistä webissä kylläkin! Syvällinen palvelinohjelmointi Kurssi painottuu asiakaspuoleen (selain); palvelimet kuuluvat muille kursseille (tietokantasovellus) 5

DIME ja muut opinnot Osittainen päällekkäisyys: Tietokone työvälineenä, Tietokantasovellus, ja XML Tällä kurssilla: XML rajoittuu X(HT)ML:ään Tietokantasovelluksen sisällöstä vain pieni yleiskatsaus palvelinohjelmointiin Työvälineen harjoitustyön XHTML+CSS -osuus viedään rajoille! Aihe jatkuu syksyllä: Ketterä web-kehitys ja Ruby on Rails! 6

Luennot Luennot Matti johdattelee mm. aiheisiin XHTML, CSS ja Web. Lisäksi esittelee JavaScript -kirjastoja, Ajaxia, palvelinohjelmointia, käytettävyyttä ja saavutettavuutta. Samuli menee syvemmälle XHTML:n, CSS:n ja JavaScriptin rajoille. Lisäksi video- ja kuvaformaatit webissä ja ylläreitä. 7

Miten kurssi on muuttunut? Päivitetyt tekniikat! Kun minä kävin kurssin, niin http://db.cs.helsinki.fi/~paksula/dime/ Näytekansio Harjoitustyö Harjoitustyöhön panostetaan enemmän Harjoitusryhmissä tehdään myös harjoitustyötä Harjoitustöiden vertailtavuutta parannettu 8

Luennot DEMOJA! 9

Harjoitustyö Harjoitustyössä osoitetaan tekninen osaaminen, ei tentissä. Aiheet kurssin sivulla Palautukset kahdessa osassa 30 pistettä (eniten!) 10

Harjoitukset Harjoitukset ilmestyvät kurssin kotisivulle Osa tehtävistä tehdään etukäteen, osa paikanpäällä. Jos käyt harjoituksissa, pääset varmasti läpi 6 (lisä)pistettä Pisteen saa, kun tulee paikalle ja on rehellisesti yrittänyt tehdä tehtäviä. 11

Tentti Tentissä osoitetaan kokonaisuuksien ymmärtäminen Ei siis paperille koodausta 24 pistettä 12

Yhteenveto Tentti 24 pistettä (12 pitää saada) Harjoitustyö 30 pistettä (15 pitää saada) Harjoitustehtävät 6 pistettä (vapaaehtoisia) Alkavat tällä viikolla! Harjoitustyön Ensimmäinen palautus 5.4. Lopullinen palautus 29.4. Taktisesti ennen vappua! Tentti: 28.4.2009 klo 16-19 @ A111 13

Pääsiäinen! Pääsiäisloma on viikoilla 15-16 Alkaa torstaina 9.4. Loppuu seuraavan viikon ke 15.4. Eli tapahtuu seuraavaa Viikolla 15 on luennot normaalisti Ja harjoitukset tiistaina ja keskiviikkona Viikolla 16 ei ole luentoja Mutta harjoitukset ovat torstaina ja perjantaina 14

Kurssikirjat DOM Scripting JavaScript, XHTML ja CSS käytännöllisenä pakettina, ei mikään hakuteos. Don t Make Me Think Miten sivustoja suunnitellaan oikein. Pärjäät hyvin ilman kirjoja! Hirveästi matskua netissä, paljon myös muita (hyviä) kirjoja. 15

Kurssin kotisivut Linkit kaikkeen materiaaliin Päivityksiä vain harvoin koska sivu on nyt valmis. Mutta: viikoittaiset luentolinkit! 16

Blogi http://blogs.cs.helsinki.fi/dime Aina kun tapahtuu, blogi kertoo sen. Miksi? Kommentointi! Tehdäänpä heti näppärä RSS live bookmark Firefoxiin! 17

IRC IRC-kanava #dime Epävirallinen tiedonlähde! Matti on nickillä mpa <xxx> mut joo, kyl mua nappaa vähän opiskella ajax-juttujakin <zzz> yyy: ai onko siinä jotain vierasluentoja <yyy> eikun, väärä kurssi :D <yyy> ei pitäis juoda kaljaa aamusta 18