الانفوجرافيك

1. Subject:506 (using computer in education)
Submitted to DR. Uthman Alturki
A work by student: Rawan Alturki
Infographic
King Saud University
Collage f Education
Department of Education Technology
1436-1437 H

2. ‫مقرر‬‫التعليم‬ ‫في‬ ‫الحاسب‬506‫وسل‬
‫دكتور‬:‫التركي‬ ‫عثمان‬
‫اال‬‫نفو‬‫جرا‬‫فيك‬
‫سعود‬ ‫الملك‬ ‫جامعة‬
‫التربية‬ ‫كلية‬
‫تعليم‬ ‫تقنيات‬ ‫قسم‬
‫الطالبة‬ ‫إعداد‬:‫التركي‬ ‫روان‬
1436-1437‫هـ‬

3. ‫المحاضرة‬ ‫أهداف‬
‫وأنواعها‬ ‫التعليمية‬ ‫الرسوم‬ ‫على‬ ‫التعرف‬. *
*،‫مميزاته‬ ،‫أشكاله‬ ،‫مجاالته‬ ،‫أنواعه‬ ،‫عالقاته‬ ،‫مكوناته‬ ،‫االنفوجرافيك‬ ‫مفهوم‬ ‫إيضاح‬
‫تصميمه‬ ‫وبرامج‬ ‫خطوات‬ ،‫تطبيقاته‬ ،‫أشكاله‬.
‫واالستخدام‬ ‫التسجيل‬ ‫طريقة‬ ،‫مميزاته‬ ،‫تأسيسه‬. Canva *‫على‬ ‫التعرف‬

4. https://www.youtube.com/watch?v=RSVnbgaCvIk

5. ‫التعليمية‬ ‫الرسوم‬:
‫هي‬‫أجل‬ ‫من‬ ‫تصميمها‬ ‫تم‬ ‫التي‬ ،‫البصرية‬ ‫الخطية‬ ‫والرموز‬ ‫المرسومة‬ ‫المواد‬ ‫تلك‬‫تلخيص‬
‫ا‬‫لمعلومات‬‫تعليمية‬ ‫كوسائل‬ ‫تستخدم‬ ‫والتي‬ ‫علـمي‬ ‫بأسلوب‬ ‫عنها‬ ‫والتعبير‬ ‫وتفسيرها‬‫تخدم‬
‫عملية‬‫والتعلم‬ ‫التعليم‬.

6. ‫التعليمية‬ ‫الرسوم‬ ‫أنواع‬:
‫البيانية‬ ‫الرسوم‬

7. ‫التعليمية‬ ‫الرسوم‬ ‫أنواع‬:
‫التوضيحية‬ ‫الرسوم‬

8. ‫التعليمية‬ ‫الرسوم‬ ‫أنواع‬:
‫التعليمي‬ ‫الملصق‬

9. ‫التعليمية‬ ‫الرسوم‬ ‫أنواع‬:
‫التعليمية‬ ‫المصورات‬

10. ‫التعليمية‬ ‫الرسوم‬ ‫أنواع‬:
‫التعليمية‬ ‫الخرائط‬

11. ‫االنفوجرافيك‬:

13. ‫االنفوجرافيك‬ ‫مكونات‬:

14. ‫االنفوجرافيك‬ ‫تعريف‬:
‫هو‬‫مصطلح‬‫يطلق‬‫على‬‫فن‬‫تحويل‬‫البيانات‬‫والمعلومات‬‫والمفاهيم‬‫المعقد‬‫ة‬‫إلى‬
‫صور‬‫و‬‫رسوم‬‫يمكن‬‫فهمها‬‫واستيعابها‬‫بوضوح‬‫وتشويق‬‫ويتميز‬‫بعرض‬
‫المعلومات‬‫الصعبة‬‫والمعقدة‬‫بطريقة‬‫سلسة‬‫وواضحة‬.

15. ‫االنفوجرافيك‬ ‫أنواع‬:

17. ‫االنفوجرافيك‬ ‫أنواع‬:
http://arabic.cnn.com/middleeast/2015/09/21/hajj-info-cnnhttps://www.youtube.com/watch?v=-2Nchck0SVM

18. ‫البش‬ ‫المخ‬ ‫بفسيولوجيا‬ ‫االنفوجرافيك‬ ‫عالقة‬‫ري‬

19. ‫شهد‬‫المكي‬ ‫الحرم‬‫كـثـافـة‬ ‫الـشريف‬
‫الـزوار‬ ‫من‬ ‫كـبـيـرة‬‫والمعتمرين‬‫الذين‬
‫على‬ ‫حرصوا‬‫مناسك‬ ‫أداء‬‫العمرة‬
‫والصالة‬‫المسجد‬ ‫في‬‫الحرام‬

21. ‫الحواس‬ ‫بواسطة‬ ‫والتعليم‬ ‫االنفوجرافيك‬

