Opdracht Werkcollege 4 De Dikke van Dam

Vergelijkbare documenten
Visual design. Naam: Rob Dekker. Studentnummer: Vak: MMIO

Dennis Wagenaar v 1.0

Functioneel ontwerp. Navigatie

Grafisch ontwerp. Referenties.

FLASHBAY

INTERACTIE. In de Appendix vindt u de wireframes.

MMIO Verslag. Groepsopdracht week 1. Hoe zorgen we dat kinderen van jongs af aan gezonder leren eten?

Groepsopdracht 2. Zuilen voor in het Rijksmuseum

Hand-outs. Een succesvolle website in het mobiele tijdperk

Tips voor een gebruiksvriendelijke website

Gebruikershandleiding Mijn cliëntportaal

5 tips voor een folder die scoort!

Hoe bouw ik een goede website?

Piotr Tekien. Grafische Vormgeving 10 Slechte logo s/typografie verbeteringen. Oktober 2, 2014 GAR1-B PIOTR TEKIEN HKU GAME ART GAR-1B

Olivier van t Hof ( ) Individuele opdracht 2 Kroller Muller. Introductie Introductie

"De schijf van vijf" kookboek. CC Naamsvermelding 3.0 Nederland licentie.

Verslag Pencil, Photoshop & InDesign

Test-Report 2. Groep. Namen en functies Erik de Beurs - Recruiter / Test Monitor / Tech Operator Channah Bosse - Recruiter / Data logger

styleguide Albert Slow Styleguide

vliegtickets boekinsformulier voor 15 FEBRUARI 2015 groepsopdracht 2 rex hordijk alissa muffels luca verhees marek van der hoeven

Afbeeldingen - formaat aanpassen

GEMEENTELIJKE MONITOR SOCIAAL DOMEIN HANDLEIDING RUIMTE VOOR TOELICHTING

Gosnowboarding.nl Wireflow 1: Beheer accommodatie - Amber Haccou - Versie 1.0

marketing whitepaper

bewaar en koester uw herinneringen... stappenplan fotoprints & fotoposters online te bestellen zonder downloaden van software

Interactieontwerp Groepsopdracht Week 2, Opdracht 16

Handleiding: Internet Bestel Applicatie Meco Online Shop

September I n h o l l a n d, B e r g e r w e g 2 0 0, A l k m a a r

Gebruikershandleiding Cliëntportaal TMZ

Alexander Zeh Models & Processes september 2014 Oscar Trapman V1-06

SBO WEBSITES BOUWEN IN 7 STAPPEN

Zo wordt jouw website een online hit Inleiding. Veel succes! Groet, Jeroen Kuiper

Hand-outs. Groei dankzij zoekmachinemarketing

Aanvraag huur van een laptop handleiding

ICT41. Blokart website DOCUMENTATIE. Gemaakt door. Thomas Anten & Sander van Gestel

Gebruikershandleiding Mijn cliëntportaal

Designdocument. Through the Mud. Nikai de Gans Erwin Heemsbergen Hai Feng Lin. Ruben Ririmasse Tamara van Wijk

Titanpad. Answergarden. Wordle. Tricider. Resultaten Workshop ICT & Aps

FAQ MooiMaakService en NBD Biblion titels en covers inlezen

Meenseweg Ieper - T. 057/ info@fotodc.be

Wassepoester. Website voor een wasseretteketen. Menno Lont Nadine Allewijn Thomas Dijkman Rosan van der Werf

Inhoudsopgave. Styleguide Bewust. Pagina 2

Handleiding CMS. Auteur: J. Bijl Coldfusion Consultant

Quick Guide VivianCMS

Inleiding. - Teksten aanpassen - Afbeeldingen toevoegen en verwijderen - Pagina s toevoegen en verwijderen - Pagina s publiceren

Stappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat.

Prijzengeld: 5.000,- Deadline: 5 juli My first energy contract.

Handleiding Glimworm nieuwsbrief

1 BUSINESS INTERNET SUPPORT

Basisboek Word 2013 en 2010

Onderhoud Roels-Spaces Website

Over WeTransfer: WeTransfer:

Handleiding Bestelsite Ding Dong.

Handleiding voor het maken van je eigen webpagina op de schoolsite

Design Theorie voor 3-ICT Vormen en Afmetingen

VIDEOLECTURES.NET MAKEOVER NADINE ALLEWIJN MENNO LONT ROSAN VAN DER WERF THOMAS DIJKMAN

