Plan van aanpak. Project Digitaal Portfolio. Project: Webdesign. Organisatie: InHolland Haarlem. Opdrachtgever: Maya Schmuki

Transcriptie

1 Plan van aanpak Project Digitaal Portfolio Plaats, datum: Haarlem, 14 Maart 2014 Project: Webdesign Organisatie: InHolland Haarlem Opdrachtgever: Maya Schmuki Opdrachtnemer: Frank Bakker

2 Inhoudsopgave HOOFDSTUK 1: ACHTERGRONDEN 3 HOOFDSTUK 2: PROJECTOPDRACHT 4 HOOFDSTUK 3: PROJECTACTIVITEITEN 5 HOOFDSTUK 4: PROJECTGRENZEN 7 HOOFDSTUK 5: PRODUCTEN 8 HOOFDSTUK 6: KWALITEIT 9 HOOFDSTUK 7: PROJECTORGANISATIE 11 HOOFDSTUK 8: PLANNING 12 HOOFDSTUK 9: KOSTEN EN BATEN 13 BIJLAGE 14 Pagina 2 van 14

3 Hoofdstuk 1: Achtergronden Het project Webdesign wordt gemaakt in opdracht van Hogeschool InHolland, vestiging te Haarlem. Deze organisatie biedt verschillende hbo-opleidingen aan door het hele land. De bedoeling van de project is dat er een portfolio website wordt gemaakt waar onderdelen over mijzelf worden gepresenteerd, evenals de huiswerkopdrachten. De opdracht gevende organisatie is Hogeschool Inholland opleiding informatica. De opdrachtgever voor dit project is Maya Schmuki. De uiteindelijke verantwoordelijkheid voor de uitvoering van het project ligt bij mijzelf, Frank Bakker Ik ben in dit project de opdrachtnemer. Om dit project succesvol te laten verlopen maak ik dit plan van aanpak. Deze laat ik vervolgens nakijken, hopende op juist geformuleerde feedback. Dit zou dan ten goede komen voor het plan van aanpak en de definitieve versie ervan. De nodige kennis is vereisd voor dit project. Deze kennis krijg ik door middel van scholing en de bijkomende opdrachten van onderstaande vakken: Webmarkup XHTML(5)/CSS(3): Photoshop: Design/HCI: Projectvaardigheden Pagina 3 van 14

4 Hoofdstuk 2: Projectopdracht Het project wordt uitgevoerd met als voornaamste leerdoel een goede basis te krijgen van het ontwikkelen van een website. Deze dergelijke goede basis houdt bijvoorbeeld in; een uitvoerbaar idee, juist kleurgebruik en de opzet tot de uiteindelijke realisatie ervan. Tevens leren we gelijk hoe projecten in elkaar zitten. Het belang van de relatie tussen opdrachtnemen en gever is hier uiteraard van belang. De opdracht bestaat uit het bedenken, ontwerpen, bouwen en implementeren van een website en deze mogelijk te kunnen gebruiken als een digitaal portfolio. De website heeft een mooie en degelijke vormgeving, die past bij de overige onderdelen van de website. De website moet goed gevuld worden met inhoud. Een correct en met aandacht geschonken inhoud is een vereiste, rekeninghoudend met auteursrechten. Naast het opleveren van de website zal er ook gepresenteerd worden over de verwezenlijking van dit project. Pagina 4 van 14

5 Hoofdstuk 3: Projectactiviteiten Hoofdstuk 3: Projectactiviteiten Hier onder staat een opsomming per vak van alle activiteiten die hebben plaatsgevonden tijdens het project: Projectvaardigheden: Het maken van een strokenplanning Het maken van een concept plan van aanpak Het maken van een definitief plan van aanpak Human Computer Interaction: Het maken van een wireframe Het maken van een moodboard Het maken van twee vormconcepten Interviewen: Het maken van een interviewschema Het afnemen van een interview Eerst moet er een geschikt persoon binnen de ICT worden gevonden, daarna wordt er een afspraak gepland voor een interview en daarvoor is er afgereisd naar de besproken plek om het interview af te nemen Het maken van een verslag over het interview Het maken van de drie verplichte foto s tijdens het interview Het project: Het maken van de pagina s in valide HTML & CSS, waaronder de pagina s hobby & sport, personalia, portfolio en contact. Foto s en beeld vinden voor op de site Het bewerken van foto s in het programma Photoshop HTML en CSS codes verwerken Het schrijven van de verplichte teksten voor de site Het volgen van de lessen Het maken van de opdrachten die bij de lessen horen Het aanmaken van een Deds account Pagina 5 van 14