23. ‫االنفوجرافيك‬ ‫مميزات‬:
.1‫تبسيط‬‫المعلومات‬‫المعقدة‬‫والكبيرة‬‫وجعلها‬‫سهلة‬‫الفهم‬.
.2‫واالعتماد‬‫على‬‫المؤثرات‬‫البصرية‬‫في‬‫توصيل‬‫المعلومة‬.
.3‫تحويل‬‫المعلومات‬‫والبيانات‬‫من‬‫ارقام‬‫وحروف‬‫مملة‬‫الى‬‫صور‬‫ورسوم‬‫شيقة‬.
.4‫سهولة‬‫نشر‬‫وانتشار‬‫االنفوجرافيك‬‫عبر‬‫الشبكات‬‫االجتماعية‬.

24. ‫االنفوجرافيك‬ ‫مجاالت‬:
‫الديني‬ ‫المجال‬.
‫الصحي‬ ‫المجال‬.
‫التسويقي‬ ‫المجال‬.
‫التوعوي‬ ‫المجال‬.
‫الجغرافي‬ ‫المجال‬.
‫التعليمي‬ ‫المجال‬.

25. ‫االنفوجرافيك‬ ‫أشكال‬:

26. ‫االحصائيات‬

27. ‫االنفوجرافيك‬ ‫أشكال‬:

28. ‫االحصائيات‬

29. ‫االنفوجرافيك‬ ‫أشكال‬:

31. ‫االنفوجرافيك‬ ‫أشكال‬:

33. ‫االنفوجرافيك‬ ‫أشكال‬:

35. ‫االنفوجرافيك‬ ‫أشكال‬:

38. http://refdacademy.com/

39. https://twitter.com/alhussein1436

40. https://instagram.com/ftnmoe/

42. ‫هامة‬ ‫نصائح‬:

44. ‫االنفوجرافيك‬ ‫تصميم‬ ‫أدوات‬:

45. ‫االنفوجرافيك‬ ‫تصميم‬ ‫أدوات‬:

46. Canva
‫مصطلح‬Canva‫هو‬‫الفرنسية‬ ‫الكلمة‬ ‫من‬ ‫مشتق‬Canvs‫والتي‬‫زيتيه‬ ‫لوحه‬ ‫تعني‬
‫غليظ‬ ‫قماش‬ ‫على‬.

47. Canva ‫بداية‬‫تأسيس‬

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

49. Canva ‫سلبيات‬
1-‫خط‬‫وشكل‬‫واحد‬‫للغة‬،‫العربية‬‫لكن‬‫تلك‬‫ليست‬‫بالعقبة‬،‫الكبيرة‬‫فإن‬‫المشكلة‬‫كلها‬‫في‬‫التصميم‬‫ن‬،‫فسه‬‫فإذا‬‫ما‬‫أنهيت‬
‫التصميم‬‫يمكنك‬‫تحميله‬‫بامتداد‬pdf‫أو‬‫حتى‬‫صورة‬‫عادية‬‫بامتداد‬jpg‫إلى‬‫حاسوبك‬‫وكتابة‬‫النص‬‫الذي‬،‫تريد‬‫كذلك‬
‫باإلمكان‬‫مراسلتهم‬‫ليهتموا‬‫بدعم‬‫اللغة‬،‫العربية‬‫وعند‬‫وضع‬‫اقتراحي‬‫لهم‬‫جاء‬‫في‬‫ردهم‬‫أنهم‬‫ال‬‫يدعمونها‬‫ف‬‫ي‬‫الوقت‬
،‫الحالي‬‫لكنهم‬‫يخططون‬‫لهذا‬‫قريبا‬.
2-‫ال‬‫يوجد‬‫شبكة‬‫للصورة‬grid.
3-‫حاليا‬‫ال‬‫يوجد‬‫تطبيق‬‫على‬‫األجهزة‬‫المحمولة‬.

50. ‫المحاضرة‬ ‫لمحتوى‬ ‫للرجوع‬
‫الكود‬ ‫استخدام‬ ‫أرجو‬

51. ‫تطبيق‬ ‫على‬ ‫للتعرف‬Canva
‫الكود‬ ‫استخدام‬ ‫أرجو‬

52. ‫العربية‬ ‫المراجع‬:
‫العربي‬.‫رمزي‬(2005).‫التصميم‬‫الجرافيكي‬.‫دار‬‫األبداع‬.‫مصر‬.
‫المشيقح‬.‫محمد‬(1995).‫تقنيات‬‫الرسوم‬‫التعليمية‬.‫دار‬‫اإلبداع‬‫الثقافي‬‫الرياض‬.
‫سالم‬.‫أحمد‬(2010).‫وسائل‬‫وتكنولوجيا‬‫التعليم‬.‫مكتبة‬‫الرشد‬.‫الرياض‬.
‫عبدالباسط‬.‫حسين‬.(2015).‫المرتكزات‬‫األساسية‬‫لتفعيل‬‫استخدام‬‫االنفوجرافيك‬‫في‬‫عمليتي‬‫التعليم‬‫وال‬‫تعلم‬.‫مجلة‬
‫التعليم‬‫األلكتروني‬.‫العدد‬15.‫تاريخ‬‫االسترداد‬8/11/2015‫م‬.
http://emag.mans.edu.eg/index.php?page=news&task=show&id=494&sessionID=39

53. ‫األجنبية‬ ‫المراجع‬:
Smiciklas.Mark.(2012).The Power of Infographics Indiana.USA
Infographic.(2014).Retrieved Nofmber10, 2015,from Wikibidia
http://en.wikipedia.org/wiki/Infographic