Opdracht 15
Nu je alle opdrachten klaar hebt ga je beginnen aan je presentatie. Je levert je portfolio op door middel van een website. De persoonlijke informatie mag op een afgeschermd gedeelte zitten van je website, (zorg wel dat de docent de inlogcode krijgt!) Hoe deze website eruit komt te zien bepaal jezelf. Wel moeten de volgende functionaliteiten verwerkt worden in je website. HTML / CSS: Maak een statische website met behulp van HTML5 en CSS3. Maak gebruik van rich media en de mogelijkheden van CCS3 en HTML5 (dus geen flash-player gebruiken maar de HTML5-tags! Denk heel goed na over hoe jij jezelf wilt presenteren via de site. Leg uit wat je er mee kan en laat een voorbeeld zien. Javascript: Breidt je pagina uit met javascript. Laat zien/leg uit wat je geleerd hebt met javascript en toon stukjes code op de website met uitleg. PHP / MySQL: Nu je de opdrachten van PHP en MySQL hebt afgerond en ook de workshop “PDO”, kan je dit ook verwerken in je website. Maak een inlogmodule en zorg ervoor dat je daar de content van je website kan beheren. Als je bijvoorbeeld teksten op deze manier wilt wijzigen, zou je ook een editor kunnen implementeren (bijv. TinyMCE http://www.tinymce.com) zodat je in de tekst de layout kan aanpassen of juist makkelijk een plaatje kan toevoegen. jQuery: Je hebt het boekje over jQuery uitgewerkt en je zult wellicht tot de ontdekking zijn gekomen dat je met jQuery hele leuke dingen kunt maken. Zo kun je bijvoorbeeld een foto-slider maken, maar ook animaties. ook hierover maak je een stukje met voorbeeld en uitleg. Responsive: Jouw portfolio-website is nu aardig compleet, maar is je website ook geschikt voor smartphones of tablets? Of kleinere schermen? Schaalt je website, inclusief de content, goed mee op het moment dat je de browser smaller maakt? Zorg ervoor dat je website responsive is. Weet je niet precies waar je moet beginnen of hoe het in zijn werk gaat? Geen nood, hierover kan je een workshop volgen. Hou de site in de gaten wanneer deze is. Duurt het nog even voor je naar de workshop kan, check dan de volgende site voor meer informatie en voorbeelden: https://developers.google.com/web/fundamentals/getting-started/your-firstmulti-screen-site/responsive Natuurlijk kan je de vakdocenten ook vragen om informatie tijdens WEBmomenten! SEO: Zorg ervoor dat je pagina SEO-friendly is. Bekijk de volgende website wat SEO is en hoe je jouw portfolio SEO-friendly maakt. http://www.seozwolle.nl/seo-schrijven-schrijf-zo-precies-mogelijk.html
Je gaat nu daadwerkelijk je e-portfolio in elkaar zetten. Naast de verplichte opdrachten die je hiervoor gemaakt hebt, voeg je ook al het werk wat je tijdens de opleiding gemaakt hebt toe aan je website. Wees creatief!
Je moet jouw portfolio op twee manieren opslaan! 1 - Als offline website. Zorg voor een mappenstructuur zoals je geleerd hebt. Vervolgens comprimeer je alles tot één acrchief bestand en levert deze in op een door de docent gewenste wijze. 2 - Als Online website. Zorg dat jouw docent de URL + wachtwoorden krijgt.