6 Presentatie: Het voorbereiden van de presentatie Een presentatie geven over je eigen digitale portfolio Pagina 6 van 14

7 Hoofdstuk 4: Projectgrenzen De projectgrenzen bevinden zich in elke actie die vergt van de opdrachtnemer een onrealistische taak uit te voeren die buiten het project om valt dat is wel zo logisch. Bovendien is het ook niet de bedoeling om een taak toegewezen te krijgen met een onrealistische tijdsbestek daarvoor. Over het algemeen zullen de elementen die rondom het project van belang kunnen zijn wel uitgevoerd zoals het verdiepen in een bepaald onderwerp ten behoeve van het project. Op die manier kan je het project nog beter neer zetten. Het is een optionele kwestie maar het kan ook van noodzaak zijn dat kan per onderdeel verschillen. De randvoorwaarden voor het project zijn dat de docenten voldoende beschikbaar zijn in eerste instantie om de lessen te geven die als hulpmiddel fungeren en in tweede instantie moeten ze ook voldoende beschikbaar zijn om te benaderen, hieronder kun je verstaan dat ze openstaan voor vragen m.b.t de stof van de lessen of het project maar ook dat ze doorgaans op tijd reageren voor een goede verloop van het project. Daarnaast is de software ook een randvoorwaarde; in dit geval Dreamweaver en Photoshop. Ook is het belangrijk om tijdig over de benodigde informatie te beschikken door middel van o.a zelfstudie. Maar om het project zo goed mogelijk af te kunnen sluiten is het ook ten goede dat de feedback voldoende opbouwend is en ook tijdig wordt gegeven. Tijdens dit project wordt er één portfolio website gebouwd met alleen HTML5 en CSS3. Er worden geen andere programmeertalen op het gebied van webdesign gebruikt, denk aan PhP of ASP. Er is geen budget nodig om het project te laten slagen. Alles kan kostenloos worden uitgevoerd. Eventueel kan er een betaalde webhost genomen worden, maar dit zal niet noodzakelijk zijn. Het project wordt als succesvol ervaren wanneer aan de kwaliteitseisen wordt voldaan en het met een voldoende beoordeeld wordt tijdens de eindbeoordeling. De docenten dienen te helpen bij eventuele problemen waar tegenaan kan worden gelopen tijdens het project. Er kunnen problemen optreden op het gebied van webdesign, webmarkup of webrealisatie. Pagina 7 van 14

8 Hoofdstuk 5: Producten Na afronding van dit project zullen de volgende eindproducten ontstaan zijn: Een plan van aanpak over het project; Moodboard en sfeerboard; URL om de website online te kunnen bekijken; Een mooie layout van de website; Een eigen digitaal portfolio; Een presentatie over deze website; Een interviewverslag met een persoon uit de informaticawereld; Een biografie; Bewerkte foto s van het vak Photoshop; Gemaakte webpagina s met opdrachten van de vakken Dreamweaver en XHTML/CSS; Twéé ontworpen lay-outs van het vak Design/HCI; En nog een paar extra webpagina s (contact, links etc.) Pagina 8 van 14

9 Hoofdstuk 6: Kwaliteit Om de kwaliteit van dit project te waarborgen moeten de producten aan een aantal kwaliteitseisen voldoen, deze zijn hieronder beschreven. De controle of voldaan is aan deze kwaliteitseisen wordt gedaan door de vakdocenten. De moodboards behoeven een frisse uitstraling hebben en laten zien wat je met de website van plan bent. Hier moeten ook het kleurenschema en de mogelijke fonts in terugkomen. Plan van aanpak Het plan van aanpak moet voldoen aan de volgende eisen voor taalgebruik: De spelling is correct; De zinsbouw is correct; De interpunctie is correct; Het gebruik van tijd is correct en consequent; Variatie in woordkeus; Variatie in zinsbouw; Consistente hantering belangrijke begrippen. Het plan van aanpak moet worden opgesteld volgens het format van Roel Grit, zoals beschreven in het boek Projectmanagement. De richtlijnen voor wat betreft de opbouw van de rapportage, zoals beschreven in de studiewijzer, moeten op de juiste wijze worden toegepast. De inhoud van de verschillende hoofdstukken van het plan van aanpak moet correct worden gehanteerd. Er moet een planning in schemavorm in de bijlage worden toegevoegd. Vormconcepten De vormconcepten moeten er goed uitzien en de duidelijke indeling van de wireframes moet erin verwerkt worden. Een duidelijke opbouw in de structuur is een vereiste. Moodboard De moodboard moet in photoshop worden gebouwd en hierbij moet gebruik gemaakt worden van tekst-, beeldmateriaal en vormen. Beeldbewerking: kleurverloop, beeldbewerking, maskers of shapes. Wireframe Indeling van je website tekenen. Pagina 9 van 14

