UI:Kodutöö 4 (2019) - Redigeerimiste ajalugu

Verrev: /* Nõuded */

2019-05-07T09:13:00Z

Nõuded

Verrev – 7. mai 2019, kell 09:04

2019-05-07T09:04:44Z

Verrev: /* SVG Animatsioonid */

2019-05-07T08:55:24Z

SVG Animatsioonid

Verrev: /* SVG Animatsioonid */

2019-05-06T18:51:52Z

SVG Animatsioonid

Verrev: /* SVG Animatsioonid */

2019-05-06T18:44:07Z

SVG Animatsioonid

Verrev: /* SVG Animatsioonid */

2019-05-06T18:41:06Z

SVG Animatsioonid

Verrev: /* Nõuded */

2019-05-06T18:40:34Z

Nõuded

Verrev: /* Abimaterjale ja viiteid: */

2019-05-06T18:39:16Z

Abimaterjale ja viiteid:

Verrev: /* Animatsioonid */

2019-05-06T18:38:37Z

Animatsioonid

Verrev – 6. mai 2019, kell 14:18

2019-05-06T14:18:38Z

@@ 17. rida: / 17. rida: @@
 # 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
-# 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

@@ 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.
-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:

@@ 35. rida: / 35. rida: @@
 # 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/playground või https://tympanus.net/codrops/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.
+# 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.

←Vanem redaktsioon		Redaktsioon: 6. mai 2019, kell 18:51
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/playground või https://tympanus.net/codrops/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.

←Vanem redaktsioon		Redaktsioon: 6. mai 2019, kell 18:44
30. rida:		30. rida:
	Animatsioonide eesmärgiks on pakkuda teenuse ostjale/kasutajale ootamatusmoment ja teha loodud teenus elavamaks ja visuaalselt atraktiivsemaks.		Animatsioonide eesmärgiks on pakkuda teenuse ostjale/kasutajale ootamatusmoment ja teha loodud teenus elavamaks ja visuaalselt atraktiivsemaks.

−	Inspiratsiooniks: https://swissincss.com/ või https://dux.ee/ :)	+	Inspiratsiooniks: https://swissincss.com/ või https://beesandbombs.tumblr.com/ või https://dux.ee/ :)
		+
		+
		+	=== Abimaterjale ja viiteid: ===
		+
		+	* How I stopped worrying and learned to animate SVG: https://medium.com/@aniboaz/animate-svg-4fa7dd00e860
		+	* Blobs! https://css-tricks.com/blobs/

←Vanem redaktsioon		Redaktsioon: 6. mai 2019, kell 18:41
30. rida:		30. rida:
	Animatsioonide eesmärgiks on pakkuda teenuse ostjale/kasutajale ootamatusmoment ja teha loodud teenus elavamaks ja visuaalselt atraktiivsemaks.		Animatsioonide eesmärgiks on pakkuda teenuse ostjale/kasutajale ootamatusmoment ja teha loodud teenus elavamaks ja visuaalselt atraktiivsemaks.

−	Inspiratsiooniks: https://swissincss.com/	+	Inspiratsiooniks: https://swissincss.com/ või https://dux.ee/ :)

@@ 14. rida: / 14. rida: @@
 === Nõuded ===
-. 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.
+# 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.
-. 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 andmed loetakse staatilistest JSON failidest.
-. Leht peab olema valideeruv
+# Leht peab olema valideeruv
 === Abimaterjale ja viiteid: ===

@@ 22. rida: / 22. rida: @@
 === Abimaterjale ja viiteid: ===
-KPI-de kohta, mis see on: <https://leanway.ee/blogi/kpi-mis-asi-see-veel-on> ja <https://www.geckoboard.com/blog/defining-kpis-how-to-choose-metrics-that-inspire-action/>
+* KPI-de kohta, mis see on: <https://leanway.ee/blogi/kpi-mis-asi-see-veel-on> ja <https://www.geckoboard.com/blog/defining-kpis-how-to-choose-metrics-that-inspire-action/>
+* 5 Principles of Good Dashboard Design: <https://www.netsolutions.com/insights/good-dashboard-design-principles/>
-- 5 Principles of Good Dashboard Design: <https://www.netsolutions.com/insights/good-dashboard-design-principles/>
+* Build a Visual Dashboard in 10 Steps: <https://www.isixsigma.com/tools-templates/metrics/build-a-visual-dashboard-in-10-steps/>
 == SVG Animatsioonid ==

←Vanem redaktsioon		Redaktsioon: 6. mai 2019, kell 18:38
30. rida:		30. rida:


−	== Animatsioonid ==	+	== SVG Animatsioonid ==

	Animatsioonide eesmärgiks on pakkuda teenuse ostjale/kasutajale ootamatusmoment ja teha loodud teenus elavamaks ja visuaalselt atraktiivsemaks.		Animatsioonide eesmärgiks on pakkuda teenuse ostjale/kasutajale ootamatusmoment ja teha loodud teenus elavamaks ja visuaalselt atraktiivsemaks.
		+
		+	Inspiratsiooniks: https://swissincss.com/

←Vanem redaktsioon		Redaktsioon: 6. mai 2019, kell 14:18
7. rida:		7. rida:
	# Tooteomaniku dashboardi ehitamine.		# Tooteomaniku dashboardi ehitamine.
	# Teenuse animeeritud landingpage ehitamine.		# 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 andmed loetakse staatilistest JSON failidest.
		+	5. Leht peab olema valideeruv
		+
		+	=== Abimaterjale ja viiteid: ===
		+
		+	KPI-de kohta, mis see on: <https://leanway.ee/blogi/kpi-mis-asi-see-veel-on> ja <https://www.geckoboard.com/blog/defining-kpis-how-to-choose-metrics-that-inspire-action/>
		+
		+	- 5 Principles of Good Dashboard Design: <https://www.netsolutions.com/insights/good-dashboard-design-principles/>
		+
		+	- Build a Visual Dashboard in 10 Steps: <https://www.isixsigma.com/tools-templates/metrics/build-a-visual-dashboard-in-10-steps/>
		+
		+
		+
		+	== Animatsioonid ==
		+
		+	Animatsioonide eesmärgiks on pakkuda teenuse ostjale/kasutajale ootamatusmoment ja teha loodud teenus elavamaks ja visuaalselt atraktiivsemaks.