1

التعليمي التصميمواجهات وإعداد

التعلم في التفاعلاإللكتروني

الثاني الفصل

2

1. -التعليمي التصميم مفهوم2 -وأركان التعليمي التصميم نماذج مراحل على التعرف

. التعليمي التصميم3. -التعليمي التصميم أنواع على التعرف4. -التفاعل واجهة مفهوم على التعرف5 -واجهات تصميم وآلية التفاعل واجهة وظائف معرفة

التفاعل .6 -التعلم وبرمجيات التفاعل واجهات لتصميم مبادئ

االلكتروني .7 -التعلم في التفاعل لواجهات التعليمي التصميم مراحل

االلكتروني .8 -اإللكتروني للتعلم التقييم متطلبات E-learningمعرفة

Requirements Assessments.

الفصل أهداف

3

والمواصفات والخصائص الشروط بتحديد تعنى عمليةوعملياته، ومصادره، التعليم، ألحداث الكاملة التعليمية

فعالية في المؤثرة العوامل جميع االعتبار في يضع والذي     في التعليمي التصميم أهمية ،وتتمثل والتعلم التعليم

العملية فاعلية عدم او فاعلية في الحاسم العامل كونه. المتعددة الوسائل نظم باستخدام التعليمية

تتم التي والتحليل الوصف عمليات على يطلق وهوتتناول منطقية عملية ،وهو التعلم متطلبات لدراسةوتنفيذه وتطويره التعليم لتنظيم الالزمة اإلجراءات

للمتعلم . اإلدراكية والخصائص يتفق بما وتقوميه

التعليمي- 1 InstructionalالتصميمDesign: ))

4

النظرية العلوم بين يصل جسر أنه في التعليمي التصميم أهمية تكمنالتطبيقية ) ( والعلوم ، سيأتي كما والمعرفية السلوكية العلوم

العصر) ( هذا وفي ، التعلم عملية في والتقنية التكنولوجيا استخدامالتربوية النظريات بين تتسع الفجوة وباتت التقنية فيه قفزت الذيمن التعليم لتحويل التعليم بتصميم للعناية الحاجة تأتي والتعليمية

الشكل إلى ، فقط والحفظ التذكر على القائم النظري اإلطارتطبيق في الفاعلية أنفسهم من المتعلمون فيه يتلمس التي التطبيقي

حياتهم . في تعلموه ماالتعليم " " تكنولوجيا بـ يستعينون التعليم instructionalومصمموا

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

التعليمي . الموقف وجودة ، المهارات اكتساب ، المعرفة نقل

: التعليمي التصميم أهمية

5

نموذج على إنشائها في تعتمد التعليمي التصميم نماذج من الغالبية ، ADDIEإنالمراحل تشكل التي المصطلحات من األولى الحروف إلى يعزى االختصار هذا

وهي : النموذج منها يتألف التي الخمس، ( : Analyzeالتحليل. ) 1 والمهام العمل تحليل مثل النظام احتياجات تحليل وهو

والميزانية والمواد ، والوقت والمكان ، المجتمع واحتياجات ، الطلبة وأهدافالطلبة . وقدرات

عالقة( : Designالتصميم. ) 2 لها كانت التدريبية سواء المشكلة تحديد ويتضمنواألساليب ، واالستراتيجيات ، األهداف تحديد ثم ومن ، والتربية بالتعليم أو بالعمل

األهداف . لتحقيق الضرورية المختلفة التعليميةالمواد(: Developالتطوير. )3 وإعداد ، المتوافرة للمصادر الخطط وضع ويتضمن

التعليمية .واألدوات( : Implementالتطبيق. ) 4 المواد وتوزيع وتنفيذ تسليم ويتضمن

التعليمية . ولكفاية( : Evaluateالتقويم. ) 5 ، التعليمية للمواد التكويني التقويم ويتضمن

) ( ، للمجتمع المقرر هذا مثل فائدة مدى تقويم وكذلك ، ما مقرر بمساق التنظيمالختامي . أو النهائي التقويم إجراء ثم ومن

التعليمي- )2 التصميم Instructionalنماذجdesign models: )

