Verslag week 8

Mijn stageperiode bij iDA MediaFoundry zit erop. 8 weken bloed, zweet en tranen en het resultaat van dit product mag er zijn. We hebben er al zeer wat positieve feedback voor gekregen!  De laatste week stond volledig in het teken van nog kleine aanpassingen hier en daar en oplevering van de uiteindelijke final build.

Via deze weg ook een dankwoord aan de mensen achter iDA MediaFoundry en vooral ook aan Bart Vandeweerdt voor de sturing en het in goede banen leiden van dit project. Bedankt!

Omschrijf in drie woorden het gevoel dat je hebt ervaren tijdens de afgelopen week.

Trots, wow!, Afscheid

Log:
Logboek activiteiten 8 weken: Excel

Concept:
Presentatie: Powerpoint
Requirements analyse: Doc

Product:
Showcase: Desktop Store – http://www.ida-mediafoundry.be/labs/?p=31

Verslag week 7

Wat heb ik deze week geleerd?
Hier een verslag van mijn 7de stageweek bij iDA MediaFoundry. Vorige week kon ik jullie al met vreugde melden dat we de laatste hand op onze flex showcase aan het leggen zijn. Deze week ging vooral naar unit testing met FlexUnit, het documenteren van het ontwikkelingsproces van onze showcase, het doorvoeren van grote verbeteringen naar usability en uiteindelijk het lanceren van ons project.

- FlexUnit
FlexUnit is een opensource unit testing framework voor Flex en AS 3.0 libraries. Een unit is het kleinst testbare stukje van een applicatie. Bij unit testing worden stukken broncode geverifieerd en gevalideerd, het gaat hier om tests toegespitst op een deel van de code, meestal op een method. Er wordt gecontroleerd of ze losstaand van elkaar werken naar behoren.

- Documentatie
Het proces van de ontwikkeling van onze showcase wordt volledig uitgeschreven. Met dit document geven we toekomstige stagairs en juniors enkele tips en best practices mee. Zo zal er onder andere instaan hoe je aan Cairngorm begint, hoe je moet stylen/skinnen in Flex, hoe je een custom chrome maakt voor een AIR applicatie, waar je op moet letten bij het opstellen van een requirements analyse, enz. Het document zal volgende week op deze blog te vinden zijn.

- Usability tweaks
Deze week kregen we wat opmerkingen naar usability die beter kon, een groot deel van de tijd ging dan ook naar het verbeteren hiervan. Zo werd er een watermerk voorzien op niet-interactieve shopping windows, een buy-button geïntegreerd in het  product detail venster, een button om terug te keren naar order vanuit de user corner, enz…

- The launch !
Ons stageproject staat te pronken op de blog van iDA MediaFoundry op volgende link : Stageproject. Verder kregen we ook nog een eervolle vermelding op de homepage onder “traineeships”.

Welke moeilijkheden heb ik ondervonden?
AIR Badge gaf problemen. Sommige gebruikers kregen de badge niet te zien.

Hoe heb je deze problemen opgelost?
Voor de AIR installer badge heb ik mij gebaseerd op het script van Grant Skinner. Nu bleek dat sommige gebruikers helemaal geen badge te zien kreeg. Na het uitspitten van de javascript code bleek dat dit te wijten was aan de flash version check. Gebruikers met een Flash Player versie ouder dan versie 9 kregen de badge niet te zien en werden niet doorverwezen naar de “Upgrade Flash Player” pagina, waardoor er geen badge getoond werd (een Flash Player hoger dan versie 9 is nodig om de badge te renderen). Dit heb ik opgelost door de Flash version check te herschrijven en de gebruiker naar de juiste download link door te verwijzen.

Omschrijf in drie woorden het gevoel dat je hebt ervaren tijdens de afgelopen week.

Kritisch, “De laatste loodjes”, Fierheid

Deliverables:
Taakoverzicht Week 7: Excel

Verslag week 6

Wat heb ik deze week geleerd?
Ondertussen is mijn 6de week van mijn stageperiode achter de rug. Dit wil zeggen dat ik nog 2 weken in goed gezelschap van de mensen van iDA MediaFoundry zal vertoeven. En ik moet toegeven, ik ga het hier missen. De losse sfeer, de professionele werkomgeving, de exponentiële kennisexpansie, de toffe collega’s…het gaat pijn doen dit alles achter mij te moeten laten.

