Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael...
-
Upload
adelonda-ziems -
Category
Documents
-
view
103 -
download
0
Transcript of Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael...
![Page 1: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/1.jpg)
Prof. Dr. Michael Herczeg, Dr. Thomas WinklerInstitut für Multimediale and Interaktive Systeme Universität zu LübeckDaniela Reimann, Forum für Interdisziplinäre Studien Muthesius-Hochschule für Kunst und Gestaltung, KielDr. Ingrid Höpel, Kunsthistorisches Institut der Christian-Albrechts-Universität zu Kiel
Theory and Practice of Integrated Arts, Design and Computer Science in Education
Startseite
![Page 2: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/2.jpg)
http://artdecom.mesh.de Winkler-Titel
ArtDeCom – ArtDeCom –
ästhetisch-informatische ästhetisch-informatische
BildungBildung
Dr. Thomas WinklerInstitut für Multimediale und Interaktive Systemeder Universität zu Lübeck
![Page 3: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/3.jpg)
http://artdecom.mesh.de Lernen?
Lernen =Lernen =
• mit allen Sinnen auf die Welt mit allen Sinnen auf die Welt heute beziehen, heute beziehen, auf die Lebenswirklichkeitauf die Lebenswirklichkeit
• handlungsbezogenhandlungsbezogen
• gemeinsam in kommunikativen gemeinsam in kommunikativen BezügenBezügen
• selbst differenzieren / selbst differenzieren / konstruierenkonstruieren
![Page 4: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/4.jpg)
http://artdecom.mesh.de Welt verstehen?
Welt heute: medial geprägte WeltWelt heute: medial geprägte Welt Um sie zu verstehen und in ihr Um sie zu verstehen und in ihr Handlungsfähig zu sein, ist es Handlungsfähig zu sein, ist es notwendig, Künste, Natur-, notwendig, Künste, Natur-, Geistes- und Sozialwissenschaften Geistes- und Sozialwissenschaften
zu verbindenzu verbinden
![Page 5: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/5.jpg)
http://artdecom.mesh.de Welche Rolle ?
Welche Rolle können digitale Welche Rolle können digitale interaktive Systeme interaktive Systeme bzw. „Tangible Media“bzw. „Tangible Media“beim Lehren und Lernen spielen ?beim Lehren und Lernen spielen ?
![Page 6: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/6.jpg)
http://artdecom.mesh.de Medien lassen uns ...
Interaktive digitale MedienInteraktive digitale Medien& „Tangible Media“& „Tangible Media“
• befördern Gestaltungsfähigkeitbefördern Gestaltungsfähigkeit
• befördern ein Denken mittels befördern ein Denken mittels hoch abstrakter Modelle am hoch abstrakter Modelle am KonkretenKonkreten
• erweitern Kommunikations-, Aus-erweitern Kommunikations-, Aus-drucks- und Handlungsfähigkeitdrucks- und Handlungsfähigkeit
• lassen uns unsere gegenwärtige lassen uns unsere gegenwärtige (globale) Welt rekursiver (globale) Welt rekursiver Systeme besser be-greifenSysteme besser be-greifen
![Page 7: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/7.jpg)
http://artdecom.mesh.de Ziel
Ziele der Unterrichtsversuche:Ziele der Unterrichtsversuche:
Multi-Medien erzeugen, Multi-Medien erzeugen,
kombinieren, transformieren, kombinieren, transformieren,
programmieren und präsentierenprogrammieren und präsentieren
![Page 8: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/8.jpg)
http://artdecom.mesh.de
Ziel: Inform.Kompetenz
Ziel: Verstehen der Ziel: Verstehen der
Funktionen und Potenziale Funktionen und Potenziale
programmierbarer digitaler programmierbarer digitaler
Informations- Informations-
und Medientechnologieund Medientechnologie
informatisch-ästhetische informatisch-ästhetische
KompetenzKompetenz
![Page 9: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/9.jpg)
http://artdecom.mesh.de
Ziel: Wirk-Nebenwirkung
Ziel:Ziel:
Wirkungen und Nebenwirkungen, Wirkungen und Nebenwirkungen,
die interaktive digitale Medien die interaktive digitale Medien
herbeiführen, herbeiführen,
erkennen erkennen
undund
einschätzen einschätzen
könnenkönnen
![Page 10: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/10.jpg)
http://artdecom.mesh.de
Ziel: Verstehen R+Zeit
Ziel:Ziel:
sich verändernde Raum-Zeit–sich verändernde Raum-Zeit–
Wahrnehmung verstehenWahrnehmung verstehen
Orientierung in verknüpftenOrientierung in verknüpften
physischen und digitalen Räumenphysischen und digitalen Räumen
![Page 11: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/11.jpg)
http://artdecom.mesh.de Verstehen, Orientieren, HandelnVerstehen, Orientieren, Handeln:Verstehen, Orientieren, Handeln:
Auseinandersetzung mit eigener Auseinandersetzung mit eigener Identitätsbildung in der Identitätsbildung in der zunehmend medialen Weltzunehmend medialen Welt
Eigenständiges Konstruieren von Eigenständiges Konstruieren von fächerübergreifendem Wissenfächerübergreifendem Wissen
ModelleModelle bilden: Programmieren von bilden: Programmieren von Verhalten im physikalischen RaumVerhalten im physikalischen Raum
sich (subjektiv) sich (subjektiv) AusdrückenAusdrücken beim beim Programmieren von digitalen MedienProgrammieren von digitalen Medien
![Page 12: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/12.jpg)
http://artdecom.mesh.de
SemiotModell-MR
Mediale Dimensionen von Mediale Dimensionen von Mixed-Reality-LernräumenMixed-Reality-Lernräumen
![Page 13: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/13.jpg)
http://artdecom.mesh.de Welche Medien – wie verwenden?
WelcheWelche digitalen Medien? digitalen Medien?
WieWie sie verwenden? sie verwenden?
2.2. Erstellen und Programmieren Erstellen und Programmieren
von interaktiven 3D-Internet-von interaktiven 3D-Internet-
Objekten/Räumen im Kontext der Objekten/Räumen im Kontext der
physischen Weltphysischen Welt
1.1.Ikonische Programmierung von Ikonische Programmierung von
Sensoren und Aktuatoren / Sensoren und Aktuatoren /
z.T. Verwendung von z.T. Verwendung von
MikrocomputernMikrocomputern
![Page 14: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/14.jpg)
http://artdecom.mesh.de MR-Environments: BEISPIELE
Schaffung von Schaffung von
fächerübergreifenden fächerübergreifenden
Mixed-Reality-LernumgebungenMixed-Reality-Lernumgebungen
BeispieleBeispiele
![Page 15: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/15.jpg)
http://artdecom.mesh.de
1. Sensortechnologie + ikon.Programmierung
1. Sensortechnologie und 1. Sensortechnologie und
ikonische Programmierungikonische Programmierung
![Page 16: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/16.jpg)
http://artdecom.mesh.de EyeToy
Was ist ein digitales Bild? Was ist ein digitales Bild? Was ist ein Bildsensor?Was ist ein Bildsensor?
EyeToy – Playstation 2EyeToy – Playstation 2
![Page 17: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/17.jpg)
http://artdecom.mesh.de Verstehen durch koop. Stop-Motion
Verstehen durch eigenes Verstehen durch eigenes kooperatives kooperatives Gestalten digitaler Gestalten digitaler Stop-Motion-AnimationStop-Motion-Animation
![Page 18: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/18.jpg)
http://artdecom.mesh.de Förderung abstrakten Denkens Förderung abstrakten Denkens
durch digitale Modellbildungdurch digitale ModellbildungBilderkennung in Bilderkennung in der Grundschuleder Grundschule
![Page 19: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/19.jpg)
http://artdecom.mesh.de Schema: Welt der Drachen-Bühne
![Page 20: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/20.jpg)
http://artdecom.mesh.de Bewegung, ...Film Aufführung
Bewegung, Ausdruck, Musik, Narration, Bewegung, Ausdruck, Musik, Narration,
Stop-Motion-Animation, Stop-Motion-Animation,
Gestaltung, Programmierung von SensorikGestaltung, Programmierung von Sensorik
![Page 21: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/21.jpg)
http://artdecom.mesh.de Modellbildung Modellbildung
„biologischen“ „biologischen“ Verhaltens: Verhaltens:
Kommunizierende Kommunizierende künstliche künstliche WesenWesen
![Page 22: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/22.jpg)
http://artdecom.mesh.de Interfaces:Interfaces:
Unmittelbares Feedback Unmittelbares Feedback in der in der physischen Realitätphysischen Realität beim beim ProgrammierprozessProgrammierprozess
![Page 23: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/23.jpg)
http://artdecom.mesh.de IkonischeIkonische
VisualisierungVisualisierungder Programmierung der Programmierung von Sensoren und von Sensoren und AktuatorenAktuatoren
![Page 24: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/24.jpg)
http://artdecom.mesh.de
Fachübergreifende + werkstattor.
Lernräume
FachübergreifendesFachübergreifendes Lernen im Lernen im werkstattorientiertenwerkstattorientierten Unterricht Unterricht
Räume zum Lernen:Räume zum Lernen:
![Page 25: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/25.jpg)
http://artdecom.mesh.de 2. 3D-Internet
2.2. Erstellen und Programmieren Erstellen und Programmieren
von interaktiven von interaktiven
Installationen mitInstallationen mit
3D-Internet-Objekten/Räumen 3D-Internet-Objekten/Räumen
![Page 26: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/26.jpg)
http://artdecom.mesh.de Physische + digitale Obj / PhotoModeler
Verknüpfen von Verknüpfen von physischen und physischen und digitalen Objekten digitalen Objekten
![Page 27: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/27.jpg)
http://artdecom.mesh.de 3D-Zeichnen / Teddy
Zeichnen von 3D-ObjektenZeichnen von 3D-Objekten
![Page 28: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/28.jpg)
http://artdecom.mesh.de 3D-Räume / Atmosphere
Erstellen von digitalen 3D-RäumenErstellen von digitalen 3D-Räumen
![Page 29: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/29.jpg)
http://artdecom.mesh.de Installation von Installation von 3D-Internetwelten3D-Internetwelten
in der physischen Realität in der physischen Realität
![Page 30: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/30.jpg)
http://artdecom.mesh.de Identitätsbildung
Identitätsbildung und Identitätsbildung und
Kommunikation mittels digitaler Kommunikation mittels digitaler
Repräsentanten Repräsentanten
(Avatare)(Avatare)
![Page 31: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/31.jpg)
http://artdecom.mesh.de AvatarLab
Erstellen von Avataren mittels Erstellen von Avataren mittels SelbstportraitsSelbstportraits
![Page 32: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/32.jpg)
http://artdecom.mesh.de Java-Script
Avatare erweitern visuelle Avatare erweitern visuelle KommunikationsräumeKommunikationsräume
![Page 33: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/33.jpg)
http://artdecom.mesh.de Avatare erweitern visuelle Avatare erweitern visuelle
KommunikationsräumeKommunikationsräume
![Page 34: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/34.jpg)
http://artdecom.mesh.de Programmieren eines Programmieren eines
digitalen Handlungsraumsdigitalen Handlungsraums
Improvisation eines Sprechertextes
![Page 35: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/35.jpg)
http://artdecom.mesh.de
Wiss. ERGEBNISSE
Wissenschaftliche ErgebnisseWissenschaftliche Ergebnisse
ästhetisch-informatischer ästhetisch-informatischer
Bildung:Bildung:
SchlüsselkompetenzSchlüsselkompetenz für für
interdisziplinäres Lerneninterdisziplinäres Lernen
![Page 36: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/36.jpg)
http://artdecom.mesh.de
Wiss. E.: Hochmotivierend + Mädchen• Selbstbestimmtes, gemeinsames, Selbstbestimmtes, gemeinsames, fächerverbindendes Arbeiten an fächerverbindendes Arbeiten an konkreten Projekten ist konkreten Projekten ist hoch hoch motivierendmotivierend
• besondere Motivierung von besondere Motivierung von MädchenMädchen durch identitäts- und durch identitäts- und sozialbezogene Anwendungensozialbezogene Anwendungen
![Page 37: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/37.jpg)
http://artdecom.mesh.de Wiss.E: abstr.Wissen + Kreativität, Ausdr.Fähigk.
• Interaktive Mixed-Reality fördert Interaktive Mixed-Reality fördert Kreativität Kreativität undund AusdrucksfähigkeitAusdrucksfähigkeit
• Multisensuelle Be-greifbarkeit Multisensuelle Be-greifbarkeit der Medien ermöglicht spielend der Medien ermöglicht spielend das frühzeitige Erlernen das frühzeitige Erlernen abstrakten Wissensabstrakten Wissens
![Page 38: Theory and Practice of Integrated Arts, Design and Computer Science in Education Prof. Dr. Michael Herczeg, Dr. Thomas Winkler Institut für Multimediale.](https://reader034.fdocuments.us/reader034/viewer/2022051614/55204d6249795902118b7774/html5/thumbnails/38.jpg)
http://artdecom.mesh.de ArtDeCom-BLK
Modellprojekt des Programms Kulturelle Bildung im Medienzeitalter der Bund-Länder-Kommission und dem Land Schleswig-Holstein