digital experience

Introductie

Inhoud tot het vak

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
    Soms langer les op donderdag (bij praktijk)

  • 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

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
    2. Print Technology
    3. Interaction Technology
    4. Data Technology
  • Theorie via Canvas &
    1. https://www.gdm.gent/digital-experience/
    2. Slides

1. Web Technology

Hoe maken we via basic technologieën een eenvoudige browser applicatie (website / app / applicatie)

  • HTML
    • HyperText Markup Language
  • CSS
    • 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 / ...

DigExp - 00 - Introductie tot het vak

By Lecturer GDM

DigExp - 00 - Introductie tot het vak

Voorstellingsrondje, benodigde software & cursus

  • 201