course-24-25
Deze repository bevat alles wat je nodig hebt om de 6-weekse Tech Track te volgen. We beginnen bijna maar we zijn hier en daar nog wat puntjes op de i aan het zetten. Niet alles wat je nu hier ziet is definitief!
Samenvatting
De Tech Track wordt gegeven bij de opleiding CMD Amsterdam (@CMDA) van oktober tot en met december 2024.
- Vak: Tech Track (
3000IDTT22) - Keywords: data, informatie, interactiviteit, storytelling, visualisatie
- Coördinatoren: Danny de Vries (@dandevri), Laura Benvenuti (@LauraBenvenuti)
- Docenten: Berry Nieskens (@bnieskens), Danny de Vries (@dandevri), Laura Benvenuti (@LauraBenvenuti)
- Studiepunten: 9 ECTS
- Hogeschool: Hogeschool van Amsterdam
- Opleiding: Communication and Multimedia Design (voltijd bachelor CROHO:
34092) - Faculteit: Digitale Media en Creatieve Industrieën
- Taal: Nederlandstalig onderwijs, Engelstalig lesmateriaal
- Toelatingseisen: n.v.t
Beschrijving
Tijdens de Tech Track ontwikkel je vaardigheden om betekenisvolle, mooie en interactieve datavisualisaties te maken. Je hebt in deze module veel vrijheid en ook zelfstandigheid: je krijgt de ruimte om zelf een eigen gekozen dataset op een manier naar keuze te onderzoeken en te visualiseren.
De Tech Track heeft een workshopgerichte aanpak. We gaan verder met programmeren in JavaScript (ES6), en gebruiken libraries zoals D3.js en frameworks zoals Svelte voor diverse toepassingen van visualiseren en databeheer van micro- tot macroniveau.
Er zal veel traditionele studie nodig zijn, aangezien je documentatie grondig moet analyseren om de gekozen tech stack optimaal te benutten. We gaan tevens dieper in op het goed structureren van je visualisatie volgens best practices, het opzetten van een robuuste en schaalbare architectuur en het herschrijven van code die je hebt geschreven tijdens je onderzoek.
Tijdens de tech track documenteer je je technisch onderzoek. Naast je applicatie verwachten we een uitgebreide wiki waarin je je keuzes verdedigt, alternatieven aanhaalt en je voortgang beschrijft.
Tech Track is een keuzevak binnen Information Design (herfstsemester), dat voortbouwt op kennis opgedaan in Internetstandaarden, Inleiding Programmeren, Front-end Development, Project Tech . Als je na deze track verder wilt met webontwikkeling, kies dan in het voorjaarssemester voor de Minor Web Design & Development!
Opdracht
Na 6 weken lever je uiteindelijk het volgende op dat we in een mondeling gesprek toetsen:
- Een werkende interactieve datavisualisatie op basis van een dataset naar keuze.
- Een repository met de code van de applicatie inclusief readme.md.
- Een wiki die je technisch onderzoek, proces en voortgang, en je keuzes beschrijven.
Communicatie
Voeg de Tech track course toe aan DLO via de courseselector. De code om het tech-track Microsoft team te joinen kun je vinden bij de announcements.
- GitHub — Info, planning, opdrachten, slides, voorbeelden.
- Microsoft Teams — Info, overleg, faq, updates.
- Brightspace (DLO) - Beoordelingen, cijfers, inleverslots.
Doelen
De inhoudelijke leerdoelen en eisen worden getoetst aan de hand van een beoordelingformulier op basis van onze competenties. De belangrijkste leerdoelen van de tech track zijn dat je in staat bent om:
- Data extern te fetchen middels een API, op te schonen en functioneel te transformeren.
- Interactieve visualisaties te maken met D3 van externe real-time data.
- Werken met front-end frameworks zoals Svelte en denken in componenten.
- Betekenisvolle animatie en / of storytelling toe te passen in je visualisatie.
- Complexe programma’s (code) te refactoren, debuggen en lezen.
Planning
Een overzicht van wat we wekelijks gaan doen op basis van het schema, voor meer detail open de map op deze repository van de desbetreffende week voor inhoud per les.
| Week | Onderwerp | Omschrijving |
|---|---|---|
| Week 0 | Prequisites | Ter voorbereiding van de tech-track; zelf-studie programmeren (ES6) |
| Week 1 | Introductie | Data zoeken en API’s onderzoeken, functionele programmeren in JavaScript |
| Week 2 | Architectuur | Objecten en libraries, introductie frameworks en Svelte |
| Week 3 | Visualisaties | Data inladen met D3, visualiseren met chart types, asynchroon programmeren |
| Week 4 | Storytelling | Interactie mogelijkheden onderzoeken, visuele vormgeving verbeteren |
| Week 5 | Deployment | Peer feedback, project deployen en documenteren in wiki |
| Week 6 | Beoordeling | Refactoren en debuggen van de code, assessment en beoordelingen |
Opleiding
Deze track wordt gegeven binnen Communication and Multimedia Design, een ontwerp-bachelor gericht op interactieve digitale producten en diensten. CMD is onderdeel van de Faculteit Digitale Media en Creatieve Industrieën van de Hogeschool van Amsterdam.
Gedragscode
Deze track heeft een Code of Conduct. Iedereen die met deze repository, organisatie of community in contact komt, is hieraan gebonden. Medewerkers en studenten van de Hogeschool van Amsterdam (HvA) zijn daarnaast gebonden aan de Regeling Ongewenst Gedrag en de HvA gedragscode.
Licentie
Tenzij anders vermeld, is de code MIT © Berry Nieskens (@bnieskens), Danny de Vries (@dandevri), Laura Benvenuti (@LauraBenvenuti) docs en afbeeldingen zijn CC-BY-4.0.