‫ﺟﺎﻣﻌــﺔ ﺍﻷﻗﺼﻰ‬

‫ﻛﻠﻴـــــﺔ ﺍﻟﱰﺑﻴﺔ‬
‫ﻗﺴﻢ ﺍﻟﺘﻜﻨﻮﻟﻮﺟﻴﺎ ﻭﺍﻟﻌﻠﻮﻡ ﺍﻟﺘﻄﺒﻴﻘﻴﺔ‬

‫ﻳﻮﻡ ﻋﻠﻤﻲ ﺑﻌﻨﻮﺍﻥ‬

‫ﻣﺴﺘﺤﺪﺛﺎﺕ ﺍﻟﺘﻜﻨﻮﻟﻮﺟﻴﺔ ﰲ ﻋﺼﺮ ﺍﳌﻌﻠﻮﻣﺎﺗﻴﺔ‬

‫ﺍﳋﻤﻴﺲ ﺍﳌﻮﺍﻓﻖ )‪٢٠١٤/٥/١٥‬ﻡ(‪ ،‬ﺣﺮﻡ ﺍﳉﺎﻣﻌﺔ ﺍﻟﺮﺋﻴﺲ ﰲ ﻣﺪﻳﻨﺔ ﻏﺰﺓ‪ -‬ﻗﺎﻋﺔ ﺍﳌﺆﲤﺮﺍﺕ‪.‬‬

‫ﺍﻻﻧﻔﻮﺟﺮﺍﻓﻴﻚ ﰲ ﺍﻟﺘﻌﻠﻴﻢ‬
‫‪Infographics In Education‬‬

‫‪‬‬
‫‪ ‬‬

‫ﻣﻠﺨﺺ ﺍﻟﻮﺭﻗﺔ‪:‬‬
‫ﺗﻘف اﻟورﻗﺔ ﻋﻠﻰ ﻣﻔﻬوم اﻻﻧﻔوﺟراﻓﯾك وأﻧواﻋﻪوا ٕ ﻣﻛﺎﻧﯾﺎﺗﻪ ﻓﻲ اﻟﺗﻌﻠﯾم‪ ،‬وﺷرح ﺧطوات‬
‫وأدوات ﺗﺻﻣﯾم اﻻﻧﻔوﺟراﻓﯾك ﻓﻲ اﻟﺗﻌﻠﯾم ‪ ،‬ﻣﻊ وﺿﻊ ﺗﺻور ﻣﻘﺗرح ﻟﺗوظﯾف اﻻﻧﻔوﺟراﻓﯾك ﻓﻲ‬
‫اﻟﺗﻌﻠﯾم‪.‬‬

‫*‬
‫أﺳﺗﺎذ ﺗﻛﻧوﻟوﺟﯾﺎ اﻟﺗﻌﻠﯾم واﻟﻣﻌﻠوﻣﺎت اﻟﻣﺳﺎﻋد – ﻛﻠﯾﺔ اﻟﺗرﺑﯾﺔ ‪ -‬ﺟﺎﻣﻌﺔ اﻷﻗﺻﻰ – ﻓﻠﺳطﯾن – ﻏزة‪ ،‬ﻣوﺑﺎﯾل ‪ ،+970599741547‬ﺑرﯾد اﻟﻛﺗروﻧﻲ‬
‫‪eshas66@hotmail.com‬‬

‫‪١‬‬
 ‫ﺍﻻﻧﻔﻮﺟﺮﺍﻓﻴﻚ ﰲ ﺍﻟﺘﻌﻠﻴﻢ‬
‫‪Infographics In Education‬‬

‫ﺑظـل اﻟﺛـورة اﻟﻣﻌﻠوﻣﺎﺗﯾـﺔ ﺗﺗﺧـذ اﻟﻣﻌﻠوﻣـﺎت واﻟﺑﯾﺎﻧـﺎت أﺷـﻛﺎﻻ ﻣﺧﺗﻠﻔـﺔ ﺑﻬـدف ﺗﻘـدﯾﻣﻬﺎ ﺑﺻـورة‬
‫ﺗﺟــذب اﻟﻣﺳــﺗﺧدم ﻧﺣــو اﻻﻫﺗﻣــﺎم ﺑﻣــﺎﯾﺳــﻬل ﺗﻧــﺎول اﻟﻣﺣﺗــوى اﻟﻌﻠﻣــﻲ وا ٕ ﻛﺳــﺎب اﻟﻣﺗﻌﻠﻣــﯾن اﻟﻣﻌ ــﺎرف‬
‫واﻟﻣﻬﺎرات واﻻﺗﺟﺎﻫﺎت واﻟﻘـﯾم‪ ،‬ﻣـن أﺷـﻬر ﻫـذﻩ اﻷﺷـﻛﺎل واﻟﺗـﻲ وﺟـدت اﻫﺗﻣﺎﻣـﺎﻋر ﺑﯾـﺎ ﻛﺑﯾـرا وﻧﻣـوا ﻓـﻲ‬
‫اﻟﻔﺗرة اﻷﺧﯾرة ﻫو ﻋﻠم اﻻﻧﻔوﺟراﻓﯾك واﻟذي أﺻـﺑﺢ اﻟﻛﺛﯾـر ﻣـن ﻣﻧﺻـﺎت اﻟﺗﻌﻠﯾﻣﯾـﺔ ﺗﻌﺗﻣـد ﻋﻠﯾـﻪ ﻟﺗﻘـدﯾم‬
‫ﻣﺣﺗوى ﻣﺗﻧوع ﺑﺎﻹﺿﺎﻓﺔ ﻟﻣﺎ ﺗﻘدﻣﻪ ﻣن ﻣﺣﺗوى ﻧﺻﻲ‪.‬‬
‫وﯾﻌﺗﺑر اﻻﻧﻔوﺟراﻓﯾك ﻫﻲ أﻛﺛر اﻟوﺳﺎﺋل اﻟﻔﺎﻋﻠﺔ ﻓـﻲ ﻧﻔـل اﻟﻣﻌﻠوﻣـﺎت اﻟﻌﻠﻣﯾـﺔ اﻟﻣﻌﻘـدة ﺑطرﯾﻘـﺔ‬
‫واﺿـ ــﺣﺔ وﺳـ ــﻬﻠﺔ‪ ،‬ﻛﻣـ ــﺎ أﻧﻬـ ــﺎ ﺗﻌﺗﺑـ ــر أداﻩ ﺣﯾوﯾـ ــﺔ ﻓـ ــﻲ اﻟﻌﻣﻠﯾـ ــﺔ اﻟﺗﻌﻠﯾﻣﯾـ ــﺔ اﻟﺗﻌﻠﯾﻣـ ــﺔ‪ ،‬وﺗﺗﻠـ ــك ﻣﺻـ ــﺎدر‬
‫اﻻﻧﻔوﺟراﻓﯾ ـ ــك إﻣﻛﺎﻧﯾ ـ ــﺎت ﻛﺑﯾـ ـ ـرة ﻟﺗﻣﺛﯾ ـ ــل اﻟﻣﻌﻠوﻣ ـ ــﺎت واﻟﺑﯾﺎﻧ ـ ــﺎت اﻟﻌﻠﻣﯾ ـ ــﺔ وﺗوﺻ ـ ــﯾﻠﻬﺎ ﺑﺄﺳ ـ ــرع اﻟط ـ ــرق‬
‫ﻟﻠﻣﺗﻌﻠﻣﯾن ﺑدﻗﺔ ﻛﺑﯾرة واﻟﺗﻲ أدت إﻟﻰ إﺛـﺎرة اﻫﺗﻣـﺎم اﻟﻣﻌﻠﻣـﯾن ﻓـﻲ ﻣـن ﺧـﻼل اﺳـﺗﺧداﻣﻬﺎ؛ ﻟﯾﻌـود ﺑﻔواﺋـد‬
‫ﻋدﯾدة ﻣﻧﻬـﺎ ﺟـذباﻧﺗﺑـﺎﻩ اﻟﻣﺗﻌﻠﻣـﯾن وا ٕ ﺛـﺎرة اﻟداﻓﻌﯾـﺔ ﻧﺣـو ﻋﻣﻠﯾـﺔ اﻟـﺗﻌﻠم‪ ،‬وﺗﻔﺳـﯾر اﻟﻣﻌﻠوﻣـﺎت اﻟﻣﺟـردة‪،‬‬
‫وﺗﻣﺛل اﻟﻣﻬﺎرات ﺑدﻗﺔ ؛ ﻟذﻟك ﻫﻧﺎك ﺿرورة ﻟﺗوظﯾف اﻻﻧﻔوﺟراﻓﯾك ﻓﻲ اﻟﻌﻣﻠﯾﺔ اﻟﺗﻌﻠﯾﻣﯾﺔ‪.‬‬
‫ﻣﻔﻬﻮﻡ ﺍﻻﻧﻔﻮﺟﺮﺍﻓﻴﻚ ‪:Infographics‬‬
‫اﻻﻧﻔوﺟراﻓﯾـك ‪ Infographics‬ﻫـو ﺗﺻـوﯾر ﻣرﺋــﻲ ﯾﻌﺑـر ﻋـن طـرح ﻣﻌﻠوﻣــﺎت أو ﺑﯾﺎﻧـﺎت أو ﻣﻌرﻓـﺔ ﻋــن‬
‫طرﯾــق اﻟرﺳــوﻣﺎت واﻟﺻــور اﻟﺗوﺿــﯾﺣﯾﺔ‪ ،‬وﻫــو ﺗﺻ ــوﯾر ﻗﺻﺻــﻲ أو رواﯾــﺔ ﺗﺻــورﯾﺔ ﻟﻣﺟﻣوﻋــﺔ ﻣ ــن‬
‫اﻟﺑﯾﺎﻧـﺎت )‪ ،(NOS,2013‬وﻫـو ﻓـن اﻻﺗﺻـﺎﻻت اﻟﺑﺻـرﯾﺔ ﻛـﻧﻬﺞ إﺑـداﻋﻲ ﯾﻘـوم ﺑـﻪ ﻣﺻـﻣم أو ﻣﺟﻣوﻋـﺔ‬
‫ﻣــن اﻟﻣﺻــﻣﻣﯾن ﺑﻧــﺎء ﻋﻠــﻰ ﺣﺎﺟــﺔ اﻟﻣﺗﻌﻠﻣــﯾن‪ ،‬وﻫــﻲ ﺗﻣﺛــﯾﻼت ﺑﺻ ـرﯾﺔ ﻟﻠﺑﯾﺎﻧــﺎت واﻟﻣﻌﻠوﻣــﺎت واﻟﻣﻌرﻓــﺔ‬
‫واﻟﺗﻲ ﯾﺻﻌب ﻓﻬﻣﻬﺎ إﻟﻰ ﻣـن ﺧﻼﻟﻬـﺎ ﺗﺛﯾـر اﻻﻧﺗﺑـﺎﻩ وﺗﺷـوق اﻟﻣﺗﻌﻠﻣـﯾن ﻟﻺطـﻼع ﻋﻠﯾﻬـﺎ ﻟﻔﻬـم اﻟﺑﯾﺎﻧـﺎت‬
‫واﻟﻣﻌﻠوﻣﺎت واﻟﻣﻌرﻓﺔ اﻟﻣﻌﻘدة ﺑﻬﺎ ﺑﺻورة ﻣﺑﺳـطﺔ )‪ ،(TT ,2012‬ﯾﻤﻜ ﻦ ﻣ ﻦ ﺧﻼﻟﮭ ﺎ ﺗﺤﺴ ﯿﻦ اﻹدراك‬
‫ﻟﺘﻌﺰﯾ ﺰ ﻗ ﺪرة اﻟﺠﮭ ﺎز اﻟﺒﺼ ﺮي ﻟﻠﻤﺘﻌﻠﻤ ﯿﻦ ﻟﻤﻌﺮﻓ ﺔ اﻷﻧﻤ ﺎط واﻻﺗﺠﺎھ ﺎت )‪،(Tolisano,S. , 2012‬‬
‫و ﻫﻧـﺎك اﻟﻌدﯾـد ﻣـن اﻟﻣﺳـﻣﯾﺎت ﻟﻬـذا اﻟﻔـن‪ ،‬وﻣـن ﻫـذﻩ اﻟﻣﺳـﻣﯾﺎت )اﻧﻔوﺟراﻓﯾـك ‪ ،Infographics‬اﻟﺑﯾﺎﻧـﺎت‬
‫‪ ، Data Visualization‬اﻟﺗﺻــﺎﻣﯾم اﻟﻣﻌﻠوﻣﺎﺗﯾــﺔ ‪،( Information Design‬‬ ‫اﻟﺗﺻــورﯾﺔ "اﻟﺗﻔﺎﻋﻠﯾــﺔ"‬
‫وﯾﻌــرف ﻋﻠــم اﻻﻧﻔوﺟراﻓﯾــك ﺑﻔــن ﺗﺣوﯾــل اﻟﺑﯾﺎﻧــﺎت واﻟﻣﻌﻠوﻣــﺎت واﻟﻣﻔــﺎﻫﯾم اﻟﻣﻌﻘــدة إﻟــﻲ ﺻــو ر ورﺳــوم‬
‫ﯾﻣﻛـ ــن ﻓﻬﻣﻬـ ــﺎ واﺳـ ــﺗﯾﻌﺎﺑﻬﺎ ﺑوﺿـ ــوح وﺗﺷـ ــوﯾق ‪ ،‬وﻫـ ــو أﺳـ ــﻠوب ﯾﺗﻣﯾـ ــز ﺑﻌـ ــرض اﻟﻣﻌﻠوﻣـ ــﺎت اﻟﻣﻌﻘـ ــدة‬
‫واﻟﺻﻌﺑﺔ ﺑطرﯾﻘﺔ ﺳﻠﺳﺔ وﺳﻬﻠﺔ وواﺿﺣﺔ ﻟﻠﻘﺎرئ ‪.‬‬

‫‪٢‬‬
 ‫ﺃﻧـﻮﺍﻉ ﺍﻻﻧﻔﻮﺟﺮﺍﻓﻴـﻚ‪ :‬وﯾﻌـرض ﻣرﻛـز وﻛﺎﻟـﺔ ﺗﺻـﻣﯾم اﻻﻧﻔوﺟراﻓﯾـك ‪Neo Mammalian Studios‬‬
‫ﺑﻣﻧﺷﯾﺳـﺗر )‪ NOS(2013‬وﻛـل ﻣـن )‪ Mohiuddin, F. & Chhutani, V. (2013‬و )‪TT(2012‬‬
‫اﻷﻧواع واﻷﺷﻛﺎل اﻟﻣﺧﺗﻠﻔﺔ اﻻﻧﻔوﺟراﻓﯾك ﻛﻣﺎ ﯾﻠﻲ‪:‬‬
‫‪ ‬اﻧﻔوﺟراﻓﯾك ﺛﺎﺑت ‪ : Static Infographics‬ﻋﺑﺎرة ﻋن رﺳـم ﺗﺻـوﯾري ﯾﺷـرح ﺷـﻲء ﻣﻌـﯾن ﺑﺷـﻛل‬
‫ﺛﺎﺑت دون اﻟﺣﺎﺟﺔ إﻟﻰ أي ﺗﻔﺎﻋل ﻣﻊ اﻟﻘﺎرئ وﯾﺷﻣل‪:‬‬
‫‪ .١‬ﻣـواد ﺑﺻـرﯾﺔ ‪ :The Visual Article‬اﻟﺻـﺣف واﻟﻣﺟـﻼت واﻟﺻـور اﻟدﻋﺎﺋﯾـﺔ ﺑﻬـﺎ‪ ،‬واﻟﻧﺷـرات‬
‫اﻟﺗﺛﻘﯾﻔﯾﺔ واﻟﺗوﻋﯾﺔ‪.‬‬
‫‪ .٢‬ﻣﺧططــﺎت ﺑﯾﺎﻧــﺎت ‪ ،‬اﻟرﺳــوﻣﺎت اﻟﺑﯾﺎﻧﯾــﺔ ‪ :The Flow chart‬ﯾــﺗم اﻟﺗﻌﺑﯾــر ﺑﻬــﺎ ﻋــن ﺣﺎﻟــﺔ‬
‫ﻣؤﺳﺳـﺔ وﺗﻧظﯾﻣﻬـﺎ اﻟﻬﯾﻛﻠـﻲ ‪ ،‬أو ﻣﺟﻣوﻋـﺔ ﻣـن اﻹﺣﺻـﺎﺋﯾﺎت ﺑﻬـﺎ ‪ ،‬أو ﺗوﻗﻌـﺎت ﺗﻧﺑوﺋﯾـﺔ ﻟﺣــل‬
‫ﻣﺷﻛﻠﺔ ﻣﻌﯾﻧﺔ‪.‬‬
‫‪ .٣‬ﻧﺷرات ﻣﻔﯾدة ) ﺑرﺷورات( ‪ :Useful Bait‬ﯾـﺗم ﻋـرض ﻛﯾﻔﯾـﺔ إﺟـراء ﻣﻬـﺎرة ﻣـﺎ) ﻣﺛـل ﺧطـوات‬
‫أداء اﻟﺻﻼة ﺑطرﯾﻘﺔ ﺻﺣﯾﺣﺔ ( ‪ ،‬أو ﻋرض ﻓواﺋد ﻟﻧوع ﻣن اﻷطﻌﻣﺔ‪.‬‬
‫‪ .٤‬وﺻـــف اﻷرﻗـــﺎم اﻟﺿـــﺧﻣﺔ ‪ :Number Porn‬ﯾ ــﺗم ﻣ ــن ﺧﻼﻟﻬ ــﺎ ﻋ ــرض ﺗﺻ ــوﯾر ﺟراﻓﯾﻛ ــﻲ‬
‫ﻟﻣﺟﻣوﻋﺔ ﻣن اﻹﺣﺻﺎءات ذات اﻷرﻗﺎم اﻟﻛﺑﯾرة وﺗﺑﺳﯾطﻬﺎ ﻣن ﺧﻼل اﻟﺗﺻﻣﯾم‪.‬‬
‫‪ .٥‬اﻟﺟــدول اﻟزﻣﻧــﻲ ‪ :The Timeline‬وﻫــو ﺗﺻــوﯾر ﺟراﻓﯾﻛــﻲ ﯾﻘــوم ﺑوﺻــف اﻟﺟــدول اﻟزﻣﻧــﻲ‬
‫ﻹﺟراء ﻣﺷروع ‪ ،‬أو دﺧول اﻟطﺎﻟب اﻟﺟﺎﻣﻌﺔ وﻗﺿﺎءﻩ أرﺑﻊ ﺳﻧوات ﺑﻬﺎ‪.‬‬
‫‪ .٦‬ﺗﺻـــوﯾر اﻟﺑﯾﺎﻧـــﺎت ‪ :Data Visualization‬وﻫ ــﻲ ﯾ ــﺗم ﻋ ــرض ﺑﻬ ــﺎ ﻣﺟﻣوﻋ ــﺔ ﻣ ــن اﻟﺑﯾﺎﻧ ــﺎت‬
‫واﻷدوات ﺑطرﯾﻘﺔ ﺗﺻوﯾرﯾﺔ ﻟﻠﻣﺷﺎرﯾﻊ اﻟﻣﻌﻘدة واﻟﻣﻬﻣﺎت اﻟﺻﻌﺑﺔ‪.‬‬
‫‪ .٧‬رﺳـوﻣﺎت اﻟﻣﻘﺎرﻧـﺔ ‪ :The Vs Infographic‬وﻫـو اﻟﺗرﻛﯾـز ﻋﻠــﻰ وﺟﻬـﺔ اﻟﺷـﺑﺔ أو اﻻﺧــﺗﻼف‬
‫ﺑﯾن ﻋﻧﺻرﯾن ﻣﺎ‪.‬‬
‫‪ .٨‬اﻟﺻــور اﻟﺣﻘﯾﻘــﺔ ﻟوﺻــف اﻟﺑﯾﺎﻧــﺎت ‪ :The Photo Infographic‬وﻫــﻲ ﻋﻣﻠﯾــﺔ ﻻﺳــﺗﺧدام‬
‫اﻟﺻور اﻟﺣﻘﯾﻘﺔ واﻟﺗﻲ ﯾﺗم اﻟﺗﻘﺎطﻬﺎ ﺑﻌﻧﺎﯾﺔ ﻟﻠﺗﻌﺑﯾر ﻋن وﺻف ﻟﺑﯾﺎﻧﺎت ﻣﺎ‪.‬‬
‫‪ ‬اﻧﻔوﺟراﻓﯾـك ﻣﺗﺣـر ك وﺗﻔـﺎﻋﻠﻲ ‪ : Animated, Interactive Infographics‬وﻫـو ﻋﺑـﺎرة ﻋـن رﺳـم‬
‫ﺗﺻـوﯾري ﻣﺗﺣـرك ﯾﺗﻔﺎﻋــل ﻣﻌـﻪ اﻟﻘـﺎرئ وﻫـذا ﯾﻌﺗﻣـد ﻋﻠـﻰ ﺟــزء ﻣـن ﻣﻔﻬـوم اﻟرﺳـوم اﻟﻣﺗﺣرﻛـﺔ وﻗــد‬
‫ﻧـراﻩ ﻓـﻲ ﺑﻌـض ﻣواﻗـﻊ اﻟوﯾـب اﻟﺗـﻲ ﺑﺎﺗـت ﺗﻣﯾـل إﻟـﻰ ﻫـذا اﻟﻌﻠـم ﺑﺎﺳـﺗﺧدام ﺗﻘﻧﯾـﺎت اﻟوﯾـب اﻟﻣﺧﺗﻠﻔـﺔ‬
‫ﻣﺛــل ‪ HTML5‬واﻟ ـ ‪ CSS3‬ﻟﺗﺷــرح ﺷــﻲء ﻣﻌــﯾن‪ ،‬وﺑﻌﺿــﻬﺎ ﯾظﻬــر ﻋﻠــﻰ ﻫﯾﺋــﺔ ﻓﯾــدﯾو ﯾﺳــﺗﺧدم‬
‫رﺳوﻣﺎت اﻻﻧﻔوﺟراﻓﯾك ﻟﺗﻣﺛﯾل اﻟﻣﻌﻠوﻣﺎت‪ ) .‬ﻣﺛﺎل‪) (١‬ﻣﺛﺎل ‪.(٢‬‬

‫‪٣‬‬
 ‫ﺇﻣﻜﺎﻧﻴﺎﺕ ﺍﻻﻧﻔﻮﺟﺮﺍﻓﻴﻚ‪:‬‬
‫ﺗﻌﺗﺑر اﻻﻧﻔوﺟراﻓﯾك ذات إﻣﻛﺎﻧﯾﺎت ﻛﺑﯾرة )‪ ، (Mohiuddin, F. & Chhutani, V. 2013‬وﻫﻲ‪:‬‬
‫‪ .١‬ﺗﻐﯾﯾــر اﻟطرﯾﻘــﺔ اﻟروﺗﯾﻧﯾــﺔ ﻟﻌــرض اﻟﻣﻌﻠوﻣــﺎت واﻟﺑﯾﺎﻧــﺎت ﻟﻠﻧــﺎس وﺑﺎﻟﺗــﺎﻟﻲ ﻫــذا ﯾﺳــﺎﻋد ﻋﻠــﻰ ﺗﻐﯾﯾــر‬
‫اﺳﺗﺟﺎﺑﺔ اﻟﻧﺎس وﺗﻔﺎﻋﻠﻬم ﻣﻊ ﻫذﻩ اﻟﻣﻌﻠوﻣﺎت ﻋﻧد رؤﯾﺗﻬﺎ‪.‬‬
‫‪ .٢‬ﻋرض اﻟﻣﻌﻠوﻣﺎت و اﻷﻓﻛﺎر ﺑﺷﻛل ﺳﻬل وﺳﻠس ﯾﺳﺎﻋد ﻋﻠﻰ ﺗوﺻﯾل اﻷﻓﻛﺎر اﻟﻣﻌﻘدة ﺑﻛل ﺑﺳﺎطﺔ‪.‬‬
‫‪ .٣‬ذات ﻛﻔﺎءة ووﺿوح‪ ،‬وﻻ ﺗﻌﺗﻣد ﻋﻠﻰ ﻟﻐﺔ ﻣﻌﯾﻧﺔ ﺑﺣد ذاﺗﻬﺎ‪.‬‬
‫‪ .٤‬ﻧظﺎم ﺑﺻري ﻣﺗﻛﺎﻣل ﻟﻌرض اﻟﻣﻌﻠوﻣﺎت‪ ،‬وﯾﺷﺗﻣل ﻋﻠﻰ أﺷﻛﺎل ﻣﺗﻌددة‪.‬‬
‫‪ .٥‬طرﯾﻘﺔ اﺗﺻﺎل ﻣﺷوﻗﺔ وﺟذاﺑﺔ ﻟﻠﻌواطف‪ ،‬وﺗﻔﻬﻣﻬﺎ ﻛﺎﻓﺔ اﻟﻌﯾون ﺑﻐض اﻟﻧظر ﻋن ﻟﻐﺗﻬم‪.‬‬
‫‪ .٦‬طرق ﺟدﯾدة ﻟﻌرﺿﻬﺎ ﻣن ﺧﻼل اﻻﻧﺗرﻧت وﺷﺑﻛﺎت اﻻﺟﺗﻣﺎﻋﯾﺔ ‪ ،‬ووﺳﺎﺋل اﻻﺗﺻﺎل اﻟﻣﺧﺗﻠﻔﺔ‪.‬‬
‫‪ .٧‬إﻣﻛﺎﻧﯾﺔ ﻗراءة اﻟﻣﺟﻼت واﻟﺻﺣف ﺑطرﯾﻘﺔ أﻓﺿل وأﺳﻬل‪.‬‬
‫‪ .٨‬اﻻﻧﻔوﺟراﻓﯾك اﻟﺗﻔﺎﻋﻠﻲ ﺗﺟﻌل ﻣن اﻟﺳﯾﺎق اﻟﻧﺻﻲ ﻟﻠﻣوﺿوﻋﺎت ﺗﺻور رﻗﻣـﻲ وﻗﺻﺻـﻲ ﻣﺷـوق‪،‬‬
‫وذات ﺟﺎذﺑﯾﺔ وﺗﺷوﯾق أﻛﺛر‪ ،‬وﻗراءﺗﻪ وﻓﻬﻣﻪ ﺑطرﯾﻘﺔ أﺳرع وأﻓﺿل‪.‬‬
‫ﺧﻄﻮﺍﺕ ﺗﺼﻤﻴﻢ ﺍﻻﻧﻔﻮﺟﺮﺍﻓﻴﻚ‪:‬‬
‫ﯾﻘدم )‪ (TT,2012‬اﻟﺧطوات اﻟﻼزﻣﺔ ﻟﺗﺻﻣﯾم اﻻﻧﻔوﺟراﻓﯾك‪ ،‬ﻛﻣﺎ ﯾﻠﻲ‪:‬‬
‫‪ .١‬ﺗﺣدﯾد اﻟﻔﻛرة اﻟﺗﻲ ﺗرﻏب ﺑﻌرﺿﻬﺎ ﻟﻠﺟﻣﻬـور ﺑﺷـﻛل ﺑﺳـﯾط وﺳـﻬل‪ ،‬ﺟـذاب وﻣﺛﯾـر‪ ،‬وﻣـﺎ ﻫـﻲ ﻛﻣﯾـﺔ‬
‫اﻟﺑﯾﺎﻧﺎت اﻟﻛﺑﯾرة اﻟﺗﻲ ﺳﯾﺗم ﺗﻘدﯾﻣﻬﺎ‪.‬‬
‫‪ .٢‬ﺗﺣدﯾد ﻣﺻﺎدر ﻣوﺛوﻗﺔ ﻟﻠﻣﻌﻠوﻣﺎت اﻟﺗﻲ ﺗرﻏب ﺑﻌرﺿﻬﺎ وﺗﻣﺛﯾﻠﻬﺎ ﻟﻠﻔﻛرة اﻟﻣﺧﺗﺎرة‪.‬‬
‫‪ .٣‬ﻋﻣل رﺳم وﺗﺻور ﻣﺑدﺋﻲ ﻟﻠرﺳـم ﯾﺗﺣـدد ﻓﯾـﻪ اﻟﻌﻧـﺎوﯾن اﻟرﺋﯾﺳـﯾﺔ واﻟﻔرﻋﯾـﺔ‪ ،‬اﻟﺷـﻛل اﻟﻌـﺎم‪ ،‬اﻷﻟـوان‪،‬‬
‫طﺑﯾﻌﺔ اﻟﺗﺻﻣﯾم‪.‬‬
‫‪ .٤‬ﺗﻧﻘــﯾﺢ اﻟﺗﺻــﻣﯾم واﻟﺗﺄﻛــد ﻣــن أن ﻛــل اﻟﺑﯾﺎﻧــﺎت واﻟﻣﻌﻠوﻣــﺎت اﻟﺗــﻲ ﺗــم ﺟﻣﻌﻬــﺎ ﻋــن اﻟﻔﻛ ـرة ﻗــد ﺗــم‬
‫ﻋرﺿﻬﺎ ﺑﺎﻟﺷﻛل‪ .‬اﻟﻣرﻏوب ﺑﻪ واﻟﺷﻛل اﻟﺳﻠﯾم‪ ،‬إﺿـﺎﻓﺔ إﻟـﻰ اﻟﺗﺄﻛـد ﻣـن ﺻـﺣﺔ اﻟرﺳـوم وﻫـل ﺗﻌﺑـر‬
‫ﻋن اﻟﻔﻛرة اﻟﻣﺧﺗﺎرة أم ﻻ‪.‬‬
‫‪ .٥‬اﻹﺧراج اﻟﻧﻬﺎﺋﻲ ﻟﻠﺗﺻﻣﯾم اﻟﻣرﺳوم وﻫل ﺳﯾﻌﺗﻣد ﻛﺗﺻﻣﯾم ﺛﺎﺑت أم ﻣﺗﺣرك‪.‬‬
‫‪ .٦‬ﺑﻧﺎء اﻻﻧﻔوﺟراﻓﯾك‪.‬‬
‫‪ .٧‬ﻧﺷر اﻻﻧﻔوﺟراﻓﯾك‪.‬‬
‫ﻧﺼﺎﺋﺢ ﻋﺎﻣﺔ ﳌﻦ ﻳﺮﻏﺐ ﺑﺎﻟﺒﺪء ﰲ ﺗﺼﻤﻴﻢ ﺍﻻﻧﻔﻮﺟﺮﺍﻓﻴﻚ‪:‬‬
‫ﯾﻘـدم ﻛـل ﻣـن )‪ Mohiuddin, F. & Chhutani, V. (2013‬و )‪ Tolisano,S. (2012‬ﻣﺟﻣوﻋـﺔ‬
‫ﻣن اﻟﻣﺑﺎدئ واﻟﻧﺻﺎﺋﺢ ﻟﻣن ﯾرﻏب ﻓﻲ ﺗﺻﻣﯾم اﻻﻧﻔوﺟراﻓﯾك‪:‬‬
‫‪ .١‬اﻟﻣﻌﻠوﻣﺎت ﯾﺟب أن ﺗﻛون ﺑﺳﯾطﺔ وذات ﻋﻼﻗﺔ وﻣﺑﺳطﺔ وﻋﻠﻰ درﺟﺔ ﻋﺎﻟﯾﺔ ﻣن اﻟﻣوﺛوﻗﯾﺔ‪.‬‬

‫‪٤‬‬
‫‪ .٢‬اﻟﺑﺣــث ﻋــن ﻣﺻــﺎدر ﻣوﺛوﻗــﺔ ﻟﻠﻔﻛ ـرة اﻟﺗــﻲ ﺗرﻏــب ﺑﻌرﺿــﻬﺎ وﺗوﺛﯾــق رﺳــﻣك ﺑﺎﻟﻣﺻــﺎدر اﻟﻣﺧﺗــﺎرة‬
‫أﺳﻔل اﻟﺗﺻﻣﯾم ﺣﺗﻰ ﯾﻛون ﻫﻧﺎك ﻣﺻداﻗﯾﺔ ﻟﻠﻧﺎس ﻋﻧد ﻗراءة اﻟﻣﻌﻠوﻣﺎت ﻣن ﺗﺻﻣﯾم‪.‬‬
‫‪ .٣‬ﺗﻣﺎﺳــك اﻟﺑﻧﯾــﺔ اﻷﺳﺎﺳــﯾﺔ ﻟﻠﺗﺻــﻣﯾم ورﺑــط ﻛــل ﺟــزء ﻣــن اﻟﺻــورة ﺑﻣــﺎ ﻗﺑﻠﻬــﺎ ﺑﺣﯾــث ﺗﺿــﻣن ﻋــرض‬
‫ﻗﺻﺔ رﻗﻣﯾﺔ واﺿﺣﺔ ﻣن ﺧﻼل اﻟﺳرد اﻟﺑﺻري اﻟﻣﺗراﺑط‪ ،‬ﻟﺗﺣﻘﯾق ﻣﻐزى ﻣﻌﯾن‪.‬‬
‫‪ .٤‬اﻟﻌ ــرض اﻟﻣﻧطﻘ ــﻲ ﻟﻧظ ــﺎم اﻟﻌﻧﺎﺻ ــر اﻟﺑﺻـ ـرﯾﺔ ‪ ،‬واﻟﺗ ــدﻓق اﻟﻣﻧطﻘ ــﻲ واﻟﺗﺳﻠﺳ ــل اﻟﻬرﻣ ــﻲ ﻟﻌﻧﺎﺻ ــر‬
‫اﻟﻘﺻﺔ اﻟرﻗﻣﯾﺔ اﻟﻣﻌروﺿﺔ‪.‬‬
‫‪ .٥‬ﺗوزﯾـﻊ اﻟﻌﻧﺎﺻـر داﺧـل ﻣﺳـﺎﺣﺔ ﺷﺎﺷـﺔ اﻟﻌـرض‪ ،‬ﻣراﻋـﺎة ﻣﻌـﺎﯾﯾر اﻟﺗﺻـﻣﯾم ‪ ،‬اﺳـﺗﻐﻼل اﻟﻔراﻏـﺎت ‪،‬‬
‫ﻻ ﻻﺳﺗﺧدام اﻟﺳﻛرول )اﻟﺗﻣرﯾر( ﻓﻲ ﺷﺎﺷﺔ اﻟﻌرض‪ ،‬ﻣراﻋﺎة اﻷﺟزاء اﻟﻔﺎرﻏﺔ ﻓﻲ اﻟﺗﺻﻣﯾم‪.‬‬
‫‪ .٦‬اﻟﺗرﻛﯾز ﻋﻠﻰ اﻟﻌﻧﺎﺻر اﻟﺑﺻرﯾﺔ أﻛﺛر ﻣن اﻟﻣﻛﺗوﺑﺔ ﻓﻲ اﻻﻧﻔوﺟراﻓﯾك ‪.‬‬
‫‪ .٧‬اﺧﺗﯾﺎر اﻷﻟوان اﻟﻣﻧﺎﺳﺑﺔ ﻟﻠﺗﺻﻣﯾم‪.‬‬
‫‪ .٨‬اﻟﺗدﻗﯾق اﻹﻣﻼﺋﻲ ﻟﻠﻣﻌﻠوﻣﺎت واﻟﺗﺄﻛد ﻣن ﺧﻠوﻫﺎ ﻣن اﻷﺧطﺎء اﻹﻣﻼﺋﯾﺔ واﻟﻠﻐوﯾﺔ‪.‬‬
‫‪ .٩‬إرﻓﺎق ﺑﯾﺎﻧﺎﺗك اﻟﺷﺧﺻﯾﺔ ﻟﻠﺗواﺻل ﻓـﻲ ﻧﻬﺎﯾـﺔ اﻟﺗﺻـﻣﯾم‪ ،‬إﺿـﺎﻓﺔ إﻟـﻰ اﻟﺟﻬـﺔ اﻟﺗـﻲ ﺗرﻋـﻰ اﻟﺗﺻـﻣﯾم‬
‫إذا وﺟدت‪ ،‬وﺑﺎﻟﻧﻬﺎﯾﺔ اﻟﻣﺻﺎدر ﻛﻣﺎ ﻗﻠﻧﺎ ﺳﺎﺑﻘﺎً ‪.‬‬
‫ﻣﺼﺎﺩﺭ ﻣﻮﺛﻮﻗﺔ ﺗﺴﺎﻋﺪﻙ ﻋﻠﻰ ﺗـﻮﻓﲑ ﻣﻌﻠﻮﻣـﺎﺕ ﺻـﺤﻴﺤﺔ ﻋـﻦ ﺍﳌﻮﺿـﻮﻉ ﺍﻟﺘـﻲ ﺗﺮﻏـﺐ‬
‫ﺑﻌﺮﺿﻪ‪:‬‬
‫‪ .١‬ﻣوﻗﻊ ‪ Gapminder‬وﻫو ﻣوﻗﻊ ﻣﺧﺻص ﻟﻺﺣﺻﺎﺋﯾﺎت اﻟﻌﺎﻟﻣﯾﺔ ﻓﻲ ﺟﻣﯾﻊ اﻟﻣﺟﺎﻻت‬
‫‪http://www.gapminder.org/‬‬
‫اﻟــذي ﯾــوﻓر ﻣﻌﻠوﻣــﺎت ﻣﺣدﺛــﺔ ﺑﺷــﻛل ﻣﺗواﺻــل ﻟــﺑﻌض‬ ‫‪ .٢‬ﻣوﻗـﻊ اﻟﻌــداد اﻟﻌــﺎﻟﻣﻲ ‪worldometers‬‬
‫اﻹﺣﺻﺎﺋﯾﺎت ﻋﺎﻟﻣﯾﺎً ‪.‬‬
‫‪http://www.worldometers.info/ar/‬‬
‫‪ .٣‬ﻣرﻛز ﺟوﺟل اﻟﻌﺎﻟﻣﻲ ﻟﻠﺑﯾﺎﻧﺎت‪Public Data‬‬
‫‪http://www.google.com/publicdata/directory‬‬
‫‪ .٤‬إﺣﺻﺎﺋﯾﺎت ﻋرﺑﯾﺔ ﻋﻠﻰ ﻣوﻗﻊ‪Discover Digital Arabia‬‬
‫‪http://www.ddarabia.com/‬‬
‫ﺑﺮﺍﻣﺞ ﻣﺴﺘﺨﺪﻣﺔ ﰲ ﺗﺼﻤﻴﻢ ﺍﻹﻧﻔﻮﺟﺮﺍﻓﻴﻚ ‪:‬‬
‫ﺗﺧﺗﻠـف اﻟﺑـراﻣﺞ اﻟﻣﺳـﺗﺧدﻣﺔ ﺗﺑﻌـﺎً ﻟﻧـوع اﻻﻧﻔوﺟراﻓﯾـك اﻟﻣـراد ﺗﺻـﻣﯾﻣﻪ‪ ،‬ﻛﻣـﺎ ﺗﻌرﺿــﻬﺎ ‪Tolisano,S.‬‬
‫)‪(2012‬و )‪ TT(2012‬ﻛﺎﻟﺗﺎﻟﻲ ‪:‬‬
‫‪ .١‬اﻻﻧﻔوﺟراﻓﯾك اﻟﺛﺎﺑت‪ :‬ﺑرﻧﺎﻣﺞ اﻟﻔوﺗوﺷوب ‪ Photoshop‬وﺑرﻧـﺎﻣﺞ ‪ Snagit‬وﺑرﻧـﺎﻣﺞ ‪MindGenius‬‬
‫‪ illustrator‬واﻟﺧﯾﺎر اﻟﺛﺎﻧﻲ أﻓﺿل ﻷﻧـﻪ ﻣﻌﺗﻣـد ﻋﻠـﻰ ﻣﻔﻬـوم اﻟ ـ ‪Vector‬‬ ‫‪ ، Business‬و ﺑرﻧﺎﻣﺞ‬
‫ﺑﺎﻟرﺳم وﺑﺎﻟﺗﺎﻟﻲ اﻟدﻗﺔ ﺗﻛون أﻋﻠﻰ‪.‬‬

‫‪٥‬‬
‫‪ .٢‬اﻻﻧﻔوﺟراﻓﯾـك اﻟﻣﺗﺣـرك ‪ :‬ﺑرﻧـﺎﻣﺞ ‪ ،Aftereffect‬ﺑرﻧـﺎﻣﺞ ‪ Apple Motion‬ﻟﻛﻧـﻪ ﺧـﺎص ﺑـﺄﺟﻬزة‬
‫آﺑل ﻓﻘط‪.‬‬

‫ﻣﻮﺍﻗﻊ ﺗﺴﺎﻋﺪﻙ ﰲ ﺗﺼﻤﻴﻢ ﺍﳌﺨﻄﻄﺎﺕ ﺍﻟﺒﻴﺎﻧﻴﺔ ﻭﺍﳋﺮﺍﺋﻂ ‪:‬‬

‫‪ .١‬ﻣوﻗ ـ ــﻊ ‪ :StatSilk‬ﯾ ـ ــوﻓر ﺑـ ـ ـراﻣﺞ ﺗﺳ ـ ــﺎﻋدك ﻋﻠ ـ ــﻰ ﺗﺷ ـ ــﻛﯾل اﻟﺧـ ـ ـراﺋط واﻟرﺳ ـ ــوم واﻷﺷ ـ ــﻛﺎل اﻟﺑﯾﺎﻧﯾ ـ ــﺔ‬
‫اﻟﺗﻔﺎﻋﻠﯾﺔ‪.‬‬
‫‪ .٢‬ﻣوﻗﻊ ‪ : Piktochart‬ﻣوﻗﻊ ﻣﺗﺧﺻص ﻓﻲ ﺗﺻﻣﯾم وﺗطوﯾر ﺗﺻـﺎﻣﯾم اﻧﻔوﺟراﻓﯾـك و ﻣﻔﯾـد ﺑﺎﻟﻧﺳـﺑﺔ‬
‫ﻟﻠﻣﺑﺗــدﺋﯾن ﻓــﻲ ﻋــﺎﻟم اﻻﻧﻔوﺟراﻓﯾــك‪ ،‬و ﯾﻣﺗــﺎز ﻫــذا اﻟﻣوﻗــﻊ ﺑﺧﺎﺻــﯾﺔ اﻟﺳــﺣب واﻹﻓــﻼت & ‪Drag‬‬
‫‪ Drop‬ﻟﻸﺷـﻛﺎل‪ ،‬ﻣـﻊ إﺗﺎﺣـﺔ ﻋـدد ﻣـن اﻟﻘواﻟـب اﻟﻣﺟﺎﻧﯾـﺔ ﻟﻠﺑـدء ﻓـﻲ ﺗﺻـﻣﯾم اﻻﻧﻔوﺟراﻓﯾـك اﻟﺧـﺎص‬
‫ﺑك‪ ،‬و ﻋﻧد اﻻﻧﺗﻬﺎء‪ ،‬ﯾﻣﻛﻧك ﺗﺣﻣﯾل اﻟﺗﺻﻣﯾم ﺑﺎﻣﺗدادات ﻋﺎﻟﯾﺔ اﻟﺟودة ‪ Png‬و ‪ Svg‬و‪. Jpg‬‬
‫‪ .٣‬ﻣوﻗ ـ ــﻊ ‪ : Easel.Ly‬أداة ﻹﻧﺷ ـ ــﺎء اﻧﻔوﺟراﻓﯾ ـ ــك اﻧطﻼﻗ ـ ــﺎ ﻣ ـ ــن ﻗواﻟ ـ ــب ﺟ ـ ــﺎﻫزة و ﺗ ـ ــدﻋم ﻛ ـ ــﻼ ﻣ ـ ــن‬
‫ﻣﺗﺻﻔﺣﺎت اﻹﻧﺗرﻧت ‪ Chrome‬و ‪ Firefox‬و‪. Safari‬‬
‫‪ .٤‬ﻣوﻗ ــﻊ ‪ :Infogr.Am‬ﺑﻔﺿ ــل ﻫ ــذﻩ اﻷداة ﯾﻣﻛﻧ ــك ﺗﺻ ــدﯾر اﻟﺑﯾﺎﻧ ــﺎت ﻣﺑﺎﺷـ ـرة إﻟ ــﻰ اﻟﻣوﻗ ــﻊ وﻣ ــن ﺛ ــم‬
‫ﺗرﺟﻣﺔ ﻛل ذﻟك إﻟﻰ ﺗﺻورات ﺑﯾﺎﻧﯾﺔ ﻣرﺋﯾﺔ ‪ Visualizations‬ﻣﻔﯾدة‪.‬‬
‫‪ .٥‬ﻣوﻗـﻊ ‪ : Hohli‬أداة ﻹﻧﺟـﺎز رﺳـوم ﺑﯾﺎﻧﯾـﺔ أو ﺑﯾﺎﻧـﺎت ﺑطرﯾﻘـﺔ ﺑﺳـﯾطﺔ‪ ،‬ﯾﻛﻔـﻲ ﻓﻘـط اﺧﺗﯾـﺎر اﻟﻧﻣـوذج‬
‫اﻟﻣﻧﺎﺳب و إﺿﺎﻓﺔ ﺑﯾﺎﻧﺎﺗك‪ ،‬ﺛم ﺑﻌد ذﻟك ﺗﺧﺻﯾص اﻟﻠون و اﻟﺣﺟم اﻟذي ﺗرﯾدﻩ‪.‬‬
‫‪ .٦‬ﻣوﻗ ـ ــﻊ ‪ :Creately‬أداة ﻣﻬﻣ ـ ــﺔ ﻹﻧﺷ ـ ــﺎء اﻟﻣﺧطط ـ ــﺎت واﻟرﺳ ـ ــوم اﻟﺑﯾﺎﻧﯾ ـ ــﺔ‪ ،‬ﯾ ـ ــوﻓر ﻗواﻟ ـ ــب و رﺳ ـ ــوم‬
‫ﺗﺧطﯾطﯾــﺔ ﻣﺻــﻣﻣﺔ ﻣﺳــﺑﻘﺎ‪ ،‬ﻣــﺎ ﻋﻠﯾــك إﻻ إﺿــﺎﻓﺔ اﻟﺑﯾﺎﻧــﺎت اﻟﺧﺎﺻــﺔ ﺑــك ﺣﺗــﻰ ﺗﻧﻬــﻲ إﻧﺟــﺎزك‬
‫وﺗﺷﺎرﻛﻪ ﻣﻊ اﻵﺧرﯾن‪.‬‬
‫‪ .٧‬ﻣوﻗــﻊ ‪ :Many Eyes‬واﺣــدة ﻣــن أﺳــﻬل ﻫــذﻩ اﻷدوات‪ ،‬ﺗــوﻓر ﻟــك ﻣﺟﻣوﻋــﺔ ﻣــن اﻟﻧﻣــﺎذج اﻟﺟــﺎﻫزة‬
‫ﺣﯾث ﯾﻣﻛﻧك ﻣلء اﻟﺑﯾﺎﻧﺎت اﻟﺧﺎﺻﺔ ﺑك أو اﺳﺗﺧدام اﻟﺑﯾﺎﻧﺎت اﻟﺧﺎﺻﺔ ﺑﺎﻟﻣوﻗﻊ‪.‬‬
‫‪ ، Infographics‬ﻟﻬــﺎ واﺟﻬــﺔ ﺑﺳــﯾطﺔ وﺗﺳــﻣﺢ ﺑﺎﺳــﺗﯾراد‬ ‫‪ .٨‬ﻣوﻗــﻊ ‪ :Inkspace‬أداة ﻣﺟﺎﻧﯾــﺔ ﻹﻧﺷــﺎء‬
‫ودﻣﺞ ﺗﺻﺎﻣﯾم و ﺧطﺎطﺎت ﻋدﯾدة ﻓﻲ ﺗﺻﻣﯾم إﻧﻔوﺟراﻓﻲ واﺣد‪.‬‬
‫‪ .٩‬ﻣوﻗـﻊ ‪: Witty Comics‬أداة ﺗﺳـﻣﺢ ﻟـك ﺑﺈﻧﺷـﺎء ﻗﺻـص ﻣﺻـورة ﺑﺎﺳـﺗﺧدام ﺷﺧﺻـﯾﺎت ﺟــﺎﻫزة و‬
‫ﺧﻠﻔﯾﺎت ﻣرﺳوﻣﺔ ﻣﺳﺑﻘﺎ‪.‬‬
‫‪ .١٠‬ﻣوﻗـﻊ ‪ : Comic Creator‬ﯾﻘـدم ﺧدﻣـﺔ ﻣـن ﺧـﻼل ﻣوﻗـﻊ ‪the popular Read Write Think‬‬
‫اﻟﺷ ــﻬﯾر‪ ،‬ﻣ ــﺎ ﻋﻠ ــﻰ اﻟﻣ ــدرس أو اﻟطﺎﻟ ــب إﻻ إﻧﺟ ــﺎز اﻟﻣ ــدﺧﻼت ﻟﻛ ــﻲ ﯾﻘ ــوم ﻫ ــو ﺑﺈﻧﺷ ــﺎء اﻟرﺳ ــوم‬
‫اﻟﻛرﺗوﻧﯾﺔ ﻋﺑر ﻣﻛﺗﺑﺔ ﻏﻧﯾﺔ ﺑﺎﻟﺧﻠﻔﯾﺎت و اﻟﺷﺧﺻﯾﺎت ﻣﻊ إﻣﻛﺎﻧﯾﺔ اﻟطﺑﻊ ﻋﻧد اﻻﻧﺗﻬﺎء‪.‬‬
‫‪ .١١‬ﻣوﻗـﻊ ‪ : Pixton‬أداة راﺋﻌـﺔ ﯾﻣﻛـن ﻟﻠطـﻼب اﺳـﺗﺧداﻣﻬﺎ ﻹﻧﺷـﺎء اﻟﻘﺻـص اﻟﻣﺻـورة و اﻟﻛرﺗوﻧﯾـﺔ‬
‫اﻟﻣرﺳوﻣﺔ ﺑﺎﻟﺗﻌﺎون ﻣﻊ اﻟﻣﻌﻠم ﻓﻲ وﻗت ﻣﺗزاﻣن‪ .‬ﯾﻣﻧﺢ اﻟﻣوﻗﻊ ‪ ٣٠‬ﯾوﻣﺎ ﻟﻠﺗﺟرﯾب اﻟﻣﺟﺎﻧﻲ‪.‬‬

‫‪٦‬‬
‫‪ .١٢‬ﻣوﻗـﻊ ‪ : Make Belief Comics‬ﯾـوﻓر ﺷﺧﺻـﯾﺎت و أدوات ﻣﺧﺗﻠﻔـﺔ و ﺧﻠﻔﯾـﺎت ﺟـﺎﻫزة ﺳـﺗﻣﻛﻧك‬
‫ﻣن إﺑداع اﻟﻘﺻﺔ اﻟﻛرﺗوﻧﯾﺔ اﻟﺧﺎﺻﺔ ﺑك و ﻣﺷﺎرﻛﺗﻬﺎ ﻣﻊ اﻵﺧرﯾن‪.‬‬
‫‪ .١٣‬ﻣوﻗــﻊ ‪ : Strip Generator‬ﯾﺳــﻣﺢ ﻟــك ﺑﺈﻧﺟــﺎز اﻟﻘﺻــص اﻟﻣﺻــورة ﺑطرﯾﻘــﺔ ﺳــﻬﻠﺔ‪ ،‬ﺑﺎﺳــﺗﺧدام‬
‫ﺷﺧﺻﯾﺎت و ﻛﺎﺋﻧﺎت ﺗوﻓرﻫﺎ اﻟﻣﻛﺗﺑﺔ اﻟﺧﺎﺻﺔ ﺑﺎﻟﻣوﻗﻊ‪.‬‬
‫‪ .١٤‬ﻣوﻗــﻊ ‪ : Chogger‬ﯾﻣﻛﻧــك ﻣ ــن رﺳــم ﻛﺎرﯾﻛــﺎﺗﯾرات ﺧﺎﺻــﺔ ﺑ ــك ﺑﺎﺳــﺗﻌﻣﺎل اﻟﺻــور اﻟﺧﺎﺻ ــﺔ و‬
‫اﻟﻣوﺟودة ﻋﻠﻰ ﺟﻬﺎزك‪ ،‬ﻣﻊ إﻣﻛﺎﻧﯾﺔ اﻟرﺳم ﺑﺎﻷدوات اﻟﻣﺗﺎﺣﺔ ﻋﻠﻰ اﻟﻣوﻗﻊ‪.‬‬
‫ﻣﻠﻔــﺎت ﻣﻔﺗوﺣــﺔ اﻟﻣﺻــدر ﯾﻣﻛﻧــك اﻻﺳــﺗﻔﺎدة ﻣﻧﻬــﺎ ﻣﺛــل ﻣﻠﻔــﺎت اﻟـ ـ ‪ PSD‬اﻟﺧﺎﺻــﺔ ﺑﺑرﻧــﺎﻣﺞ‬ ‫‪.١٥‬‬
‫‪.illustrator‬‬ ‫‪ Photoshop‬أو ﻣﻠﻔﺎت اﻟـ ‪ AI‬اﻟﺧﺎﺻﺔ ﺑﺑرﻧﺎﻣﺞ‬
‫ﻻﻧﻔﻮﺟﺮﺍﻓﻴﻚ ﻋﺮﺑﻴﺎ ً ﻋﻠﻰ ﺍﻹﻧﱰﻧﺖ ‪:‬‬
‫ﻣﻮﺍﻗﻊ ﻋﺮﺑﻴﺔ ﺗﻌﺰﺯ ﻣﻦ ﺇﺛﺮﺍء ﻣﻔﻬﻮﻡ ﺍ‬
‫‪ .١‬ﻣوﻗــــﻊ ﺗﺟﺳــــﯾد‪ :‬وﻫـ ــﻲ ﻣﺑـ ــﺎدرة ﻋرﺑﯾـ ــﺔ ﻏﯾـ ــر رﺑﺣﯾـ ــﺔ ﺗﻬـ ــدف ﻟـ ــدﻋم اﻟﻣﺣﺗـ ــوى اﻟﻌرﺑـ ــﻲ ﺑرﺳـ ــوﻣﺎت‬
‫اﻧﻔوﺟراﻓﯾك ‪ ،‬وﺑﻧﺎء ﻣﻧﺻﺔ ﺗرﺑط اﻟﻣﺻﻣﻣﯾن اﻟﻣﺑـدﻋﯾن ﺑرﺟـﺎل اﻷﻋﻣـﺎل واﻟﺷـرﻛﺎت ‪ ،‬وﻫـو ﯾﻌﺗﺑـر‬
‫أوﻟﻰ اﻟﻣو اﻗﻊ اﻟﻌرﺑﯾﺔ اﻟﺗﻲ دﻋﻣت ﻣﻔﻬوم اﻻﻧﻔوﺟراﻓﯾك اﻟﻌرﺑﻲ‪.‬‬
‫‪ .٢‬ﻣوﻗﻊ ﺑﯾﺎﻧﺎﺗﻲ‪ :‬وﻫو ﻣوﻗﻊ ﯾوﻓر ﻟك اﻟﺑﯾﺎﻧﺎت ﺑﺷﻛل ﻣﺑﺳط وواﺿﺢ وﯾﻌزز ﻣﻔﻬوم اﻻﻧﻔوﺟراﻓﯾك‪.‬‬
‫‪ .٣‬ﻣوﻗـــﻊ اﻧﻔوﺟراﻓﯾـــك ﻋرﺑـــﻲ‪ :‬ﻫ ــو ﻣﺧﺻ ــص ﺑﺄرﺷ ــﻔﺔ ﻛﺎﻓ ــﺔ اﻻﻧﻔوﺟراﻓﯾ ــك اﻟﻌرﺑ ــﻲ ﻋﻠ ــﻰ اﻻﻧﺗرﻧ ــت‬
‫ﻟﯾﺷﻛل ﻣرﺟﻊ ﻋﺎﻟﻣﻲ وﻣﻌﺗﻣد ﺑﻬذا اﻟﻣﺟﺎل ﻋﺎﻟﻣﯾﺎً ‪.‬‬
‫أﻣﺎ ﻋن أﺷﻬر اﻟﻣواﻗﻊ اﻟﻌﺎﻟﻣﯾﺔ ﻓﻲ ﻫذا اﻟﻌﻠم ﻓﻬو ﻣوﻗﻊ ‪. visual‬‬ ‫‪.٤‬‬
‫ﳕﻮﺫﺝ ﻣﻘﱰﺡ ﻟﻠﺒﺎﺣﺚ ﻟﺘﻮﻇﻴﻒ ﺍﻻﻧﻔﻮﺟﺮﺍﻓﻴﻚ ﰲ ﺍﻟﺘﻌﻠﻴﻢ‪:‬‬
‫‪ .١‬اﻟﺗرﻛﯾز ﻋﻠﻰ اﻟﻣﺗﻌﻠم وﻋﻣﻠﯾﺔ اﻟﺗﻌﻠم ‪ ،‬ﻻ ﻋﻠﻰ ﺗﺻﻣﯾم اﻻﻧﻔوﺟراﻓﯾك واﺳﺗﺧدام اﻷﻟوان‪.‬‬
‫‪ .٢‬ﺗﺻﻣﯾم اﻻﻧﻔوﺟراﻓﯾك ﯾﺗم ﻓﻲ ﺿوء ﺣﺎﺟﺎت وﺧﺻﺎﺋص اﻟﻣﺗﻌﻠﻣﯾن‪.‬‬
‫‪ .٣‬ﺗﺣدﯾد اﻷﻫداف واﻟﻣﺣﺗوى اﻟﻌﻠﻣﻲ‪.‬‬
‫‪ .٤‬ﺗﺟﻬﯾز اﻟﻣﺣﺗوى اﻟﻌﻠﻣﻲ واﻟﺑﯾﺎﻧﺎت ﻣن ﻣﺻﺎدر ﻣوﺛوﻗﺔ ‪.‬‬
‫‪ .٥‬وﺿـ ــﻊ ورﺳـ ــم ﺗﺻـ ــور ﻣﺑـ ــدﺋﻲ )ﻛروﻛـ ــﻲ( ﻟﻠرﺳـ ــوﻣﺎت وﺗﺻـ ــﻣﯾم واﻷﻟ ـ ـوان اﻟﺗـ ــﻲ ﺳﺗﺳـ ــﺗﺧدم ﻓ ـ ــﻲ‬
‫اﻻﻧﻔوﺟراﻓﯾك‪.‬‬
‫‪ .٦‬ﺗطوﯾر وﺗﻧﻔﯾذ اﻻﻧﻔوﺟراﻓﯾك ﺑﺄﺣد ﺑراﻣﺞ اﻟﺗﺻﻣﯾم اﻟﻣﺳﺗﺧدﻣﺔ ﻓﻲ ﺗطوﯾرﻩ‪.‬‬
‫‪ .٧‬ﺗﻧﻘﯾﺢ اﻟﺗﺻﻣﯾم واﻟﺗﺄﻛﯾد ﻣن ﺻﺣﺔ اﻟﺑﯾﺎﻧﺎت واﻟﻣﺣﺗوى وﻣدى اﻟدﻗﺔ ﻟﻬﻣﺎ‪.‬‬
‫‪ .٨‬ﺗﻘﯾﯾم اﻻﻧﻔوﺟراﻓﯾك واﻟﺗﻘوﯾم اﻟﺑﻧﺎﺋﻲ ‪ ،‬وﺗﺟرﯾﺑـﻪ ﻋﻠـﻰ ﻋﯾﻧـﺔ اﺳـﺗطﻼﻋﯾﺔ ‪ ،‬وﻋرﺿـﻪ ﻋﻠـﻰ ﻣﺟﻣوﻋـﺔ‬
‫ﻣن اﻟﻣﺗﺧﺻﺻﯾن ﻓﻲ اﻟﻣﺟﺎل‪.‬‬
‫‪ .٩‬ﻧﺷر اﻻﻧﻔوﺟراﻓﯾك و اﺳﺗﺧداﻣﻪ‪.‬‬

‫‪٧‬‬
‫ﺍﻧﻔﻮﺟﺮﺍﻓﻴﻚ )ﺗﺼﻮﺭ ﻟﺘﻮﻇﻴﻒ ﺍﻻﻧﻔﻮﺟﺮﺍﻓﻴﻚ ﰲ ﺍﻟﺘﻌﻠﻴﻢ(‬

‫اﻟﺘﺼﻮر اﻷول‬

‫‪٨‬‬
‫اﻟﺘﺼﻮر اﻟﺜﺎﻧﻲ‬

‫‪٩‬‬
١٠
١١
١٢
 :‫ﺍﳌﺮﺍﺟﻊ‬
 NMS, Neo Mammalian Studios(2013), The 8 Types of Infographic.
Available At: http://neomam.com/infographics/the-8-types-of-infographic/
 Mohiuddin,F. & Chhutani,F. (2013). The Art & Science of Infographics . STC
India's 15th Annual Conference October 11-12, 2013 The Zuri White
Sands, Varca, Goa.
Available At: http://goa2013.stc-india.org/wp-content/uploads/2013/10/The-art-and-science-of-infographics.pdf
 Mohiuddin,F. & Chhutani,F. (2013). The Art & Science of Infographics . STC
India's 15th Annual Conference October 11-12, 2013 The Zuri White
Sands, Varca, Goa.
Available At: http://goa2013.stc-india.org/wp-content/uploads/2013/10/The-art-and-science-of-infographics.pdf
 TT, TechyTeacher (2012). Infographics.
Available At: http://schools.spsd.sk.ca/curriculum/techyteacher/2012/01/15/infographics/
 Tolisano,S. (2012).Grating Infographics
Available At: http://langwitches.org/blog/
 F. Saavedra and L. Lozano (2013). Planetary Science Multimedia: Animated
Infographics For Scientific Education And Public Outreach. 44th Lunar
And Planetary Science Conference.
Available At: http://www.lpi.usra.edu/meetings/lpsc2013/pdf/2961.pdf

١٣