[دكتور محمد زين]

أعزائى أعضاء المنتدى الكرام
السلام عليكم ورحمه الله وبركاته

موعدنا اليوم مع موضوع
تصميم مواقع التعليم عبر الشبكات

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

وفى هذا الإطار حدد "جوزيف برجر J.L. Berger، 2003" ثلاثة أدوات لتصميم مواقع التعليم عبر الشبكات وهى :
1- لغة برمجة خاصة بالإنترنت يطلق عليها Hypertext Markup Language (HTML) وهى تستخدم فى تصميم صفحات إلكترونية يتم حفظها فى خادم الإنترنت
2- محرر لغة HTML : وهو يوفر الوسائل والطرق المختصرة لكتابة وصيانة صفحات HTML خاصة بالإنترنت.
3- برنامج Front Page وبرنامج WYSIWYG: حيث تمكن هذه البرامج من عمل صفحات خاصة بالإنترنت دون الحاجة إلى برنامج HTML، ويحظى برنامج Front Page بميزة التشغيل المباشر على الكمبيوتر المركزى، أى دون الحاجة لنقل ملفات مكتملة (J.L. Berger, 6-10-2003).

كما استخدام "مصطفى جودت صالح 2003" برنامج Web Express لبناء الإطارات الخاصة بنظامه لتقديم المقررات التعليمية عبر شبكة الإنترنت، لما يتميز به هذا البرنامج من قدرات لا تتوافر فى برنامج Front Page، كذلك استعان فى بناء بعض العناصر بلغة DHTML، ولغة جافا Java Script التى بنى بها جميع أدوات سطح المكتب، ومحركات البحث، وواجهة تفاعل نظام الحوار المباشر (مصطفى جودت صالح: 2003، 203-204).
ومن خلال تزايد استخدام شبكة الإنترنت فى التعليم من بعد، والحاجة إلى ترسيخ شكل وتنوع هذا الاستخدام قدم كل من "ماديكس وجونسون وتايلور C.D. Maddux & D.L. Johnson & S.A. Taylor، 1997" بعض الإرشادات حول تصميم مواقع شبكة الويب التعليمية، حيث يمكن للراغبين فى إعداد صفحات للمعلومات التربوية المبنية على شبكة الويب أن يستفيدوا منها : أهمها : (C.D. Maddux & D.L. Johnson & S.A. Taylor 1997, 5-12)
- حدد الجمهور المستهدف وقم بتحفيزهم ووفر فرص للتغذية الراجعة الفعالة.
- قم بوضع أهداف للموقع تمتاز بالوضوح وقابلة للقياس.
- قدر ردود الأفعال والجهود، وقم بتجاوز الثغرات كى يرتقى إلى مستوى التوقعات.
- حدد محتوى الموقع بشكل مكثف.
- يجب أن تكون اللغة بسيطة ومفهومة من قبل الجمهور.
- أدخل نصوص المحتوى فى صفحات ذات خلفية بيضاء.
- تعامل مع معلوماتك حسب أولوياتها، كما لو أنك تقوم بوضع خطوط عريضة.
- وحد مسار التصفح بأسلوب بسيط واضح يقوم على خرائط للموقع.
- قم بتوضيح المضمون باستعمال تصميمات وأشكال تتسم بالبساطة والملاءمة.

كما قامت جامعة ميتشجان الافتراضية Michigan Virtual University بتطوير معاييرها الخاصة ليسترشد بها عند تصميم مواقع التعليم القائم على الشبكات، وسميت بمعايير جودة المقررات الإلكترونية Standards of Quality Online Courses والتـى قسمت إلى أربعة أجزاء هى : (Michigan Virtual University, 4-1--2004)
1- المعايير التكنولوجية Technological Standards.
2- معايير سهولة الاستخدام Usability Standards.
3- معايير إمكانية الوصول Accessibility Standards.
4- معايير التصميم التعليمى Instructional Design Standards.