6

كلها وهي التعليمي التصميم نماذج من العديد ظهرت لقد ، السابقة الخمس المراحل إلى مستندة متقاربة

التوسع على ما نموذج اعتماد في يكون بينها واالختالفو : ، بروجرز و جانييه نماذج مثل أخرى دون مرحلة في

، روبرتس ، ليشن ، كمب ، ايلي و جيرالك ، كاري و ديك. إلخ .. توق

ذكر مما كل في التعليمي التصميم من الحديثة والنماذجمراحل مع مترابطة نشطة راجعة تغذية على تقوم

Rapid prototypingالتصميم

للتصميم نماذج على أمثلةالتعليمي:

7

على يقوم المحتوى تصميم في التعليمي التصميم ونماذج نظريات استخدام إنمتتابعين : ركنين

التعليمي : المحتوى تحليل األولالتعليمي : المحتوى تنظيم الثاني

المطلوبة الفرعية المهمات تحديد على يعمل أسلوب فهو المحتوى تحليل أمامراحل . : عدة ذلك ويشمل التعليمي الهدف لتحقيق المتعلم من

1 ( أركان- من عادة المحتوى يتكون التعليمي المحتوى مكونات إلى التعرفالحقائق : ( ، المبادئ ، المفاهيم ، اإلجراءات رئيسية أربعة

فيها- 2 التحكم ليمكن األربعة األركان هذه تنتظم التي العالقات إلى التعرفالمحتوى- 3 تحليل طريقة إلى التعرفوموضوعاته- 4 المحتوى تحليل في الفعلي االنخراط

من التعليمية المادة واضع يتعرض عملية هي التعليمي المحتوى تحليل أن أيوقدرته ، العقلية المتعلم الفرد وخصائص ، ناحية من محتوياتها إلى خاللها

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

الفرد وخصائص تتفق بطريقة تنظيمها ثم ومعلومات معرفة من المحتوىالمتعلم .

التعليمي- : 3 المحتوى تصميم

8

: التعليمي المحتوى تنظيم الثانيالتالية : المراحل ويشمل

الخاص- إلى العام من يبدأ الذي التسلسل أالصعب- إلى السهل من يبدأ الذي التسلسل ب

المألوف- غير إلى المألوف من يبدأ الذي التسلسل جللطالب المعرفية الخلفية على يعتمد وهذا

أهمية- األقل إلى أهمية األكثر من يبدأ الذي التسلسل دالمتعلم المفهوم ارتباط درجة باألهمية ويقصد ،

ارتباطه ودرجة ، ناحية من المنشود التعليمي بالهدفأخرى . ناحية من وبيئته المتعلم بواقع

التعليمي- : 3 المحتوى تصميم

9

1 :  -من عمله يجب ما تحديد إلى تهدف توجيهية نماذجمحددة تعليمية مخرجات إلى للتوصل توجيهية إجراءات

. معينة تعليمية شروط ظل فى2 :  -تعليمية مخرجات وصف إلى تهدف وصفية نماذج

نماذج مثل محددة تعليمية شروط توفر حالة فى حقيقية. التعلم نظريات

3 :  -عملية مهمة أداء شرح إلى تهدف إجرائية نماذجالعمليات من متفاعلة سلسلة على وتشتمل معينة،

تندرج التعليمي التطوير نماذج فكل ولذلك واإلجراءات،. النوع هذا تحت

التعليمى- :4 التصميم أنواع

10

مباشرة، معه ويتعامل الطالب يدركه الذي الجزء هي . وتتيح والنظام الطالب بين والترابط التحاور نافذة وتعتبر

التعليمي للنظام األخرى النماذج مع التفاعل للطالب.) الطالب ) نموذج التدريس، نموذج المجال، نموذج الذكي

وأنماط والوسائل األساليب كل التفاعل واجهة وتستخدممثل الحديثة التكنولوجيا توفرها التى التفاعلية الحوار

