Portfolio Maarten Van den Vreken

FlashHTMLVisueelAlle



2008 - 2009: Postgraduaat Bedrijfskunde en Management, Katholieke Hogeschool Leuven (KHL)
2005 - 2008: Interactive Multimedia Designer (IMD), optie ICT, Katholieke Hogeschool Mechelen (KHM)
2003 - 2005: 5e en 6e jaar Multimedia Technieken, Technische Scholen Mechelen (TSM)


Ik ben momenteel niet op zoek naar een job of extra werk. Dit portfolio dient enkel nog als overzicht van mijn werk uit het verleden.

Anyway Doors configurator

Datum: januari 2010 - februari 2010

Programma's: Adobe Flash CS3

Talen: Actionscript 3

» Link
Met deze online deurconfigurator kan je zelf een binnendeur samenstellen en ze al eens bekijken in 4 omgevingen. Gebruikers kunnen ook een account aanmaken en hun samengestelde deuren opslaan of al meteen een PDF downloaden met een ruime prijsberekening van hun deur. Wie toch meer detail wil kan een offerte op maat aanvragen voor 1 of meerdere opgeslagen deuren.


Gezandstraalde glazen deurVolle deur met bandraamVoorbeeld van een PDF met prijsberekening

EtElectroPourTous Wordpress theme & plugins

  • Bestaand logo omgezet naar een volledig ontwerp voor de website
  • 3 zelfgeschreven plugins om de extra functies van de site te automatiseren, o.a. om links naar downloads automatisch om te zetten naar aparte blokjes met een bijhorende score en aantal downloads


EEPT StartpaginaVoorbeeld berichtAutomatisch omzetten van links

WIP: Tower Defense spel

Datum: september 2009 - oktober 2009

Programma's: Adobe Flash CS4

Talen: Actionscript 3

Geen link beschikbaar
Flash spel van het "tower defense" type. Nog veel werk aan, maar al relatief speelbaar.

Mogelijkheden:
  • Verschillende "torens" bouwen om vijanden dood te schieten
  • Damage en range upgrades voor torens
  • Schiet-prioriteit instellen
  • Vijanden vallen je kasteel aan op het einde van het pad, kasteel dood = game over
  • Al dan niet verwijderbare obstakels zoals rotsen en bomen
  • Ingebouwde map editor
  • ...


Tower Defense 1Tower Defense 2Tower Defense 3Tower Defense 4

ColorCube

Datum: augustus 2009 - september 2009

Programma's: Adobe Flash CS4 en Adobe Illustrator CS4

Talen: Actionscript 3

» Link
Klein spelletje met als bedoeling te leren werken met 3D objecten in Flash CS4 en het onderhouden van mijn Illustrator-kennis.

De bedoeling van het spel is vrij eenvoudig: de volledige kubus in dezelfde kleur krijgen door steeds de kleur te wijzigen en aansluitende vlakken mee over te nemen. Helaas wordt het spel al snel vrij saai en lag de tijdslimiet voor de meeste spelers iets te laag. Toch ben ik niet ontevreden over het resultaat.


Het spel in actieOntwikkelingsfase

QuickUpload

Datum: juli 2009

Programma's: Adobe Flash CS4

Talen: Actionscript 3 en PHP

» Link
Klein AIR programma om snel een bestand te uploaden via drag-&-drop. Het programma biedt ook de mogelijkheid om meerdere bestanden tegelijk te uploaden (met controle op verboden extenties) en bevat een contextmenu met enkele kleine opties.

Het doel van dit programma was vooral mijn AS3 kennis onderhouden en enkele functies van AIR uittesten.


Upload een bestand door het in het venster te slepenUpload statusBestand geupload, url wordt weergegevenMeerdere bestanden tegelijk uploaden gaat ook

Bedrijfswebsite Axept



Datum: februari 2009 - maart 2009

Programma's: Adobe Dreamweaver CS4 en Adobe Photoshop CS4

Talen: MySQL, PHP en Javascript

