<?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/"
	>

<channel>
	<title>Inventis</title>
	<atom:link href="http://www.inventisstage.be/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.inventisstage.be</link>
	<description>Stage Projects</description>
	<pubDate>Mon, 14 May 2012 14:54:09 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Week 9</title>
		<link>http://www.inventisstage.be/2012/05/week-9/</link>
		<comments>http://www.inventisstage.be/2012/05/week-9/#comments</comments>
		<pubDate>Fri, 11 May 2012 13:16:20 +0000</pubDate>
		<dc:creator>Wim Wuytens</dc:creator>
		
		<category><![CDATA[Front-end & WebDesign]]></category>

		<category><![CDATA[css]]></category>

		<category><![CDATA[Jquery]]></category>

		<category><![CDATA[LESS]]></category>

		<category><![CDATA[slicen]]></category>

		<category><![CDATA[week 9]]></category>

		<guid isPermaLink="false">http://www.inventisstage.be/?p=2550</guid>
		<description><![CDATA[Wat een heftige week hebben we ondertussen weer achter de rug! Het was werkelijk een race tegen de tijd, met de oplijsting van de laatste to-do&#8217;s vorige week. Sommige onderdelen van het lijstje gingen goed vooruit en waren zelfs vlot voor de ingeschatte tijd afgewerkt. Andere onderdelen waren dan weer erg tijdsrovend en gingen ver [...]]]></description>
			<content:encoded><![CDATA[<p>Wat een heftige week hebben we ondertussen weer achter de rug! Het was werkelijk een race tegen de tijd, met de oplijsting van de laatste to-do&#8217;s vorige week. Sommige onderdelen van het lijstje gingen goed vooruit en waren zelfs vlot voor de ingeschatte tijd afgewerkt. Andere onderdelen waren dan weer erg tijdsrovend en gingen ver over de ingeschatte tijd. Het inschatten van zulke taken staat nog niet volledig op punt, maar dit vergt dan ook deels praktijkervaring.</p>
<p>Deze week heeft het werken met jQuery een groot aandeel in het uitlopen van de planning. Dit is dan ook volledig aan mezelf te wijten, want hier merkte ik toch een behoorlijk gebrek aan kennis op. Van een front-end developer durft men weleens te zeggen dat ze lui zijn omdat ze steeds met kant en klare plugins werken en integreren in hun projecten. Wel, hier bij Inventis is dat dus allesbehalve het geval. Hier begint men steeds &#8216;from scratch&#8217;; iedere regel code wordt zelf uitgeschreven en is dus bijgevolg compacter in code en bestandsgrootte. Persoonlijk ging ik ook veeleer aan de slag met plugins en bewerkte ik deze tot ze deden wat ik ervan verlangde. Vanaf &#8216;0&#8242; je code opbouwen vergt uiteraard een grondigere kennis en een logische manier van denken/uitwerken. Dit is dus een behoorlijk werkpunt naar de toekomst toe!</p>
<p>Per slot van rekening hebben we nog nipt voor het einde van de week de homepagina kunnen afwerken, tot het niveau waar ik het wou hebben. Volgende week maandag zal deze door <a href="https://twitter.com/#!/tomclaus" target="_blank">Tom</a> en <a href="https://twitter.com/#!/bartvdb" target="_blank">Bart</a> tot in de kleinste details bekeken worden.. Een spannend moment dus! Volgende week is het trouwens ook maar een erg korte week (Hemelvaart) waardoor we er extra stevig in moeten vliegen!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.inventisstage.be/2012/05/week-9/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Week 8: Nog steeds slicen???</title>
		<link>http://www.inventisstage.be/2012/05/week-8-nog-steeds-slicen/</link>
		<comments>http://www.inventisstage.be/2012/05/week-8-nog-steeds-slicen/#comments</comments>
		<pubDate>Fri, 04 May 2012 13:06:25 +0000</pubDate>
		<dc:creator>Wim Wuytens</dc:creator>
		
		<category><![CDATA[Front-end & WebDesign]]></category>

		<category><![CDATA[css]]></category>

		<category><![CDATA[front-end]]></category>

		<category><![CDATA[LESS]]></category>

		<category><![CDATA[slicen]]></category>

		<category><![CDATA[week 8]]></category>

		<guid isPermaLink="false">http://www.inventisstage.be/?p=2541</guid>
		<description><![CDATA[Hoe lang kan men aan een pagina slicen?!  Wel, als je een korte week hebt, en je tijdens het werk enkele foutjes tegenkomt waar je niet meteen een antwoord op weet, dan kan je er best wel een tijdje over doen!
Daarom is er deze week niet al te veel vordering geboekt om over te bloggen, [...]]]></description>
			<content:encoded><![CDATA[<p>Hoe lang kan men aan een pagina slicen?!  Wel, als je een korte week hebt, en je tijdens het werk enkele foutjes tegenkomt waar je niet meteen een antwoord op weet, dan kan je er best wel een tijdje over doen!</p>
<p>Daarom is er deze week niet al te veel vordering geboekt om over te bloggen, maar is het eerder een geval van fouten opsporen en de plooien gladstrijken&#8230; Ook de feedback-sessie met Tom was weer uiterst leerrijk en hij heeft me, waar nodig, weten bij te sturen. De laatste &#8216;To-do&#8217;s&#8217; zijn intussen ook opgelijst, zodat er een duidelijk overzicht is van de (laatste) taken die nog dienen te gebeuren en de tijdspanne die ik er voor nodig heb.</p>
<p>Belangrijk?? Jazeker! Want time-management is een onmisbare schakel bij de werking van een bedrijf, dus ook hier. Iedere werknemer dient zijn werk en soms zelfs dat van zijn teammate(s) te kunnen inschatten om zo deadlines te kunnen zetten en ook om naadloos over te kunnen gaan tot de volgende projecten.</p>
<p>Persoonlijk vond ik het vrij moeilijk om voor bepaalde taken in te schatten hoeveel tijd ik er voor nodig heb, maar door deze verder onder te verdelen kreeg ik er toch een beter zicht op. Bovendien is het ook vrij confronterend om de tijdspanne die je DENKT er aan te werken en de tijdspanne die je er effectief aan WERKT naast elkaar te leggen. Zo heb ik intussen al heel wat uurtjes gesleten met slicen, maar kom nu tot de conclusie dat het hebben van een to-do lijst niet enkel je taken omschrijft maar ook als streefdoel kan dienen! Terwijl ik voorheen hier en daar toch behoorlijk wat tempoverlies heb geleden.</p>
<p>In die periode was het misschien niet zo erg om wat te wroeten in moeilijke of nieuwe materie, maar nu krijg ik toch stilaan het gevoel dat &#8216;onnodig&#8217; tijdverlies het afronden van mijn stageproject behoorlijk in het gedrang kan brengen! Daarom gaan we dit weekend de batterijen volledig opladen om volgende week er terug stevig in te vliegen!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.inventisstage.be/2012/05/week-8-nog-steeds-slicen/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Week 7: slicing</title>
		<link>http://www.inventisstage.be/2012/04/week-7-slicing/</link>
		<comments>http://www.inventisstage.be/2012/04/week-7-slicing/#comments</comments>
		<pubDate>Fri, 27 Apr 2012 14:06:28 +0000</pubDate>
		<dc:creator>Wim Wuytens</dc:creator>
		
		<category><![CDATA[Front-end & WebDesign]]></category>

		<guid isPermaLink="false">http://www.inventisstage.be/?p=2533</guid>
		<description><![CDATA[Deze werkweek ben ik non-stop bezig geweest met het slicen van de homepage. Met vallen en opstaan weliswaar, want niet alles ging van een leien dakje! De basis werd behoorlijk snel opgemaakt in html en css, doordat het meeste (design)werk pas binnen de rijen en kolommen gedaan wordt. Maar zover zijn we dus nog niet&#8230;
We [...]]]></description>
			<content:encoded><![CDATA[<p>Deze werkweek ben ik non-stop bezig geweest met het slicen van de homepage. Met vallen en opstaan weliswaar, want niet alles ging van een leien dakje! De basis werd behoorlijk snel opgemaakt in html en css, doordat het meeste (design)werk pas binnen de rijen en kolommen gedaan wordt. Maar zover zijn we dus nog niet&#8230;</p>
<p>We starten het slicen, rij per rij, bovenaan de pagina in het allerkleinste schermformaat. (Mobile first!)  Daar komen we al meteen de lichtblauwe overgang tegen op de achtergrond en vanaf de ipad schermresolutie komt er ook een subtiel blauw lijntje bij, net zoals de Inventis website dat heeft. Wat dit betreft heb ik van <a href="http://twitter.com/#!/tomclaus" target="_blank">Tom</a> weer wat extra CSS3-info mogen verschaffen.</p>
<p>Vervolgens komen we aan de navigatie toe; iets waar ik met het werken in Bootstrap al achterkwam hoe ingewikkeld een (correct) horizontaal gecentreerde menu wel niet kan zijn. Bij de opmaak hiervan heeft Tom me ook met pseudo-elementen leren werken. Daarmee kan je een grafisch element aan desbetreffende selector(s) toevoegen. Eens dit op punt stond diende zich terug wat opruimwerk in de code op. Enkel voor de navigatie had ik al tal van elementen benoemd en omschreven die dan na bewerking niet verwijderd werden, waardoor de lijnen code zich serieus opstapelden. LESS maakt het net interessant om met behulp van Mixins en Variabelen je code overzichtelijk, kort en bondig neer te schrijven&#8230; Dus ook dit werd optimaal benut en de lijnen met code werden aanzienlijk ingekort!</p>
<p>Volgende week gaan we verder met de volgende rij in het ontwerp, wat de &#8216;projecten&#8217;-balk zal zijn. <a href="http://twitter.com/#!/stijnj" target="_blank">Stijn</a> heeft me al getoond hoe ze hier bij Inventis omgaan met het gebruik van responsive images, want dit wordt op diverse manieren toegepast, maar ik was erg benieuwd aan wat ze hier intern de voorkeur aan gaven en waarom. Aangezien de laadtijden van de pagina erg belangrijk zijn, voornamelijk voor mobile, moeten de afbeeldingen geoptimaliseerd zijn voor desbetreffende schermresoluties. Maar volgende week meer hierover, als we ons pas écht verdiept hebben in deze materie!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.inventisstage.be/2012/04/week-7-slicing/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Week 6: Halfway there&#8230;</title>
		<link>http://www.inventisstage.be/2012/04/week-6-halfway-there-2/</link>
		<comments>http://www.inventisstage.be/2012/04/week-6-halfway-there-2/#comments</comments>
		<pubDate>Fri, 20 Apr 2012 12:57:48 +0000</pubDate>
		<dc:creator>Wim Wuytens</dc:creator>
		
		<category><![CDATA[Front-end & WebDesign]]></category>

		<category><![CDATA[css]]></category>

		<category><![CDATA[Design]]></category>

		<category><![CDATA[grafische uitwerking]]></category>

		<category><![CDATA[grid]]></category>

		<category><![CDATA[LESS]]></category>

		<category><![CDATA[Responsive]]></category>

		<category><![CDATA[slicen]]></category>

		<category><![CDATA[week 6]]></category>

		<guid isPermaLink="false">http://www.inventisstage.be/?p=2531</guid>
		<description><![CDATA[Week 6 zit er weer (zo goed als) op en ik ben nu halfweg mijn stagetraject. Een fase die me een beetje gemengde gevoelens oplevert. Aan de ene kant ben ik wat teleurgesteld dat het hele stagegebeuren zo snel aan mij voorbij gaat en dat de komende 6 weken waarschijnlijk aan even hoog tempo zullen omvliegen. Aan [...]]]></description>
			<content:encoded><![CDATA[<p>Week 6 zit er weer (zo goed als) op en ik ben nu halfweg mijn stagetraject. Een fase die me een beetje gemengde gevoelens oplevert. Aan de ene kant ben ik wat teleurgesteld dat het hele stagegebeuren zo snel aan mij voorbij gaat en dat de komende 6 weken waarschijnlijk aan even hoog tempo zullen omvliegen. Aan de andere kant ben ik reuzeblij dat ik weer aan een volgende grote stap binnen mijn project ben toegekomen.</p>
<p>Het heeft even geduurd vooraleer de eerste stappen werden afgerond, maar het diende dan ook tot in het kleinste detail goed te zitten. Iets waar Inventis als &#8216;klant&#8217; met een enorme know-how je zeker op de vingers weet te tikken als er ergens iets niet goed zat. En terecht, want voor iedere klant hoort je product tot in het kleinste detail doordacht en uitgewerkt te zijn!</p>
<h2>Designs</h2>
<p>Na goedkeuring van de homepagina begin deze week, waren ook de overige pagina&#8217;s aan een design toe. Een proces waar ik 3x langer over heb gedaan dan de designers bij Inventis. Misschien geen al te best signaal over mijn snelheid van werken, maar ook bij deze ontwerpen wou ik voornamelijk dat het goed zat. Dat de look &amp; feel naadloos zou aansluiten bij de hoofd-website. Bij nazicht van mijn ontwerpen door de designers bleek de extra inzet zeker niet voor niets, want ik kon vrijwel meteen de volgende fase aanvatten.</p>
<h2>Slicing</h2>
<p>Eens de designs van alle pagina&#8217;s goedgekeurd zijn door de klant, kan je van start met de designs in HTML en CSS te gieten. Iets waar begeleider <a href="http://twitter.com/#!/tomclaus" target="_blank">Tom</a> heer en meester in is. Hij zal dit proces dan ook dagelijks op de voet volgen. Doordat de website responsive zal worden moet deze op een degelijk grid komen te staan.</p>
<p>Tijdens de 3e week heb ik het wireframe op bootstrap uitgewerkt, maar dit gaf niet altijd het gewenste resultaat. Het was echter een zéér goede inleiding tot het werken met een responsive grid, maar voor de definitieve uitwerking ga ik trachten met een eigen grid aan het werk te gaan.</p>
<p>Ook heeft Tom me kennis laten maken met de <a href="https://github.com/Inventis/styleguide" target="_blank">Inventis Styleguide</a>. Een zelfgeschreven handleiding die de front-end developers toepassen bij de aanvang van een nieuw project. Dit was weer eventjes uitzoeken welke functie ieder onderdeeltje had, maar dit is zeker een efficiënte aanzet bij elk nieuw project!</p>
<p>Volgende week gaan we uiteraard verder met het uitwerken van die eerste pagina en zullen we gaandeweg weer veel nieuwe dingen bijleren!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.inventisstage.be/2012/04/week-6-halfway-there-2/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Week 5: Verder kijken dan je neus lang is!</title>
		<link>http://www.inventisstage.be/2012/04/week-5-verder-kijken-dan-de-neus-lang-is/</link>
		<comments>http://www.inventisstage.be/2012/04/week-5-verder-kijken-dan-de-neus-lang-is/#comments</comments>
		<pubDate>Fri, 13 Apr 2012 09:05:27 +0000</pubDate>
		<dc:creator>Wim Wuytens</dc:creator>
		
		<category><![CDATA[Front-end & WebDesign]]></category>

		<category><![CDATA[Design]]></category>

		<category><![CDATA[inventisstage]]></category>

		<category><![CDATA[week 5]]></category>

		<guid isPermaLink="false">http://www.inventisstage.be/?p=2499</guid>
		<description><![CDATA[En we zijn alweer bij het einde van week 5 aanbeland en dankzij paasmaandag was het al een kortere week, die bijgevolg nóg sneller voorbij vloog. Ik baal al bij de gedachte dat week 6 eraan komt en dat we met de stage (jammer genoeg) al halfweg zijn. Maar vooraleer het zover is toch nog [...]]]></description>
			<content:encoded><![CDATA[<p>En we zijn alweer bij het einde van week 5 aanbeland en dankzij paasmaandag was het al een kortere week, die bijgevolg nóg sneller voorbij vloog. Ik baal al bij de gedachte dat week 6 eraan komt en dat we met de stage (jammer genoeg) al halfweg zijn. Maar vooraleer het zover is toch nog de ervaringen van de voorbije 4 dagen op een rijtje zetten!</p>
<p>Dat de werkweek een dagje minder telde viel wel meteen op, want er is deze week énorm stevig gewerkt bij Inventis. Het team is van mijn point-of-view zeer gefocust en gedreven bezig geweest aan de projecten. Bovendien hadden ze zelf op woensdag heel belangrijk nieuws mee te delen door de lancering van hun gloednieuwe website. Volledig aangepast naar de nieuwste technieken en standaarden gecombineerd met een strak, eigentijds design zijn ze er weer in geslaagd een pareltje toe te voegen aan het internet-landschap!</p>
<h2>Back to work!</h2>
<p>Met de lancering van de nieuwe website is het voor mij gemakkelijker om er naar te verwijzen bij deze blogpost. Mijn project bestaat er dus in om een neven-website van het bedrijf, inventisstage.be, vorm te geven en uit te werken. Een professionele uitstraling en optische verwantschap met de nieuwe (hoofd)website  is, vanzelfsprekend, een belangrijke vereiste!</p>
<p>Na het maken van enkele schetsen, om aan het design toe te voegen, heb ik deze ingescand op kantoor en toegevoegd aan de template. Op deze manier kon ik in een vroeg stadium al feedback vragen en wist ik of ik de juiste richting zat. Uiteindelijk kwam ik zelf, door er wat langer aan te werken, tot de conclusie dat die eerste ideeën zeker niet de beste waren. Dit bleek ook uit de feedback, want er diende meer consistentie met de andere website te zijn. <a href="http://twitter.com/#!/bartvdb" target="_blank">Bart</a> hielp me op weg met het gebruik van de juiste lettertypes en groottes voor de titels, wat op zich al veel verbetering met zich meebracht.</p>
<p>Verder opteerde ik voor het weergeven van de stageprojecten ipv. een tekening met betrekking tot het doelpubliek. Als ze in een oogopslag zien wat hun voorgangers gecreëerd hebben, kunnen ze zich sneller een beeld vormen van wat hen in het verschiet ligt. Daarom kreeg dit mijn persoonlijke voorkeur boven enkele schetsen die misschien iets té speels waren.</p>
<h2>Feedback is essentieel!</h2>
<p>Ondertussen zijn we al donderdag vooraleer ik alle wijzigingen had doorgevoerd en opnieuw feedback kon vragen. De bijsturingen van Bart waren dus erg belangrijk in deze fase. Op donderdag kon hij me wegens ziekte niet bijstaan, waarop lead-designer <a href="http://twitter.com/#!/jente" target="_blank">Jente</a> het ontwerp eens onder de loep nam en me verdere aanwijzingen gaf. De meest cruciale wijziging om mijn tot nu toe brave en ietwat &#8217;saaie&#8217; ontwerp de nodige verfrissing te bezorgen én meer consistentie met <a href="http://www.inventis.be" target="_blank">inventis.be</a> te geven.</p>
<p>Voor het ontwerp ben ik gestart met een eerste pagina, nl. de homepage. En om deze &#8217;samenhorend&#8217; te krijgen met de hoofd-website heb ik mijn inspiratie ook bij deze homepagina gehaald, terwijl er ook veel mooie stijlelementen in deze website verwerkt zitten op de andere pagina&#8217;s. Iets waar ik tot op heden weinig tot geen aandacht aan had besteed en mezelf haast voor de kop kan slaan door daar geen gebruik van te maken! Ik moet, wat dit designproces betreft, verder kijken dan mijn neus lang is.</p>
<p>Ook bleef ik me maar vasthouden aan de opbouw van de tekstblokken, zoals ik ze initieel in mijn wireframe geschikt had. Terwijl dit net een van de te behandelen elementen bleek uit de feedback van Jente. En met resultaat, want door wat meer variatie te brengen verbetert het geheel zienderogen.</p>
<p>Nog een werkpuntje is het gebruik van witruimte, waar ik te gretig gebruik van maakte en dus nu herleid is tot een &#8216;gezondere&#8217; dosis. Iedere pixel, en in mijn geval vooral verticaal, is van belang, wordt optimaal benut en heeft zijn belangrijke rol binnen het geheel.<br />
Bij het gebruik van images en icons is het belangrijk dat ze zuiver tot op de pixel zijn en dus niet buiten proportie mogen gebruikt worden. Bij nazicht bleken mijn icons niet zo &#8216;zuiver&#8217; te zijn, waardoor ze ook aan vervanging toe waren.</p>
<p>Deze week komt de leerstof dus hoofdzakelijk uit de feedback van de designers en desondanks het van twee personen komt zijn ze van beiden heel bruikbaar en zitten ze erg goed op 1 lijn. Het design moet goed zitten naar gebruik van stijl-elementen, consistentie en op pixel-gebruik! Dat is feedback waar een mens wat mee kan!</p>
<p><img class="aligncenter size-full wp-image-2519" title="designs-evolutie1" src="http://www.inventisstage.be/wp-content/uploads/2012/04/designs-evolutie1.jpg" alt="designs-evolutie1" width="596" height="226" /></p>
<p style="text-align: center;"><span>(evolutie van enkele designs - Inventis stagewebsite)</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.inventisstage.be/2012/04/week-5-verder-kijken-dan-de-neus-lang-is/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Week 4: Responsive &amp; Design</title>
		<link>http://www.inventisstage.be/2012/04/week-4-responsive-design/</link>
		<comments>http://www.inventisstage.be/2012/04/week-4-responsive-design/#comments</comments>
		<pubDate>Fri, 06 Apr 2012 12:48:43 +0000</pubDate>
		<dc:creator>Wim Wuytens</dc:creator>
		
		<category><![CDATA[Front-end & WebDesign]]></category>

		<category><![CDATA[Design]]></category>

		<category><![CDATA[Responsive]]></category>

		<category><![CDATA[week 4]]></category>

		<guid isPermaLink="false">http://www.inventisstage.be/?p=2486</guid>
		<description><![CDATA[Week 4 is net zoals alle andere weken ontzettend voorbij gevlogen. Even opsommen wat we deze week binnen Inventis gedaan hebben.
Op maandag starten we de week terug vol goede moed en gaan we na de teamvergadering meteen over tot actie! Na het afwerken van de wireframes vorige week, diende het prototype ook eens volledig responsive [...]]]></description>
			<content:encoded><![CDATA[<p>Week 4 is net zoals alle andere weken ontzettend voorbij gevlogen. Even opsommen wat we deze week binnen Inventis gedaan hebben.</p>
<p>Op maandag starten we de week terug vol goede moed en gaan we na de teamvergadering meteen over tot actie! Na het afwerken van de wireframes <a href="http://www.inventisstage.be/2012/04/week-3-de-aanhouder-wint/" target="_blank">vorige week</a>, diende het prototype ook eens volledig responsive uitgewerkt te worden. Hetzelfde wat we in week 2 gedaan hebben, maar dan voor ALLE pagina&#8217;s. Ook wilde ik de code eens grondig herzien en de pagina&#8217;s als correct &#8216;html5&#8242; valideren, want hier en daar waren er toch wel wat foutjes ingeslopen&#8230;</p>
<p style="text-align: center;"><img class="size-large wp-image-2489 aligncenter" title="markup validation - html5" src="http://www.inventisstage.be/wp-content/uploads/2012/04/schermafbeelding-2012-04-06-om-1359141-1024x289.png" alt="markup validation - html5" width="574" height="162" /></p>
<p>Dit werkje heeft tot dinsdag nodig gehad om te vervolledigen, maar geeft nu toch al een goed idee hoe de pagina&#8217;s er op een bepaalde schermgrootte moeten uitzien. Opmerking en ondervinding hierbij is dat het voornamelijk een algemeen idee moet geven en dus niet teveel aandacht mag opeisen aan het stylen van de pagina&#8217;s. Iets waar ik voor zo&#8217;n prototype onbewust toch verder mee aan het gaan was dan nodig!</p>
<p>Op woensdag mocht ik aan de slag met het designen van de homepage. In grote lijnen kreeg ik vrij spel van Inventis als opdrachtgever, maar toch diende er een visuele samenhorigheid te zijn met hun corporate website, die ook in een nieuw (responsive) jasje werd gestoken. Uiteindelijk ligt hier ook de moeilijkheidsgraad, want de vele grafische kenmerken waar je je aan dient te houden zijn al vastgelegd, maar toch moet er een andere &#8216;look &amp; feel&#8217; voor deze website zijn. De eerste 3 designs zijn dan ook heel braafjes en sec binnen hun grafisch palet gebleven. Nog 2 andere designs werden lichtjes over een andere boeg gegooid en resulteerden dus in een geheel eigen template.</p>
<p>Bij nazicht van de verschillende ontwerpen werd het allereerste eruit gekozen om op verder te werken. Dit sloot het beste aan bij de hoofd website (<a href="http://www.inventis.be" target="_blank">inventis.be</a>) en had vooral grafisch de betere mogelijkheden om op verder te bouwen! Opmerkingen waren oa. de uitlijning van alle elementen en consistentie in gehele ontwerp! Opdat de website net dat tikkeltje beter kan worden door toevoeging van een grafisch element, heb ik donderdag en vrijdag wat inspiratie bijeengesprokkeld om vervolgens zelf enkele schetsen te maken&#8230;</p>
<p>Volgende week wil ik graag enkele voorstellen doen en ook wat feedback krijgen, dus ook dit weekend ga ik me enkele uurtjes mogen bezighouden met het maken van schetsen&#8230; &#8220;ALLES voor een goed ogend resultaat&#8221;, zeggen we dan! ;-)</p>
<p>Tot volgende week!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.inventisstage.be/2012/04/week-4-responsive-design/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Week 3: De aanhouder wint!</title>
		<link>http://www.inventisstage.be/2012/04/week-3-de-aanhouder-wint/</link>
		<comments>http://www.inventisstage.be/2012/04/week-3-de-aanhouder-wint/#comments</comments>
		<pubDate>Sun, 01 Apr 2012 11:02:35 +0000</pubDate>
		<dc:creator>Wim Wuytens</dc:creator>
		
		<category><![CDATA[Front-end & WebDesign]]></category>

		<category><![CDATA[week 3]]></category>

		<category><![CDATA[wireframe]]></category>

		<guid isPermaLink="false">http://www.inventisstage.be/?p=2474</guid>
		<description><![CDATA[We starten dit verslag niet op maandag, maar voor een keertje op zaterdag!
Jawel, zelfs op zaterdag gaan we aan de slag bij de stageplaats. Na een hele week gesloopt te worden door al dat (harde) werk bij Inventis, was het op zaterdag mijn beurt om Inventis te slopen.
Het is te zeggen&#8230; Het toekomstige kantoor in [...]]]></description>
			<content:encoded><![CDATA[<p>We starten dit verslag niet op maandag, maar voor een keertje op zaterdag!<br />
Jawel, zelfs op zaterdag gaan we aan de slag bij de stageplaats. Na een hele week gesloopt te worden door al dat (harde) werk bij Inventis, was het op zaterdag mijn beurt om Inventis te slopen.<br />
Het is te zeggen&#8230; Het toekomstige kantoor in Opglabbeek dan toch, want daar staan eerst nog heel wat verbouwingswerken op het programma v<em>ó</em><em>ó</em>r ze ernaartoe verhuizen.</p>
<p>Een groot deel van het personeel leverde die dag hun vertrouwde toetsenbord en muis in voor een zware hamer en een kruiwagen, want tijdens de voormiddag diende er een gigantische hoeveelheid gyproc en ytong-blokken in de containers te belanden. Op de middag werd de inzet van het team beloond met een uitgebreide barbecue in de achtertuin. En ja, dat is de 4e keer in slechts 2 weken dat ik me maar hoef bij te schuiven. Niet slecht, het leventje als stagiair! Na de middag stonden de plezantere zaken op het programma, nl. de afbraakwerken! Al bij al een leuk dagje en een unieke vorm van teambuilding. Deze dag is ook vastgelegd op beeld en valt <a href="http://www.flickr.com/photos/inventis/sets/72157629686274111/" target="_blank">hier te bekijken</a>!</p>
<h2>Week 3</h2>
<p>We vatten de week op kantoor terug aan waar we op vrijdag gebleven waren. De eerste pagina in een responsive design was nog voor het weekend afgewerkt, maar wou ik toch nog wat verfijnen. Het prototype werd aan bootstrap gekoppeld, waardoor er veel handelingen al voor je gedaan worden, maar op bepaalde &#8216;breekpunten&#8217; kreeg ik verschalingen die ik toch graag anders zag. Tijd om in de code te duiken dus&#8230;! Na alles op z&#8217;n plooi te hebben gekregen tegen dinsdagavond, was het stilaan tijd om te laten zien wat ik al had en waar er moest worden bijgestuurd. Dat gebeurde dan ook op woensdag met begeleiders <a href="http://twitter.com/#!/tomclaus" target="_blank">Tom</a> en <a href="http://twitter.com/#!/bartvdb" target="_blank">Bart</a>, onder het toeziend oog van <a href="http://twitter.com/#!/inventis" target="_blank">Jan</a> en <a href="http://twitter.com/#!/jente" target="_blank">Jente</a>. Een spannend moment, want ik merkte hoe alles in een stroomversnelling kwam eens er een kleine discussie/brainstormsessie volgde. Enkele foutjes en aanpassingen konden er zo worden uitgehaald, terwijl andere zaken door overleg mijn prototype aanzienlijk konden verbeteren!</p>
<p>Door nog enkele malen aanpassingen te maken en steeds in de juiste richting te worden gestuurd door <a href="http://twitter.com/#!/bartvdb" target="_blank">Bart</a> werd er uiteindelijk een stevig, doordacht prototype afgeleverd. Het is dus geen week geweest waar er bergen werk verzet is, maar waar er voornamelijk verfijning en een betere &#8216;UX&#8217; voor het prototype zijn doorgevoerd. Op zich ook een moeilijke stap, omdat dit een groot inlevingsvermogen vergt en dus niet in het wilde weg wat knopjes en teksten plaatsen is!</p>
<div id="attachment_2482" class="wp-caption aligncenter" style="width: 548px"><img class="size-full wp-image-2482 " title="tweet_bartvdb" src="http://www.inventisstage.be/wp-content/uploads/2012/04/schermafbeelding-2012-03-29-om-143447.png" alt="tweet_bartvdb" width="538" height="136" /><p class="wp-caption-text">( Een duwtje in de rug van @bartvdb )</p></div>
<p>Na een week doorzetten op dit specifieke domein lijkt je traject onverwachte wendingen te nemen, doordat de kennis en toegepaste technieken op de bedrijfsvloer die van op de schoolbanken toch aardig overstijgen. Je kan als student op momenten uit je lood geslagen zijn, omdat je studeert voor iets waar je bij nader inzien niet al te veel van lijkt te weten, of dat het in de praktijk gewoonweg anders wordt toegepast. Maar doorzetten brengt veel positieve elementen met zich mee, vandaar dat &#8220;de aanhouder wint&#8221;. Tot volgende week voor een nieuw verslag!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.inventisstage.be/2012/04/week-3-de-aanhouder-wint/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Week 2: Het stageproject!</title>
		<link>http://www.inventisstage.be/2012/03/week-2-het-stageproject/</link>
		<comments>http://www.inventisstage.be/2012/03/week-2-het-stageproject/#comments</comments>
		<pubDate>Fri, 23 Mar 2012 14:18:46 +0000</pubDate>
		<dc:creator>Wim Wuytens</dc:creator>
		
		<category><![CDATA[Front-end & WebDesign]]></category>

		<category><![CDATA[css]]></category>

		<category><![CDATA[front-end]]></category>

		<category><![CDATA[html5]]></category>

		<category><![CDATA[LESS]]></category>

		<category><![CDATA[monkeytalk]]></category>

		<category><![CDATA[week 2]]></category>

		<category><![CDATA[wireframe]]></category>

		<guid isPermaLink="false">http://www.inventisstage.be/?p=2465</guid>
		<description><![CDATA[Zo, de 2e week stage bij Inventis loopt stilaan op z&#8217;n einde. Hoog tijd dus om even de afgelopen week neer te typen en te evalueren.
Op het einde van vorige blogpost had ik al een tipje van de sluier kunnen oplichten, over het programma van deze week, nl. het stageproject!
Na de gebruikelijke designers-vergadering kreeg ik [...]]]></description>
			<content:encoded><![CDATA[<p>Zo, de 2e week stage bij Inventis loopt stilaan op z&#8217;n einde. Hoog tijd dus om even de afgelopen week neer te typen en te evalueren.</p>
<p>Op het einde van <a href="http://www.inventisstage.be/2012/03/week-1-the-kickoff/" target="_blank">vorige blogpost</a> had ik al een tipje van de sluier kunnen oplichten, over het programma van deze week, nl. het stageproject!<br />
Na de gebruikelijke designers-vergadering kreeg ik van <a href="http://twitter.com/#!/bartvdb" target="_blank">Bart</a> op maandagochtend de inleiding tot dit project, waar ik de bestaande inventisstage.be website onder handen zal mogen nemen! Het doel van deze website is om scholen en studenten op de hoogte te houden van het reilen en zeilen van de stagiair(e)s binnen Inventis.</p>
<p>Als webdesigner bestaat mijn eerste taak er in een degelijke informatie architectuur uit te werken en dit te vertalen naar een wireframe met werkend prototype. Dit model diende volledig responsive onderbouwd te zijn, d.w.z. dat de website toegankelijk en aanpasbaar moet zijn voor ieder medium, gaande van mobiel apparaat (gsm, tablet) tot desktop. Op zich vanzelfsprekend, omdat mobiel surfen in grote getale toeneemt en toekomstgericht je website dus meer (verschillende soorten) bezoekers toelaat. Maar als complete rookie binnen dit gegeven is er deze week een schat aan informatie op me af gekomen.</p>
<h2>Axure</h2>
<p>First things first! Om na te denken over de informatie structuur en de algemene opbouw van eender welke website kan het maken van een wireframe erg hulpvol zijn. Binnen Inventis werken ze met Axure en ik begrijp waarom. Deze tool laat je toe in een mum van tijd een basic, &#8216;werkend&#8217; ontwerp te maken van je idee. Dit is in de eerste fase al erg handig om naar je klant toe te stappen, want die ziet enkel de noodzakelijke gegevens en kan al klikkend door het gegenereerd ontwerp zijn weg zoeken. Zo kan je in de beginfase al een degelijke basis vormen voor het verdere project.</p>
<p>Voordien had ik al enkele malen geëxperimenteerd met Axure, maar met dit project had ik echt iets gericht, om uit te werken in het programma.</p>
<h2>LESS&#8217; do this!</h2>
<p>Na anderhalve dag had ik een vrij degelijk ontwerp en met de bijsturingen van <a href="http://twitter.com/#!/bartvdb" target="_blank">Bart</a> kwam het tot een waardig niveau, zodat de volgende fase van start kon gaan. Een eerste pagina mocht al eens worden omgezet in een responsive design met behulp van HTML5, CSS, LESS &amp; Bootstrap.</p>
<p>De twee eerst vernoemde talen waren me vrijwel bekend, maar met <a href="http://lesscss.org/#-client-side-usage" target="_blank">LESS</a> heb ik voorheen nooit gewerkt. Wat is dat dan eigenlijk?? Wel, LESS is een <span>dynamische techniek om bestaande CSS uit te breiden met variabelen, mixins, functies, … Op deze manier kan je veel terugkerende elementen bundelen in een class en deze op zijn beurt dan weer koppelen aan een andere class. Het vergt een andere manier van denken dan je gewend bent van CSS te schrijven, maar op lange termijn krijg je &#8216;more&#8217; gedaan met LESS!</span></p>
<p>Dit alles werd op een responsive grid geplaatst van <a href="http://twitter.github.com/bootstrap/" target="_blank">Twitter Bootstrap</a>. Met deze front-end toolkit kan je vrij snel een ontwerp omzetten naar een werkend prototype. Voor een beter inzicht in deze tools te krijgen heb ik wel enkele dagen mijn weg moeten zoeken en hier en daar eens tegen de lamp moeten lopen, maar het is het zeker waard!</p>
<h2>Monkeytalk</h2>
<p>Op donderdagnamiddag mocht ik met de designers mee op uitstap, naar de allereerste editie van <a href="http://monkeyshot.be/monkeytalk/" target="_blank">Monkeytalk</a> in Mechelen. Deze conferentie stond volledig in het teken van User Experience Design (UXD).<br />
Als je nu bezig bent met het maken van websites, mobile apps of andere vormen van interfaces dan is het toepassen van een goede UX meer dan nodig om de gebruiker op de juiste manier wegwijs te maken en de gewenste ervaring te bezorgen. Dit gaat en staat met een goed functionerend product.</p>
<p>De 5 talks gingen van het maken van (mobiele) prototypes tot het optimaal betrekken van jouw publiek en tot slot een speelse oefening met &#8216;brainstorm in a box&#8217;. Op zich eens leuk om te kijken hoe anderen deze processen aanpakken en doorlopen in de praktijk, maar in vergelijking met enkele modules op school leverde het weinig nieuwe of verrassende inzichten op. Toch was het voor een eerste event een zeer knappe organisatie en ga ik ook hun toekomstige conferenties in het oog houden.</p>
<p>Op vrijdag heb ik verder gewerkt aan mijn responsive design, wat op zich al stukken beter ging en waar ik meer grip kreeg op het gebruik van reeds genoemde technieken. De eerste basic pagina heb ik voor het weekend nog aan het werken gekregen!</p>
<p style="text-align: center;"><img class="size-full wp-image-2469 aligncenter" title="overzicht responsive designs - inventisstage.be" src="http://www.inventisstage.be/wp-content/uploads/2012/03/overview.jpg" alt="overzicht responsive designs - inventisstage.be" width="550" height="250" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.inventisstage.be/2012/03/week-2-het-stageproject/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Week 1: The kickoff!</title>
		<link>http://www.inventisstage.be/2012/03/week-1-the-kickoff/</link>
		<comments>http://www.inventisstage.be/2012/03/week-1-the-kickoff/#comments</comments>
		<pubDate>Fri, 16 Mar 2012 07:46:52 +0000</pubDate>
		<dc:creator>Wim Wuytens</dc:creator>
		
		<category><![CDATA[Front-end & WebDesign]]></category>

		<category><![CDATA[Design Algemeen]]></category>

		<category><![CDATA[front-end]]></category>

		<category><![CDATA[slicen]]></category>

		<category><![CDATA[week 1]]></category>

		<guid isPermaLink="false">http://www.inventisstage.be/?p=2451</guid>
		<description><![CDATA[D-Day!
De aanvang op de allereerste dag van de stage heb ik , wellicht zoals vele andere stagiairs, aan den lijve ondervonden. De spanning en zenuwen die door je lijf gieren omdat je niet weet wat te verwachten en halsoverkop van de schoolbanken tussen de &#8216;big boys&#8217; in het bedrijfsleven belandt. Maar dat bevreemdend gevoel verdween vrij snel, [...]]]></description>
			<content:encoded><![CDATA[<h2>D-Day!</h2>
<p>De aanvang op de allereerste dag van de stage heb ik , wellicht zoals vele andere stagiairs, aan den lijve ondervonden. De spanning en zenuwen die door je lijf gieren omdat je niet weet wat te verwachten en halsoverkop van de schoolbanken tussen de &#8216;big boys&#8217; in het bedrijfsleven belandt. Maar dat bevreemdend gevoel verdween vrij snel, doordat ik die ochtend werd opgewacht en rondgeleid door Tom (<a href="http://twitter.com/#!/tomclaus" target="_blank">@tomclaus</a>) mijn stagebegeleider. Vervolgens kreeg ik mijn plaatsje toegewezen, vanwaar ik de komende 12 weken mijn stage zal mogen vervullen.</p>
<p>Na dit introductie-uurtje mocht ik Tom en project manager <a href="http://www.inventis.be/over/het-team/bart-arien" target="_blank">Bart</a> vergezellen in de vergaderzaal, waar ik werd gebriefd voor mijn eerste opdracht. Dit was voor een reeds verworven klant, die de inhoud van diens catalogus ook op de website wilde publiceren. Op zich een zéér gepaste oefening voor mezelf, om er terug wat in te komen&#8230; En dat bleek ook zo, want de verdere dag heb ik dan ook mijn weg gezocht tussen de reeds getypte code (html, css) en het gebruik van <a href="http://www.inventis.be/aanpak/technologieen/" target="_blank">Smarty</a>.</p>
<h2>Timing</h2>
<p>Een grote ondervinding deze week is dat vele zaken om timing draaien!</p>
<p>Voor dit project had ik zo&#8217;n 3 dagen (t.e.m. donderdag) ingeschat om het af te werken. Al bij al was dit een haalbare kaart, maar toch iets té optimistisch ingeschat langs mijn kant. Een bepaalde marge nemen, voor als er iets niet optimaal in orde is, is zeker niet verkeerd. Bij nazicht van het project waren er nog enkele opmerkingen die anders konden, of waar ik de aangemaakte files kon optimaliseren voor later (her)gebruik. Met als gevolg dat ik vrijdag een hele dag heb doorgewerkt aan dit project om de puntjes op de &#8216;i&#8217; te zetten. In het bedrijfsleven verwacht men dat je kwaliteit levert en dat is bij Inventis niet anders! Als stagiair wil ik die reeds verworven reputatie van het bedrijf niet bepaald schaden.</p>
<p>De positieve zin van &#8220;timing&#8221; is de aanvang van mijn stage! Ik had me geen betere week kunnen inbeelden om bij Inventis aan de slag te kunnen, want op dinsdag werd het hele team getrakteerd op spaghetti. Dit initiatief kwam van de project managers, die hun kookkunsten voor het hele team hebben gedemonstreerd. Later op de week werden we nog op taart getrakteerd en mochten we vrijdagmiddag de verjaardag van mede-zaakvoerder Jente (<a href="http://twitter.com/#!/jente" target="_blank">@jente</a>) vieren met overheerlijke broodjes op het menu. Niet slecht wat betreft de timing, denk ik dan!</p>
<h2>De ervaring</h2>
<p>De eerste week is voorbij gevlogen! En ook dat is zeer positief, want ik geniet er van terug hele dagen te kunnen designen, slicen, coderen en vooral &#8216;in het onbekende&#8217; te kunnen verdiepen. Na het afsluiten van mijn eerste project ben ik alweer zeer benieuwd wat de volgende week me gaat brengen. Wat ik al wel kan meedelen is dat Bart (<a href="http://twitter.com/#!/bartvdb" target="_blank">@bartvdb</a>) me mijn eigen stage-project gaat uitleggen en de beginfase zal coördineren. Benieuwd wat dat zal geven!</p>
<p>Wat nog bijdraagt tot een geweldige ervaring is de voeling met het team, die zelfs als stagiair belangrijk is. Dat de spanning te snijden is op je eerste dag is normaal, maar dit werd zeer drempelverlagend aangepakt door oa. Jan (<a href="http://twitter.com/#!/Inventis" target="_blank">@inventis</a>), Dennis (<a href="http://twitter.com/#!/dennisjanssen">@dennisjanssen</a>) en Bart (<a href="http://twitter.com/#!/geraertsbart" target="_blank">@geraertsbart</a>) en dat geeft je een extra boost!</p>
<p>Voor en na de uren en tijdens de pauzes kan je zien dat er bij Inventis meer dan alleen maar collega&#8217;s aan het werk zijn. Ze weten zich dan vlot in entertainment-modus om te schakelen en een wedstrijdje kicker en/of &#8216;Mario Kart&#8217; te spelen of over koetjes en kalfjes te babbelen. Tijdens de uren weten ze elkaars sterke punten te appreciëren en te benutten en werken ze gedreven en gedisciplineerd aan hun projecten. Resultaat: een mooi en afgewogen geheel en een toffe sfeer, wat voor mij als stagiair enorm de moeite is om te mogen ervaren.</p>
<p>Tot volgende week voor een nieuw verslag uit deze avonturenreeks ;-)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.inventisstage.be/2012/03/week-1-the-kickoff/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Week 13: Last but not least</title>
		<link>http://www.inventisstage.be/2011/12/week-13-last-but-not-least/</link>
		<comments>http://www.inventisstage.be/2011/12/week-13-last-but-not-least/#comments</comments>
		<pubDate>Fri, 02 Dec 2011 15:26:51 +0000</pubDate>
		<dc:creator>Tom Schuermans</dc:creator>
		
		<category><![CDATA[WebFront]]></category>

		<category><![CDATA[belisol]]></category>

		<category><![CDATA[export]]></category>

		<category><![CDATA[front-end]]></category>

		<category><![CDATA[job]]></category>

		<category><![CDATA[webadmin]]></category>

		<category><![CDATA[week 13]]></category>

		<guid isPermaLink="false">http://www.inventisstage.be/?p=2441</guid>
		<description><![CDATA[De laatste week stage zit er op, tijd voor een kort verslag &#8230;
Belisol
De front-end van het carrousel is deze week volledig afgeraakt alsook een WebAdmin onderdeel om de weergave instellingen te beheren. Met dit onderdeel is het mogelijk om de zichtbaarheid van elke eigenschap (stijl, materiaal, &#8230;) van een deur in te stellen per weergavetype [...]]]></description>
			<content:encoded><![CDATA[<p>De laatste week stage zit er op, tijd voor een kort verslag &#8230;</p>
<h2>Belisol</h2>
<p>De front-end van het carrousel is deze week volledig afgeraakt alsook een WebAdmin onderdeel om de weergave instellingen te beheren. Met dit onderdeel is het mogelijk om de zichtbaarheid van elke eigenschap (stijl, materiaal, &#8230;) van een deur in te stellen per weergavetype (website, intranet, excel, pdf). Ook ben ik al begonnen met de export naar excel functionaliteit mbv PHPExcel. Verder moeten er nog een aantal zaken afgewerkt worden in WebAdmin, maar het front-end gedeelte kan al in gebruik genomen worden.</p>
<h2>Real life</h2>
<p>Vandaag was het mijn laatste stagedag bij Inventis. De stageperiode hier is uitstekend verlopen, ik kon me geen betere stageplek wensen. Graag zou ik bij deze ook even Jan &#038; Jente willen bedanken om me de mogelijkheid te geven om hier stage te lopen, maar ik zou toch ook wel mijn stagementor Tom en de andere collega&#8217;s willen bedanken voor de uitstekende begleiding tijdens mijn stage.</p>
<h2>First day on the job</h2>
<p>Gelukkig eindigt het verhaal hier niet, ik ben sinds gisteren vast in dienst bij Inventis als webdeveloper! Volgende week staat er nog een beetje werk op de planning voor Belisol en ga ik samen met Wim aan Mookum werken. Goed weekend iedereen en tot volgende week!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.inventisstage.be/2011/12/week-13-last-but-not-least/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>

