Erinevus lehekülje "UI:Kodutöö 4 (2019)" redaktsioonide vahel

Allikas: Kursused
Mine navigeerimisribale Mine otsikasti
 
(ei näidata sama kasutaja 3 vahepealset redaktsiooni)
1. rida: 1. rida:
 
Kolmanda kodutöö käigus sai teie poolt loodud teenus "valmis". Esimese praktikumitöö käigus loodud valideeritud ja kasutajal testitud protoüübist loodi teise praktikumitöö käigus staatiline HTML prototüüp. Kolmanda praktikumitöö käigus muudeti staatiline prototüüp dünaamiliseks ja seoti väliste (staatiliste) andme-API-dega.
 
Kolmanda kodutöö käigus sai teie poolt loodud teenus "valmis". Esimese praktikumitöö käigus loodud valideeritud ja kasutajal testitud protoüübist loodi teise praktikumitöö käigus staatiline HTML prototüüp. Kolmanda praktikumitöö käigus muudeti staatiline prototüüp dünaamiliseks ja seoti väliste (staatiliste) andme-API-dega.
  
Töö peab esitamiseks olema paigutatud Dijkstra serverisse aadressile http://dijkstra.cs.ttu.ee/~Eesnimi.Perenimi/kasutajaliidesed/prax3/ kus Eesnimi.Perenimi on sinu kasutajatunnus arvutiklassides (suured/väikesed tähed õigesti, kui on lisanumbreid vms, siis need ka.
+
Töö peab esitamiseks olema paigutatud Dijkstra serverisse aadressile http://dijkstra.cs.ttu.ee/~Eesnimi.Perenimi/kasutajaliidesed/prax4/ kus Eesnimi.Perenimi on sinu kasutajatunnus arvutiklassides (suured/väikesed tähed õigesti, kui on lisanumbreid vms, siis need ka.
  
 
Neljandaks praktikumitöö põhisisuks on andmete visualiseerimine ja ülesandest on võimalik valida kahe  variandi vahel:
 
Neljandaks praktikumitöö põhisisuks on andmete visualiseerimine ja ülesandest on võimalik valida kahe  variandi vahel:
17. rida: 17. rida:
 
# Esitatud peab olema minimaalselt 3 ja maksimaalselt 7 meetrikat, millest vähemalt 3 on esitatud eri tüüpi graafikutena
 
# Esitatud peab olema minimaalselt 3 ja maksimaalselt 7 meetrikat, millest vähemalt 3 on esitatud eri tüüpi graafikutena
 
# Graafikute kuvamiseks peab kasutama mõnda välist teeki nt. Amcharts, Chart.js, Highcharts, D3.js (keeruline, ei soovita) või mõnda muud vabalt valitud teeki. Kõigil siin punktis nimetatud graafikurakendustel on ka versoonid Vue-s otse kasutamiseks
 
# Graafikute kuvamiseks peab kasutama mõnda välist teeki nt. Amcharts, Chart.js, Highcharts, D3.js (keeruline, ei soovita) või mõnda muud vabalt valitud teeki. Kõigil siin punktis nimetatud graafikurakendustel on ka versoonid Vue-s otse kasutamiseks
# Graafikud on dünaamilised, s.t andmed loetakse staatilistest JSON failidest.
+
# Graafikud on dünaamilised, s.t kõik esitatud andmed dashboardil loetakse staatilistest JSON failidest.
 
# Leht peab olema valideeruv
 
# Leht peab olema valideeruv
  
31. rida: 31. rida:
  
 
Inspiratsiooniks: https://swissincss.com/ või https://beesandbombs.tumblr.com/ või https://dux.ee/ :)
 
Inspiratsiooniks: https://swissincss.com/ või https://beesandbombs.tumblr.com/ või https://dux.ee/ :)
 +
 +
'''Nõuded:'''
 +
# Animatsioon peab olema loogiline täiendus loodud teenusele, juhul kui on vaja, siis võite lisada täiendavaid vaateid/lehti
 +
