 |
| السلسلة: مدارس بلا إنترنت (المقال 4) |
المقدمة
- في المقالات السابقة، نجحنا في تحويل المعمل إلى مركز لإجراء الاختبارات. ولكن، هل دور التكنولوجيا يقتصر على الامتحانات فقط؟ بالطبع لا! ماذا لو استطعت تحويل هذا السيرفر المحلي إلى "مكتبة مرئية" تعرض شروحات الدروس، تجارب علمية، أو حتى فيديوهات توعوية، وتكون متاحة لجميع الطلاب في المعمل بجودة عالية ودون استهلاك باقة إنترنت واحدة؟
- في هذا المقال، سنشرح كيفية استخدام صفحة الفيديوهات المدمجة مع النظام، وكيفية تكرارها لخدمة مواد مختلفة، بالإضافة لبعض اللمسات الفنية لتخصيص شعار المدرسة.
أولاً: التجربة خير برهان
- قبل أن نبدأ في الشرح التقني، افتح النظام الآن وشاهد القائمة. ستجد أنني وضعت لك فيديو تجريبي جاهز بعنوان "حماية طفلك على الإنترنت".
- قم بتشغيله ولاحظ سرعة العرض وجودة الصوت.
- هذا الفيديو وضعته ليكون "قالبًا" (Template)؛ لكي تفهم كيف يظهر العنوان وكيف يعمل الزر، وكل ما عليك فعله هو تقليد هذا المثال واستبداله بفيديوهاتك الخاصة.
ثانياً: تجهيز المحتوى (القواعد الذهبية)
لكي يعمل النظام بسلاسة مثل الفيديو التجريبي، اتبع هذه النصائح بدقة عند تجهيز فيديوهاتك:- الصيغة (Format): اعتمد دائماً صيغة MP4. هي الأفضل والأخف وتعمل على كل المتصفحات دون مشاكل.
- التسمية (Naming): هذه أهم نقطة!
- تجنب الأسماء الطويلة أو العربية في ملفات الفيديو نفسها.
- تجنب المسافات تماماً (المسافات تسبب مشاكل في الروابط).
- المكان: ضع ملفات الفيديو داخل المجلد المخصص لذلك وهو video الموجود داخل مجلد www.
ثالثاً: تحرير قائمة التشغيل
- الآن، لنضع أسماء فيديوهاتك الخاصة ولكن نصيحتي لك: لا تحذف الفيديو الأول (رقم 0)، اتركه كما هو ليكون مرجعاً لك تعود إليه إذا حدث خطأ ما، ولأنه يحتوي على محتوى قيم.
- سنبدأ التعديل من الفيديو الثاني (رقم 1) الموجود في الصفحة.
- اذهب لمجلد www، ستجد ملفاً باسم video.html.
- انقر عليه بزر الفأرة الأيمن واختر Edit with Notepad++.
- انزل للأسفل قليلاً وتجاوز الفيديو الأول، ستجد كود الزر الثاني بعنوان "أمن كلمات المرور"، ويشبه هذا:
التعديل (قلّد ثم ابتكر):
لديك في الصفحة أكثر من عشرة أمثلة جاهزة، سنقوم بتعديلها لتناسب دروسك:
- تغيير العنوان: غيّر عبارة 'أمن كلمات المرور' (الموجودة في المكانين) إلى عنوان درسك الجديد (مثلاً: "شرح الفاعل").
- ربط الفيديو: ضع الفيديو الخاص بك في مجلد video وتأكد أن اسمه 1 وامتداده mp4 (أو عدل الرقم في الكود video/1.mp4 ليطابق اسم ملفك).
- التكرار: كرر الخطوة مع باقي الأزرار (2، 3، 4...)، واحفظ الملف.
 |
| صورة توضيحية لاماكن التعديل |
رابعاً: التوسع (تكرار المكتبة لمواد أخرى)
ماذا لو أردت صفحة فيديوهات للعلوم، وأخرى للتاريخ؟ سنطبق نفس مبدأ "الاستنساخ" الذي تعلمناه سابقاً:- نسخ المجلد: داخل مجلد www، انسخ مجلد video وأعد تسمية النسخة إلى video2. (ضع فيه فيديوهات المادة الجديدة).
- نسخ الصفحة: انسخ ملف video.html وأعد تسميته إلى video2.html.
- ربط الصفحة بالمجلد الجديد:
- افتح video2.html ببرنامج Notepad++.
- اضغط Ctrl + H (استبدال).
- في خانة البحث اكتب: video/
- في خانة الاستبدال اكتب: video2/
- اضغط Replace All.
- الآن أصبحت هذه الصفحة تشغل الفيديوهات من المجلد الجديد.
 |
| صورة تقريبية لما اصبح عليه مجلد www |
- الخطوة الأخيرة: أضف رابط الصفحة الجديدة video2.html في الصفحة الرئيسية index.html (كما تعلمنا في المقال السابق).
خامساً: بصمة المدرسة (تغيير الشعار)
لجعل النظام يبدو رسمياً، يجب أن يحمل شعار مدرستكم بدلاً من الصورة الافتراضية.- جهز صورة شعار المدرسة أو صورة للمبنى المدرسي.
- تأكد أن الصورة بامتداد PNG (للحفاظ على الشفافية والجودة).
- سمِّ الصورة باسم home.
- اذهب لمجلد img داخل www، واحذف الصورة القديمة، وضع صورتك الجديدة مكانها.
- الآن، أي شخص يفتح الموقع سيشاهد شعار مدرستكم يتصدر المشهد!
سادساً: دعوة للتطوير (قوة الفريق)
عزيزي المعلم التقني، لقد قمت ببناء الأساس، ولكن "يداً واحدة لا تصفق". هذا المشروع هو فرصتك لتكوين "فريق التطوير الرقمي" في مدرستك:- اطلب من معلم العلوم تجهيز فيديوهات لتجاربه المعملية.
- اطلب من معلم اللغة الإنجليزية تسجيل مقاطع صوتية.
- استعن بالطلاب الموهوبين في المونتاج للمساعدة في التنظيم.
- فائدة إضافية: وجود هذا الأرشيف المحلي يعني أنه في حال غياب أي معلم، يمكن للمشرف تشغيل "فيديو الشرح" للطلاب في المعمل، فلا تضيع الحصة وتستمر العملية التعليمية بذكاء!
في المقال القادم..
هل يمكننا تعليم الطلاب البرمجة باستخدام هذا النظام؟ نعم! في المقال القادم سنحول السيرفر إلى "معمل برمجة" حقيقي، حيث سنضيف أداة (محرر أكواد) تتيح للطلاب كتابة وتجربة أكواد HTML و CSS وتصميم صفحات الويب بأنفسهم ودون إنترنت!انتظرونا في "مدارس بلا إنترنت"..
دمتم بخير