Je eigen portfolio

Een portfolio is een showcase van je eigen werk. Aan de hand van een portfolio kun je anderen laten zien wat je kan, wat je leuk vind, waar je goed in bent. Alles wat je maakt in leerjaar 1 komt in je portfolio. Niet alleen eindproducten, vaak ook de tussenfases zoals ideeën, schetsen en verslagen. Je portfolio is nooit af en werk je iedere week bij.

---

Opdracht

Maak met behulp van HTML je eigen portfolio en zet die online. Bepaal samen met de docent van ieder vak wat je precies online moet zetten. Soms is dat een eindproduct, soms zijn dat schetsen. Scan die onderdelen en zorg er voor dat die via de links in het voorbeeld-document gekoppeld worden. Die scans mogen niet zwaar zijn, anders is je portfolio zo maar vol. In Photoshop kun je ze ‘Opslaan voor WEB’ waardoor ze minder zwaar worden. Iedere week update je je portfolio.

---

Ma-portfolio template downloaden

De template voor jouw Ma-portfolio kun je downloaden van GitHub.

---

Lesmateriaal:

1. bestanden aanpassen (Photoshop) (04:18)
2. Wanneer maak je een JPG en wanneer een PNG? Save for Web in Photoshop (5:17)
   Stelregel: JPG gebruik je voor foto’s, PNG voor logo’s.
   Want:
   • Een foto opslaan als JPG is meestal beter van kwaliteit en lichter qua Kb’s dan dezelfde afbeelding in PNG
   • En andersom: een logo of lijntekening opslaan als PNG is meestal lichter en beter van kwaliteit dan dezelfde afbeelding als JPG
3. kleine PDF maken in Indesign en AcrobatPro vanaf 02:45 (03:32)
4. verschillende bestanden combineren tot 1 PDF (Acrobat) (03:45)
5. kleine PDF maken met Illustrator (02:05)
6. kleine PDF maken in Word en Powerpoint (02:40)
7. video's kleiner maken (01:39)
8. Hoe maak ik een nieuwe opdrachtpagina in mijn portfolio (17:14)

---

Wat ga jij doen:

Gebruik de Ma-portfolio template waarmee je jouw portfolio start. In de loop van het jaar leer je steeds beter coderen in HTML en CSS. Je kan dus dan steeds meer aanpassen.

Het is de bedoeling dat je deze portfolio gaat verbouwen zodat het jouw portfolio wordt. Jouw eigen stijl met jouw eigen werk.

• In het begin pas je alleen de kleuren, plaatjes en lettertypes aan.
• Later ga je ook de layout aanpassen.

De template bestaat uit 2 pagina’s:

• index.html
  Dit is de startpagina van waar je kan doorklikken naar alle vervolg pagina’s met jouw werk. De startpagina is een one-pager met alle vakken en per vak 2 hyperlinks naar een pagina met jouw werk en opdrachten. Heb je meer (of minder) links per vak nodig, dan kan je die zelf bij maken of weghalen.
• opdracht.html
  Al je werk en opdrachten komen in een aparte html pagina. Voor elke opdracht een nieuwe pagina. Kopieer deze pagina voor elke opdracht die je online zet. En pas de hyperlink in de startpagina aan.
  Zet in deze opdracht.html altijd de volgende onderdelen.
  • De titel van de opdracht
  • De datum waarop je deze opdracht hebt gemaakt of ingeleverd.
  • In de omschrijving zet je onder andere:
    • Titel en datum
    • Wat: beschrijf wat je hebt gemaakt.
    • Waarom: beschrijf het doel van de opdracht of product. Bijvoorbeeld: Wat was het leerdoel? Of waarom wordt deze techniek zo gebruikt?
    • Hoe: beschrijf hoe je het hebt gemaakt en/of welke techniek je hebt gebruikt.