# Soovi korral võite animatsioonid teha otse SVGs või kasutada mõnda teeki, näiteks Snap.SVG või P5.js
 +
# Inspiratsiooniks minge lehele https://tympanus.net/codrops/category/playground/ või https://tympanus.net/codrops/category/tutorials/. Valige sealt efekt mis sobiks teie lehele ja reprodutseerige see enda teenuses. Peate suutma viidata algallikale (lisage see HTML kommentaaridesse), põhjendada tehtud valikut ja selle toimimise tööpõhimõtet.
  
  

Viimane redaktsioon: 7. mai 2019, kell 09:13

Kolmanda kodutöö käigus sai teie poolt loodud teenus "valmis". Esimese praktikumitöö käigus loodud valideeritud ja kasutajal testitud protoüübist loodi teise praktikumitöö käigus staatiline HTML prototüüp. Kolmanda praktikumitöö käigus muudeti staatiline prototüüp dünaamiliseks ja seoti väliste (staatiliste) andme-API-dega.

Töö peab esitamiseks olema paigutatud Dijkstra serverisse aadressile http://dijkstra.cs.ttu.ee/~Eesnimi.Perenimi/kasutajaliidesed/prax4/ kus Eesnimi.Perenimi on sinu kasutajatunnus arvutiklassides (suured/väikesed tähed õigesti, kui on lisanumbreid vms, siis need ka.

Neljandaks praktikumitöö põhisisuks on andmete visualiseerimine ja ülesandest on võimalik valida kahe variandi vahel:

  1. Tooteomaniku dashboardi ehitamine.
  2. Teenuse animeeritud landingpage ehitamine.

Teenuseomaniku Dashboard

Teenuseomaniku dashboardi ehitamise eesmärk on minna teenuseomaniku rolli ja esitada ülevaatlikult teenuse peamised tulemuslikkuse võtmenäitajad (KPI-d)

Nõuded

  1. Dashboard avaneb uuel lehel , nt http://dijkstra.cs.ttu.ee/~Eesnimi.Perenimi/kasutajaliidesed/prax4/dashboard ja peab olema vaadatav desktopis. Mobiilivaade siin nõutud ei ole.
  2. Esitatud peab olema minimaalselt 3 ja maksimaalselt 7 meetrikat, millest vähemalt 3 on esitatud eri tüüpi graafikutena
  3. Graafikute kuvamiseks peab kasutama mõnda välist teeki nt. Amcharts, Chart.js, Highcharts, D3.js (keeruline, ei soovita) või mõnda muud vabalt valitud teeki. Kõigil siin punktis nimetatud graafikurakendustel on ka versoonid Vue-s otse kasutamiseks
  4. Graafikud on dünaamilised, s.t kõik esitatud andmed dashboardil loetakse staatilistest JSON failidest.
  5. Leht peab olema valideeruv

Abimaterjale ja viiteid:

SVG Animatsioonid

Animatsioonide eesmärgiks on pakkuda teenuse ostjale/kasutajale ootamatusmoment ja teha loodud teenus elavamaks ja visuaalselt atraktiivsemaks.

Inspiratsiooniks: https://swissincss.com/ või https://beesandbombs.tumblr.com/ või https://dux.ee/ :)

Nõuded:

  1. Animatsioon peab olema loogiline täiendus loodud teenusele, juhul kui on vaja, siis võite lisada täiendavaid vaateid/lehti
  2. Soovi korral võite animatsioonid teha otse SVGs või kasutada mõnda teeki, näiteks Snap.SVG või P5.js
  3. Inspiratsiooniks minge lehele https://tympanus.net/codrops/category/playground/ või https://tympanus.net/codrops/category/tutorials/. Valige sealt efekt mis sobiks teie lehele ja reprodutseerige see enda teenuses. Peate suutma viidata algallikale (lisage see HTML kommentaaridesse), põhjendada tehtud valikut ja selle toimimise tööpõhimõtet.


Abimaterjale ja viiteid: