Firestore, Fetch API ja JSON/XML - viikkotehtävä 5

Toteutetaan javascriptin ja Fetch APIn avulla aiemmilta viikoilta tuttu tulospalvelujärjestelmä single-page applikaationa (SPA). Tehtävässä on ideana osata käyttää Firestoren rajapintaa sekä tehdä WWW-palvelimelle sopivia apuohjelmia, joita voi sitten kutsua Javascript-ohjelmasta

Yhteiset vaatimukset:

Taso 1

Firestoreen (native mode) on tallennettava valmiiksi hieman vastaavat tiedot, kuin mitä käytettiin aiemmissa viikkotehtävissä. Tässä sisältö on helposti käsiteltävässä muodossa. Muista varmistaa, että sarjat liittyvät oikeaan kilpailuun.

kilpailut = [{"kisanimi":"Jäärogaining", "loppuaika": "2021-04-17 20:00:00", "alkuaika": "2021-04-15 09:00:00"}, {"kisanimi":"Fillarirogaining", "loppuaika": "2021-05-17 20:00:00", "alkuaika": "2021-05-15 09:00:00"}, {"kisanimi":"Kintturogaining", "loppuaika": "2021-05-18 20:00:00", "alkuaika": "2021-05-18 09:00:00"}]

sarjat = [{"sarjanimi":"4 h", "kilpailu": "Jäärogaining", "kesto": 4}, {"sarjanimi":"2 h", "kilpailu": "Jäärogaining", "kesto": 2}, {"sarjanimi":"8 h", "kilpailu": "Jäärogaining", "kesto": 8},{"sarjanimi":"Pikkusarja", "kilpailu": "Kintturogaining", "kesto": 4},{"sarjanimi":"Isosarja", "kilpailu": "Kintturogaining", "kesto": 8},{"sarjanimi":"Pääsarja", "kilpailu": "Fillarirogaining", "kesto": 4}]

Suunnittele tarjolla olevia tietoja varten sopiva tallennushierarkia Firestoreen. Tallenna edellä valmiina annetut tiedot Firestoreen.

Toteuta seuraavanlainen sovellus:

Taso 3

Laajenna taso 1 -mukaista ohjelmaa seuraavilla tavoilla:

Taso 5

Laajenna taso 3 -mukaista ohjelmaa seuraavilla ominaisuuksilla:

Käyttäjien kommentit

Kommentoi Lisää kommentti
Kurssimateriaalien käyttäminen kaupallisiin tarkoituksiin tai opetusmateriaalina ilman lupaa on ehdottomasti kielletty!
https://appro.mit.jyu.fi/ties4080/vt/vt5/
© Tommi Lahtonen (tommi.j.lahtonen@jyu.fi) <https://hazor.iki.fi/>
2021-08-24 15:02:53
Informaatioteknologia - Jyväskylän yliopiston informaatioteknologian tiedekunta