Docent

Tijdens de lessen

• Stel vragen
• Hoe meer hoe liever
• Respecteer anderen hun vragen
• Een open sfeer
• Ontspanning en humor
• Geef me feedback!

Contact

Tijdens de les, tijdens ons contact-moment

Email:

frederick.roegiers@arteveldehs.be

Teams

Colleges

Mix Hoor & Werkcolleges

• Contactonderwijs

  Hoor- en werkcolleges & praktijk: 72,00 uren
   

• Duur: 13 weken
• Taken in zelfstudietijd

  • Thuiswerk (studie / taken): 60,00 uren

  • Examens: 3,00 uren

Platformen

Canvas

Op Canvas vind je per week welke delen theorie we zullen zien

Slides.com

als je op de "esc"-toets klikt kan je het overzicht bekijken!

Verschillende onderwerpen

Dieper graven

in 1 onderwerp

Slides

Benodigde software

Browsers

Installeer Google Chrome of Firefox Developer Edition​ 

Code Editor

https://code.visualstudio.com

Visual Studio Code - Extensions

• vscode-icons
• Open in browser
• SVG-preview
• W3C Web Validator
• CSSTree Validator

Visual Studio Code - Settings

Zorg ervoor dat je bij

"file > autosave"

een vinkje staat!

Cursus

Syllabus

= online cursus

https://www.gdm.gent/digital-experience/

Evaluatie

Eerste examenkans

• 50% Werkstuk (opdrachten / labo's / toets)
• 50% Schriftelijk (theorie en praktijk)

Tweede examenkans

• 100% Schriftelijk Examen (theorie en praktijk)

Inhoud

Inhoud D/EXP/1

• 4 pijlers binnen Digital Experience
  1. Web Technology (maar ook ui en ux) 
  2. Print Technology
  3. Interaction Technology
  4. Data Technology
• Theorie via Canvas &
  1. https://www.gdm.gent/digital-experience/
  2. Slides

1. Web Technology

Waaruit bestaat een goede digitale interface (user experience en user interfaces)
Hoe wordt die gerenderd in een browser applicatie (website / app / applicatie)

• UI & UX
  • User Experience & User Interface
• HTML & CSS
  • HyperText Markup Language & Cascading Style Sheets
• SERVER
  • Begrip
  • Werken met een server

2. Print Technology

Hoe kunnen we print "slim" maken, via welke technologieën kunnen we er een digitale laag aan toevoegen?

• Barcode, QR-Code, ...
• Sensoren
  • NFC, RFID, ...
• Communicatie protocollen
  • Draadloos, Bluetooth (LE), WiFi, ...

3. Data Technology

Wat verstaan we onder data? Hoe worden gegevens van het ene medium (toestel, app, server) door een ander medium uitgelezen?

• Data Formaten
  • XML, JSON, CSV, ...
• Databases (terminologie)
  • SQL
• API
  • GraphQL, RestAPI

4. Interaction Technology

Kortweg: Interactiviteit. Hoe maken we een applicatie interactief (vb klik op een knop, een slideshow, gebruik van AI, ...

• Scripting via JavaScript (JS)
• Machine Learning (ML)
  • vb herkennen van PMD via ML
• Augmented Reality (AR)
  • vb. verpakking scannen en AR-ervaring start

Wat mag je verwachten

Cool things

Basic Website / Animatie maken / Ticketting systeem / Werken met data  / Print 2 Web / Web 2 Print / Coding met InDesign / Internet of Things / NFCCloud & Server / Code Skills / AI integration / Semantic HTML / Styling Guru Skills / CMS Knowledge / RFID / Ambient IoT / Smart Packaging / ...