Tag archieven: Web

Wattcher Mobile

2012 – 2013

In de periode van augustus 2012 tot februari 2013 heb ik afgestudeerd, voor HU Mediatechnologie, bij het bedrijf Wattcher BV.

Wattcher BV is een bedrijf die een energie monitor heeft ontwikkeld. Voor Wattcher BV heb ik een interactieve mobiele website gemaakt. In de eerste periode van 2 maanden heb ik een ontwerp gemaakt voor Wattcher BV, wat ik daarna geheel ontwikkeld heb. Ik heb in deze periode het CMS Typo3 leren kennen en heb voornamelijk gewerkt met PHP, HTML, CSS en Javascript. Hiervoor heb ik voornamelijk Notepad++ gebruikt met zijn FTP plugin. Ik heb de website moeten testen op verschillende platforms en verschillende versies:

  • Google Chrome
  • FireFox
  • Safari
  • Internet Explorer
  • Andriod Browser
  • Safari op iOS

De interactieve website is hier te vinden: https://m.wattcher.nl/

Afbeeldingen van verschillende onderdelen van de website:

login pagina m.wattcher.nl

login pagina m.wattcher.nl

home pagina

home pagina

Grafiek en geschiedenis

Grafiek en geschiedenis

 

XML Flash Gallery

In 2011 heb ik in opdracht van een vriendin een simpele Flash galerij gemaakt om een bepaald aantal foto’s mooi te presenteren op haar website. Dit heb ik gemaakt in Adobe Flash met Actionscript 3.0. In dit project zat totaal 15 uur aan werk.

Op de website moest ook een administratie pagina komen, zodat de foto’s geupload konden worden, een titel gegeven worden en verwijderd worden. Van deze software heb ik een pakket gemaakt wat gemakkelijk is te installeren door andere mensen.

Het resultaat is te zien op noradekoster.nl

De galerij

De galerij

De administratie pagina

De administratie pagina

Noradekoster.nl

Noradekoster.nl

 

Portfolio Website

Tussen 2011 en 2012 heb ik eigenhandig in html, php, javascript en css een portfolio website gemaakt waar mijn cv en projecten op te zien waren. Ik had voornamelijk Notepad++ gebruikt om de code te typen. In deze tijd heb ik veel geleerd over het ontwikkelen van webpagina’s.

Uiteindelijk was het niet flexibel om mee te werken. september 2013 heb ik ervoor gekozen om een WordPress pagina aan te maken voor mijn portfolio.

portfoliowebsite

Project Beeldverwerking – Orions Fall

2009

Opdracht:
De opdracht voor dit project is het maken van een game in Flash. De game moet zowel op het Web gespeeld kunnen worden (m.b.v. de Flash browser plugin) als gedownload kunnen worden om lokaal te spelen.

Voor dit project hebben we een spel bedacht voor de casual webgamer, Orions Fall genaamd. Een simpele top-down shooter waarbij je een ruimteschip bestuurd om de vijanden van je af te slaan.

Bij dit project was ik als projectleider uitgekozen. Verder had ik de taak op mij genomen om de engine voor dit spel te maken. Dit heb ik in Adobe Flash met Actionscript 3.0 gemaakt. Dit project was niet helemaal afgemaakt en heb ik met toestemming mee naar huis genomen om er zelf meer aan te werken.
Tevens heb ik voor dit project enige leveldesign en andere details ontworpen.

hu_orion

Project Beroepsoriëntatie

2008

De opdracht:
Maak een website voor toekomstige MediaTechnologie studenten. Op de website moest onder andere actueel en correct zijn, opgebouwd volgens je gedocumenteerde concept en het moest een “Eye-catcher” bevatten (een afbeelding/animatie op het scherm waar je aandacht naartoe getrokken werd).

Ik heb mij bij dit project voornamelijk bezig gehouden met de eye-catcher. Dit heb ik in Adobe Flash gedaan en destijds geprogrammeerd met Actionscript 2.0. De eye-catcher, op de afbeelding rechts boven, weergeeft het nieuwe gebouw van de HU waar mensen, auto’s en bussen voor rijden. Deze willekeurige bewegingen zorgen voor de benodigde aandacht waar de eye-catcher voor moest zorgen. Als je met de muis over de eye-catcher gaat, zoom je in op de voordeur en krijg je informatie over de open dagen te zien. Ik heb mij ook bezig gehouden met het design en de indeling van de website.

hu_website