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

‫أول‪ :‬مرحلة التحليل والتصميم‬

‫ثانيا‪ :‬مرحلة تصميم السيناريو‬
‫ثالثا‪:‬مرحلة النتاج ”التنفيذ“‬
 ‫خطوات مرحلة التحليل والتصميم‬
‫‪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‬‬
‫ثالثا‪ :‬مرحلة النتاج ”التنفيذ“ وتشمل‬
‫اختيار البرنامج المناسب للتصميم‬
‫جمع الوسائط المتاحة‬
‫تحديد الجهزة المطلوبة‬
‫انتاج الوسائط المتعددة‬
‫النتاج الفعلي للبرمجة‬
‫التجريب المبدئي‬
‫النتاج النهائي‬