Prototyp: Unterschied zwischen den Versionen

Aus Lewawiki
Zur Navigation springen Zur Suche springen
Tobias.leiblein (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Tobias.leiblein (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
 
(22 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<div style="background: #fff5f5; border: 1px solid #f59f00; border-left: 6px solid #f59f00; border-radius: 4px; padding: 15px; margin-bottom: 30px; display: flex; align-items: center; gap: 15px;">
    <span style="font-size: 24px;">💡</span>
    <div style="font-size: 0.95em; color: #666; line-height: 1.4;">
      <strong style="color: #b45309; display: block; margin-bottom: 2px;">Wichtiger Hinweis:</strong>
      Dieses Wiki dient als Orientierungshilfe entlang des Forschungsprozesses. Bitte beachte, dass im Zweifel <strong>immer die individuellen Vorgaben und die persönliche Rücksprache mit deinen betreuenden Lehrenden maßgeblich</strong> sind.
    </div>
  </div>
<div style="display: block; font-family: sans-serif; max-width: 1100px; margin: 10px auto; line-height: 1.6; color: #333;">
<div style="display: block; font-family: sans-serif; max-width: 1100px; margin: 10px auto; line-height: 1.6; color: #333;">
<div style="float: right; margin-bottom: 15px; width: 100%; text-align: right;">
    <h3 style="display: inline-block; margin: 0; border: none;">
      <span style="background-color: #ffffff; color: #003865; padding: 6px 14px; border-radius: 4px; font-size: 0.85em; font-weight: bold; border: 1px solid #003865; box-shadow: 0 1px 3px rgba(0,0,0,0.05); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; text-decoration: none;">[[Prototyp Englisch|🌐 English Version]]</span>
    </h3>
  </div>
  <div style="clear: both;"></div>


   <!-- OBERER BEREICH: ORIENTIERUNG & RECHTS DER QUICK-ACCESS -->
   <!-- OBERER BEREICH: ORIENTIERUNG & RECHTS DER QUICK-ACCESS -->
Zeile 7: Zeile 23:
     <h4 style="margin: 0 0 10px 0; color: #003865; border: none; font-size: 1.1em;">🔗 Ressourcen & Downloads</h4>
     <h4 style="margin: 0 0 10px 0; color: #003865; border: none; font-size: 1.1em;">🔗 Ressourcen & Downloads</h4>
     <div style="display: flex; flex-direction: column; gap: 8px; font-size: 0.9em;">
     <div style="display: flex; flex-direction: column; gap: 8px; font-size: 0.9em;">
       <div style="background: #f8f9fa; padding: 8px; border-radius: 4px;">📂 [[Datei:Icon.png|16px]] [Link zu Vorlage/Leitfaden]</div>
       <div style="background: #f8f9fa; padding: 8px; border-radius: 4px;">📂 [[Medium:KI-Leitfaden für das wissenschaftliche Arbeiten.pdf|KI-Leitfaden]]</div>
       <div style="background: #f8f9fa; padding: 8px; border-radius: 4px;">🌐 [Link zu externem Tool]</div>
       <div style="background: #f8f9fa; padding: 8px; border-radius: 4px;">🌐 [https://www.methodenberatung.uzh.ch/de.html Methodenberatung Uni Zürich]</div>
       <div style="background: #f8f9fa; padding: 8px; border-radius: 4px;">📚 [Literaturempfehlung]</div>
       <div style="background: #f8f9fa; padding: 8px; border-radius: 4px;">📚 [Literaturempfehlung]</div>
     </div>
     </div>
   </div>
   </div>


  <!-- 1. Wo stehe ich? -->
<!-- 1. WO STEHE ICH? (Kompakte Prozesskette aus einem Guss) -->
   <div style="margin-bottom: 25px;">
   <div style="margin-bottom: 25px; width: 100%;">
     <span style="display: inline-block; background-color: #f0f4f8; color: #003865; padding: 4px 12px; border-radius: 20px; font-size: 0.85em; font-weight: bold; margin-bottom: 8px;">
     <h2 style="color: #003865; border: none; margin-top: 0; font-size: 1.3em;">📍 Wo stehe ich?</h2>
       📍 Standort im Forschungszyklus
   
     </span>
    <!-- Durchgehendes Segment-Band -->
     <p style="font-size: 0.95em; color: #666; margin: 0; font-style: italic;">
    <div style="display: flex; background: #f1f5f9; border-radius: 30px; padding: 4px; border: 1px solid #cbd5e1; gap: 2px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.05); width: 100%; box-sizing: border-box; flex-wrap: wrap;">
       Du befindest dich gerade im Schritt: Forschungsfrage Danach folgt: [Nächster Schritt].
     
      <!-- Segment 1: AKTIV -->
      <div style="flex: 1; min-width: 180px; background: #003865; color: #ffffff; padding: 6px 12px; border-radius: 20px; font-size: 0.8em; font-weight: bold; text-align: center; display: flex; align-items: center; justify-content: center; gap: 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.12);">
        <span>📍</span>
        <span>1. Forschungsfrage stellen</span>
      </div>
 
      <!-- Segment 2: Inaktiv -->
      <div style="flex: 1; min-width: 180px; color: #64748b; padding: 6px 12px; border-radius: 20px; font-size: 0.8em; font-weight: 500; text-align: center; display: flex; align-items: center; justify-content: center; gap: 6px;">
        <span style="font-size: 0.8em; opacity: 0.5;">2.</span>
        <span>Planen</span>
      </div>
 
      <!-- Segment 3: Inaktiv -->
      <div style="flex: 1; min-width: 180px; color: #64748b; padding: 6px 12px; border-radius: 20px; font-size: 0.8em; font-weight: 500; text-align: center; display: flex; align-items: center; justify-content: center; gap: 6px;">
        <span style="font-size: 0.8em; opacity: 0.5;">3.</span>
        <span>Umsetzen</span>
      </div>
 
      <!-- Segment 4: Inaktiv -->
      <div style="flex: 1; min-width: 180px; color: #64748b; padding: 6px 12px; border-radius: 20px; font-size: 0.8em; font-weight: 500; text-align: center; display: flex; align-items: center; justify-content: center; gap: 6px;">
        <span style="font-size: 0.8em; opacity: 0.5;">4.</span>
        <span>Auswerten & Beantworten</span>
       </div>
 
     </div>
 
     <p style="font-size: 0.85em; color: #666; margin-top: 8px; font-style: italic;">
       Du befindest dich am Anfang deines Forschungsprozesses (Phase 1 von 4).
     </p>
     </p>
   </div>
   </div>
Zeile 25: Zeile 69:
   <!-- 2. WORUM GEHT ES IN DIESEM ARBEITSSCHRITT? -->
   <!-- 2. WORUM GEHT ES IN DIESEM ARBEITSSCHRITT? -->
   <div style="margin-bottom: 35px; max-width: 750px;">
   <div style="margin-bottom: 35px; max-width: 750px;">
     <h2 style="color: #003865; border: none; margin-top: 0;">🎯 Das Ziel dieses Schritts</h2>
     <h2 style="color: #003865; border: none; margin-top: 0;">🎯 Worum geht es?</h2>
     <p style="font-size: 1.1em; color: #444;">
      
      Du hast dich bereits intensiver mit einem Themenbereich auseinandergesetzt, kennst Literatur dazu und hast festgestellt, dass es eine oder mehrere Erkenntnislücken gibt. Dein Ziel ist es, eine Fragestellung zu formulieren, deren Beantwortung eine dieser Erkenntnislücken schließt.
Du hast dich bereits intensiver mit einem <abbr title="Test">Themenbereich</abbr> auseinandergesetzt, kennst Literatur dazu und hast festgestellt, dass es eine oder mehrere Erkenntnislücken gibt. Dein Ziel ist es, eine Fragestellung zu formulieren, deren Beantwortung eine dieser Erkenntnislücken schließt.
     </p>
    <h2 style="color: #003865; border: none; margin-top: 0;">Warum ist das wichtig?</h2>
   
Du hast dich bereits intensiver mit einem <abbr title="Test">Themenbereich</abbr> auseinandergesetzt, kennst Literatur dazu und hast festgestellt, dass es eine oder mehrere Erkenntnislücken gibt. Dein Ziel ist es, eine Fragestellung zu formulieren, deren Beantwortung eine dieser Erkenntnislücken schließt.
      
   </div>
   </div>


Zeile 34: Zeile 81:
   <div style="clear: both;"></div>
   <div style="clear: both;"></div>


  <!-- 3. WELCHE FALLSTRICKE GIBT ES? & 4. WAS KANN MAN MIT KI? (Zwei Spalten) -->
<div style="display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 35px; width: 100%;">
  <div style="display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 35px;">
      
      
     <!-- Fallstricke (Warnungs-Look) -->
     <div class="mw-collapsible mw-collapsed" style="flex: 1; min-width: 320px; background: #fff5f5; border-left: 5px solid #e53e3e; border-radius: 4px; padding: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.05);">
    <div style="flex: 1; min-width: 320px; background: #fff5f5; border-left: 5px solid #e53e3e; border-radius: 4px; padding: 20px;">
       <div style="font-weight: bold; color: #c53030; font-size: 1.15em; cursor: pointer; padding-bottom: 5px;">
       <h3 style="margin: 0 0 10px 0; color: #c53030; border: none;">⚠️ Achtung: Typische Fallstricke</h3>
        ⚠️ Achtung: Typische Fallstricke <span style="font-size: 0.8em; color: #e53e3e; font-weight: normal; float: right;">
       <ul style="margin: 0; padding-left: 20px; font-size: 0.95em;">
      </div>
        <li>**[Fehler 1]:** [Kurze Erklärung, wie man ihn vermeidet]</li>
       <div class="mw-collapsible-content" style="margin-top: 15px; padding-top: 10px; border-top: 1px dashed rgba(197, 48, 48, 0.2);">
        <li>**[Fehler 2]:** [Kurze Erklärung, wie man ihn vermeidet]</li>
        <ul style="margin: 0; padding-left: 20px; font-size: 0.95em; color: #333;">
       </ul>
          <li style="margin-bottom: 8px;"><strong>[Fehler 1]:</strong> [Kurze Erklärung, wie man ihn vermeidet]</li>
          <li style="margin-bottom: 8px;"><strong>[Fehler 2]:</strong> [Kurze Erklärung, wie man ihn vermeidet]</li>
        </ul>
       </div>
     </div>
     </div>


     <!-- KI-Unterstützung (Zukunfts-Look) -->
     <div class="mw-collapsible mw-collapsed" style="flex: 1; min-width: 320px; background: #f0fdf4; border-left: 5px solid #22c55e; border-radius: 4px; padding: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.05);">
    <div style="flex: 1; min-width: 320px; background: #f0fdf4; border-left: 5px solid #22c55e; border-radius: 4px; padding: 20px;">
       <div style="font-weight: bold; color: #15803d; font-size: 1.15em; cursor: pointer; padding-bottom: 5px;">
       <h3 style="margin: 0 0 10px 0; color: #15803d; border: none;">🤖 KI-Smarter arbeiten</h3>
        🧰 Toolbox
       <ul style="margin: 0; padding-left: 20px; font-size: 0.95em;">
      </div>
        <li>**Sinnvoll nutzen für:** [z.B. Strukturieren, Brainstorming]</li>
       <div class="mw-collapsible-content" style="margin-top: 15px; padding-top: 10px; border-top: 1px dashed rgba(21, 128, 61, 0.2);">
        <li>**Vorsicht bei:** [z.B. Halluzinationen, Belegen]</li>
        <ul style="margin: 0; padding-left: 20px; font-size: 0.95em; color: #333;">
        <li>**Prompt-Tipp:** `[Beispiel-Prompt für Studierende]`</li>
          <li style="margin-bottom: 8px;"><strong>Sinnvoll nutzen für:</strong> [z.B. Strukturieren, Brainstorming]</li>
       </ul>
          <li style="margin-bottom: 8px;"><strong>Vorsicht bei:</strong> [z.B. Halluzinationen, Belegen]</li>
          <li style="margin-bottom: 8px;"><strong>Prompt-Tipp:</strong> <code>[Beispiel-Prompt für Studierende]</code></li>
        </ul>
       </div>
     </div>
     </div>


Zeile 85: Zeile 137:
     <p style="font-size: 0.85em; color: #555; margin: 0 0 10px 0;">Sichtbar nur für Dozierende zur Nutzung in Lehrveranstaltungen.</p>
     <p style="font-size: 0.85em; color: #555; margin: 0 0 10px 0;">Sichtbar nur für Dozierende zur Nutzung in Lehrveranstaltungen.</p>
     [Folien-Sätze, Übungsaufgaben, Diskussionsfragen für das Seminar.]
     [Folien-Sätze, Übungsaufgaben, Diskussionsfragen für das Seminar.]
  [Folien-Sätze, Übungsaufgaben, Diskussionsfragen für das Seminar.]
   </div>
   </div>


  <div style="background: #fff9db; border: 1px solid #f59f00; border-radius: 6px; padding: 15px; margin-bottom: 30px;">
    <h4 style="margin: 0 0 10px 0; color: #f59f00; border: none; font-size: 1.1em;">📞 Support </h4>
    <p style="font-size: 0.85em; color: #666; margin: 0 0 15px 0;">Du kommst alleine nicht weiter? Hier findest du die passenden Expert*innen der HfWU:</p>
   
    <div style="display: flex; gap: 15px; flex-wrap: wrap;">
     
      <div class="mw-collapsible mw-collapsed" style="flex: 1; min-width: 250px; background: #ffffff; border: 1px solid #ffe3e3; border-left: 4px solid #f59f00; border-radius: 4px; padding: 10px;">
        <div style="font-weight: bold; color: #b45309; font-size: 0.95em; cursor: pointer;">
          🏫 ZSK <span style="font-size: 0.8em; color: #f59f00; font-weight: normal; float: right;">[anzeigen]</span>
        </div>
        <div class="mw-collapsible-content" style="margin-top: 10px; font-size: 0.85em; color: #444; border-top: 1px dashed #ffe3e3; padding-top: 8px;">
          * **Angebot:** Hilfe bei Schreibblockaden, Strukturierung und rotem Faden.<br>
          * **Kontakt:** [[ZSK Schreibberatung|Hier Beratungstermin buchen →]]
        </div>
      </div>
      <div class="mw-collapsible mw-collapsed" style="flex: 1; min-width: 250px; background: #ffffff; border: 1px solid #ffe3e3; border-left: 4px solid #f59f00; border-radius: 4px; padding: 10px;">
        <div style="font-weight: bold; color: #b45309; font-size: 0.95em; cursor: pointer;">
          📚Hochschulbibliothek <span style="font-size: 0.8em; color: #f59f00; font-weight: normal; float: right;">[anzeigen]</span>
        </div>
        <div class="mw-collapsible-content" style="margin-top: 10px; font-size: 0.85em; color: #444; border-top: 1px dashed #ffe3e3; padding-top: 8px;">
          * **Angebot:** Unterstützung bei der Literaturrecherche, Datenbanken und Fernleihe.<br>
          * **Kontakt:** [[Bibliothek HfWU|Öffnungszeiten & Schulungen →]]
        </div>
      </div>
    </div>
  </div>
   <!-- BUTTON ZUM NÄCHSTEN SCHRITT -->
   <!-- BUTTON ZUM NÄCHSTEN SCHRITT -->
  <div style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 40px; width: 100%;">
  <div style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 40px; width: 100%;">
      
      
     <h3 style="display: inline-block; margin: 0; border: none;">
     <h3 style="display: inline-block; margin: 0; border: none;">
       [[Vorherige_Seite|<span style="background-color: #ffffff; color: #003865; padding: 10px 25px; border-radius: 50px; font-size: 0.9em; font-weight: bold; border: 2px solid #003865; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); cursor: pointer; display: inline-block;">← Zurück zur Übersicht</span>]]
       [[Vorherige Seite|<span style="background-color: #ffffff; color: #003865; padding: 10px 25px; border-radius: 50px; font-size: 0.9em; font-weight: bold; border: 2px solid #003865; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); cursor: pointer; display: inline-block;">← Zurück zur Übersicht</span>]]
     </h3>
     </h3>


     <h3 style="display: inline-block; margin: 0; border: none;">
     <h3 style="display: inline-block; margin: 0; border: none;">
       [[Nächste_Seite|<span style="background-color: #003865; color: #ffffff; padding: 12px 25px; border-radius: 50px; font-size: 0.9em; font-weight: bold; border: none; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); cursor: pointer; display: inline-block;">Nächster Schritt: [Name] →</span>]]
       [[Nächste Seite|<span style="background-color: #003865; color: #ffffff; padding: 12px 25px; border-radius: 50px; font-size: 0.9em; font-weight: bold; border: none; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); cursor: pointer; display: inline-block;">Nächster Schritt: [Name] →</span>]]
     </h3>
     </h3>


   </div>
   </div>

Aktuelle Version vom 23. Juli 2026, 08:06 Uhr

   💡
     Wichtiger Hinweis:
     Dieses Wiki dient als Orientierungshilfe entlang des Forschungsprozesses. Bitte beachte, dass im Zweifel immer die individuellen Vorgaben und die persönliche Rücksprache mit deinen betreuenden Lehrenden maßgeblich sind.


🔗 Ressourcen & Downloads

📚 [Literaturempfehlung]

📍 Wo stehe ich?

       📍
       1. Forschungsfrage stellen
       2.
       Planen
       3.
       Umsetzen
       4.
       Auswerten & Beantworten

Du befindest dich am Anfang deines Forschungsprozesses (Phase 1 von 4).

🎯 Worum geht es?

Du hast dich bereits intensiver mit einem Themenbereich auseinandergesetzt, kennst Literatur dazu und hast festgestellt, dass es eine oder mehrere Erkenntnislücken gibt. Dein Ziel ist es, eine Fragestellung zu formulieren, deren Beantwortung eine dieser Erkenntnislücken schließt.

Warum ist das wichtig?

Du hast dich bereits intensiver mit einem Themenbereich auseinandergesetzt, kennst Literatur dazu und hast festgestellt, dass es eine oder mehrere Erkenntnislücken gibt. Dein Ziel ist es, eine Fragestellung zu formulieren, deren Beantwortung eine dieser Erkenntnislücken schließt.

       ⚠️ Achtung: Typische Fallstricke 
  • [Fehler 1]: [Kurze Erklärung, wie man ihn vermeidet]
  • [Fehler 2]: [Kurze Erklärung, wie man ihn vermeidet]
       🧰 Toolbox 
  • Sinnvoll nutzen für: [z.B. Strukturieren, Brainstorming]
  • Vorsicht bei: [z.B. Halluzinationen, Belegen]
  • Prompt-Tipp: [Beispiel-Prompt für Studierende]

🏁 Ready to go? Dein Bereit-Check

Du kannst erst mit dem nächsten Schritt fortfahren, wenn du folgende Haken setzen kannst:

   **[Mentaler Check]**
   * ☐ Ich habe mindestens 5 relevante Quellen zu meinem Thema gelesen.
   * ☐ Meine Fragestellung lässt sich in einem Satz formulieren.
   * ☐ Die Fragestellung zielt darauf ab, eine Theorie zu prüfen oder ein Theorie zu generieren.
   * ☐ Die Fragestellung ist widerlegbar.
   * ☐ Mein Dozent hat das Zwischenergebnis freigegeben.

📥 Materialien & Vertiefung

🎓 Für Studierende

   [Hier weiterführende Erklärungen, Video-Snippets, vertiefende Texte oder Beispiele einfügen.]

📖 Für Lehrende (Didaktik & OER)

Sichtbar nur für Dozierende zur Nutzung in Lehrveranstaltungen.

   [Folien-Sätze, Übungsaufgaben, Diskussionsfragen für das Seminar.]
 [Folien-Sätze, Übungsaufgaben, Diskussionsfragen für das Seminar.]

📞 Support

Du kommst alleine nicht weiter? Hier findest du die passenden Expert*innen der HfWU:

         🏫 ZSK [anzeigen]
         * **Angebot:** Hilfe bei Schreibblockaden, Strukturierung und rotem Faden.
* **Kontakt:** Hier Beratungstermin buchen →
         📚Hochschulbibliothek [anzeigen]
         * **Angebot:** Unterstützung bei der Literaturrecherche, Datenbanken und Fernleihe.
* **Kontakt:** Öffnungszeiten & Schulungen →