‫نماذج التصميم التعليمي للتعليم اإللكتروني‬

‫• اعداد وتقديم‬
‫د‪ .‬عبدالرحمن محمد أحمد‬
 ‫األهداف العامة‬
‫معرفة أفضل أساليب التصميم واستراتيجيات التعلم لتحقيق أقصى‬ ‫•‬
‫استفادة من التقنية‪.‬‬
‫تفعيل دور الجامعات و المؤسسات التعليمية في إثراء المحتوى‬ ‫•‬
‫االلكتروني على شبكة االنترنت‪.‬‬
‫فتح المجال أمام األساتذة والطالب لعرض مهاراتهم وقدراتهم و‬ ‫•‬
‫تنميتها وتشجيع و تحفيز النمو اإلبداعي و اإلبتكاري لديهم‪.‬‬
‫زيادة نسبة استعمال االنترنت االيجابي و تحفيز الباحثين للتحول إلى‬ ‫•‬
‫النشر و البحث االلكتروني‪.‬‬
 ‫التصميم التعليمي للتعليم االلكتروني‬
‫نماذج و أشكال‬

‫التعليم عبر التقنيات الحديثة‬

‫‪Technology – based Learning‬‬

‫التعليم عبر الحاسب اآللي‬ ‫التعليم عبر الإنترنت‬

‫‪Computer – based‬‬ ‫‪Web – based Learning‬‬
‫‪Learning‬‬
 ‫التصميم التعليمي للتعليم االلكتروني‬
‫نماذج و أشكال‬

‫التعليم عبر الحاسب اآللي‬

‫التعليم عبر اإلنترنت‬

‫التعليم غير المتزامن‬ ‫التدريس بمساعدة الحاسب اآللي‬

‫‪Asynchronous‬‬

‫التدريس المدار بالحاسب اآللي‬

‫التعليم المتزامن‬
‫‪Synchronous‬‬ ‫الحاسب اآللي كأداة لالتصال‬
 ‫التعليم عبر‪ C‬االنترنت‬

‫• من أبرز ما تقدمه اإلنترنت في العمل التربوي‪:‬‬

‫خدمة البريد اإللكتروني ‪Electronic Mail‬‬ ‫–‬
‫القوائم البريدية ‪ Mailing List‬والمجموعات اإلخبارية ‪News Groups‬‬ ‫–‬
‫برامج المحادثة ‪Internet Relay Chat‬‬ ‫–‬
‫التحاور بالصوت والصورة ‪Video Conferencing‬‬ ‫–‬
‫المعززة بالحاسب ‪Computer –Assisted Research‬‬ ‫ّ‬ ‫األبحاث‬ ‫–‬
‫الشبكة العنكبوتية ‪www‬لبناء موقع ‪Website‬‬ ‫–‬
‫المدونات ‪Blogs‬‬ ‫–‬
‫وجميع هذه الخدمات يمكن توظيفها في سياق التعليم والتعلم ‪.‬‬
‫التصميم التعليمي للتعليم االلكتروني‬
‫بين النظرية و التطبيق‬

‫• الشروط الثمانية ألي عملية تعليمية ناجحة‬

‫• النظرية البنائية‬
‫التصميم التعليمي للتعليم االلكتروني‬
‫بين النظرية و التطبيق‬
 ‫التصميم التعليمي للتعليم اإللكتر‪i‬وني‬
‫بين النظرية والتطبيق‬
‫البنائية‬ ‫‪ Constructive‬المحتوى يراعي المعلومات والمهارات الموجودة‪.‬‬

‫التعاونية‬ ‫‪ Collaborative‬الواجبات – المشاريع‪.‬‬

‫الحوارية‬ ‫‪ Conversational‬المنتديات – الشات‪.‬‬

‫العمق ‪ #‬السطحية‬ ‫‪ Complex‬المحتوى يغطي الزوايا المختلفة – الوسائط المتعددة‪.‬‬

‫الربط بالواقع المعاش‬ ‫‪ Contextual‬االختبارات – النقاشات على المنتدى ترتكز على التطبيق‬
‫العملي‪.‬‬

‫التفاعل‬ ‫‪ Active-Interactive‬التفاعل عبر المنتدى – عبر الرسائل – من خالل‬

‫الفروض والواجبات – الحوارات ‪ -‬مع المادة‪ -‬الدردشة‬

‫االسترجاع‬ ‫‪ Reflective‬الفروض والواجبات استرجاعية‪.‬‬

‫مقصودة لذاتها‬ ‫‪ Intentional‬تعليم الطالب مقصود لذاته في أغلب األحوال‪.‬‬
 ‫التصميم التعليمي للتعليم االلكتروني‬
‫بين النظرية و التطبيق‬

