Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m291:leistungsbeurteilungen:02_lb:a_briefing_me23d [2026/05/21 14:37] – gkoch
+++ de:modul:m291:leistungsbeurteilungen:02_lb:a_briefing_me23d [2026/06/18 21:05] (aktuell) – gkoch
@@ Zeile 13: / Zeile 13: @@
   * Ein **Starter-Projekt** (Vue.js bereits konfiguriert, ''npm install'' noch nötig)
   * Ein **Figma-Design** mit dem zu bauenden Interface
-  * Daten als Array, die Sie anzeigen sollen
+  * **Daten** als Array, die Sie anzeigen sollen
   * Ein **kurzes Anleitungsblatt** mit der groben Vorgehensweise
@@ Zeile 27: / Zeile 27: @@
 | **Anzeige** | Daten mit ''v-for'' als Liste oder Karten (=rechteckige Divs) darstellen |
 | **Props** | Daten von einer Eltern- an eine Kind-Komponente übergeben |
-| **Reaktivität** | ''ref()'' und Bindings (''%%{{ }}%%'', '':'') korrekt einsetzen |
+| **Reaktivität** | ''ref()'' und Bindings (''%%{{ }}%%'', '':'', ''v-bind'') korrekt einsetzen |
 | **Event** | Mindestens ein ''@click'' oder ''v-on''-Event mit einer Funktion |
-| **Styling** | Komponenten mit Flexbox oder CSS-Grid layouten und nach dem Design gestalten (Fonts, Farben) (keine Responsiveness - Desktop first) |
+| **Styling** | Komponenten mit Flexbox oder CSS-Grid layouten und nach dem Design gestalten (Fonts, Farben) (keine Responsiveness - Mobile only) |
-| **Bonus** | Einen Animation oder Transition einbauen (wird vorgeschlagen) |
+| **Transition** | einen Übergang zwischen zwei Zuständen mit CSS-Transition animieren |
 </WRAP>
@@ Zeile 38: / Zeile 38: @@
 <WRAP box center round 80%>
 ^ Zeit ^ Phase ^
-| 10–15 Min. | Figma lesen, Anleitungsblatt studieren, Fragen stellen – **kein Coding, keine Tastatur** |
+| 10 Min. | Starterpaket mit Code und Figma downloaden, Code starten mit ''npm install'' & ''npm run dev'', Anleitungsblatt studieren, Fragen stellen – **kein Coding** |
-| ~60 Min. | Coding |
+| 60 Min. | Coding |
 | 5 Min. | Abgabe vorbereiten und in Moodle hochladen |
 </WRAP>
@@ Zeile 46: / Zeile 46: @@
 **Wichtig:** 60 Minuten effektive Coding-Zeit sind knapp. Schauen Sie regelmässig auf die Uhr. Wenn etwas zu lange nicht funktioniert: kommentieren Sie es aus und arbeiten Sie weiter. Nicht hängen bleiben.
 </WRAP>
-===== Regeln & Fairness =====
 <WRAP box center round 80%>
 ^ Erlaubt ^ Nicht erlaubt ^
-| Google / Bing / DuckDuckGo (keine KI-Funktionen) | ChatGPT, Claude, Gemini, Copilot, Junie oder andere KI |
+| Google (nur mit Web) aktiviert / DuckDuckGo (keine KI-Funktionen -> Erklärung unter dieser Tabelle) | Bing, Google Suche mit "KI Übersicht", ChatGPT, Claude, Gemini, Copilot, Junie oder andere KI |
-| MDN Web Docs ([[https://mdn.dev|mdn.dev]]) | Code von anderen Lernenden oder externen Personen |
+| MDN Web Docs ([[https://mdn.dev|mdn.dev]]) | Code von anderen Lernenden oder externen Personen (live-Kopien, Duplikate) |
-| Vue.js Dokumentation ([[https://vuejs.org|vuejs.org]]) | Figma-to-Code Plugins |
+| Vue.js Dokumentation ([[https://vuejs.org|vuejs.org]]) | Figma-to-Code oder Design-To-Code Plugins |
-| Moodle-Inhalte ([[https://moodle.bzz.ch|moodle.bzz.ch]]) | KI-Extensions im Editor |
+| Moodle-Inhalte ([[https://moodle.bzz.ch|moodle.bzz.ch]]) und eigene Notizen | KI-Extensions im Editor |
-| Eigene Notizen | Komplette Komponenten aus dem Internet kopieren |
+| Code-Snippets (= Autocomplete im Editor ≤ 7 Zeilen) | Chats-Fenster offen lassen (Teams, WhatsApp, Chatbots etc.) |
-| Code-Snippets (= Autocomplete im Editor ≤ 10 Zeilen) | Alle Chats offen lassen (Teams, WhatsApp etc.) |
 </WRAP>
+==== Websuch-Maschinen ====
+=== Nicht erlaubt: ===
+== Google Suche mit KI-Übersicht aktiv ==
+{{:de:modul:m291:leistungsbeurteilungen:02_lb:screenshot_2026-06-18_at_19.07.32.png?direct&900| Google unerlaubte Suche}}
+== Bing Suche (Microsoft) ==
+{{:de:modul:m291:leistungsbeurteilungen:02_lb:screenshot_2026-06-18_at_19.12.03.png?direct&900| Bing unerlaubte Suche }}
+=== Erlaubt: ===
+== Google Suche: KI-Übersicht abschalten ==
+{{:de:modul:m291:leistungsbeurteilungen:02_lb:screenshot_2026-06-18_at_19.17.12.png?direct&900| Google umschalten, damit nur Web-Ergebnisse gezeigt werden. }}
+== Google Suche: ohne KI Übersicht ==
+{{:de:modul:m291:leistungsbeurteilungen:02_lb:screenshot_2026-06-18_at_19.39.22.png?direct&900| Ansicht von Google mit nur Webergebnissen ohne KI }}
+== Duckduckgo: ohne KI Übersicht ==
+{{:de:modul:m291:leistungsbeurteilungen:02_lb:screenshot_2026-06-18_at_19.44.24.png?direct&900| Duckduckgo Webergebnisse}}
 **Zusätzliche Hinweise:**
@@ Zeile 106: / Zeile 119: @@
 ===== Fragen =====
-Zu Beginn der Prüfung haben Sie **10–15 Minuten** Zeit, Figma-Design und Anleitungsblatt zu lesen und Fragen zu stellen. Diese werden im Plenum beantwortet. Nach dem Start der Prüfung ist keine individuelle Unterstützung durch die Lehrperson mehr möglich – üben Sie deshalb das selbstständige Debuggen.
+Zu Beginn der Prüfung haben Sie **10 Minuten** Zeit, Figma-Design und Anleitungsblatt zu lesen und Fragen zu stellen. Diese werden im Plenum beantwortet. Nach dem Start der Prüfung ist keine individuelle Unterstützung durch die Lehrperson mehr möglich – üben Sie deshalb das selbstständige Debuggen.
 Bei Fragen zum Briefing wenden Sie sich jetzt an die Lehrperson – nicht erst kurz vor der Leistungsbeurteilung.