מבחן מתכונת מספר 4  - יחידה רביעית במבנה נתונים + יחידה 5 בתכנות מונחה עצמים 

בתחתית העמוד נמצא הפרומפט להקמת המערכת הזו המאפשרת לכם להריץ ולקבל , גם נושאי בחינה אחרים ומספרי שאלות משתנים 

תפקיד: פעל כמפתח Full-stack המומחה בבניית כלי עזר לימודיים.

המשימה: צור אפליקציית ווב (Web App) בקובץ HTML יחיד (Single File) המיועדת לסימולציית בחינה. האפליקציה צריכה להיות בעברית (RTL) ומעוצבת עם Tailwind CSS בסגנון מודרני, נקי ורספונסיבי.

פרטי הבחינה הספציפיים:

נושא הבחינה: בגרות במדעי המחשב יחידה 4 (מבנה נתונים ) ויחידה 5 (תכנות מונחה עצמים) 

רמת הבחינה: רמה גבוה של 5 יחידות לימוד , ברמת בחינת הבגרות בסוף השנה , לתלמידי מדעי המחשב בשפת סי שארפ , הלומדים א היחידה הרביעית של מבנה נתונים והיחידה החמישית של תכנות מונחה עצמים 

קהל יעד / כיתה: תלמידי כיתה יא , שסיימו את לימודי מגמת מדעי המחשב , (סיימו יסודות התכנות בשפת סי שארפ , סיימו יחידיה רביעית במבנה נתונים , ויחידה חמישית בתכנות מונחה עצמים . 

מספר שאלות: הכנס 3 שאלות במבנה נתונים , ו 3 שאלות בתכנות מונחה עצמים , אפשר מכל פרק שאלת בחירה אחת .

מקור השאלות: צור שאלות מקצועיות ואותנטיות בהתאם לנושא, לרמה ולקהל היעד שהוגדרו לעיל (ברמה של בחינות משנים קודמות).

דרישות פונקציונליות:

מסך פתיחה: שדות להזנת שם פרטי ושם משפחה. כותרת המסך תהיה "סימולטור בחינת בגרות" (או סימולטור בחינה, ללא כל אזכור של משרד החינוך).

ממשק שאלות: הצגת שאלה אחת בכל פעם עם סרגל התקדמות (Progress Bar). כפתורי "הבא" ו"הקודם". הוסף לוח ניווט צדדי המאפשר קפיצה ישירה בין שאלות וסימון שאלות "לבדיקה חוזרת".

תיבת תשובה: לכל שאלה תהיה תיבת טקסט גדולה (Textarea). אם נושא הבחינה קשור לכתיבת קוד, עצב את התיבה בסגנון "עורך קוד" (פונט מונוספייס, רקע כהה, תמיכה בהזחת מקש Tab, ותצוגת שורות).

מנגנון שמירה: יש ליישם שמירה אוטומטית (Autosave) ל-LocalStorage כדי למנוע אובדן נתונים ברענון הדף.

מסך סיום: לאחר הגשת השאלה האחרונה, יוצג מסך סיכום עם כפתורים הבאים:

כפתור הורדה: מייצר קובץ טקסט (.txt) מסודר עם פרטי התלמיד, השאלות והתשובות מוריד אותו למחשב.

כפתור שליחה במייל: פותח קישור mailto למייל המורה (guygooy@gmail.com), עם נושא וגוף מייל מוכנים מראש הכוללים את התשובות.

כפתור העתקה: מעתיק את כל התשובות ללוח (Clipboard).

כותרת תחתונה (Footer): יש להציג בתחתית המסך את הכיתוב "פותח בהתאם לבחינות משנים קודמות".

דרישות עיצוב:

שימוש ב-Tailwind CSS מה-CDN.

פונט 'Assistant' או 'Inter'.

עיצוב רספונסיבי מותאם לנייד ולמחשב.

פינות מעוגלות (Rounded corners) וצלליות עדינות להענקת מראה של בחינה מתקדמת.

צבע רקע כללי של האפליקציה: ירקרק פסטלי רך (למשל #f0fdf4).

אנימציות מעבר חלקות בין המסכים והשאלות.

מערכת הודעות קופצות (Toasts) מעוצבת ופנימית (אין להשתמש ב-alert רגיל).

לוגיקה בקוד:

בתוך ה-HTML, צור מערך (Array) של אובייקטים בשם questions שמכיל את מספר השאלות שצוין, עם התוכן הרלוונטי. וודא שכל פונקציות הלוגיקה, המעברים וההגשה נמצאות בתוך תגית script אחת בסוף ה-body. הכל חייב לעבוד מקובץ יחיד.

הנה דוגמה  לפרומפט  : (לבקש את הקנבס ) 

תפקיד: פעל כמפתח Full-stack המומחה בבניית כלי עזר לימודיים.

המשימה: צור אפליקציית ווב (Web App) בקובץ HTML יחיד (Single File) המיועדת לסימולציית בחינה. האפליקציה צריכה להיות בעברית (RTL) ומעוצבת עם Tailwind CSS בסגנון מודרני ונקי.

פרטי הבחינה הספציפיים:

נושא הבחינה: [הכנס כאן את הנושא, למשל: מבני נתונים ב-C# יחידה רביעית , ותכנות מונחה עצמים יחידה 5 , מתוך מאגר בחינות הבגרות של מגמת מדעי המחשב ומשרד החינוך ]

מספר שאלות: [8 שאלות ]

קהל יעד: [תלמידי כיתה יא הניגשים לבחינת הבגרות במבנה נתונים ותכנות מונחה עצמים בשפת סי שארפ לפי תוכנית משרד החינוך ומגמת מדעי המחשב ]

מקור השאלות: [הכנס מקור, למשל: בחינות בגרות מ-5 השנים האחרונות,  שאלות לכתיבת קוד , ושאלות ניתוח והבנה מה הקוד מבצע (לא שאלות אמריקאיות) ]

דרישות פונקציונליות:

מסך פתיחה: שדות להזנת שם פרטי התלמיד ושם משפחה  ומייל המורה למשלוח התשובות. יש לציין שיש לשלוח את התשובות למייל המורה בכתובת guygooy@gmail.com

ממשק שאלות: הצגת שאלה אחת בכל פעם עם סרגל התקדמות (Progress Bar). כפתורי "הבא" ו"הקודם".

תיבת תשובה: לכל שאלה תהיה תיבת טקסט גדולה (Textarea). אם הנושא הוא תכנות, עצב את התיבה בסגנון "עורך קוד" (פונט מונוספייס, רקע כהה/אפור בהיר).

מסך סיום: לאחר הגשת השאלה האחרונה, יוצג מסך סיכום עם 2 כפתורים:

כפתור הורדה: מייצר קובץ טקסט (.doc או .txt) שמכיל את פרטי התלמיד, השאלות והתשובות שלו בצורה מסודרת.

כפתור שליחה במייל: פותח קישור mailto למייל המורה שהוזן בהתחלה, עם נושא מייל מוכן מראש.

דרישות עיצוב:

שימוש ב-Tailwind CSS מה-CDN.

פונט 'Assistant' או 'Inter'.

עיצוב רספונסיבי (שיתאים גם לנייד).

פינות מעוגלות (Rounded corners) וצלליות עדינות.

אנימציות מעבר חלקות בין המסכים.

לוגיקה בקוד:

בתוך ה-HTML, צור מערך (Array) של אובייקטים בשם questions שמכיל את [מספר השאלות] השאלות הרלוונטיות לנושא שבחרתי. וודא שכל הפונקציות (הורדת הקובץ, מעבר בין שאלות) נמצאות בתוך תגית ה-script בקובץ היחיד.

שלח את ההודעה.

הבינה המלאכותית תייצר לך קובץ HTML חדש לגמרי עם השאלות שבחרת ועם כל המנגנון של השליחה למייל והורדת הקובץ מוכן לעבודה!