webdesign en AI

EINDTERMEN:
1 t/m 9, 11, 12, 13, 15, 16, 21 en 25

Wat ga je doen?

In deze eerste periode in de examenklas ga je aan de slag met diverse vaardigheden die inzetbaar zijn in veel beroepenvelden van de mediavormgeving en ICT. Jullie gaan voor een bedrijf een website ontwikkelen en ze adviseren over het gebruik van AI in de professionele communicatie.

Het stappenplan

ontdekken

Deze periode bestaat uit drie onderdelen die achtereenvolgens afgerond gaan worden.

Wat is HTML en CSS, dat ga je eerst zelf onderzoeken. Je gebruikt daarvoor tutorials en bronnen online. Je krijgt er alvast een aantal van school. Die vind je verder in deze opdracht.

Daarnaast moet je nadenken over vormgeving.

Wat zijn onderdelen van een goed ontwerp?
Waarvoor gebruik je onderstaande instructie Grafisch Ontwerp van Meneer van Erp.

Tot slot gaan jullie een advies formuleren hoe bedrijven en instellingen AI kunnen gebruiken in hun externe communicatie.

In principe ben je vrij in het verdelen van je tijd over deze onderdelen. Ons advies is de tijd ongeveer als volgt te verdelen. 1 á 2 lessen voor je schets, 4 weken voor je website en 2 weken voor je communicatieplan.

Instructie grafisch ontwerp

Het is de bedoeling dat je leert werken met HTML en CSS. Een opmaaktaal voor websites.

Je gaat meerdere, met elkaar communicerende webpagina's schrijven en ontwerpen. Je moet rekening houden vormgevingsprincipes en kleurgebruik. Inspiratie voor kleurcombinaties vind je op deze website.

De vormgevingsprincipes zijn nu erg belangrijk, je gaat onderzoeken hoe je deze toepast.

Contrast
Nadruk
Patronen
Herhaling
Beweging
Tussenruimte
Balans

Tussenproduct 1: Een schetsontwerp van de website die je gaat ontwikkelen.

Je gaat ook leren werken met HMTL en CSS. De PDF van de instructie die je van Meneer van Erp-Kuhlman krijgt is te downloaden.

Instructie HTML & CSS

BEGRIJPEN

ontwerpen

De website die je gaat ontwikkelen maak je in Adobe Dreamweaver en moet de volgende onderdelen bevatten:

Indeling van de hoofdpagina,
Menustructuur,
Koppen en paragrafen,
Lists (numbered of unnumbered)
Tabel
Afbeeldingen
Links
Vormgeving in CSS, gekoppeld aan de pagina's.

Tussenproduct 2: Alle HTML- en CSS-bestanden.

Je presenteert je website aan klas, docenten en/of opdrachtgever. Je krijgt feedback van elke partij. Deze verwerk je in de definitieve versie, en deze plaats je in de gedeelde map.

De ontvangen feedback plaats je in een overzichtelijk document bij je eindversie in de gedeelde map.

maken

Tot slot ga je aan de slag met een communicatieplan voor een onderneming met daarin een substantiële rol voor AI. Je geeft daarin antwoord op de onderzoeksvraag:

"Hoe kan AI de communicatie van een
onderneming aanvullen of verbeteren?"

Je mag zonder overleg gebruik maken van ChatGPT, Copilot en Gemini. Wil je een andere AI-module gebruiken? Overleg dan even met Meneer van Erp-Kuhlman.

De website van de Kamer van Koophandel kan je helpen met het opstellen van een communicatieplan.

Wat lever je in?

Aan welke eisen moet het eindproduct en bewijsmateriaal voldoen?

Je onderzoek naar de vormgevingsprincipes.
Je vooronderzoek naar het gebruik van HTML en CSS.
De schets voor de website. (Tussenproduct 1)
Je bestanden van je website (versie 1). (Tussenproduct 2.1)
- Je levert de .html en .css bestanden in.
Je feedback verwerk je in een overzichtelijk document.
Je aangepaste website (versie 2). (Tussenproduct 2.2)
- Je levert de .html en .css bestanden in.
Het communicatieplan met daarin een rol voor AI. (Tussenproduct 3)
- Je beantwoordt daarin de volgende onderzoeksvraag:
  "Hoe kan AI de communicatie van een onderneming aanvullen of verbeteren?"
- Je bepaalt zélf deelvragen die complementair zijn aan deze onderzoeksvraag.

Deadline

Je levert al je bewijsmateriaal in, in de gedeelde map voor [datum]. Je maakt een map aan 5.1, met daarin genummerde mappen voor de onderdelen.

ONEDRIVE

beoordeling

Je wordt beoordeeld aan de hand van de criteria in dit document:

Bronnen

Misschien heb je wat aan onderstaande bronnen:

W3Schools HTML
W3Schools CSS
Vormgevingsprincipes
Boek Grafisch Vormgeven, ter inzage tijdens de lessen.

loopbaanoriëntatie

Hbo Communication & Multimedia Design

Het vakgebied van CMD is breed en altijd in beweging. Jij ontdekt tijdens je studie waar je interesse en talent ligt en bouwt zo jouw eigen profiel als ontwerper.

Je leert creatieve technieken waarmee je op nieuwe ideeën komt

Je maakt interactieve digitale toepassingen die grafisch goed zijn vormgegeven

Je pluist communicatieproblemen uit en zoekt oplossingen

Je test een prototype op gebruikers en maakt met de testresultaten een verbeterde versie

Je leert samen met anderen je resultaten te presenteren aan opdrachtgevers

Opleidingen die passen bij deze opdrachten

mbo niv. 4 - Mediavormgever

Bij de opleiding mediavormgever mbo-niveau 4 leer je ontwerpen voor print en digitale media. Je werkt met programma's zoals Adobe Photoshop, Illustrator en InDesign. Tijdens deze mbo-opleiding niveau 4 leer je om logo's, flyers en websites te maken. Ook leer je klantwensen vertalen naar een creatief ontwerp.

Wat ga je leren:

Grafisch ontwerpen met de nieuwste programma’s.

Klantgericht werken en projecten leiden.

Vormgeven van tijdschriften en folders.

Maken van websites en digitale media.

Beroepen in dit werkveld

Webdesigner
Appontwikkelaar
Vormgever