<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="et">
	<id>http://courses.cs.taltech.ee/w/index.php?action=history&amp;feed=atom&amp;title=ITI0209_kevad_2021_3._kodut%C3%B6%C3%B6_kirjeldus</id>
	<title>ITI0209 kevad 2021 3. kodutöö kirjeldus - Redigeerimiste ajalugu</title>
	<link rel="self" type="application/atom+xml" href="http://courses.cs.taltech.ee/w/index.php?action=history&amp;feed=atom&amp;title=ITI0209_kevad_2021_3._kodut%C3%B6%C3%B6_kirjeldus"/>
	<link rel="alternate" type="text/html" href="http://courses.cs.taltech.ee/w/index.php?title=ITI0209_kevad_2021_3._kodut%C3%B6%C3%B6_kirjeldus&amp;action=history"/>
	<updated>2026-05-01T17:52:23Z</updated>
	<subtitle>Selle lehekülje redigeerimiste ajalugu</subtitle>
	<generator>MediaWiki 1.35.9</generator>
	<entry>
		<id>http://courses.cs.taltech.ee/w/index.php?title=ITI0209_kevad_2021_3._kodut%C3%B6%C3%B6_kirjeldus&amp;diff=10038&amp;oldid=prev</id>
		<title>Verrev – 27. aprill 2021, kell 06:24</title>
		<link rel="alternate" type="text/html" href="http://courses.cs.taltech.ee/w/index.php?title=ITI0209_kevad_2021_3._kodut%C3%B6%C3%B6_kirjeldus&amp;diff=10038&amp;oldid=prev"/>
		<updated>2021-04-27T06:24:22Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left diff-editfont-monospace&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;et&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;←Vanem redaktsioon&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Redaktsioon: 27. aprill 2021, kell 06:24&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l10&quot; &gt;10. rida:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;10. rida:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Mõtle välja minimaalselt 4 KPId mida visualiseerida&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Mõtle välja minimaalselt 4 KPId mida visualiseerida&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Esita need graafikutena dashboardil&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Esita need graafikutena dashboardil&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Graafikute puhul kasuta ka animatsioone&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Graafikute puhul kasuta ka animatsioone&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;. Kui kasutad loengud-praktikumis soovitatud graafikuteeke, siis arvesta, et animatsioonid tulevad graafikupaketiga juba kaasa. &lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;Nõuded&amp;#039;&amp;#039;&amp;#039;&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;Nõuded&amp;#039;&amp;#039;&amp;#039;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Dashboard avaneb uuel lehel &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;, nt http://dijkstra.cs.ttu.ee/~Eesnimi.Perenimi/kasutajaliidesed/prax4 &lt;/del&gt;ja peab olema vaadatav desktopis. Mobiilivaade siin nõutud ei ole.&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Dashboard avaneb uuel lehel &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;sinu prototüübis &lt;/ins&gt;ja peab olema vaadatav desktopis. Mobiilivaade siin nõutud &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;ega vajalik &lt;/ins&gt;ei ole.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Esitatud peab olema minimaalselt 4 ja maksimaalselt 7 meetrikat, millest vähemalt 3 on esitatud eri tüüpi graafikutena.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Esitatud peab olema minimaalselt 4 ja maksimaalselt 7 meetrikat, millest vähemalt 3 on esitatud eri tüüpi graafikutena.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Graafikute kuvamiseks peab kasutama mõnda välist teeki. Loengutes teeme näiteid Echarts&amp;#039;iga (https://echarts.apache.org/), aga lubatud on ka mõne muu vabalt valitud teegi kasutamine nt. Amcharts, Chart.js, Highcharts, D3.js (keeruline, ei soovita) Kõigil siin punktis nimetatud graafikurakendustel on ka versoonid Vue-s otse kasutamiseks&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Graafikute kuvamiseks peab kasutama mõnda välist teeki. Loengutes teeme näiteid Echarts&amp;#039;iga (https://echarts.apache.org/), aga lubatud on ka mõne muu vabalt valitud teegi kasutamine nt. Amcharts, Chart.js, Highcharts, D3.js (keeruline, ei soovita) Kõigil siin punktis nimetatud graafikurakendustel on ka versoonid Vue-s otse kasutamiseks&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Graafikud on dünaamilised, s.t kõik esitatud andmed dashboardil loetakse staatilistest välistest failidest.&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Graafikud on dünaamilised, s.t kõik esitatud andmed dashboardil loetakse staatilistest välistest failidest.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Graafiku tüüp on valitud nii et vastab esitatud andmete iseloomule ja küsimusele millele vastust otsib. Väldi rõngas- ja sõõrikdiagrammide kasutamist!  &lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Graafiku tüüp on valitud nii et vastab esitatud andmete iseloomule ja küsimusele millele vastust otsib. Väldi rõngas- ja sõõrikdiagrammide kasutamist!  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Graafikud peavad olema arusaadavad - s.t tõlgendatavad ka ilma legendita. Vt ka osa &amp;quot;Friendly vs Unfriendly&amp;quot; &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;graphs [https://www.dropbox.com/s/jacvke79i0j3zjs/ITI0209_Lecture14_Practical_Visualization_Echarts.pdf?dl=0 &lt;/del&gt;loenguslaididest].&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Graafikud peavad olema arusaadavad - s.t tõlgendatavad ka ilma legendita. Vt ka osa &amp;quot;Friendly vs Unfriendly&amp;quot; loenguslaididest].&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Graafikul peavad olema kohustuslikud elemendid - pealkiri, telgede nimetused, ühikud, tekstiline selgitus.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Graafikul peavad olema kohustuslikud elemendid - pealkiri, telgede nimetused, ühikud, tekstiline selgitus.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Graafikud peavad olema loetavad ka nägemispuudega, s.h. värvipimeda kasutaja poolt. Seda on kõige lihtsam katsetada kui installeerid brauseriplugina, nt [https://chrome.google.com/webstore/detail/colorblinding/dgbgleaofjainknadoffbjkclicbbgaa/related Colorblinding]&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Graafikud peavad olema loetavad ka nägemispuudega, s.h. värvipimeda kasutaja poolt. Seda on kõige lihtsam katsetada kui installeerid brauseriplugina, nt [https://chrome.google.com/webstore/detail/colorblinding/dgbgleaofjainknadoffbjkclicbbgaa/related Colorblinding]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Verrev</name></author>
	</entry>
	<entry>
		<id>http://courses.cs.taltech.ee/w/index.php?title=ITI0209_kevad_2021_3._kodut%C3%B6%C3%B6_kirjeldus&amp;diff=10037&amp;oldid=prev</id>
		<title>Verrev – 27. aprill 2021, kell 06:21</title>
		<link rel="alternate" type="text/html" href="http://courses.cs.taltech.ee/w/index.php?title=ITI0209_kevad_2021_3._kodut%C3%B6%C3%B6_kirjeldus&amp;diff=10037&amp;oldid=prev"/>
		<updated>2021-04-27T06:21:06Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left diff-editfont-monospace&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;et&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;←Vanem redaktsioon&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Redaktsioon: 27. aprill 2021, kell 06:21&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l3&quot; &gt;3. rida:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;3. rida:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Kolmanda praktikumitöö põhisisuks on andmete visualiseerimine. Dashboardi ehitamisel võid kasutada varasemate praktikumitööde käigus valminud stiile, komponente, HTMLi jne, aga see võib olla olemasolevast rakendusest täiesti eraldi, oluline on, et see oleks Dijkstra serverist õigelt aadressilt kättesaadav.&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Kolmanda praktikumitöö põhisisuks on andmete visualiseerimine. Dashboardi ehitamisel võid kasutada varasemate praktikumitööde käigus valminud stiile, komponente, HTMLi jne, aga see võib olla olemasolevast rakendusest täiesti eraldi, oluline on, et see oleks Dijkstra serverist õigelt aadressilt kättesaadav.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Töö peab esitamiseks olema paigutatud Dijkstra serverisse aadressile http://&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;dijkstra&lt;/del&gt;.cs.ttu.ee/~&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Eesnimi&lt;/del&gt;.&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Perenimi&lt;/del&gt;/&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;kasutajaliidesed&lt;/del&gt;/&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;prax4&lt;/del&gt;/ &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;kus Eesnimi&lt;/del&gt;.&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Perenimi on sinu kasutajatunnus arvutiklassides (suured&lt;/del&gt;/&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;väikesed tähed õigesti, kui on lisanumbreid vms, siis need ka&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Töö peab esitamiseks olema paigutatud Dijkstra serverisse aadressile http://&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;turing&lt;/ins&gt;.cs.ttu.ee/~&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;SINU_UNI_ID/iti0209 kus olemasolevale prototüübile ehitatakse juurde dasboard. Dashboard peab olema kättesaad aadressilt http://turing.cs&lt;/ins&gt;.&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;ttu.ee&lt;/ins&gt;/&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;~SINU_UNI_ID&lt;/ins&gt;/&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;iti0209&lt;/ins&gt;/&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;dashboard.html&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Lisaks sellele peab olema lähtekood TTÜ Gitlabis https:&lt;/ins&gt;/&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;/gitlab.cs.ttu.ee projekti ITI0209_2021 kaustas &amp;quot;dashboard&amp;quot;&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;Mida tuleb teha&amp;#039;&amp;#039;&amp;#039;&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;Mida tuleb teha&amp;#039;&amp;#039;&amp;#039;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Verrev</name></author>
	</entry>
	<entry>
		<id>http://courses.cs.taltech.ee/w/index.php?title=ITI0209_kevad_2021_3._kodut%C3%B6%C3%B6_kirjeldus&amp;diff=10036&amp;oldid=prev</id>
		<title>Verrev: Uus lehekülg: &#039;Teise kodutöö käigus sai teie poolt loodud teenus &quot;valmis&quot;. Esimese praktikumitöö käigus loodud valideeritud ja kasutajal testitud protoüübist loodi teise praktikumitöö...&#039;</title>
		<link rel="alternate" type="text/html" href="http://courses.cs.taltech.ee/w/index.php?title=ITI0209_kevad_2021_3._kodut%C3%B6%C3%B6_kirjeldus&amp;diff=10036&amp;oldid=prev"/>
		<updated>2021-04-27T06:17:44Z</updated>

		<summary type="html">&lt;p&gt;Uus lehekülg: &amp;#039;Teise kodutöö käigus sai teie poolt loodud teenus &amp;quot;valmis&amp;quot;. Esimese praktikumitöö käigus loodud valideeritud ja kasutajal testitud protoüübist loodi teise praktikumitöö...&amp;#039;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Uus lehekülg&lt;/b&gt;&lt;/p&gt;&lt;div&gt;Teise kodutöö käigus sai teie poolt loodud teenus &amp;quot;valmis&amp;quot;. Esimese praktikumitöö käigus loodud valideeritud ja kasutajal testitud protoüübist loodi teise praktikumitöö käigus staatiline HTML prototüüp mis on veebist kättesaadav.&lt;br /&gt;