• Zet je naam bovenaan de website en verander de <title> van je HTML-document
• Verander de meta-tags (keywords, beschrijving, etc…)
• Geef ieder plaatje een alt-tag (beschrijving van het document)
• Scan de documenten die je per vak nodig hebt
• Maak je documenten kleiner in Photoshop d.m.v. ‘Opslaan voor WEB’
• Geef je documenten logische namen zonder spaties, en vermijd hoofdletters
• Zet het HTML-document online met de bijbehorende afbeeldingen, pdf’s en CSS
• De map op de server heet portfolio http://studentnummer.hosts.ma-cloud.nl/ma-portfolio
• Controleer je eigen document door te klikken op je url
• Controleer je eigen document op iemand anders zijn/haar computer
• Controleer je site niet alleen in Safari maar ook in Chrome of Firefox

---

Afbeeldingen

Afbeeldingen stop je in een img tag. Afbeeldingen zijn jpg, gif, png of svg.

Wanneer gebruik je een jpg?

JPG is het meest geschikt voor foto’s. Foto’s van je telefoon of camera bijvoorbeeld. Een jpg sla je op via bijvoorbeeld Photoshop.

Waneer gebruikt je gif of png?

GIF en PNG zijn vooral geschikt als logo. Strakke vlakken? Dan GIF of PNG. Gif is wat ouderwets. Tegenwoordig gebruiken we vooral png. Tenzij je natuurlijk een animated gif maakt.
PNG is er in twee varianten: PNG 8 en PNG 24. PNG 24 heeft transparantie maar is veel zwaarder (KB) dan PNG 8. Een png of gif sla je op via bijvoorbeeld Photoshop of Illustrator.

Wanneer gebruik je svg?

SVG is een schaalbaar vector plaatje. Dit is heel licht en heel goed van kwaliteit. Vooral logo’s en strakke vormen zijn geschikt voor SVG. Een svg maak je met bijvoorbeeld illustrator.

---

Video

Video’s zet je bij voorkeur op een streaming dienst zoals Youtube, Vimeo of Ms Stream. Zo’n video embed je dan via een iframe. De code kopieer je via de delen functionaliteit van Youtube of Ms Stream.

Video’s op je eigen server van het Mediacollege zetten heeft 2 nadelen: je server ruimte is heel snel vol. Je hebt maar 1GB. En het streamen video zonder streaming dienst als Youtube is trager. Een video op je eigen server maak je met een video tag

Youtube

Youtube is natuurlijk gratis en veel studenten hebben daar een account. En de streaming dienst is van heel goede kwaliteit. Maar youtube heeft ook nadelen:

Nadelen Youtube

• Youtube levert je ook reclame en aan het eind van je video krijg je altijd suggesties voor meer video te zien.
• Heb je een bekend muziek nummer (wat niet rechtenvrij is) in jouw filmpje verwerkt? Dan kan je je filmpje niet insluiten in jouw website.

Ms Stream

Ms Stream hoort bij jouw Ms Office pakket, net zoals Outlook en OneDrive. Daar kun je je video’s streamen zolang je dat school account hebt. Het grote voordeel is dat je ook video’s kunt insluiten die bekende muziek nummers bevatten. Bij Youtube kan dat niet.

Nadelen Ms Stream

• Ms Stream heb je zolang je op het Mediacollege zit. Zodra je school verlaat wordt dat account opgeheven.
• Ms Stream is niet openbaar. Alleen mensen met een Mediacollege account kunnen jouw video’s zien.
• Ms Stream is trager en heeft een minder prettige interface.

---

Criteria

• Site is vindbaar via: http://studentnummer.hosts1.ma-cloud.nl/ma-portfolio of http://studentnummer.hosts2.ma-cloud.nl/ma-portfolio
• Site werkt in alle browsers (let op: in Safari kun je een pdf in een <img> tag stoppen, maar dat kan niet in andere browsers)
• Alle links werken
• Alle links (documenten) hebben goede namen

• Alle links (documenten) hebben de juiste bestandsvorm (jpg, gif, png of pdf)
• <title> is aangepast
• meta-tags zijn aangepast
• Iedere afbeelding heeft een alt-tag

---

Inleverwijze

1. Zet je portfolio online via Filezilla op: http://studentnummer.hosts1.ma-cloud.nl/ma-portfolio of http://studentnummer.hosts2.ma-cloud.nl/ma-portfolio
2. Geef daarna je link door via dit formulier
   Geef hier je portfolio link door

