التصميم التعليمى

‫تصميم وإعداد البرمجيات التعليمية‬

‫أول‪ :‬مرحلة التحليل والتصميم‬ ‫ثانيا‪ :‬مرحلة تصميم السيناريو‬ ‫ثالثا‪:‬مرحلة النتاج ”التنفيذ“‬

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

‫خطوات مرحلة التحليل والتصميم‬ ‫‪Analysis Design‬‬ ‫وهي أن تحدد هدفك العام من انتاج هذا البرنامج‪.‬‬ ‫مثال‪ :‬مادة الرياضيات من أهدافها في المرحلة البتدائية‬ ‫التعرف على عملية الجمع (هدف عام)‪.‬‬

‫خطوات مرحلة التحليل والتصميم‬ ‫‪Analysis Design‬‬ ‫ويقصد بذلك الهدف الدقيق الذي يؤخذ من الهدف العام ويتم‬ ‫تحقيقه في حصة دراسية واحدة‪.‬‬ ‫مثال‪ :‬يندرج من الهدف العام السابق عدة اهداف خاصة مثل‪:‬‬ ‫‪ -1‬أن يجمع الطالب عددين من خانة واحدة ‪2=1+1‬‬

‫خطوات مرحلة التحليل والتصميم‬ ‫‪Analysis Design‬‬ ‫• رابعاُ‪ :‬اختيار المحتوى المناسب‬ ‫يجب أن يشمل المحتوى ويراعي‬

‫الهداف‬ ‫أن يحقق المحتوى للهداف الخاصة‬

‫الفئة المستهدفة‬ ‫يكون مناسباً لمستواهم اللغوي والعقلي والمعرفي‬

‫وتستطيع تحقيق ذلك من خلل المقرر للمادة العلمية أو من‬ ‫‪.‬خلل المراجع المطبوعة وغير المطبوعة‬

‫خطوات مرحلة التحليل والتصميم‬ ‫‪Analysis Design‬‬ ‫ويقصد بذلك المعارف والمهارات اللزم توفرها في المتعلم‬ ‫للسير في هذا البرنامج‬ ‫مثال‪ :‬من المتطلبات السابقة لعملية الجمع بالمثال السابق هو أن‬ ‫يعرف الطالب العداد‪.‬‬

‫خطوات مرحلة التحليل والتصميم‬ ‫‪Analysis Design‬‬ ‫والتي من شأنها إثراء عملية التعليم والتعلم‪ ،‬وكيفية توجيههم من‬ ‫خلل البرنامج‪.‬‬

‫خطوات مرحلة التحليل والتصميم‬ ‫‪Analysis Design‬‬ ‫سابعاً‪ :‬تحديد الوسائط التعليمية التي من المفترض تضمينها‬ ‫وذلك بإضافة لقطات فيديو‪ -‬أنواع الحركات المستخدمة –‬ ‫اللوان – الصور الثابتة – الصور المتحركة – الوسائط‬ ‫المتعددة‪.‬‬

‫خطوات مرحلة التحليل والتصميم‬ ‫‪Analysis Design‬‬ ‫ثامناً‪ :‬تحديد اجراءات التشخيص ووسائل العلج‬ ‫أي تشخيص المتعلم من خلل سيره في البرنامج التعليمي‬ ‫ووضع الحلول المناسبة لصعوبات تعلمه‪.‬‬ ‫بمعنى أن تضع أسئلة وفق ما يوجد من محتوى تعليمي‪ ،‬تحدد‬ ‫هذه السئلة اذا كان المتعلم مؤهلً لكمال خطوات البرنامج‪.‬‬

‫خطوات مرحلة التحليل والتصميم‬ ‫‪Analysis Design‬‬ ‫تاسعاً‪ :‬تحديد طرق التقويم المناسبة للبرمجية‬ ‫أي طرق تقويم البرنامج الذي أعددته حتى تقيس مستوى المتعلم‬ ‫مثال‪ :‬إذا أردت أن تعرف مدى فاعلية البرنامج فما هي‬ ‫الخطوات التي ستقوم بها‬