وبصفة عامة، هناك بعض الاعتبارات التى ينبغى الانتباه إليها عند تصميم وإنشاء مواقع تعليمية على الشبكة ومنها :
1- الجمهور المستهدف Target Audience، يجب أن يراعى حاجات المستخدمين وتوقعاتهم من المعلومات.
2- الأهداف التعليمية للموقع، ينبغى أن تصاغ بوضوح.
3- المحتوى المقدم من خلال الموقع ويتضمن :

(أ) صفحة البداية Home Page، يجب أن تشمل صورة تعريفية وجدول محتويات، كما ينبغى أن ترتبط صفحة البداية بصفحة المحتويات.

(ب) بيئة التجوال Navigation، يجب أن ترتبط كل الصفحات بصفحة البداية، ويقترح "روفينى M.F. Ruffini، 2000" أربعة نظم للربط بين صفحات الويب المكونة للموقع وهى : (M.F. Ruffini 2000, 58-64)

1- الموقع التتابعى : وفيه تربط كل صفحة بما يليها، كما يوضحه الشكل (3) التالى :
2- الموقع الشبكى : وفيه ترتبط الصفحات على هيئة شبكة، كما يوضح الشكل (4) التالى:
3- الموقع الهرمى : وفيه ترتبط الصفحات بطريقة هرمية فكل مجموعة ترتبط بطريقة متتابعة، كما يوضحه الشكل (5) التالى :
4- الموقع العنكبوتى : وفيه ترتبط الصفحة بصفحات متعددة، كما يوضحه الشكل (6) التالى:

(جـ) تصميم الصفحة : يراعى فيه السهولة والوضوح، ويجب أن يتضمن التوازن بين الألوان، وهذا يشير للتوازن بين النص والربط والرسم، حيث يجب أن يكون النص فى كتل من المعلومات ترتبط بموضوعات الصفحة والرسوم، كما يجب أن تكون الرسوم صغيرة نسبياً حتى يتم تحميلها بسرعة.

(د) النص والرسوم والصور : فوضوح المعلومات يعتمد على التباين بين خط النص والعنوان والرسوم.

(هـ) اختيار برنامج التأليف Web Authoring Program، ويوجد العديد من تلك البرامج مثل: (Dream Weaver, Visual Page, Home Page, Front Page).

وقام الكاتب باستعراض بعض مواقع وصفحات الإنترنت التعليمية، والتى أنشئتها عديد من الجامعات لتقدم من خلالها مقرراتها الدراسية للطلاب الملتحقين بها، ومن أمثلة هذه المواقع ما يلى :

1- موقع قاعة المحاضرة الدولية : World Lecture Hall
http://www.utexas.edu/world/lecture
ترعى جامعة تكساس Texas هذا الموقع، وعند استعراضه نجد أنه يحتوى على مقررات وتدريبات، وملاحظات خاصة بالمحاضرات، واختبارات، وبيانات من الجامعة، والجديد فى مجال استخدامات الإنترنت التعليمية. كما يحتوى هذا الموقع أيضاً على ارتباطات تشعبية للصفحات التى تقدمها شبكة الجامعة لعرض مقرراتها، مع ترجمة المقررات إلى اللغات (إنجليزى- أسبانى- فرنسى- ألمانى)، وأيضاً مقررات التعليم من بعد المقدمة من الجامعة.

2- موقع الاتصال 201 : Communication 201
http://instruct.cit.cornell.edu/courses/comm201e
هذا الموقع هو مقرر تخاطب على الشبكة، أنشئته جامعة كورنيل (Cornell) لتقديم أمثلة من خطب المشاهير وجعلها متاحة لجميع الطلاب، ويمكن للطلاب استرجاع هذه الخطب فى أى وقت يرغبوا فيه، مع إمدادهم بأمثلة واقعية لأنماط الاتصال الحديثة.

3- الصفحة الرئيسية للميتافيزيقا : Metaphysic Home Page
http:///ww.nwmissouri.edu/ntfield/57home.html
هذا الموقع خاص بجامعة ولاية ميسورى Missouri State، وهو يرتبط بالمخطط الدراسى لمنهج الميتافيزيقا (ما وراء الطبيعة)، ويساعد فى وضع خطوط إرشادية ومصادر متنوعة عبر الإنترنت يمكن للطلاب ادراجها داخل الفصل، وهى غالباً ما تكون دائرة معارف أو سير ذاتية للعلماء، ولكنها تعرض بشكل مألوف للطلاب.