---

Deadline

Periode 1: Maandag 18 november 2019 voor de ouderavond (week 47):

Op de ouderavond (maandag 18 november) presenteer je je portfolio. Je eerste werk staat online, dat doe je in de REA-W lessen. Je portfolio is nooit af, iedere week voeg je nieuwe dingen toe. Vraag aan de docent van ieder vak wat er in moet.

Periode 2: Donderdag 6 februari 2020 09:30 uur

Je presenteert je portfolio aan de helft van jouw klas en een of twee docenten. De ene helft van de klas is donderdag 6 december aan de beurt. De andere helft vrijdag 7 december. Je krijgt nog te horen wanneer jij aan de beurt bent.

---

Leerdoelen

Kerntaak 1.5:

1. Presenteert een media-uiting

Kerntaak 2: Realiseert media-uiting

1. Bereid realisatie voor
2. Maakt de media-uiting
3. Levert een media-uiting op
4. Houdt archief bij

---

Resultaat

Altijd en overal je portfolio up to date en online bij de hand. Nooit meer zoeken om oude opdrachten, docenten kunnen je werk vinden via je studentnummer, want de URL daarna is voor iedere student hetzelfde: http://studentnummer.hosts1.ma-cloud.nl/portfolio

---

Inhoud portfolio per vak – periode 1 (2019/2020)

UXD – Richard Slakhorst

1. 0pdracht.1: Userjourney: 0p weg naar school
2. 0pdracht.2: Infographic: Survivalguide for Ma-students
3. 0pdracht.3: userjourney: Een kopje thee

Ontwerp Beeld – Meike Beckers MV1E

1. Beelddictee: goede-en verkeerde hand
2. Illustratie
3. Getekend interview: Eindresultaat
4. A5 collages ‘Tekst als Beeld’
   A5 collages ‘Kleurcontract’

Ontwerp Beeld – Meike Beckers MV1F

1. Beelddictee: goede-en verkeerde hand
2. llustratie
3. Getekend interview: Eindresultaat
4. Werken als een vormgever; Delftsblauw 2.0

Ontwerp Beeld – Mario van Megen, Hanneke Zigmans en Saskia Kluft

