👶Power BI

🤔 อยากทำกราฟเทพๆ โดยไม่เขียนโค้ด + ทำงานบน Android & iOS ทำไง?

😢 ปัญหา

ผมเชื่อว่า developer หลายๆคนจะมีปัญหาในการสรุปผลรายงานต่างๆ ไม่ใช่ว่าเราทำไม่ได้นะ แต่จะทำให้มันสวยโดนใจ ใช้งานได้ทั้งบนคอม บนมือถือ แถมยัง realtime จาก database ได้อีกด้วยเนี่ย มันไม่ได้เขียนเสร็จภายใน 5 นาทีหรอกใช่ไหม ?

แล้วเราจะทำยังไงกับปัญหาเหล่านี้ดีล่ะ ?

😄 วิธีแก้ปัญหา

ในรอบนี้เราจะมานำเสนอเจ้าสิ่งที่ชื่อว่า Power Business Intelligence หรือ เรียกย่อๆว่า Power BI นั่นเอง ซึ่งทุกปัญหาไม่ว่าจะเป็นกราฟแบบไหน แสดงผลบนคอมหรือมือถือแท็บเล็ตก็ได้ทั้งหมด รวมถึงการแสดงผลแบบ realtime ด้วยนะ และทุกอย่างที่ว่ามานั้นเราจะสามารถทำได้ภายในเวลาไม่ถึง 5 นาทีด้วยนะจ๊ะ ปะอย่ารอช้าไปดูดีกว่าว่ามันคืออะไร และใช้ยังไง

🤔 Power BI คืออะไร ?

มันคือเครื่องมือที่สามารถให้เราสร้างการแสดงผลแบบเทพๆได้ โดยสามารถเลือกทำงานกับ data souce ได้หลากหลายมากตามรูปด้านล่างเลย

โดยเจ้า Power BI นี้เราสามารถสร้างมันผ่านเว็บไซต์หรือจะติดตั้งโปรแกรมในเครื่องแล้วค่อยสร้างก็ได้เหมือนกัน และมันก็รองรับการแสดงผลทั้งบน คอม และมือถือด้วย iOS, Android, Windows Phone (เจ้าตัวสุดท้ายชื่อคุ้นๆนะ)

โดยการใช้ Power BI ข้อดีของมันคือเราสามารถดูผ่านเว็บได้เลยทำให้เราจะเอาไปแปะไว้ที่ไหนก็ได้ และรวมถึงหมดนี่เราไม่จำเป็นต้องมีความรู้เรื่องโค้ดเลยก็สามารถสร้างมันได้ด้วยนะ

🤔 แล้วเริ่มไงอ่ะ ?

ไม่อ้อมค้อมให้เสียเวลาเข้าไปที่เว็บหลักของเขาได้เลย https://powerbi.microsoft.com ซึ่งพอเข้าไปแล้วก็ทำการ Login ให้เรียบร้อย ส่วนใครยังไม่มี account ก็กดที่ start free เพื่อสมัครโลด

เมื่อเข้ามาแล้วที่เมนูด้านซ้ายให้กดที่เมนู Get data ที่อยู่ด้านล่างสุดได้เลย

ถัดมาเขาก็จะถามว่า ข้อมูลที่จะเอามาแสดงผลจะเอามาจากไหนล่ะ ซึ่งมีตัวเลือกให้เรา 4 ตัว ซึ่งในรอบนี้ขอแบบไวๆก่อน เราจะอัพโหลดไฟล์ลงไปเพื่อเอาไปใช้เป็นตัวอย่าง ดังนั้นเพื่อนๆโหลดไฟล์ด้านล่างนี้ แล้วทำการเลือกอัพโหลดไฟล์ตามรูปได้เลย

461KB

powerbi.csv

ตัวอย่างไฟล์ Power BI

คำแนะนำ จะเห็นว่าจริงๆเราสามารถเลือกต่อไปยัง database ของเราที่อยู่บนคลาว์เลยก็ยังได้นะ หรือจะอัพไฟล์พวก excel หรือไฟล์ที่อยู่ใน cloud storage ต่างๆก็ได้เหมือนกัน ลองเล่นดูง่ายม๊วก

พออัพโหลดเสร็จเราก็จะมีข้อมูลที่พร้อมจะเอาไปเล่นต่อละ คราวนี้ก็กดไปที่ไฟล์ที่พึ่งอัพโหลดเสร็จได้เลยครับ เพื่อเข้าไปแต่งการแสดงผลให้ออกมาแจ่มๆนั่นเอง

พอกดเสร็จเราก็จะเจอหน้าจัดแต่งการแสดงผลแล้วครับ ตามนี้เลย

มองไม่ชัดกดที่รูปเพื่อขยายได้เลยนะ

ซึ่งข้อมูลที่เราอัพโหลดเข้าไปมันคือผลการลงคะแนนเลือกตั้ง ว่าประเทศอุ๊งๆใครควรที่จะได้รับเลือกเป็นนายยก โดยมีตัวเลือก 3 ตัวคือ Saladpuk, Thaksin, Prayut โดยมีบันทึกวันเวลาที่ทำการโหวต และคะแนนที่อยากจะโหวตให้ พร้อมกับเป็นการโหวตจากจากประเทศไทย ทั้งหมด 10,000 รายการ ตามรูปเลย

ถ้าไม่เห็นผมเขียนบทความแล้ว นั่นหมายถึงผมโดนเรียกตัวไปปรับทัศนคติอยู่นะครับ

ดังนั้นในรอบนี้เราก็จะลองทำ กราฟแท่ง ขึ้นมาดูก่อนว่าคะแนนแต่ละคนเป็นยังไงบ้าง ดังนั้นเราก็คลิกที่กราฟแท่งโลด

