Made by Valentijn Kap, 3IV1
Inhoudsopgave 1 Inleiding 2 Verantwoording 3 Dutch Portfolio 4 Leerdoelen 4.1 Wordpress Beheersen 4.2 Template bouwen 4.3 Webhosting 4.4 Efficiënt werken 4.5 Concept 4.6 Secuur en durven 5 Werkzaamheden 5.1 1001 nacht toernooi 5.2 Uranuscultuurlab 5.3 Dutch Portfolio 5.4 FounderGate 5.5 Rob Meijer 5.6 Overkleeft Mediation/Concultansy 5.7 Culikidz 6 Zelf reflectie
www.valentijnkap.nl/stageverslag
Blz. 2 Blz. 3 Blz. 5 Blz. 7 Blz. 8 Blz. 9 Blz. 10 Blz. 11 Blz. 12 Blz. 13 Blz. 14 Blz. 15 Blz. 16 Blz. 17 Blz. 18 Blz. 19 Blz. 20 Blz. 21 Blz. 22
Begeleiders
Student
Praktijkbegeleider Sietse Bras
Valentijn Kap 117271
Stagebegeleider Bert de Boer
3IV1 Interactieve Vormgeving
1
Inleiding
Zoals ik op de website vermeld heb zou ik een website maken met behulp van Wordpress waar mijn stage verslag in komt. Naast de website wil ik ook een schriftelijk verslag en hier vind je de zelfde informatie als dat op de website staat.
www.valentijnkap.nl/stageverslag
2
Verantwoording
Als je aan een verslag denkt denk je aan een stapel A-4tjes met lappen tekst over het onderwerp wat in het verslag staat. Dat is voor mij niet interessant en dat is ook niet wat ik hier geleerd heb. Wat ik hier geleerd heb is met Wordpress werken om een website te ontwikkelen. Ik had hiervoor nog niet met het CMS gewerkt dus dit was nieuw voor mij. Om te laten zien wat ik hiervan heb opgestoken heb ik van mijn verslag een website gemaakt. Uiteraard is dit met behulp van Wordpress gemaakt. Ik ben zelf nog niet in staat om een template te kunnen bouwen dus heb ik voor dit verslag een template gedownload genaamd “Dzonia Lite”. De template heeft een heldere
www.valentijnkap.nl/stageverslag
en overzichtelijk lay-out en dat is precies wat bij een verslag past. Ik weet wel hoe je een template zou kunnen aanpassen naar je eigen smaak en dat is wat ik veel gedaan en geleerd heb op deze stage. Dat wilde ik ook doorvoeren in mijn verslag om te laten zien waar ik toe in staat ben. Om de tekst die op de site sterker te maken heb ik icoontjes gebruikt. De icoontjes waren in eerste instantie niet onderdeel van het concept. Mijn schets proces van mijn logo’s bracht mij op dat idee. Alle schetsen die ik gemaakt heb leken niet meer op een logo maar op een icoon waardoor het goed gebruikt kon worden voor de pagina’s. Het logo dat ik uiteindelijk gekozen heb moet staan
voor het vertellen van mijn verslag via een website. De tekstwolk dat precies boven mij op de foto moet dat weergeven. De template die ik had gedownload was in Engels dus die heb ik aangepast en het naar het Nederlands vertaald. Bij het links aan maken ging er wat fout bij sommige browsers. Het laatste linkje zelfreflectie word onder de andere links geplaatst wat niet hoorde. Dit heb ik met het inzicht in het coderen dat bij mij de laatste tijd is gegroeid weten op te lossen. Zo heb ik de template kunnen aanpassen en de technieken die ik ontdekt hebt in mijn stage kunnen gebruiken.
3
Dutch Portfolio
Dutch portfolio is een klein bedrijf dat wordt geleid door Sietse Bras. Het bedrijf houdt zich bezig met het ontwerpen van huisstijlen en logo’s. Daarnaast biedt het bedrijf ook webdevelopment aan met behulp van het CMS. Het bedrijf heeft klanten uit verschillende sectoren. Voorbeelden van klanten zijn: SKF, De Kromme Rijn, NS Opleidingen, ZZP Lease, De Communicatiewinkel en Beter-uit reizen.
met stagiaires. Door de jaren heen krijgt Sietse iedere periode nieuwe stagiaires die bij hem een bepaalde tijd meewerken aan opdrachten. Het bedrijf is gevestigd in Utrecht en zit in een pand dat gedeeld wordt met 23 andere kunstenaars die in verschillende disciplines werkzaam zijn en meubelmakerij. Het kantoor zelf deelt Sietse met Merel Maissan zij professioneel fotograaf is. zij is fotograaf.
In 2005 is Dutch Portfolio opgericht door Sietse en sinds het begin werkte hij samen
Het pand wordt verhuurd aan de kunstenaars die hier hun ateliers hebben. Samen
www.valentijnkap.nl/stageverslag
zijn alle kunstenaren een stichting gestart genaamd Uranus Cultuurlab. Ieder jaar organiseren ze een open dag genaamd “Openlab” Hierbij worden ook werken getoond en geveild. Zo laten ze zien wat ze doen.
5
Leerdoelen
Ik vind het onderdeel webdesign van interactieve vormgeving erg interessant en daar kan ik mij beter in ontwikkelen bij Dutch Portfolio. Daarom wil ik het volgende onder de knie krijgen:
- Sneller en efficiënter werker met behulp van sneltoetsen
- Wordpress leren beheersen
- Meer minder mooie dingen durven te maken om tot een beter idee te kunnen komen
- Een thema kunnen bouwen voor Wordpress - Meer te weten te komen over webhosting en website verhuizing
www.valentijnkap.nl/stageverslag
- Creatiever worden met concepten van huisstijlen en logo’s
Dit zijn de punten waar ik meer over wil leren of het beter weet te beheersen. En dit is ook wat het bedrijf mij te bieden heeft. Ik krijg ook genoeg kans om aan deze punten te werken en mijzelf te verbeteren. Sinds mijn stage ben ik al meer snel toetsen gaan gebruiken en heb ik mijn werkomgeving aangepast.
- Secuur en kritisch te werk gaan. Blijven schetsen en niet zomaar genoegen nemen met een ontwerp
7
Wordpress beheersen
Sinds dat ik bij Dutch Portfolio stage loop werk ik met Wordpress. Ik had hiervoor nog nooit met het CMS gewerkt het was dan ook nieuw voor mij. Ik had al wel eerder met Joomla gewerkt en daarvoor een template gemaakt. Het was niet één van mijn mooiste sites maar ik begreep wel hoe het werkte en hoe een CMS werkte. Deze kennis kon ik mee nemen in Wordpress. De eerste keer dat ik met het CMS werkte was met de website van het 1001 nacht toernooi. Toen leerde ik al pagina’s aanma-
www.valentijnkap.nl/stageverslag
ken en invullen. Nadat ik het pagina’s aanmaken onder de knie kreeg maakte ik kennis met plug-ins voor de website. Ik probeerde er een paar uit en ben er mee gaan spelen. Zo ben ik er meer over te weten gekomen en wat er allemaal voor plug-ins zijn. Ik wil aan het einde van mijn stage Wordpress goed kunnen beheersen. Ik wil alle functies in het programma kennen en ik wil in staat zijn om problemen die zich voordoen met bijvoorbeeld plug-ins te plaatsen die niet werken te verhelpen. Ik ben al een
eind op weg en het lukte me in de meeste gevallen een werkende plug-in te plaatsen op de website. Het installeren van de Wordpress op het domein heb ik ook al onder de knie. In de loop van mijn stage wil ik meer te weten komen over het CMS en het gebruik daarvan.
8
Template bouwen
Toen ik met het CMS ben begonnen te werken waren er al templates aanwezig die ik moest gebruiken voor de opdrachten. De templates waren eenvoudig als website te gebruiken en konden makkelijk ingevuld worden.
stage leren om zelf een template te kunnen bouwen. Het bedrijf ziet het wel zitten en het zou handig zijn als er mensen op de vloer zijn die dat beheersen. Zo hoeven er geen templates meer aangekocht te worden en wordt iedere site echt uniek.
Maar ik vind het zelf nooit leuk om iets te gebruiken van andere mensen. Ik wil het liefst gewoon mijn eigen ontwerpen gebruiken voor projecten. Daarom wil ik in deze
Dit bedrijf kan mij helaas niet trainen in het coderen aangezien het een vormgeef bedrijf is. Maar door het aanpassen van templates heb ik toch het één en ander opgestoken.
www.valentijnkap.nl/stageverslag
En met behulp van internet wil ik leren om zelf een template te kunnen bouwen voor Wordpress. Dit wil ik in mijn tweede periode van mijn eerste stage onderhanden gaan nemen.
9
Webhosting
In dit bedrijf beheren ze de websites van hun klanten. De websites die worden gemaakt blijven in het bezit van Dutch Portfolio. Eerst was het bedrijf klant van Media tempel adressen.
www.valentijnkap.nl/stageverslag
Ik wil graag meer te weten komen over webhosting en hoe het achter de schermen er aan toe gaat. Ik weet hoe je met een ftp kan werken maar ik wil wat meer te weten komen over de hosting van sites en hoe de plesk werkt.
10
Efficiënt werken
Sinds dat ik stage ben gaan lopen merk ik aan mijzelf dat ik mijn mentaliteit veranderd heb. Maar niet alleen dat, ik heb namelijk ook mijn werkomgeving thuis veranderd. Ik werk nu veel meer met een Mac dan dat ik hiervoor deed. Zo heb ik mijn laptop aangesloten op een groter beeldscherm en ben ik veel sneller geworden met het besturen van een Mac. De manier van mappen ordenen doe ik nu ook veel beter. Op mijn stage worden mappen gekleurd als er opdrachten in staan die nog niet af zijn. Dat heeft mij geïnspireerd om het zelfde te doen thuis om
www.valentijnkap.nl/stageverslag
sneller bij bestanden te komen en het voor mezelf makkelijk en overzichtelijk te houden met wat nog gedaan moet worden. Wat ik mijzelf nog graag wil aanleren is meer met sneltoetsen werken wat ik overigens al wel doe. Ik doe het in ieder geval al meer dan voorheen en ik merk aan me zelf dat ik sneller kan werken. Ik kan sneller door vensters scrollen en ik weet bestanden en mappen iets sneller te vinden.
Het werken met illustrator en Photoshop is voor mij nu makkelijker geworden. Door de snel toetsen hoef ik minder de muis te gebruiken en kom ik eerder bij de optie die ik nodig heb. Ik wil graag meer sneltoetsen leren zodat het steeds makkelijker voor mij zal worden. Ik zal in de toekomst ook zeker weten blijven werken met het kleuren van mappen om beter te kunnen werken. Dat is namelijk erg handig voor schoolopdrachten.
11
Concept
Het is altijd belangrijk om een goed concept te hebben voordat je begint aan het vormgeven. En als het concept staat is het makkelijker om er een ontwerp voor te bedenken en door te schetsen
www.valentijnkap.nl/stageverslag
Ik wil meer inzicht krijgen in het vormgeven en betere keuzes weten te maken voor typografie bijvoorbeeld. De concepten vind ik nog matig daarom wil ik mijzelf meer ontwikkelen in het vormgeven. Dit kan ik doen door te blijven oefenen. Dus veel schetsen proberen tijdens de opdrachten.
12
Secuur en Durven
Sinds dat ik stage ben gaan lopen merk ik aan mijzelf dat ik mijn mentaliteit veranderd heb. Maar niet alleen dat, ik heb namelijk ook mijn werkomgeving thuis veranderd. Ik werk nu veel meer met een Mac dan dat ik hiervoor deed. Zo heb ik mijn laptop aangesloten op een groter beeldscherm en ben ik veel sneller geworden met het besturen van een Mac. De manier van mappen ordenen doe ik nu ook veel beter. Op mijn stage worden mappen gekleurd als er opdrachten in staan die nog niet af zijn. Dat heeft mij geïnspireerd om het zelfde te doen thuis om
www.valentijnkap.nl/stageverslag
sneller bij bestanden te komen en het voor mezelf makkelijk en overzichtelijk te houden met wat nog gedaan moet worden. Wat ik mijzelf nog graag wil aanleren is meer met sneltoetsen werken wat ik overigens al wel doe. Ik doe het in ieder geval al meer dan voorheen en ik merk aan me zelf dat ik sneller kan werken. Ik kan sneller door vensters scrollen en ik weet bestanden en mappen iets sneller te vinden.
Het werken met illustrator en Photoshop is voor mij nu makkelijker geworden. Door de snel toetsen hoef ik minder de muis te gebruiken en kom ik eerder bij de optie die ik nodig heb. Ik wil graag meer sneltoetsen leren zodat het steeds makkelijker voor mij zal worden. Ik zal in de toekomst ook zeker weten blijven werken met het kleuren van mappen om beter te kunnen werken. Dat is namelijk erg handig voor schoolopdrachten.
13
Werkzaamheden
Als stagiair mag je in dit bedrijf best wel veel. Je krijgt hier veel verantwoordelijkheden maar dat wordt door de weken en opdrachten heen opgebouwd. Iedereen word gelijk gesteld en de meningen van andere worden meegenomen in het proces.
www.valentijnkap.nl/stageverslag
Mijn functie binnen dit bedrijf is het developen van websites met behulp van Wordpress. Naast het developen van website help ik soms mee met logo’s of flyers. Je kan dus zeggen dat ik meewerk aan het vormgeven van opdrachten.
14
1001 Nacht Toernooi
1001 Nacht toernooi is een thema van een hockeytoernooi dat ieder jaar gehouden wordt op de hockey club in Geldermalsen. Ieder jaar hebben ze een ander thema en zoals je al aan de naam kan zien ging het over 1001 nacht. Er moesten flyers en posters ontworpen worden voor communicatiedoeleinden. En om je als hockeyclub aan te melden moest er een website komen waar je kon inschrijven.
www.valentijnkap.nl/stageverslag
Ik ben begonnen met het ontwerpen van een logo en daarna heb ik met al wat eerder gemaakte beelden een ander beeld gecreëerd voor de website. Toen dit af was heb ik aan de flyer gewerkt dat tegelijkertijd de poster werd. Na dat het drukwerk was afgerond, was ik begonnen aan de website. De site was al online en in een Wordpress gezet. Ik heb de template aangepast en veranderd naar de stijl van het sprookje.
15
Uranus Cultuurlab
De stichting Uranus Cultuurlab heeft ook zijn eigen site en die moest gerestyled worden. Ik heb even met Sietse aan de tafel gezeten en gekeken naar wat er veranderd kon worden. Er moesten wat linkjes aangepast worden en wat pagina’s veranderd. Er waren twee websites met twee CMS systemen en die moest aan elkaar gekoppeld worden. Uiteindelijk werd het tweede CMS systeem gebruikt voor één pagina. Dat moest omdat er een slider in stond die maar 1 keer gebruikt kon worden. Aan mij was het de taak om dit voor elkaar te krijgen en er deels een eigen draai aan
www.valentijnkap.nl/stageverslag
te geven. Tijdens het overleggen hadden Sietse en ik besloten om alle ateliers op de website plaatsen zodat er je met iedere atelier contact kan leggen. Voorheen was er een folder die je kon downloaden met daarin alle informatie. Die hebben we alleen bij Openlab laten staan dat is ook waar het tweede CMS systeem op stond. Tijdens het aanpassen van links en content van de site ontstonden er problemen en dat was een goed leer moment voor mijzelf. De slider werkte op een gegeven moment niet meer waardoor er tekst op de homepagina verdween. Uiteindelijk heb ik de tekst terug
kunnen halen maar niet de slider. Na een hoop uitzoeken kwam ik er achter dat de plaatjes die in de slider zaten niet te vinden waren op de server. Dat wist ik op te lossen door in de code de locatie van de bestanden te veranderen. Ook heb ik voor het bedrijf Studio DUS en Merel een pagina aangemaakt waar de omschrijving van hun workshops in stonden. Zo kon je in één opslag zien wat de kosten zijn en wat zij voor cursussen aan bieden. Ze waren erg tevreden over de pagina.
16
Dutchportfolio.com
Om wat meer te werken met Wordpress heb ik de opdracht gekregen om samen met Dominique op de website van Dutch Portfolio de content aan te passen en wat kleine dingetjes te aan te passen. Vooraf hebben Sietse, Dominique en ik aan tafel gezeten en besproken over wat er aan de site kan veranderd worden. Zo hebben we besproken dat er nieuwe klanten en nieuwe projecten moesten worden aangemaakt. We zijn ook door de al eerdere geplaatste content heen gelopen en kwamen tot de conclusie dat er foto’s waren geplaatst die iets beter bewerkt konden worden.
www.valentijnkap.nl/stageverslag
Na het overleggen over de website is er een lijstje gemaakt met de dingen die aangepast konden worden en waren de taken verdeeld. Ik ben begonnen met de klanten aan te vullen en projecten aan te maken voor de portfolio. Ik heb eerst een paar oude klanten er uit gehaald en vervangen door nieuwe klanten. De logo’s van de klanten waren in een tabel geplaatst. Dat hielp mij om te oefenen met tabellen. Ik heb daar veel van geleerd.
Ik ben ook aan het werk gegaan met de foto’s van de huisstijlen en brief papier die bewerkt moesten worden. Er waren een aantal foto’s waar handen op stonden die er niet mooi uitzagen. Die heb ik met Photoshop bewerkt.
17
FounderGate
FounderGate is een Amerikaans bedrijf dat pas geleden is opgezet en biedt diensten aan zoals internet consultancy. Dit bedrijf is opgezet door een vrouw, maar haar man heeft ons om hulp gevraagd en heeft aangegeven dat het een verrassing is.
www.valentijnkap.nl/stageverslag
Voor dit bedrijf moesten logo’s ontworpen worden. Ik heb hier kort aan meegewerkt een aantal icoontjes ontworpen die bij alle schetsen werden toegevoegd.
18
Rob Meijer
Rob is een schilder die ook in het Uranus Cultuurlab gevestigd is. Hij heeft een aantal van zijn werken op de website staan. En hij heeft ons gevraagd om de website aan te passen.
www.valentijnkap.nl/stageverslag
Er moest een zoekfunctie en een groene balk weg gehaald worden. Ook wilden hij dat de koptekst op zijn homepagina in een ander font werd gezet en groter gemaakt zou worden. Dit heb ik allemaal aangepast. Sindsdien is de site vaker bekeken en is Rob erg tevreden.
19
Overkleeft Mediation/Consultancy
Dit bedrijf heeft twee kanten: Consultancy en Mediation. Dit bedrijf helpt mensen met een conflict met andere mensen. Het bedrijf begeleidt beide mensen in het proces en wekt aan een oplossing. Dit kan over een echtpaar gaan dat gaat scheiden maar ook over een bedrijf dat het niet eens is geworden met de klant.
www.valentijnkap.nl/stageverslag
Voor beide kanten moest het logo op de homepagina komen met daarbij een link naar je mailbox zodat je een mail kon sturen naar het bedrijf. Ze hadden nog geen website maar die was nog in ontwikkeling. Daarom was het aan mij de taak om een tijdelijke homepage te plaatsen voor beide kanten waarmee je contact kan leggen via een logo dat als knop dient.
20
Culikidz
Culikidz is een bedrijfje dat kinderfeestje verzorgd doormiddel van het bakken van taarten en cakejes met de kinderen. De workshops met de kinderen worden in het weekend gehouden. Culikidz word gerund door Maria de vriendin van Sietse. Hiervoor was al een site en huisstijl gemaakt door 1 van de voorgaande stagiaires. De website was verouderd en de teksten klopten niet meer. Om wat meer te leren
www.valentijnkap.nl/stageverslag
over HTML ben ik bezig met de site. Daarom heb ik bij een paar pagina’s de teksten veranderd en heb ik social media links toegevoegd. Wat ook belangrijk was voor haar, was dat de website beter te vinden moest zijn bij Google. Door een mede stagiair heb ik geleerd hoe je het beste vindbaar kan zijn bij Google. Dit heb ik gelijk toegepast bij de website.
21
Zelfreflectie
Als ik terug kijk op het eerste gedeelte van mijn stage kan ik zeggen dat deze goed verlopen is. Ik heb in een korte tijd veel geleerd en heb het idee dat ik hard gegroeid ben. Ik ben dan nu ook kritischer gaan kijken naar ontwerpen en heb me zelf aangeleerd om mijzelf te blijven verbeteren. Maar dat kan natuurlijk altijd nog beter.
over CSS en HTML. Ik heb meer inzicht gekregen en leer steeds meer over het gebruik van bepaalde codes. Ik weet nu wanneer ik ze wel en niet moet gebruiken en hoe ik tot een goed resultaat kom. Ik heb nog een lange weg te gaan en er is veel te leren maar iedere dag groeit die kennis beetje bij beetje.
Tot zover gaat mijn stage goed en ben ik erg tevreden over mijn werkomgeving. Het werken bij Dutch portfolio blijft leuk en ga dan ook iedere dag met plezier naar mijn stage.
Voor dat ik hier stage ging lopen wist ik dat op het gebied van coderen niet veel bij geleerd kon worden. Er was nog te weinig kennis aanwezig om hier in te groeien. Maar desondanks heb ik de afgelopen week steeds beetje bij beetje meer geleerd op
www.valentijnkap.nl/stageverslag
22