Onze applicatie is af! Ja u leest het goed, de functionaliteiten en de componenten die we graag in onze flex showcase gezien hadden zitten erin en zijn volledig functioneel. En mooi op schema ook. Deze week werden de laatste functionaliteiten geintegreerd. Tevens hebben we deze week ook al enkele aanpassingen doorgevoerd, die uit een eerste user test opgemerkt werden door enkele testgebruikers. Volgende week zullen we verdere usertests uitvoeren en extra functies en eycandy integreren. Hoe meer we onze applicatie kunnen uitbreiden en hoe mooier ze er op het eind gaat uitzien, hoe beter!

- Custom Chrome
Deze week heb ik onze applicatie van een aantrekkelijke custom chrome voorzien. De ‘chrome’ van een applicatie is het venster rondom waarin onder andere de sluit-,minimaliseer- en maximaliseerknop zitten. De standard chrome is nogal saai, en aangezien we een zo aantrekkelijk mogelijke user experience willen nastreven, was een skin voor de chrome zeker op zijn plaats. En het resultaat mag er wel wezen, al zeg ik het zelf.
De sluit- en minimaliseerknop werden in het design geintegreerd. De maximaliseer- en resize functie werden gedisabled.

- Products
Geen desktop store zonder producten natuurlijk. Ik heb gezocht naar toepasselijke stockfoto’s van producten om in de “vergelijkbare producten component” weer te geven, uitgeknipt en resized naar thumbnails van 140×140, en voorzien van een transparante background, om deze draggable in de applicatie  te maken.

- Component skinning
Verder heb ik onder andere een custom scrollbar geskinned, een button voor de “load session” functie en een integratie van de “highlight all products” in het ontwerp voorzien.

- HTML Template + AIR badge
De gebruiker moet de mogelijkheid hebben om onze air applicatie te downloaden naar zijn computer en deze te installeren. Hiervoor heb ik een html template gemaakt, in de corporate style van de iDA MediaFoundry website en deze voorzien van een AIR download badge.

- User Testing
Deze week kregen we ook een mail van Bart met feedback van enkele testgebruikers die onze applicatie uitvoerig bestudeerd hebben. Op basis van deze feedback heb ik reeds enkele aanpassingen in onze applicatie enkele tweaks doorgevoerd.

Welke moeilijkheden heb ik ondervonden?
1) De integratie van de AIR badge in de html template verliep stroef. Wanneer de template online bekeken werd, gaf hij steeds aan dat de badge niet geladen kon worden omdat de flash player niet up to date was. Hoewel ik wel de laatste versie had.

2) Een user test kan je een compleet nieuwe kijk geven op aspecten binnen je applicatie.

Hoe heb je deze problemen opgelost?
1) Gekeken naar enkele voorbeelden op andere websites, naar de javascript code gekeken en opgemerkt dat er een klein foutje zat in de code waardoor de flash version check foutief verliep. Aangepast en opgelost.

2) Soms moet je vanuit user testing een compleet redesign doorvoeren, functies opnieuw schrijven en verbeteren. In het proces moet je voor jezelf uitmaken welken opmerkingen terecht zijn en welke van minder belang. Je moet je lijst van opmerkingen taggen naar graad van priority en op basis hiervan nieuwe taken in de planning invoeren.

Omschrijf in drie woorden het gevoel dat je hebt ervaren tijdens de afgelopen week.

leergierig, verrast, trots

Deliverables:
Taakoverzicht Week 6: Excel

Verslag week 5

Wat heb ik deze week geleerd?
Naar wekelijkse gewoonte een verslag van week 5 binnen mijn stageperiode bij iDA Mediafoundry. Maandag zag Bart, onze stage mentor dat we goed bezig waren. Alles verloopt vlotjes, relatief weinig problemen tegengekomen deze week. Hier en daar een technisch probleempje maar dit was al snel verholpen door ondertussen onze beste vriend, Google.

Ook in de vijfde week heb ik me vooral bezig gehouden met het design van componenten voor onze flex showcase. De bedoeling van mijn stage, die 8 weken zal duren, is dat ik samen met mijn collega Gunter een flex showcase zal maken waarin we de ware kracht van een flex applicatie gaan tonen en waarmee we potentiele klanten kunnen overtuigen om te kiezen voor oplossing binnen flex/air. Bedoeling is dat we vernieuwende functionaliteiten gaan tonen, dit gegoten in een mooi visueel jasje voorzien van de nodige eye-candy.

En we zijn aardig op weg! Het geheel ziet er al zeer mooi uit en reeds een groot deel van onze applicatie is al werkende. Het belooft een mooi product te worden!