‫خطوات مرحلة التحليل والتصميم‬ ‫‪Analysis Design‬‬ ‫عاشراً‪ :‬وضع خريطة المفاهيم والتي توضح جميع المفاهيم‬ ‫والحقائق والجراءات‬ ‫أي تلخيص المفاهيم والحقائق الواردة من خلل رسم توضيحي‬ ‫‪ Flow chart‬بقدر المكان‪ ،‬حيث أن الرسوم تساعد على‬ ‫ترسيخ المعلومة‬

‫خطوات مرحلة التحليل والتصميم‬ ‫‪Analysis Design‬‬ ‫احدى عشر‪ :‬تحديد نقطة انتهاء البرنامج أو ما يسمى إغلق‬ ‫(‪)closing‬‬ ‫كيف ستنهي البرنامج ؟‬ ‫هل سينتهي بتلخيص لكل البرنامج‪ ،‬أم بإعطاء المتعلم نتيجة‬ ‫تعلمه‪ ،‬أم سينتهي بإحالته إلى برمجية أخرى أو العودة إلى‬ ‫نفس البرمجية من البداية‪.‬‬

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

‫خطوات مرحلة التحليل والتصميم‬ ‫‪Analysis & Design‬‬ ‫والهدف من تقويم الخطوات هو ‪:‬‬ ‫• مدى مناسبة البرنامج للهداف السلوكية لتحقيق الهداف‬ ‫العامة‪.‬‬ ‫• الحكم على مدى ارتباط المحتوى بالهداف الجرائية‬ ‫• الحكم على مدى مناسبة طرق التقويم‪.‬‬ ‫• الحكم على أسلوب صياغة الهداف العامة السلوكية‬ ‫للبرنامج‪.‬‬

‫خطوات مرحلة تصميم السيناريو‬ ‫‪Scenario Designing‬‬ ‫ثانيا‪ :‬مرحلة تصميم السيناريو‬ ‫وفيها يتم تحويل ما تم تصميمه على خطوط عريضة الى اجراءات‬ ‫تفصيلية تشمل‬ ‫تحديد النصوص المكتوبة‬ ‫تحديد الشكال والرسوم والصوات والصور المتحركة واللوان وموقعها‬ ‫على الشاشة‬ ‫تحديد طريقة النتقال من اطار الى اخر‬ ‫تحديد عدد الشاشات وتسلسلها‬ ‫تحديد كم ونوع السئلة بعد كل وحدة دراسية‬ ‫تحديد التغذية الراجعة التي ستقدم للمتعلم سواء عند الجابة الصحيحة او‬ ‫الخاطئة‬

‫خطوات مرحلة تصميم السيناريو‬ ‫‪Scenario Designing‬‬ ‫لمزيد من التفصيل يمكن ان يتضمن السيناريو ما يلي‪:‬‬ ‫• تحديد رقم الطار ‪ -‬الشاشة ‪ : -‬كل شاشة تأخذ رقما بشكل متسلسل ‪،‬‬ ‫مع ادراج التفريعات‬ ‫• المرئيات و المسموعات ‪ :‬يكتب في السيناريو كل مرئي و مسموع ‪،‬‬ ‫كالمؤثرات الصوتية ‪ ،‬الصور او الشكال البيانية ‪.‬‬ ‫• كما يحتوي السيناريو على ‪ ،‬وصف للشاشة و يشمل ما يلي ‪:‬‬ ‫‪.5‬‬ ‫‪.6‬‬ ‫‪.7‬‬ ‫‪.8‬‬

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