แล้วด้านซ้ายก็จะมีกราฟมาให้เราละ ซึ่งถ้ามันเล็กก็ปรับขนาดเลื่อนตำแหน่งตามใจชอบได้เลยครับ

คราวนี้เพื่อให้กราฟมันแสดงผลออกมา ผมก็จะไปกำหนดค่าให้กับกราฟว่าจะเอาค่าอะไรมาแสดงผลในแกน X กับ Y บ้าง ดังนั้นที่เมนูด้านขวาสุด VISUALIZATIONS ก็ทำการเลือกตามนี้ครับ

ชื่อ	ค่าที่เอามาใส่
Axis	Name
Value	Score

แล้วเราก็จะได้กราฟออกมาตามนี้เลย

หรือถ้าเราไม่พอใจเราก็สามารถกดเปลี่ยนเป็นกราฟประเภทอื่นได้ เช่น กราฟวงกลม ลองจิ้มดูนะ

เพียงเท่านี้เราก็จะได้กราฟวงกลมออกมาละ หรือใครจะลองสร้างกราฟวงกลมเล่นดูก็ได้นะ

คราวนี้ผมอยากดูว่าประเทศไหนส่งผลโหวตมาบ้าง ผมก็จะคลิกที่พื้นที่ว่างๆก่อน แล้วเลือกเอากราฟแผนที่โลกเข้ามา

แล้วในเมนูด้านขวาผมก็จะเลือกเอาข้อมูลของ ประเทศ กับ คะแนน มาลองพลอตในกราฟดู

เพียงแค่นี้เขาก็จะทำการแสดงผลข้อมูลออกมาให้เราละ ซึ่งสามารถเอาเมาส์ลากไปดูข้อมูลแต่ละกราฟได้เลย

🤔 ก็สวยดีแล้วเอาไปใช้จริงยังไง ?

ถ้าทำทุกอย่างเสร็จแล้ว ถัดไปก็กดเซฟที่ด้านบนขวาสุดครับ

เขาก็จะให้เราตั้งชื่อ board ที่เราพึ่งทำเสร็จไปครับ คราวหน้าจะได้กลับมาแก้ได้ถูกไฟล์ จะตั้งชื่อเป็นอะไรก็ตั้งๆไปแล้วกดเซฟโลด

พอบันทึกทุกอย่างเสร็จให้กดที่เมนู File ครับ แล้วเราจะเจอคำสั่ง เอาไปแสดงผลบนเว็บ กดเลยรอช้าอยู่ใย

แล้วก็กดตกลงให้เขาสร้าง Embedded ต่างๆให้เรียบร้อยสุดท้ายเราก็จะได้ ลิงค์ พร้อม iFrame ออกมาครับ ซึ่งเจ้า iFrame เราสามารถเอาไปแปะไว้กับหน้าเว็บ HTML เราได้เลยนะ

ส่วนเจ้าลิงค์ที่ได้ลองเอาไปเปิดในเว็บดูดิ๊ ส่วนใครไม่ได้ทำตามสามารถกดดูตัวอย่างของผมได้จากลิงค์ด้านล่างนี้เลย

Saladpuk - demo Power BI

เรียบร้อยผมสามารถเปิดโชว์หน้า board ที่ผมทำไว้ได้เรียบร้อยละ ซึ่งผมเปิดใน incognito mode ก็สามารถเข้าไปดูได้ด้วยนะ ลองเลื่อนเมาส์ไปเล่นกับกราฟดูนะมันจะรู้ว่ามันไม่ใช่แค่ภาพนิ่งนะ และถ้าเราเชื่อมต่อกับ data source ที่ทำ stream ไว้ เมื่อข้อมูลมีการอัพเดท หน้าเว็บนี้ก็จะอัพเดทตามแบบ realtime อีกด้วยนะจ๊ะ

🤔 ทำได้แค่นี้เองเหรอ ?

จะให้ผมยัดความรู้ทั้งหมดไว้ในหน้านี้หน้าเดียวงั้นเหรอ ไว้ชีวิตผมด้วยเถิด ซึ่งเดี๋ยวผมจะค่อยมาอัพเดทความรู้เรื่องการใช้ Power BI ไว้ในคอร์สนี้เรื่อยๆเอาละกันนะ

🧭 เนื้อหาของคอร์สทั้งหมด

เรื่องการทำ Power BI ต่างๆเดี๋ยวค่อยๆมาอัพเดทเอาไว้ตรงนี้นะ ส่วนถ้าไม่อยากพลาดบทความดีๆ ก็ไปกดติดตามได้จากลิงค์นี้เบย Saladpuk Facebook

• เชื่อมต่อกับ SQL server เพื่อเอาข้อมูลมาแสดงผล

• เชื่อมต่อกับ Cloud storage เพื่อเอาข้อมูลมาแสดงผล

• การเขียนกราฟแบบต่างๆ

• คิดไรออกเดี๋ยวเอามาใส่ในนี้ละกัน

🎯 บทสรุป

เราจะเห็นว่าการทำหน้าสรุปผลต่างๆจะไม่เชื่อยุ่งยากอีกต่อไป และเหล่า developer ยังสบายขึ้นอีกด้วย เพราะถ้าฝ่ายไหนอยากได้ข้อมูลผลสรุปแบบไหน ก็แค่ให้ฝ่ายนั้นไปเขียน Power BI เองซะเรย เพราะบทความนี้ทั้งหมดผมยังไม่มีการเขียนโค้ดเลยแม้แต่นิดเดียว ซึ่งสิ่งที่ตัว Power BI สามารถทำได้นั้นยังมีตัวอย่างและลูกเล่นอีกเยอะเลย เดี๋ยวจะมาอัพเดทเรื่อยๆให้ดูนะขอรับ