- Components
Ik heb in dit project vooral de functie “Designer”. Dit wil zeggen dat ik het het geheel visueel aantrekkelijk maak naar de buitenwereld, ondertusse focust Gunter zich meer op technische werking. Deze week heb ik de componenten voor  navigatie, bestelling checkout,bestellingsoverzicht en een custom alert box geskinned. Het design van deze componenten werd gerealiseerd in photoshop en geëxporteerd naar Flex. Ook heb ik een template voor een factuur ontworpen in InDesign, deze template zal via het gebruikte AlivePDF framework worden gevuld met de bestelde producten en gebruiker gegevens. Verder werd de flow tussen de schermen via transities en clickevents, dragevents aangemaakt.

- Nieuwigheden
Na week 5 is het in onze applicatie nu ook mogelijk om een bestelling af te ronden, de gebruiker wordt dan doorverwezen naar een overzicht van de bestelling, hij kan indien nodig nog enkele aanpassingen doen aan zijn bestelling, hij kan zijn adresgegevens invullen, hij krijgt een overzicht van zijn voorgaande bestellingen die hij eerder al heeft geplaatst in onze applicatie, er wordt automatisch een factuur in .pdf vorm aangemaakt op de desktop van de gebruiker door onze applicatie voorzien van de bestelde producten, de totaalprijs en de opgegeven adresgegevens. Alsook een .cvs bestand met een overzicht van voorgaande bestellingen.

Welke moeilijkheden heb ik ondervonden?
1) Deze week heeft een griepvirus ons team getroffen. Gunter werd gedwongen om donderdag en vrijdag in bed te blijven. Ook ik heb moeten toegeven en kon vrijdag mijn huis niet verlaten. Dit brengt natuurlijk enkele problemen met zich mee naar planning van ons project.

2) Voor de eerste keer ervaring opgedaan in Indesign voor het templaten van de factuur.

Hoe heb je deze problemen opgelost?
1) Planning aanpassen, moeizaam troubleshooten via msn met een collega die ziek in zijn bed ligt, inspelen op de code van mijn collega (lang leve CVS !), tandje bijsteken (gezonde stress)

2) Hier en daar een beetje moeten zoeken naar de juiste knoppen, maar na een beetje gepruts bleek al snel dat het programma hard leek op Illustrator, waarin ik voldoende ervaring heb. Wel jammer dat InDesign niet gegeven wordt in onze oprichting IMD. Misschien een ideetje naar volgend jaar toe? Het is een prachtig programma dat naar mijn mening onmisbaar is voor een grafisch ontwerper.

Omschrijf in drie woorden het gevoel dat je hebt ervaren tijdens de afgelopen week.

impulsief, creatief, tevreden!

Deliverables:
Taakoverzicht Week 5: Excel

Verslag week 4

Wat heb ik deze week geleerd?
Ik ben ondertussen al halverwege mijn stageperiode aangekomen, wat vliegt de tijd! 1 ding is alvast zeker: ik had nooit verwacht dat ik zoveel ging bijleren op een relatief korte tijd. Wat ik hier ervaar is toch totaal anders dan de ervaring die je opdoet op de schoolbanken. Het verloopt allemaal een pak sneller, je hebt een aangename tijdsdruk, je werkt samen met leuke collega’s die dezelfde passie delen als jij, je leert in een ongelofelijk versneld tempo nieuwe dingen doelgericht bij… Fantastisch! Deze week startte naar goede gewoonte met een stand-van-zaken gesprek, samen met Bart. Zoals ik vorige week liet weten, gaan we vlotter vooruit dan we dachten. Onze planning was blijkbaar ruim genomen. Nu ja, ruim…We dachten dat we meer tijd gingen nodig hebben per onderdeel, maar blijkbaar kunnen Gunter en ik beter samenwerken dan we oorspronkelijk dachten. We hebben het voordeel dat we op elkaar zijn ingespeeld door samen al eerdere projecten gerealiseerd te hebben. Waaronder projecten die we momenteel realiseren voor ons eindwerk, E-Volve.