4- موقع علم الاجتماع : Sociology
http://vclemoyen.edu/
ترعى جامعة ليموين Lemoyen هذا الموقع، وهو عبارة عن فصل افتراضى لتدريس مقرر علم الاجتماع، يتم فيه تعلم علم الاجتماع وعلم الإنسان، وكيفية دعم التعلم التعاونى عن طريق مجموعات المشاركة داخل الفصل. ويقوم الطلاب من خلال هذا الموقع بالمشاركة ومناقشة الأفكار وثيقة الصلة بالمقرر، ويشجع الزائرين لموقع الجامعة الخاص بتأليف المقررات بأسلوب الريادة (Tutorials)، ويعزز الجهد المتزايد للتعليم القائم على الشبكات.

5- موقع نمط الوسائل : Media Style
http://www.swin.edu.au/ssb/media/am209/wwwboard.htm
هذا الموقع خاص بجامعة سوينبرن Swinburne بأستراليا، ويحتوى على مواد للتدريس، ومختصرات أسبوعية، وبريد إلكترونى للمدرس، وترجع أهمية هذا الموقع إلى عرضه للموضوعات والوسائل الحديثة، بالإضافة إلى المناقشات التى تدار على شكل اجتماع مفتوح للطلاب لإرسال ملاحظاتهم على محتوى المقررات وقراءتهم للأحداث الجارية، مما يثرى مناقشتهم وحوراتهم.

ومن الجدير بالشارة، أن هناك محاولات متنامية فى جامعات الوطن العربى لوضع مواقع تعليمية Instructional Sites، أو صفحات دليلية Home Pages للتعريف بالجامعات والكليات، أو مراكز التعليم المختلفة التى تقدم خدمات أو دورات تدريبية وتعليمية محددة، وهذه المحاولات تتزايد باستمرار وبمرور الوقت، وما يهمنا فى هذا المقام هو كفايات إعداد برامج التعليم عبر الشبكات بالنسبة للطلاب المعلمين، حتى يمكن التعرف عليها وكيف يمكن تطويرها للوصول إلى عصر قريب سوف تنشر فيه نظم التعليم عبر الشبكات لتتبوأ مركزاً مناظراً إن لم يكن متفوقاً على نظم التعليم التقليدية.

أدوات الاتصال والتعليم عبر الشبكات

جاءت شبكات الكمبيوتر والإنترنت بعدة أدوات أثرت بها المواقع التعليمية، ومكنت المصمم التعليمى من وضع أنشطة تربوية جديدة فى الموقف التعليمى، وشكلت فى مجملها قنوات لتقديم التعليم عبر الشبكات، وهذه الأدوات لا يشترط أن تجتمع كلها فى نظام تعليمى واحد ولكنها تستخدم وفقاً للحاجة التربوية، ومن هذه الادوات ما يلى : (D. French et al. 1999, 87-98)

1- البريد الإلكترونى :E-mail
يعد البريد الإلكترونى من أكثر أدوات التعليم عبر الشبكات شيوعاً، ويستخدم كآلية لدعم هذا النمط التعليمى الجديد، ويتمثل الشكل البسيط له فى قيام شخص ما على الشبكة يمتلك عنوان بريد إلكترونى بكتابة رسالة وإرسالها من خلال أحد برامج البريد إلى شخص أخر يملك عنوان بريد إلكترونى.

2- قائمة الخدمة : Listserve
وهى طريقة أخرى لاستخدام البريد الإلكترونى لتوزيع المعلومات وتقديم اتصال غير متزامن، عبارة عن خدمة إلكترونية تقدم الوسائل لكل المسجلين فى القائمة ويتم تحميل برامج خاصة لتشغيلها.
ويمكن أن تكون قائمة توزيع للمعلومات أحادية الاتجاه، أى أن يصبح بإمكانك استقبال الرسائل من القائمة، ولكنك لا تستطيع إرسال رسائل إليها، ويستخدم هذا النوع من القوائم لتقديم المعلومات لأفراد مؤسسة أو مجموعة محددة من الأفراد.
ويمكن أن تكون قائمة للمناقشة، تستطيع فيها استقبال الرسائل من مالك القائمة والأعضاء فيها، وللرد عليها تقوم بإرسال الرسالة إلى القائمة فيستقبلها كل المسجلين فيها، وبذلك يمكنك طرح الأسئلة وإرسال الإجابات وعمل حوارات غير متزامنة.

