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

‫المملكة اتعربية اتسعودية‬ ‫وزارة اتععلي‬ ‫جامعة أم اتقرى‬ ‫كلية اتتربية‬ ‫قس المناهج وطرق اتعدريس‬ ‫تكليف تنمية‬ ‫المهارات العملية‬ ‫( الانفوجرافيك )‬ ‫تنفيذ الطالبتان‪:‬‬ ‫شذى المطر يف ‪44285404‬‬ ‫س ريين بن عفيف ‪44285532‬‬ ‫مقدم إلى‪ :‬د‪ .‬عايد بن محمد المال يك‬ ‫مقرر تقنية المعلومات والاتصالات في اتععلي‬

‫المحتويات‬

‫المقدمة ‪٢-١‬‬ ‫علاقة البرنامج بالمقرر وسبب اختيارها ‪٤-٣‬‬ ‫أمثلة على الانفوجرافيك ‪٦-٥‬‬ ‫طريقة تغيير حجم الشريحة ‪١٠-٧‬‬ ‫طريقة تركيب الشكال للانفوجرافيك ‪١٤-١١‬‬ ‫طريقة تصميم الشخصيات في البوربوينت ‪١٦-١٥‬‬ ‫تصميم الانفوجرافيك بالصور ‪١٨-١٧‬‬ ‫طريقة ادراج الارتباط التشعبي ‪٢٢-١٩‬‬ ‫تصميم انفوجرافيك متحرك ‪٢٦-٢٣‬‬

