> For the complete documentation index, see [llms.txt](https://www.saladpuk.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://www.saladpuk.com/cloud/power-bi.md).

# Power BI

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

## 😢 ปัญหา

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

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

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

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

## 🤔 Power BI คืออะไร ?

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-LsoTLeOkAB78nhCIDQl%2Fimage.png?generation=1583529152238079\&alt=media)

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-LrnU7SR2V1cmCrb2pnV%2Fimage.png?generation=1583529178548415\&alt=media)

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

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

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-LzbjsEAxP4-TXiePHA4%2Fimage.png?generation=1583529130391077\&alt=media)

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-Lokiw9rrHPqg3OUMrDn%2Fimage.png?generation=1583529172598997\&alt=media)

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

{% file src="/files/-LrKMpbhqMD2MjFUaFWA" %}
ตัวอย่างไฟล์ Power BI
{% endfile %}

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-LnUtjLq3eRt_SmQgB1R%2Fimage.png?generation=1583529140519768\&alt=media)

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-M0c62tbkAit4RNom2WZ%2Fimage.png?generation=1583529116708946\&alt=media)

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

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-LsoH6DW2xQ2NDVP5Pll%2Fimage.png?generation=1583529150294914\&alt=media)

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

![มองไม่ชัดกดที่รูปเพื่อขยายได้เลยนะ](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-LpxL4uP1PqAZoo8Oery%2Fimage.png?generation=1583529166293386\&alt=media)

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-Lsoyxz1bsPABxOxcu26%2Fimage.png?generation=1583529138734416\&alt=media)

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

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-Luj8nuFWdbgiGuw1rqI%2Fimage.png?generation=1583529120173590\&alt=media)

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-LouJG99U9D6NxUcimSp%2Fimage.png?generation=1583529156924861\&alt=media)

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

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-M-ZRkq7pfeXbxJnAKIh%2Fimage.png?generation=1583529169428270\&alt=media)

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-Lrxf1BvQJQhgkwk-jUt%2Fimage.png?generation=1583529130149684\&alt=media)

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-LsZbmE_0JiRUaqm80Ii%2Fimage.png?generation=1583529148201629\&alt=media)

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-Lzg1IiePjaY0A9Lc6A7%2Fimage.png?generation=1583529179235049\&alt=media)

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-M-V7YBRlDKADB7JFxKu%2Fimage.png?generation=1583529169498228\&alt=media)

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-M1lg5PHMDJaWymqbTHG%2Fimage%20\(963\).png?generation=1583529181543239\&alt=media)

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-LsZbbEJ16gqgh0ag6ks%2Fimage.png?generation=1583529108949768\&alt=media)

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

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-Lvk4rxEn6Dxcji9tMtp%2Fimage.png?generation=1583529125765814\&alt=media)

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-LokmnvAdLeQe6TDds8f%2Fimage.png?generation=1583529169492318\&alt=media)

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-LqHiov_cd831-SWrmmG%2Fimage.png?generation=1583529170058243\&alt=media)

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

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-Lw4lXLHKUpKi3QIyzq2%2Fimage.png?generation=1583529151442961\&alt=media)

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

[Saladpuk - demo Power BI](https://app.powerbi.com/view?r=eyJrIjoiYmNlNWJmMmEtMjM5OS00Mjc0LWE5MjQtZjIwODMxZDVlMGNkIiwidCI6IjkzNzkzY2VmLTM0MDAtNGJkYi04MWY0LTkyNWNjYjNhNjkyNCIsImMiOjEwfQ%3D%3D)

![](https://479516123-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lm0_idNbY6k1lwp6hm4%2F-M1lfqlFTvI3gmheTI_q%2F-LpxOeEGs026s3phtTGD%2Fimage.png?generation=1583529171280964\&alt=media)

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

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

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

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

{% hint style="info" %}
เรื่องการทำ Power BI ต่างๆเดี๋ยวค่อยๆมาอัพเดทเอาไว้ตรงนี้นะ ส่วนถ้าไม่อยากพลาดบทความดีๆ ก็ไปกดติดตามได้จากลิงค์นี้เบย [**Saladpuk Facebook**](https://facebook.com/mr.saladpuk)
{% endhint %}

* เชื่อมต่อกับ SQL server เพื่อเอาข้อมูลมาแสดงผล
* เชื่อมต่อกับ Cloud storage เพื่อเอาข้อมูลมาแสดงผล
* การเขียนกราฟแบบต่างๆ
* คิดไรออกเดี๋ยวเอามาใส่ในนี้ละกัน

## 🎯 บทสรุป

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