Online portfolio

De planning voor de komende weken is als volgt:

Bekijk eerst deze presentatie:

• Wat maakt een goed portfolio?

Let op: het gebruik van online portfolio-diensten zoals bijvoorbeeld Adobe portfolio wordt afgeraden omdat je deze niet in eigen beheer hebt!

Opdracht

1. Je begint met eens rond te kijken op internet. Zoek drie goede professionele portfolio’s op en beantwoord de vragen op dit werkblad (PDF).

Ik heb al een portfolio.

Let op: je archief-site is geen portfolio, deze kun je dus niet gebruiken.

1. Pak je eigen portfolio erbij en bepaal voor jezelf welke verbeteringen er mogelijk zijn. Denk hierbij aan:
   1. Inhoud:
      1. Het portfolio is compleet en up-to-date.
      2. Je site ziet er professioneel / verzorgd uit.
      3. Je portfolio benadrukt je sterke kanten.
      4. Je portfolio geeft inzicht in je werkwijze / proces.
      5. Je portfolio vertelt een logisch verhaal, bijvoorbeeld door focus aan te brengen op een specialiteit of door consequent te zijn in je werkwijze en presentatie.
   2. Techniek:
      1. Werken alle pagina’s? Geen dode links of missende afbeeldingen?
      2. Is het portfolio werkbaar? Kan ik makkelijk updaten?
      3. Is de website snel ingeladen? Zijn mijn plaatjes niet te groot?
      4. Link ik naar bestanden die ongeschikt zijn voor web (indd, psd, ai en in zekere mate pdf)?
      5. Werkt mijn site op alle devices?

Ik heb nog geen portfolio of wil overnieuw beginnen

1. Maak eerst een lijstje met de werken die je hebt. Bepaal welke werken/projecten je in je portfolio wilt hebben. Denk ook na over welke delen van het werkproces je kunt laten zien per project.
2. Verzamel de benodigde afbeeldingen in een map volgens de tip hieronder.

Tip: een portfolio is een living and breathing ding. Je zult dit in je leven telkens bijwerken en opnieuw uitvinden. Dat is niet erg, dat hoort erbij. Het loont daarom de moeite om high-res, platte (jpg/png/etc) afbeeldingen van je werk te verzamelen in een map, voor de volgende keer dat je je portfolio weer eens bijwerkt.

1. Maak een map aan waarin je je afbeeldingen verzameld, speciaal voor je portfolio. Hier mogen ook (kopieën van) werkbestanden in staan, of bijvoorbeeld mock-up PSD’s waarin je je werk presenteert.
2. Verzamel van elk product/project ook afbeeldingen welke jouw werkproces illustreren (dus tussenproducten of schetsen).
3. Het doel is om van alles een afbeelding te hebben die voldoet aan de volgende voorwaarden:
   1. De afbeelding is van de hoogst mogelijke resolutie. Hiervandaan ga je downscalen voor de verwerking in je online portfolio.
   2. De afbeelding is presentabel. Het is bijvoorbeeld een mooie foto van je eindproduct of je werk in een mockup.
   3. De afbeelding is geschikt voor online media (dus JPG, PNG, GIF).
4. Wanneer je dan afbeeldingen wilt gebruiken voor een online toepassing, dan schaal je deze van je high-res versies terug naar het formaat dat je nodig hebt. Upload dus niet de high-res versies rechtstreeks naar je site.

Inleveren:

Lever het werkblad (PDF) in via Dropbox. Doe dit uiterlijk een week na de les waarin je deze opdracht bent gestart.

Opdracht

1. Heb je al een online portfolio in Html of WordPress?
   1. Zo ja, beoordeel dit dan voor jezelf. Wat is goed en wat niet? Wat zou je anders of beter willen hebben? Het kan ook dat je besluit opnieuw te beginnen.
   2. Zo nee, bedenk dan op welke wijze je een portfolio wilt maken: zelf coderen in Html of gebruik maken van WordPress?
2. Bouw (verder) aan je online portfolio.
   1. Voor html maak je gebruik van je kennis opgedaan in de REA-W lessen, bijvoorbeeld over bootstrap en CSS interacties.
   2. Voor WordPress maak je gebruik van de kennis die je hebt opgedaan bij de opzet van je Archief-site.
