Merge pull request #23 from cnoss/finetuning

Austauschen von Beispielen/Content (About Screendesign)

src/presentations/screendesign/about-screendesign/120-reisen.md

@@ -2,7 +2,7 @@
 title: Identität // Reisen
 layout: presentation.11ty.js
 slideClasses: images
-status: ok
+status: hidden
 ---
 
 {% interlude "Wenn man eine Reise tut", "dann hat wan viel zu wählen."%}

src/presentations/screendesign/about-screendesign/140-goldhandel.md

@@ -2,7 +2,7 @@
 title: Identität // Goldhandel
 layout: presentation.11ty.js
 slideClasses: images
-status: ok
+status: hidden
 ---
 
 {% interlude "Goldhandel"%}

src/presentations/screendesign/about-screendesign/150-versicherung.md

@@ -0,0 +1,11 @@
+---
+title: Identität // Versicherungsmakler
+layout: presentation.11ty.js
+slideClasses: images
+status: ok
+---
+
+{% interlude "Versicherungen"%}
+{% screenshot "./images/identitaet-versicherungsmakler-3.png", '{"transition":"fade"}' %}
+{% screenshot "./images/identitaet-versicherungsmakler-2.png", '{"transition":"fade"}' %}
+{% screenshot "./images/identitaet-versicherungsmakler-1.png", '{"transition":"fade"}' %}

src/presentations/screendesign/about-screendesign/160-kosmetik.md

@@ -0,0 +1,10 @@
+---
+title: Identität // Kosmetikstudios
+layout: presentation.11ty.js
+slideClasses: images
+status: ok
+---
+
+{% interlude "Kosmetik"%}
+{% screenshot "./images/identitaet-kosmetik-2.png", '{"transition":"fade"}' %}
+{% screenshot "./images/identitaet-kosmetik-1.png", '{"transition":"fade"}' %}

src/presentations/screendesign/about-screendesign/170-immobilien.md

@@ -0,0 +1,10 @@
+---
+title: Identität // Immobilienagenturen
+layout: presentation.11ty.js
+slideClasses: images
+status: ok
+---
+
+{% interlude "Immobilien"%}
+{% screenshot "./images/identitaet-immobilien-1.png", '{"transition":"fade"}' %}
+{% screenshot "./images/identitaet-immobilien-2.png", '{"transition":"fade"}' %}

src/presentations/screendesign/about-screendesign/260-leitfaden-kurzfassung.md

@@ -5,7 +5,7 @@ slideClasses: simple
 status: ok
 ---
 
-{% fragment "<p>Versuchen Sie, unvollständige Briefungs durch **gute Fragen** zu komplettieren</p>" %}
+{% fragment "<p>Versuchen Sie, unvollständige Briefings durch **gute Fragen** zu komplettieren</p>" %}
 {% fragment "<p>Gestaltungslösungen sind nicht binär</p>" %}
 {% fragment "<p>Entwickeln Sie stets **Alternativen** und dokumentieren Sie diese um nachweisen zu können, dass die gewählte Lösung die Beste (zumindest aus Ihren **Varianten**) ist</p>" %}
 {% fragment "<p>Entwickeln Sie **Sachargumente** und **Begründungszusammenhänge** für Ihre Gestaltungen</p>" %}

src/presentations/screendesign/design-in-der-medieninformatik/010-design-in-diesem-studiengang.md

@@ -5,6 +5,11 @@ slideClasses: simple
 status: ok
 ---
 
