Saladpuk.com
Search…
👶
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 ตัว ซึ่งในรอบนี้ขอแบบไวๆก่อน เราจะอัพโหลดไฟล์ลงไปเพื่อเอาไปใช้เป็นตัวอย่าง ดังนั้นเพื่อนๆโหลดไฟล์ด้านล่างนี้ แล้วทำการเลือกอัพโหลดไฟล์ตามรูปได้เลย
powerbi.csv
461KB
Binary
ตัวอย่างไฟล์ 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 เราได้เลยนะ
ส่วนเจ้าลิงค์ที่ได้ลองเอาไปเปิดในเว็บดูดิ๊ ส่วนใครไม่ได้ทำตามสามารถกดดูตัวอย่างของผมได้จากลิงค์ด้านล่างนี้เลย
เรียบร้อยผมสามารถเปิดโชว์หน้า board ที่ผมทำไว้ได้เรียบร้อยละ ซึ่งผมเปิดใน incognito mode ก็สามารถเข้าไปดูได้ด้วยนะ ลองเลื่อนเมาส์ไปเล่นกับกราฟดูนะมันจะรู้ว่ามันไม่ใช่แค่ภาพนิ่งนะ และถ้าเราเชื่อมต่อกับ data source ที่ทำ stream ไว้ เมื่อข้อมูลมีการอัพเดท หน้าเว็บนี้ก็จะอัพเดทตามแบบ realtime อีกด้วยนะจ๊ะ

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

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

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

เรื่องการทำ Power BI ต่างๆเดี๋ยวค่อยๆมาอัพเดทเอาไว้ตรงนี้นะ ส่วนถ้าไม่อยากพลาดบทความดีๆ ก็ไปกดติดตามได้จากลิงค์นี้เบย Saladpuk Facebook
    เชื่อมต่อกับ SQL server เพื่อเอาข้อมูลมาแสดงผล
    เชื่อมต่อกับ Cloud storage เพื่อเอาข้อมูลมาแสดงผล
    การเขียนกราฟแบบต่างๆ
    คิดไรออกเดี๋ยวเอามาใส่ในนี้ละกัน

🎯 บทสรุป

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