Made by Valentijn Kap, 3IV1
Inhoudsopgave 1 Inleiding Blz. 2 2 Verantwoording Blz. 3 3 Dutch Portfolio Blz. 5 4 Leerdoelen Blz. 7 4.1 Wordpress Beheersen Blz. 8 4.2 Template bouwen Blz. 9 4.3 Webhosting Blz. 10 4.4 Effi ciënt werken Blz. 11 4.5 Concept Blz. 12 4.6 Secuur en durven Blz. 13 5 Werkzaamheden Blz. 14 5.1 1001 nacht toernooi Blz. 15 5.2 Uranuscultuurlab Blz. 16 5.3 Dutch Portfolio Blz. 17 5.4 FounderGate Blz. 18 5.5 Rob Meijer Blz. 19 5.6 Overkleeft Mediation/Concultansy Blz. 20 5.7 Culikidz Blz. 21 6 Zelf refl ectie Blz. 22 Begeleiders Praktijkbegeleider Sietse Bras Stagebegeleider Bert de Boer Student Valentijn Kap 117271 3IV1 Interactieve Vormgeving www.valentijnkap.nl/stageverslag 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 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. www.valentijnkap.nl/stageverslag 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. In 2005 is Dutch Portfolio opgericht door Sietse en sinds het begin werkte hij samen 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. Het pand wordt verhuurd aan de kunstenaars die hier hun ateliers hebben. Samen 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. www.valentijnkap.nl/stageverslag 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: - Wordpress leren beheersen - Een thema kunnen bouwen voor Wordpress - Meer te weten te komen over webhosting en website verhuizing - Sneller en efficiënter werker met behulp van sneltoetsen - Creatiever worden met concepten van huisstijlen en logo s - Meer minder mooie dingen durven te maken om tot een beter idee te kunnen komen - Secuur en kritisch te werk gaan. Blijven schetsen en niet zomaar genoegen nemen met een ontwerp 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. www.valentijnkap.nl/stageverslag 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 aanmaken 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. www.valentijnkap.nl/stageverslag 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. 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 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. 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. 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. www.valentijnkap.nl/stageverslag 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. 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. www.valentijnkap.nl/stageverslag 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 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. www.valentijnkap.nl/stageverslag 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 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. www.valentijnkap.nl/stageverslag 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 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. www.valentijnkap.nl/stageverslag 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. 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. www.valentijnkap.nl/stageverslag 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. 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. www.valentijnkap.nl/stageverslag 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 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. www.valentijnkap.nl/stageverslag 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. 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. www.valentijnkap.nl/stageverslag 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. Voor dit bedrijf moesten logo s ontworpen worden. Ik heb hier kort aan meegewerkt een aantal icoontjes ontworpen die bij alle schetsen werden toegevoegd. www.valentijnkap.nl/stageverslag 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. 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. www.valentijnkap.nl/stageverslag 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. 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. www.valentijnkap.nl/stageverslag 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 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. www.valentijnkap.nl/stageverslag 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. 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 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. www.valentijnkap.nl/stageverslag 22