نموذج شلتوت المطور لتصميم الانفوجرافيك

‫ﻧﻤﻮذج اﻹﻧﻔﻮﺟﺮاﻓﻴﻚ اﻟﺘﻌﻠﻴﻤﻲ اﻟﻤﻄ ﱠﻮر‬ ‫)‪(٢٠١٩‬‬ ‫اﻋﺪاد‬ ‫د‪ .‬ﻣﺤﻤﺪ ﺷﻮﻗﻲ ﺷﻠﺘﻮت‬ ‫أﺳﺘﺎذ ﺗﻜﻨﻮﻟﻮﺟﻴﺎ اﻟﺘﻌﻠﻴﻢ اﻟﻤﺸﺎرك‬ ‫اﺳﺘﺸﺎري اﻟﺘﻌﻠﻢ اﻻﻟﻜﺘﺮوﻧﻲ واﻟﻔﻨﻮن اﻟﺒﺼﺮﻳﺔ‬ ‫اﻟﻤﺆﺗﻤﺮ اﻟﻌﻠﻤﻲ اﻟﺴﺎﺑﻊ ‪ -‬اﻟﺪوﻟﻲ اﻟﺨﺎﻣﺲ ﻟﻠﺠﻤﻌﻴﺔ اﻟﻤﺼﺮﻳﺔ ﻟﻠﻜﻤﺒﻴﻮﺗﺮ اﻟﺘﻌﻠﻴﻤﻲ‬ ‫‪ ١٩- ١٧‬ﻳﻮﻟﻴﻮ ‪ - ٢٠١٩‬ﺑﻮرﺳﻌﻴﺪ ‪ -‬ﻣﺼﺮ‬ ‫‪TM‬‬ ‫‪drShaltout‬‬ ‫‪Dr.M.Shaltout‬‬ ‫‪shaltoutm‬‬

‫التوثيق لمن يستخدم النموذج والتعريفات الاجرائية ‪:‬‬ ‫شــلتوت‪ ،‬محمــد‪ . )2019( .‬نمــوذج الانفوجرافيــك التعليمــي المطــور‪،‬‬ ‫المؤتمـر العلمـي الدولـي الخامـس للجمعيـة المصريـة للكمبوتيـر التعليمـي ‪،‬‬ ‫بورســعيد‪ ،‬مصــر‪.‬‬

‫مقدمة‬ ‫ُيعتبـر الإنفوجرافيـك مـن الوسـائل الجديـدة التـي انتشـرت في شـتى المجـالات‪ ،‬بمـا فيهـا‬ ‫ ‬ ‫التعليـم‪ ،‬ولكـن لعـدم وجـود مـا ُيم ِّهـ ُد الطريـ َق أمـام العامليـن في التعليـم لتوفيـر نمـوذج يكـون‬ ‫نموذج الإنفوجرافيك التعليمي المط َّور (‪)2019‬‬ ‫طري ًقـا لتصميـم إنفوجرافيـك جيـد ومناسـب تعليمًّيـا‪ ،‬أصبـح مـا ُيقـ َّد ُم مـن إنفوجرافيـك يعتمـ ُد‬ ‫أكثـَر على الجانـب الفنـي‪ ،‬ولـم يـرا ِع الجوانـب التعليميـة المختلفـة‪ ،‬لذلـك أُقـ ِّدم هـذا النمـوذ َج‬ ‫المطــور لنموذجــي الســابق الــذي تــم تقدي ُمــه كأول نمــوذج مقتــرح للإنفوجرافيــك التعليمــي‬ ‫التفاعلــي في المنتــدى العالمــي للتعليــم تحــت عنــوان‪« :‬عندمــا تنبثــق الأفــكار التعليميــة‬ ‫الخلاقـة» بدبـي في الفتـرة مـن‪ 2015/2/ 24 :‬إلـى ‪2015/2/26‬م‪ ،‬وقـد تـم نشـُره مـرًة أخـرى بمجلة‬ ‫«التربيـة» الصـادرة مـن مكتـب التربيـة العربـي لـدول الخليـج بالعـدد الأول‪.‬‬ ‫النمـوذج الجديـد هـو عبـارة عـن تصـور لوصـف الإجـراءات والعمليـات الخاصـة بتصميـم‬ ‫ ‬ ‫الإنفوجرافيـك التعليمـي الشـامل بأنواعـه‪( :‬الثابـت‪ ،‬والمتحـرك‪ ،‬والتفاعلي‪ ،‬والمختلـط)‪ ،‬والعلاقا ِت‬ ‫التفاعليــة المتبادلــة بينهــا‪ ،‬وتمثيِلهــا بشــك ٍل بصــري صحيــح‪ ،‬وينقســم إلــى خمــس مراحــل‪،‬‬ ‫وفي كل مرحلــة منهــم عــد ٌد مــن النقــاط التفصيليــة‪ ،‬تم ِّهــد الطريــ َق للقائميــن على تصميــم‬ ‫الإنفوجرافيـك التعليمـي للقيـام بهـذه الإجـراءات لتصميـم وإنتـاج إنفوجرافيـك تعليمـي صحيـح‬ ‫ومفيـد‪ ،‬ومتناسـب مـع الفئـة العمريـة المسـته َدفة‪ .‬وقـد تـم تقديـم مصطلحـات إجرائيـة شـاملة‬ ‫لأنــواع الإنفوجرافيــك كبدايــة لتكــون مفيــدة لــكل الباحثيــن في فهــم الإنفوجرافيــك‪ ،‬وكذلــك‬ ‫للاســتفادة منهــا في أبحاثهــم‪.‬‬ ‫مقدمة ‪1‬‬

‫التعريفات الإجرائية‬ ‫لأنواع الإنفوجرافيك‬

‫نموذج الإنفوجرافيك التعليمي المط َّور (‪)2019‬‬ ‫المفهوم‬ ‫العام للإنفوجرافيك‬ ‫هـو مصطلـ ٌح ُيطلـق على فـ ِّن تحويـل البيانـات والمعلومـات والمفاهيـم المع َّقـدة‬ ‫إلـى عناصـر بصريـة شـيقة وممتعـة‪ ،‬يسـه ُل فه ُمهـا واسـتيعاُبها بوضـوح‪ ،‬وتكـون‬ ‫مبنيـة على أهـداف واضحـة‪ ،‬وهـذا الأسـلوب يتمَّيـز بعـرض المعلومـات المع َّقـدة‬ ‫والصعبـة بطريقـ ٍة سلسـة وسـهلة وواضحـة‪.‬‬ ‫الإنفوجرافيك الثابت‬ ‫( ‪) Static Infographic‬‬ ‫هــي عناصــر بصريــة ثابتــة مشــ ِّوقة يســهل فهمهــا‪ ،‬وتعبــر عــن موضــو ٍع مــا في‬ ‫شــكل مطبــوع أو إلكترونــي‪ ،‬وُتنشــر على صفحــات الإنترنــت‪.‬‬ ‫التعريفات الإجرائية لأنواع الإنفوجرافيك ‪3‬‬

‫الإنفوجرافيك المتحرك‬ ‫نموذج الإنفوجرافيك التعليمي المطوَّ ر (‪)2019‬‬ ‫(‪:)Motion Infographic‬‬ ‫هـي عبـارة عـن عناصـر بصريـة متحركة مـن‪( :‬نصـوص ‪ -‬رموز ‪...‬إلـخ)‪ ،‬تتحـرك بحركات‬ ‫معِّبــرة‪ ،‬ومدمــ ٌج معهــا صــو ُت (تعليــق صوتــي ‪ -‬موســيقى تصويريــة ‪ -‬مؤثــرات‬ ‫صوتيـة)؛ بهـدف توضيـح فكـرٍة مـا بطريقـ ٍة شـيقة ممتعـة‪ ،‬عـن طريـق تنفيـذ عد ٍد‬ ‫مـن المراحـل المختلفـة‪( :‬الفكـرة وكتابـة السـكريبت ‪ -‬تسـجيل الصوتيـات ‪ -‬رسـم‬ ‫المشـاهد‪ -‬التحريـك والإخـراج النهائـي ‪ -‬النشـر)‪.‬‬ ‫الإنفوجرافيك التفاعلي‬ ‫(‪:)Interactive Infographic‬‬ ‫هـي عبـارة عـن عناصـر بصريـة تتـ ُّم برمجُتهـا بإضافـة بعـض أدوات التحكـم والأكواد‬ ‫لتخلـق نو ًعـا مـن التفاعـل معهـا بتحكـم المسـتخدم بهـا‪ ،‬ويتطَّلـ ُب تصميـ ُم هـذا‬ ‫النــوع أن يكــون بهــا تصميــ ٌم للعناصــر البصريــة‪ ،‬ثــم برمجــة بعــض أجزائهــا التــي‬ ‫سـوف يكـون التحكـ ُم والتفاعـل مـن خلالهـا‪.‬‬ ‫التعريفات الإجرائية لأنواع الإنفوجرافيك‪4‬‬

‫نموذج الإنفوجرافيك التعليمي المط َّور (‪)2019‬‬ ‫الإنفوجرافيك المختلط‬ ‫‪Mixed Infographic‬‬ ‫هــو الدمــج بيــن ك ٍّل مــن الإنفوجرافيــك المتحــرك والتصويــر العــادي؛ بحيــث ُيراعــى عنــد‬ ‫إعـداد هـذا النـوع أن يتـ َّم كتابـ ُة سـيناريو كامـل يتنـاول طريقـة التصويـر وشـكله (لوكيشـن‬ ‫التصويـر) (خلفيـة خضـراء ‪ – Chroma key‬ديكـور عـادي)‪ ،‬كذلـك العناصـر البصريـة المتحركـة‬ ‫(الإنفوجرافيــك المتحــرك)‪ ،‬وكيفيــة التفاعــل معهــا‪ ،‬ومــكان ظهورهــا في الفيديــو النهائــي‬ ‫المقــ َّدم للمشــاهد‪ ،‬وتتطلــ ُب فري ًقــا كامــ ًا مبد ًعــا مكوًنــا مــن‪( :‬كاتــب ســيناريو ‪ -‬ممثليــن ‪-‬‬ ‫مصــور ‪ -‬مخــرج ‪ -‬المونتيــر ‪ -‬مصمــم الجرافيــك)‪.‬‬ ‫التعريفات الإجرائية لأنواع الإنفوجرافيك ‪5‬‬

‫نموذج الانفوجرافيك‬ ‫التعليمي المطور‬ ‫« تــ َّم تقســي ُم هــذا النمــوذج إلــى خمــس مراحــل محاكًيــا لنمــاذج التصميــم التعليمــي‪،‬‬ ‫وبــك ِّل مرحلــ ٍة عــد ٌد مــن النقــا ِط التفصيليــة لــكل مرحلــة منهــم‪ ،‬وتتشــارك جميــع أنــواع‬ ‫الإنفوجرافيـك في جميـ ِع المراحـل الخاصـة بالنمـوذج مـا عـدا مرحلـة الإنتـاج؛ حيـث تختلـف‬ ‫في بعــض النقــاط لمراعــاة خصوصيــة ك ِّل نــو ٍع منهــم »‬

‫مراحل النموذج‬ ‫نموذج الإنفوجرافيك التعليمي المط َّور (‪)2019‬‬ ‫المرحلة الثانية‬ ‫المرحلة الأولي‬ ‫التصميم‬ ‫الدراسة والتحليل‬ ‫المرحلة الرابعة‬ ‫المرحلة الثالثة‬ ‫التقييم‬ ‫الإنتاج‬ ‫المرحلة الخامسة‬ ‫النشر والاستخدام‬ ‫‪7‬‬

‫المرحلة الأولي‪ :‬الدراسة والتحليل‬ ‫نموذج الإنفوجرافيك التعليمي المطوَّ ر (‪)2019‬‬ ‫تحليل‬ ‫تحليل‬ ‫تحليل‬ ‫تحليل وتحديد‬ ‫خصائص‬ ‫المحتوى‬ ‫الأهداف‬ ‫الاحتياجات‬ ‫المتعلمين‬ ‫التعليمي‬ ‫التعليمية‬ ‫المرحلة الأولي ‪ :‬الدراسة والتحليل‬ ‫‪8‬‬

‫تحليل وتحديد الاحتياجات التعليمية ‪:‬‬ ‫نبـدأ بتحليـل الاحتياجـات التعليميـة المـراد تغطيُتهـا‪ ،‬وعنـد بدايـة العمـل في عمليـة تحليل‬ ‫ ‬ ‫الاحتياجـات نجـ ُد أننـا أمـام تحديـد هـذه الاحتياجـات المطلوبـة عـن طريـق وصـف الوضـع الراهـن‪ ،‬ثـم‬ ‫وصـف الوضـع المرغـوب‪ ،‬والفـرق بيـن الوضـع الراهـن والوضـع المرغـوب هـو مـا نسـميه‪« :‬الاحتيـاج»‪.‬‬ ‫مثال‪:‬‬ ‫نموذج الإنفوجرافيك التعليمي المط َّور (‪)2019‬‬ ‫»»الوضع الراهن‪ :‬لا يحبذ معظ ُم القائمين على التعليم استخدا َم الإنفوجرافيك في التعليم‪.‬‬ ‫ ‬ ‫»»الوضع المرغوب‪ :‬يحبذ معظ ُم القائمين على التعليم استخدا َم الإنفوجرافيك في التعليم‪.‬‬ ‫»»الاحتياج‪ :‬تغيير اتجاه القائمين على التعليم نحو استخدا ِم الإنفوجرافيك في التعليم‪.‬‬ ‫وُيمكـن إجـراء عمليـة تحديـد الاحتيـاج على مسـتويات مختلفـة؛ كمسـتوى الدولـة‪ ،‬أو الجامعة‪،‬‬ ‫أو المدرســة‪ ،‬أو المقــرر‪ ،‬أو الوحــدة مــن المقــرر‪.‬‬ ‫تحليل الأهداف‪:‬‬ ‫هـذه المرحلـة ُتعتبـر مـن أهـ ِّم المراحـل في النمـوذج‪ ،‬والتي تسـاعد على تصميـم إنفوجرافيك‬ ‫ ‬ ‫تعليمـي ناجـح قائـم على أهـداف تعليميـة واضحـة‪ ،‬وعـادة ُتصـاغ الأهـداف التعليميـة على هيئـة‬ ‫أهـداف سـلوكية‪ ،‬لنتمكـ َن مـن قياسـها عـن طريـق التعـرف على الحصيلـة التعليميـة وتغيير السـلوك‬ ‫مـن الإنفوجرافيـك التعليمـي المقـدم للطـاب‪ .‬وقـد وضحـت العديـد مـن المراجـع والكتـب كيفيـة‬ ‫صياغــة الأهــداف الســلوكية‪ ،‬ولذلــك ســوف أقدمهــا في شــك ٍل مختصــر حتــى يســتفي َد َمــن يطلــ ُع‬ ‫على النمـوذج عنـد صياغـة أهدافـه‪ ،‬ولكـن قبـل صياغـة الأهـداف السـلوكية يجـب معرفـة العناصـر‬ ‫الآتيـة والتـي حددهـا (ميجـر ‪1968 -‬م)‪:‬‬ ‫المرحلة الأولي ‪ :‬الدراسة والتحليل ‪9‬‬

‫أولاً‪ :‬تحديد نوع السلوك المرغوب‪.‬‬ ‫ثانًيا‪ :‬تحديد مستوى الأداء المقبول‪.‬‬ ‫ثالًثا‪ :‬الظروف التي يت ُّم فيها التعليم‪.‬‬ ‫وبعــد أن تعرفنــا على العناصــر الســابقة نأتــي إلــى توضيــح تصنيــف الأهــداف التعليميــة‬ ‫ ‬ ‫‪ ،Cognitive Educational‬والتــي تصنــ ُف في ثلاثــة مجــالات‪:‬‬ ‫نموذج الإنفوجرافيك التعليمي المطوَّ ر (‪)2019‬‬ ‫مجـال الأهـداف المعرفيـة‪ :‬وهـي تلـك المجموعـة مـن الأهـداف التـي تتعَّلـ ُق بالقـدرات العقليـة؛‬ ‫مثـل التذكـر وتطويـر القـدرات الذهنيـة‪.‬‬ ‫مجــال الأهــداف الحركيــة‪ :‬وتتعَّلــ ُق بالقــدرات العضليــة؛ مثــل تشــغيل الأجهــزة‪ ،‬وأداء بعــض‬ ‫الحــركات الرياضيــة‪.‬‬ ‫مجـال الأهـداف العاطفيـة‪ :‬وتتعَّلـ ُق بالميـول والاتجاهـات؛ مثـل تنميـة الاتجاهـات السـليمة نحـو‬ ‫اسـتخدام الوسـائل التعليميـة‪ ،‬وحـب العمـل‪.‬‬ ‫ولـك ِّل مجـا ٍل مـن تلـك المجـالات الثلاثـة مسـتويات متعـددة‪ ،‬وفهـم تلـك المسـتويات ُيسـاعد‬ ‫ ‬ ‫على الاهتمـام بمسـتويات التعليـم المختلفـة‪ .‬ومـن الملاحـظ أ َّن الاهتمـام في مدارسـنا غالًبـا ما يكون‬ ‫مركـًزا على التعلـم المعـرفي‪ ،‬وبالـذات في مسـتوياته الدنيـا؛ مثـل التذكـر واسـترجاع المعلومـات‪ ،‬أكثر‬ ‫مـن المسـتويات العليـا في الأهـداف المعرفيـة‪ ،‬كمـا نلاحـظ أ َّن الاهتمـام أي ًضـا منصـ ٌّب على مجـال‬ ‫الأهـداف المعرفيـة أكثـر مـن مجـالات التعلـم العاطفـي والحركـي‪ ،‬والتـي لا تقـ ُّل أهميـ ًة عنهـا‪.‬‬ ‫المرحلة الأولي ‪ :‬الدراسة والتحليل‬ ‫‪10‬‬

‫وإذا اســتعرضنا ســري ًعا ك َّل مجــال مــن المجــالات الثلاثــة لكــي يكــون لنــا دليــ ًا في إعــداد‬ ‫ ‬ ‫الأهــداف الخاصــة بالإنفوجرافيــك نبــدأ بالآتــي‪:‬‬ ‫أولاً ‪( :‬مجــال الأهــداف المعرفيــة) تصنيـف بلـوم ‪1965‬م للأهـداف المعرفيـة‪ ،‬والتـي تنـدرج مـن‬ ‫نموذج الإنفوجرافيك التعليمي المط َّور (‪)2019‬‬ ‫السـهولة إلـى الأكثـر تعقيـ ًدا‪ ،‬وتشـمل‪:‬‬ ‫‪ .1‬المعلوما ت‪ .‬‬ ‫‪ .2‬الف هم‪ .‬‬ ‫‪ . 3‬التطبيق‪ .‬‬ ‫‪ . 4‬التحليل‪ .‬‬ ‫‪ .5‬التركيب‪ .‬‬ ‫‪ .6‬التقوي م‪ .‬‬ ‫ثانًيا (مجال الأهداف الحركية) تصنيف (كيبلر ‪1970‬م)؛ حيث صَّنف الأهداف الحركية إلى‪:‬‬ ‫‪ .1‬الحركة الجسدية الشاملة‪.‬‬ ‫‪ .2‬التناسق الحركي‪.‬‬ ‫‪ . 3‬الاتصال غير اللفظي‪.‬‬ ‫‪ .4‬السلوك اللفظي‪.‬‬ ‫وتتميز هذه الأهداف بسهولة ملاحظتها ومن َث َّم قياسها‪.‬‬ ‫ثالًثا (مجال الأهداف العاطفية) تصنيف (كراثوول ‪1964‬م) للأهداف العاطفية‪ ،‬وتشمل‪:‬‬ ‫ •الاستقبال‪ .‬‬ ‫ •الاستجابة‪ .‬‬ ‫ •التقرير أو التقييم‪ .‬‬ ‫ •التنظ يم‪ .‬‬ ‫ •الوصف بإعطاء قيمة‪.‬‬ ‫المرحلة الأولي ‪ :‬الدراسة والتحليل ‪11‬‬

‫وتتميز الأهداف العاطفية بصعوبة كتابتها وقياسها؛ حيث إ َّن نتائج السلوك لا تظهر إلا بعد‬ ‫مدة طويلة‪.‬‬ ‫وبعـد اسـتعراض تفاصيـل كل مجـال مـن مجـالات الأهـداف الثلاثـة‪ ،‬نأتـي إلـى كيفيـة كتابـة‬ ‫ ‬ ‫الأهـداف السـلوكية للإنفوجرافيـك؛ حيـث حـ َّدد (كمـب ‪1977‬م) الخطـوات الآتيـة لصياغـة الأهـداف‪:‬‬ ‫أولاً‪ :‬نبـدأ بفعـل العمـل‪ ،‬ويصـف سـلو ًكا محـد ًدا يمكـن مشـاهدته وقياسـه‪ ،‬يسـمى‪ :‬يقـارن‪ ،‬يرتـب‪،‬‬ ‫يبيـن‪ ،‬يوضـح‪.‬‬ ‫نموذج الإنفوجرافيك التعليمي المطوَّ ر (‪)2019‬‬ ‫ثانًيا‪ :‬نتبع فعل العمل بمضمون يصف الموضوع؛ مثل‪ :‬س ِّم أنواع الإنفوجرافيك المختلفة‪.‬‬ ‫ثالًثــا‪ :‬نضــع المســتوى الأدائــي المقبــول كحــد أدنــى مــن الإنجــاز مثــل‪ ٪85 :‬أو ‪ ،٪95‬إذن الهــدف‬ ‫الســلوكي يكــون هنــا مثــ ًا‪ :‬ســ ِّم أنــواع الإنفوجرافيــك المختلفــة بدقــة ‪.٪95‬‬ ‫راب ًعـا‪ :‬مـن الأفضـل وجـود عبـارة تصـف الشـروط التـي يتـم خلالهـا القيـام بالسـلوك المطلـوب؛ مثـل‪:‬‬ ‫أنـواع الإنفوجرافيـك المختلفـة بدقـة ‪ ٪95‬دون الاسـتعانة بأيـة مصـادر‪.‬‬ ‫وإذا قمنــا بتحليــ ٍل ســريع للعمليــة التعليميــة نج ُدهــا تبــدأ بهــدف معيــن وتنتهــي بهــدف‬ ‫ ‬ ‫معيـن‪ ،‬ولتوضيـح ذلـك أكثـر فإننـا نبـدأ بهـدف أو أهـداف تعليميـة عامـة‪ ،‬وهـذا الهـد ُف التعليمـي‬ ‫يعتمـ ُد على واحـ ٍد أو أكثـَر مـن الأهـداف النهائيـة‪ ،‬والتـي بدورهـا تعتمـد على مجموعـ ٍة مـن الأهـداف‬ ‫التمكينيـة (الفرعيـة)‪ ،‬وهـذا مـا ُيعبـر عنـه بــ‪ :‬الأهـداف تـؤدي إلـى الأهـداف‪.‬‬ ‫ومـن أجـل أن نتمكـ َن مـن وضـع أهـداف متسلسـلة َو ْفـق قواعـد تربويـة‪ ،‬يمكننـا الرجـوع إلـى‬ ‫ ‬ ‫تصنيـف (جانييـه ‪ )1970‬لأنـواع التعلـم؛ حيـث وضعهـا في ثمانيـة أقسـام‪ ،‬هـي مـن الأسـهل إلـى‬ ‫الأصعــب كالآتــي‪:‬‬ ‫المرحلة الأولي ‪ :‬الدراسة والتحليل‬ ‫‪12‬‬

‫‪1.1‬التعلم بالإشارة‪ .‬‬ ‫‪2.2‬التعلم عن طريق المثير والاستجابة‪.‬‬ ‫‪3.3‬الترابط والتسلسل‪.‬‬ ‫‪4.4‬الربط اللفظي‪.‬‬ ‫‪5.5‬التمييز المتعدد‪.‬‬ ‫‪6.6‬تعليم المفاهيم‪.‬‬ ‫‪7.7‬تعليم المبادئ والقواعد‪.‬‬ ‫‪8.8‬حل المشكلات‪.‬‬ ‫نموذج الإنفوجرافيك التعليمي المط َّور (‪)2019‬‬ ‫والهـدف ممـا سـبق عرضـه فيمـا يخـ ُّص الأهـداف وتحليلهـا وصياغتهـا‪ ،‬أن تسـاعد القائميـن‬ ‫ ‬ ‫على إنتـاج وتصميـم الإنفوجرافيـك التعليمـي؛ بـأن يكـون لديهـم رؤيـ ٌة واضحـة للأهـداف التعليميـة‬ ‫وكيفيــة صياغتهــا‪ ،‬حتــى تســاع َد في إخــراج إنفوجرافيــك تعليمــي ذي جــدوى تعليميــة‪.‬‬ ‫تحليل المحتوى التعليمي‪:‬‬ ‫عنـد تصميـم الإنفوجرافيـك التعليمـي يجـب أن يكـون تحليـ ُل المـادة العلميـة بشـك ٍل يسـاعد‬ ‫ ‬ ‫على تمثيلهـا بصرًّيـا عـن طريـق الإنفوجرافيـك؛ حيـث يتـ ُّم تحليـل المـادة العلميـة بتقسـيمها إلـى‬ ‫أجـزاء صغيـرة‪ ،‬بحيـث يكـون ك ُّل جـزء مـن هـذه الأجـزاء إنفوجرافيـك مصغـًرا‪ ،‬وبعدهـا يتـم تجميـ ُع‬ ‫هــذه الأجــزاء في شــكل إنفوجرافيــك أكبــر‪ ،‬أو سلســلة مــن الإنفوجرافيــك التعليمــي‪.‬‬ ‫تحليل خصائص المتعلمين‪:‬‬ ‫خصائـص المتعلـم أمـر مهـ ٌّم ومفيـد للإنفوجرافيـك؛ حيـث يسـاعد على المعرفـة المسـبقة‬ ‫ ‬ ‫للمتعلـم في النواحـي العقلية والجسـمية والاجتماعية والثقافية والنفسـية‪ ،‬بما يجعـل الإنفوجرافيك‬ ‫قـادًرا على تهيئـة أفضـل الخبـرات التـي تسـاعد المتعلـم على التقـدم‪ ،‬كمـا تسـاعد على تفسـير‬ ‫بعــض أنمــاط الســلوك‪ ،‬ومعرفــة إمكانيــات المتعلــم لاختيــار الخبــرات اللازمــة‪ ،‬والوســائل التعليميــة‬ ‫المناســبة‪ ،‬والأشــكال والرمــوز والرســومات‪ ،‬والتــي تســاع ُد في تحقيــ ِق الأهــداف التعليميــة‪.‬‬ ‫المرحلة الأولي ‪ :‬الدراسة والتحليل ‪13‬‬

‫المرحلة الثانية‬ ‫نموذج الإنفوجرافيك التعليمي المطوَّ ر (‪)2019‬‬ ‫مرحلة التصميم‬ ‫وتنقسم هذه المرحلة إلى عد ٍد من المرحل الداخلية‪:‬‬ ‫‪1.1‬صياغة الأهداف الإجرائية‪.‬‬ ‫‪1.1‬تحديد الخطوط المستخدمة‪.‬‬ ‫‪2.2‬صياغة المحتوى العلمي‪.‬‬ ‫‪2.2‬تحديد الألوان المقترحة‪.‬‬ ‫‪1.1‬تحديد نوع الإنفوجرافيك‬ ‫‪ 3.3‬تحديد الأشكال والعناصر البصرية‬ ‫‪2.2‬تحديد الشكل الداخلي والتخطيط‬ ‫المستخدمة‪.‬‬ ‫للإنفوجرافيك‬ ‫المرحلة الثانية ‪ :‬التصميم‬ ‫‪14‬‬

‫نموذج الإنفوجرافيك التعليمي المط َّور (‪)2019‬‬ ‫أولاً‪:‬‬ ‫‪ -‬صياغة الأهداف الإجرائية‪:‬‬ ‫ُيراعى أن‪:‬‬ ‫ُتصــاغ بعبــارة محــددة وواضحــة لا تدعــو إلــى الاختــاف في تفســيرها‪ ،‬على أن تتضمــ َن فعــ ًا‬ ‫سـلوكًّيا إجرائًّيـا‪ ،‬يمثـل نات ًجـا تعليمًّيـا محـد ًدا يمكـن ملاحظُتـه وقياسـه‪ ،‬ويظهـر ذلـك في تصميـم‬ ‫الإنفوجرافيــك‪ ،‬وأن تصــ َف ســلوك المتعلــم‪ ،‬لا ســلوك المعلــم‪ ،‬أو نشــاط التعلــم‪.‬‬ ‫‪ -‬صياغة المحتوى العلمي‪:‬‬ ‫ُيراعى أن‪:‬‬ ‫تكـون صياغـة المحتـوى بشـكل غيـر مع َّقـد‪ ،‬ويسـ ُه ُل تمثيُلـه بصرًّيـا‪ ،‬وتحويُلـه إلـى عناصـر بصريـة‬ ‫واضحـة ومعبـرة عـن المحتـوى العلمـي‪.‬‬ ‫ثان ًيا‪:‬‬ ‫‪ -‬تحديد الخطوط المستخدمة‪:‬‬ ‫ُيراعــى عنــد اختيــار الخطــوط المســتخدمة في الإنفوجرافيــك أن تكــون بســيطة ومقــروءة‪ ،‬ولا‬ ‫يوجــد بهــا أي تشــتيت للمتعلــم‪.‬‬ ‫‪ -‬تحديد الألوان المقترحة‪:‬‬ ‫ُيراعــى عنــد اختيــار الألــوان المقترحــة في الإنفوجرافيــك أن تكــون مناســبة تربوًّيــا للفئــة‬ ‫المســتهدفة‪ ،‬وألَاّ يتــ َّم اســتخدا ُم ألــوان ســاخنة تكــون مشــِّتتة ومزعجــة للمتعلــم‪.‬‬ ‫المرحلة الثانية ‪ :‬التصميم ‪15‬‬

‫‪ -‬تحديد الأشكال والعناصر البصرية المستخدمة‪:‬‬ ‫نموذج الإنفوجرافيك التعليمي المطوَّ ر (‪)2019‬‬ ‫ُيراعـى عنـد اختيـار الأشـكال والعناصـر البصريـة المقترحـة في الإنفوجرافيـك أن تكـون مناسـبة‬ ‫تربوًّيــا للفئــة المســتهدفة‪ ،‬ولا يتــم اســتخدام الأشــكال والعناصــر البصريــة تكــون بهــا التبــاس او‬ ‫عـدم وضـوح او تسـبب أي تبـث عنصريـة‪.‬‬ ‫ثال ًثا‪:‬‬ ‫‪ -‬تحديد نوع الإنفوجرافيك ما بين‪:‬‬ ‫(الإنفوجرافيك الثابت ‪ -‬الإنفوجرافيك المتحرك ‪ -‬الإنفوجرافيك التفاعلي ‪ -‬الإنفوجرافيك المختلط)‪،‬‬ ‫ويخضع التحديد طب ًقا لـ‪ ( :‬نوع المحتوى ‪ -‬حجم المحتوى ‪ -‬خصائص المتعلم ‪ -‬التكلفة)‪.‬‬ ‫‪ -‬تحديد الشكل الداخلي والتخطيط للإنفوجرافيك‪:‬‬ ‫(شعاعي ‪ -‬خرائط ‪ -‬جداول‪ -‬علاقات ‪ -‬رسوم توضيحية ‪ -‬قوائم ‪ -‬مخطط بياني ‪ -‬تدرج عمليات)‪.‬‬ ‫المرحلة الثانية ‪ :‬التصميم‬ ‫‪16‬‬

‫نموذج الإنفوجرافيك التعليمي المط َّور (‪)2019‬‬ ‫المرحلة الثالثة‪ :‬مرحلة الإنتاج‬ ‫يتـ ُّم إنتـاج النمـوذج الأ َّولـي بتطبيـق المخطـط الشـكلي‪ ،‬وذلـك طب ًقـا للنـوع الـذي تـم اختيـاره في‬ ‫المرحلـة السـابقة؛ حيـث إ َّن كل نـوع مـن أنـواع الإنفوجرافيـك لـه مراحـل خاصـة في إنتاجـه وتنفيـذه؛‬ ‫وبعضهـا مشـترك فيمـا بينهـم (سـتكون باللـون الاحمـر) وهـي كالتالـي‪:‬‬ ‫الإنفوجرافيك‬ ‫الإنفوجرافيك‬ ‫الإنفوجرافيك‬ ‫الإنفوجرافيك‬ ‫المختلط‬ ‫التفاعلي‬ ‫المتحرك‬ ‫الثابت‬ ‫المرحلة الثالثة ‪ :‬الإنتاج ‪17‬‬

‫الإنفوجرافيك الثابت‬ ‫نموذج الإنفوجرافيك التعليمي المطوَّ ر (‪)2019‬‬ ‫‪- -‬اختيار النوع الثابت‪( :‬مطبوع ‪ -‬إلكتروني)‪.‬‬ ‫‪- -‬الرسم المبدئي (الكروكي)‪.‬‬ ‫‪- -‬تجميع العناصر البصرية (أيقونات وأشكال وخطوط)‪.‬‬ ‫‪- -‬اختيــار أحــد برامــج تصميــم الجرافيــك أو المواقــع الإلكترونيــة المتخصصــة في‬ ‫إنشــاء الإنفوجرافيــك‪.‬‬ ‫‪- -‬إنتــاج النمــوذج الأولــي بإضافــة العناصــر البصريــة المختلفــة المعبــرة عــن‬ ‫المحتــوى التعليمــي‪.‬‬ ‫‪- -‬المراجعــة الفنيــة الشــاملة؛ للتأكــد مــن أن المحتــوى العلمــي كامــل‪ ،‬وقــد تــم‬ ‫تمثيلـه بصرًّيـا مـن حيـث ‪:‬‬ ‫ •تسلسل المعلومات‪.‬‬ ‫ •صحة العناصر المستخدمة‪.‬‬ ‫ •المراجعة اللغوية( للنصوص المكتوبة)‬ ‫‪- -‬الإخراج النهائي‪.‬‬ ‫المرحلة الثالثة ‪ :‬الإنتاج‬ ‫‪18‬‬

‫نموذج الإنفوجرافيك التعليمي المط َّور (‪)2019‬‬ ‫الإنفوجرافيك المتحرك‬ ‫‪- -‬كتابــة الســيناريو المقتــرح بــه‪( :‬رقــم النســخة ‪ -‬التاريــخ ‪ -‬المــدة المتوقعــة ‪ -‬عــدد‬ ‫المشــاهد ‪ -‬عــدد الكلمــات)‪.‬‬ ‫‪ - -‬رسم المشاهد (ستوري بورد) الواردة في السيناريو بعد مراجعته‬ ‫‪- -‬تجميع العناصر البصرية (أيقونات وأشكال وخطوط)‪.‬‬ ‫‪- -‬اختيـار أحـد برامـج تصميـم الجرافيـك أو المواقـع الإلكترونيـة المتخصصـة في إنشـاء‬ ‫الإنفوجرافيــك‪.‬‬ ‫‪- -‬تسجيل التعليق الصوتي والحوار الذي تم عرضه في السيناريو‪.‬‬ ‫‪- -‬اختيار المؤثرات الصوتية‪.‬‬ ‫‪ - -‬اختيار الموسيقى‪.‬‬ ‫‪- -‬التحريك طب ًقا لما ورد في السيناريو‪.‬‬ ‫‪- -‬إضافة الصوت والمؤثرات الصوتية‪.‬‬ ‫‪- -‬المراجعـة الفنيـة الشـاملة؛ للتأكـد مـن أن المحتـوى العلمـي كامـل‪ ،‬وقـد تـم تمثيلـه‬ ‫بصرًّيـا مـن حيـث ‪:‬‬ ‫ •تسلسل المعلومات‪.‬‬ ‫ •صحة العناصر المستخدمة‪.‬‬ ‫ •المراجعـة اللغويـة ( للنصـوص المكتوبـة ‪ -‬سـامة اللغـة ومخـارج الالفـاظ للأصوات‬ ‫المسجلة )‬ ‫‪- -‬الإخراج النهائي‪.‬‬ ‫المرحلة الثالثة ‪ :‬الإنتاج ‪19‬‬

‫الإنفوجرافيك التفاعلي‬ ‫‪- -‬كتابــة الســيناريو المقتــرح بــه ( عــدد الشاشــات ‪ -‬اماكــن توزيــع ازرار وروابــط‬ ‫نموذج الإنفوجرافيك التعليمي المطوَّ ر (‪)2019‬‬ ‫التفاعــل )‪.‬‬ ‫‪20‬‬ ‫‪ -- -‬تحديد نسبة التفاعل المراد أن تظهر في الإنفوجرافيك‪.‬‬ ‫‪- -‬تجميع العناصر البصرية (أيقونات وأشكال وخطوط)‪.‬‬ ‫‪- -‬اختيــار أحــد برامــج تصميــم الجرافيــك أو المواقــع الإلكترونيــة المتخصصــة في‬ ‫إنشــاء الإنفوجرافيــك‪.‬‬ ‫‪- -‬تسجيل التعليق الصوتي والحوار الذي تم عرضه في السيناريو‪.‬‬ ‫‪- -‬اختيار المؤثرات الصوتية‪.‬‬ ‫‪ - -‬اختيار الموسيقى‪.‬‬ ‫‪- -‬تصميم الشاشات وتحريكها‪.‬‬ ‫‪- -‬إضافة التفاعل في التصميم‪.‬‬ ‫‪- -‬إضافة الصوت والمؤثرات الصوتية‪.‬‬ ‫‪- -‬المراجعــة الفنيــة الشــاملة؛ للتأكــد مــن أن المحتــوى العلمــي كامــل‪ ،‬وقــد تــم‬ ‫تمثيلـه بصرًّيـا مـن حيـث ‪:‬‬ ‫ •تسلسل المعلومات‪.‬‬ ‫ •صحة العناصر المستخدمة‪.‬‬ ‫ •المراجعة اللغوية( للنصوص المكتوبة)‬ ‫‪- -‬الإخراج النهائي‪.‬‬ ‫المرحلة الثالثة ‪ :‬الإنتاج‬

‫الإنفوجرافيك المختلط‬ ‫تنقسم إلى مرحلتين ‪:‬‬ ‫المرحلة الأولى‪:‬‬ ‫نموذج الإنفوجرافيك التعليمي المط َّور (‪)2019‬‬ ‫‪1.1‬تحديد نوع الفيديو‪( :‬تمثيلي ‪ -‬محاضرة)‪.‬‬ ‫‪2.2‬تحديد طريقة التصوير وشكلها‪) :‬بخلفية خضراء ‪ - Chroma key‬ديكور عادي)‪.‬‬ ‫‪3.3‬كتابة سيناريو بالمشاهد المراد تصويرها بما يخدم المحتوى العلمي‪.‬‬ ‫‪4.4‬اختيار الممثلين‪ ،‬أو المحاضر الذي سُيق ِّدم المحتوى‪.‬‬ ‫‪5.5‬تحديد مكان ظهور الإنفوجرافيك المتحرك‪.‬‬ ‫‪6.6‬تحديد شكل التفاعل مع الإنفوجرافيك المتحرك من قبل الممثلين او المحاضر‪.‬‬ ‫المرحلة الثانية ‪:‬‬ ‫وهـذ مرحلـة تنفيـد الإنفوجرافيـك المتحـرك (أرجـو الاطـاع على مراحـل تنفيـذ‬ ‫ ‬ ‫الإنفوجرافيــك المتحــرك)‪.‬‬ ‫‪- -‬تجميع العناصر البصرية (أيقونات وأشكال وخطوط)‪.‬‬ ‫‪- -‬اختيار المعدات المناسبة للتصوير‪( :‬كاميرات – إضاءة ‪ -‬ميكرفونات)‪.‬‬ ‫‪ - -‬اختيار مكان التصوير‪.‬‬ ‫‪- -‬اختيار الممثلين‪.‬‬ ‫‪ - -‬اختيار برنامج المونتاج المناسب‪.‬‬ ‫المرحلة الثالثة ‪ :‬الإنتاج ‪21‬‬

