Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m291:leistungsbeurteilungen:02_lb:a_briefing [2026/05/14 23:54] – angelegt gkoch
+++ de:modul:m291:leistungsbeurteilungen:02_lb:a_briefing [2026/06/18 21:04] (aktuell) – gkoch
@@ Zeile 1: / Zeile 1: @@
 ====== LB02 – Leistungsbeurteilung Vue.js Projekt coden ======
-**Modul:** M291 Web-Frontend
 <WRAP info round>
@@ Zeile 10: / Zeile 9: @@
 ===== Was Sie erwartet =====
-Sie erhalten zu Beginn der Prüfung:
+Sie erhalten zu Beginn der Leistungsbeurteilung:
   * Ein **Starter-Projekt** (Vue.js bereits konfiguriert, ''npm install'' noch nötig)
@@ Zeile 20: / Zeile 19: @@
-===== Was Sie zeigen müssen =====
+===== Was Sie umsetzen müssen =====
 <WRAP box center round 80%>
 ^ Anforderung ^ Beschreibung ^
-| **Komponenten** | Mindestens 2 eigene ''.vue''-Dateien (ohne ''App.vue'') erstellen |
+| **Komponenten** | 2 eigene ''.vue''-Dateien (ohne ''App.vue'') erstellen oder bearbeiten |
 | **Fetch** | Daten von der gegebenen API mit ''async/await'' und ''fetch()'' laden |
-| **Anzeige** | Geladene Daten mit ''v-for'' als Liste oder Karten darstellen |
+| **Anzeige** | Geladene Daten mit ''v-for'' als Liste oder Kacheln (=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 |
 | **Ladezustand** | Loading-Anzeige und Fehlerhandling mit ''v-if / v-else-if / v-else'' |
-| **Event** | Mindestens ein ''@click'' oder ''v-on''-Event mit einer Funktion |
+| **Event** | ''@click'' oder ''v-on''-Event mit einer Funktion |
-| **Styling** | Komponenten mit ''%%<style scoped>%%'' nach dem Design gestalten |
+| **Styling** | Komponenten mit Flexbox oder CSS-Grid layouten und nach dem Design gestalten (Fonts, Farben) (keine Responsiveness - Mobile only) |
+| **Transition** | einen Übergang zwischen zwei Zuständen mit CSS-Transition animieren |
+| **Bonus** | Eine Keyframe-Animation einbauen (wird vorgeschlagen) |
 </WRAP>
@@ Zeile 39: / Zeile 40: @@
 <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 52: / Zeile 53: @@
 <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 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 (≤ 20 Zeilen, wenn verstanden) | 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 71: / Zeile 89: @@
 ===== Konsequenzen bei Betrug =====
-Wird der Einsatz von AI oder das Kopieren von Code erkannt oder begründet vermutet: In diesem Fall erfolgt eine mündliche Nachprüfung (LB04) an einem Samstagmorgen, die 50% der Modulnote ausmacht.
+Wird der Einsatz von AI oder das Kopieren von Code erkannt oder begründet vermutet: In diesem Fall erfolgt eine mündliche Nachprüfung (LB04), die 50% der Modulnote ausmacht.
@@ Zeile 109: / Zeile 127: @@
 ===== 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 Leistungsbeurteilung haben Sie **10 Minuten** Zeit, Figma-Design und Anleitungsblatt zu lesen und Fragen zu stellen. Diese werden im Plenum beantwortet. Nach dem Start 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 Prüfung.
+Bei Fragen zum Briefing wenden Sie sich jetzt an die Lehrperson – nicht erst kurz vor der Leistungsbeurteilung.