-{% fragment "<p>Absolventen der Medieninformatik <strong>analysieren, realisieren, betreiben</strong> und <strong>evaluieren informationstechnische Prozesse</strong> und <strong>Systeme</strong> zur Gestaltung, Produktion, Bearbeitung, Distribution und Nutzung <strong>medienbasierter Informationen.</strong></p>" %}
-{% fragment "<p>Das Studium der Medieninformatik zielt somit im Kern auf die Vermittlung entsprechender Methoden, Techniken und Denkweisen der Informatik. <strong>Absolvent*innen</strong> der Medieninformatik <strong>arbeiten</strong> dabei vorwiegend in Teams und müssen dort ihre erworbenen Kompetenzen einbringen können – hier ist <strong>Interdisziplinarität</strong> gefragt, erwünscht und gefordert. Auch darauf bereitet das Studium der Medieninformatik vor: es <strong>vermittelt Sichtweisen</strong> und Techniken aus verschiedenen Fachgebieten, von Computergrafik über Mensch-Computer-Interaktion bis <strong>Videoproduktion,</strong> von <strong>Kommunikationsdesign</strong> über Programmentwicklung bis Marketing.
-</p>" %}
+{% fragment "<p>Absolventen der Medieninformatik <strong>konzipieren</strong> und <strong>explorieren</strong> neue digitale Medien und interaktive digitale Produkte, <strong>implementieren</strong> diese in Hard- und Software, <strong>treiben</strong> interdisziplinäre Entwicklungsprozesse voran, und <strong>analysieren</strong> und <strong>evaluieren</strong> deren Nutzung.</p>" %}
+
+
+
+{% fragment '<p>Im Handlungsfeld <a href="https://medieninformatik.th-koeln.de//mi-5.0/handlungsfelder/#designing-for-user-experiences">Designing for User Experiences</a> gestalten Medieninformatiker&#42;innen digitale Anwendungen und deren Einbettung in Ökosysteme von Unternehmen oder Institutionen. Sie analysieren <strong>Nutzungskontexte</strong>, führen Benutzerforschung durch, entwickeln Interaktionskonzepte, Prototypen und Wireframes und arbeiten eng mit Entwickler&#42;innen zusammen. Ziel ist es, <strong>funktionale, ästhetische, inklusive</strong> und <strong>nachhaltige</strong> Nutzungserlebnisse zu schaffen. Dabei werden Methoden aus Design, Mensch-Computer-Interaktion und Design Thinking angewandt. Durch fortlaufende Evaluationen und Anpassungen werden Lösungen auf die <strong>langfristigen Bedürfnisse</strong> der Nutzer&#42;innen abgestimmt, um eine effiziente, zugängliche und positive Interaktion zu gewährleisten.
+</p>' %}
+
+

src/presentations/screendesign/design-in-der-medieninformatik/050-design-is.md

@@ -7,16 +7,16 @@ status: ok
 
 {% interlude "Design is ..." %}
 
-{% qa "Desing is...", "making things pretty?" %}
-{% qa "Desing is...", "moving pixels around?" %}
+{% qa "Design is...", "making things pretty?" %}
+{% qa "Design is...", "moving pixels around?" %}
 
 
 {% screenshot "./images/wir-duerfen-01.png", '{"transition":"fade", "classes": "shadow", "width":"auto", "bu":""}' %}
 
 {% screenshot "./images/wir-duerfen-02.png", '{"transition":"fade", "classes": "shadow", "width":"auto", "bu":""}' %}
 
-{% qa "Desing is...", "asking the right questions." %}
-{% qa "Desing is...", "identifying and solving problems." %}
+{% qa "Design is...", "asking the right questions." %}
+{% qa "Design is...", "identifying and solving problems." %}
 
 {% interlude "Was wären die <strong>richtigen Fragen</strong> am Anfang eines Designprozesses?" %}
 {% interlude "Wie können wir <strong>Probleme identifizieren</strong>?" %}

src/presentations/screendesign/design-in-der-medieninformatik/070-design-basics.md

@@ -11,10 +11,10 @@ transition: zoom
 <section class="simple">
   <div>
     <h1>Zum Start</h1>
-    {% fragment "<p>versuchen Sie <strong>offen</strong> zu sein</p>" %}
+    {% fragment "<p>Versuchen Sie, <strong>offen</strong> zu sein</p>" %}
     {% fragment "<p>Gestaltungslösungen sind nicht binär</p>" %}
-    {% fragment "<p>versuchen Sie unvollständige Übung durch <strong>gute Fragen</strong> zu komplettieren</p>" %}
-    {% fragment "<p>entwickeln Sie stets <strong>Alternativen</strong> und dokumentieren diese um nachweisen zu können, dass die gewählte Lösung die Beste (zumindest aus ihren <strong>Varianten</strong>) ist</p>" %}
-    {% fragment "<p>entwickeln Sie <strong>Argumente</strong> und <strong>Begründungszusammenhänge</strong> für Ihre Gestaltungen</p>" %}
+    {% fragment "<p>Versuchen Sie, unvollständige Übung durch <strong>gute Fragen</strong> zu komplettieren</p>" %}
+    {% fragment "<p>Entwickeln Sie stets <strong>Alternativen</strong> und dokumentieren diese, um nachweisen zu können, dass die gewählte Lösung die Beste (zumindest aus Ihren <strong>Varianten</strong>) ist</p>" %}
+    {% fragment "<p>Entwickeln Sie <strong>Argumente</strong> und <strong>Begründungszusammenhänge</strong> für Ihre Gestaltungen</p>" %}
   </div>
 </section>

src/presentations/screendesign/semiotik/040-logos.md

@@ -9,4 +9,4 @@ status: ok
 {% screenshot "./images/Deutsche-post-horn.svg", '{"bu":"Auf welcher Ebene ist das Zeichen?", "classes":"no-shadow"}' %}
 {% screenshot "./images/Deutsche_Bank_logo_without_wordmark.svg", '{"bu":"Auf welcher Ebene ist das Zeichen?", "classes":"no-shadow"}' %}
 {% screenshot "./images/audi-logo.jpg", '{"bu":"Auf welcher Ebene ist das Zeichen?", "classes":"no-shadow", "width":"30%"}' %}
-{% screenshot "./images/twitter-logo.svg", '{"bu":"Auf welcher Ebene ist das Zeichen?", "classes":"no-shadow", "width":"20%"}' %}
+