‫الإنفوجرافيك المختلط‬ ‫تابع‬ ‫‪- -‬البدء في تصوير المشاهد‪.‬‬ ‫نموذج الإنفوجرافيك التعليمي المطوَّ ر (‪)2019‬‬ ‫‪- -‬اختيار المؤثرات الصوتية‪.‬‬ ‫‪ - -‬اختيار الموسيقى‪.‬‬ ‫‪- -‬مشاهدة ما تم تصويره والمراجعة عليه‪.‬‬ ‫‪- -‬مونتاج المشاهد‪.‬‬ ‫‪- -‬إضافة الموسيقى والمؤثرات الصوتية المناسبة‪.‬‬ ‫‪- -‬إضافة الإنفوجرافيك المتحرك للمشاهد المص َّورة‪.‬‬ ‫‪- -‬المراجعــة الفنيــة الشــاملة؛ للتأكــد مــن أن المحتــوى العلمــي كامــل‪ ،‬وقــد تــم تمثيلــه‬ ‫بصرًّيــا مــن حيــث ‪:‬‬ ‫ •تسلسل المعلومات‪.‬‬ ‫ •صحة العناصر المستخدمة‪.‬‬ ‫ •المراجعة اللغوية( للنصوص المكتوبة)‬ ‫‪- -‬الإخراج النهائي‪.‬‬ ‫المرحلة الثالثة ‪ :‬الإنتاج‬ ‫‪22‬‬