- Liquid Planner
Zoals ik al zei hebben we ons een beetje onderschat op gebied van onze planning. Het gaat allemaal vlotter dan normaal, we komen relatief weinig problemen tegen op onze weg. We hebben samen met Bart, onze stagementor, besloten dat we onze planning strakker zouden maken, zodat we uiteindelijk nog meer in de applicatie kunnen verwerken. Met meer bedoel ik vooral eye candy. We streven ernaar om een top product af te leveren. De tool die we nu gebruiken waarmee we de nieuwe planning opgesteld hebben en waarmee we onze taken opvolgen heet Liquid Planner, een online project management tool die toelaat dat we per week afleverdatums kunnen opgeven per onderdeel, maar vooral, wat belangrijk is voor ons, automatisch taken gaat opschuiven, moesten we voorstaan op schema, zoals vorige week het geval was. En snel taken kunnen bijvoegen als het vlotter gaat dan verwacht.

- Skinning
Ik heb in dit project vooral de functie “Designer”. Dit wil zeggen dat ik het het geheel visueel aantrekkelijk maak naar de buitenwereld, terwijl Gunter zich vooral focust op de technische kant. Deze week heb ik de winkelmand, productinfo scherm en navigatie geskinned. Het design werd gemaakt in photoshop en geëxporteerd naar Flex. Verder werden de transities tussen de schermen en clickevents aangemaakt. Alsook custom fonts embed en de css getweaked.

- Stand van zaken
Momenteel al mogelijk in onze applicatie: Navigeren tussen verschillende omgevingen, op een product klikken voor meer informatie, product draggable naar winkelmand, hoeveelheid van het product kan vergroot en verkleind worden in de winkelmand, product kan uit de winkelmand verwijderd worden, applicatie berekend en herberekend totaalprijs gedurende deze processen, productinfo van een specifiek product kan geëxporteerd worden als pdf naar de desktop, feedback op stock van producten (product in stock, product niet voorradig, momenteel een vrij basic alert geeft aan wanneer een product in stock is)

- AlivePDF
In onze applicatie bieden we de gebruiker de mogelijkheid om de productinfo van een gekozen product vanuit de air applicatie naar de desktop te kunnen exporteren als een overzicht in een pdf bestand (foto product + beschrijving). Voor deze functionaliteit maken we gebruik van AlivePDF, een opensource framework.

Welke moeilijkheden heb ik ondervonden?
Dinsdag had ik een klein technisch probleempje voor: Ik had mijn laptop wel bij, maar had met snel te zijn ’s morgens mijn voedingskabel niet ingepakt. Probleem! Mijn laptop kan niet een hele dag blijven draaien op batterij..

Hoe heb je deze problemen opgelost?
Probleem voorgelegd aan collega’s. Ze hebben me naar de service desk doorverwijzen om te gaan horen of ze me van  een universele adapter konden voorzien. Blijkbaar hadden ze geen adapter die paste op mijn laptop. Bart gebeld, gevraagd voor een oplossing. Bart verwees me door voor een vervanglaptop. Uiteindelijk na wat zoekwerk vonden ze toch een vervanglaptop (een prehistorisch model waarop geen programma’s stonden, jeej!). Die dag kon ik dus mijn taken moeilijk of niet uitvoeren, wegens gebrek aan deftige programma’s. Om me toch nuttig te maken, heb ik opzoekwerk verricht naar modules die we in de applicatie willen steken. En heb ik stockfoto’s liggen zoeken voor onze verschillende omgevingen. Met resultaat, dat ik de volgende dag mocht doorwerken om de opgelopen achterstand in te halen. Ook dit soort voorvallen zijn eens goed om meegemaakt te hebben. Je leert zoeken naar alternatieve oplossingen, je stelt een tijdelijk nieuwe planning op voor die dag, je leert roeien met de riemen die je hebt, en vooral..je leert bij uit fouten. Zo zal ik in het vervolg mijn rugzak ’s morgens 2 maal nakijken op volledigheid! Bij deze ook een dankwoordje naar Bart toe, voor de hulp!

Omschrijf in drie woorden het gevoel dat je hebt ervaren tijdens de afgelopen week.

spanning, vernieuwend, warm!

Deliverables:
Taakoverzicht Week 4: Excel

Verslag week 3