Ontwerp & Schetsen. Experience Design - Opdracht 02. Chantal van Iwaarden CMD2B

Boekenzoeker.org: 0-8

Voorbereiding websiteproject. Bijlage bij e book HTML5 en CSS3 - Joris Geens

Ontwerp Portfoliowebsite MMIO 2016

Handleiding bij WSM MailformGenerator

Succesvol websites bouwen vanuit een concept

[Rapport: Visitekaartjes gefilterd (1) Hannie Mommers. Mommersontwerp

Trippeltrap Content Management System

Informatie architectuur

Online banner ontwerp via UBA website

Hoe ga ik dit verwerken? (Begrip maken) Dit volume is goed, dit moet ik zo houden.

Workshop Eenvoudig Websites Maken Werkboek

WEBSITE. Uw online aanwezigheid

Navigatie voor je klant optimaliseren

Hoe verloopt het geautomatiseerde proces. Geef een WOW gevoel voor je klanten kopen. Geef een WOW gevoel na het kopen

Web Usability. Byte seminar, 23 november Door: Gwyneth Ouwehand

ISY2CONNECT. Handleiding HET BESTE VOOR UW ORGANISATIE

[ Overzicht bomen A6. Page 1 of 8. Programma Schiphol - Amsterdam - Almere. Verklaring

Ontwerp je eigen professionele website. Een goede website is altijd gratis. Met dit e-book ontdek je hoe het moet.

v.1.11 Verenigingenweb Plus Handleiding Website in gebruik nemen

De 10 meest gemaakte fouten in een reclame-uiting

Meehelpen met de ontwikkeling van nieuwe of verbetering van bestaande spellen. Pag. 1

Divergent thinking. Gavin Schipper

PhPlist Gebruikers Handleiding

Het is duidelijk waar je bent en waar je naartoe kunt gaan als je een link aanklikt.

Down The Rabbit Hole door: Maria Barmentlo Klas: Paars Versie: 31 mei 2015

EEN FACEBOOKPAGINA AANMAKEN

AXIS ThinWizard ARTIKEL. Een softwaretool voor snelle diagnose op afstand van printerproblemen

De Voedselmachine. Gemaakt door: Alles over de darmen, een onderschat orgaan

Mailing Delux handleiding

Modulehandleiding VivianCMS. Zoeken

Neo-Klassicistisch Wonen Friesland. gaat online op: ook voor gebruikers zonder. internet aansluiting! Uw gebruikers naam: Uw wachtwoord:

Om het forum toe te voegen aan de website van uw vereniging volgt u de volgende stappen:

Betaalbare websites met een persoonlijke touch.

Beginnen met de Agenda & planning module

Phobos St. Jobsstraat Herentals T F carlo@phobos.be

Stappenplan App maken

In deze handleiding wordt uitlegt hoe je een klassenboek aanmaakt.

ActiveBuilder Handleiding

GEBRUIKSAANWIJZING WEBSITE

Transcriptie:

Opdracht Werkcollege 4 De Dikke van Dam Daniël Dominguez - 11297107 Sam Rompas - 10975438 Sander Siepel - 11317353 Martijn Schouten - 11295562

Concept Deze week wordt opdracht #8 uitgewerkt. Voor deze opdracht moet er een website gemaakt worden voor een kookboek, namelijk het kookboek van Johannes van Dam: DedikkevanDam. ( https://www.bol.com/nl/p/dedikkevandam/9200000002271915/ ) Momenteel is dit boek alleen te vinden op de website van bol.com, in een fysieke versie. Echter lezen mensen tegenwoordig steeds vaker via het internet. Het is daarom belangrijk dat dit boek ook op internet beschikbaar komt als er wordt gestreefd naar meer omzet/bekendheid. Een paar user stories om dit verduidelijken: Als een liefhebber van koken wil ik op een makkelijke manier recepten kunnen raadplegen zodat ik deze kan gebruiken om te koken Als iemand die niet kan koken wil ik makkelijk recepten kunnen raadplegen zodat ik toch wat eetbaars kan klaarmaken. Om gehoor te geven aan de wensen van verschillende gebruikers wordt er een website ontworpen waarop mensen alle recepten uit het boek DedikkevanDam kunnen raadplegen. Er wordt hier gericht op een breed scala van mensen; alle mensen die recepten gebruiken bij het koken. Het is belangrijk dat er wordt gekozen voor een moderne website aangezien het grootste deel van de gebruikers niet ouder dan 60 jaar zal zijn. Uiteraard moet de website op een manier worden ontworpen waarbij het grote aantal recepten op een efficiënte manier gevonden kunnen worden. Ook moet het een visueel aantrekkelijke website worden aangezien dit voor meer hits op internet zorgt. Bovendien moet op deze website de verkoop van het boek centraal staan, aangezien er ook winst moet worden gemaakt door de verkoop van fysieke boeken. Dit zal gedaan worden door een duidelijk zichtbare knop te plaatsen, die mensen naar een verkooppagina zal leiden.

Interactie Voor de verkoop van een product is het belangrijk om een directe call to action te plaatsen voor het aanschaffen van het product. Daarom is de bestelbutton het centrale punt van de webpagina. Onder de centrale landing page is een uitgelicht recept te zien om de consument van de goede recepten van de auteur te overtuigen. In het ontwerp zijn de grijze vlakken plaatjes. Bij de recepten zal een afbeelding van het gerecht een belangrijk punt zijn om te overwegen of het recept gebruikt zal worden. Daarom heeft de afbeelding bij het recept een prominente plaats gekregen.

Technisch Online Het doel is om een online kookboek te maken. De techniek hierachter zal niet heel moeilijk zijn. Er moet een webpage gemaakt worden. Toch bevat dit veel stappen die allemaal uitgevoerd moeten worden. Allereerst willen we dat onze webpagina te vinden is. Hiervoor hebben we een server nodig die de webpagina online kan houden (een host), en een adresnaam. Enkele ideeën voor het hosten van onze webpagina zouden bluehost, ehost, HostCle@r, idea host of i-page kunnen zijn. Meeste hosts bieden ook meteen een adres naam aan (een Domain). We willen natuurlijk dat het domein leuk en makkelijk te onthouden is. Een idee hiervoor zou Dedikkevandam.nl zijn. Dit is letterlijk de naam van het kookboek, en is dus heel makkelijk te onthouden. Webpagina De volgende stap die genomen moet worden is het programmeren van de webpagina. De homepagina van de website zal een bestel ruimte worden. Vanuit hier kan men het online boek kopen. Het online boek zelf zal er vrijwel hetzelfde uitzien als het originele boek, met als grootste verschil dat het boek digitaal te vinden is, in plaat van op papier. Bij aankoop van het boek wordt de klant doorgestuurd naar de plek waar het echte boek te vinden is. Hier zijn alle recepten te vinden. Deze taak kan uitgevoerd worden door een webprogrammeur in samenwerking met het boek. Klanten De webpagina moet uit elkaar halen welke klanten het boek al hebben gekocht en welke niet. Hiervoor wordt een code gebruikt die, als op de website ingevoerd wordt, toegang geeft tot het online boek. Bij aankoop van het boek zal dus een code moeten worden uitgegeven. Als een klant het boek al gekocht heeft dan is het genoeg om toegang te krijgen tot de recepten om deze code in te voeren. Dit gebeurt net nadat een klant op Recepten heeft geklikt. Vanzelfsprekend wordt een klant doorgestuurd naar de aankooppagina als hij/zij geen aankoop code heeft. Onderhoud Om de pagina bestaande te houden zal er wel eens in de zoveel tijd onderhoud gepleegd moeten worden. Dit ka de maker van de website doen, of een ander persoon met ervaring. Tijdens deze tijd zal de website niet bereikbaar zijn. Daarom is het slim om een tijd uit te kiezen wanneer er minder kans is dat men het online-boek zal gaan gebruiken. Dit is bijvoorbeeld, rond middernacht.

Grafisch Om te zorgen dat de website en het boek niet helemaal twee gescheiden delen zouden worden, is er voor gekozen om een kleurenpalet te gebruiken dat dicht bij de cover van het boek, zoals die te zien is op de site van bol.com, ligt. Er is voor een iets lichtere / fellere kleuren gekozen voor de achtergronden en een iets donkerdere kleur voor de tekst, zodat het door het contrast nog wel leesbaar blijft. De bestel knop is met opzet wit gelaten zodat deze er duidelijk uitspringt. Ook is er bovenaan een zoeken veld toegevoegd. Hier kunnen gebruikers zoeken naar recepten, maar ook op ingrediënten. Alle recepten met dat ingrediént worden dan op een overzichtelijke manier weergeven op de website.

Om de website wat levendiger en aantrekkelijker te maken is er voor gekozen om wat voorbeeldafbeeldingen van recepten toe te voegen en natuurlijk kon de heer Van Dam zelf ook niet ontbreken.