‫نموذج الإنفوجرافيك التعليمي المط َّور (‪)2019‬‬ ‫المرحلة الرابعة‪ :‬مرحلة التقييم‬ ‫بعــد تصميــم الإنفوجرافيــك ومراجعتــه في المرحلــة الســابقة تأتــي مرحلــة التقييــم‪ ،‬وتنقســم‬ ‫إلـى‪:‬‬ ‫ ‪-‬التحكيــم مــن قبــل الخبــراء على الإنفوجرافيــك التعليمــي‪ ،‬للتأكــ ِد مــن عناصــره ومطابقــة‬ ‫العناصـر البصريـة مـع المحتـوى العلمـي‪ ،‬وللتأكـ ِد مـن تمثيـل جميـع أجـزاء المحتـوى العلمـي‪،‬‬ ‫ويســتخد ُم تحكيــم الخبــراء لمعرفــة إذا كان الإنفوجرافيــك المصمــم يح ِّقــ ُق حاجــا ِت التعليــم‪،‬‬ ‫أو المؤسسة التي ستستفي ُد من الإنفوجرافيك التعليمي أو التدريبي؛ وذلك عن طريق‪:‬‬ ‫ •تقييم مدى مطابقة الإنفوجرافيك التعليمي لحاجات المؤسسة‪.‬‬ ‫ •تقييم مدى اكتمال الإنفوجرافيك وصحته‪.‬‬ ‫ •تقييم إستراتيجية التدريس المق َّدمة من خلال الإنفوجرافيك‪.‬‬ ‫ •تقييم مدى فائدة النظام التدريسي وتفاعله مع الإنفوجرافيك المق َّدم‪.‬‬ ‫ •التحقق من مدى رضا المتعلم عن الإنفوجرافيك‪.‬‬ ‫ ‪-‬التطبيق على مجموعة من المتعلمين‪ ،‬وعمل تقييم بنائي للإنفوجرافيك‪.‬‬ ‫ ‪-‬تطبيق التقييم الجمعي النهائي‪ ،‬والانتهاء من تطوير الإنفوجرافيك‪.‬‬ ‫المرحلة الرابعة ‪ :‬التقييم ‪23‬‬

‫المرحلة الخامسة ‪ :‬مرحلة النشر والاستخدام‬ ‫نموذج الإنفوجرافيك التعليمي المطوَّ ر (‪)2019‬‬ ‫ ‪-‬الاسـتخدام الميدانـي والتطبيـق للإنفوجرافيـك التعليمـي‪ ،‬ويتـم ذلـك بتطبيقـه في المـدارس‬ ‫أو المؤسسـات التعليميـة‪.‬‬ ‫‪ -‬التقييم والتنقيح المستمر للإنفوجرافيك‪.‬‬ ‫المرحلة الخامسة ‪ :‬النشر والاستخدام‬ ‫‪24‬‬

‫للتواصل‬