Concept
Mijn website zal mijn leerportfolio voor het tweede semester van ICT & Media Design weergeven. Het belangrijkste van de website is om op een dynamische wijze categorieën, gemaakte werken en opdrachten in te laden en weer te geven. Bij categorieën is het mogelijk om een rubrix toe te voegen en ook om een stukje tekst over de categorie. Bij opdrachten en gemaakte werken kunnen er foto's en documenten worden toegevoegd als referentie materiaal.
Verschillende categorieën komen in het menu te staan. Hiernaast worden alle categorieën weergegeven onder op de homepagina. Op de categorie pagina worden alle opdrachten en werken geladen die de bepaalde categorie hebben. Hiernaast kan er worden gefilterd op sprints. Bij een categorie is er een mogelijkheid om een rubrix toe te voegen.
Al de data, categorieën, opdrachten, rubrix' en gebruikers, wordt in een MySQL database opgeslagen. Data kan worden verwijderd, toegevoegd of gewijzigd wanneer je bent ingelogd in het CMS systeem.
Met de gemaakte portfoliowebsite wil ik laten zien dat ik goed ben in programmeren, creatief ben en oog heb voor de gebruiker. Onder het kopje prototype staat een prototype van de eerste versie van de website.
Functioneel ontwerp
Sitemap
Layout schets van elke pagina
Opzetten van de layout van de pagina's zijn te zien in het prototype hier.
Functionaliteiten per pagina
De website wordt bezocht door 2 verschillende gebruikers. De beheerder, oftewel ik, en een gebruiker, oftewel docenten of klasgenoten.
Functionaliteiten voor gebruiker:
- Informatie verkrijgen over Max
- Zoeken per categorie
- Zoeken per sprint
- Bekijken van de rubrix van het vak
- Bekijken van de opdracht
- Mogelijke downloaden van de opdracht
Functionaliteiten voor beheerder:
- Inloggen
- Foto's toevoegen
- Documenten toevoegen
- Categorieën maken, veranderen en verwijderen
- Opdrachten maken, veranderen en verwijderen
- Rubrix maken, veranderen en verwijderen
Openstaande kwesties
- Mogelijke slideshow/image scroller voor opdracht pagina
- Mogelijkheid om document of zip te downloaden vanaf opdracht pagina
- Rubrix toelichting van waarom ik denk dat ik ergens sta
- Backend design
- Responsive design?
- Animations bij het filteren op sprints
Prototype
Code snippets
PHP
JavaScript & jQuery
See the Pen CSS before and after by Max (@MaxAltena) on CodePen.
Feedback
Verkregen feedback van docenten:
Interessante startpagina. Fijn dat hij al online staat. De afbeeldingen in je portfolio vind ik niet aansluiten bij het onderwerp. Zoals het portfolio nu is opgebouwd zorgt het wel voor veel klikwerk. Ik zou in ieder geval de opdrachten van interviewen/ken je gebruiker combineren. Dat geldt ook voor de storyboards. De tekst is al vrij aardig. Zorg wel dat je bij reflectie zo concreet mogelijk blijft. En dat in je uiteindelijke portfolio de verschillende versies van bijv de interviewvragen laat zien.
Concept
Mijn website zal mijn leerportfolio voor het tweede semester van ICT & Media Design weergeven. Het belangrijkste van de website is om op een dynamische wijze categorieën, gemaakte werken en opdrachten in te laden en weer te geven. Bij categorieën is het mogelijk om een rubrix toe te voegen en ook om een stukje tekst over de categorie of vak. Dit stukje tekst gaat over mijn ervaring van het vak. Bij opdrachten en gemaakte werken kunnen er foto's en documenten worden toegevoegd als referentie materiaal.
Verschillende categorieën komen in het menu te staan. Hiernaast worden alle categorieën weergegeven onder op de homepagina. Op de categorie pagina worden alle opdrachten en werken geladen die de bepaalde categorie hebben. Hiernaast kan er worden gefilterd op sprints. Bij een categorie is er een mogelijkheid om een rubrix toe te voegen.
Al de data, categorieën, opdrachten, rubrix' en gebruikers, wordt in een MySQL database opgeslagen. Data kan worden verwijderd, toegevoegd of gewijzigd wanneer je bent ingelogd in het CMS systeem. Er wordt gebruik gemaakt van PDO om het ophalen en toevoegen van data veilig te houden.
Met de gemaakte portfoliowebsite wil ik laten zien dat ik goed ben in programmeren, creatief ben en oog heb voor de gebruiker. Onder het kopje prototype staat een prototype van de tweede versie van de website.
Functioneel ontwerp
Functionaliteiten per pagina
De website wordt bezocht door 2 verschillende gebruikers. De beheerder, oftewel ik, en een gebruiker, oftewel docenten of klasgenoten.
Functionaliteiten voor gebruiker:
- Informatie verkrijgen over Max
- Zoeken per categorie
- Zoeken per sprint
- Bekijken van de rubrix van het vak
- Bekijken van de opdracht
- Mogelijke downloaden van de opdracht
Functionaliteiten voor beheerder:
- Inloggen
- Foto's toevoegen
- Documenten toevoegen
- Categorieën maken, veranderen en verwijderen
- Opdrachten maken, veranderen en verwijderen
- Rubrix maken, veranderen en verwijderen
Openstaande kwesties
- Mogelijke slideshow/image scroller voor opdracht pagina
- Mogelijkheid om document of zip te downloaden vanaf opdracht pagina
- Rubrix toelichting van waarom ik denk dat ik ergens sta
- Responsive design?
- Beste manier om documenten en andere media te laten zien op item pagina?
- Het makkelijkste media toevoegen aan de database
- Rubrix'en veranderen, toevoegen en verwijderen? Hoe?
- Makkelijk opzoeken van opdrachten
- Betere animaties voor overgangen en acties
Prototype
Feedback
Verkregen feedback van docenten:
Hey, die startpagina herken ik ergens van! (Particles.js)
Verkregen feedback van medestudenten:
Doe iets met de ultieme linkjes, is niet fijn om mee te werken.
Website is wel vet, maar is helemaal niet responsive. Ga je daar nog iets mee doen?
Concept
Mijn website zal mijn leerportfolio voor het tweede semester van ICT & Media Design weergeven. Het belangrijkste van de website is om op een dynamische wijze categorieën, gemaakte werken en opdrachten in te laden en weer te geven. Bij categorieën is het mogelijk om een rubrix toe te voegen en ook om een stukje tekst over de categorie of vak. Dit stukje tekst gaat over mijn ervaring van het vak. Bij opdrachten en gemaakte werken kunnen er foto's en documenten worden toegevoegd als referentie materiaal.
Verschillende categorieën komen in het menu te staan. Hiernaast worden alle categorieën weergegeven onder op de homepagina. Op de categorie pagina worden alle opdrachten en werken geladen die de bepaalde categorie hebben. Hiernaast kan er worden gefilterd op sprints. Bij een categorie is er een mogelijkheid om een rubrix toe te voegen.
Al de data, categorieën, opdrachten, rubrix' en gebruikers, wordt in een MySQL database opgeslagen. Data kan worden verwijderd, toegevoegd of gewijzigd wanneer je bent ingelogd in het CMS systeem. Er wordt gebruik gemaakt van PDO om het ophalen en toevoegen van data veilig te houden.
Met de gemaakte portfoliowebsite wil ik laten zien dat ik goed ben in programmeren, creatief ben en oog heb voor de gebruiker. Onder het kopje prototype staat een prototype van de derde versie van de website.
Functioneel ontwerp
Functionaliteiten per pagina
De website wordt bezocht door 2 verschillende gebruikers. De beheerder, oftewel ik, en een gebruiker, oftewel docenten of klasgenoten.
Functionaliteiten voor gebruiker:
- Informatie verkrijgen over Max
- Zoeken per categorie
- Zoeken per sprint
- Bekijken van de rubrix van het vak
- Bekijken van de opdracht
- Mogelijke downloaden van de opdracht
Functionaliteiten voor beheerder:
- Inloggen
- Foto's toevoegen
- Documenten toevoegen
- Categorieën maken, veranderen en verwijderen
- Opdrachten maken, veranderen en verwijderen
- Rubrix maken, veranderen en verwijderen
Openstaande kwesties
- Mogelijke slideshow/image scroller voor opdracht pagina
- Mogelijkheid om document of zip te downloaden vanaf opdracht pagina
- Rubrix toelichting van waarom ik denk dat ik ergens sta
- Responsive design? - Gaat niet gebeuren
- Beste manier om documenten en andere media te laten zien op item pagina?
- Het makkelijkste media toevoegen aan de database
- Rubrix'en veranderen, toevoegen en verwijderen? Hoe?
- Uitgelichte opdrachten het beste weergeven aan de gebruiker
Prototype
Feedback
Verkregen feedback van docenten:
Voelt druk en onoverzichtelijk aan. Veel beweging en froezeltjes tussen door dat afleidend werkt.
Weinig procesdocumentatie.
'Ik verdwaal in je portfolio' - Er moet iets worden gedaan met de navigatie
Concept
Mijn website zal mijn leerportfolio voor het tweede semester van ICT & Media Design weergeven. Het belangrijkste van de website is om op een dynamische wijze categorieën, gemaakte werken en opdrachten in te laden en weer te geven. Bij categorieën is het mogelijk om een rubrix toe te voegen en ook om een stukje tekst over de categorie of vak. Dit stukje tekst gaat over mijn ervaring van het vak. Bij opdrachten en gemaakte werken kunnen er foto's en documenten worden toegevoegd als referentie materiaal.
Verschillende categorieën komen in het menu te staan. Hiernaast worden alle categorieën weergegeven onder op de homepagina. Op de categorie pagina worden alle opdrachten en werken geladen die de bepaalde categorie hebben. Hiernaast kan er worden gefilterd op sprints. Bij een categorie is er een mogelijkheid om een rubrix toe te voegen.
Al de data, categorieën, opdrachten, rubrix' en gebruikers, wordt in een MySQL database opgeslagen. Data kan worden verwijderd, toegevoegd of gewijzigd wanneer je bent ingelogd in het CMS systeem. Er wordt gebruik gemaakt van PDO om het ophalen en toevoegen van data veilig te houden.
Met de gemaakte portfoliowebsite wil ik laten zien dat ik goed ben in programmeren, creatief ben en oog heb voor de gebruiker. Onder het kopje prototype staat een prototype van de vierde versie van de website.
Functioneel ontwerp
Functionaliteiten per pagina
De website wordt bezocht door 2 verschillende gebruikers. De beheerder, oftewel ik, en een gebruiker, oftewel docenten of klasgenoten.
Functionaliteiten voor gebruiker:
- Informatie verkrijgen over Max
- Zoeken per categorie
- Zoeken per sprint
- Bekijken van de rubrix van het vak
- Bekijken van de opdracht
- Mogelijkheid downloaden van de opdracht (PDF versie)
Functionaliteiten voor beheerder:
- Inloggen
- Media toevoegen en verwijderen
- Categorieën maken, veranderen en verwijderen
- Opdrachten maken, veranderen en verwijderen
- Rubrix maken, veranderen en verwijderen
Openstaande kwesties
- Responsive design?
Prototype
Code snippets
JavaScript & jQuery
See the Pen Background image slider by Max (@MaxAltena) on CodePen.
Feedback
Geen feedback verkregen deze sprint
Concept
Mijn website zal mijn leerportfolio voor het tweede semester van ICT & Media Design weergeven. Het belangrijkste van de website is om op een dynamische wijze categorieën, gemaakte werken en opdrachten in te laden en weer te geven. Bij categorieën is het mogelijk om een rubrix toe te voegen en ook om een stukje tekst over de categorie of vak. Dit stukje tekst gaat over mijn ervaring van het vak. Bij opdrachten en gemaakte werken kunnen er foto's en documenten worden toegevoegd als referentie materiaal.
Verschillende categorieën komen in het menu te staan. Hiernaast worden alle categorieën weergegeven onder op de homepagina. Op de categorie pagina worden alle opdrachten en werken geladen die de bepaalde categorie hebben. Hiernaast kan er worden gefilterd op sprints. Bij een categorie is er een mogelijkheid om een rubrix toe te voegen.
Al de data, categorieën, opdrachten, rubrix' en gebruikers, wordt in een MySQL database opgeslagen. Data kan worden verwijderd, toegevoegd of gewijzigd wanneer je bent ingelogd in het CMS systeem. Er wordt gebruik gemaakt van PDO om het ophalen en toevoegen van data veilig te houden.
Met de gemaakte portfoliowebsite wil ik laten zien dat ik goed ben in programmeren, creatief ben en oog heb voor de gebruiker. Onder het kopje prototype staat de uiteindelijke versie van de website.
Functionaliteiten per pagina
De website wordt bezocht door 2 verschillende gebruikers. De beheerder, oftewel ik, en een gebruiker, oftewel docenten of klasgenoten.
Functionaliteiten voor gebruiker:
- Informatie verkrijgen over Max
- Zoeken per categorie
- Zoeken per sprint
- Bekijken van de rubrix van het vak
- Bekijken van de opdracht
- Mogelijkheid downloaden van de opdracht (PDF versie)
Functionaliteiten voor beheerder:
- Inloggen
- Media toevoegen en verwijderen
- Categorieën maken, veranderen en verwijderen
- Opdrachten maken, veranderen en verwijderen
- Rubrix maken, veranderen en verwijderen
Openstaande kwesties
- Responsive design?
Prototype
Feedback
Geen feedback verkregen deze sprint