‫النظر‪C‬ية البنائية‬
‫‪Constructivism‬‬
‫األولوية ليست لعرض الحقائق و“تلقين“ المعلومات‬
‫ولكن‬
‫لبناء البيئة التي تساعد على بناء المعرفة وربطها بالواقع المعاش‪..‬‬
‫لبناء البيئة الداعمة للتعلم المستمر والتعليم الذاتي‪..‬‬

‫لتعليم المتعلم كيف يتعلم‪ ،‬وليس إجباره على أن يتعلم‪..‬‬

‫‪ ‬فكر في كيفية تطبيق شروط النظرية الثمانية على‬
‫أرض الواقع‪...‬‬
‫اختر األنشطة التي تحقق الشروط الثمانية‪.‬‬
 ‫نموذج التصميم التعليمي للتعليم االلكتر‪C‬وني‬

‫هناك خمسة مراحل إلعداد وتصميم التعليم للتعليم االلكتروني‪:‬‬

‫التحليل‬
‫التصميم‬
‫التطوير‬
‫التنفيذ‬
‫التقويم‬

‫‪ADDIE‬‬
‫– ‪Analysis – Design‬‬
‫‪– Development‬‬
Front-End Analysis
‫مرحلة التحليل‬
 ‫‪Front-End Analysis‬‬
‫مرحلة ا‪ii‬لتحليل‬

‫مرحلة التحليل‬
‫مرحلة التحليل تعتبر حجر األساس إلعداد أية عملية تعليمية أو أي‬
‫برنامج تدريبي؛ فهذه المرحلة تتطرق إلى الأسئلة الرئيسية (ماذا؟‬
‫لماذا؟ من؟ متى؟ كيف؟ أين؟)‬

‫كل ما سيلي هذه الخطوة من أنشطة ومهام البد من أن يكون نابعا من‬
‫عملية تحليلية دقيقة بقدر الإمكان‪.‬‬
 ‫‪Design Phase‬‬
‫مرحلة ا‪ii‬لتص‪i‬ميم‪(i‬ا‪ii‬لبناء)‬
‫اإلعداد نوعان‬

‫إعداد الصفحة‬ ‫إعداد المادة‬

 ‫إعداد المادة‬

‫صياغة األهداف العامة والجزئية‪.‬‬ ‫•‬

‫توزيع المادة على األنشطة المتاحة‪.‬‬ ‫•‬
‫إعداد الـ‪ story book‬خط السير‪.‬‬ ‫•‬
‫مراعاة شروط المادة الجيدة‪:‬‬ ‫•‬
‫ت‪ -‬م – ت‬
‫تفاعل – مرونة – توازن‬
 ‫إعداد الصفحة‬

‫عرض المادة البد أن يتسم باآلتي‪:‬‬

‫• المنطقية‪.‬‬
‫• االتساق والترابط‪.‬‬
‫• الوضوح‪.‬‬
‫• اإليحاء بالمضمون‪.‬‬
‫• مناسبة األلوان واألشكال للجمهور والمادة‪.‬‬
 ‫احترس من األخطاء التالية‬

‫عرض الدرس الواحد بأسلوب مطوّ ل‪ ،‬والحجم المثالي ‪One screen‬‬ ‫•‬
‫‪.long‬‬
‫ملء المقالة بعدد كبير من الروابط (يسبب التشتيت)‪.‬‬ ‫•‬
‫استخدام ملفات صوت وفيديو بصورة مبالغ فيها ألنها تحتاج لفترات‬ ‫•‬
‫تحميل طويلة‪.‬‬
‫اللجوء إلى الفالشات أكثر من الالزم لعرض األفكار (وسيلة تحتاج إلى‬ ‫•‬
‫وقت ودعم تقني)‪.‬‬
 ‫‪Development Phase‬‬
‫مرحلة ا‪ii‬لتطوير‬

‫في التأني السالمة‬

‫اطلب المشورة من الزمالء والمتخصصين‪.‬‬

‫جلسة أو اثنتين من العصف الذهني لتطوير المادة‪.‬‬
‫راجع األهداف بهدوء‪.‬‬
‫تأكد من حسن إعداد الصفحات‪.‬‬
‫راجع المضمون و”جودة“ تحرير المادة‪.‬‬
‫يفضل في كل الحاالت القيام بعملية تجريب كاملة قبل البدء‪.‬‬
 ‫‪Evaluation Phase‬‬
‫مرحلة التقويم‬
‫تعتمد هذه المرحلة على تطبيق او تشغيل المحتوى التعليمي و قياس‬
‫اداءه ومدى تأثيره‪ ،‬وعملية التقييم تمر بعدة مراحل منها ‪:‬‬

‫‪ .1‬مدى تفاعل الطالب مع المحتوى التعليمي‬