Wat heb ik deze week geleerd?
Alweer een week voorbij, ze is voorbij gevlogen! Naar goede gewoonte breng ik jullie op de hoogte van mijn vorderingen binnen mijn stageperiode bij iDA MediaFoundry van de afgelopen week. Maandag zaten we samen met Bart, onze stagementor, om onze Requirements Analyse te doorlopen. We namen ze van begin tot eind samen door en besproken ze op volledigheid, structuur en mogelijke verbeteringen hier en daar. In grote lijnen hadden we dat niet slecht gedaan, hij had wel enkele opmerkingen over enkele technische aspecten zoals bijvoorbeeld het al dan niet gebruiken van een locale databank in onze flex showcase. we hadden de lat voor onszelf hoog gelegd, daar we met zoveel mogelijke technieken binnen Flex in contact wilden komen. Bart raadde ons bijvoorbeeld aan om niet met een databank te werke, maar met vooraf gedefinieerde variabelen. Daar ons project de focus legt op “showcase”, moet ze de gebruiker mogelijkheden binnen Flex en Air demonstreren. We kunnen dus beter onze focus meer verschuiven naar visuele eye candy. Enkele vooraf gedefinieerde variabelen zijn dan voldoende om het geheel te “presenteren”. Maar dus, de laatste hand werd deze week gelegd op de requirements analyse. We wachten op de goedkeuring van Bart maandag, en dan zal u deze kunnen inkijken op mijn blog. Volgende punt op de agenda was het opstellen van de planning. De ideëen zijn uitgetekend, vooronderzoek is gebeurd, requirements analyse staat op punt, nu over naar het echte werk: Realisatie!
Plan it, Code it, Test it, Rewrite it. Technologic. (op de tune van Daft Punk – Technologic)

- Planning komende 6 weken
Natuurlijk begin je als developer hier niet zomaar aan. Eerst maak je een ambitieus, doch haalbare planning op. We hebben 6 weken om onze Flex Showcase in elkaar te boxen. Ons team bestaat uit 2 mensen: ikzelf en Gunter. Als je een planning opstelt, moet je sowieso de laatste week een testweek voorzien. In deze week wordt eventueel opgelopen achterstand ingehaald, alsook de applicatie grondig getest op functionaliteit en ontwerp.

- CVS (Concurrent Versions System)
Voor ons project gebruiken we een CVS. Een fantastisch systeem dat collaboration tussen een team mogelijk maakt, ongeacht plaats en tijd. Het systeem laat toe dat developers tegelijkertijd aan een project kunnen werken, en ze code met elkaar kunnen synchroniseren. De regels code die worden aangepast door je teamleden worden, wanneer je synchroniseert met de “project bin”, gehighlight. Zo is iedereen op de hoogte van het werk dat verricht wordt door de verschillende teamleden, alsook de aanpassingen binnen het project. Een aanrader!

- Design
Deze week gaf de planning aan dat ik me ging bezighouden met de omzetting van de mockups naar een aantrekkelijk design. De ontwerpen werden gemaakt in Photoshop. Ik heb ervoor gekozen om voor een grungy office-look te gaan. Achteraf werden ze gesliced, om ze in Flex te kunnen importeren. Tegelijkertijd verzorgde Gunter de meer technische kant: Het opstellen van het skelet van de applicatie, het aanmaken van de classes, de aanloop naar de eerste navigatie.

Voorsmaakje design:

- Eerste Aflevering
Deze week hebben we al een eerste navigeerbare applicatie afgeleverd die bovendien aantrekkelijk is om naar te kijken. Het is al mogelijk om naar verschillende omgevingen te navigeren en enkele dummy producten (nog niet visueel in foto’s) naar de winkelmand te slepen. De totaalprijs en de inhoud worden al berekend.

Welke moeilijkheden heb ik ondervonden?

Niet echt veel moeilijkheden ondervonden deze week, alles verliep vlotjes! Maar geef graag deze tip mee: Een requirements analyse, samen met een planning die een zekere tijdsdruk oplegt maar toch realiseerbaar is, kan een heel groot voordeel zijn als je een project start. Besteed hier voldoende aandacht aan. Ik merk zelf dat de geïnvesteerde tijd in deze zaken dubbel en dik terugkomt. Het stippelt het project dat je wil maken met je team mooi uit, iedereen zit op dezelfde golflengte en de ontwerpfase gaat een pak vlotter! Na onze eerste realisatieweek merkten we zelfs dat we het werk van 2 weken voltooid hadden! Dit was zeker het geval niet geweest, wanneer de goede voorbereidingen niet gebeurd waren.

Omschrijf in drie woorden het gevoel dat je hebt ervaren tijdens de afgelopen week.

creatief, enthousiast, verrassend

Deliverables:
Taakoverzicht Week 3: Excel

Verslag week 2

Wat heb ik deze week geleerd?

