أصبحت أدوات الذكاء الاصطناعي قادرة على تنفيذ مهام لم تكن سهلة من قبل، خصوصًا في مجال صناعة المحتوى التعليمي. ومن بين النماذج التي بدأت تلفت الانتباه بقوة يأتي نموذج GLM 5.2، الذي يقدم إمكانيات متقدمة في كتابة الأكواد، بناء المشاريع التفاعلية، وتحويل الأفكار إلى تجارب مرئية يمكن تشغيلها داخل المتصفح.
في الفيديو الجديد، يتم استعراض تجربة عملية لإنشاء فيديو أنيميشن تعليمي طويل بالصوت باستخدام GLM 5.2، مع الاعتماد على HTML وCSS وJavaScript فقط. الفكرة ليست مجرد كتابة كود عادي، بل تحويل أمر نصي واضح إلى مشروع تعليمي متحرك يحتوي على مشاهد، انتقالات، عناصر بصرية، ونصوص تعليمية منظمة.
من مجرد Prompt إلى تجربة تعليمية متحركة
تبدأ التجربة بكتابة أمر نصي يطلب من النموذج إنشاء فيديو أنيميشن تعليمي حول موضوع محدد. في الفيديو يتم اختبار نموذج GLM 5.2 على أكثر من فكرة، منها إنشاء أنيميشن عن النظام الشمسي، ثم تجربة أخرى عن كيف بنى المصريون القدماء الأهرامات.
المهم في هذه التجربة أن النموذج لا يكتفي بكتابة شرح نظري، بل يحاول بناء تجربة كاملة يمكن تشغيلها داخل المتصفح. وهذا يفتح الباب أمام استخدامات واسعة للمعلمين، الطلاب، وصناع المحتوى الذين يريدون تقديم المعلومات بطريقة بصرية جذابة بدلًا من الشرح التقليدي.
أنشئ فيديو أنيميشن تعليمي مدته تقريبًا دقيقة واحدة يشرح بطريقة مبسطة: “كيف بنى المصريون القدماء الأهرامات”، باستخدام HTML و CSS و JavaScript فقط.
المطلوب:
إنشاء ملف HTML واحد يحتوي على CSS داخلالأمر المستخدم:
لماذا هذه التجربة مهمة؟
أهمية التجربة تأتي من أنها توضح كيف يمكن للذكاء الاصطناعي أن يساعد في إنتاج محتوى تعليمي تفاعلي بسرعة. فبدلًا من الاعتماد على برامج مونتاج معقدة أو أدوات تصميم متعددة، يمكن البدء من فكرة بسيطة، ثم تحويلها إلى مشاهد متحركة باستخدام الكود.
هذا النوع من الأدوات قد يكون مفيدًا جدًا في إنشاء:
- دروس تعليمية مبسطة للأطفال.
- محاكاة علمية تفاعلية.
- فيديوهات شرح للمدارس والجامعات.
- محتوى بصري لقنوات يوتيوب التعليمية.
- عروض تفاعلية يمكن استخدامها داخل المتصفح.
HTML وCSS وJavaScript فقط
من النقاط اللافتة في التجربة أن المشروع يتم إنشاؤه باستخدام تقنيات الويب الأساسية: HTML وCSS وJavaScript. وهذا يعني أن الناتج لا يحتاج بالضرورة إلى برامج خارجية معقدة، بل يمكن تشغيله مباشرة داخل المتصفح.
HTML يُستخدم لبناء هيكل الصفحة والمشاهد، وCSS لإضافة التصميم والحركة والمؤثرات البصرية، بينما يتولى JavaScript التحكم في التفاعل والتنقل بين المشاهد وتشغيل العناصر المتحركة.
تجربة الأهرامات والنظام الشمسي
في الفيديو يتم اختبار النموذج على فكرتين مختلفتين. الأولى عن النظام الشمسي، حيث تظهر الكواكب والمشاهد التعليمية بطريقة مرئية تساعد على فهم ترتيب الكواكب وبعض المعلومات عنها.
أما التجربة الثانية فهي عن بناء الأهرامات، وفيها يتم تحويل قصة تاريخية إلى أنيميشن تعليمي يشرح الفكرة بطريقة مبسطة، مع مشاهد توضح نقل الأحجار، خطوات البناء، والمراحل الأساسية التي مر بها المصريون القدماء في بناء الأهرامات.
الأمر المستخدم:
أنشئ فيديو أنيمشن تعليمي مدته دقيقة واحدة بعنوان:
“كيف بنى المصريون القدماء الأهرامات؟”
استخدم HTML وCSS وJavaScript فقط، بدون أي مكتبات خارجية، وبدون صور جاهزة.
اجعل الفيديو عبارة عن صفحة ويب متحركة يمكن تشغيلها مباشرة في المتصفح.
المطلوب:
- مدة الفيديو: 60 ثانية تقريبًا.
- اللغة: العربية الفصحى.
- أضف تعليقًا صوتيًا عربيًا باستخدام Web Speech API / SpeechSynthesis.
- أضف ترجمة نصية عربية متزامنة أسفل الشاشة.
- استخدم تصميمًا سينمائيًا بسيطًا وجذابًا.
- اجعل المشاهد متحركة باستخدام CSS Animations وJavaScript Timeline.
- اجعل الخلفية مستوحاة من الصحراء المصرية القديمة: شمس، رمال، نهر النيل، عمال، أحجار، منحدرات، وهرم تدريجي البناء.
- استخدم أشكالًا مرسومة بالكود فقط: div, svg, canvas أو CSS shapes.
- اجعل المشاهد سلسة ومنظمة، مع انتقالات ناعمة بين اللقطات.
- أضف زر تشغيل يبدأ الأنيميشن والصوت معًا.
تقسيم الفيديو:
0–8 ثواني:
مشهد بانورامي للصحراء المصرية القديمة مع شروق الشمس وظهور النيل من بعيد.
النص الصوتي:
“منذ أكثر من أربعة آلاف عام، شيد المصريون القدماء واحدة من أعظم عجائب التاريخ: الأهرامات.”
8–18 ثانية:
إظهار مجموعة من المهندسين والعمال يخططون للبناء باستخدام الحبال والعصي ورسم هندسي على الرمال.
النص الصوتي:
“لم يكن بناء الأهرامات عملًا عشوائيًا، بل احتاج إلى تخطيط دقيق، ومعرفة بالهندسة، وتنظيم آلاف العمال.”
18–30 ثانية:
مشهد قطع الأحجار من المحاجر، وتحريك الكتل الحجرية فوق زلاجات خشبية.
أظهر عمالًا يسحبون الحجر بالحبال، مع تأثير حركة الرمال.
النص الصوتي:
“كانت الكتل الحجرية تُستخرج من المحاجر، ثم تُنقل على زلاجات خشبية، ويُعتقد أن ترطيب الرمال ساعد على تقليل الاحتكاك أثناء السحب.”
30–42 ثانية:
مشهد نقل الأحجار قرب نهر النيل، ثم رفعها تدريجيًا عبر منحدرات ترابية ضخمة.
أظهر منحدرًا يلتف حول الهرم أو يصعد بجانبه بطريقة مبسطة.
النص الصوتي:
“استخدم المصريون منحدرات ترابية لرفع الأحجار إلى مستويات أعلى، ومع كل طبقة كان الهرم يزداد ارتفاعًا خطوة بعد خطوة.”
42–52 ثانية:
مشهد بناء الهرم طبقة فوق طبقة، مع ظهور الهيكل النهائي تدريجيًا.
أضف تأثير إضاءة ذهبي على القمة.
النص الصوتي:
“بفضل العمل الجماعي والتنظيم والمهارة، تحولت آلاف الكتل الحجرية إلى بناء ضخم ودقيق ما زال يدهش العالم حتى اليوم.”
52–60 ثانية:
لقطة نهائية للهرم مكتملًا تحت ضوء الشمس، مع ظهور العمال والمهندسين ينظرون إليه بفخر.
النص الصوتي:
“الأهرامات ليست مجرد أحجار، بل شهادة خالدة على عبقرية المصريين القدماء.”
المتطلبات التقنية:
- ملف واحد يحتوي على HTML وCSS وJavaScript.
- اجعل التصميم responsive بنسبة 16:9.
- استخدم ألوانًا دافئة: ذهبي، رملي، بني، أزرق النيل.
- أضف مؤثرات بسيطة: غبار متحرك، أشعة شمس، ظلال، حركة سحب الأحجار، بناء تدريجي للهرم.
- أضف شريط تقدم زمني أسفل الفيديو.
- أضف زر Replay لإعادة تشغيل الفيديو.
- اجعل التعليق الصوتي واضحًا وبسرعة مناسبة.
- استخدم كود JavaScript لمزامنة الصوت، النصوص، والمشاهد.
- لا تستخدم أي ملفات خارجية أو صور أو مكتبات.
- اجعل النتيجة احترافية، تعليمية، مناسبة لفيديو قصير على يوتيوب أو منصة تعليمية.
هل يمكن استخدام GLM 5.2 لصناعة محتوى تعليمي فعلي؟
من خلال التجربة، يظهر أن GLM 5.2 يمكن أن يكون أداة قوية لصناعة النماذج الأولية للمحتوى التعليمي التفاعلي. قد يحتاج الناتج أحيانًا إلى تعديل وتحسين، خصوصًا في النصوص العربية أو التفاصيل البصرية، لكنه يختصر وقتًا كبيرًا في بناء الفكرة الأساسية وتحويلها إلى مشروع قابل للتجربة.
وهذا يجعله مناسبًا جدًا لمن يريد اختبار فكرة فيديو تعليمي، أو إنشاء نموذج أولي قبل تطويره بشكل احترافي، أو حتى إنتاج محتوى مبسط يمكن استخدامه مباشرة بعد بعض التعديلات.
خلاصة
تجربة GLM 5.2 في إنشاء فيديو أنيميشن تعليمي طويل بالصوت توضح اتجاهًا مهمًا في مستقبل صناعة المحتوى: الذكاء الاصطناعي لم يعد يقتصر على الإجابة عن الأسئلة أو كتابة النصوص، بل أصبح قادرًا على بناء تجارب تفاعلية كاملة من مجرد وصف نصي.
الفيديو يقدّم مثالًا عمليًا على كيفية استخدام GLM 5.2 لإنشاء محتوى تعليمي بصري باستخدام HTML وCSS وJavaScript فقط، ويكشف كيف يمكن لهذه الأدوات أن تساعد صناع المحتوى والمعلمين والطلاب في تقديم المعرفة بطريقة أكثر جذبًا وتفاعلًا.
