<?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>Sebastian&#039;s portfolio</title>
	<atom:link href="http://portfolio.sebastian-conijn.nl/feed/" rel="self" type="application/rss+xml" />
	<link>http://portfolio.sebastian-conijn.nl</link>
	<description>De portfolio van Sebastian Conijn</description>
	<lastBuildDate>Fri, 28 Oct 2011 11:13:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>S.O.S. Seahorse</title>
		<link>http://portfolio.sebastian-conijn.nl/2011/06/s-o-s-seahorse/</link>
		<comments>http://portfolio.sebastian-conijn.nl/2011/06/s-o-s-seahorse/#comments</comments>
		<pubDate>Sat, 25 Jun 2011 15:13:39 +0000</pubDate>
		<dc:creator>Sebastian</dc:creator>
				<category><![CDATA[iPhone / iPad apps]]></category>
		<category><![CDATA[Slider]]></category>

		<guid isPermaLink="false">http://portfolio.sebastian-conijn.nl/?p=654</guid>
		<description><![CDATA[Voor mijn stage bij UNITiD heb ik meegeholpen aan de realisatie van een game voor Greenpeace Nederland. Het gaat volgens Greenpeace niet zo best met de visstanden in de Nederlandse Noordzee. Aan het begin van de zomer van 2011 voerde Greenpeace daarom campagne. In Februari 2011 organiseerde UNITiD een brainstorm sessie met Elements Interactive. Hieruit [...]]]></description>
			<content:encoded><![CDATA[<p>Voor mijn stage bij UNITiD heb ik meegeholpen aan de realisatie van een game voor Greenpeace Nederland. Het gaat volgens Greenpeace niet zo best met de visstanden in de Nederlandse Noordzee. Aan het begin van de zomer van 2011 voerde Greenpeace daarom campagne. In Februari 2011 organiseerde UNITiD een brainstorm sessie met Elements  Interactive. Hieruit zijn een aantal zeer leuke app concepten ontstaan.  Een van de concepten paste heel erg goed bij de SOS Noordzee campagne.  De maanden daarop hebben we het idee verder uitgewerkt middels  wireframes, prototypes en illustraties. Elements Interactive heeft de  code geschreven en keihard gewerkt om de app op tijd op te leveren.<span id="more-654"></span></p>

		<div class='et-image-slider' id='et-image-slider296'>
			<div class='et-image-slides'>
				<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=/wp-content/uploads/overig/sosseahorse/sosseahorse_laden.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>

		<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=/wp-content/uploads/overig/sosseahorse/sosseahorse_menu.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>

		<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=/wp-content/uploads/overig/sosseahorse/sosseahorse_zeepaardjes.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>

		<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=/wp-content/uploads/overig/sosseahorse/sosseahorse_dreiging.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>
			</div>
			
			<div class='et-image-shadow'></div>
			<div class='et-image-shadowleft'></div>
			<div class='et-image-shadowright'></div>
		</div> <!-- .et-image-slider -->
		<script type='text/javascript'>
			
				 jQuery('#et-image-slider296 .et-image-slides').et_shortcodes_switcher({sliderType: 'images', auto: false, autoSpeed: '5000',useArrows: true, fx: 'fade', arrowLeft: '#et-image-slider296 a.left-arrow', arrowRight: '#et-image-slider296 a.right-arrow', linksNav: '#et-image-slider296 .controllers a.switch',findParent: false, lengthElement: 'a.switch'});
			
		</script>
<p>De game is ontwikkeld voor iOS devices. De applicatie werkt dus op iPod,  iPad en iPhone. Het idee is dat je gedurende zeven dagen de zeepaardjes  in de Noordzee moet beschermen tegen allerlei gevaren. Je bevind je in  een onderzeeër. Door het scherm van de iPhone of iPad alle kanten op te  bewegen kan je rondkijken in de zee. Je kan de bodem zien en omhoog  kijken tot je net boven het wateroppervlak bent. Je ziet zeedieren,  waterplanten en natuurlijk zeepaardjes. Je zal merken dat er eens per  dag je onderwaterwereld wordt bedreigd door allerlei gevaren. Gelukkig  kan je de dreigingen op verschillende manieren oplossen. Zo kan je een  mini quiz spelen, waarmee je direct een hoop opsteekt van de zee en de  bescherming daarvan. Je kan de hulp van je vrienden inschakelen via  sociale media (Facebook, Hyves, Twitter) of email. Op deze manier worden  meer mensen zich bewust van de problemen. De derde optie is het  aanschaffen van een object (79 cent) waarmee je Greenpeace direct steunt  om hun acties uit te kunnen voeren.</p>
<p>Ik heb me vooral bezig gehouden met het concept, de wireframes, het maken van prototypes en de communicatie tussen de verschillende partijen.</p>
<p><a href="http://itunes.apple.com/nl/app/sos-seahorse/id437814058?mt=8"><img class="alignnone" title="Beschikbaar in de appstore." src="/wp-content/uploads/overig/available_appstore.png" alt="" width="166" height="55" /></a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://portfolio.sebastian-conijn.nl/2011/06/s-o-s-seahorse/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webbeheer</title>
		<link>http://portfolio.sebastian-conijn.nl/2011/05/webbeheer/</link>
		<comments>http://portfolio.sebastian-conijn.nl/2011/05/webbeheer/#comments</comments>
		<pubDate>Sun, 08 May 2011 17:52:32 +0000</pubDate>
		<dc:creator>Sebastian</dc:creator>
				<category><![CDATA[Slider]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://portfolio.sebastian-conijn.nl/?p=635</guid>
		<description><![CDATA[Tijdens de ontwikkeling van het ticketsysteem voor Let&#8217;s build IT.nl heb ik me ook bezig gehouden met het webbeheer. Het webbeheer is een systeem voor klanten van Let&#8217;s build IT.nl met een website. Een grote groep van hun klanten zit in de financiële branche. Speciaal voor die doelgroep heeft Let&#8217;s build IT.nl modules, met het [...]]]></description>
			<content:encoded><![CDATA[<p>Tijdens de ontwikkeling van het <a title="Ticketsysteem" href="http://portfolio.sebastian-conijn.nl/2010/02/ticketsysteem/" target="_blank">ticketsysteem</a> voor Let&#8217;s build IT.nl heb ik me ook bezig gehouden met het webbeheer. Het webbeheer is een systeem voor klanten van Let&#8217;s build IT.nl met een website. Een grote groep van hun klanten zit in de financiële branche. Speciaal voor die doelgroep heeft Let&#8217;s build IT.nl modules, met het webbeheer kunnen klanten die modules beheren.</p>
<p><span id="more-635"></span>Naast modules beheren kunnen er ook e-mailadressen worden aangemaakt, aangepast of verwijderd, nieuwsbrieven worden verstuurd met de nieuwsbriefmodule en andere website instellingen. Ook kunnen klanten zien hoever de tickets zijn die ze hebben aangemaakt in het <a title="Ticketsysteem" href="http://portfolio.sebastian-conijn.nl/2010/02/ticketsysteem/" target="_blank">ticketsysteem</a> en facturen die ze hebben ontvangen terug zien. Een compleet systeem om een website te beheren.</p>

		<div class='et-image-slider' id='et-image-slider909'>
			<div class='et-image-slides'>
				<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=/wp-content/uploads/overig/webbeheer/webbeheer-overview.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>

		<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=/wp-content/uploads/overig/webbeheer/nieuwe-mailadres.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>

		<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=/wp-content/uploads/overig/webbeheer/webbeheer-afwezigheidsassistent.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>

		<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=/wp-content/uploads/overig/webbeheer/webbeheer-artikelen.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>
			</div>
			
			<div class='et-image-shadow'></div>
			<div class='et-image-shadowleft'></div>
			<div class='et-image-shadowright'></div>
		</div> <!-- .et-image-slider -->
		<script type='text/javascript'>
			
				 jQuery('#et-image-slider909 .et-image-slides').et_shortcodes_switcher({sliderType: 'images', auto: false, autoSpeed: '5000',useArrows: true, fx: 'fade', arrowLeft: '#et-image-slider909 a.left-arrow', arrowRight: '#et-image-slider909 a.right-arrow', linksNav: '#et-image-slider909 .controllers a.switch',findParent: false, lengthElement: 'a.switch'});
			
		</script>
<p>Het systeem moet gebruiksvriendelijk zijn en toch op korte termijn worden opgeleverd. Hoe langer je wacht hoe groter de kans is dat sommige websites niet kunnen draaien op het systeem en er extra werk verricht moet worden. Ik heb daarom gekozen om het design en een gedeelte van de techniek van het ticketsysteem te gebruiken voor het webbeheer. Ook hier kunnen de widgets op het dashboard worden ingeklapt, verplaatst en kunnen van kleur gewijzigd worden. Volledig naar de wensen van de klant.</p>
<p>Naast een hypotheekmodule en een financieringsaanvraag zijn er ook nieuwe modules ontwikkelt. Zo kunnen klanten, op aanvraag, gebruik maken van een nieuws module. Omdat veel financiele tussenpersonen geen tijd hebben om lange berichten te typen hebben wij gekozen om het super basic te houden. Er kan een titel worden ingevuld, een inleidende tekst en een &#8220;lees verder tekst&#8221;. Natuurlijk kunnen er ook filmpjes en/of afbeeldingen worden toegevoegd en heeft de gebruiker de kans om het nieuwsbericht in te stellen om het later te publiceren. Een uitgebreidere functie zoals wordt aangeboden in bijvoorbeeld WordPress vonden wij niet nodig.</p>
<div class="wp-caption alignright" style="width: 333px"><a href="/wp-content/uploads/overig/webbeheer/webbeheer-ingelogd.jpg" rel="lightbox-635"><img title="Meerdere domeinnamen" src="/wp-content/uploads/overig/webbeheer/webbeheer-ingelogd.jpg" alt="Meerdere domeinnamen" width="323" height="100" /></a><p class="wp-caption-text">Meerdere domeinnamen</p></div>
<p>Sommige klanten hebben meerdere domeinnamen, het is super simpel om van domein te switchen. Twee muisklikken verder zit je op de instellingen van een andere website. Uitloggen en inloggen met andere gegevens is in dit systeem niet nodig! Dat klinkt misschien logisch, maar vele andere beheersystemen ondersteunen deze techniek niet.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://portfolio.sebastian-conijn.nl/2011/05/webbeheer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ticketsysteem</title>
		<link>http://portfolio.sebastian-conijn.nl/2010/02/ticketsysteem/</link>
		<comments>http://portfolio.sebastian-conijn.nl/2010/02/ticketsysteem/#comments</comments>
		<pubDate>Mon, 22 Feb 2010 13:22:06 +0000</pubDate>
		<dc:creator>Sebastian</dc:creator>
				<category><![CDATA[Slider]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://portfolio.sebastian-conijn.nl/?p=323</guid>
		<description><![CDATA[Het ticketsysteem is een systeem dat ik heb ontwikkeld voor Let&#8217;s build IT.nl. Met dit systeem blijven taken binnen het bedrijf overzichtelijk. Ook is het voor medewerkers van Let&#8217;s build IT.nl mogelijk om bijvoorbeeld de historie van tickets of contactpunten in te zien. Voor de klanten van Let&#8217;s build IT.nl heeft het ook een groot [...]]]></description>
			<content:encoded><![CDATA[<p>Het ticketsysteem is een systeem dat ik heb ontwikkeld voor Let&#8217;s build IT.nl. Met dit systeem blijven taken binnen het bedrijf overzichtelijk. Ook is het voor medewerkers van Let&#8217;s build IT.nl mogelijk om bijvoorbeeld de historie van tickets of contactpunten in te zien. Voor de klanten van Let&#8217;s build IT.nl heeft het ook een groot voordeel, emailtjes kunnen direct verstuurd worden naar het systeem en een medewerker kan het direct oppakken in plaats dat het moet wachten in de mailbox van een collega die het al druk heeft. Het werk wordt dus gelijkmatiger verdeeld.</p>
<p><span id="more-323"></span></p>
<div class="wp-caption alignright" style="width: 262px"><a href="http://portfolio.sebastian-conijn.nl/wp-content/uploads/overig/ticketsysteem/pagina_overzicht.jpg" rel="lightbox-323"><img class=" " title="Pagina overzicht" src="http://portfolio.sebastian-conijn.nl/wp-content/uploads/overig/ticketsysteem/pagina_overzicht.jpg" alt="Pagina overzicht" width="252" height="252" /></a><p class="wp-caption-text">Pagina overzicht (klik voor uitvergroting)</p></div>
<p>Omdat het &#8220;oude&#8221; systeem niet goed werd gebruikt heb ik de taak gekregen een nieuw ticketsysteem te maken. Hiermee heb ik een lijstje gemaakt met de belangrijkste functionaliteiten.</p>
<ol>
<li>Historie van tickets/opdrachten/klantcontact van een klant kunnen inzien.</li>
<li>Welke medewerker er bezig is geweest met een ticket/opdracht of contact heeft opgenomen met de klant.</li>
<li>Overzicht genereren over openstaande tickets/opdrachten/vragen van klanten.</li>
</ol>
<p>Voordat ik tot deze 3 belangrijke functionaliteiten kwam heb ik eerst de processen overzichtelijk gemaakt.</p>
<h2>Dashboard</h2>
<p>Zoals hieronder te zien is, is de startpagina de pagina die alle belangrijke functies heeft. Je kan een ticket aanmaken, een klant zoeken op naam of domeinnaam, je laatst behandelde ticket bekijken en een overzicht van het aantal tickets dat nog open staan. Omdat iedere medewerker andere prioriteiten heeft kan iedereen zijn eigen pagina indelen. De blokken zijn verplaatsbaar en kunnen van kleur veranderd worden. Zo kan iedereen z&#8217;n eigen pagina indelen!<br />
Hieronder in de slider staan verschillende screenshots die deze functionaliteiten op de startpagina weergeven!</p>
<p>&nbsp;</p>

		<div class='et-image-slider' id='et-image-slider509'>
			<div class='et-image-slides'>
				<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=http://portfolio.sebastian-conijn.nl/wp-content/uploads/overig/ticketsysteem/ticketsysteem_overview.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>

		<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=http://portfolio.sebastian-conijn.nl/wp-content/uploads/overig/ticketsysteem/ticketsysteem_dashboard-detail.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>

		<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=http://portfolio.sebastian-conijn.nl/wp-content/uploads/overig/ticketsysteem/ticketsysteem_dashboard-detail2.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>

		<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=http://portfolio.sebastian-conijn.nl/wp-content/uploads/overig/ticketsysteem/ticketsysteem_dashboard-detail3.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>
			</div>
			
			<div class='et-image-shadow'></div>
			<div class='et-image-shadowleft'></div>
			<div class='et-image-shadowright'></div>
		</div> <!-- .et-image-slider -->
		<script type='text/javascript'>
			
				 jQuery('#et-image-slider509 .et-image-slides').et_shortcodes_switcher({sliderType: 'images', auto: false, autoSpeed: '5000',useArrows: true, fx: 'fade', arrowLeft: '#et-image-slider509 a.left-arrow', arrowRight: '#et-image-slider509 a.right-arrow', linksNav: '#et-image-slider509 .controllers a.switch',findParent: false, lengthElement: 'a.switch'});
			
		</script>
<h2>Tickets</h2>
<p>Tickets kunnen door medewerkers worden aangemaakt maar kunnen ook gemaild worden naar een speciaal e-mailadres. Alle e-mailtjes die daar naartoe worden gestuurd komen automatisch in het ticketsysteem. Afhankelijk of er gegevens zijn van de afzender worden deze direct onder de juiste klant gehangen. Zo niet worden ze afgevangen in een mailbox en zijn ze met enkele muisklikken onder de juiste klant te plaatsen. Vanuit een de ticket-view is het mogelijk direct de volledige klant of domein gegevens in te zien. Omdat er verschillende specialiteiten zijn kan het voorkomen dat verschillende medewerkers met de ticket in aanraking komen. Dit wordt allemaal bijgehouden in een logboek dat is te zien in de ticket-view. Elke kleur staat voor een andere functie. Wit/grijs is voor binnenkomende berichten, blauw is voor een interne actie, geel is voor een interne notitie en groen is voor uitgaande e-mail. Hieronder in de slider zijn de functionaliteiten van een ticket te bekijken.</p>

		<div class='et-image-slider' id='et-image-slider968'>
			<div class='et-image-slides'>
				<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=http://portfolio.sebastian-conijn.nl/wp-content/uploads/overig/ticketsysteem/ticketsysteem_ticket-overview.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>

		<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=http://portfolio.sebastian-conijn.nl/wp-content/uploads/overig/ticketsysteem/ticketsysteem_ticket-detail1.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>

		<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=http://portfolio.sebastian-conijn.nl/wp-content/uploads/overig/ticketsysteem/ticketsysteem_ticket-detail2.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>

		<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=http://portfolio.sebastian-conijn.nl/wp-content/uploads/overig/ticketsysteem/ticketsysteem_ticket-detail3.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>
			</div>
			
			<div class='et-image-shadow'></div>
			<div class='et-image-shadowleft'></div>
			<div class='et-image-shadowright'></div>
		</div> <!-- .et-image-slider -->
		<script type='text/javascript'>
			
				 jQuery('#et-image-slider968 .et-image-slides').et_shortcodes_switcher({sliderType: 'images', auto: false, autoSpeed: '5000',useArrows: true, fx: 'fade', arrowLeft: '#et-image-slider968 a.left-arrow', arrowRight: '#et-image-slider968 a.right-arrow', linksNav: '#et-image-slider968 .controllers a.switch',findParent: false, lengthElement: 'a.switch'});
			
		</script>
<p>&nbsp;</p>
<p>Het ticketsysteem is nog veel uitgebreider dan ik hierboven heb beschreven, dit systeem is volledig opmaat gemaakt voor Let&#8217;s build IT.nl en kan helaas niet worden gebruikt/gekocht voor eigen gebruik. Voor uw eigen opmaat gemaakte systeem verwijs ik u graag door naar <a title="Webdesignbureau Let's build IT.nl" href="http://www.letsbuildit.nl" target="_blank">Let&#8217;s build IT.nl</a> zelf!</p>
]]></content:encoded>
			<wfw:commentRss>http://portfolio.sebastian-conijn.nl/2010/02/ticketsysteem/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Interaction Design</title>
		<link>http://portfolio.sebastian-conijn.nl/2010/01/interaction-design/</link>
		<comments>http://portfolio.sebastian-conijn.nl/2010/01/interaction-design/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 10:55:52 +0000</pubDate>
		<dc:creator>Sebastian</dc:creator>
				<category><![CDATA[Overige apps]]></category>
		<category><![CDATA[Slider]]></category>

		<guid isPermaLink="false">http://mi8.nl/?p=67</guid>
		<description><![CDATA[De opdracht voor UPC is niet in opdracht van UPC maar een opdracht van de studie Interactieve Media aan de Hogeschool van Amsterdam. De case was een herdesign van de UPC Mediabox. Eén van de problemen die ik samen met mijn team heb gevonden is de navigatiestructuur. We concludeerde dat mensen snel de weg kwijt [...]]]></description>
			<content:encoded><![CDATA[<p>De opdracht voor UPC is niet in opdracht van UPC maar een opdracht van de studie Interactieve Media aan de Hogeschool van Amsterdam. De case was een herdesign van de UPC Mediabox. Eén van de problemen die ik samen met mijn team heb gevonden is de navigatiestructuur. We concludeerde dat mensen snel de weg kwijt raakte en niet wisten hoe ze verder of terug moesten navigeren. We hebben dit opgelost door te zweven over verschillende pagina&#8217;s.<span id="more-67"></span></p>
<div id="attachment_70" class="wp-caption alignright" style="width: 360px"><img class="size-full wp-image-70" title="interactiondesign2" src="http://mi8.nl/wp-content/uploads/2010/02/interactiondesign2.jpg" alt="Animatie" width="350" height="250" /><p class="wp-caption-text">Animatie</p></div>
<p>Kies je bijvoorbeeld voor televisie, ga je naar boven, voor de gebruiker is dus direct het gevoel dat hij naar beneden terug kan. Technisch zit dit natuurlijk anders in elkaar.</p>
<p>Samen met mijn teamgenoot hebben we ook geconstateerd dat je voor navigeren met een afstandbediening altijd een &#8220;bevestigen&#8221; knop nodig hebt. Wij vonden dit overbodig, continu een bevestiging vragen of je zeker weet dat je naar televisie wilt. Wij hebben gezorgd dat je altijd keuze hebt uit 4 mogelijkheden. Waardoor je dus de pijltjes toetsen kan gebruiken en niet meer de &#8220;OK&#8221; button om te bevestigen, dat kost tenslotte extra tijd en een extra klik.</p>
<div id="attachment_71" class="wp-caption alignright" style="width: 360px"><img class="size-full wp-image-71" title="interactiondesign3" src="http://mi8.nl/wp-content/uploads/2010/02/interactiondesign3.jpg" alt="Keywords" width="350" height="250" /><p class="wp-caption-text">Keywords</p></div>
<p>Voor een nieuw interface hebben wij ook gekozen om accounts toe te voegen aan het systeem. Hierdoor kunnen meerdere mensen hun eigen favorieten instellen.</p>
<p>Waarom altijd de tvgids in de gaten houden voor je favoriete programma als dat ook automatisch voor je kan worden gedaan?</p>
<p>Daarom introduceerde wij de keywords. Hier kan je woorden toevoegen van bijvoorbeeld je favoriete programma of karakter. Denk bijvoorbeeld aan James Bond! Als er dan een film van de spion voorbij komt zal deze automatisch worden geplaatst in je herinneringen en worden getoond op de startpagina.</p>
<div id="attachment_69" class="wp-caption alignright" style="width: 360px"><img class="size-full wp-image-69" title="interactiondesign4" src="http://mi8.nl/wp-content/uploads/2010/02/interactiondesign4.jpg" alt="Herinneringen" width="350" height="250" /><p class="wp-caption-text">Herinneringen</p></div>
<p>Mocht je nu geen tijd hebben om het te kijken, of je bent het vergeten te kijken, zijn herinneringen daarom het terug te kijken. Nooit meer je favoriete programma missen omdat je bijvoorbeeld een feestje hebt en dat allemaal onder jouw account!</p>
<p>Voor dit project heb samen met <a title="Portfolio Roland van Paridon" href="http://www.rolandvparidon.nl/" target="_blank">Roland van Paridon</a> een 9.7 gehaald. Een <strong></strong><strong><a title="Demo UPC Mediabox" href="http://mi8.nl/materiaal/interaction-design/demo-upc-mediabox.swf" target="_blank">demo</a> </strong>kan worden bekeken hiervoor is echter wel Flash ondersteunig voor nodig. <strong></strong><strong><a title="Uitgebreide documentatie UPC Mediabox" href="http://mi8.nl/materiaal/interaction-design/uitgebreide-documentatie.pdf" target="_blank">Documentatie</a></strong> over dit project is ook beschikbaar.<strong><br />
</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://portfolio.sebastian-conijn.nl/2010/01/interaction-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SebastianConijn.nl</title>
		<link>http://portfolio.sebastian-conijn.nl/2009/03/sebastianconijn-nl/</link>
		<comments>http://portfolio.sebastian-conijn.nl/2009/03/sebastianconijn-nl/#comments</comments>
		<pubDate>Sat, 14 Mar 2009 16:19:28 +0000</pubDate>
		<dc:creator>Sebastian</dc:creator>
				<category><![CDATA[Slider]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://mi8.nl/?p=166</guid>
		<description><![CDATA[In 2009 maakte ik voor het eerste jaar op de Hogeschool van Amsterdam een portfolio. Ik wilde echter iets anders dan vlakken en het gebruikelijke! Ik besloot een Flash website te maken. Flash hield in die tijd in dat er meer animatie mogelijk is. Met de website was bijna alles aanklikbaar! Verder heb ik als [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">In 2009 maakte ik voor het eerste jaar op de Hogeschool van Amsterdam een portfolio. Ik wilde echter iets anders dan vlakken en het gebruikelijke! Ik besloot een Flash website te maken. Flash hield in die tijd in dat er meer animatie mogelijk is. Met de website was bijna alles aanklikbaar! Verder heb ik als inspiratie Walt Disney gebruikt. Een quote van hem is “Of all of our inventions for mass communication, pictures still speak the most universally understood language.”. Wat hem is gelukt met zijn cartoons en zijn Disneyland parken heb ik geprobeerd mee te nemen in mijn eigen website. Het moet een vrolijke en aanklikbare maar vooral niet standaard website worden.</p>
<p style="text-align: left;"><strong> </strong><span id="more-166"></span></p>
<div id="attachment_167" class="wp-caption aligncenter" style="width: 510px"><a href="http://mi8.nl/wp-content/uploads/2010/02/ontwerp_persoonlijkewebsite.jpg" rel="lightbox-166"><img class="size-medium wp-image-167" title="ontwerp_persoonlijkewebsite" src="http://mi8.nl/wp-content/uploads/2010/02/ontwerp_persoonlijkewebsite-500x268.jpg" alt="" width="500" height="268" /></a><p class="wp-caption-text">Klik op de afbeelding voor een uitvergroting!</p></div>
<p>Alle objecten die te zien zijn in de collage zijn plaatsen of voorwerpen waar ik geweest heb of heb gebruikt. Zo is hier de Eiffeltoren te zien, wat aanduid dat ik in Parijs ben geweest, hetzelfde geldt voor de Thaise tempel en de Vrijheidsbeeld. Bijna al deze objecten zijn aanklikbaar en starten een animatie. Zo kan je het &#8220;Welcome to Fabulous Las Vegas&#8221; bijvoorbeeld uitklikken. Kan je de Eiffeltoren verlichten en bijvoorbeeld de fakel van het vrijheidsbeeld aansteken. In het ontwikkelen van deze website heeft veel vrije tijd gezeten, daardoor blijft het iets waar ik nog steeds trots op ben.</p>
<p>De website draait nog steeds en is te bereiken via: <a title="Website van Sebastian Conijn" href="http://www.sebastianconijn.nl" target="_blank">www.sebastianconijn.nl</a></p>

		<div class='et-image-slider' id='et-image-slider137'>
			<div class='et-image-slides'>
				<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=/wp-content/uploads/overig/sebastianconijn/sebastianconijn_laden.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>

		<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=/wp-content/uploads/overig/sebastianconijn/sebastianconijn_muziek.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>

		<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=/wp-content/uploads/overig/sebastianconijn/sebastianconijn_zeppelin.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>

		<div class='et-image' style='background: url(http://portfolio.sebastian-conijn.nl/wp-content/themes/SimplePress/timthumb.php?src=/wp-content/uploads/overig/sebastianconijn/sebastianconijn_hartjes.jpg&amp;w=600&amp;h=400&amp;zc=1) no-repeat; width: 600px; height: 400px;'><span class='et-image-overlay'> </span></div>
			</div>
			
			<div class='et-image-shadow'></div>
			<div class='et-image-shadowleft'></div>
			<div class='et-image-shadowright'></div>
		</div> <!-- .et-image-slider -->
		<script type='text/javascript'>
			
				 jQuery('#et-image-slider137 .et-image-slides').et_shortcodes_switcher({sliderType: 'images', auto: false, autoSpeed: '5000',useArrows: true, fx: 'fade', arrowLeft: '#et-image-slider137 a.left-arrow', arrowRight: '#et-image-slider137 a.right-arrow', linksNav: '#et-image-slider137 .controllers a.switch',findParent: false, lengthElement: 'a.switch'});
			
		</script>
]]></content:encoded>
			<wfw:commentRss>http://portfolio.sebastian-conijn.nl/2009/03/sebastianconijn-nl/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/


Served from: portfolio.sebastian-conijn.nl @ 2012-02-23 02:12:33 -->