1. Beelddictee (goede en andere hand)
2. Illustratie (eindresultaat)
3. Zelf in Beeld (eindresultaat)
4. Experimenten (minimaal 1 A5 collage ‘Tekst als Beeld’, (minimaal 1 A5 collage‘Kleurcontrast’ en Eindcollage op A4 met REEKS A3)

Je maakt zelf een keuze uit 3 van de bovenstaande 4 opdrachten voor ONTB.
Die 3 opdrachten plaats je in je portfolio in periode 1.
Bij ieder opdracht lever je een beschrijving volgens de instructie van Bethuel. Voor de opdracht Experiment maak je een totaalomschrijving.

ONTT – Loïs Hangelbroek & Danny Geerlof

1. logo-wissel
2. font-opdracht

READ – Ton Overgoor

• Drie opdrachten naar keuze

READ – Johan Groenendijk

4 van de 5 onderstaande opdrachten. Jij mag kiezen.

1. Ansichtkaart,
2. Schetsboek,
3. Schrift,
4. nieuwsbrief,
5. Eigen folder, gebruik de tekst van Nederlands

REAV – Gerhard Derksen

1. Video wandeling introductieweek
2. Je mooiste video die je gemaakt hebt in Premiere

REAW – Bethuel Heldt

1. Hoofdstuk 4: mini-website
2. Eventueel hoofdstuk 5a: 1ste css oefening (als die af is)

WRP-E – Eric Slob

1. Te zien is een foto van je werk, eventueel met photoshop nabewerkt, en een beschrijving van de opdracht.
   Eventueel aangevuld met je schetsen
   Je beschrijft de techniek die in de opdracht verwerkt is, hologram of anaglyph en, als je voor de 3d bril kiest, je idee achter de vormgeving.

WRPP – Marlies Valkering

1. Presentatie van de drogenaaldets
2. Eventueel als extra een afbeelding van het presentatie model snijopdracht

Rekenen – Mario van Megen

1. Voor het vak rekenen laat je in je portfolio de door jou gemaakte infographic zien. Dit kan als jpg of als pdf. De keuze om de daarbij horende door jou opgestelde vragen toe te voegen, laat ik aan jou en is dus niet verplicht.

M&C – Reggie Offermans

1. Opdracht 1: poster activiteit
2. Opdracht 2: Facebook pagina activiteit
3. Opdracht 3: Pictogram
4. optioneel: rebus en emoticons

SLB

• MV1B, MV1D, MV1E (Hanneke Zigmans, Mario van Megen en Marlies Valkering): klassenregelsposter als pdf of als jpg op je portfolio.
• MV1C (Reggie Offermans):  logo intro en klassenregels en regels social media

---

Inhoud portfolio per vak – periode 2 (2019/2020)

Download het schema Portfolio periode 2 MV1-2019/2020 waarmee jullie portfolio wordt beoordeeld.
Dit schema wordt ingevuld n.a.v. je (digitale) portfolio presentatie op 30 of 31 januari. Zorg ervoor dat voor periode 1 en periode 2 elk vak aanwezig is in je portfolio.
Elk vak wordt beoordeeld met een O/V/G. (Onvoldoende/Voldoende/Goed)

UXD – Richard Slakhorst

1. 0pdracht.1 – festivalonderzoek
2. 0pdracht.2 – persona
3. 0pdracht.3 – userstory

ONTB – Mario van Megen, Saskia Kluft, Hanneke Zigmans

1. Op één pagina:
   Poster Open Dag Visual Design of poster Paarse Vrijdag
   Reeks Open Dag Visual Design of poster Paarse Vrijdag
2. Op één pagina:
   Presentatie model isometrie van Robot of Droomkamer
   Reeks isometrie van Robot of Droomkamer

Dit mag je aanvullen met je schetsvellen en inspiratievellen van beide bovenstaande opdrachten, je isometrische oefenvellen (cilinders en kubussen) en je tekening van de voorwerpen uit je tas.

ONTB – Meike Beckers

1. Poster Open Dag Visual Design of poster Paarse Vrijdag
2. Onderzoek: inspiratie en schetsvel Robot
   Presentatie model van Robot of Droomkamer
3. Presentatiemodel 3d schetsen (5 voorwerpen uit je tas)

ONTT – Loïs Hangelbroek & Danny Geerlof

1. Font ontwerp op grid
2. monogram

READ – Johan Groenendijk

1. AH
2. Verkeersborden
3. Kerstkaarten
4. T-shirt
5. Manga (niet voor MV1D)
6. Jaarzegels 2020

REAV – Gerhard Derksen

Geen mp4’s uploaden, embed of link je filmpje (Youtube, Microsoft Streams)

1. Festival trailer
2. After Effects logo van je naam (groot in beeld, niet klein rechts in de hoek, want dat dis te klein voor de presentatie)

REAW – Bethuel Heldt

1. Jouw digitale portfolio zelf. Klik hier voor de eisen
2. Hoofdstuk 6
3. Eventueel de tutorial opdracht

WRPP – Marlies Valkering

Een of beide opdrachten

1. A5 portfolio mapje
2. 5 bindtechnieken

WRPE – Eric Slop

• Eén op dracht naar keuze

Nederlands – Audrey Stam

• ‘About me’ tekst op jouw portfolio

Rekenen – Mario van Megen

• breuken-cartoon-opdracht

M&C – Reggie Offermans

1. Oefenonderzoek
2. Gouden Loekie
3. Concurrentieonderzoek

SLB – alle klassen / alle SLB’ers?

• Filmpje Wim Crouwel (eindweek periode 1)
• Thuisblijfopdracht 1 (indien je niet hielp tijdens Open Dag 27/11/’19)
• Thuisblijfopdracht 2 (indien je niet hielp tijdens Open Dag 22/1/’20)

---

Inhoud portfolio per vak – periode 3 & 4 (2019/2020)

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---