‫‪ .2‬قياس حجم المعرفة المكتسبة من استخدام المحتوى التعليم‪i‬ي‬
‫ومدى اإلنجاز المتحقق نتيجة لذلك‬
‫‪ .3‬قياس مدى التغيير الحاصل في السلوك العام ‪ ،‬وموقف و اداء‬
‫الطالب نتيجة استخدامهم المحتوى التعليمي‬
‫‪ .4‬قياس مدى تأثير المحتوى التعليمي على البيئة التعليمية المحيطة‬
‫بمجال تطبيق المحتوى اإللكتروني‪.‬‬
‫‪ /1‬نموذج ”روفيني“ للتصميم التعليمي االلكتروني‬

‫التحليل‬

‫التطبيق‬ ‫التقييم‬ ‫التصميم‬

‫التطوير‬
‫‪ /2‬نموذج ”ر‪C‬يان“ للتصميم التعليمي االلكتروني‬
 ‫مراحل تنفيذ إعداد مقر‪C‬ر إلكتر‪C‬وني‬
‫تحديد المدة الزمنية‬ ‫وضع خطة تفصيلية‬
‫لمراحل تنفيذ المقرر‬ ‫عن المقرر‬

‫مرحلة األعداد لمشروع مقرر‬

‫ألكتروني‬

‫التصميم الفني للمقرر‬ ‫مرحلة تصميم‬ ‫كتابة وتأليف المقرر‬

‫وتنفيذ المقرر‬

‫مرحلة التطبيق‬ ‫أجراء التعديالت‬

‫المنهجية او الفنية‬
‫واختبار المقرر‬
‫تطوير المقرر‬

‫نحو األفضل‬

‫أعتماد المقرر في‬

‫المؤسسات التعليمية‬

‫الشكل (‪ )2‬مراحل تنفيذ مشروع اعداد مقرر ألكتروني‬

 ‫الوي‪C‬ب كويست ‪WEB QUEST‬‬
‫• ”نشاط يت‪C‬م تعميم‪C‬ه مس‪C‬بقا ً يكون م‪C‬ن خالل‪C‬ه اس‪C‬تخدام المعرف‪C‬ة المراد‬
‫تعليمه‪C‬ا للطالب م‪C‬ن خالل اس‪C‬تخدامهم له‪C‬ا وللتعام‪C‬ل معه‪C‬ا ولي‪C‬س فق‪C‬ط‬
‫البحث عنها من خالل االنترنت ‪،‬‬
‫• حي‪CC‬ث تدع‪CC‬م وتنم‪CC‬ي المهارات العقلي‪CC‬ة العلي‪CC‬ا حس‪CC‬ب تص‪CC‬نيف بلوم‬
‫للعمليات العقلية مثل التحليل والتركيب والتقييم“‪.‬‬
 ‫لماذا نستخدم الويب كويست ؟‬
‫يعط‪C‬ي الطال‪C‬ب المهمات الت‪C‬ي تمكن‪C‬ه م‪C‬ن اس‪C‬تخدام الخيال والتأم‪C‬ل ف‪C‬ي‬ ‫•‬
‫المعرف‪C‬ة الت‪C‬ي يتعام‪C‬ل معه‪C‬ا باإلضاف‪C‬ة إل‪C‬ى تعل‪C‬م مهارات حياتي‪C‬ة مث‪C‬ل ح‪C‬ل‬
‫المشكالت واالكتشاف‪.‬‬
‫طريق‪CC‬ة رائع‪CC‬ة إلشغال وتفعي‪CC‬ل الطلب‪CC‬ة الس‪CC‬تكشاف المعرف‪CC‬ة بطريق‪CC‬ة‬ ‫•‬
‫مخطط لها ومتسلسلة من خالل أنشطة ذات معنى‬
‫تس‪C‬مح للطال‪C‬ب أ‪C‬ن يس‪C‬تكشف قضاي‪C‬ا معين‪C‬ة وإيجاد بناء معرف‪C‬ي خاص‬ ‫•‬
‫به ومن إبداعه‪.‬‬
‫طريق‪C‬ة تناس‪C‬ب جمي‪C‬ع المس‪C‬تويات للطلب‪C‬ة ألنه‪C‬ا تتي‪C‬ح حري‪C‬ة للطال‪C‬ب ف‪C‬ي‬ ‫•‬
‫كيفية التعامل مع المحتوى التعليمي والمعرفة ‪.‬‬
‫الويب كويست من وسائل المعلم الجيدة التي يستخدمها في التدريس‬
‫لذلك فهي تكون‪:‬‬

‫‪ ‬دليل للطلبة حول المادة التدريسية‬

‫‪ ‬توفر العمل الجماعي والتشاركي بمرونة وحسب الظروف‬
‫‪ ‬يمكن إضافة روابط المواقع( المصادر)إلثراء الدرس بشكل ايجابي‬
‫‪ ‬تمكن الطالب من العمل باستقاللية حيث تحول دور المعلم من ناقل‬
‫للمعرفة إلى ميسر للتعلم والتعليم‬

‫أفضل ويب كويست‬

‫‪http://www.zunal.com/introduction.php?w=122304‬‬
‫‪http://www.zunal.com/webquest.php?w=117705‬‬