Data Studio: การจัดทำข้อมูลอินเทอร์แอคทีฟเสมือนจริง

เพิ่มความน่าสนใจให้กับชุดข้อมูลของคุณโดยการจัดทำ ผลงานอินเทอร์แอคทีฟด้วยชุดเครื่องมือที่ใช้งานได้ง่าย

ภาพรวมเกี่ยวกับบทเรียน

เรียนรู้วิธีการจัดแสดงข้อมูลที่บอกเล่าเรื่องราวของคุณ
Data Studio เป็นเครื่องมือพิเศษในการจัดแสดงข้อมูลอินเทอร์แอคทีฟสำหรับอัพเดตข้อมูลแบบเรียลไทม์โดยใช้ข้อมูลจากแหล่งที่มาต่าง ๆ ในการนำเสนอข้อมูล Data Studio ช่วยให้คุณสามารถบอกเล่าเรื่องราวผ่านข้อมูล และนำเสนอได้อย่างน่าสนใจ การจัดแสดงข้อมูลนี้ช่วยให้ผู้ใช้สามารถมีปฏิสัมพันธ์กับเนื้อหาและมุมมองที่หลากหลาย
- การเชื่อมต่อ Google Sheets กับ Data Studio
- การแก้ไขข้อมูลของคุณ
- การจัดทำกราฟเส้น
- การเพิ่มแผนภาพตาราง
- การแก้ไขผลงานในการจัดแสดงข้อมูลของคุณ
- การแทรกฟังก์ชั่นสำหรับนำเสนอข้อมูลอินเทอร์แอคทีฟของคุณ
ดูรายละเอียดเพิ่มเติมเกี่ยวกับวิชา การนำเสนอข้อมูล ได้ที่:
https://newsinitiative.withgoogle.com/training/course/data-journalism

การเชื่อมต่อ Google Sheets กับ Data Studio





ในตอนเริ่มต้น กรุณาศึกษาบทเรียนในศูนย์การฝึกอบรมของเราในหัวข้อ Google Sheets: การลบข้อมูลจากอินเทอร์เน็ต และ Google Sheets: การล้างข้อมูล ก่อน อย่าลืมล็อกอินโดยใช้บัญชีผู้ใช้เดียวกัน เราจะใช้เอกสารข้อมูลที่เราจัดทำจากบทความใน Wikipedia ในบทเรียนก่อนหน้าเพื่อการนำเสนอข้อมูลที่ในที่นี้
ไปที่ datastudio.google.com และเริ่มจัดทำรายงานชุดใหม่โดยคลิกที่รูปสี่เหลี่ยมเปล่าที่มีไอคอน +
จาก Data Studio ส่วนการจัดแสดงข้อมูลจะเรียกเป็น "reports" เชื่อมต่อ Google Sheet กับรายงานชุดนี้โดยเลือก Create a New Data Source จากด้านล่างขวา
เมนูจะเลื่อนขึ้นเพื่อแสดงส่วนบริการที่เราสามารถใช้ดึงข้อมูล เลื่อนไปที่ Google Sheets จากนั้นคลิก SELECT
จากช่องค้นหา คุณจะเห็นไฟล์ Google Sheet ที่เชื่อมโยงกับบัญชี Google Drive ของคุณ (หากนี่เป็นครี้งแรกที่คุณใช้ Google Data Studio คุณอาจต้องให้สิทธิ์อนุญาตสำหรับบัญชี Drive ของคุณ)เลือกกระดาษคำนวณและใบงานที่เกี่ยวข้องที่จัดเก็บข้อมูลไว้
ทำเครื่องหมายในช่อง Options ทั้งหมด แล้วคลิกที่ Connect





การแก้ไขข้อมูลของคุณ




Editing your data
เริ่มจากเปลี่ยนชื่อส่วนการจัดแสดง คลิกที่มุมด้านซ้ายบนที่ระบุว่า Untitled report เราจะตั้งชื่อเป็น “Top 50 Highest Grossing Movies in the World.”
จาก Type ให้แก้ไขข้อมูลในแถวที่ 5 จาก Number เป็น Date & Time > Year (YYYY) หากตั้งค่า Year (YYYY) อยู่แล้ว ให้ปล่อยไว้ตามเดิม
เลือก Add to Report ซึ่งเป็นปุ่มสีน้ำเงินทางด้านขวาบน คลิกอีกครั้งที่ตัวเลือกเดียวกันที่ปรากฏขึ้นมา
จากนั้นเราจะปรับส่วนการจัดแสดงเป็นขนาดความกว้าง 630 พิกเซล สูง 800 พิกเซล คลิกที่ใดก็ได้แล้วพิมพ์ตัวเลขไปในหัวข้อ Canvas Size




การจัดทำกราฟเส้น