De eerste week is vooral gegaan naar voorstudies en conceptvorming. Deze tweede stageweek startte met het presenteren van onze ideeën aan Bart, onze stagementor. Hij was zeer tevreden met ons geleverde onderzoek de eerste week en de originele ideeën die we voorstelden voor de flex showcase. Er was enkel 1 klein probleempje: we waren een beetje te enthousiast, waardoor de scope van het werk dat we wilden realiseren te groot ging zijn voor de 8 weken dat we maar bij iDA MediaFoundry zouden stage lopen. Uit de powerpoint presentatie die je hier verder in deze post kan downloaden, kan je ons voorstel bekijken. In short: We wilden 2 “cases” uitwerken in onze showcase. Enerzijds een “Project Management tool”  en anderzijds een leuke variant van een e-shop, gedoopt onder de naam “Desktop Store”. (aangezien Cronos vooral Business 2 Business oplossingen aanbiedt). Bart wees ons erop dat we beter 1 case volledig tot in de puntjes konden uitwerken, dan beide cases te takkelen, waardoor we misschien de 2 cases niet tot volle potentie konden uitwerken. Na overleg is het de “Desktop Store” geworden. Deze week zijn we deze case tot in de puntjes gaan beschrijven onder de vorm van een Requirements Analyse. Maandag zullen we de laatste feedback krijgen en kunnen we beginnen met programmeren.

- Presentatie
De powerpoint presentatie van ons flex showcase concept die ik en Gunter maandag hebben gegeven: Presentatie.

- Desktop Store
Onze flex showcase zal een AIR-applicatie worden, genaamd “Desktop Store”. In deze applicatie zal de gebruiker naar verschillende omgevingen kunnen navigeren. Een omgeving is een foto uit het dagdagelijkse leven, waarin producten kunnen worden “gehighlight”, die te koop worden aangeboden. De gebruiker krijgt meer informatie te zien over het product en hij krijgt de mogelijkheid deze producten naar zijn winkelmand te slepen via een Drag and Drop interface. De gebruiker zal een overzicht krijgen van wat er in zijn winkelmand aanwezig is, de totaalprijs wordt gemaakt, en de bestelling kan opgeslagen worden. Hij zal later bij het opnieuw opstarten van de applicatie verder kunnen winkelen in een opgeslagen “sessie”, of hij kan de sessie gaan afronden. Een afgeronde bestelling zal als factuur naar de desktop worden geëxporteerd, in pdf formaat. Waarin alle informatie zal staan voor betaling en levering. De Desktop Store in a nutshell, volgende week kan u alle technische gegevens van onze applicatie nalezen in de requirements analyse.

Visualisatie van het idee aan de hand van mockups:

- Requirements Analyse
Deze week is het meest van onze tijd gegaan naar het uitwerken van de requirements analyse van onze Desktop Store.  Aan de hand van het beschrijven van wat de applicatie allemaal moet kunnen, use cases, screenflows, mockups en het maken van enkele UML-diagramen (Unified Modeling Language) in JUDE (UML modeling tool)  zoals de use cases diagram en class diagram,  kregen we een beter zicht op de scope van het werk voor dit project. In de loop van volgende week zal u dit document op mijn blog kunnen bekijken, nadat we de laatste feedback van Bart hebben ontvangen.

- Verdiepen in Cairngorm
Wanneer men een applicatie in Flex gaat programmeren met een team is het belangrijk dat er een soort van “uniforme” en overzichtelijke programmeerstijl gehanteerd wordt. Door het gebruik van een Framework zoals Cairngorm kunnen developers gelijktijdig aan hetzelfde project werken. Aangezien ik samen met Gunter dit project ga uitwerken, een must. Deze week hebben we leren werken met dit framework.

Welke moeilijkheden heb ik ondervonden?

1) Een Requirements Analyse maken voor de eerste keer bleek moeilijk

2) Het gebruik van een framework zoals Cairngorm is moeilijk, zeker als je kennis over OOP miniem is

Hoe heb ik deze moeilijkheden opgelost?

1) Bart, onze stagementor, heeft ons een hele week door feedback gegeven ter verbetering van onze requirements analyse. Tevens heeft Johan, een ervaren persoon op dit gebied, ons enige tips gegeven voor het goed en volledig opstellen van een requirements analyse.

2) We hebben uitleg gekregen van Maarten,  een ervaren Cairngorm gebruiker en hebben samen met hem een voorbeeld applicatie bekeken. Doordat we “les” kregen van een persoon, konden we Cairngorm beter en sneller begrijpen. Het framework leren gebruiken aan de hand van een cursus, was op zich een pak moeilijker geweest.