‫المـــقدمة‬ ‫)‪(1‬‬

‫انتشر مؤخرا مصطلح الانفوحرافيك على الويب وعبر مواقع‬ ‫التواصل الاجتماعي كثيرا‪ ،‬ونلاحظ القبال والمنافسة الكبيرة على‬ ‫انتاجه حتى بين الصحف الكبيرة‪ ،‬كما تم ادخاله الى قطاع التعليم‬ ‫كنفوجرافيك تعليمي كونه يقدم المعلومة بطريقة مبسطة وتصويرية‬ ‫سهلة الاستيعاب‪.‬‬ ‫كلمة انفوجرافيك مقتبسة من اللفظ النجليزي المعبر عن هذا‬ ‫المصطلح ‪ ،Infographic‬وهي اختصار لكلمة‬ ‫‪ Information graphic‬المعلومات البيانية أو المصورة‪.‬‬ ‫عامة يُطلق معنى النفوجرافيك على أي رسومات أو تصاميم‬ ‫تتضمن معلومات أو احصائيات في موضوع محدد بشكل يجعل‬ ‫هذه المعلومات سهلة الفهم لدى القارئ‪.‬‬ ‫بمعنى أخر يمكن تعريف النفوجرافيك على أنه تحويل لكمية معينة‬ ‫من البيانات والمعلومات النصية المعقدة الى مزيج من الصور‬ ‫والرسومات والنصوص‬ ‫)‪(2‬‬

‫علاقة ال رينامج‬ ‫بالمقرر وسبب‬ ‫اختيارها‬ ‫)‪(3‬‬

‫‪ -‬علاقة البرنامج بالمقرر‪:‬‬ ‫برنامج يساعد على معالجة المعلومات وعرضها بطريقة احتافية ومشوقه‪.‬‬ ‫‪ -‬سبب اختيار البرنامج ‪:‬‬ ‫‪ -١‬متوفر على جميع انظمة تشغيل مايكروسوفيت ‪.‬‬ ‫‪ -٢‬يعالج المعلومات المصورة بصورة أسرع من المعلومات النصية‪.‬‬ ‫‪ -٣‬يعطي المتعلم القدرة تحليل المعلومات والمقا نرة بينها‪.‬‬ ‫‪ -٤‬أداة مثالية لتوضيح الشياء غير المألوفة للمتعلمين‪.‬‬ ‫‪ -٥‬مناسب لكل المجالت والتخصصات‪.‬‬ ‫‪ -٦‬ثابت متحرك تفاعلي‪.‬‬ ‫‪ -٧‬يتيح للمستخدم تصميم شرائح ذات مستوى عا ٍل من التنسيق‬ ‫يمكن استخدامها في الشرح والتوضيح للمعلومات والدروس‪.‬‬ ‫‪ -٨‬امكانية تحويل شاشة العرض الى ما يشبه السبورة (الشاشة)‬ ‫السوداء‪.‬‬ ‫‪ -٩‬امكانية اضافة مقاطع الفيديو والمؤثرات الصوتية والحركية على‬ ‫الشرائح‪.‬‬ ‫‪ -١٠‬توفر العديد من الرسوم الي يمكن اضافتها الى الشرائح‪.‬‬ ‫)‪(4‬‬

‫أمثلة على‬ ‫الانفوجرافيك‬ ‫)‪(5‬‬

(6)

‫طريقة تغي ري‬ ‫حجم ال رشيحة‬ ‫)‪(7‬‬

‫‪ (١‬الذهاب الى ( تصميم ) من شريط القوائم‬ ‫‪ (٢‬الذهاب الى تخصيص واختيار حجم الشريحة‬ ‫‪ (٣‬اختيار تخصيص حجم الشريحة ‪....‬‬ ‫)‪(8‬‬

‫‪ (٤‬تحديد الحجم المطلوب للشريحة‬ ‫‪ (٥‬تحديد الاتجاه المطلوب للشريحة‬ ‫)‪(9‬‬

‫‪ (٦‬عند الانتهاء من ادخال القياسات يتم الضغط على (موافق)‬ ‫‪ (٧‬عند ظهور هذه النافذة يتم اختيار (التأكد من الاحتواء)‬ ‫للمزيد يمكنك رؤية التطبيق العملي من هنا‬ ‫‪https://b.top4top.io/m_2165tmozh1.mp4‬‬ ‫)‪(10‬‬

‫طريقة تركيب‬ ‫الأشكال‬ ‫للانفوجرافيك‬ ‫)‪(11‬‬

‫‪ (١‬تحديد الشكال المراد دمجها معا‬ ‫‪ (٢‬الذهاب الى (تنسيق الشكل) من شريط القوائم‬ ‫‪ (٣‬اختيار دمج الشكال من ادراج الشكال‬ ‫)‪(12‬‬

‫‪ (٤‬اختيار ما تريد القيام به للشكل سواء كن‬ ‫(طرح) (تقاطع) (تجزئة)‬ ‫(ضم) (اتحاد)‬ ‫)‪(13‬‬

‫‪ (٥‬سوف يظهر الدمج على الشكل ويتكب كشكل واحد يمكنك‬ ‫التعديل عليها مثل‪:‬‬ ‫للمزيد يمكنك رؤية التطبيق العملي من هنا‬ ‫‪https://drive.google.com/file/d/1NCG18B7‬‬ ‫‪bMmjwT33g2TvwFO80MBY4ptJ-‬‬ ‫‪/view?usp=sharing‬‬ ‫)‪(14‬‬

‫طريقة تصميم‬ ‫الشخصيات يف‬ ‫البوربوينت‬ ‫)‪(15‬‬

‫هذا الفيديو يوضح طريقة صنع شخصية كرتونية في‬ ‫البوربوينت باستخدام الشكال‬ https://drive.google.com/file/d/1eYQ-aotpoW- 51v16C7TT_utvlodNcjyi/view?usp=sharing (16)

‫تصميم‬ ‫الانفوجرافيك‬ ‫بالصور‬ ‫)‪(17‬‬

‫‪ (١‬الذهاب الى ( ادراج ) من شريط القوائم‬ ‫‪ (٢‬الذهاب الى الصور واختيار صور‬ ‫‪ (٣‬اختيار أحد الخيارات التية‪:‬‬ ‫‪ -‬هذا الجهاز‪ :‬يتم اختيار الصور المتوفرة على الجهاز‪.‬‬ ‫‪ -‬صور مخ نزة‪ :‬يتم اختيار الصور المتوفرة على الحساب‪.‬‬ ‫‪ -‬صور عبر الان نتت‪ :‬يتم البحث عن الصور في‬ ‫الشبكة العنكبوتية‪.‬‬ ‫للمزيد يمكنك رؤية التطبيق العملي من هنا‬ ‫_‪https://drive.google.com/file/d/1wk7Xf0‬‬ ‫‪AE6vyPEkH1_kiCXqtkfHOab6o/view?usp=s‬‬ ‫‪haring‬‬ ‫)‪(18‬‬

‫طريقة إدراج‬ ‫الارتباط التشعر يب‬ ‫)‪(19‬‬

‫‪ (١‬نقوم بتحويل الملفات أو الوسائط المراد ربطها في الملف التفاعلي‬ ‫الى روابط ونقوم بنسخها‬ ‫‪ (٢‬نختار النص أو الصورة المراد ربطها بالملف‬ ‫‪ (٣‬نضغط الرز اليمن ويظهر لنا القائمة نختار منها ( ارتباط )‬ ‫)‪(20‬‬

‫‪ (٤‬عند ظهور هذه النافذة نقوم بلصق الرابط في (العنوان)‬ ‫‪ (٥‬وبعدها نقوم باختيار ( موافق )‬ ‫)‪(21‬‬

‫‪ (٦‬يمكن فتح الارتباط‪:‬‬ ‫‪ -‬عن طريق حفظها كصيغة (‪ )PDF‬وفتحها بعد ذلك كملف‬ ‫تفاعلي‬ ‫‪ -‬عن طريق عرض الشرائح والضغط على النص أو الصورة ويتم‬ ‫التحويل التلقائي للرابط‬ ‫للمزيد يمكنك رؤية التطبيق العملي من هنا‬ ‫‪https://drive.google.com/file/d/1r_PHkFW‬‬ ‫‪DXwdAPwKnQqbvOtbeoLK0GsR0/view?usp‬‬ ‫‪=sharing‬‬ ‫)‪(22‬‬

‫تصميم‬ ‫انفوجرافيك‬ ‫متحرك‬ ‫)‪(23‬‬

‫‪ (١‬نقوم بتجهيز التنسيقات المطلوبة‬ ‫‪ (٢‬نقوم بعمل ارتباط تشعبي لكل الفئات المذكورة والتعديلات‬ ‫المطلوبة‬ ‫)‪(24‬‬

‫‪ (٣‬الذهاب الى شريط القوائم واختيار (انتقالت)‬ ‫‪ (٤‬نقوم باختيار تأثير (تحويل تدريجي) من التأثيرات المتاحة‬ ‫‪ (٥‬نقوم باختيار (أحرف) من خيارات التأثير‬ ‫)‪(25‬‬

‫‪ (٦‬وبعد ذلك نقوم بتحديد (تطبيق على الكل) من التوقيت‬ ‫‪ (٧‬نقوم باختيار ايقونة (عرض الشرائح) من الشريط في السفل‬ ‫‪ (٨‬سيظهر نتيجة الانفوجرافيك أثناء العرض‬ ‫للمزيد يمكنك رؤية التطبيق العملي من هنا‬ ‫‪https://drive.google.com/file/d/1xZbJjp1r7‬‬ ‫‪dpFnztprHkzwOB649lu4WLo/view?usp=sh‬‬ ‫‪aring‬‬ ‫)‪(26‬‬