เราจะทำการเพิ่มแผนภูมิกราฟเส้นแบบอินเทอร์แอคทีฟเพื่อแสดงรายได้รวมทั่วโลกในปีที่เกี่ยวข้อง หลังจากคลิกที่ปีใด ๆ บนเส้น ตารางจะปรากฏขึ้นเพื่อแสดงภาพยนตร์ยอดนิยมจากยอดรายได้สูงสุดไปที่รายได้ต่ำสุด
เริ่มจากเลือกเครื่องมือรูปสี่เหลี่ยมผืนผ้าแล้วลากเคอร์เซอร์เมาส์ไปที่ด้านบนของหน้าเอกสาร ใช้ text tool เพื่อเพิ่มชื่อ ใช้แถบรายการด้านขวาเพื่อกำหนดรูปแบบของข้อความ
ไปที่ Add a Chart แล้วคลิกที่ Smoothed line chart
ปรับขนาดให้พอดีด้านล่างของชื่อ และเว้นช่องว่างไว้สำหรับแผนภาพถัดไป
ปรับขนาด โครงสร้างและจัดเรียงกราฟเส้นโดยดับเบิลคลิกเลือกสำหรับ Dimension ให้ลากและวาง Year เพื่อแทนที่ Title จากนั้นแทนที่ Metric ด้วย Worldwide gross
จาก Sort คลิกที่ Worldwide gross จากนั้นคลิกที่ Year
แก้ไขตัวเลือกในการจัดเรียงเป็น Ascendingที่ด้านล่างจะเห็นหัวข้อ Interactions ปรากฏขึ้น เลือก Apply filter หลังจากนี้ทุกครั้งที่คลิกที่กราฟเส้น จะเป็นการใส่ฟิลเตอร์ที่ตาราง






การเพิ่มแผนภาพตาราง





Adding a table chart
เลือก Add a chart > Table chart ปรับขนาดเพื่อแสดงรายการ 10 แถวแรก
เราจะลองตั้งค่าตารางนี้เป็นสามรูปแบบตามลำดับดังนี้ Year, Rank และ Worldwide gross ไปที่ Metrics แล้วเพิ่มฟิลด์เหล่านี้ โดยการลากจาก Available Fields หรือคลิกที่ Add metric
จากนั้นไปที่ Style > Table Colors เพื่อแก้ไขสีของหัวเรื่องให้เป็นสีเทาเข้ม
ไปที่ Table Footer แล้วลบเครื่องหมายที่ Show pagination
ตอนนี้คุณจะสามารถเพิ่มข้อความระบุแหล่งข้อมูล และคำแนะนำต่าง ๆ ในการใช้งานแผนภาพ เลือก Text แล้วเพิ่มไปยังด้านล่างของตาราง





การแก้ไขผลงานในการจัดแสดงข้อมูลของคุณ




ลองพิจารณาส่วนประกอบในรูปแบบต่าง ๆ และข้อความที่คุณสามารถใช้เพื่อปรับแต่งการนำเสนอของคุณ
เพิ่มข้อความแบบกำหนดทิศทาง เช่น “เลื่อนเพื่อดูรายละเอียดเพิ่มเติม” โดยคลิกที่ Text จากนั้นพิมพ์ข้อความของคุณลงไป
คุณสามารถดูตัวอย่างการนำเสนอได้ทุกเมื่อโดยคลิกที่ View สลับกลับไปมาระหว่างโหมด View และ Edit โดยคลิกซ้ำอีกครั้ง
ขณะอยู่ในโหมด View คุณสามารถคลิกที่ใดก็ได้ในบรรทัด จากนั้นตารางด้านล่างจะแสดงภาพยนตร์ 50 อันดับแรกของปีดังกล่าวขึ้นมา
โหมด View ยังสามารถใช้เพื่อดูผลงานนำเสนอที่จัดทำแบบครบถ้วน ครอบคลุมทั้งชื่อ กราฟเส้นและตาราง




การแทรกฟังก์ชั่นสำหรับนำเสนอข้อมูลอินเทอร์แอคทีฟของคุณ


คุณสามารถแชร์ผลงานนำเสนอได้ผ่านทางอีเมลหรือแทรกไว้ในเว็บไซต์ของคุณ
แชร์ผลงานนำเสนอนี้ในลักษณะเดียวกับการแชร์เอกสาร GSuite อื่น ๆ
แทรกผลงานนำเสนอแบบอินเทอร์แอคทีฟไปยังเว็บไซต์ของคุณโดยคลิกที่ File > Embed report ทำเครื่องหมายในช่อง Enable embedding แล้วใช้ชุดรหัสข้อมูลในหน้าเอกสารของคุณ


ขอแสดงความยินดี!

คุณผ่านการเรียนรู้ในหัวข้อ “Data Studio: การจัดทำข้อมูลอินเทอร์แอคทีฟเสมือนจริง” แล้ว
พัฒนาทักษะด้านวารสารศาสตร์ในระบบดิจิตอลของคุณต่อไป พร้อมรับการรับรองจาก Google News Initiative โดยไปที่เว็บไซต์ศูนย์ฝึกอบรมของเราและศึกษาบทเรียนเพิ่มเติม
ดูรายละเอียดเพิ่มเติมเกี่ยวกับวิชา การนำเสนอข้อมูล ได้ที่:
https://newsinitiative.withgoogle.com/training/course/data-journalism

-
Google News Archive: เข้าถึงอดีต
บทเรียนค้นพบการตีพิมพ์แบบดิจิตอลที่ผ่านมาและหนังสือพิมพ์ที่สแกนเก็บไว้ -
เพิ่มรายได้จากโฆษณาดิจิทัลด้วย Google Ad Manager
บทเรียนเริ่มต้นใช้งาน Google Ad Manager เพื่อเพิ่มรายได้จากโฆษณาดิจิทัล -