&lt;br /&gt;
Kolmanda praktikumitöö põhisisuks on andmete visualiseerimine. Dashboardi ehitamisel võid kasutada varasemate praktikumitööde käigus valminud stiile, komponente, HTMLi jne, aga see võib olla olemasolevast rakendusest täiesti eraldi, oluline on, et see oleks Dijkstra serverist õigelt aadressilt kättesaadav.&lt;br /&gt;
&lt;br /&gt;
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.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Mida tuleb teha&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
* Leia enda teenuse või teenusega seotud valdkonna kohta andmestik. Kasutatud andmekogud peavad olema viidatud. Viite puhul piisab Piisab kui panna lehele (või eri andmekogude korral iga graafiku juurde eraldi) viide ja URL kust andmed saadi. &lt;br /&gt;
* Mõtle välja minimaalselt 4 KPId mida visualiseerida&lt;br /&gt;
* Esita need graafikutena dashboardil&lt;br /&gt;
* Graafikute puhul kasuta ka animatsioone&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Nõuded&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
# Dashboard avaneb uuel lehel , nt http://dijkstra.cs.ttu.ee/~Eesnimi.Perenimi/kasutajaliidesed/prax4 ja peab olema vaadatav desktopis. Mobiilivaade siin nõutud ei ole.&lt;br /&gt;
# Esitatud peab olema minimaalselt 4 ja maksimaalselt 7 meetrikat, millest vähemalt 3 on esitatud eri tüüpi graafikutena. &lt;br /&gt;
# Graafikute kuvamiseks peab kasutama mõnda välist teeki. Loengutes teeme näiteid Echarts&amp;#039;iga (https://echarts.apache.org/), aga lubatud on ka mõne muu vabalt valitud teegi kasutamine nt. Amcharts, Chart.js, Highcharts, D3.js (keeruline, ei soovita) Kõigil siin punktis nimetatud graafikurakendustel on ka versoonid Vue-s otse kasutamiseks&lt;br /&gt;
# Graafikud on dünaamilised, s.t kõik esitatud andmed dashboardil loetakse staatilistest välistest failidest.&lt;br /&gt;
# Graafiku tüüp on valitud nii et vastab esitatud andmete iseloomule ja küsimusele millele vastust otsib. Väldi rõngas- ja sõõrikdiagrammide kasutamist! &lt;br /&gt;
# Graafikud peavad olema arusaadavad - s.t tõlgendatavad ka ilma legendita. Vt ka osa &amp;quot;Friendly vs Unfriendly&amp;quot; graphs [https://www.dropbox.com/s/jacvke79i0j3zjs/ITI0209_Lecture14_Practical_Visualization_Echarts.pdf?dl=0 loenguslaididest].&lt;br /&gt;
# Graafikul peavad olema kohustuslikud elemendid - pealkiri, telgede nimetused, ühikud, tekstiline selgitus. &lt;br /&gt;
# Graafikud peavad olema loetavad ka nägemispuudega, s.h. värvipimeda kasutaja poolt. Seda on kõige lihtsam katsetada kui installeerid brauseriplugina, nt [https://chrome.google.com/webstore/detail/colorblinding/dgbgleaofjainknadoffbjkclicbbgaa/related Colorblinding]&lt;br /&gt;
# Leht peab olema valideeruv&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Vaata lisaks&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
# https://uxdesign.cc/data-visualization-hacks-75d56d5bfa66&lt;/div&gt;</summary>
		<author><name>Verrev</name></author>
	</entry>
</feed>