Issuu on Google+

‫أسس تصميم واجهات التفاعل‬ ‫بالبرمجيات‬ ‫التعليمية‬ ‫أن يتم تصميم شاشات البرمجيات على ضوء المعايير‬ ‫الفنية والتربوية للتصميم ‪.‬‬ ‫ويقصد بتصميم الشاشة ‪ :‬تصميم النصوص‬ ‫والشكال البصرية على شاشة الكمبيوتر ‪.‬‬


‫‪ -1‬عدم عرض كمية كبيرة من المعلومات في شاشة‬ ‫واحدة مع مراعاة الوضوح ‪ ,‬وتوفير إمكانية التحكم‬ ‫بحجم الخط ونمطه ونوعه ولونه ليوفر للمتعلم مايلبي‬ ‫حاجته ‪ ,‬فأستخدام الحروف الداكنه والخلفية الفاتحه‬ ‫او العكس قد يكون أكثر راحه للعين والرؤية ‪.‬‬


‫‪ -2‬استخدام الرسوم والصور‬ ‫والشكال التي تساعد على إثارة‬ ‫دافعية الطالب لدراسة المادة‬ ‫التعليمية ‪.‬‬


‫‪-3‬التوزيع المناسب للمعلومات على الشاشة‬ ‫بحيث تكون متوازنه ‪.‬‬ ‫‪ -4‬عدم الكثار من التوصيلت ‪ link‬خارج‬ ‫البرنامج في الشاشة الواحدة ‪.‬‬ ‫‪-5‬نطرا لبطء التحميل ينصح بتجزئة المادة‬ ‫العلمية إلى ملفات ليتجاوز كل منها عن ‪60‬‬ ‫كيلو بايت ‪.‬‬


