Microsoft_Power_Platform

สารบญั หลักสตู ร Microsoft Power App .......................................................................................... 1 Microsoft Power Platform ......................................................................................................................1 เรยี นรอู้ งคป์ ระกอบพื้นฐานของ Power Apps.............................................................................................2 Power Apps.........................................................................................................................................2 สรา้ ง App พ้ืนที่วา่ งและเชือ่ มตอ่ กบั แหลง่ ขอ้ มูล (รายการ SharePoint) .....................................................5 Power Apps Get Current User Information...................................................................................5 Power Apps โปรแกรมแปลภาษา ......................................................................................................16 ปรบั แตง่ องคป์ ระกอบของ App ของคุณ กำหนดค่าและจัดการการต้ังคา่ App..........................................30 Power Apps โปรแกรมแปลภาษาแบบ Text to Speech..................................................................32 Power Apps การใช้ App ที่สร้างบนโทรศัพท์ ....................................................................................40 Power Apps Register Customer Data ...........................................................................................45 Power Apps Register Customer Data (2) .....................................................................................68 Power Automate..............................................................................................................................94

หลกั สูตร Microsoft Power App Microsoft Power Platform เป็น Software Application จัดอยูใ่ นชุดของ Microsoft 365 สิง่ ท่เี ห็น Power Platform ประกอบ ไปด้วย 4 โปรแกรมหลักๆ กค็ ือ 1.Power App คือตัวที่ใชส้ ำหรับสร้าง Application ด้วยสโลแกนวา่ less Code , more power 2.Power Automate คอื ตัวท่ที ำใหท้ ้ังหมดทัง้ มวลเปน็ อัตโนมตั ิ เช่น เราไดร้ ับข้อมูลมาจากแอพบาง แอพ หรือโปรแกรมบางโปรแกรม หรือเมลบางเมล ทำให้มันเป็นอตั โนมัตโิ ดยการขอ approve โดยการ ขอ trigger ตา่ งๆ 3.Power BI คอื โปรแกรมท่ีใช้ช่วย วเิ คราะห์ สรุปผลขอ้ มลู จำนวนไม่จำกัด จากหลายๆ แหลง่ ขอ้ มูล 4.Microsoft Virtual Agents คือบอทในการเขยี นโตต้ อบในลกั ษณะการตอบคำถามแบบอัตโนมตั ิโดย การใช้บอทมาเปน็ ตวั ในการโตต้ อบ สรปุ เซสชัน สง่ มอบการมสี ว่ นร่วม - ไปที่หนา้ แรกของ PowerApps - เชื่อมตอ่ กับรายการ SharePoint – สรา้ ง App เปล่าจากภาพ – แชร์ App 1

ความคาดหวัง • เรยี นรอู้ งคป์ ระกอบพน้ื ฐานของ Power Apps • สรา้ ง App พื้นท่วี า่ งและเช่ือมตอ่ กบั แหล่งขอ้ มูล (รายการ SharePoint) • ปรบั แต่งองคป์ ระกอบของ App ของคุณ กำหนดค่าและจัดการการตั้งค่า App • ทำความเข้าใจวิธกี ารทำให้ง่ายขน้ึ แชร์ App กับสมาชิกคนอืน่ ๆ ในองค์กร • เรยี นรู้ว่า PowerApps ผสานรวมกับผลติ ภณั ฑแ์ ละบริการอื่นๆ ของ Microsoft เช่น Power Automate , SharePoint Online , and Microsoft Teams เรยี นรู้องค์ประกอบพืน้ ฐานของ Power Apps Power Apps Application development หน้าแรกของ Power Apps 2

หนา้ แรกของ Front Page Canvas app from blank คือการสรา้ งเคร่อื งมือหรือหนา้ ในการที่จะ Login ในการเกบ็ ขอ้ มลู ผ่านหน้าที่เปน็ Canvas app from blank 3