Omschrijf in drie woorden het gevoel dat je hebt ervaren tijdens de afgelopen week.

spanning, gedrevenheid, tevredenheid

Deliverables:
Powerpoint presentatie concept: Presentatie
Taakoverzicht Week 2: Excel

Verslag week 1

Wat heb ik deze week geleerd?

Deze week heb ik vooral veel bijgeleerd omtrent Flex, Air, Actionscript 3.0 en frameworks. Vanuit IMD kregen we een goede basis mee, maar wanneer ik in een development team terecht kwam van een groot bedrijf zoals Cronos – iDA MediaFoundry, werd me al snel duidelijk dat er enkele best practices bestaan waarvan ik nog geen kaas had gegeten. Dringend tijd dus om mijn kennis bij te schaven! dit aan de hand van inhouse kennis zoals pdf’s, collega’s en blogs, tutorials online. Waar heb ik me nu juist mee bezig gehouden deze week ?

- Skinning / Styling
Zoals jullie weten uit mijn vorige blogposts, moeten we een flex showcase maken. Deze showcase moet gebruikt kunnen worden om aan potentiële klanten te laten zien, waardoor ze in een oogopslag enkele mogelijkheden van Flex/Air zien. Waarvoor ze deze technologie die op de moment toch vrij “hot” is zouden kunnen gebruiken. 1 van de hoofdvoorwaarden is dat deze showcase wordt voorzien van de nodig “eyecandy” en de “wow-factor”. We moeten de klant overdonderen. Dit kunnen we onderandere gebruiken door de applicatie in een mooi grafisch jasje te steken. Deze week heb ik bijgeleerd over het skinnen van componenten in CS3 (Illustrator,Photoshop,Fireworks), om vervolgens te gaan importeren in Flex. Ook heb ik geleerd om aan de hand van ccs stylesheets het uitzicht van standaard components in flex te gaan stylen.

- Frameworks (PureMVC/Cairngorm)
Wanneer men een applicatie in Flex gaat programmeren met een team is het belangrijk dat er een soort van “uniforme” en overzichtelijke programmeerstijl gehanteerd wordt. Door het gebruik van Frameworks zoals PureMVC en Cairngorm kunnen designers en developers onderling aan hetzelfde project werken zonder voortdurend elkaars programmeertstijl te moeten ontleden.Visuele componenten worden van functionele code gescheiden. Basis van de functionele code berust op OOP of Object Oriented Programming.

- OOP (Object Oriented Programming)
In de richting IMD hebben we vooral procedureel leren programmeren. Deze week heb ik me verdiept in OOP. Methods,constructors,classes,packages,… heeft na deze week geen geheimen meer voor mij. Wil het nu net lukken dat ik dinsdagavond een seminarie “design patterns” aan de KHM heb kunnen volgen. Dit seminarie heeft deze week zeker en vast zijn nut bewezen.

- Papervision 3D
Papervision3D laat toe 3D modellen te gaan gebruiken in onder andere Flex. Ik had het idee om voor onze flex showcase de navigatie naar een draaibare kubus te herleiden, waarop de gebruiker dan kan klikken op de 6 verschillende zijdes om zo naar verschillende “aspecten” doorverwezen te worden. Deze library had vele mogelijkheden die ik eerst moest ontleden. Ik heb onderzocht wat er nu net allemaal mogelijk was met Papervision 3D en heb de code geschreven voor de kubus.

Welke moeilijkheden heb ik ondervonden?

1) Het proces zoeken naar de wow-factor
Hoe gaan we de klant een zo aangenaam mogelijke ervaring geven en hoe gaan we de wow-factor bereiken ?

2) Papervision 3D in Flex
Wat biedt het pakket en wat is er technisch allemaal mogelijk ?

3) De wereld van Frameworks
In welke mate kunnen frameworks ons helpen in het development proces ?

Hoe heb ik deze moeilijkheden opgelost?

1) Het analyseren van bestaande showcases, uitspitten van Flex components, afschuimen van blogs over visuele aantrekkelijkheid/nieuwigheden

2) uitspitten van de Papervision3D library, voorbeelden van gebruik analyseren, docs en blogs lezen, collega’s aanspreken

3) pdf’s lezen, collega’s raad vragen

Omschrijf in drie woorden het gevoel dat je hebt ervaren tijdens de afgelopen week.

overdonderd, leergierig, creatief

Deliverables:
Taakoverzicht week 1: Excel

En toen was het zover..

