<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>OKIA &#187; kujundus</title>
	<atom:link href="http://www.okia.ee/blog/tag/kujundus/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.okia.ee</link>
	<description>Digital agency</description>
	<lastBuildDate>Wed, 01 Feb 2012 09:08:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Mis on Web 2.0?</title>
		<link>http://www.okia.ee/blog/2009/05/mis-on-web-20/</link>
		<comments>http://www.okia.ee/blog/2009/05/mis-on-web-20/#comments</comments>
		<pubDate>Tue, 19 May 2009 09:41:26 +0000</pubDate>
		<dc:creator>Kaupo Kalda</dc:creator>
				<category><![CDATA[Akadeemia]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[äriplaan]]></category>
		<category><![CDATA[disain]]></category>
		<category><![CDATA[ergonoomika]]></category>
		<category><![CDATA[kasutajaliides]]></category>
		<category><![CDATA[kollektiivne intelligents]]></category>
		<category><![CDATA[kujundus]]></category>
		<category><![CDATA[müük]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[osalusveeb]]></category>
		<category><![CDATA[sotsiaalne meedia]]></category>
		<category><![CDATA[strateegia]]></category>
		<category><![CDATA[veebidisain]]></category>
		<category><![CDATA[web 1.0]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web 3.0]]></category>

		<guid isPermaLink="false">http://www.okia.ee/blog/?p=1250</guid>
		<description><![CDATA[Triloogia eelmises artiklis tegin osta lahti ja r&#228;&#228;kisin teemal Mis on Web 1.0?. Kui seda ajastut v&#245;is nimetada veebi lapsep&#245;lveks, siis Web 2.0 on pigem murdeiga (senisel ajateljel) mis eelneb &#8230;]]></description>
			<content:encoded><![CDATA[<p><img align="right" alt="Mis on Web 2.0?" height="100" src="http://www.okia.ee/wp-content/uploads/image/varia/mis-on-web20-nupuke.jpg" style="padding: 0pt 0pt 10px 10px" width="100" /></p>
<p><strong>Triloogia eelmises artiklis tegin osta lahti ja r&auml;&auml;kisin teemal </strong><a href="http://www.okia.ee/blog/2009/04/mis-on-web-10-web-20-web-30-osa1/"><strong>Mis on Web 1.0?</strong></a><strong>. Kui seda ajastut v&otilde;is nimetada veebi lapsep&otilde;lveks, siis Web 2.0 on pigem murdeiga (senisel ajateljel) mis eelneb t&auml;iskasvanuks (Web 3.0?) saamisele. Web 2.0 on v&auml;ga levinud turundustermin, samas on sellest arusaamine pehmelt &ouml;eldes segane. Seekordne artikkel p&uuml;&uuml;abki Web 2.0 OKIA n&auml;gemuses lahti m&otilde;testada.</strong></p>
<p><span id="more-1250"></span></p>
<h2>Web 2.0 on kontseptsioon</h2>
<p><strong>Web 2.0 lihtsustatult &ouml;elduna:</strong></p>
<ul>
<li>Veebi teadvustamine &auml;riplatformina</li>
<li>Kollektiivne intelligents, osalusveeb, sotsiaalne meedia</li>
<li>L&auml;bim&otilde;eldud kasutusmugavus, disain</li>
<li>Tehnoloogiad, standardid, n&auml;htused</li>
<li>Avatus</li>
</ul>
<p>Selline laialt levinud pilt annab suhteliselt hea &uuml;levaate Web 2.0 olemusest m&auml;rks&otilde;nadena:</p>
<p><img alt="Web 2.0 keywords" height="316" src="http://www.okia.ee/wp-content/uploads/image/varia/web-20-tags.jpg" width="570" /></p>
<p>&nbsp;</p>
<p><img align="right" alt="Tim O Reilly" height="316" src="http://www.okia.ee/wp-content/uploads/image/varia/tim-o-reilly.jpg" style="padding: 0pt 0pt 10px 10px" width="250" /></p>
<h2><span class="subtitle">Definitsioon</span></h2>
<ul>
<li>Peale esimest ehmatust (Web 1.0 ajastu l&otilde;ppes it-mulli l&otilde;hkemisega) hakkas vaikselt tekkima <strong>uus ja l&auml;bim&otilde;eldum kontseptsioon: Web 2.0</strong>.</li>
<li>&bdquo;Web 2.0&ldquo; terminit <strong>mainiti esmakordselt O Reilly Media poolt 2004</strong>. aasta konverentsil ja see kannab endas nn. WWW uue versiooni m&otilde;tteviisi.</li>
<li><strong>Tim O Reilly</strong> (pildil) <strong>s&otilde;nad: </strong>&bdquo;Web 2.0 on &auml;rirevolutsioon IT-t&ouml;&ouml;stuses mille p&otilde;hjustas Interneti kui platformi teadvustamine ja proov m&otilde;ista selle uue platformi edukuse reegleid&ldquo;.</li>
</ul>
<p><strong>Teisis&otilde;nu:</strong> kuidas panna Internet kui t&otilde;siseltv&otilde;etav platform oma &auml;rihuvide kasuks v&otilde;imalikult h&auml;sti t&ouml;&ouml;le.</p>
<p>&nbsp;</p>
<h2><span class="subtitle">Web 2.0 &#8211; kollektiivne intelligents</span></h2>
<ul>
<li><img align="right" alt="Web 1.0 vs Web 2.0 - kollektiivne intelligents" height="413" src="http://www.okia.ee/wp-content/uploads/image/varia/joonis-web10-vs-web20.jpg" style="padding: 0pt 0pt 10px 10px" width="359" /> Web 2.0 lahendused lasevad kasutajatel <strong>sisu loomisse ise panustada</strong> t&otilde;stes sellega veebikeskkonna v&auml;&auml;rtust (n&auml;iteks kommentaariumid, tootearvamused, wikid, videod, foorumid jne). See on &uuml;ks Web 2.0 p&otilde;hiteese.</li>
<li>Web 2.0 kohta on kasutatud ka termineid <strong>osalusveeb</strong> ja <strong>kollektiivne intelligents</strong>. Iga&uuml;ks saab osaleda ja luua.</li>
<li>Toniseeriv fakt: praeguseks on maailmas juba kaugelt &uuml;le <strong>1 miljardi internetikasutaja</strong>.<br />
		&nbsp;</li>
<li><strong>Eksperimenteerimine: </strong>kunagi ei tea l&otilde;puni mis sihtgrupile h&auml;sti peale l&auml;heb. Seet&otilde;ttu on rohkelt eksperimenteerimist, uute asjade katsetamist, start-up-e jms.</li>
</ul>
<p>&nbsp;</p>
<h2><span class="subtitle">Web 2.0 &#8211; kasutusmugavus, visuaalsed tunnused, disain</span></h2>
<p>H&auml;id Web 2.0 lahendusi iseloomustab reeglina <strong>kasutajas&otilde;bralik kasutajaliides</strong> (UI&nbsp;ehk <em>User Interface</em>) koos mugavate tehnoloogiate kasutamisega nagu <a href="http://en.wikipedia.org/wiki/AJAX" target="_blank">AJAX</a> (tehnoloogia mis v&otilde;imaldab p&auml;rida (v&otilde;i saata) infot vaid lehe teatud osale, laadimata uuesti kogu lehek&uuml;lge), muud javascript-lahendused (n&auml;it. <a href="http://www.jquery.com" target="_blank">jQuery</a> platform ja lisamoodulid), flash jms.</p>
<p><strong>Disaini m&auml;rks&otilde;nu:</strong></p>
<ul>
<li>Lihtne, puhas, selged pinnajaotused</li>
<li>Ergonoomiline navigatsioon</li>
<li>Keskne paigutus</li>
<li>Suurem font, suuremad pealkirjad</li>
<li>Suurem otsikast</li>
<li>Selged v&auml;rvid, &uuml;leminekud (gradients), peegeldused, l&auml;iked</li>
<li>Nunnud ikoonid ja graafika</li>
<li>Tabid, accordionid, caroussel, rippmen&uuml;&uuml;d jms</li>
</ul>
<p><strong>M&otilde;ned n&auml;ited:</strong></p>
<table border="0" cellpadding="0" cellspacing="3" width="100%">
<tbody>
<tr>
<td valign="top" width="33%">&nbsp;<a href="http://www.apple.com" target="_blank"><img alt="Apple" height="134" src="http://www.okia.ee/wp-content/uploads/image/varia/web20-apple.jpg" width="180" /></a></td>
<td valign="top" width="33%">&nbsp;<a href="http://www.bbc.co.uk" target="_blank"><img alt="BBC" height="134" src="http://www.okia.ee/wp-content/uploads/image/varia/web20-bbc.jpg" width="180" /></a></td>
<td valign="top" width="33%">&nbsp;<a href="http://www.skype.com" target="_blank"><img alt="Skype" height="134" src="http://www.okia.ee/wp-content/uploads/image/varia/web20-skype.jpg" width="180" /></a></td>
</tr>
<tr>
<td valign="top" width="33%">&nbsp;<a href="http://www.testfreaks.com" target="_blank"><img alt="Testfreaks.com" height="134" src="http://www.okia.ee/wp-content/uploads/image/varia/web20-testfreaks.jpg" width="180" /></a></td>
<td valign="top" width="33%">&nbsp;<a href="http://www.twitter.com" target="_blank"><img alt="Twitter" height="134" src="http://www.okia.ee/wp-content/uploads/image/varia/web20-twitter.jpg" width="180" /></a></td>
<td valign="top" width="33%">&nbsp;<a href="http://www.vimeo.com" target="_blank"><img alt="Vimeo" height="134" src="http://www.okia.ee/wp-content/uploads/image/varia/web20-vimeo.jpg" width="180" /></a></td>
</tr>
</tbody>
</table>
<h2>Web 2.0 &#8211; tehnoloogiad, standardid ja n&auml;htused</h2>
<ul>
<li><img align="right" alt="Web 2.0 veebid" height="207" src="http://www.okia.ee/wp-content/uploads/image/varia/web20-veebid.jpg" style="padding: 0pt 0pt 10px 10px" width="250" /> AJAX, javascript, mashupid</li>
<li>Multimeedia, peamiselt video</li>
<li><a href="http://www.okia.ee/blog/2009/03/mis-on-rss/" target="_blank">RSS</a>, uudiskiri &#8211; kommunikatsioon</li>
<li>Toimiv lehesisene otsing, SEO (Search Engine Optimization)</li>
<li>Sildipilv, m&auml;rks&otilde;nad (tags, tag cloud)</li>
<li>Tab, accordion, lightbox jms praktilised effektid</li>
<li>Affiliate programs (n&auml;it. Amazon), Google reklaamid</li>
<li>Laiendused &ndash; automaatne info s&otilde;ltuvalt sisust, kasutades erinevaid algoritme. N&auml;iteks amazon.com soovitused &bdquo;inimesed, kes ostsid selle toote, ostsid ka need tooted&ldquo;, Google AdSense reklaamid vastavalt lehe sisule jms. Seda nimetatakse ka semantiliseks veebiks ning on &uuml;ks pealetuleva Web 3.0 ideedest.</li>
<li>Suhtlusv&otilde;rgustikud, blogid, social bookmarking, podcasting, foorumid, wikid, torrent</li>
<li><a href="http://www.okia.ee/blog/tag/veebianaluutika/" target="_blank">Veebianal&uuml;&uuml;tika</a> &ndash; uuri mida su veebis tehakse ja oska seda infot kasutada</li>
<li>Mobiilsus</li>
<li>Aktiivne internetiturundus, sotsiaalne meedia (social media), viirusturundus (viral marketing), huvitavad erilahendustega bannerid ja kampaanialahendused</li>
</ul>
<p>&nbsp;</p>
<div><a href="http://news.station.ee/?act=googlemap" target="_blank"><img alt="News.Station.ee" height="167" src="http://www.okia.ee/wp-content/uploads/image/varia/mashup-station-ee.jpg" width="230" /></a><br />
	Lihtne <strong>mashup-n&auml;ide</strong>: <a href="http://news.station.ee/?act=googlemap" target="_blank">station.ee</a> kasutab Google Maps API&rsquo;t ning kuvab uudised kaardile.</div>
<h2><span class="subtitle">Web 2.0 &#8211; avatus</span></h2>
<ul>
<li>Web 2.0 m&auml;rks&otilde;na on ka &bdquo;<strong>avatus</strong>&ldquo;, n&auml;iteks (tasuta) API-de n&auml;ol. <a href="http://en.wikipedia.org/wiki/Api" target="_blank"><strong>API</strong></a> ehk &bdquo;Application programming interface&ldquo; v&otilde;imaldab h&otilde;lpsalt ehitada oma rakendusi kellegi teise platformile ja ressursile, n&auml;iteks teha peaaegu t&auml;isfunktsionaalne &bdquo;oma youtube&ldquo; Youtube API abil.<br />
		&nbsp;</li>
<li>Sellist lahendust mis kasutab teiste tehnoloogiaid ja ressursse nimetatakse &bdquo;<strong><a href="http://en.wikipedia.org/wiki/Mashup_(web_application_hybrid)" target="_blank">mashup</a></strong> iks&ldquo;. Tihti on miksitud mitu ressurssi kokku.<br />
		&nbsp;</li>
<li>&bdquo;<strong>Open source</strong>&ldquo; (ja ka muu vabavara) ehk reeglina kommuunide poolt loodavad rakendused avalikuks ja tasuta kasutamiseks (php, MySQL, Joomla CMS, WordPress, jQuery jt)</li>
</ul>
<p>&nbsp;</p>
<h2><span class="subtitle">Kokkuv&otilde;tteks</span></h2>
<p><strong>Web 2.0 v&otilde;i 3.0 ei t&auml;henda, et <a href="http://www.okia.ee/blog/2009/04/mis-on-web-10-web-20-web-30-osa1/">Web 1.0</a> oleks ajalugu</strong>, kusagil ei ole sirgjoonelisi piire. Enamus t&auml;nap&auml;eva veebilehti on endiselt pigem Web 1.0 ajastu n&auml;ited, tihti polegi vaja &uuml;le pingutada, v&auml;hemasti tehnoloogiliselt ja visuaalselt. &Auml;ra ei tohiks unustada siiski veebilahenduse eesm&auml;rgistatust ja n&auml;iteks otsimootoris&otilde;bralikkust. Kindlasti soovitame j&auml;tkuvalt eksperimenteerida erinevaid internetiturunduse v&otilde;tteid, sest v&otilde;imalusi on rohkelt ja veebi praeguses puberteedieas oleme me endiselt suhteliselt hallis tsoonis.</p>
<p>L&auml;hituleviku illustreerimiseks r&auml;&auml;gitakse uuest terminist ja m&otilde;tteviisist &#8211; <strong>Web 3.0</strong> &#8211; sellest l&auml;hemalt triloogia viimases artiklis l&auml;hiajal.</p>
<h2  class="related_post_title">Vaata neid ka</h2><ul class="related_post"><li><p class="pic"><a href="http://www.okia.ee/blog/2009/04/mis-on-web-10/"><img width="147" height="147" src="http://www.okia.ee/wp-content/uploads/image/varia/web1_emt_big-150x150.jpg" class="attachment-157x147 wp-post-image" alt="web1_emt_big" title="web1_emt_big" /></a></p><a href="http://www.okia.ee/blog/2009/04/mis-on-web-10/" title="Mis on Web 1.0, Web 2.0, Web 3.0? Osa 1.">Mis on Web 1.0, Web 2.0, Web 3.0? Osa 1.</a></li><li><p class="pic"><a href="http://www.okia.ee/blog/2009/10/disainisahtel-decoration-vs-function-part-1/"><img width="147" height="147" src="http://www.okia.ee/wp-content/uploads/image/varia/Frieze-150x150.jpg" class="attachment-157x147 wp-post-image" alt="Frieze" title="Frieze" /></a></p><a href="http://www.okia.ee/blog/2009/10/disainisahtel-decoration-vs-function-part-1/" title="{Disainisahtel} Decoration vs. Function (part 1)">{Disainisahtel} Decoration vs. Function (part 1)</a></li><li><p class="pic"><a href="http://www.okia.ee/blog/2009/06/mis-on-web-30/"><img width="147" height="147" src="http://www.okia.ee/wp-content/uploads/image/varia/web-3-0-150x150.jpg" class="attachment-157x147 wp-post-image" alt="web-3-0" title="web-3-0" /></a></p><a href="http://www.okia.ee/blog/2009/06/mis-on-web-30/" title="Mis on Web 3.0?">Mis on Web 3.0?</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.okia.ee/blog/2009/05/mis-on-web-20/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