Model-driven app from blank คือการสร้างจาก Data ในการไป Indicate กับตวั ท่ีเป็น Common Data Service อ่นื ๆ เขา้ มาใช้งาน 4

สรา้ ง App พื้นท่วี า่ งและเช่ือมตอ่ กบั แหลง่ ขอ้ มลู (รายการ SharePoint) Power Apps Get Current User Information Portal from blank คอื การสร้างจากตวั ที่ Import เข้ามาเช่น Web ตา่ งๆ มันกจ็ ะนำเข้ามาสรา้ งหน้าต่าง App ได้เลย ไปที่ Canvas app from blank จากหนา้ ตา่ งนีเ้ ราสามารถเลือกได้ว่าจะพัฒนาบน Tablet หรอื Phone จากน้ันตง้ั ช่อื ชอ่ื ตรงนีจ้ ะมผี ลเวลาเราดาวนโ์ หลด Application จาก Store มาใชง้ าน จากนัน้ กด Create จะมหี นา้ ต่างสำหรบั การออกแบบหรอื การสรา้ งปรากฎขึ้นมา ตรงนี้สามารถกด Skip ไปกอ่ นได้ 5

กจ็ ะได้หน้าจอเริ่มตน้ ของ Power Apps คลิกท่ี Data เพ่ือนำเข้าข้อมลู ท่เี ราจะสรา้ ง หลงั จากนน้ั พมิ พช์ ื่อแหล่งข้อมลู ทเี่ ราตอ้ งการนำเข้า แลว้ คลิกเลือกข้อมลู นั้น เลือก User ท่เี ราตอ้ งการเช่อื มต่อ 6

ไปที่ Insert จากน้นั คลิกท่ี Label เราสามารถแกไ้ ขข้อความและจัดการทกุ อย่างเกี่ยวกับขอ้ ความในหน้าตา่ งเครื่องมอื ดา้ นขวามอื 7

จากนั้นไปท่ี Media แล้วคลกิ เลือก Image เพ่ือแสดงผลรปู ภาพ จัด Layout ของ Application 8

เพิม่ Label ในส่วนของ Full Name และ E-mail โดย Copy , Paste ได้ ไปที่ Text เลอื ก Text input 9

แก้ไขการตั้งค่า Text input โดยคลิกทช่ี ่อง fx จากนนั้ ตง้ั คา่ ใหเ้ ปน็ User().Fullname โปรแกรมจะแสดงชื่อจากแหล่งข้อมลู ที่เราเชื่อมต่อในตอนแรกให้ อตั โนมตั ิ 10

ไปท่ี Text เลือก Text input อกี ครั้ง แกไ้ ขการตง้ั ค่า Text input โดยคลิกทชี่ อ่ ง fx จากน้นั ต้งั คา่ ใหเ้ ปน็ User().Email โปรแกรมจะแสดง E-mail จากแหลง่ ข้อมูลทเี่ ราเชอื่ มต่อในตอนแรกให้อัตโนมตั ิ จากนน้ั กด Run หรือ Play ตรงด้านขวาบน 11

เรากจ็ ะได้หน้าตาของเราโดยทีเ่ ราก็จะได้ช่อื และ E-mail จากแหลง่ ข้อมลู ท่เี ราเช่ือมต่อในตอนแรกใหอ้ ัตโนมตั ิ ตอ่ ไปเรากไ็ ปแก้ไขรูปภาพโดยกด x ออกจากหน้าน้ี จากนัน้ คลกิ ทร่ี ูปภาพ คลกิ ทช่ี ่อง fx ตั้งค่าใหเ้ ป็น User().Image 12

ถ้าเรามรี ปู อยู่ โปรแกรมจะไปดึงรปู จากแหลง่ ข้อมูลทเ่ี ราเชอื่ มต่อในตอนแรกใหอ้ ัตโนมตั ิ เราสามารถแกไ้ ข ตำแหนง่ และขนาดของรปู ภาพได้ตามต้องการ เราสามารถแกไ้ ขรูปใหเ้ ป็นวงกลมได้ โดยไปทหี่ น้าต่างแก้ไขรปู ภาพด้านขวามือ เลอื ก Advanced 13