‫خطوات مرحلة تصميم السيناريو‬ ‫‪Scenario Designing‬‬ ‫من المكلف بتصميم السيناريو؟‬ ‫• معد السيناريو“كاتب السيناريو“‬ ‫المقصود (بالمعد) هو معلم المادة ‪ ،‬وهو الذي يتمتع بالكفاءة في كتابة و تحديد‬ ‫المحتوى وطرق التصميم بالحاسب‪ ،‬ويستطيع ان يحقق الهداف من خلل‬ ‫تصميمه للسيناريو‪ ،‬مستغل امكانات الحاسب المختلفة‬ ‫• مصمم البرمجية‬ ‫الذي يحول الجهد الورقي إلى برنامج حاسوبي‪ ،‬ول بد ان يتمتع المصمم بموهبة‪،‬‬ ‫إضافة الى معرفة بالبرامج المختلفة وإمكاناتها‬ ‫وتجدر الشارة الى ان عملهما مشترك ل ينفصل عن بعض ويجب ان يستمر التفاعل‬ ‫والتعاون بين معد السيناريو ومصمم البرمجية حتى يظهر العمل بشكل جيد‬

‫خطوات مرحلة تصميم السيناريو‬ ‫‪Scenario Designing‬‬ ‫مهام كاتب السيناريو‬ ‫• تحديد النص العلمي‬ ‫• تحديد الموقع على الشاشة التي يكتب عليها او يوضع صور عليها‬ ‫• تحديد نوع السئلة و الختبارات الموجودة بالبرنامج‬ ‫• تحديد نوع اتغذية الراجعة‬ ‫• تمكين المصمم من اختيار اللوان والمؤثرات الصوتية‬ ‫• تحديد تسلسل ظهور المعلومات والفواصل الزمنية بين دخول المعلومات‬ ‫• تحديد الفترة الزمنية لبقاء المعلومات على الشاشة‬

‫خطوات مرحلة تصميم السيناريو‬ ‫‪Scenario Designing‬‬ ‫أعمال مصمم السيناريو‬ ‫• تصميم الطر والشاشات للبرنامج ‪ -‬و معنى ذلك تصميم الشاشات‬ ‫التي سوف يوضع المحتوى عليها‬ ‫• ضبط التفاعل ‪ -‬تحديد التفاعل ما بين البرنامج و المتعلم من استجابات‬ ‫لفعل المتعلم‬ ‫• تحديد نوع التغذية الراجعة ‪ -‬يحدد المصمم طريقة التغذية الراجعة‬ ‫اما المعد فيحدد وجودها‬ ‫• تحديد نظام التأليف ‪ -‬تحديد الجهزة المطلوبة للنتاج والوسائط‬ ‫المتاحة‬

‫خطوات مرحلة تصميم السيناريو‬ ‫‪Scenario Designing‬‬

‫نماذج لبعض تصميم الشاشة‬

‫خطوات مرحلة تصميم السيناريو‬ ‫‪Scenario Designing‬‬ ‫العنوان الرئيس‬ ‫العنوان الفرعي‬

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

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

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

‫خطوات مرحلة تصميم السيناريو‬ ‫‪Scenario Designing‬‬ ‫رقم السؤال‬

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

‫‪4‬‬

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

‫‪3‬‬

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

‫‪1‬‬

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

‫‪2‬‬

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

‫خطوات مرحلة تصميم السيناريو‬ ‫‪Scenario Designing‬‬ ‫رقم السؤال‬

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

‫خطاء‬

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

‫خطوات مرحلة مرحلة النتاج ”التنفيذ“‬ ‫‪Executing‬‬ ‫ثالثا‪ :‬مرحلة النتاج ”التنفيذ“ وتشمل‬ ‫اختيار البرنامج المناسب للتصميم‬ ‫جمع الوسائط المتاحة‬ ‫تحديد الجهزة المطلوبة‬ ‫انتاج الوسائط المتعددة‬ ‫النتاج الفعلي للبرمجة‬ ‫التجريب المبدئي‬ ‫النتاج النهائي‬