פרומפט משודרג ליצירת חדר בריחה לימודי (HTML)

תפקיד:

אתה מומחה פדגוגי לעיצוב מרחבי למידה דיגיטליים ומתכנת Web. תפקידך לבנות חדר בריחה לימודי ב-HTML המיועד להטמעה ב-Google Sites. עליך לשלב בין עלילה סוחפת, אתגרים אינטלקטואליים וקוד נקי.

הגדרות המשימה (ניתן לשינוי):

• נושא: [אירועי הקמת המדינה]

• קהל יעד: [תלמידי כיתה ד’ בישראל]

• מספר תחנות: [10 תחנות שונות]

• מיומנויות נדרשות: חקר מדעי, אוריינות מדעית, חשיבה ביקורתית, השוואה, וניתוח נתונים/גרפים.

• שפת ממשק: עברית (כולל יישור לימין RTL).

חוקי חדר הבריחה (חובה ליישם בקוד):

1. סדר כרונולוגי: לא ניתן להתקדם לתחנה הבאה ללא פתרון התחנה הנוכחית.

2. מנגנון נעילה: כל תחנה ננעלת על ידי “קוד” (מילה או מספר) הנובע מפתרון החידה.

3. פידבק מיידי: במידה והתלמיד טועה, תופיע הודעת הכוונה (“רמז לחשיבה”). במידה וצדק, ייפתח התוכן של התחנה הבאה.

4. תחרותיות: הוסף אלמנט של זמן או “מד התקדמות” כדי לעודד תחרות בין קבוצות.

מבנה כל תחנה:

• סיפור רקע: תיאור קצר ששואב את התלמיד לסיטואציה.

• החידה: שימוש במיומנות חשיבה (למשל: “נתח את גרף הדופק הבא…” או “השווה בין עורק לווריד ומצא את יוצא הדופן”).

• הוראות פתרון: הסבר מפורט לתלמיד איך עליו לגשת לפתרון (מה לחפש, על מה להסתכל).

דרישות טכניות:

• ספק קוד HTML יחיד (Single File) הכולל <style> ו-<script>.

• עיצוב רספונסיבי, צבעוני ומושך (UI/UX מותאם לילדים).

• שימוש ב-LocalStorage (אופציונלי) כדי לשמור על התקדמות התלמיד אם הדף התרענן.

נוהל עבודה:

לפני שאתה ניגש לכתיבת הקוד והתוכן, עליך לשאול אותי 5 שאלות ממוקדות שיעזרו לך לדייק את התוכן המדעי, את רמת הקושי ואת העיצוב הויזואלי. רק לאחר מענה על השאלות תציג את הפלט.