‫‪-6‬تحكم الطالب بالبرمجية ليسير حسب‬ ‫سرعته الذاتيه وقدراته العقليه ومستواه‬ ‫التحصيلي وذلك من خلل تجنب دوران‬ ‫الشاشة )سرعة إنتقال الشاشة إلى‬ ‫شاشة أخرى حسب وقت زمني محدد (‬ ‫‪-7‬توفر إمكانية التحكم بالضاءة )الضوء‬ ‫الساطع أو العالي والضوء الخافت (‬ ‫ضمن معايير محددة ‪.‬‬


‫إنتاج البرامج التعليمية يمر بـ ‪ 5‬مراحل ‪:‬‬ ‫التصميم‬ ‫العداد‬

‫التطوي‬ ‫ر‬

‫التنفيذ‬ ‫كتابة‬ ‫السيناريو‬


‫مرحلة التصميم‬

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

‫‪ /2‬الحصول على‬ ‫المادة العلمية‬ ‫للدروس‬

‫ استيعاب‬‫محتويات المقرر‬ ‫ تحليل المفاهيم‬‫والعمال‬

‫‪ /3‬تحديد الهداف‬ ‫التعليمية‬

‫‪ /4‬تتابع وتسلسل‬ ‫الموضوعات‬ ‫والعمال‬ ‫ تحليل المادة‬‫العلمية لمعرفة‬ ‫مكوناتها‬ ‫ توضيح الترتيب‬‫الذي تعرض به‬ ‫هذه المكونات من‬ ‫خلل الدرس‬


‫تحديد الهداف التعليمية‬ ‫‪ -1‬تحديد الهداف‬ ‫‪ ‬عباره عامة عن المادة الدراسية‬ ‫‪ ‬وظيفة المقرر‬ ‫‪ ‬نسبة المفاهيم إلى العمال بالدرس‬ ‫‪ ‬مستوى الداء المتوقع لكل موضوع‬ ‫‪ -2‬صياغة الهداف التعليمية الخاصة‬ ‫‪ ‬العمل المطلوب أن يقوم به المتعلم نتيجة لدراسته‬ ‫‪ ‬الظروف والمكانات المتاحة التي يجب أن ينفذ في ظلها‬ ‫المتعلم ماتعلمه من الدروس‬ ‫‪ ‬مستوى الداء المتوقع وطريقة قياسه‬ ‫‪ -3‬تصنيف الهداف التعليمية‬


‫مرحلة العداد‬

‫هي المرحلة التي يتم فيها تجميع وتجهيز‬ ‫جميع المتطلبات المادية وإنتاج المواقف‬ ‫التعليمية عبر الفيديو والصور‬


‫مرحلة كتابة السيناريو‬ ‫هي المرحلة التي يتم فيها تحويل وترجمة الخطوط‬ ‫العريضة التي وضعها المصمم إلى إجراءات تفصيلية‬ ‫وأحداث ومواقف تعليمية‬ ‫‪ /1‬كتابة‬ ‫محتوى‬ ‫الدرس‬

‫‪/2‬تصميم‬ ‫الشاشات‬

‫شاشات ) العناوين ‪ ,‬عرض‬ ‫الدرس ‪ ,‬التفاعل بين المتعلم‬ ‫والحاسب ‪ ,‬علجية ‪ ,‬للمراجعة ‪,‬‬ ‫السئلة والختبارات (‬


‫مرحلة تصميم السيناريو‬

‫العنوان الرئيس‬ ‫العنوان الفرعي‬

‫تخصص لكتابة النص‬

‫تخصص لعرض الصور‬ ‫والرسومات ولقطات الفيديو‬

‫تخصص لوضع أدوات التحكم‬ ‫تخصص لوضع أزرار التحكم في الشاشة كاملة‬


‫مرحلة تصميم السيناريو‬

‫رقم السؤال‬

‫مخصص لكتابة متن السؤال‬ ‫الخيار الول‬

‫‪1‬‬

‫الخيار الثاني‬

‫‪2‬‬

‫الخيار الثالث‬

‫‪3‬‬

‫الخيار الرابع‬

‫‪4‬‬

‫مخصصة لدوات التحكم بكل الشاشات‬


‫مرحلة تصميم السيناريو‬

‫رقم السؤال‬

‫نص السؤال‬ ‫صح‬

‫خطأ‬

‫مخصصة لدوات التحكم بكل الشاشات‬


‫مرحلة تصميم السيناريو‬


‫إضاءة ‪..‬‬ ‫يفضل أن تحتوي كل شاشة على‬ ‫هدف تعليمي و نشاط معين واحد‬ ‫فقط ‪.‬‬


‫نصيحة ‪:‬‬ ‫يجب أن ل تطغى الجوانب الفنية و‬ ‫كثرة اللوان على المحتوى )المادة‬ ‫العلمية ( في البرامج التعليمية ‪.‬‬


‫مرحلة التنفيذ‬ ‫هي المرحلة التي يتم فيها تنفيذ السيناريو في‬ ‫صورة برمجة متعددة تفاعلية‬ ‫‪ /1‬أختيار لغة‬ ‫البرمجة‬ ‫ لغات البرمجة العامة‬‫ لغات التأليف‬‫‪ -‬نظم التأليف‬

‫‪ /2‬إنتاج وثائق الدرس‬ ‫وتشمل دليل المستخدم‬ ‫‪..‬ليستعملها المتعلم والمعلم‬ ‫والمبرمج‪..‬‬


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


‫مرحلة التجريب‬ ‫والتطوير‬

‫هي المرحلة التي يتم فيها‬ ‫تجريب البرنامج وعرضه على‬ ‫بعض المتخصصين بهدف‬ ‫التحسين والتطوير‬


‫ تقويم ومراجعة الدرس ‪:‬‬‫< تقويم يشمل الشكل العام للدرس ‪.‬‬ ‫< التقويم الوظيفي لفاعلية التدريس بواسطة الدرس ‪.‬‬ ‫< تقويم ”ـالجدوى القتصادية“ـ للدرس ‪.‬‬ ‫< تقويم آراء المستخدمين حول الدرس ‪.‬‬

‫‪ -‬الستعمال والمتابعة ‪.‬‬


‫دراسة ‪..‬‬ ‫في دراسة لكثر البرامج المستخدمة في‬ ‫العالم العربي وجد أن البرامج الترفيهية‬ ‫هي الكثر انتشاع ًرا واستخداع ًما‪ ,‬ولكن‬ ‫للسف ليست تعليمية !!‬


‫الدراسات‬ ‫السابقة‬ ‫دراسة الطاهر )‪(2006‬‬ ‫هدفت الدراسة إلى تحديد أنسب مكان لوضع الصورة الثابته‬ ‫والصورة المتحركة مع النص المكتوب في إطار واحد في‬ ‫برامج الكمبيوتر التعليمية على التحصيل الدراسي للطلب ‪.‬‬ ‫عينة الدراسة ‪ 120 :‬طالب من طلب الفرقة الولى ‪ ,‬شعبة‬ ‫تكنولوجيا التعليم ‪.‬‬ ‫النتائج ‪ :‬أنه عند تصميم واجهة تفاعل متعددة الوسائل لبرمجية‬ ‫تعليمية تستهدف التحصيل الدراسي للطلب ‪ ,‬تحتوي على نص‬ ‫مكتوب وصورة ثابته وصورة متحركة فيجب أن يوضع النص‬ ‫في جهة اليمين والصورة المتحركة أعلى اليسار والصورة‬ ‫الثابته اسفل اليسار ‪.‬‬


‫ماالفرق بين تصميم التعليم‬ ‫وتصميم التدريس ؟‬


‫تصميم التدريس‬ ‫نظام جزئي من نظام التعليم‬

‫تصميم التعليم‬ ‫نظام شامل يحتوي تدريب‬ ‫وتعليم وتعلم‬

‫عمل فردي‬ ‫يرتبط بالحصة الصفيه‬ ‫تقويم لمدى تحقق الهداف‬ ‫السلوكية لدى الطلبة‬

‫عمل جماعي تعاوني متكامل‬ ‫يرتبط بالمادة التعليمية‬ ‫التقويم تكويني ختامي حيث‬ ‫لتطوير دون تقويم‬


‫و السل م عليكم و رح ة ال و بركاته‬


اسس تصميم واجهات التفاعل بالبرمجيات التعليمية