Vandaag men eerste dagje stage bij iDA Mediafoundry. En wat voor 1!

Met de trein zou je er al zijn…deze slogan van nmbs geeft me vanaf nu rillingen over men ganse lichaam…
Ik en Gunter werden vandaag verwacht om 9u30. Nu moet je weten dat de verbinding Leest – Kontich niet 1 van de ideale trajecten is om met het openbaar vervoer af te ronden. Om tegen iets voor 9 aan te komen bij iDA moet ik om 6u30 (!) mijn bed uit. Waarom zo vroeg denk je ? Eerst een bus naar Mechelen station, om vervolgens met de trein naar Kontich te gaan, om daar weer een bus richting Veldkant te nemen.

Vandaag had ik uitzonderlijk een bus vroeger genomen, aangezien ik mijn schooltreinkaart moest laten aanmaken. Ik had alles mooi uitgestippeld, mijn bus- en treinuren mooi opgeschreven. Ik had alles voorzien…of toch niet helemaal ?

De aanmaak van mijn treinabbo verliep vlot, en was in een 5 mins afgerond. Maar toen ik de trein naar Kontich wilde nemen merkte ik, wachtend op het perron, dat mijn trein niet veel zin had om er nog door te komen. Uitkijken naar de volgende trein dus (die pas een 20 mins later zou zijn, damn!). Door de weinige opties die ik had, nam ik dus die trein. Ik kom aan in Kontich station om 9u. Ruim voldoende tijd nog dacht ik, om voor 10 minuutjes op de bus te zitten, en zo goed op tijd aan te komen op mijn eerste stagedag. Wrong again. Er bleek maar een bus te zijn om het uur, en mijn volgende bus was om 9u30. Wil dat nu net lukken dat dat mijn startuur is. Licht geïrriteerd meld ik mijn collega dat ik een kwartiertje later zou aankomen, door ophouding  van mijn vriend, het openbaar vervoer.

Als er 1 ding is dat ik niet graag doe, dan is het wel te laat komen. Dit geeft een onprofessionele indruk. En zeker op een eerste dag. Daar komt nog eens de factor bij dat ik zo vroeg uit mijn bed kwam om zeker op tijd te komen.. Ik stond op ontploffen.

Gelukkig vond Bart, mijn stagementor het niet zo erg. Ik kreeg mijn bureau toegewezen. En we konden van start gaan. Na een snelle rondleiding in het bedrijf merkte ik al meteen op dat er een zeer aangename en losse sfeer tussen de werknemers hangt.
Ik, Gunter en Bart gingen dan samenzitten om het verloop van de stage vast te leggen. Samen stelden we een planning op van het project dat ik en Gunter zullen realiseren de komende 8 weken. Meer info over het project dat we gaan maken, vindt u hierboven, bij “De Stage”

Bedoeling is dat we de eerste week het concept gaan uitwerken en voorstellen gaan doen naar een mogelijk product. We gaan vooral veel showcases bekijken, vergelijken, analyseren. We zullen kijken wat er zoal mogelijk is binnen Flex om een aangename presentatie van de functionaliteiten aan te reiken in mooi grafisch jasje. De wow! factor, daar gaan we naar streven.

I keep you posted.

Opstart

Dit is de opstart van de persoonlijke stageblog van Dennis Roefs.

Ik ga op deze blog gedurende mijn stageperiode bij iDA MediaFoundry wekelijks een verslag voorzien waarin ik volgende vragen zal beantwoorden:

1. Wat heb ik geleerd deze week?

2. Welke moeilijkheden heb ik ondervonden (zowel op technisch als sociaal vlak)?

3. Hoe heb ik deze moeilijkheden opgelost?

Ook zal ik telkens in drie woorden het gevoel dat ik heb ervaren tijdens die week omschrijven.

De stageperiode loopt van 9 maart 2009 tot en met 30 april 2009, een periode van 8 weken. Dit gaat een drukke periode worden voor mij, aangezien ik naast deze stage ook een eindwerk heb lopen. Als eindwerk heb ik samen met 5 andere medestudenten een small business project. De naam van ons bedrijfje is E-Volve. We bieden multimedia oplossingen op maat aan, maar zijn vooral gespecialiseerd in webdesign. Via dit project hebben we in korte tijd al zeer veel bijgeleerd over bedrijfsvoering. Ik nodig je hierbij graag uit om eens een kijkje te gaan nemen op onze website. De stageblogs van mijn collega’s zijn te vinden op mijn blogroll.