والنصوص، واألصوات، واألشكال، الرسومية، العروض. وغيرها الطبيعية واللغة والقوائم،

الذكي التعليمي والنظام الطالب بين التفاعل يكون بحيثاالتجاه . ثنائي

والمتعلم- 5 المعلم بين التفاعل واجهةالمستخدم/ واجهة تصميم

Interface / UI Design: ))

11

-جهة من الذكي التعليمي والنظام الطالب بين الربط أجهة من للبرنامج المختلفة والمكونات األجزاء وبين

أخرى. -التحاور إمكانية الذكي التعليمي النظام إعطاء ب

. الطالب وبين بينه االتجاه الثنائي المختلط -خالل من التعلم عملية فى الطالب وتضمين دمج ج

. الجذابة العرض ووسائل أساليب -مع يتناسب بما التعليمية المادة عرض وتنوع مرونة د

باللغة معه والتحاور والتفاعل ومتطلباته، الطالب فردية. يفهمها التي الطبيعية

- والمشكالت لألسئلة متنوعة وأنماط أساليب تقديم هـ. العملي الواقع في عليها اإلجابة وطرق

في التفاعل واجهة وظائفالتعليمي : النظام

12

بالنظام الخاصة التفاعل واجهة شاشات تقسيم تمرئيسية شاشات ثمانية إلى المقترح الذكي التعليمي

سيتضح كما منها كل طبيعة حسب بها اإلطارات تتنوع . الشاشات وهذه للبرنامج التنفيذي السيناريو فى

: هي الرئيسية1. بالبرنامج- التعريف شاشة- 2 شاشة

. الدخول تسجيل3. الطالب- سمات بيانات القائمة- 4شاشة شاشة

الرئيسية.5. الشــــرح- شاشة- 6 شاشة

االستفســارات.7. التدريبـــات- تقدم- 8 شاشة تقييم شاشة

الطالـب.

: التفاعل واجهة تصميم آلية

13

: عرض: إلى الشاشة هذه تهدف بالبرنامج التعريف شاشة أوال. بالبرنامج بالتعريف خاصة اإلطارات مجموعة

: للبرنامج: الشاشة هذه تسمح الدخول تسجيل شاشة �ا ثانيبداية فى وتظهر البرنامج، المستخدم الطالب على بالتعرف

. التعريف شاشة بعد البرنامج : خالل: من للطالب يمكن الطالب سمات بيانات شاشة �ا ثالث

أجزاء ثالثة إلى وتقسم بياناته، وتعديل إدخال الشاشة هذه.) صفية ) بيانات شخصية، بيانات التسجيل، بيانات هى للبيانات

: فى: الشاشة هذه تستخدم الرئيسية القائمة شاشة رابع�ا ( ، التدريبات االستفسارات، الشرح، شاشات إلى التفرع

. ) البرنامج من تمام�ا للخروج أو ، بالبرنامج التعريف الطالب،

التفاعل : واجهة شاشات وظائف

14

  : المقترح: المحتوى بعرض خاصة الشـرح شاشة ا خامس�

." ويمكن " المرئي البيزيك لغة فى العددية الصيغ لوحدةاالستفسارات، ) شاشات إلى االنتقال خاللها من

.) الطالب التدريبات، : الشاشة: هذه تسمح االستفسارات شاشة ا سادس�

البرنامج ويقوم المحتوى ضمن استفسار بإدخال للطالب. عليه باإلجابة

: من: مجموعة عرض إلى تهدف التدريبـات شاشة سابع�ا. عليها لإلجابة للطالب التدريبات

: الطالب: بيانات تعرض الطالـب تقدم تقييم شاشة �ا ثامنداخل التعليمي تقدمه لمستوى وتقييم تسجيلها، تم التي

البرنامج.

التفاعل : واجهة شاشات وظائف

15

1   -نحو المتعلم إنتباة جذب إلى يؤدى بما المحتوى تنظيمأثناء التعليمية األنشطة كافة ممارسة من وتمكينه العرض

