Portfolio Website

1. Portfolio Website Tim Klijn Klas: MBI m1 Datum: 21 november 2007 Leerling nummer: 1880718910

2. Inhoud van deze presentatie • Inleiding • Wat is een portfolio • Werkwijze • Plan van aanpak • Functioneel ontwerp • Technisch ontwerp • Uitvoering • Logboek • Reflectie • Bewijsmateriaal

3. Inleiding Digitaal portfolio • Dit is mijn digitale portfolio deze heb ik zelf gemaakt met de HTML code. We hebben voor dit project 9 weken gekregen. Het lijkt mij een leuk en leerzaam project omdat ik er nog niet superveel verstand van heb en hoop dat ik dit tot een goed einde kan brengen.

4. Wat is een Portfolio Een portfolio, van het Latijn portare (dragen) en folium (vel papier), is in het algemeen is een verzameling van werken of verwezenlijkingen van een persoon. Een portfolio wordt opgesteld als iemand een overzicht wil geven van zijn werk. Zo vraagt men bij de toelatingsexamens voor het hoger kunstonderwijs in de fotografie een portfolio (een selectie) van reeds gemaakte foto's. Ook als eindwerk in een hogere opleiding kan gevraagd worden een portfolio samen te stellen. Het kan dan bijvoorbeeld een verslag van de stage bevatten, naast een literatuurlijst en/of eigen ontwerpen of realisaties. Een ander voorbeeld is een portfolio van een fotomodel. Of een architect die zijn realisaties samenbrengt om aan (toekomstige) klanten te laten zien wat soort werk hij aflevert.

5. Werkwijze • Het project bekijken op blackboard • Informatie opzoeken op het internet • Html code bestuderen • Test pagina maken • Het maken van een plan van aanpak • Een functioneel verslag schetsen • Overleg plegen met de begeleidend docent • Website afleveren

6. Plan van aanpak • HTML code leren te gebruiken • Website schetsen • Website uitwerken tot in details • Het maken van de uiteindelijk website • Het coderen van de pagina’s • CV erop zetten

7. Functioneel ontwerp 1 Toegankelijk zijn voor iedereen 2 Rustig zijn niet teveel kleuren 3 Overzichtelijk 4 Makkelijk te bedienen 5 Veel informatie op de site kwijt kunnen 6 Kort maar krachtig

8. Technisch ontwerp • Adobe CS3 Dreamweaver • Kladblok of wordpad • Windows xp • Internet browsers ( Internet explorer en Mozilla firefox om de site te bekijken ) • Computer

9. Uitvoering • Eerst heb ik informatie opgezocht op internet over de HTML codes en de werking daarvan. Daarna heb ik opgezocht hoe ik dit moest doen, ik vond wat ik zocht namelijk Kladblok. Daarna heb ik een paar workshops gevolgd van HTML en leerde ik al wat meer. Toen heb ik een schets gemaakt van hoe ik mijn website wou hebben. Vanuit het oogpunt deze schets heb ik de hele tijd gewerkt. En nu kunt u het resultaat zien.

10. Logboek

11. Reflectie verslag Ik ben zeer blij met het eind resultaat ik had verschillende ontwerpen maar steeds werd het hem niet. Nu had ik eindeljik iets wat ik zelf mooi vond als portfolio site. Ik vond het zeer intressant om dit project te doen en heb er dan ook veel van geleerd en dat was de bedoeling denk ik ook van dit project. Hoe langer je aan dit project werkt of eigenlijk hoe langer je bezig bent met HTML hoe leuker het word. In het begin was het wel even worstelen met de code omdat er zoveel verschillende codes zijn om te gebruiken. Het is toch geworden wat ik voor ogen had en daar ben ik dan ook zeer trots op. Ik had het wel sneller kunnen maar soms liepen de dingen niet helemaal hoe ik ze wou hebben dus nam het weer extra tijd in beslag. Dit is ook pas de 2de keer dat ik een verslag maak dus het is ook even wennen met alle punten die aanbod komen ik hoop ook dat dit verslag in goede aarde valt. Ik heb er in ieder geval van geleerd.

12. competenties • Analyseren • Creëren • Kwaliteit leveren • Plannen en organiseren • Onderzoeken • Materialen • Formuleren • Leren