Projekti 1, ohjelmointiprojekti I Frontend (5 op)

Arviointiasteikko

H-5

Sisällön jaksotus

1. HTML, CSS
2. Responsiivinen www-sivusto
3. JavaScript, jquery
4. AJAX / Axios: REST API kutsujen tekeminen ja JSON muotoisen tiedon käsittely
5. CSS frameworks

Tavoitteet

Projektin aikana opiskelijat suunnittelevat IoT -järjestelmän palvelinosuuden. Projektin jälkeen opiskelija osaa suunnittella ja toteuttaa tietokantoja sekä toteuttaa rajapinnan jolla IoT -laitteet ja taustajärjestelmät voivat keskustella keskenään. Projektin jälkeen opiskelija osaa asentaa tietokantapalvelimen, web-palvelimen ja avata tarvittavat reitit.

Sisältö

Sisältö ja painotus tarkentuu vielä. Aiheet tulevat koskemaan alla olevia, keskittyen front-end ohjelmointiin
Front-end
- HTML, CSS, Javascript, jQuery
- WWW-sivujen responsiivisuus
- CSS frameworks (Bootstrap, W3.css)
- AJAX

Aika ja paikka

Opetus tapahtuu verkko-opetuksena etäoppimisvälineitä hyödyntäen.

Oppimateriaalit

Materiaali jaetaan moodlessa. Lisäksi käytetään internetistä löytyviä oheismateriaaleja tehtävien tekemisessä.

Muuta kirjallisuutta:
- Web-ohjelmointi, Ari Rantala
- Web Design with HTML, CSS, JavaScript and Jquery Set, Jon Duckett

Opetusmenetelmät

Opintojaksoon sisältyy teoriaopetusta ja käytännön harjoituksia. Opintojakso tähtää web-projekteissa tarvittavaan osaamiseen. Oppiminen tapahtuu oppimistehtävien kautta, jossa teoriaa sovelletaan käytäntöön.

Opiskelijan ajankäyttö ja kuormitus

Opintojakson on laajuudeltaan 5 op ja vastaa noin 130 tunnin työmäärää. Työmäärä jakautuu seuraavasti:

Oppitunnit ja koodipajat, n. 20h
Harjoitusten tekeminen, n. 70h
Projektissa oppiminen, n. 40h

Arviointikriteerit, tyydyttävä (1)

Tyydyttävä (1)
Opiskelija osaa toteuttaa perus www-sivuja käyttäen standardin mukaista html-kieltä. Tulokset ja tekemisen laatu täyttävät vain työlle asetetut minimivaatimukset.
Tyydyttävä (2)
Opiskelija osaa toteuttaa www-sivustoja hyödyntäen css tyylimäärittelyjä ja uusimpia css-tekniikoita. Tulokset ja tekemisen laatu ylittävät työlle asetetut minimivaatimukset.

Arviointikriteerit, hyvä (3)

Hyvä (3)
Opiskelija tekee web-kehityksenoppimistehtävät itsenäisesti. Opiskelija osaa hyödyntää skriptikieltä sivuillaan. Tulokset ja tekeminen ovat pääosin laadukasta.
Hyvä (4)
Opiskelija tekee web-kehityksen oppimistehtävät itsenäisesti ja osaa hyödyntää monipuolisesti html, css ja javaskriptin ominaisuuksia soveltaen tietoa eri www-lähteistä. Tulokset ja tekeminen ovat laadukasta.

Arviointikriteerit, kiitettävä (5)

Kiitettävä (5)
Opiskelija tekee web-kehityksen oppimistehtävät omatoimisesti ja itsenäisesti soveltaen osoittamalla kykyä soveltaa haastavampia tekniikoita omiin www-sivustoihinsa. Sivustojen käytettävyys, visuaalisuus, toimivuus sekä tekeminen ovat korkealaatuisia.

Esitietovaatimukset

NULL

Lisätiedot

Opintojaksolla arvioidaan oppimistehtävät. Projektin tuotoksesta arvioidaan web-sivuston toiminnallisuus, toimivuus, käytettävyys ja visuaalisuus.

PALAUTTEET:
Oppimistilanteissa opiskelijoilta kerätään palautetta oppimisen etenemisestä, ohjauksesta ja ongelmatilanteista. Opintojakson lopussa palautetta kerätään www-pohjaisen palautejärjestelmän avulla.
Palautteita käsitellään opetiimin palavereissa ja tunneilla tarpeen mukaan. Opettaja reagoi saamaansa palautteeseen asianmukaisesti.