3. Zorg dat je portfolio presentabel is. Je kunt hierbij denken aan de volgende punten:
   1. Je portfolio is compleet: alle verzamelde werken staan er in.
   2. Je portfolio ziet er professioneel / verzorgd uit.
   3. Je portfolio benadrukt je sterke kanten.
   4. Je portfolio geeft inzicht in je werkwijze.
   5. Je portfolio vertelt een logisch verhaal, bijvoorbeeld door focus aan te brengen op een specialiteit of door consequent te zijn in je werkwijze en presentatie.

Inleveren:

Qua deadline zullen we ons in deze tijden van Corona flexibel opstellen. Iedereen wil graag een mooi portfolio, dus we gaan er van uit dat je hier zelf je verantwoordelijkheid in neemt. Dat betekent dat je op tijd en uit jezelf om feedback op je portfolio vraagt.

Zet een link naar je portfolio in je Archief.

Indien je verder werkt aan het portfolio dat in leerjaar 1 is gemaakt, zal je link er ongeveer uitzien als #####.hosts#.ma-cloud.nl/portfolio. Werk dan verder in de map portfolio en zet een link hierheen in je Archief.

Indien je een nieuwe site bent gestart, maak dan op de Ma server een nieuwe map aan met de naam portfolio2. Zet hier je nieuwe bestanden (html of WordPress) in en plaats een link in je Archief.

Je ontvangt feedback van de REA en ONT docenten op je portfolio. Deze feedback kan inhoudelijk zijn (dus over het werk), of over de vormgeving van je site, of over de technische aspecten (goede werking) van je site.

Opdracht

1. Verwerk zo veel mogelijk punten van de feedback in verbeteringen aan je site.

Inleveren:

Update je site met de verbeteringen.

Je hebt een portfolio nodig om stage te kunnen lopen. Een stagebedrijf kijkt naar de volgende aspecten:

• Je hebt voldoende werken in je portfolio staan om een indruk te krijgen van je vaardigheden
• Je portfolio ziet er professioneel / verzorgd uit
• Je portfolio benadrukt je sterke kanten
• Je portfolio geeft inzicht in je werkwijze
• Je portfolio vertelt een logisch verhaal, bijvoorbeeld:
  • door focus aan te brengen op een specialiteit
  • door consequent te zijn in je werkwijze en presentatie

De docenten voorzien je van feedback om je portfolio op een hoger niveau te krijgen. Het is jouw verantwoordelijkheid om deze feedback te verwerken.

Let op: zonder portfolio kun je niet op sollicitatiegesprek.

Je werkt met deze opdracht aan de onderstaande leerdoelen.

• Ik weet hoe een portfolio is opgebouwd en welke onderdelen er in voor moeten komen.
• Ik kan een portfolio beoordelen op kwaliteit en volledigheid.
• Ik heb een goed beeld van de verwachting van een werkgever ten aanzien van mijn portfolio.
• Ik kan mijn keuzes in het ontwerpproces inzichtelijk maken voor een ander.
• Ik kan mijn werk online presenteren volgens geldende kwaliteitsnormen.
• Ik kan mijn werk voorbereiden volgens geldende eisen op het web.
• Ik kan een portfolio opzetten in WordPress en/of HTML.

Over portfolio

• Presentatie: Een goed portfolio + wordpress vs html

Een portfolio in wordpress

• Video: installatie van WordPress (door Outger)
• Webpagina: installatie van WordPress (door ICT)
• Video’s: diverse instructies Wordpress (door Gerhard)
  • LET OP: Gebruik voor de installatie niet de video’s op deze pagina maar de video die hierboven gelinkt is.
• WordPress templates (betaald)
• Tip: je hebt van school een Premium Account bij LinkedIn Learning gekregen!

Een portfolio in html

• Gebruik de theorie uit de lessen REA-W die te vinden zijn op mamv.nl
• Gratis Bootstrap 4 Portfolio & Resume Thema’s
• Tip: je hebt van school een Premium Account bij LinkedIn Learning gekregen!