العرض . مع تفاعله2   -خالل والتنقل المحتوى واختيار لتجريب الفرصة إتاحة

الروابط ) على تعتمد متنوعة بطرق بين(  Linksالبرمجيةوالمعلومات . الرئيسية األفكار

3  -األساسية األفكار تحديد بمعنى وتعريفة المحتوى تحديدالمحتوى فى والمهمة

4 " اإلخراج-   " لوحات المتعلم أمام تظهر شاشة كل وصفالبرمجية . مع التفاعل أيقونات وتحديد

5  -في لالسترشاد البرمجية خالل من التعلم مسار لوحة تصميمالتعلم . عملية

التفاعل واجهات لتصميم مبادئ: االلكتروني التعلم وبرمجيات

16

التعلم لبرمجيات التعليمي التصميم في يراعي كماالقراءة وسهولة ،الوضوح العرض في اإليجاز االلكتروني

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

والصور للرسوم الجيد ،التوظيف اإلجراءات وأزره ، الشاشة محتويات عناصر تنظيم ، والمؤثرات واأللوان

للبرمجيات . شاملة مفاهيم خريطة تقديم

وبرمجيات التفاعل واجهات لتصميم مبادئ: االلكتروني التعلم

17

: . األهداف من كل تحليل فيها ويتم التحليل مرحلة أوحاجاتهم المتعلمين الطلب وخصائص والمحتوى

واإلمكانات االحتياجات وتقدير . التعليمية : . المحتوى تصميم على وتشتمل التصميم مرحلة ب

. والتعلم التعليم وإستراتيجيات التتابع وتحديد والشاشات : . البرمجة عمليات على وتشتمل التطوير مرحلة ج

. الراجعة والتغذية الوسائط وتوظيف والتنفيذ

في التفاعل لواجهات التعليمي التصميممنها : مراحل بعدة يمر االلكتروني التعلم

18

1 -وتسلسل المحتوى وتتابع بتنظيم خاصة إستراتيجياتالمحتوى . داخل التعليمية األحداث

2 -بين والتفاعل التعليمي باالتصال خاصة إستراتيجياتالمتعددة . الوسائط خالل من والمحتوى المتعلم

3 -ومساعدة التعلم عملية بإدارة خاصة إستراتيجياتاألنشطة وممارسة التصميم مع التفاعل على المتعلم

بالبرمجية . الواردة التعليمية

في اإلعتبار بعين أخذها يجب التي أإلستراتيجياتاإللكتروني : التعلم لبرمجيات التعليمي التصميم

19

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

في التفاعل لواجهات التعليمي التصميممنها : مراحل بعدة يمر االلكتروني التعلم

20

3: هي- : فرعية عمليات ثالث وتتضمن السيناريو إعداد مرحلة. .المبدئي السيناريو وتصميم إعداد أ. .التفاعل وجهات تصميم ب. .المتعددة الوسائط توظيف معايير تحديد ج4: : هي- فرعية عمليات ثالثة وتتضمن التنفيذ مرحلة. .للبرمجية المحدد السيناريو تنفيذ أ. .اإلنتاج متطلبات تحديد ب . البرمجية. داخل التفاعالت ضبط جثالثة- : 5 وتتضمن واالستخدام الضبط :مرحلة هي  فرعية عمليات. .للبرمجية المبدئي الضبط أ . للبرمجية. النهائي الضبط ب. .البرمجية ومتابعة واستخدام نشر ج

في التفاعل لواجهات التعليمي التصميممنها : مراحل بعدة يمر االلكتروني التعلم

21

. ومكانها الدراسة أوقات جدولة ومرونة مالءمة المتباعدين المجتمعات أفراد من كبير عدد إلى الوصول إمكانية

.� جغرافيا على الفوري والحصول البرامج تطوير عمليات ومرونة سرعة

. عليها المدخلة التعديالت أحدث الوقت وتوفير الطلبة على المترتبة المادية التكاليف وتدني قلة

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

المؤسسات الدوافع إلقبال الرئيسيةاإللكتروني : التعلم على واألفراد التعليمية