Loading
Created by:Kaylor GarciaKaylor Garcia
{"id":487885,"type":0,"block_id":"7412817_1357838032","theme_id":20,"user_id":173213,"path":"A-Guide-to-Online-Learning-Tools","title":"A Guide to Online Learning Tools","pubtitle":"A Guide to Online Learning Tools","tags":"","public":true,"publicAccess":true,"private_link_enabled":0,"thumb":"https://s3-eu-west-1.amazonaws.com/infogram-thumbs-200/7412817_1357838032.jpg","width":550,"copyright":"Copyright notice: Kaylor Garcia","properties":{"transparent":false,"rtl":false,"export_settings":{"showGrid":true,"showValues":true},"whitelabel":false,"embed_button":"enabled","title_link":"infogram","custom_logo":"infogram","custom_link_url":"","embed_button_text":"Share","decimal_separator":".,"},"elements":[{"type":"particle","particle_id":11881312,"object_id":"8d59a286-e9fd-11e4-a037-7b5f270fdca9","particle_type":"maintitle","picture":null,"text":"A Guide to Online Learning Tools","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":463227,"object_id":"74128171357841675","particle_type":"bodytext","picture":null,"text":"To harness the power of online learning tools, it is important to understand some of their strengths and weaknesses. This infographic attempts to sort and describe different tools.","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":463419,"object_id":"74128171357844627","particle_type":"quote","picture":null,"text":"ONLINE LEARNING TOOLS BY TYPE","content_type":"","title":"For me, online learning tools can be arranged in three categories: graphics, multimedia, & simulators. Graphics are visually heavy, single media tools. Multimedia combine audio & visual components. Simulators are a specific type of multimedia with high us","shrink":null},{"type":"chart","chart_id":705035,"object_id":"7412817_1357841618","chart_type_nr":11,"data":[[["Graphics","%"],["Graphic Text","0.5"],["Timelines","0.45"],["Charts","0.85"],["Diagrams","0.88"],["Illustrations","0.75"],["Photography","0.75"],["Interactive Infographs","0.5"]],[["Multimedia","%"],["Animations","0.5"],["Audio+Pictures","0.75"],["Videos","0.9"],["Presentations","0.9"],["Web sites","0.8"]],[["Simulators","%"],["Quizzes","0.8"],["Games","0.75"],["Case Studies","0.5"],["Builders/Manipulators","0.5"]]],"custom":{},"colors":[],"dimensions":[],"modifier":0,"sheetnames":[],"sheets_settings":[]},{"type":"particle","particle_id":463365,"object_id":"74128171357844847","particle_type":"quote","picture":null,"text":"INTERACTIVITY LEVELS","content_type":"","title":"How a tool teaches determines whether a person is learning passively or actively. A user is simply the recipient of information in passive tools, while more interactive tools have users react and adapt to information. For basic concepts, simpler interacti","shrink":null},{"type":"chart","chart_id":705090,"object_id":"7412817_1357842264","chart_type_nr":5,"data":[[["title","Graphic Text","Timelines","Charts","Diagrams","Interactive Infographs","Animations","Videos","Audio & Pictures","Presentations","Case Studies","Quizzes","Games","Builders/Manipulators"],["MIN","passive","passive","passive","passive","passive","passive","passive","passive","passive","passive","passive","passive","passive"],["MAX","active","active","active","active","active","active","active","active","active","active","active","active","active"],["Value","10","30","10","30","50","30","30","20","50","70","60","90","100"],["Label","Low active engagement","Potential for active engagement","Low active engagement","Potential for active engagement","Moderate active engagement","Potential for active engagement","Potential for active engagement","Low active engagement","Moderate active engagement","Active engagement","Moderate active engagement","High active engagement","High active engagement"]]],"custom":{},"colors":[],"dimensions":[],"modifier":0,"sheetnames":[],"sheets_settings":[]},{"type":"particle","particle_id":463468,"object_id":"74128171357845374","particle_type":"quote","picture":null,"text":"BLOOM&#39;S & ONLINE LEARNING TOOLS","content_type":"","title":"Bloom defined five levels of learning with the most basic being knowledge (or remembering) and the most complicated involving analysis, evaluation, and synthesis (or creation). Different tools lend themselves to different levels of learning that are influ","shrink":null},{"type":"chart","chart_id":705157,"object_id":"7412817_1357842877","chart_type_nr":19,"data":[[["Tool","Knowledge","Understanding","Application","Analysis","Evaluation","Synthesis"],["Graphic Text","x","x"],["Charts","x","x","","x","x"],["Photography","x"],["Timelines","","x","","x","x"],["Video","x","x","","","x"],["Animations","x","x"],["Presentations","x","x"],["Audio & Text","x","x"],["Diagrams","","x","","x"],["Interactive Infographs","x","x","x","x","x","x"],["Quizzes","x","x","x","x"],["Case Studies","","","x","x","x"],["Games","","","x","x","x","x"],["Builders/Manipulators","x","x","x","x","x","x"]]],"custom":{},"colors":[],"dimensions":[],"modifier":0,"sheetnames":[],"sheets_settings":[]}],"theme":{"createdAt":"2016-04-22T04:54:06.000Z","updatedAt":"2016-12-28T10:32:12.000Z","logoImages":[""],"charts":{"wordcloud":{"labels":{"fontWeight":"700","fontFamily":"Arial"}},"treemap":{"labels":{"value":{"fontFamily":"PT Sans Narrow"},"name":{"fontWeight":"700","fontFamily":"PT Sans Narrow"}}},"table":{"cellBackground":"#ffffff","headerBackground":"#fff","cellColor":"#3e372b","headerColor":"#3e372b","shapeFill":"35b099"}},"color":{"bg":"#ffffff","text":"#000000","chart":{"bg":"transparent","text":"#000000"},"element":{"bg":"transparent","text":"#000000"}},"colorPresets":[],"localFonts":[],"font":{"common":{"fontFamily":"PT Sans","fontWeight":"400","fontStyle":"normal","fontSize":"16","textAlign":"initial"},"legend":{"fontSize":"16","fontWeight":"400"},"label":{"fontSize":16,"fontWeight":400}},"fontPresets":[],"fontFamilies":["Open Sans Condensed","Verdana","PT Sans","PT Sans Narrow"],"id":20,"title":"Cardboard-updated","usergroup":"archived","picture":"https://d1m5pq7b4fzvad.cloudfront.net/20/thumbnail.png","thumb":"/i/templates/S/cardboard.png","order":27,"public":0,"width":550,"fonts":"Open+Sans+Condensed:300,700;PT+Sans+Narrow","colors":["#35b099","#3e372b","#ffffff","#257969","#52452e","#255b50","#255b50","#6e6046","#383838","#6dccba","#7d7360","#c7c7c7"],"logocolor":"35b099","logoUrl":"","showLogo":"","showEmbed":"","embedButtonText":"","top":35,"padding":0,"spacing":20,"shrinkMargin":20,"shrinkPadding":20,"spacingElementMin":null,"spacingElementMax":null,"css":".igc-sheets .igc-sheet .igc-sheet-ico,\n.igc-sheets .igc-sheet:hover .igc-sheet-ico {\n\tborder-color: #3e372b;\n}\n.igc-sheets .igc-sheet .igc-sheet-label,\n.igc-sheets .igc-sheet:hover .igc-sheet-label,\n.igc-sheets .igc-sheet.active .igc-sheet-label {\n\tcolor: #7d7d7d;\n}\n.igc-sheet .igc-sheet-ico,\n.igc-sheet.active .igc-sheet-ico {\n\tbackground: white;\n}\n.igc-sheets .igc-sheet.active .igc-sheet-ico::after,\n.igc-sheets .igc-sheet:hover .igc-sheet-ico::after {\n\theight: 14px;\n\twidth: 14px;\n\tleft: 2px;\n\ttop: 2px;\n\tbackground: #3e372b;\n}\n.igc-textual-figure {\n\tfont-size: 45px;\n}\n.igc-table-scroll {\n\tbackground: #fff;\n}\ndiv[id^='table_'] {\n\tmargin-left: 20px;\n\tmargin-right: 20px;\n}\ndiv[id^='table_'] > .inner {\n\tpadding-left: 0 !important;\n\tpadding-right: 0 !important;\n}\n.igc-table .igc-table-cell {\n\tfont-size: 16px;\n\tborder-width: 0px;\n}\n.igc-table .igc-table-header {\n\tfont-size: 16px;\n\tfont-weight: bold;\n\tborder-width: 0px;\n}\n#footer {\n\tpadding-left: 20px;\n\tpadding-right: 20px;\n\tmin-height: 50px;\n\tmargin-top: 10px;\n}\n.picture .p1 {\n\tposition: absolute;\n\ttop: 1px;\n\tleft: 0;\n\twidth: 100%;\n\theight: 10px;\n\tbackground: url(/i/templates/20/photo-bckgrnd-up.png) repeat-x;\n}\n.picture .p2 {\n\tposition: absolute;\n\tbottom: 4px;\n\tleft: 0;\n\twidth: 100%;\n\theight: 10px;\n\tbackground: url(/i/templates/20/photo-bckgrnd-down.png) repeat-x;\n}\n.ig-copyright {\n\tcolor: #534741;\n}\n#madewith a,\n#madewith a:link,\n#madewith a:hover,\n#madewith a:visited,\n#madewith a:active {\n\tcolor: #534741 !important;\n}\n.ig-container {\n\tbackground: url(/i/templates/20/cardboard-bckgrnd.png);\n}\n.headline {\n\tfont-family: 'Open Sans Condensed';\n\tfont-weight: 300;\n\tfont-size: 60px;\n\tcolor: #ffffff;\n\ttext-align: left;\n\ttext-transform: uppercase;\n\tpadding-left: 30px;\n\tpadding-right: 30px;\n}\n.headline .innertext {\n\tbackground: #35b099;\n\tline-height: 70px;\n\tdisplay: inline-block;\n\tpadding: 10px;\n\tpadding-top: 2px;\n\tpadding-bottom: 2px;\n}\n.chart-title {\n\tfont-family: 'Open Sans Condensed';\n\tfont-weight: 300;\n\ttext-transform: uppercase;\n\tfont-size: 40px;\n\tline-height: 50px;\n\tcolor: #3e372b;\n\ttext-align: left;\n\tpadding-left: 50px;\n\tpadding-right: 50px;\n}\ndiv.quoted {\n\tmargin-right: 40px;\n\tmargin-left: 40px;\n}\n.headline span + span {\n\tmargin-top: 0px;\n}\n.bodytext {\n\tfont-family: Verdana;\n\tfont-weight: 400;\n\tfont-size: 17px;\n\tcolor: #3e372b;\n\tpadding-left: 50px;\n\tpadding-right: 50px;\n}\n.quote {\n\tborder-left: 3px solid #35b099;\n\tpadding-left: 15px;\n\tfont-family: Verdana;\n\tfont-size: 22px;\n\tcolor: #3e372b;\n}\n.quotetitle {\n\tmargin-top: 10px;\n\tfont-size: 18px;\n}\n.chart {\n\tbackground: url(/i/templates/20/chart-bckgrnd-down.png) 0 0 repeat-x, url(/i/templates/20/chart-bckgrnd-up.png) 0% 100% repeat-x;\n\tpadding-top: 12px;\n\tpadding-bottom: 12px;\n}\n.chart .inner,\n.map {\n\tbackground: rgba(255, 255, 255, 0.3);\n}\n.chart > .inner {\n\tpadding-left: 50px;\n\tpadding-right: 50px;\n}\n.picture {\n\tpadding-top: 8px;\n\tpadding-bottom: 6px;\n}\n.headline.active:hover {\n\tcolor: #49ffdd;\n}\n.headline.active:hover span {\n\tpadding-right: 22px;\n}\n#madewith.active a:hover {\n\tcolor: #49ffdd !important;\n}\n.titlepopup {\n\tleft: 2px;\n}\n.titlepopup1,\n.titlepopup2 {\n\tborder-color: #49ffdd;\n}\n.shrink .headline,\n.shrink .chart-title {\n\tpadding-left: 0;\n\tpadding-right: 0;\n}\n.shrink .chart > .inner {\n\tpadding-left: 10px;\n\tpadding-right: 10px;\n}\n.shrink .chart {\n\tmargin-left: 0;\n\tmargin-right: 0;\n}\n.ig-separator-line {\n\tbackground: rgba(62, 55, 43, 0.5);\n}\n.heatmap-legend {\n\tbackground: rgba(255, 255, 255, 0.7);\n}\n.heatmap-legend-item,\n.heatmap-label {\n\tcolor: #3e372b;\n\tfont-size: 11px;\n\tfont-family: PT Sans;\n}\n.igc-graph-pie-piece {\n\tstroke: rgba(255, 255, 255, 0.7);\n}\n.igc-tabs .igc-tab-active {\n background: #ffffff;\n }\n .igc-tabs .igc-tab .igc-tab-content,\n .igc-tabs .igc-tab.icon-down:after {\n font-family: PT Sans;\n color: #000000;\n font-weight: 400;\n }\n .igc-tabs .igc-tab,\n .igc-tab-switcher {\n color: #000000;\n } .igc-tabs.igc-tabs-dropdown .igc-tab-name {\n font-family: PT Sans;\n color: #000000;\n font-weight: 400;\n } .captiontext {font-family: PT Sans;color: #000000;font-weight: 400;} .captiontext .innertext {line-height: 1.5;}","chartOptions":{"pictobar":{"shapeStyleEmpty":{"fill":"#ffffff","opacity":0.5}},"progress":{"backgroundInactive":{"fill":"#fff","opacity":0.5}},"candle":{"colors":"3e372b 35b099"},"waterfall":{"colors":"ffffff 35b099 3e372b"},"map":{"showLegend":false,"countryyStroke":"#ffffff","countryFill":"#ffffff","canvasFill":"transparent","fillOpacity":0.5},"pie":{"type":"pie"},"common":{"_categoryOptions":{"backgroundStyle":{"fill":"#fff","fill-opacity":0.5}},"backgroundStyle":{"stroke-opacity":0,"stroke-width":0},"_gridOptions":{"marginLineStyle":{"stroke-width":0,"stroke":"transparent"},"fontStyle":{"font-family":"PT Sans","font-size":11,"text-anchor":"start","fill":"#3e372b","cursor":"default"},"lineStyle":{"stroke-width":1,"stroke":"#3e372b","stroke-dasharray":"."}},"legendOptions":{"font-size":16,"font-family":"PT Sans Narrow"},"tooltipOptions":{"nameFontStyle":{"font-family":"PT Sans Narrow","text-anchor":"start","font-weight":700,"font-size":16,"fill":"#ffffff"},"valueFontStyle":{"font-family":"PT Sans Narrow","text-anchor":"start","font-size":16,"fill":"#fff"},"containerStyle":{"stroke":"#3e372b","fill":"#3e372b"}}}},"version":1,"archived":true,"tabs":false,"zeroPaddingEmbed":true,"created_at":"2016-04-22T04:54:06.000Z","updated_at":"2016-12-28T10:32:12.000Z"},"embed":"<script id=\"infogram_0_A-Guide-to-Online-Learning-Tools\" title=\"A Guide to Online Learning Tools\" src=\"//e.infogr.am/js/dist/embed.js?BNP\" type=\"text/javascript\"></script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/A-Guide-to-Online-Learning-Tools\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">A Guide to Online Learning Tools</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>","embedIframe":"<iframe src=\"//e.infogr.am/A-Guide-to-Online-Learning-Tools?src=embed\" title=\"A Guide to Online Learning Tools\" width=\"550\" height=\"\" scrolling=\"no\" frameborder=\"0\" style=\"border:none;\"></iframe><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/A-Guide-to-Online-Learning-Tools\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">A Guide to Online Learning Tools</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>","embedWordpress":"[infogram id=\"A-Guide-to-Online-Learning-Tools\" prefix=\"h9r\" format=\"interactive\" title=\"A Guide to Online Learning Tools\"]","embedWordpressImage":"[infogram id=\"A-Guide-to-Online-Learning-Tools\" prefix=\"gaJ\" format=\"image\" title=\"A Guide to Online Learning Tools\"]","embedAsync":"<div class=\"infogram-embed\" data-id=\"A-Guide-to-Online-Learning-Tools\" data-type=\"interactive\" data-title=\"A Guide to Online Learning Tools\"></div><script>!function(e,t,n,s){var i=\"InfogramEmbeds\",o=e.getElementsByTagName(t),d=o[0],a=/^http:/.test(e.location)?\"http:\":\"https:\";if(/^\\/{2}/.test(s)&&(s=a+s),window[i]&&window[i].initialized)window[i].process&&window[i].process();else if(!e.getElementById(n)){var r=e.createElement(t);r.async=1,r.id=n,r.src=s,d.parentNode.insertBefore(r,d)}}(document,\"script\",\"infogram-async\",\"//e.infogr.am/js/dist/embed-loader-min.js\");</script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/A-Guide-to-Online-Learning-Tools\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">A Guide to Online Learning Tools</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>","embedImageAsync":"<div class=\"infogram-embed\" data-id=\"A-Guide-to-Online-Learning-Tools\" data-type=\"image\" data-title=\"A Guide to Online Learning Tools\"></div><script>!function(e,t,n,s){var i=\"InfogramEmbeds\",o=e.getElementsByTagName(t),d=o[0],a=/^http:/.test(e.location)?\"http:\":\"https:\";if(/^\\/{2}/.test(s)&&(s=a+s),window[i]&&window[i].initialized)window[i].process&&window[i].process();else if(!e.getElementById(n)){var r=e.createElement(t);r.async=1,r.id=n,r.src=s,d.parentNode.insertBefore(r,d)}}(document,\"script\",\"infogram-async\",\"//e.infogr.am/js/dist/embed-loader-min.js\");</script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/A-Guide-to-Online-Learning-Tools\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">A Guide to Online Learning Tools</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>"}