Creative Technologies Lab | dokuWiki

Repository of academic adventures, experimental technology, accidental brilliance, and collaborative nerdery.

User Tools

Site Tools


teaching:ba:courses:design-basics:sose25:27_03_25

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
teaching:ba:courses:design-basics:sose25:27_03_25 [2025/07/06 05:24] – ↷ Links adapted because of a move operation Felix Hardmood Beckteaching:ba:courses:design-basics:sose25:27_03_25 [2025/07/06 10:05] (current) – ↷ Links adapted because of a move operation Felix Hardmood Beck
Line 25: Line 25:
     * Ablauf Semestertermine     * Ablauf Semestertermine
     * [[teaching:ba:courses:design-basics:design-basics#benotungsschema|Benotungsschema]]     * [[teaching:ba:courses:design-basics:design-basics#benotungsschema|Benotungsschema]]
-    * [[teaching:ba:courses:design-basics:dokumentationsbox|Dokubox]]+    * [[teaching:ba:courses:design-basics:aufgaben:dokumentationsbox|Dokubox]]
     * Beispiele aus vorherigen Semestern     * Beispiele aus vorherigen Semestern
       * https://digital.msd-basics.info       * https://digital.msd-basics.info
Line 41: Line 41:
       * Sammlung: Welche Tools, Skills Hardware/Software interessieren Euch?       * Sammlung: Welche Tools, Skills Hardware/Software interessieren Euch?
       * heutiger Impulsvortrag: Vorstellung von [[https://p5js.org/about/|P5.JS]]       * heutiger Impulsvortrag: Vorstellung von [[https://p5js.org/about/|P5.JS]]
-  - Vorstellung der Begrifflichkeit: [[lexikon:autoativity-reactivity-interactivity|Autoaktive Medien, Reaktive Medien, Interaktive Medien]] +  - Vorstellung der Begrifflichkeit: [[extras:wissikon:media-design:autoativity-reactivity-interactivity|Autoaktive Medien, Reaktive Medien, Interaktive Medien]] 
-  - Vorstellung der [[about:media-formats|Mediendesign-Formate]] +  - Vorstellung der [[extras:wissikon:media-design:media-formats|Mediendesign-Formate]] 
-  - Einordnung der Begrifflichkeit von [[teaching:ba:courses:mediadesign-project:wise24-25:user-experience-design|User Experience Design]] (UX), [[teaching:ba:courses:mediadesign-project:wise24-25:user-interface-design|User Interface Design]] (UI) und [[teaching:ba:courses:mediadesign-project:wise24-25:interaction-design|Interaction Design]] (XD)+  - Einordnung der Begrifflichkeit von [[extras:wissikon:media-design:user-experience-design|User Experience Design]] (UX), [[extras:wissikon:media-design:user-interface-design|User Interface Design]] (UI) und [[extras:wissikon:media-design:interaction-design|Interaction Design]] (XD)
    
  
Line 51: Line 51:
 Die Hausaufgaben der Mini-Challenges werden auch [[teaching:ba:courses:design-basics:sose25:minichallenges|hier]] gelistet. Die Hausaufgaben der Mini-Challenges werden auch [[teaching:ba:courses:design-basics:sose25:minichallenges|hier]] gelistet.
  
-  - Lesen Sie sich die [[lexikon:gestalt-rules|Übersicht zu den Gestaltgesetzen]] durch.+  - Lesen Sie sich die [[extras:wissikon:design-development:gestalt-rules|Übersicht zu den Gestaltgesetzen]] durch.
   - Ihre Aufgabe ist es nun __zwei__ [[https://editor.p5js.org|P5.JS]] Sketche zu coden, die jeweils eines der Gesetze bestmöglich in Form von einem Bild oder einer animierten Sequenz visualisieren. \\ {{:teaching:ba:courses:design-basics:moving_circles.gif?direct&200|}}   - Ihre Aufgabe ist es nun __zwei__ [[https://editor.p5js.org|P5.JS]] Sketche zu coden, die jeweils eines der Gesetze bestmöglich in Form von einem Bild oder einer animierten Sequenz visualisieren. \\ {{:teaching:ba:courses:design-basics:moving_circles.gif?direct&200|}}
   - Starten Sie mit der Erstellung des ersten Blattes für Ihre Doku-Box. Wie kann das aussehen? Machen Sie screenshots ihrer Arbeiten. Reicht ein Screenshot, um eine Animation zu zeigen? Was fällt Ihnen als Lösung ein? Fragen Sie jemanden ein Foto von Ihnen bei der Arbeit zu machen (//Over-the-shoulder-shot// mit dem Computer-Bildschirm im Hintergrund auf dem ihre Arbeit zu sehen ist). Achten Sie auf gute Belichtung und einen passenden Bildausschnitt.    - Starten Sie mit der Erstellung des ersten Blattes für Ihre Doku-Box. Wie kann das aussehen? Machen Sie screenshots ihrer Arbeiten. Reicht ein Screenshot, um eine Animation zu zeigen? Was fällt Ihnen als Lösung ein? Fragen Sie jemanden ein Foto von Ihnen bei der Arbeit zu machen (//Over-the-shoulder-shot// mit dem Computer-Bildschirm im Hintergrund auf dem ihre Arbeit zu sehen ist). Achten Sie auf gute Belichtung und einen passenden Bildausschnitt. 
   - Die Ergebnisse werden beim nächsten mal der gesamten Gruppe vorgestellt (inkl Doku-Box) und gemeinsam besprochen. Die fertigen Code-snippets werden per email an Prof. Beck geschickt.   - Die Ergebnisse werden beim nächsten mal der gesamten Gruppe vorgestellt (inkl Doku-Box) und gemeinsam besprochen. Die fertigen Code-snippets werden per email an Prof. Beck geschickt.
  
/var/www/vhosts/ct-lab.info/wiki.ct-lab.info/data/attic/teaching/ba/courses/design-basics/sose25/27_03_25.1751779463.txt.gz · Last modified: by Felix Hardmood Beck