คู่มือการทำ Dashboard ด้วย โปรแกรม Looker Studio เสนอ คณาจารย์สาขาวิชาบัญชี รายวิชา 946-412 สัมมนาทางการบัญชี (Seminar in Accounting) ภาคการศึกษาที่ 2 ปีการศึกษา 2566 หลักสูตรบัญชีบัณฑิต คณะพาณิชยศาสตร์และการจัดการ มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตตรัง
ผู้รับผิดชอบโครงการ 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. นางสาวขวัญฤดี นางสาวเจษฎาพร นางสาวชญานิศ นางสาวณัฐกานต์ นางสาวดาหวัน นางสาวนัสรี่ย์ นางสาวพุทธิมน นายรณกร นางสาวอมรรัตน์ นางสาวอัญมณี นายไชยกร นายยศวัฒน์ นางสาวรอยฮา นายณัฐภัทร นางสาวนริณญา นางสาวนูรฮัสปริงนี นางสาววรัชฎา นางสาวอัสมี นางสาวจิรัชญา อาดำ อารามรมณ์ ส่งแสง อิดทิ้ง อ้นวิเศษ ปังแลมาปุเลา ตั้งกิจเจริญไพศาล อังศุโชติกุล แสงจับจิต แก้วมณี สาริพัฒพัน์ บุญส่ง ดามูซอ พิพัฒพัน์วสุธากุล มาน๊ะ แซ่บุญ จิตรวงศ์ รานีสะ เส็นขาว รหัสนักศึกษา 6350111007 รหัสนักศึกษา 6350111014 รหัสนักศึกษา 6350111016 รหัสนักศึกษา 6350111020 รหัสนักศึกษา 6350111026 รหัสนักศึกษา 6350111033 รหัสนักศึกษา 6350111056 รหัสนักศึกษา 6350111066 รหัสนักศึกษา 6350111103 รหัสนักศึกษา 6350111109 รหัสนักศึกษา 6350111119 รหัสนักศึกษา 6350111129 รหัสนักศึกษา 6350111130 รหัสนักศึกษา 6350111136 รหัสนักศึกษา 6350111139 รหัสนักศึกษา 6350111141 รหัสนักศึกษา 6350111146 รหัสนักศึกษา 6350111157 รหัสนักศึกษา 6350111161 อาจารย์ที่ปรึกษา : อาจารย์จิรวัฒน์ สินไชย
เรื่อง สารบัญ Looker Studio คือ อะไร รูปแบบ Chart การเลือกใช้สี เริ่มต้นการใช้งาน Looker Studio การเตรียมข้อมูลด้วย Google Sheet การสร้างข้อมูลรายงาน แถบข้อมูลเบื้องต้น Looker Studio รายละเอียด Chart หน้า ก 1 3 8 12 14 17 20 21 สารบัญ ก
Looker Studio คืออะไร? Looker Studio คือ Business Intelligence Tool จาก Google สำ หรับทำ Data Visualization ที่ช่วยเปลี่ยนข้อมูลอ่านยาก ๆ ในตารางมาเป็นภาพให้เข้าใจง่ายขึ้น โดยเป็น เครื่องมือที่ใช้งานง่าย ไม่ซับซ้อน มีกราฟให้เลือกเยอะกว่า 30 แบบ และสามารถดาวน์โหลด กราฟอื่น ๆ ใน Community Visualizations เพิ่มได้ฟรี สามารถปรับแต่ง Dashboard ได้ หลากหลาย รวมไปถึงทำ Interactive Dashboard ได้อีกด้วย ที่ถ้าอยากดูข้อมูลบางส่วนก็ แค่คลิกส่วนที่อยากดู ส่วนอื่น ๆ ก็จะถูกปรับไปด้วย เทียบกับ Spreadsheets อย่าง Google Sheets ที่สามารถทำ Data Visualization ได้เช่นกัo แต่มีความยุ่งยากกว่ามากและการสรุปข้อมูลด้วยกราฟบางตัวใน Google Sheets ก็อาจอ่านค่าได้ไม่สะดวกเท่าการทำ Interactive Dashboard ใน Looker Studio เพราะ Spreadsheets เหมาะกับการทำ Data Analytics มากกว่า Data Visualization Looker Studio คือ อะไร? Looker Studio ต่างจาก Google Data Studio อย่างไร? Looker Studio คือ ชื่อใหม่ของ Google Data Studio ที่ยังคงฟังก์ชันและฟีเจอร์ ต่าง ๆ เหมือนเดิมทุกอย่าง แต่นับตั้งแต่วันที่ Google Data Studio เปลี่ยนชื่อเป็น Looker Studio (เดือนตุลาคม ปีพ.ศ.2565) จนถึงวันนี้ Looker Studio ก็มีอัปเดตต่าง ๆ เพิ่ม มากมาย เช่น Sankey Chart แผนภูมิที่อธิบายข้อมูลที่มีความซับซ้อนด้วยภาพแสดงการไหล ของข้อมูล, ฟีเจอร์ zoom/pan บนแผนภูมิ, การปรับแต่งสไตล์ของแผนภูมิ เป็นต้น การเชื่อมต่อข้อมูล (Data Connection) Analytics, Google Ads, Google Search Console และ YouTube Analytics Looker Studio สามารถดึงข้อมูลได้หลาย Data Sources แบ่งเป็น 3 ประเภท คือ 1. Google Connectors เช่น MySQL, AppSheet, BigQuery, Google Sheets, Google 2. Partner Connectors กว่า 800 connectors เช่น Facebook Ads และ Tiktok Ads 3. Open Source Connectors เช่น Github และ Stackoverflow เป็นต้น 1
และยังมี Template ฟรีให้ดาวน์โหลด จาก Looker Studio Marketing Template ได้โดยผู้ใช้สามารถปรับแต่งรูปแบบและแก้ไขข้อมูลได้ง่าย ๆ ช่วยเพิ่มความสะดวกและลด เวลาทำ งานไปได้เยอะ และที่สำ คัญ Looker Studio สามารถทำ Data Blending หรือการดึง ข้อมูลจากหลาย Data Sources ที่มีความสัมพันพัธ์กัน มาสรุปข้อมูลเป็นกราฟเดียวได้ การทำ งานร่วมกับคนในทีม (Collaboration) Looker Studio สามารถแชร์ Report หรือ Dashboard ให้ผู้ใช้ข้อมูลกดควบคุม เฉพาะข้อมูลที่อยากเห็นแบบ Interactive เองได้ และไม่สามารถแก้ไข Raw Data ใน Data Sources ได้ ต่างจาก Google Sheets ที่ผู้ใช้ข้อมูลสามารถเข้าถึง Raw Data ได้ ถ้าไม่มีการ ตั้งค่าป้องกัน ซึ่งยุ่งยากกว่า Looker Studio ที่สามารถกำ หนดระดับการเข้าถึงข้อมูลได้ง่าย และสะดวกมากกว่า Looker Studio เหมาะกับใคร ? Looker Studio เหมาะกับทุกคนที่อยาก Visualize ข้อมูลแบบง่าย ๆ และสวยงาม ยิ่งถ้าองค์กรของใครใช้ Google Services อยู่แล้ว การใช้ Looker Studio คือตัวเลือกการ ทำ Data Visualization ที่ดีและตอบโจทย์เพราะสามารถดึงข้อมูลจาก Google Services ได้โดยตรง หรือถ้าใครกำ ลังทำ Data Analytics และ Data Visualization ด้วย Google Sheets อยู่ การลองเริ่มต้นใช้ Looker Studio เพื่อช่วยทำ Data Visualization ก็เป็น ตัวเลือกที่ดีเพราะการใช้เครื่องมือที่เหมาะสมจะช่วยให้คุณสามารถทำ งานได้ง่ายและมี ประสิทธิภาพมากขึ้น Looker Studio เป็นเครื่องมือฟรี ที่สามารถทำ งานผ่าน Website Browser ใช้งาน ได้ทั้งในคอมพิวเตอร์ระบบปฏิบัติการ Windows และ MacOS สะดวกทั้งการแชร์และ การทำ งานร่วมกันของคนในทีม โดยไม่ต้องลงโปรแกรมเพิ่มเติม 2
1) Table ตารางประกอบไปด้วย 2 ส่วน ได้แก่ คอลัมน์และแถว ซึ่งช่วยจัดการข้อมูล ให้เรียบร้อย ช่วยให้มองเห็นบริบทและความสัมพันพัธ์ของข้อมูลหลาย ๆ ชุดได้อย่างง่ายดาย รูปแบบ Chart รูปแบบ Chart ประเภทต่าง ๆ 3 2) Scorecard ใช้สำ หรับเน้นข้อมูลเป็นรายตัว ซึ่งจะไม่ถูกนำ ไปรวมกับข้อมูลอื่น แต่ จะยังคงมีผลต่อการใช้ Filter control ต่างๆ มีจุดเด่น คือ แสดงข้อมูลที่สำ คัญที่สุด 3) Time series ใช้สำ หรับดูแนวโน้มการเปลี่ยนแปลงตามช่วงเวลา โดยสามารถ เปรียบเทียบกันในแต่ละช่วงเวลาได้ด้วย มีจุดเด่นที่ แนวโน้มความเป็นไปได้ของข้อมูล
4) Bar ใช้เปรียบเทียบจำ นวนข้อมูลในแต่ละชุด เช่น รายรับในแต่ละเดือน ยอดขายที่ ขายได้จริงเปรียบเทียบกับเป้าหมายยอดขายที่ตั้งไว้ 4 6) Google Maps /Geo Chart แผนภูมิภูมิศาสตร์ ที่เหมาะสมกับข้อมูลที่มีการแบ่ง ทวีปหรือประเทศ เนื่องจากบอกข้อมูลในแต่ละภูมิภาคได้ดี เช่น การแสดงข้อมูลการขายของ แต่ละประเทศ หรือแต่ละภาคว่าภาคที่มียอดขายสูงสุดคือภาคใด โดยสิ่งที่ค่ามาก จะถูกจัดให้ อยู่ในสีเข้ม และส่วนไหนที่มีค่าน้อยจะถูกจัดให้อยู่ในสีอ่อน 5) Pie ใช้เปรียบเทียบข้อมูลในแต่ละส่วน มีประโยชน์มากเมื่อใช้เปรียบเทียบข้อมูลไม่ เกิน 4-5 ชนิด และไม่ควรนำ แผนภูมิวงกลมมาเปรียบเทียบกัน มีจุดเด่นที่การดูองค์ประกอบ ของข้อมูล
9) Scatter เป็นแผนภูมิที่มีแกนค่าสองแกน (แกนค่าแนวนอน X และแกนค่าแนวตั้ง Y) ซึ่งจะแสดงข้อมูลเป็นชุด (ที่จุดตัดของค่าตัวเลข X และ Y) และสามารถตั้งค่าจำ นวนของ จุดข้อมูลได้สูงสดุ ถึง 10,000 จุดด้วยกัน แผนภูมิกระจายเหมาะสำ หรับการแสดงข้อมูลและ การเปรียบเทียบค่าตัวเลข 2 ค่า ในกรณีที่ค่าตัวเลขในแกนนอนมีระยะห่างระหว่างค่าไม่ สม่ำ เสมอ หรือจุดข้อมูลในแกนนอนมีจำ นวนมาก เช่น ค่าทางสถิติข้อมูลเชิงลึกจำ พวกข้อมูล ทางวิศวกรรม กรณีเปรียบเทียบ ตัวเลข 7) Line ใช้เปรียบเทียบข้อมูลเมื่อดูแนวโน้ม โดยจะเปรียบเทียบกับมิติของเวลา เช่น กราฟยอดรายรายไตรมาส กราฟจำ นวนลูกค้าใหม่ในแต่ละเดือน 5 8) Area เหมาะสำ หรับแสดงแนวโน้มโดยรวมของชุดข้อมูล แต่จะเน้นให้เห็นถึงการ เปลี่ยนแปลงปริมาณข้อมูลในแต่ละช่วงเวลาด้วยพื้นที่สีที่แสดงภายใต้เส้น ซึ่งเป็นตัวช่วยใน การดูและเปรียบเทียบแนวโน้มปริมาณข้อมูลเพิ่มเติมได้
11) Sankey เป็นกราฟที่ช่วยอธิบายข้อมูลที่มีความซับซ้อนด้วยรูปภาพ โดยจะแสดง ปริมาณการไหลของเซตของข้อมูลหนึ่งไปยังเซตของข้อมูลหนึ่งที่สัมพันพัธ์กัน ซึ่งประกอบด้วย Node เป็นจุดเชื่อม และ Links ทำ หน้าที่เชื่อมต่อข้อมูลที่มีความสัมพันพัธ์ซึ่งกันและกัน หาก ต้องการแสดงข้อมูลหรือนำ เสนอข้อมูลที่มีลักษณะเป็น Many to many mapping ระหว่าง สองโดเมน Sankey Diagram จะเป็น Visualization ที่เหมาะสม 10) Treemap เป็นแผนภูมิที่แสดงข้อมูลแบบลำ ดับชั้นเป็นรูปสี่เหลี่ยมวางเรียงต่อ ๆ กัน โดยจะแบ่งลำ ดับชั้น 2 ระดับ คือ ‘กิ่ง’ จะแบ่งตามสีแต่ละกิ่ง Group และ ‘ใบ’ จะเป็นสี่เหลี่ยม ย่อยเล็กๆ ภายในอีกที จะแบ่งส่วนตามข้อมูลใน Value เราจะใช้แผนภูมิต้นไม้สำ หรับการ เปรียบเทียบประเภทข้อมูลจำ นวนมากที่มีลำ ดับชั้น โดยใช้รูปสี่เหลี่ยมพื้นสีแสดงข้อมูล ซึ่งจะ แสดงขนาดตามสัดส่วนข้อมูลภายในลำ ดับชั้นนั้น ๆ 6 12) Gauge คือ แผนภูมิหน้าปัดความเร็วโค้งวงกลม ใช้ในการแสดงค่าเดียว ที่วัด ความคืบหน้าเพื่อไปสู่เป้าหมาย เส้นแสดง Key Performance Indicator (KPI) แทนค่าเป้า หมาย หรือปลายทาง การแรเงาแทนด้วยความคืบหน้าสู่เป้าหมาย แผนภูมิ Gauge chart เหมาะสำ หรับการนำ ไปใช้แสดง ความคืบหน้าเพื่อจะติดตามการบรรลุเป้าหมาย การวัดร้อย ละ เช่น KPI.
13) Waterfall เป็นแผนภูมิแสดงผลรวมสะสมใช้ในการวิเคราะห์ค่าเริ่มต้นและเมื่อมี การเปลี่ยนแปลงค่าที่ได้จะเป็นเชิงบวก หรือเชิงลบ โดยคอลัมน์แรกและคอลัมน์สุดท้ายคือ ช่วงเวลาในการวิเคราะห์ข้อมูล แผนภูมิแบบน้ำ ตก เหมาะสำ หรับการแสดงข้อมูลที่มีค่าตั้งต้น การเปลี่ยนแปลงที่เกิดขึ้นในแต่ละช่วง 7
1.Analogous หรือสีใกล้เคียงกัน เป็นสีที่อยู่ใกล้เคียงกันในวงล้อสี เช่น สีเหลืองกับ เขียวเหลือง สีทั้งหมดจะดูกลมกลืนกัน (harmony) สีที่อยู่ห่างกันออกไป ความกลมกลืนก็จะ ค่อย ๆ ลดลง ความขัดแย้ง หรือความตัดกันก็จะเพิ่มมากขึ้น จนกลายเป็นคู่สี หรือสีตัดกัน อย่างแท้จริงเมื่อห่างกันจนถึงจุดตรงข้ามกัน การเลือกใช้สี จากเว็บไซต์ Adobe Color 8 2.Monochromatic สีเดียว สีพื้นฐานในงานออกแบบ ใช้งานง่ายเพราะมีสีหลักแค่สี เดียว ช่วยเพิ่มความโดดเด่นให้กับงานและเพิ่มอารมณ์ของสีลงไปในงานได้เยอะ แต่จะติด ปัญหานิดหน่อยถ้าเรามีองค์ประกอบอื่นๆ เราจะพบสีนี้ได้มากในงานแนวๆ minimalist จริง แล้วการออกแบบโดยใช้ Monochromatic ก็ต้องหาสีอื่นเข้ามาช่วย แต่ควรเลือกใช้สีอื่น เพียงสีเดียวเท่านั้น
3.Triad เป็นการเลือกใช้สีแบบสมดุลใช้รูปสามเหลี่ยมในวงล้อสี โดยที่ Triadic จะมี ความหลากหลายมากกว่าแต่ไม่ถึงกับเด่นแบบ Complementary ทำ ให้งานของเราดูมองแล้ว สบายตามากกว่า 9 4.Complementary เป็นวิธีเลือกใช้สีคู่ตรงกันข้าม เพื่อสร้างความโดนเด่น กระตุ้น อารมณ์ของผู้ดูได้ ข้อได้เปรียบของ Complementary คือ ความโดดเด่นในตัวขององค์ ประกอบ เพราะสีเป็นตัวช่วยเพิ่มความโดดเด่นได้มาก สีแบบ Complementary จะดูรุนแรง ดุดัน จัดจ้าน โดดเด่น
5.Split Complementary ประกอบด้วย 1 สีหลัก และ 2 สีรอง โดย 2 รองจะอยู่สีข้าง ซ้ายและขวาของสีคู่ตรงข้ามกับสีหลัก หลักการนี้ชุดสีที่ได้ค่อนข้างมีความต่างสูง (contrast) เหมือนการใช้หลักการของการจับคู่สีตรงข้ามแต่จะให้ความรู้สึกผ่อนคลายมากกว่า 10 6.Double Split Complementary สีคู่ตรงข้ามที่ใกล้เคียงกัน หรือการใช้สีสองสีที่ติด กัน กับสีคู่ตรงกันข้ามของสองสีนั้น 7.Square ชุดสีสี่เหลี่ยม ชุดสีที่ประกอบด้วย 4 สี ซึ่งเทคนิคการเลือกสีคือใช้สี่เหลี่ยม ด้านเท่ามาทาบลงบนวงล้อสี
8.Compound เป็น 2 สีคู่ตรงข้าม และอีก 2 สีที่ใกล้เคียงในแต่ละฝั่ง 11 9.Shades เป็นสีเดียวและเพิ่มสีดำ ลงในสีนั้น ๆ เพื่อให้สีดูเข้มและมืดขึ้น 10.Custom การเลือกสีเพิ่มสีที่เลือกด้วยตัวเอง
1.เปิดเว็บบราว์เซอร์ (แนะนำ เป็น GoogleChrome) พิมพ์ในช่องค้นหา “datastudio.google.com” เริ่มต้นใช้งาน Looker Studio 12 2. ลงชื่อเข้าใช้ด้วยบัญชี Google 3. คลิก “Next” 1 2 3
4. ป้อนรหัสผ่าน 5. คลิก “Next” 13 4 5 6. เข้าใช้งาน Looker Studio ได้เลย
1. เสิร์ชและเปิด “Google sheet” จากนั้นเลือก “ไฟล์” การเตรียมข้อมูล ด้วย Google Sheet 14 2. ลงชื่อเข้าใช้ด้วยบัญชี Google 3. คลิก “Next” 1 1 2. คลิกเลือก “นำ เข้า” 2
3. จากนั้นกด “อัปโหลด” และ “เรียกดู” เพื่อค้นหาข้อมูลของเรา 15 1 4. เมื่อขึ้นหน้าต่างนำ เข้าไฟล์ และเลือกไฟล์ข้อมูลของตนเองเรียบร้อยแล้ว ให้เลือก “แทนที่สเปรตชีต 3 3 4
5. กด “นำ เข้าข้อมูล” 16 6. ให้เปลี่ยนชื่อไฟล์เป็น Sample_UpskillCorp 5 6
การสร้างข้อมูลรายงาน 1 17 2. เพิ่มข้อมูลในรายงาน คลิกที่ “Google ชีต” 2 1. คลิกที่ ”รายงานว่างเปล่า”
18 3. เลือกเพิ่มไฟล์จากแหล่งใดแหล่งหนึ่ง ดังต่อไปนี้ 3.1 ฉันเป็นเจ้าของ 3.2 แชร์กับฉัน 3.3 ติดดาว 3.4 URL 3.5 เปิดจาก GOOGLE ไดรฟ์ 3.5 4. เลือก Spreadsheet “Sample_UpskillCorp” 4.1 เลือก Worksheet “Orders” 4.2 คลิกเลือก Checkbox ช่องที่ 1 และ 2 4.3 จากนั้นกด Add 4.1 4.2 4.3 4.4
19 5. คลิก เพิ่มในรายงาน 5 6. ข้อมูลจะถูกนำ เข้าระบบ จากนั้นให้ตั้งชื่อไฟล์ให้ตรงกับรายงาน 6
แถบข้อมูลเบื้องต้น Looker Studio 20 ซูมซู เพิ่มพิ่หน้าน้ เพิ่มพิ่ข้อข้มูลมูเพิ่มพิ่ Chart เพิ่มพิ่รูปรู เพิ่มพิ่ข้อข้ความ เพิ่มพิ่เส้นส้ เพิ่มพิ่รูปรูทรง เลือลืกธีมธีของ Dasboard 1. Date range dimension คือ การกำ หนดวันที่ของข้อมูลใน Dashboard 1 2 3 4 พื้นพื้ที่สที่ร้าร้ง Dashboard 2. Dimension คือ ข้อมูลที่เป็น data categories เช่น ชื่อ คำ อธิบาย วันที่ และ คุณลักษณะ เป็นต้น 3. Metric คือ ค่าที่สามารถนำ มาคำ นวณได้ เช่น กำ ไร ต้นทุนขาย และ ยอดขาย 4. Data คือ ช่องแสดงข้อมูลที่นำ เข้ามา และแสดงรายละเอียดทั้งหมด รายชื่อ Chart
1. Chart แสดงปี ( ใช้ Table chart ) รายละเอียด Chart 21 2. Chart แสดงเปรียบเทียบรายได้และกำ ไรแยกตาม City ( ใช้ Column chart ) 3. Chart แสดงกำ ไรแยกตาม State ( ใช้ Geo Chart )
4. Chart แสดงการเติบโตของรายได้และกำ ไรในแต่ละปี ( ใช้ Line chart ) 22 5. Chart แสดงตัวเลขของรายได้ กำ ไร และส่วนลด ( ใช้ Scorecard ) 6. Chart แสดงจำ นวนขายแยกตาม Categories ( ใช้ Donut Chart ) และ Chart แสดงจำ นวนขายแบบตัวเลข ( ใช้ Scorecard ) Sales Profit Discount Donut Chart Scorecard