Visualization of certain content alone can increase its interest and degree of understanding. However, that infographic can be made interactive so users are able to communicate, choose and explore its certain concepts, and then it becomes powerful and effective tool in conveying information and knowledge (Sorapure, 2010, Moreno & de Oliveira, 2009).
The use of infographics is very common on the web, and SVG technology is ideal for creating interactive infographics. SVG (Scalable Vector Graphic) is an open standard, based on XML (eXtensible Markup Language) technology that describes two-dimensional vector graphic. It is possible to animate infographics and make them interactive through SMIL technology that is built into the SVG standard. With ECMAScript (standardized version of JavaScript) even a more flexible way of managing content can be achieved (Duce, Herman & Hopgood, 2002, Moreno & de Oliveira, 2009, Dahlström, Ferraiolo & Grasso, 2011).
The content of SVG infographics can be dynamically generated by storing data in the XML document and then transforming it through XSLT (eXtensible Stylesheet Language for Transformations) template into a SVG graphic. This is how the separation of content and its presentation is achieved, which means that they can be edited separately, and this has numerous advantages. SVG standard supports CSS (Cascading StyleSheet) specification, that by defining styles, provides additional separation of structure and presentation of XML or SVG content (Harold & Means, 2002, ***, 2011a).
ภาพแสดงเนื้อหาบางอย่างเดียวสามารถเพิ่มความสนใจและระดับความเข้าใจ อย่างไรก็ตาม infographic ที่สามารถได้โต้ตอบเพื่อให้ผู้ใช้สามารถที่จะสื่อสาร เลือก และสำรวจแนวคิดบางอย่าง และจากนั้น มันกลายเป็นเครื่องมือที่มีประสิทธิภาพ และมีประสิทธิภาพในการถ่ายทอดข้อมูลและความรู้ (Sorapure, 2010 โมเรโน่และ de Oliveira, 2009)การใช้งานอินโฟกราฟิกส์เป็นพบมากบนเว็บ และเทคโนโลยี SVG เป็นเหมาะสำหรับการสร้างอินโฟกราฟิกส์แบบโต้ตอบ SVG (กราฟิกเวกเตอร์ Scalable) เป็นมาตรฐานเปิด เทคโนโลยี XML (eXtensible Markup Language) ซึ่งอธิบายกราฟิกเวกเตอร์สองมิติ อินโฟกราฟิกส์ภาพเคลื่อนไหว และทำให้พวกเขาโต้ตอบผ่านเวิลด์เทคโนโลยีที่มีอยู่ในมาตรฐานของ SVG ได้ มี ECMAScript (รุ่นมาตรฐาน JavaScript) แม้แต่วิธียืดหยุ่นมากขึ้นของการจัดการเนื้อหาสามารถทำได้ (Duce, Herman Hopgood, 2002 โมเรโน่ & de Oliveira, 2009, Dahlström, Ferraiolo & Grasso, 2011) ได้ เนื้อหาของ SVG infographics สามารถสร้างขึ้นแบบไดนามิก โดยเก็บข้อมูลในเอกสาร XML และจากนั้น มันเปลี่ยนผ่านเท็มเพลต XSLT (eXtensible สไตล์ชีภาษาแปลง) กราฟิก SVG นี้เป็นวิธีการแยกของเนื้อหาและการนำเสนอคือความสำเร็จ ซึ่งหมาย ความ ว่า จะสามารถแก้ไขแยกต่างหาก นี้มีประโยชน์มากมาย สนับสนุนมาตรฐาน SVG กำหนด CSS (Cascading สไตล์ชี) ให้ โดยการกำหนดลักษณะ การแบ่งแยกโครงสร้างเพิ่มเติมและการนำเสนอเนื้อหา XML หรือ SVG (แฮโรลด์และหมายถึง 2002, ***, 2011a)
การแปล กรุณารอสักครู่..

การพัฒนาเนื้อหาบางเพียงอย่างเดียวสามารถเพิ่มความสนใจและระดับของความเข้าใจของ อย่างไรก็ตาม ทิมได้แบบโต้ตอบเพื่อให้ผู้ใช้สามารถสื่อสาร และสำรวจการเลือกแนวคิดบางอย่าง และมันก็จะกลายเป็นที่มีประสิทธิภาพและมีเครื่องมือในการถ่ายทอดข้อมูลและความรู้ ( sorapure , 2010 , Moreno & de Oliveira , 2009 )ใช้ของ infographics เป็นเรื่องธรรมดามากในเว็บและ SVG เทคโนโลยีที่เหมาะสำหรับการสร้าง infographics แบบโต้ตอบ เวกเตอร์กราฟิก SVG เป็นมาตรฐานเปิดที่ยืดหยุ่น ) บนพื้นฐานของ XML ( Extensible Markup Language ) เทคโนโลยีที่อธิบายกราฟิกแบบเวกเตอร์ 2 มิติ มันเป็นไปได้ที่จะกระตุ้นให้พวกเขา infographics และโต้ตอบผ่านสมิลเทคโนโลยีที่อยู่ในมาตรฐาน SVG กับเอ็กมาสคริปต์ ( รุ่นมาตรฐานของ JavaScript ) แม้มีความยืดหยุ่นมากกว่าวิธีการจัดการเนื้อหาได้ ( duce , Herman & Hopgood 2002 Moreno & de Oliveira , 2009 , dahlstr ö m , ferraiolo & Grasso , 2011 )เนื้อหาของ SVG infographics สามารถแบบไดนามิกสร้างขึ้น โดยเก็บข้อมูลใน XML เอกสารแล้วเปลี่ยนผ่าน ( ภาษา Extensible สไตล์ XSLT สำหรับการแปลง ) แม่แบบเป็น SVG กราฟิก นี้เป็นวิธีการแยกเนื้อหาและการนำเสนอความสำเร็จ ซึ่งหมายความ ว่า พวกเขาสามารถแก้ไขแยกต่างหาก และมีข้อดีมากมาย มาตรฐาน CSS ( cascading สไตล์ชีต ) SVG รองรับสเปคที่กำหนดลักษณะ มีการแยกเพิ่มเติมของโครงสร้างและการนำเสนอเนื้อหา XML หรือ SVG ( Harold & หมายความว่า 2002 * * * * * * * * * 2011a )
การแปล กรุณารอสักครู่..