3- صفحات الشبكة العنكبوتية الساكنة : Static Web Pages
صفحات الشبكة العنكبوتية الساكنة طريقة لتقديم المعلومات للقارئ، وتشر كلمة ساكنة إلى أنها ذات نمط واحد، فالقارئ يقوم بقراءة الصفحة ولا يتفاعل معها باستثناء تقليب الصفحات، وتتضمن الصفحة نصوصاً وصوراً ورسوماً متحركة لكنها تكون فى الغالب فى إطار واحد ويتم تناولها بشكل متوالى، وتشكل صفحات الشبكة العنكبوتية الساكنة الجزء الأكبر من الشبكة العالمية العنكبوتية WWW.

4- صفحات الشبكة العنكبوتية التفاعلية : Interactive Web Pages
تشتمل هذه الصفحات على إمكانات تفاعل المستخدم مع مكوناتها، مثل عمل قائمة محتويات للعناوين الفرعية للصفحة، أو البحث فى قاعدة بيانات متصلة بتلك الصفحة، أو طرح أسئلة، أو إعادة تهيئة فى شكل الصفحة وطريقة عرضها، وبالرغم من عدم انتشارها بنفس قدر الصفحات الساكنة إلا أن عدد المواقع التى تستخدم الصفحات التفاعلية فى تزايد مستمر.

5- لوحات النشرات على الشبكة العنكبوتية : Web-based bulletin boards
هى من أدوات التعليم عبر الشبكات التى تتيح تفاعلاً غير متزامن، حيث لا تشترط أن يكون جميع الأفراد موجودين على الشبكة فى الوقت نفسه، بل يتم الاحتفاظ بالتعليقات المرسلة ليقرأها كل من يدخل إلى هذا الموقع فيما بعد. وتقوم هذه اللوحات على النصوص فى مناقشتها للموضوعات، وعلى من يرغب فى الاشتراك برأيه فى الحوار أن يكتب ما يشاء فى الخانة المخصصة ثم يضغط على زر الإرسال لتضاف ملاحظاته إلى التعليقات التى تشملها اللوحة.

6- التحاور : Chat
يشير التحاور إلى برنامج يسمح للمشاركين فى غرف الحوارات بالاتصال ببعضهم البعض بشكل فورى ومباشر، ومعظم الحوارات تتم بواسطة النصوص، والبعض منها يدعم بالصوت والصورة، ويمكن أن يكون الدخول فى غرف الحوارات متاحاً للجميع، أو أن تقتصر المشاركة فيه على الاعضاء فقط.

7- مقررات على الخط المباشر : Online Courses
يشهد مجال المقررات على الخط المباشر نمواً متزايداً على الإنترنت، فعديد من المعاهد والمؤسسات التعليمية تقدم مقررات على الخط المباشر كجزء من برامجها التعليمية، والباحث فى الإنترنت اليوم سوف يجد أن موضوعات المقررات على الخط المباشر قد غطت مختلف المجالات تقريبا.

8- النظم القائمة على دعم الأداء الإلكترونى :
Electronic Performance Support System (EPSS)
نظام دعم الأداء الإلكترونى، هو نظام كمبيوتر يستقبل ويخزن ويوزع المعلومات والمعرفة عند الطلب. ويمكن أن يستخدم كجزء من إستراتيجية تعليمية لتقديم المعلومات وتدريب الموظفين عند الطلب، وتجدر الإشارة إلى أن تلك المعلومات ومراحل التدريب ترتبط بأداء الموظف ومسئولياته.

تحياتى للجميع والى لقاء متجدد باذن الله تعالى
د/ محمد زين