10 Door de organisatie van het project, Inholland, worden er natuurlijk een aantal kwaliteitseisen gesteld aan de portfolio website. De website moet voldoen aan een correct HTML(5)/CSS (3)taalgebruik, om de website zo optimaal mogelijk op elke webbrowser weer te laten geven. Ik schrijf de website volgens de webrichtlijnen, bepaald door het W3C. Mijn geschreven code controleren door de W3C-validator. Vervolgens krijg ik hieruit een rapport waaruit ik kan zien wat ik mogelijk fout heb gedaan. Dit verbeter ik vervolgens. Wanneer dit correct is volbracht, kan ik een W3C-positief gevalideerd logo plaatsen. Van verschillende onderdelen worden de producten in fasen opgeleverd. Een goed voorbeeld is dit plan van aanpak. Eerst maak ik een conceptversie, aan de hand van feedback verbeter ik het ontwerp. Hiermee wordt een mogelijk correct definitieve versie gerealiseerd. Deze gang van zaken gelden ook voor het moodboard of de twee vormvoorstellen. URL om de website online te kunnen bekijken Er moet een URL zijn om de website online te kunnen bekijken. Pagina 10 van 14

11 Hoofdstuk 7: Projectorganisatie Naam: Frank Bakker Functie: Uitvoerder van het project adres: Studentnummer: Docent HCI Naam: Maya Schmuki Bijdrage: Cora Paul verzorgd de lessen betreft het vak HCI die nodig zullen zijn voor een logische indeling en opmaak van de website. Docent HTML & CSS Naam: Alex Pot Bijdrage: Alex Pot verzorgd de lessen betreft het vak Webdesign die nodig zullen zijn voor de opbouw van de website. Lessen in HTML en CSS zijn nodig om de gehele website tot stand te brengen. Maya Schmuki is de opdrachtgever. Inholland Haarlem is de organisatie. Naast deze zijn er natuurlijk nog een aantal andere betrokkenen: het docententeam. Zij zullen alles gaan nakijken en per vak beoordelen. De docenten hebben een adviserende functie. Tijdens de lesuren van deze docenten kan ik bij hen terecht voor vragen omtrent het vak dat door hen gegeven wordt. Het enige projectlid ben ik Frank Bakker, ik ben de projectnemer. Het projectlid zorgt ervoor dat alle aspecten van het project worden uitgevoerd. De projectleiders helpen het projectlid als er onverhoopt problemen zijn. Pagina 11 van 14

12 Hoofdstuk 8: Planning De planning binnen dit project verschilt per vak. Elk vak heeft een eigen planning van de te verrichten zaken op Blackboard staan. Het totale project duurt tot ongeveer begin April. Daarna is er nog de afrondweek. Hierna moeten alle zaken afgerond zijn en zal de website volledig werkend online staan. Voor elk vak geldt een eigen planning, daarnaast zijn er nog de einddata voor eventuele andere opdrachten binnen het project. Een planning is een handige manier om overzicht te houden en om niet in de problemen te raken tijdens het project, er is er voor gekozen om een stroken planning te maken in het microsoft programma MSProject. In deze planning zijn de meeste activiteiten uit hoofdstuk drie terug te vinden. De strokenplanning is als bijlage 2 terug te vinden. Hieronder een lijstje met de eindproducten voor dit project en daarnaast de geplande tijd: Concept Plan van aanpak Moodboard Wireframe Vormconcept Definitief Plan van aanpak Photoshop foto s Interview Interviewverslag Interviewschema Eindpresentatie Strokenplanning 1 week 1 week 1 week 1 week 2 weken 2 weken 3 weken 1 week 3 weken 11 dagen 11 dagen (Zie bijlage A voor de planning in een strokenplanning) Pagina 12 van 14

13 Hoofdstuk 9: Kosten en baten Kosten: Veel kosten heeft dit project niet. Voor het maken van dit project zijn echter wel dure computerprogramma s nodig, maar hiervan zijn probeerversies etc. te downloaden dus dat reken ik nu niet als kosten. Baten: Baten heeft dit project des te meer. Het resultaat zal een mooi en goedverzorgde portfolio website met allerlei inhoud worden waar ik trots op kan zijn. Deze website kan ik bijhouden en hierop zo mijn werk laten zien. De kennis op het gebied van HTML5, CSS3 en Photoshop die opgedaan wordt tijdens de uitvoering van het project is zeker ook niet onbelangrijk. Pagina 13 van 14

14 Bijlage Bijlage A Pagina 14 van 14