JavaScript is not enabled!...Please enable javascript in your browser

جافا سكريبت غير ممكن! ... الرجاء تفعيل الجافا سكريبت في متصفحك.

recent
احدث المشاركات
Home

مشروع اختبار إلكتروني مخصص باستخدام Google Sheets وApps Script - م 5

المقدمة

  • هل تبحث عن طريقة مرنة لإنشاء اختبار إلكتروني باللغة العربية دون الاعتماد على نماذج Google التقليدية؟
  • في هذا المقال أشارككم مشروعًا عمليًا صممته باستخدام Google Sheets وApps Script، يتيح للمعلمين إنشاء اختبارات مخصصة تظهر للطالب في الوقت المحدد، وتُحسب درجته تلقائيًا.

✅ مميزات المشروع

  • يستطيع الطالب تأدية الاختبار في اي مكان وبالطريقة التي تناسبه شرط توفر الانترنت
  • تحكم كامل في وقت فتح وإغلاق الاختبار حسب التاريخ والساعة
  • عرض الأسئلة بشكل عشوائي لكل طالب
  • حساب الدرجة تلقائيًا بعد إرسال الإجابات
  • واجهة RTL متجاوبة تناسب اللغة العربية
  • لا حاجة لنماذج Google أو إضافات خارجية
  • إمكانية تخصيص الرسائل والواجهة بسهولة
  • استخدام نفس جدول البيانات لاختبارات مختلفة ومتعددة في الاسئلة والموعد
  • عرض الاسئلة بشكل عشوائي لتجنب الغش
  • سجل اي عدد من الاسئلة وحدد فقط العدد المطلوب ان يظهر
  • حدد درجة كل سؤال لحساب النتيجة واظهاراها مباشرة للطالب بمجرد ارسال الاجابة
  • يمكنك ادراج صور في السؤال بوضع رابط الصورة داخل الخلية كنص والغاء الارتباط 

📊 مقارنة مع نماذج Google

الميزة هذا المشروع نماذج Google
تحكم دقيق في وقت الاختبار ✅ نعم ❌ محدود
عرض الأسئلة عشوائيًا ✅ نعم ❌ غير مدعوم مباشرة
واجهة RTL مخصصة ✅ نعم ❌ غير قابلة للتعديل
حساب الدرجة تلقائي ✅ نعم ✅ نعم
تخصيص التصميم والرسائل ✅ كامل ❌ محدود جدًا
دعم التعديلات البرمجية ✅ مفتوح ❌ مغلق

متطلبات المشروع

  • كل ما تحتاجه لإنشاء هذا النظام هو:
    • حساب جوجل (Gmail): وهو مجاني وبسيط.
    • جدول بيانات جوجل شيتس (Google Sheets): جدول البيانات الذي سيتم حفظ المواعيد فيه.
    • جوجل آبز سكريبت (Google Apps Script): بيئة البرمجة التي تربط كل شيء ببعضه.
    • خطوات تركيب وتشغيل النظام .

