<?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>Verteksi &#187; opiskelu</title>
	<atom:link href="http://verteksi.net/soks/aihe/opiskelu/feed/" rel="self" type="application/rss+xml" />
	<link>http://verteksi.net</link>
	<description>Se on kiva sillo</description>
	<lastBuildDate>Sun, 05 Feb 2012 15:16: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>HTML-teknologian hyödyntäminen Web-sovelluksen prototypoinnissa</title>
		<link>http://verteksi.net/soks/2010/04/14/html-teknologian-hyodyntaminen-web-sovelluksen-prototypoinnissa/</link>
		<comments>http://verteksi.net/soks/2010/04/14/html-teknologian-hyodyntaminen-web-sovelluksen-prototypoinnissa/#comments</comments>
		<pubDate>Wed, 14 Apr 2010 16:48:57 +0000</pubDate>
		<dc:creator>Marko</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[käyttöliittymä]]></category>
		<category><![CDATA[opiskelu]]></category>
		<category><![CDATA[prototypointi]]></category>

		<guid isPermaLink="false">http://verteksi.net/?p=2445</guid>
		<description><![CDATA[<p>Alkutalvi ja kevät on ollut kiireistä aikaa, mutta viimeinkin pitkäjänteinen työ tuottaa tulosta ja sain viime viikolla valmiiksi diplomityöni. Jee. Kun diplomityön aihe on <a href="http://verteksi.net/opiskelu/html-teknologian_hyodyntaminen_web-sovelluksen_prototypoinnissa_di-tyo_2010-04-08.pdf" class="lipdf">&#8220;HTML-teknologian hyödyntäminen Web-sovelluksen prototypoinnissa&#8221;</a>, voi helposti aavistella mitä työ käsittelee, eikä varmasti kovin paljon harhaan mene.  Tarkemmin ottaen työ sisältää asiaa prototypoinnista hieman laajemmin sovelluskehitysprojektin kokonaisuuden näkökulmasta.</p>
<p>Kokonaisuutena työ pohjaa viime syksynä tekemääni <a href="http://verteksi.net/soks/2009/09/06/web-sovelluksen-kayttoliittyman-prototypointi/" class="liinternal">kandidaatin työhön</a>, jossa käsittelin aihetta hieman laajemmin ja pintapuolisemmin.&#8230; <a href="http://verteksi.net/soks/2010/04/14/html-teknologian-hyodyntaminen-web-sovelluksen-prototypoinnissa/" class="read_more">Jatka lukemista <span class=\\\"meta-nav\\\">&#8594;</span></a></p>]]></description>
			<content:encoded><![CDATA[<p>Alkutalvi ja kevät on ollut kiireistä aikaa, mutta viimeinkin pitkäjänteinen työ tuottaa tulosta ja sain viime viikolla valmiiksi diplomityöni. Jee. Kun diplomityön aihe on <a href="http://verteksi.net/opiskelu/html-teknologian_hyodyntaminen_web-sovelluksen_prototypoinnissa_di-tyo_2010-04-08.pdf" class="lipdf">&#8220;HTML-teknologian hyödyntäminen Web-sovelluksen prototypoinnissa&#8221;</a>, voi helposti aavistella mitä työ käsittelee, eikä varmasti kovin paljon harhaan mene.  Tarkemmin ottaen työ sisältää asiaa prototypoinnista hieman laajemmin sovelluskehitysprojektin kokonaisuuden näkökulmasta.</p>
<p>Kokonaisuutena työ pohjaa viime syksynä tekemääni <a href="http://verteksi.net/soks/2009/09/06/web-sovelluksen-kayttoliittyman-prototypointi/" class="liinternal">kandidaatin työhön</a>, jossa käsittelin aihetta hieman laajemmin ja pintapuolisemmin. Tuolta perustalta oli helpohkoa jatkaa diplomityössä ja kohtalaisen nopeasti se työ lopulta valmistuikin, mutta vaati useita iltoja töiden jälkeen puurtamista ja useampia viikonloppuja aherrusta. Lisäksi viimeinen viikko, kun työ oli jo saanut painoluvan ja muutamia kommentteja ohjaajilta, meni aika lailla dippaa ajatellen ja viimeistellen. Tekstin hiomista, pilkkujen viilaamista ja kirjoitusvirheiden etsimistä. Tuntui, että viimeistely, byrokratian anomusten täyttäminen ja dipan sitomoon saattaminen oli paljon raskaampaa, kuin varsinaisen työn kirjoittaminen. </p>
<p>Tulostuksen, sidonnan ja yliopistolle toimittamisen osalta hoiti Lappeenrantalainen <a href="http://www.saimaprint.fi/" class="liexternal">Saimaprint</a> homman hyvin kokonaispakettina. Helpotti paljon aikataulutusta, kun työtä ei tarvinnut luottaa postin harteille tai lähteä itse sitä viemään. Hinnat olivat muistaakseni: mustavalkosivu 0,1e; värisivu 0,7e; sidonta 22,5e/kirja; toimitus yliopistolle 20e; käsittely- ja postikulut jotain. Eihän toi halpaa touhua ole, mutta enemmän sitä olisi palanut rahaa ja aikaa, jos olisi etsinyt halvimman vaihtoehdon ja ajellut yhtenä päivänä vajaat 600 km:iä.</p>
<p>Diplomityössäni käsittelin käyttöliittymän ja sen toiminnallisuuksien prototypointia projektin eri vaiheissa. Alkuosa oli teoriaa eri menetelmistä ja teknologioista, ja käytännön osuudessa käytin mallina viime vuonna ollutta projektia, jonka aikana sovelsin eri prototypointimenetelmiä sovelluksen määrittelyssä, suunnittelussa ja toteutuksessa. Eli alkuun piirtelin paperille hahmotelmia miltä sovellus voisi näyttää ja myöhemmin toteutin käyttöliittymästä mallin HTML:llä. Ihan opettavainen projekti kaikin puolin, jossa myös käytettiin itselleni uusia JSF-teknologioita.</p>
<p>Oikeastaan pitää kiittää <a href="http://www.lut.fi/fi/lut/studies/graduation/degree/reform" class="liexternal">tutkintorakenneuudistusta</a>, joka tavallaan pakotti valmistumaan <a href="http://www.lut.fi/fi/lut/studies/graduation/degree" class="liexternal">&#8220;Wanha tutkinto valmiiksi&#8221;</a> -aikataulussa, johon nähden sain kaiken valmiiksi hyvissä ajoin. Koska 31.7.2010 päivämäärän jälkeen voi valmistua vain uuden kaksiportaisen tutkintorakenteen mukaan ja mahdollisesti lisäkursseja suorittaen, on tänä keväänä ja kesänä erityisen paljon valmistuvia. Itsekin olen diplomityötä hautonut useamman vuoden, mutta se vain vaati kunnollisen määräajan, johon mennessä se oli saatava valmiiksi.</p>
<p>Hieman kiireinen aikataulu tosin vaikutti myös työn tieteelliseen laatuun, sillä näin jälkeenpäin kun työtä lueskelee ja katselee, huomaa miten aihetta olisi voinut paremmin ja kattavammin käsitellä. Etenkin käytännön osuuteen olisi voinut lisätä tarinaa prototypointiprosessista ja toteutetuista malleista. No, työ on nyt kuitenkin tehty ja vaikka kaikki tietous ei kansien väliin päätynytkään, on se korvien välissä tallessa. Lisäksi työ ei nyt mitään järisyttävän uutta asiaa tuo prototypoinnista esille, vaan karkeasti sanottuna on katsaus miksi ja miten asioita voi projektissa mallintaa. Kyllähän kaikki tietää, että kynällä ja paperilla on helppo piirrellä kuvia sovelluksesta ja HTML:llä saa paljon aikaan nopeasti verrattuna Java-toteutukseen.</p>
<p>Kandidaatintyöni tapaan kirjoitin myös diplomityön LaTeXilla ja kirjoitusprosessiin soveltuu samat sanat kuin kesälläkin: </p>
<blockquote><p>
Vaikka aivan mutkatonta ei työskentely ollutkaan, oli kirjoittaminen helppoa ja muotoiluihin ei tarvinnut erikseen panostaa. Etenkin viitteiden ja viittausten hallinta oli erittäin kätevää BibTeX:llä: valmiit viitetiedot sai suoraan liitettyä muun muassa ACM:stä ja IEEE Xploresta. Vastaavasti oikoluvun puute teetti hieman lisätyötä ja taulukoiden, sekä kuvien joustava sijainti tekstin seassa hieman ärsytti.</p></blockquote>
<p>Oikeastaan oli kohtalaisen turhaa kirjoittaa työ LaTeXilla, kun työssä ei kaavoja ollut, mutta kun kerran alkuun oli päästy, niin pitäähän se loppuun asti vängätä. LaTeX-mallipohjaa piti vielä hieman jalostaa muun muassa viiteluettelon, tiivistelmän ja nimiölehden osalta ja pitää siitä julkaistava versio jossain vaiheessa muistaa kasata. Kaikkien kuvien sijoittelu, oikoluku ja työvaiheessa kommentointi ja merkintä olisivat olleet paljon helpompia esimerkiksi Wordilla. Tosin nyt LaTex mahdollisti versionhallinnan ja kirjoittamisen riippumatta käytettävästä koneesta.</p>
<p>Diplomityön valmistuminen päättää myös yhden aikakauden elämässäni. Opiskeluaika on ihmisen elämään suuresti vaikuttava ajanjakso ja ainakin itsellä se tarjosi mukavia hetkiä, uusia ystäviä ja tietenkin paljon uuden oppimista. Hieman ikävä totuus kuitenkin on, että kaikki loppuu aikanaan ja on aika suunnata kohti uusia haasteita. Eiköhän se yhdeksän vuotta opiskelijana ole riittävästi, josta tosin vuosi aikalailla tyhjäkäynnillä ja pari vuotta töissä. Melkein varmaa kuitenkin on, että opiskelut eivät tähän jää, sillä elämä on jatkuvaa uuden oppimista.</p>
<p>Vielä tosin on edessä kypsyysnäytteen kirjoittaminen ja diplomityöesitelmän pitäminen, mutta kunhan työ arvostellaan 5.5.2010 ja saan paperit kouraan 28.5.2010, ovat opiskelut tältä erää paketissa. Paljon se vaati, mutta paljon se antoikin.</p>
<p><strong>Lisäys: 18.7.2010:</strong><br />
Loppujen lopuksi työni sisälsi 65 sivua, 15 kuvaa, 3 taulukkoa, 43 viitettä ja 0 liitettä. Eli kohtalaisen tiivis katsaus aiheeseen, mutta ilmeisen onnistunut, ainakin työn tarkastajien mielestä, sillä arvosanaksi muodostui kiitettävä (5). Työn lausunnossa kehuttiin sujuvaa näkökulman vaihtoa prototypoinnista web-sovelluksiin ja itse toteutettuun sovelluksen prototypointiin, työn tasapuolisuutta, johdonmukaisesti etenevää kokonaisuutta ja mallikasta lähdekirjallisuutta ja sen käyttöä. Arvostelun osa-alueet muodostuivat seuraavasti:</p>
<ul>
<li>Työn tulokset: 5</li>
<li>Tekijän itsenäisyys, omintakeisuus ja aikataulun hallinta: 5</li>
<li>Esityksen johdonmukaisuus ja huolellisuus: 4</li>
<li>Kieliasu: 5</li>
<li>Kirjallisuuden valinta ja käyttö: 4</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://verteksi.net/soks/2010/04/14/html-teknologian-hyodyntaminen-web-sovelluksen-prototypoinnissa/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web-sovelluksen käyttöliittymän prototypointi</title>
		<link>http://verteksi.net/soks/2009/09/06/web-sovelluksen-kayttoliittyman-prototypointi/</link>
		<comments>http://verteksi.net/soks/2009/09/06/web-sovelluksen-kayttoliittyman-prototypointi/#comments</comments>
		<pubDate>Sun, 06 Sep 2009 16:43:31 +0000</pubDate>
		<dc:creator>Marko</dc:creator>
				<category><![CDATA[sekalaiset]]></category>
		<category><![CDATA[elämä]]></category>
		<category><![CDATA[opiskelu]]></category>

		<guid isPermaLink="false">http://verteksi.net/?p=2097</guid>
		<description><![CDATA[<p>Olen kesän aikana työstänyt opiskeluitani kohti valmistumista ja välituloksena sain aikaan kandidaatintyön otsikolla <a href="/opiskelu/kandi_loppuraportti_final_2009-09-01.pdf" class="lipdf"><em>&#8220;Web-sovelluksen käyttöliittymän prototypointi&#8221;</em></a>. Työssä käsittelin erilaisten prototypointimenetelmien soveltuvuutta Web-sovellusten käyttöliittymien mallintamiseen ja siihen liittyviä asioita ja työvälineitä. Näkökulma oli hieman katsauksen tyylinen, eikä työssä varsinaisesti toteutettu mitään ja se kyllä näkyy työn tuloksissa: enemmän pohdintaa kuin konkreettisia asioita.</p>
<p>Kandidaatintyöni alkoi alkukesästä alkuraportin kirjoittamisella, ja koska havahduin kesäkurssin alkamiseen hieman myöhään, keräsin lähteet, käsittelin ohjaajan kommentit, tein aiheanomuksen ja kirjailin raportin kasaan parin viikon aikana.&#8230; <a href="http://verteksi.net/soks/2009/09/06/web-sovelluksen-kayttoliittyman-prototypointi/" class="read_more">Jatka lukemista <span class=\\\"meta-nav\\\">&#8594;</span></a></p>]]></description>
			<content:encoded><![CDATA[<p>Olen kesän aikana työstänyt opiskeluitani kohti valmistumista ja välituloksena sain aikaan kandidaatintyön otsikolla <a href="/opiskelu/kandi_loppuraportti_final_2009-09-01.pdf" class="lipdf"><em>&#8220;Web-sovelluksen käyttöliittymän prototypointi&#8221;</em></a>. Työssä käsittelin erilaisten prototypointimenetelmien soveltuvuutta Web-sovellusten käyttöliittymien mallintamiseen ja siihen liittyviä asioita ja työvälineitä. Näkökulma oli hieman katsauksen tyylinen, eikä työssä varsinaisesti toteutettu mitään ja se kyllä näkyy työn tuloksissa: enemmän pohdintaa kuin konkreettisia asioita.</p>
<p>Kandidaatintyöni alkoi alkukesästä alkuraportin kirjoittamisella, ja koska havahduin kesäkurssin alkamiseen hieman myöhään, keräsin lähteet, käsittelin ohjaajan kommentit, tein aiheanomuksen ja kirjailin raportin kasaan parin viikon aikana. Onneksi alkutalvesta oli tullut hieman pohdittua aihetta ja mietittyä työn suurpiirteinen rakenne jo kuntoon, sillä alkuraportista 10 minuutin seminaariesityksen pitäminen kesäkuun alussa tulikin eteen nopeasti. Kun muiden raportteja ja professorin kommentteja kuunteli, oli omani hyvällä pohjalla muun muassa rakenteen ja lähteiden suhteen. Ensimmäinen vaihe sujui siis hyvin, vaikka jos olisin ollut hieman aikaisemmin liikkeellä, olisin voinut esittää raportin 7 hengen ryhmässä, kun nyt piti tyytyä kolme kertaa isompaan porukkaan. Se päivä hieman venyi, sillä esitysten päälle piti vielä matkustaa Helsingistä Lappeenrantaan ja takaisin.</p>
<p>Alkuraportin esittämisen jälkeen iskikin sitten pienoinen jatkamisen vaikeus ja kesällä työ eteni suhteellisen hitaasti. Muutamaan viikkoon en tainnut saada mitään aikaan ja kelitkin olivat mitä mainioimpia. Lopulta löysin taas oikeanlaista motivaatiota työn edistämiseen ja heinäkuun puolenvälin jälkeen loppuraportti alkoi jo muodostumaan ihan käsiteltäväksi kokonaisuudeksi. Elokuun alkupuolella sitten painettiinkin näppäimiä oikein urakalla ja muutaman kommenttikierroksen ja hienosäätämisen jälkeen oli loppuraportti esittämiskunnossa. Onneksi töissä oli kesälomien aikana hieman hiljaisempaa, jolloin aikaa jäi muullekin kuin töille.</p>
<p>Elokuun loppupuolella oli taas aika matkustaa Lappeenrantaan esittämään loppuraportti ja tällä kertaa ehdin aikaisempaan ryhmään 10 muun henkilön kanssa. Paljon miellyttävämpää. Jos alkuraportti oli hyvällä mallilla, ei loppuraportti aivan samalle tasolle yltänyt. Hieman teoriapainotteisuudesta ja asioiden arvioivasta otteesta johtuen työn tulokset jäivät hieman vähäisiksi, mutta onneksi eivät kyllä muidenkaan töiden tulokset mitään kovin erikoisia olleet, ainakaan sen perusteella mitä esityksistä pystyi päättelemään. Vasta työn valmistumisen jälkeen oikeastaan näki, miten aihetta olisi voinut (paremmin) käsitellä, rajata käsittelyä hieman suppeammaksi ja tarkentaa tiettyihin osiin.</p>
<p>Työn arvosteltavaksi lähettämistä ja kandidaatintyöksi paketoimista varten jäi siis vielä hieman hiottavaa, vaikka suuria muutoksia tässä vaiheessa ei oikein ollut aikaa toteuttaa. Hieman tarkennusta käytännön osioon, kieliasun tarkistamista ja pilkun viilausta. Lopulta työni sisälsi 43 sivua, 1 kuvan, 2 taulukkoa, 27 viitettä ja 0 liitettä. Eli hieman turhan lavea, kun ohjeistus sanoo työn mitaksi 1/3 diplomityöstä, noin 25-35 sivua. Kaikkiaan <em>&#8220;Kandidaatintyö ja seminaari&#8221;</em> -kurssi koostui seuraavista kokonaisuuksista:</p>
<ul>
<li><a href="/opiskelu/kandi_alkuraportti_final_2009-06-08.pdf" class="lipdf">Alkuraportti</a> ja <a href="/opiskelu/kandi_alkuraportti_esitys_final_2009-06-08.pdf" class="lipdf">alkuraportin esitys</a></li>
<li><a href="/opiskelu/kandi_loppuraportti_final_2009-09-01.pdf" class="lipdf">Loppuraportti</a> (Kandidaatintyö) ja <a href="/opiskelu/kandi_loppuraportti_esitys_final_2009-08-24.pdf" class="lipdf">loppuraportin esitys</a></li>
</ul>
<p>Arvostelun osalta ohjaaja arvioi eri osa-alueita <a href="http://www.it.lut.fi/opiskelu/suunnittelu/kandi_matrix.pdf" class="lipdf">arvostelumatriisin perusteella</a>. Kieliasun ja johdonmukaisuuden osalta olisi voinut päästä parempaan lopputulokseen ja lähteiden analysointia olisi voinut tehdä enemmän. Työn tulokset muodostuivat nyt sellaisiksi kuin ovat ja osaltaan palvelevat aiheen jatkokäsittelyä, mutta eivät oikein yksinään tarjoa kovin erikoisia havaintoja. Ainahan sitä olisi voinut panostaa enemmän aikaa kokonaisuuden hiomiseen, mutta näillä resursseilla osa-alueet muodostuivat seuraavasti:</p>
<ul>
<li>Työn suunnittelu (15%): 4.5</li>
<li>Työn tulokset (30%) : 4</li>
<li>Tekijän itsenäisyys / omintakeisuus (15%) : 5</li>
<li>Esityksen johdonmukaisuus ja huolellisuus (15%) : 4</li>
<li>Tutkielman kieliasu (10%) : 4</li>
<li>Kirjallisuuden valinta ja käyttö (15%) : 4.5</li>
</ul>
<p>Kirjoitin työn alusta alkaen käyttäen LaTeXia, ja vaikka aivan mutkatonta ei työskentely ollutkaan, oli kirjoittaminen helppoa ja muotoiluihin ei tarvinnut erikseen panostaa. Samalla tuli <a href="http://verteksi.net/soks/2009/06/14/muutamia-latex-vinkkeja/" class="liinternal">tutustuttua paremmin LaTeXin käyttöön</a>. Etenkin viitteiden ja viittausten hallinta oli erittäin kätevää BibTeX:llä: valmiit viitetiedot sai suoraan liitettyä muun muassa ACM:stä ja IEEE Xploresta. Vastaavasti oikoluvun puute teetti hieman lisätyötä ja taulukoiden, sekä kuvien joustava sijainti tekstin seassa hieman ärsytti. </p>
<p>Onneksi kirjoittamista ei tarvinnut aloittaa aivan tyhjältä pohjalta, vaan sovelsin jonkun Lappeenrantalaisen tekemää LaTeX-mallipohjaa englanninkielistä diplomityötä varten. Laitan jatkokehittelemäni suomenkielisen mallipohjan saataville, kunhan saan sen muokattua julkaistavaan kuntoon. Suurimmat muutokset tein lähinnä PDFLaTeXin käytössä (PNG- ja JPG-kuvat) ja viitteiden esittämisen muodossa.</p>
<p>Periaatteessa nyt olisi jo kasassa tekniikan kandidaatti -tutkinto (alempi korkeakoulututkinto), mutta koska opiskelen diplomi-insinööriksi vanhan tutkintorakenteen mukaisesti, on kandidaatintyö vain <em>&#8220;Erikoistyö&#8221;</em>-kurssin korvaava välietappi. No, tavoite on kuitenkin korkeammalla ja siihen liittyen diplomityön kirjoittaminen alkaa siitä, mitä kandintyössä aiheen jatkokäsittelyssä pohdittiin.</p>
]]></content:encoded>
			<wfw:commentRss>http://verteksi.net/soks/2009/09/06/web-sovelluksen-kayttoliittyman-prototypointi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

