- briefing
- klussenlijst
 |
Briefing project: Zoek het even uit! |
InleidingIn de beroepspraktijk kom je in de (1e) stage vrijwel altijd het eerst in aanraking met werkzaamheden als:
Doel van dit project is om je in beperkte tijd en onder tijdsdruk te leren werken aan deze veel voorkomende opdrachten van het basis-interactieve werk. Je raakt zo bekend met “produceren” op tempo, basisaanpak, basistechnieken, technische en praktische voorwaarden en beperkingen.
In dit korte project van 2 weken ga je je bezighouden met deze klussen.
Je hoeft in dit project niet de hele procedure van het ontwikkelen van een media-product te doorlopen. Dit betekent geen debriefing schrijven, geen plan van aanpak maken, geen concept ontwikkelen, enz..
ProductenWelke product(en) je inlevert, is afhankelijk van de klussen die jij kiest. Bij elke klus staat wat er van je verwacht wordt. IndelingDeze 2 weken werk je bijna in alle lessen aan deze klussen. Uitzonderingen zijn NED, REK, WRP & ONV. Deze lessen gaan gewoon door. In principe werk je zelfstandig aan de klussen. Alles wat je niet weet, zoek je op! Het rooster verandert niet. Je weet dus wanneer welke docent tijd heeft voor jouw klas. Omdat elke docent zijn/haar eigen specialiteit heeft, kun je zelf kijken wanneer je in de week het beste je vragen kunt stellen. WerkwijzeIn het volgende tabblad vind je een lijst met klussen. Elke klus bestaat uit een omschrijving, de op te leveren producten en de beoordelingscriteria. Elke klus staat voor een aantal punten. Wanneer het resultaat van de klus voldoet aan de beoordelingscriteria, dan krijg je de punten die voor deze opdracht staan. TipIn sommige gevallen is het prettig om de betreffende website te downloaden. Omdat je geen ftp toegang hebt, kan je HTTrack gebruiken om de website te downloaden. Je kunt hiermee ook php-websites 'platslaan' als html. Veel plezier!!! |
|
Klussen
Opdracht 1: restyle websiteAantal punten: 2 Begeleidende docent: Frank/Jolanda De site http://www.bsbeloofd.nl/ heeft een ouderwetse rommelige uitstraling en is daarom wel aan een restyling toe. Ontwerp een nieuwe lay-out voor de landingspagina, een informatiepagina, een fotopagina en een prijsoverzichtspagina die voldoet aan de nieuwe trends. Alle elementen op de huidige site moeten terugkomen. Kleuren, typografie en alle andere beeldelementen mag je aanpassen of aanvullen. Producten:
Beoordelingscriteria:
Opdracht 2: storytelling parallaxAantal punten: 4 Begeleidende docent: Milena Heb je al wel eens gehoord over FairPhone? Ontwerp en bouw een storytelling parallax site om deze nieuwe telefoon te presenteren bij Nederlandse jongeren van 15 t/m 20. Voorbeelden van een storytelling parallax site: Maak voor deze opdracht gebruik van een parallax bibliotheek zoals bijvoorbeeld http://jarallax.com/ Producten:
Opdracht 3: MegajobsbannersBegeleidende docent: Robin Aantal punten: 2 In 2010 had de vacaturebank MegaJobs.nl deze bannercampagne: http://www.megajobs.nl/banners/sky.html Aan jou de taak om een nieuwe serie banners te onwerpen De serie bestaat uit:
De serie van 3 banners wordt in HTML5/CSS3 uitgevoerd (let op max. bestandsgrootte). Alle producten moeten zodanig afgeleverd worden, dat zij direct bruikbaar en zichtbaar zijn in de moderne browsers: Internet Explorer, Chrome, Safari en Firefox. Tip: Kijk op w3schools.com naar de mogelijkheden van CSS3 Transitions. Plaats deze site meteen in je favorieten! Producten:
Opdracht 4: zoekmachine-optimalisatieAantal punten: 1 Begeleidende docent: Outger/Leontien De website van www.zin-coaching.nl is niet goed vindbaar in Google. Schrijf voor Zin Coaching een advies hoe zij meer verkeer naar de site kunnen krijgen en de website hoger in de Google-ranglijst komt te staan. Producten:
Opdracht 5: drempelvrijAantal punten: 2 Begeleidende docenten: Outger/Leontien Websites ontvangen het waarmerk drempelvrij.nl als na inspectie blijkt dat ze voldoen aan de eisen van toegankelijkheid. Een toegankelijke website is zo ontworpen, gebouwd en ingericht dat deze door alle bezoekers goed kan worden gebruikt. Ook is een toegankelijke website beter vindbaar in zoekmachines. Het bedrijf Pizza Rapido wil graag dat hun website voldoet aan de eisen die gesteld zijn door deze stichting en vraagt aan jou de site aan te passen zodat deze voldoet aan de eisen. Producten
Opdracht 6: mobileAantal punten: 3 Begeleidende docent: Leontien/Outger De website van het Kabouterbos Dronten wordt niet goed weergegeven op een smartphone of tablet. De website bevat wel al css-bestanden voor verschillende versies van Internet Explorer, maar nog niet voor andere browsers. De opdracht voor jou is om een css te ontwikkelen voor het bekijken van de site op verschillende devices. Zorg ervoor dat een script de gebruikte schermgrootte leest en als resultaat de juiste css koppelt (media-query's). Producten:De website met een extra css. Beoordelingscriteria:
Opdracht 7: flowchart (1)Aantal punten: 3 Begeleidende docent: Robin De website van het bedrijf Koggel reclame is door een sterke uitbreiding van het aantal producten erg onoverzichtelijk geworden. De menu's voldoen bijvoorbeeld niet meer aan de richtlijn dat je maximaal 7 items op kan nemen. Het bedrijf wil de website restylen. Hiervoor moet een nieuw functioneel ontwerp gemaakt. De opdracht voor jou is om de website te analyseren en een nieuwe structuur te bedenken. Alle bestaande pagina's moet je opnemen in de nieuwe flowchart. Denk hierbij aan ook aan de productgroepen van bijvoorbeeld de sportkleding/ heren sportkleding/ sportshirts. Je mag nieuwe namen bedenken voor de verschillende groepen als dit nodig is.
Tip: begin de analyse door alle pagina's op een apart velletje papier te schrijven.
Producten:
Opdracht 8: functioneel ontwerpAantal punten: 2 Begeleidende docent: Robin Zoals je kunt zien is de volgende website www.wieleroutfits.nl niet gebruikersvriendelijk. Maak een nieuw functioneel ontwerp van de homepage (wireframe), een betere menu-indeling (maximaal 7 items). Besteed aandacht aan de indeling van de producten zodat gebruikers eerder overgaan tot een aankoop. Beoordelingscriteria:
Opdracht 9: Call to actionAantal punten: 2 Begeleidende docent: Frank/Jolanda Het bedrijf Koggel reclame heeft het advies gekregen om goed te letten dat ze op een goede call to action toepassen op de pagina's van de aanvraag en afhandeling van de offerte-aanvraag. De pagina's zijn chaotisch en je kunt niet goed zien wat je moet doen om een offerte aan te vragen.
Maak voor deze 3 pagina's nieuwe functionele ontwerpen. Maak eerste schetsen en werk daarna de wireframes uit met Gliffy of Axure. Van Axure kun je een gratis licentie aanvragen. Producten:
Opdracht 10: nieuwsbriefAantal punten: 2 Begeleidende docent: Outger /Leontien Op de website van Pinkpop kun je je opgeven voor een nieuwsbrief. Deze nieuwsbrief bevat links naar de website en de groepen die optreden. De nieuwsbrief wordt wekelijks gemaild. De nieuwsbrief is toe aan een nieuwe lay-out. Jouw opdracht is deze nieuwsbrief te ontwerpen en te bouwen. De lay-out moet wel passen binnen de huisstijl van Pinkpop, maar moet wel echt anders zijn dan de huidige nieuwsbrief. Producten:
Beoordelingscriteria:
Opdracht 11: AidaAantal punten: 2 Begeleidende docent: Frank/Jolanda De Gouderakse bakkerswinkel heeft een actiepagina die een bezoeker niet uitnodigt tot actie. De opdracht voor jou is deze pagina te maken volgens het AIDA-model (zoek op!) Producten:
Opdracht 12: Zoek het even uitAantal punten: 2 Begeleidende docent: Leontien/Outger De site W3schools.com is een site die je veel gaat gebruiken om nieuwe mogelijkheden uit te zoeken. Deze website mag dus nooit ontbreken in je favorieten. Neem bijvoorbeeld de lessen over de mogelijkheden van CSS3 voor het omgaan met images: rounded images, thumbnail images, responsive images, center an image, image text, polaroid images, image filters, responsive image gallery en image modal. De opdracht is om deze lessen te volgen en de verschillende mogelijkheden uit te proberen. Met de kennis die je hebt opgedaan, maak je een (HTML5) pagina over jouw vakantie. Producten:
Beoordelingscriteria:
Opdracht 13: Engelse WebtekstAantal punten: 1 Begeleidende docent: Marthy Lees de aangeleverde tekst Sex, drugs.._. Maak een lijst met alle woorden waarvan je de betekenis niet kent. Zoek de vertaling erbij. Maak van deze tekst een goed leesbare webtekst. Doe hiervoor onderzoek naar hoe een goede webtekst eruit moet zien. Tip: www.communicatie.leidenuniv.nl Producten:
Beoordelingscriteria:
|