🛠️ خطوات تصميم المشروع

  • الخطوة 1: إعداد جدول بيانات جوجل (Google Sheet)
  • سنبدأ بإنشاء جدول البيانات الذي سيستقبل جميع مهامك .
  • اذهب إلى Google Sheets وقم بإنشاء جدول بيانات جديد وفارغ وصمم اوراق العمل التالية
  • ورقة "الإعدادات" لتحديد اسم ورقة الأسئلة، عدد الأسئلة، وقت البدء والانتهاء، والرسالة المخصصة كما في الصورة وعليك تغير بيانات الصف الثاني فقط بما يناسبك


  • ورقة "الأسئلة" بصيغة: رقم السؤال، نص السؤال، الإجابة الصحيحة، ثم الخيارات


  • ورقة "الإجابات" لتسجيل اسم الطالب ودرجته


  • من داخل جدول بيانات جوجل الذي أنشأته للتو، اذهب إلى القائمة العلوية: الإضافات ومنها برمجة التطبيقات. (Extensions) > Apps Script.

  • الخطوة 2 : سيتم فتح محرر Google Apps Script في نافذة جديدة الصورة التالية تقريبية من أجل التوضيح.
      • رقم 1 غير اسم المشروع لما يناسبك مثلا (اختبارات)
      • ستجد ملفًا افتراضيًا باسم Code.gs او الرمز رقم 3 في الصورة السابقة .
      • احذف أي كود موجود بداخله على اليسار الصق الكود التالي بالكامل فيه :
    • الخطوة 3: إنشاء ملف الواجهة الأمامية (index.html)
      • الآن سنقوم بإنشاء واجهة النموذج التي سيراها المستخدمون.
      • في محرر Google Apps Script، انقر على أيقونة + بجوار Files (الملفات) في الشريط الجانبي رقم 2 في الصورة السابقة .
      • اختر HTML file.
      • اكتب اسم الملف index ثم اضغط Enter. (تأكد أنك تكتب index فقط، بدون .html).
      • احذف أي كود موجود في الملف
      • الصق الكود التالي بالكامل في ملف index.html:
    • الخطوة 4: نشر المشروع كتطبيق ويب (Web App)
      • هذه هي الخطوة الأخيرة التي ستحول مشروعك إلى رابط يمكن لأي شخص الوصول إليه واستخدامه.
      • في محرر Google Apps Script، انقر على أيقونة نشر (Deploy) في الزاوية العلوية ، ثم اختر عملية نشر جديدة (New deployment).
      • انقر على تحديد نوع (Select type) (على شكل ترس ⚙️) واختر تطبيق ويب (Web app).


      • ستظهر لك إعدادات النشر:
      • الوصف (Description): اكتب أي وصف مناسب (مثلاً: إدارة المهام ).
      • تنفيذ باسم (Execute as): اختر أنا (Me).
      • من لديه إذن الوصول (Who has access): اختر أي مستخدم (Anyone). هذا سيجعل النموذج متاحًا للجميع.
      • انقر على نشر (Deploy).
      • قد يطلب منك Google Apps Script تفويض الوصول. هذه خطوة أمان طبيعية:
      • انقر على تفويض الوصول (Authorize access).
      • اختر حساب جوجل الخاص بك.
      • قد تظهر رسالة تحذير "Google لم يتحقق من هذا التطبيق" (Google hasn't verified this app)، هذا أمر طبيعي لأنه تطبيقك الخاص. انقر على الإعدادات المتقدمة (Advanced) ثم الانتقال إلى (اسم مشروعك) (Go to [Your project name] (unsafe)).
      • انقر على سماح (Allow) لمنح الأذونات اللازمة.


      • بعد التفويض، ستظهر لك نافذة تم نشر تطبيق الويب (Web app deployed). ستجد فيها عنوان URL لتطبيق الويب (Web app URL).
      • انسخ هذا الرابط! هذا هو رابط نموذج حجز المواعيد الخاص بك الذي يمكنك مشاركته.
    • رابط لمعاينة النظام الذي تم إنشاؤه بنفس الأكواد
    • تحديثات المشروع
      • إذا قمت بإجراء أي تغييرات على الكود في ملف Code.gs أو index.html، يجب عليك نشر إصدار جديد:
      • ارجع إلى محرر Google Apps Script.
      • انقر على نشر (Deploy) > إدارة عمليات النشر (Manage deployments).
      • انقر على شكل القلم ✏️ بجوار النشر الحالي.
      • في نافذة التحرير، تأكد من اختيار رأس جديد (New head) لـ Version.
      • انقر على نشر (Deploy).
      • يوجد طريقة لتحديث نفس الرابط لكنها غير مضمونة وتفقدك الرجوع لما سبق.

    ⚠️ محاذير يجب تجنبها في جدول البيانات

    • تأكد أن خلايا التاريخ والوقت في ورقة "الإعدادات" من نوع "تاريخ" و"وقت"، وليس نصًا.
    • لابد من كاتبة الوقت على الشكل " 15:00 " مثلا فلا ثواني ولا صباحا ولا مساء انما نظام 24 ساعة.
    • اضبط المنطقة الزمنية للملف على (GMT+2) القاهرة (او حسب منطقتك) من ملف ثم اعدادات.
    • لا تستخدم صيغ أو فلاتر ديناميكية في ورقة "الإجابات" وقت الاختبار
    • لا تترك خلايا فارغة في ورقة الأسئلة، خاصة في الأعمدة الأولى
    • تجنب اي تعديل في جدول البيانات في وقت الاختبار

    💡 نصيحة للقراء

    • إذا كنت معلمًا أو مسؤولًا عن تقييم الطلاب، فهذا المشروع يمنحك مرونة لا توفرها النماذج الجاهزة.
    • جربه بنفسك، وعدّل الواجهة بما يناسب طلابك.
    • وإذا رغبت في تخصيص إضافي أو تعديل بمقابل رمزي، يمكنك مراسلتي عبر نموذج الاتصال لتحديد التكلفة .
    ❌ قد يعيب هذا المشروع الحاجة للاتصال بالأنترنت وهذا لا يناسب جميع المدارس ولكن عندي فكرة لجعل المشروع يعمل على شبكة داخلية غير متصلة بالأنترنت تناسب المدارس وغيرها لأجراء اختبارات سريعة اذا نالت الفكرة استحسان سأقوم بعمل سلسلة جديدة إن شاء الله على المدونة لبناء شبكة داخلية والاستفادة منها انتظر ردودكم
      دمتم بخير

      author-img

      علي الخضر

      Comments
        No comments
        Post a Comment
          NameEmailMessage