» Link
Een project in samenwerking met Tom Conaerts (http://www.framewizard.be). De layout werd door Tom gemaakt en moest enkel nog in XHTML omgezet worden. Verder werd er ook nog een admin paneel gemaakt waarin de site volledig aangepast kan worden.



StartpaginaProducts paginaAdmin panel - ProductsAdmin panel - CMSAdmin panel - RechtensysteemAdmin panel - Klanteninteresses

Easykitchening

Gedurende het postgraduaat Bedrijfskunde en Management moet er een Small Business Project opgestart worden. Het eerste "UnderCover" idee werd al snel vervangen door het Easykitchening concept. Met dit mini-bedrijf zullen we producten op de markt brengen om het schillen en versnijden van fruit gemakkelijker te maken.



NieuwspaginaFruitilitiesVerkooppuntenAdmin panel - VerkooppuntenAdmin panel - NieuwssysteemFruitilities afficheAffiche evenement

UnderCover Logo



Datum: november 2008

Programma's: Adobe Illustrator CS3 en Adobe Photoshop CS3

Geen link beschikbaar
Gedurende het postgraduaat Bedrijfskunde en Management moet er een Small Business Project opgestart worden. We probeerden een bedrijfje op te richten dat zelf dekbedovertrekken ging ontwerpen onder de naam "UnderCover". Helaas werd dit idee afgevoerd wegens veel te hoge productiekosten. Toch maakte ik wel al een logo en eventueel bijhorende setting en ben ik er best tevreden over gezien mijn beperkte grafische kennis.


LogoSetting

Alphabatt logo



Datum: september 2008

Programma's: Adobe Illustrator CS3

Geen link beschikbaar
Logo voor het bedrijf Alphabatt. Dit bedrijf zal binnenkort batterijmanagementsystemen gaan verkopen voor o.a. elektrische scooters.


Logo

Nieuwe bedrijfswebsite Resilion



Datum: februari 2008 - april 2008

Programma's: Adobe Dreamweaver CS3 en Adobe Flash CS3

Talen: Actionscript 3, Javascript, MySQL en PHP

» Link
Tijdens het 3e jaar IMD deed ik samen met een medestudent stage bij Resilion te Tremelo. Daar moesten we een nieuwe bedrijfswebsite ontwikkelen, met zowel een flash als een HTML versie. Ik nam de flash versie voor mijn rekening en werkte in totaal 4 weken aan de website. Dit was tevens ook mijn eerste ervaring met Actionscript 3 in Flash zelf.


StartschermFlash startpaginaContact paginaBib pagina + klapmenu's

ezReport



Datum: februari 2008 - mei 2008

Programma's: Adobe Dreamweaver CS3 en Adobe Photoshop CS3

Talen: Javascript, MySQL en PHP

Geen link beschikbaar
Dit is het eindwerk voor Interactive Multimedia Designer dat ik samen met Kristof Stroobants maakte. Het is een website die ook als programma gebruikt kan worden om het leven van lagere school leerkrachten gemakkelijker te maken. Concreet houdt dit in dat leerkrachten alle toetsen en rapporten online kunnen ingeven en ze zeer makkelijk toegang hebben tot de gegevens van leerlingen door de jaren heen. Als extra kunnen ouders ook inloggen op de site en online het rapport van hun kind bekijken.

Een kort overzicht van de mogelijkheden:
  • Leerkrachten en directie kunnen leerlingen aanmaken en hen per schooljaar in klassen plaatsen
  • Aanmaken van toetsen om die te groeperen in rapporten
  • Rapporten automatisch in PDF formaat
  • Mogelijkheid om verschillende departementen op te geven voor automatisch gegenereerde contactpagina
  • Intern berichtensysteem
  • Rechtensysteem om tot in de details te beslissen welke acties een gebruiker mag ondernemen
  • Aanpasbare templates om de huisstijl van de school te vertegenwoordigen
  • Beschikbaar in verschillende talen
  • ...
Uiteraard kan er nog veel meer, verder opties kan je nog in de screenshots zien...

(Namen in screenshots zijn fictief, elke gelijkenis met bestaande personen berust op toeval)



Startpagina (Ouders)Startpagina (Ouders) - vervolgRapport bekijken (Ouders)Rapport bekijken (Ouders) - vervolgContactpaginaContactpaginaTemplatesRechtensysteemGebruiker toevoegenLeerlingen in klassen plaatsenLeerkrachten aan vakken en klassen koppelenToets bekijken (leerkracht)Rapport opstellen

CO2 Calculator



Datum: december 2007

Programma's: Visual Web Developer 2005

Talen: Asp.net en MSSQL

Geen link beschikbaar
Opdracht voor het vak asp.net in het 3e jaar IMD. We moesten een groene site maken en besloten daarom een systeem uit te bouwen waar je je maandelijkse CO2 uitstoot kan berekenen, en je nuttige tips krijgt om je uitstoot te verlagen. Je krijgt er wat visuele ondersteuning bij in de vorm van een kaartje en een grafiek.

De site stond echter op een gratis host via de school en is niet langer beschikbaar.


Polution MapUitstoot grafiekBerekening

Festivalblog



Datum: december 2007

Programma's: Adobe Flash CS3 en Adobe Flex Builder 2

Talen: Actionscript 3, MySQL en PHP

» Link
Onze docenten Rich Media Applications lieten ons in het 3e jaar IMD een blog maken in Flex. Deze blog moest gaan over een vrij gekozen thema en moest minstens 2 externe API's gebruiken. Wij maakten een blog die het over festivals heeft en haalden data op bij Youtube, Flickr en Yahoo Maps.

Youtube video's bekijken werkt ondertussen helaas niet meer. Er was toen nog geen Flash API en er werd gebruik gemaakt van rss feeds die nu niet meer beschikbaar zijn.


OverzichtFestivaloverzichtMediapaginaZoekfunctieBlog bericht

PetitBear

Website voor een berenwinkel uit Lede. Deze jongens verkopen patchwork beren en alles wat daarbij kan horen.

De website bevat een zelfgemaakt CMS-systeem en een volledig aanpasbare E-Winkel, inclusief online betalen.

StartpaginaProgramma paginaE-winkelConfiguratiePagina inhoud

Space Shizzle

Opdracht voor het vak Flash in het 2e jaar IMD. Er moest een Flashspel gemaakt worden waarin enkele aangeleerde technieken aan bod kwamen. Zo moest er o.a. een scorelijst en muziek inzitten.

In het spel dat ik maakte wordt de Aarde aangevallen door een horde UFO's. Jij bent uiteraard de laatste kans om onze planeet te redden en trekt de ruimte in met een lading raketten. Het spel bestaat uit verschillende rondes van 1 minuut waarbij er steeds meer en meer UFO's op je afkomen. Het komt er dus op neer om zeer precies te vuren en handig gebruik te maken van de verschillende pickups.

Meer instructies in het spel zelf.


StartschermSpel in actieHighscore lijstOntwerp van de raket in Lightwave

Modi Vivendi

Opdracht omtrent "identiteit" voor het vak Project in het 2e jaar IMD.

Op deze website kunnen ouders van kinderen met een handicap of mensen met een handicap zelf in contact komen met elkaar op basis van hun ervaringen met die handicap.

Wanneer iemand zich registreert kan hij/zij een profiel invullen met naam, woonplaats en ervaringen. Op basis van die ervaringen kan je op zoek gaan naar andere mensen met die ervaring en zo hun profielpagina bekijken, hun blogs lezen en kijken of ze aangesloten zijn bij een instelling of vereniging.

Gebruikers kunnen ook een vertrouwelijke lijst aanmaken. Het is een soort vriendenlijst zodat je snelle toegang hebt tot blogs die je interesseren of zodat je je eigen blog privé kan maken zodat alleen je vrienden hem kunnen lezen.

Verder zijn er ook nog RSS feeds en kan je je eigen instelling of vereniging promoten.

Site administratieVoorbeeld blogberichtErvaringenErvaringen in detailPersoonlijk profiel

Ignorance Is Bliss



Datum: december 2006

Programma's: Adobe Photoshop CS

» Link
Opdracht uit het 2e jaar IMD voor het vak Photoshop. De bedoeling was om een zelfgemaakte affiche + slogan in 3 straatbeelden te verwerken.

AfficheAffiche verwerkt in straatbeeldAffiche verwerkt in straatbeeld

YourFavorites

Datum: oktober 2006 - april 2007

Programma's: Macromedia Dreamweaver 8

Talen: HTML, Javascript, MySQL en PHP

Geen link beschikbaar
Website die je kan instellen als de startpagina van je browser. Op de index pagina krijg je een overzicht van al je favoriete links, RSS feeds of zoekmachines. Je kan zelf volledig bepalen hoe je startpagina er uit ziet met achtergronden, paneelkleuren, lettergroottes,...

Concreet:
  • Voeg verschillende links toe aan zelfgemaakte categorieën
  • Plaats deze categorieën op een zelfgekozen positie op de pagina
  • Maak verschillende werkbladen waartussen je snel kan wisselen. Handig om je links van thuis, school, werk,... appart te houden of om verschillende achtergrond- en/of kleurcombinaties te maken.
  • Hulpmiddelen zoals een raster en hulplijnen om je panelen mooi te ordenen
  • Bepaal zelf welke zoekmachines je wil gebruiken
  • ...


Mogelijke startpaginaEen categorie kan ook een RSS feed of zoekmachine bevattenKeuze tussen verschillende werkbladenStyle optiesStyle opties

Werner Van Steen Photography

Datum: oktober 2006 - januari 2007

Programma's: Macromedia Flash 8 en Macromedia Dreamweaver 8

Talen: PHP, MySQL, Javascript en Actionscript 2

» Link
Dynamische flashwebsite voor een lokale fotograaf. Deze site wordt volledig aangeroepen via PHP en MySql.

De fotograaf zelf beschikt over een adminpaneel met een groot aantal mogelijheden: gallerijen aanmaken, foto's toevoegen, volgordes bewerken, exposities toevoegen, nieuws toevoegen, links toevoegen, ...

De gebruiker zelf kan op de site ook foto's toevoegen aan zijn favorieten, een taalkeuze maken, foto's bestellen, een bericht in het gastenboek plaatsen,...

StartpaginaStartpagina flashsiteFotograaf paginaFoto overzichtFotograaf beheerCategorie beheerExpositiesStatistieken

Flash Portfolio



Datum: mei 2006

Programma's: Macromedia Flash 8

Talen: Actionscript 2

» Link
Voor het vak Flash moesten we op het einde van het 1e jaar IMD een portfolio site maken. Mijn concept draait rond een oude tv waar je de frequentie moet wijzigen om op een bepaalde pagina te komen. Uiteindelijk vind ik het resultaat wel ok, maar is er te weinig ruimte voor afbeeldingen en tekst, en waardoor het eigenlijk onbruikbaar wordt...

StartpaginaPersoonlijke info

Chalmers Estate



Datum: december 2005

Programma's: Macromedia Dreamweaver 8

Talen: HTML en Javascript

» Link
Voor het vak HTML moesten we een website ontwikkelen voor een bedrijf of winkel. Ik koos ervoor om een website te ontwikkelen voor de Australische wijnhandel van mijn nonkel. Ook moesten er verplicht 2 javascripts inzitten om onze kennis daarvan te testen.


StartpaginaVerkoop pagina

Kabe en Ko



Datum: december 2005 - december 2005

Programma's: Macromedia Dreamweaver 8, Adobe Photoshop CS en Macromedia Flash 8

Talen: HTML en Javascript

» Link
In het eerste jaar IMD moest er in groepjes van 2 een website gemaakt worden voor het fictieve reisbureau "Kabe en Ko". We kregen inhoud en foto's van een verouderde website en moesten daarmee aan de slag.

De website bestaat uit 2 verschillende onderdelen: Zuid-Afrika en Thailand. Buiten kleine verschillen in layout is de opbouw van beide versies identiek. De website moest ook absoluut in 800*600 ontworpen worden, vandaar de samengedrukte layout.


Zuid-Afrika startpaginaReisinfoStrandhotelsReisvoorwaarden

GIP Multimediatechnieken: website STAPS

Op het einde van het 6e jaar Multimediatechnieken moest er een Geïntegreerde Proef gemaakt worden. Samen met 2 andere studenten maakte ik een nieuwe website voor de Sint-Amandse ParochieSchool.

De layout werd in Illustrator gemaakt en daarna via Photoshop in HTML omgezet. Er moest ook een logboek aangemaakt worden dat in Indesign ontworpen werd.


StartpaginaFotopaginaProjectpagina