คลกิ ท่ี More Options จากนั้นทำการปรับค่า Radius ของทงั้ 4 ดา้ น ให้เป็น 200 กด Play เรากจ็ ะได้ Account ซึง่ ขอ้ มลู ตรงน้ีไปดึงมาจากข้อมูล Account ทเ่ี รา Login ไวแ้ ลว้ 14

กอ่ นที่จะ Save ใหเ้ ราต้งั ชื่อ App ที่เราสร้าง และเราสามารถตั้งคา่ Icon ท่จี ะแสดงได้ จากนั้นพิมพ์คำอธบิ าย App ของเราในชอ่ ง Description ไปที่ Save as เลอื กที่ท่ีเราจะ Save หลงั จากนัน้ กดทป่ี ุ่ม Save 15

Power Apps โปรแกรมแปลภาษา โปรแกรมกจ็ ะแสดงวันและเวลาที่เราทำการ Save ไว้ ซ่ึงเราสามารถแชร์ App ท่เี ราสรา้ งใหก้ บั คนอื่นโหลดใช้ งานได้ เร่มิ จากเลอื ก Canvas app from blank 16

จากนัน้ เลือก Format เปน็ Phone ตั้งชือ่ App name และคลิกที่ Create คลกิ ที่ Data เพ่ือนำเข้าข้อมูลท่เี ราจะสร้าง หลงั จากนัน้ พิมพ์ชอ่ื แหลง่ ข้อมลู ที่เราต้องการนำเขา้ 17

จะปรากฎหน้าตา่ ง Microsoft Translator ใหค้ ลิกทปี่ มุ่ Connect หลังจากน้ันตวั โปรแกรมจะเชือ่ มกบั Microsoft Translator ให้สงั เกตทุ ี่แถบ In your app 18

ไปท่ี Insert คลิกเลอื ก Label เพ่อื เพิ่มข้อความ พมิ พ์ข้อความตามตอ้ งการ และต้ังคา่ ขนาดของตัวหนังสือ เปลี่ยนสี หรอื เพ่มิ สพี ื้นหลงั ได้ 19

เพม่ิ ช่องข้อความโดยไปทแี่ ถบ Input เลอื ก Text input เปลี่ยนชื่อของ Text input เปน็ txtSource 20

จากนนั้ ไปท่ี Input เลอื ก Drop down กจ็ ะได้ช่อง Drop down แก้ไขชอ่ื ชอ่ งเป็น ddLanguage 21

คลิก Play เพ่ือลองดูการทำงานของ Drop down โปรแกรมกจ็ ะแสดงผลของ Drop down ท่เี ราตง้ั ค่าไว้ 22

ใหเ้ พ่ิม Text โดยไปที่ Insert เลือก Label เพ่ือใช้เปน็ ตัวแสดงผลแปลภาษา จากนน้ั กจ็ ะไดช้ อ่ ง Text ให้เปลย่ี นช่ือเปน็ txtTranslate 23

คลกิ ทีช่ ่อง Drop down แลว้ ไปท่ีช่อง fx ตั้งคา่ ใหเ้ ป็น MicrosoftTranslator.Languages() จากนัน้ ให้กดท่ี Play เพื่อแสดงค่าที่เราต้ังคา่ ไปก่อนหน้าน้ี 24

โปรแกรมกจ็ ะแสดงผลของ Drop down ท่เี ราตัง้ ค่าไว้ ตอนน้ีเราสามารถเลอื กภาษาท่เี ราตอ้ งการแปลได้แลว้ คลิกที่ตำแหนง่ ของการแปล ไปทชี่ ่อง fx ตั้งคา่ ให้เป็น MicrosoftTranslator.Translate(txtSource.Text,ddLanguage.Selected.Code) 25

