Web-sovellusprojekti: Frisbeegolf

Tietoa projektista

Tämä on opintojaksolle Web-tekniikat ja digitaalinen media TX00DJ99-3029 tehty web-sovellus. Sovelluksen on suunnitellut ja toteuttanut Ryhmä Rämä. Projektivaatimuksiin kuuluu median sekä web-tekniikoiden osuus.

Different kinds of media

Median vaatimukset

Median osalta projektissa vaaditaan hyvien käytänteiden mukaista html- ja css-koodia. Tämä tarkoittaa semanttisten elementtien oikeanlaista käyttöä, validia koodia ja osioiden sijoittelua flexbox-ominaisuudella. Web-sovellukselta vaaditaan myös ammattimaista ulkoasua, johon kuuluu värien, fonttien, asettelun ym. suunnittelu "kultaisten sääntöjen" mukaisesti. Sivulla tulee olla tekstiä vähintään 100 sanaa ja muutamia otsikoita. Sivujen tulee olla myös responsiivisia. Media queryä on käytettävä niin, että jokin elementti vaihtaa paikkaa kapeassa näytössä.

Kuvien laatu ja koko sekä tiedostojen tyyppi tulee sovittaa sivujen tarpeisiin. Sivuilla tulee olla myös jokin aiheeseen sopiva kuva, joka on tehty kahdesta tai useammasta kuvasta kuvankäsittelyohjelmassa yhdistelemällä siten, että kuva on upotettu toisen kuvan sisälle ilman merkittäviä tyylivirheitä. Sivujen pitää lisäksi sisältää vähintään kolme itse otettua kuvaa, joiden teossa on käytetty vähintään muutamaa "valokuvauksen kultaista sääntöä".

Sivujen pitää sisältää myös ryhmän tekemä lyhyt video, jossa on erikseen nauhoitettu merkittäviä laatuongelmia sisältämätön puhe. Videon lisäksi sivuilla tulee olla linkit videon taustatyön ja suunnittelun esittelyyn.

Laptop

Web-tekniikoiden vaatimukset

Web-tekniikoiden osalta projektin vaatimukset jakautuvat sivujen JavaScriptin ja karttatoiminnallisuuden toteuttamiseen. Sivuilla tulee olla käyttäjän toimintoihin reagoivaa JavaScriptilla toteutettua toiminnallisuutta. JavaScript-koodin pitää olla kommentoitua ja tehty ES6-syntaksin mukaisesti. Sivuilla on käytettävä vähintään yhtä avointa rajapintaa, jota tulee käyttää monipuolisesti. Useamman rajapinnan käyttö parantaa arviointia.

Kartan tulee sisältää markkereita ja popup-ikkunoita. Kartassa tulisi olla myös jokin edistynyt toiminto, kuten reititys. Kartan sijasta myös joku muu yhtä työläs ratkaisu on sallittu