تصميم موقع لإنشاء الاختبارات الإلكترونية

HTML CSS تصميم موقع إلكتروني جافا سكريبت html5 HTML CSS تصميم موقع إلكتروني جافا سكريبت html5

السلام عليكم ورحمة اللّٰه وبركاته أحتاج إلى إنشاء موقع لإنشاء الاختبارات الإلكترونية متوافق مع متصفحات الهاتف والحاسوب بشكل كامل فكرة الموقع هو إنشاء موقع إلكتروني يستطيع من خلاله المعلم القيام بإعداد الاختبارات الإلكترونية بالشكل التالي ( سؤال ومعه 4 اختيارات واحدة منها هي الصحيحة وعلى الطالب اختيار الإجابة الصحيحة ) ويستطيع المعلم الدخول للموقع من خلال الهاتف أو الحاسوب وتصفح الاختبارات التي أنشأها المعلمين الآخرين ( لا يستطيع التعديل عليها ) وحل الاختبار الذي يريده لاختبار قدراته ومعلوماته وكذلك الطالب يختار الاختبار الخاص به وحل الأسئلة ثم تظهر له نتيجة هذا الاختبار هذه هي الفكرة العامة للموقع والآن نتطرق لأهم التفاصيل التي أحتاجها في هذا الموقع أولا عند الدخول للموقع لا يستطيع المستخدم إجراء أو إنشاء الاختبارات إلا بعد التسجيل للموقع ويمكن التسجيل بحساب جوجل أو فيسبوك ويسجل إما كمعلم أو طالب بحيث بعد التسجيل في الموقع تظهر له آخر الاختبارات التي تم إضافتها وخيار إجراء الاختبار حسب الأقسام حيث يختار الصف ثم يظهر له المواد الدراسية المتوفرة لهذا الصف وبعد اختيار المادة تظهر له اختبارات هذه المادة والبدأ في حله ولكن في حساب المعلم يظهر زر ( إضافة اختبار جديد ) حيث يظهر في حساب المعلم فقط وعند الضغط على هذا الزر تظهر صفحة جديدة وهي صفحة ( إضافة بيانات الاختبار ) حيث يمكن إضافة البيانات التالية 1- عنوان الاختبار 2- الصف والمادة الذي ينتمي إليه هذا الاختبار 3- صورة الاختبار 4- المدة الزمنية لحل كل سؤال من أسئلة الاختبار 5- آخر مدة لتسليم الاختبار وعند الانتهاء والضغط على ( تم ) يذهب إلى الصفحة التالية وهي صفحة إنشاء أسئلة الاختبار حيث سيختار نوع السؤال ( اختيارات متعددة، صح أو خطأ، تصويت، إجابة مفتوحة ) وعند الضغط على نوع السؤال تظهر نافذة منبثقة بها السؤال و 4 اختيارات أو إجابة مفتوحة ويمكن إضافة ملفات صور أو فيديو أو صوت، ونختار الإجابة الصحيحة ونحدد درجة هذا السؤال ومدة هذا السؤال ثم نضغط Save ثم نكرر الخطوات السابقة حتى ننتهي من الاختبار، عند الانتهاء من الاختبار نضغط على زر Done ويظهر رابط الاختبار ويظهر في الصفحة الرئيسية ثانيا لوحة تحكم الأستاذ للاختبارات التي تم إضافتها هناك صفحة خاصة تظهر بها كل الاختبارات التي قام بها المعلم بحيث يستطيع حذفها أو التعديل عليها أو معرفة البيانات التالية 1- معرفة الأشخاص الذين قاموا بحل الاختبار 2-معرفة اسم كل شخص قام بحل الاختبارات 3- معرفة درجة كل طالب قام بحل الاختبار وعندما يضغط المعلم على اسم طالب معين تظهر له البيانات التالية 1- عدد الأسئلة التي أجاب عليها بشكل صحيح وما هي تلك الأسئلة 2- عدد الأسئلة التي أجاب عليها بشكل خاطئ وما هي 3- الدرجة النهائية للطالب الذي قام بحل الاختبار 4- المدة الزمنية التي استغرقها في حل الاختبار بعد أن انتهينا من شرح مواصفات حساب المعلم نتطرق إلى مواصفات حساب الطالب أولا عندما يسجل الطالب في الموقع تظهر له الصفحة الرئيسية وبها الاختبارات التي قام بحلها وآخر الاختبارات التي تم إضافتها ويظهر تحت عنوان الاختبار البيانات التالية 1- عدد الذين قاموا بحل الاختبار 2- عدد أسئلة هذا الاختبار 3- المدة الزمنية لهذا الاختبار 4- الدرجة النهائية لهذا الاختبار 5- الصف والمادة التي ينتمي إليها هذا الاختبار بعد أن انتهى من تفاصيل صفحة المعلم والطالب نتطرق إلى بعض التفاصيل الصغيرة للموقع وهي للمعلم والطالب على حد سواء وهذه التفاصيل هي تظهر في الصفحة الرئيسية الأشياء العادية 1- زر الدخول للصفحة الشخصية للعضو وتغيير اسمه وصورته الشخصية إلخ 2- زر اتصل بنا 3- قوانين الموقع 4- نبذة عن الموقع ويشترط أن أستلم البرمجة وتكون بكامل حقوقي ولي بالكامل ويكون عندي ملف البرمجة وشكرا لكم وأتمنى أن تكون العروض والأسعار في حدود المعقول ( لأن هذه مؤسسة تعليمية خيرية غير ربحية تهدف إلى مساعدة الطلاب خصوصا في الأوقات العصيبة مثل فيروس كورونا وكما قلت نحن مؤسسة تعليمية خيرية غير ربحية ولا نجمع التبرعات ) و للمساعدة يمكنك رؤية موقع شبيه إلى حد ما https://quizizz.com/ وأذكر هذا أني لا أريد موقع شبيه بل أريد موقع بالمواصفات التي ذكرتها أنا وشكراً