จากนนั้ ให้กดท่ี Play เพอ่ื แสดงค่าที่เราตั้งคา่ ไปก่อนหนา้ น้ี โปรแกรมกจ็ ะแสดงผลทเ่ี ราต้งั ค่าไว้ ตอนนเ้ี รา สามารถแปลไดแ้ ลว้ ต่อไปเราจะมาเปลี่ยน Languages Code ให้เปน็ ชื่อเตม็ ของถาษนัน้ ๆ โดยไปท่ี Value ในหน้าต่าง Drop Down จากนั้นเปลีย่ นจาก Code เป็น Name 26

จากนนั้ ใหก้ ดท่ี Play คลกิ Drop Down ตัวเลือกภาษาทั้งหมดกจ็ ะแสดงเปน็ ชื่อเต็ม คลกิ ท่ี File เพอ่ื Save Application ที่เราทำ 27

ตั้งชอ่ื แอพแปลภาษาของเรา แลว้ ต้งั คา่ Icon ตามที่เราต้องการ จากนั้นไปคลกิ ที่ Save as คลิกเลอื ก The cloud แล้วคลิกท่ปี มุ่ Save 28

ปดิ โปรแกรมจะปรากฎหนา้ ต่าง Leave site ใหค้ ลกิ ทป่ี ุม่ Leave จากนัน้ จะกลบั มายังหนา้ Power Apps ใหค้ ลิกเลือก App ทแี่ ถบซา้ ยมอื 29

ปรับแตง่ องค์ประกอบของ App ของคณุ กำหนดคา่ และจดั การการต้ังคา่ App โปรแกรมจะแสดง App ทีเ่ ราไดท้ ำการสร้างมาท้ังหมด ถ้าต้องการแก้ไข App ให้คลกิ ท่ี ... แลว้ เลอื ก Edit ถ้าต้องการเพมิ่ ภาพพน้ื หลัง ให้ไปท่ี Background image ในหนา้ ตา่ ง SCREEN ดา้ นขวา แลว้ เลือก Add an image file 30

จากน้นั เลอื กรปู ภาะทเ่ี ราต้องการใส่เปน็ พืน้ หลัง แล้วคลิกที่ปุม่ Open เราสามารถปรบั รปู ภาพปรบั สัดส่วนของภาพไดต้ ามต้องการ 31

Power Apps โปรแกรมแปลภาษาแบบ Text to Speech ไปท่ี Insert คลิกทแ่ี ถบ Media แล้วเลือก Audio เพื่อให้ App สามารถอา่ นออกเสียงคำทเ่ี ราแปลได้ จากนั้นจะได้แถบ Audio มาเราสามารถจดั วางได้ตามต้องการ และคลิกที่ Drop Down เพอื่ แก้ไขท่ชี ่อง fx ตง้ั คา่ ใหเ้ ปน็ MicrosoftTranslator.SpeechLanguages() 32

คลิกท่ตี ำแหนง่ ของ Audio ไปทช่ี อ่ ง fx ต้งั คา่ ให้เปน็ MicrosoftTranslator.TextToSpeech(txtSource.Text,ddLanguage.Selected.Code) ลองกด Play เพื่อดูการทำงานของ Audio 33

คลกิ ป่มุ Play Audio เพื่อฟงั เสียงคำที่เราแปล แต่ไมส่ ามารถเลอื กสำเนียงได้ ถา้ เราตอ้ งการทจ่ี ะให้อ่านข้อความก่อนแปลด้วย เราก็ไปที่ Media เลอื ก Audio เพื่อเพ่ิมอ่านออกเสียงข้อความ ก่อนแปล 34

จากน้ันจะได้แถบ Audio มาเราสามารถจดั วางไดต้ ามต้องการ ถา้ เราตอ้ งการที่จะพมิ พข์ ้อความยาวๆ หรอื หลายบรรทดั ให้คลกิ ที่ชอ่ งพมิ พ์ข้อความ แล้วเปลยี่ น Mode เปน็ Multiline ในหนา้ ตา่ ง TEXT INPUT 35

จากน้ันเราสามารถขยายช่องทใี่ ชพ้ ิมพ์ข้อความเพ่ือใหเ้ หน็ ข้อความทง้ั หมด คลิกทต่ี ำแหน่งของ Audio ไปที่ช่อง fx ต้ังคา่ ให้เป็น MicrosoftTranslator.TextToSpeech(txtSource.Text,MicrosoftTranslator.Detect(txtSource.Text).Co de) 36

ลองกด Play เพื่อดูการทำงานของ Audio คลกิ ปมุ่ Play Audio เพื่อฟงั เสียงข้อความก่อนแปลของเรา 37

คลกิ ที่ File เพื่อ Save Application ท่ีเราทำ จากนั้นให้คลิกท่ปี ุม่ Save 38

เนอ่ื งจากเป็นการ Save App ทีเ่ ราพัฒนาเพิ่ม เพ่ือท่จี ะให้ Application ทเี่ ราพฒั นา Update เปน็ Version ลา่ สดุ ใหเ้ ลือก Publish จากน้ันให้เลือก Publish this version 39

Power Apps การใช้ App ท่สี รา้ งบนโทรศัพท์ เข้าไปที่ App Store หรือ Play Store ค้นหาโดยพิมพ์วา่ Power apps 40

จากนัน้ คลกิ Download เพ่อื Download App เมื่อ Download เสรจ็ แล้วให้คลิกที่ เปิด ใหค้ ลิกท่ีปุ่ม ลงช่อื เขา้ ใช้ ทำการ Login โดยใช้ Account เดยี วกนั กบั ที่เราใชส้ ร้าง App 41

เราสามารถคลิกเลือก App ท่ีเราสร้างเพอื่ ใชง้ าน App นน้ั ๆ เช่น Translator Apps โปรแกรมกจ็ ะเปิด App ทีเ่ ราสร้างไว้ จากนน้ั พิมพ์ขอ้ ความท่เี ราต้องการแปล แล้วเลอื กภาษาท่ตี ้องการแปล โปรแกรมกจ็ ะทำการแปลข้อความท่ีเราพิมพ์ เราสามารถกดฟังเสียงไดท้ ัง้ ขอ้ ความก่อนแปลและหลงั แปล 42

หลงั จากทเี่ ราปิด App ไปต่อไปเราจะทำการนำ App ท่ีเราสร้างไปไว้บนหนา้ จอโทรศพั ท์ โดยการคลกิ ท่ี … ใน ชอ่ ง Translator Apps ใหค้ ลิกเลือกที่ ปักหมุดไวท้ ี่หน้าแรก 43

จากน้นั คลิกที่ เพมิ่ เพอ่ื เพมิ่ App ทเี่ ราสร้างไปไว้บนหน้าจอโทรศัพท์ เมือ่ เราออกมาทห่ี นา้ แรกเราก็จะพบ Translator Apps บนหนา้ จอโทรศพั ท์ 44

Power Apps Register Customer Data ไปที่ Account 365 จากนั้นคลกิ ที่ OneDrive ในหน้า OneDrive ใหไ้ ปท่ี + New คลกิ เลอื ก Folder 45

ตั้งชอ่ื Folder เป็น Power Apps Workshop แลว้ คลกิ ท่ปี ุ่ม Create คลิกที่ Folder Power Apps Workshop 46

หลงั จากเปิด Folder แลว้ ให้ไปที่ + New คลกิ เลือก Excel workbook ให้พิมพ์หัวขอ้ ของข้อมูลตัวอย่าง เชน่ FristName , LastName , Company , Gender , E-Mail , Phone 47

คลมุ ดำข้อมลู ทีเ่ ราพิมพ์ จากนั้นไปที่ Format as Table คลิกเลอื ก Format ท่เี ราต้องการ จะปรากฎหนา้ ตา่ งของ Format as Table ใหค้ ลกิ ช่องหน้าขอ้ ความ My table has headers แล้วคลกิ OK 48