แนะนำเครื่องมือต่าง ๆ บน Power Apps ให้ App เราเจ๋งมากขึ้น ตอนที่ 1

จากบทความที่แล้วที่พูดเรื่องการสร้าง Application แบบ Low-Code ด้วย Power Apps จากไฟล์ Excel ทุกท่านน่าจะลองทำไปแล้ว แต่จริง ๆ แล้ว Power Apps ยังมีเครื่องมือสำหรับการทำในส่วนต่าง ๆ ที่ Advanced มากขึ้นและคุ้นเคยสำหรับ Developer ด้วยครับ วันนี้ผมขอยกตัวอย่างขึ้นมา 2 เครื่องมือได้แก่ Responsive และ Variable นั่นเองครับ
แนะนำเครื่องมือต่าง ๆ บน Power Apps ให้ App เราเจ๋งมากขึ้น ตอนที่ 1
ทักษะ (ระบุได้หลายทักษะ)

แนะนำเครื่องมือต่าง ๆ บน Power Apps ให้ App เราเจ๋งมากขึ้น ตอนที่ 1

จากบทความที่ผ่านมาทุกท่านน่าจะได้ Applications สำหรับใช้งานจากบทความที่แล้วมาแล้ว (หรือใครที่ยังไม่ได้อ่านสามารถอ่านได้จากที่นี่เลยครับ) ผมเชื่อว่าทุกท่านน่าจะอยากทำให้ Application ของเราสามารถใช้งานได้ดียิ่งขึ้น หรือสามารถเก็บข้อมูลเป็นในรูปแบบตัวแปรได้ ซึ่งวันนี้เราจะมาทำความรู้จักเครื่องมือเหล่านี้กันครับ โดยไม่รอช้าเราไปที่ตัวแรกก่อนเลยครับ Responsive ครับ

Responsive คืออะไร?

Responsive คือการออกแบบ Application ให้แสดงผลได้ทุกขนาดหน้าจอของ Devices เช่น Tablet, Smart Phone และ Desktop PC ซึ่งทำให้สามารถใช้งานได้ดีและตอบโจทย์การใช้งานมากขึ้น ซึ่งถ้าไม่มี Responsive ก็อาจจะทำให้การใช้งานในบาง Devices ติดขัดหรือทำให้ใช้งานได้ไม่สะดวก โดย ณ ปัจจุบัน สำหรับการออกแบบหน้าตาการใช้งานหรือ UX/UI (User Experience and User Interface) ถือเป็นมาตรฐานของ Application ในยุคนี้เลยทีเดียวครับ เพราะยุคนี้เรามี Smart Phone และ Tablet ที่มีขนาดหน้าจอที่หลากหลายขนาดทำให้ Responsive ถือว่าเป็นเรื่องที่สำคัญไม่น้อยเลยทีเดียวครับ
เราน่าจะรู้จัก Responsive ไปบ้างแล้ว คราวนี้ถ้าถามว่าแล้ว Power Apps รองรับการออกแบบ Responsive ไหม? คำตอบคือ รองรับครับ

Responsive ใน Power Apps

ก่อนอื่นเรามารู้จักเครื่องมือสำหรับการออกแบบ Responsive บน Power Apps ก่อนครับ

Container ต่าง ๆ ใน Power Apps
  1. Container: เป็นพื้นที่สำหรับการวาง Object ต่าง ๆ ที่สามารถวางได้อย่างอิสระ
  2. Horizontal container: เป็นพื้นที่สำหรับการวาง Object ต่าง ๆ จะถูกวางเรียงเป็นแนวนอน
  3. Vertical container: เป็นพื้นที่สำหรับการวาง Object ต่าง ๆ จะถูกวางเรียงเป็นแนวตั้ง

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

  1. Variable คืออะไร?

  2. Variable คือตัวแปรที่ใช้สำหรับเก็บข้อมูลที่มีการรับค่าเข้ามาเก็บไว้ในระบบสำหรับใช้ในการสร้าง, อัปเดต, แก้ไข หรือ ลบข้อมูลต่าง ๆ ในฐานข้อมูล ซึ่งตัวแปรนี้ถือเป็นสิ่งสำคัญอย่างมากในการเขียนโปรแกรมและพัฒนาเว็บไซต์ในยุคนี้เลยครับ โดยใน Power Apps ก็มีสิ่งที่เรียกว่าตัวแปรแต่ตัวแปรของเขาอาจจะมีความแตกต่างกับตัวแปรที่เรารู้จักทั่วไปนิดนึงครับ เดี๋ยวเราไปทำความรู้จักกันในหัวข้อถัดไปครับ
  3. Variable ใน Power Apps

  4. ตัวแปรใน Power Apps สามารถแบ่งได้ 3 ประเภทได้แก่
  5. ประเภทของตัวแปร

    คลอบคลุม

    รายละเอียด

    ฟังก์ชันที่ใช้สร้าง

    Global variablesAppเป็นตัวแปรใช้สำหรับงานทั่วไป ตั้งแต่การเก็บค่าของ ตัวเลข, ข้อความ, พีชคณิต(สำหรับเก็บค่า จริงหรือไม่), ชุดข้อมูล, ตาราง ที่อ้างอิงจากทุกส่วน AppSet
    Context variablesScreenเป็นตัวแปรสำหรับใช้ส่งค่าไปยังหน้าต่าง ซึ่งจะสามารถใช้ได้เพียงหน้าต่างเดียวUpdateContext
    Navigate
    CollectionAppเป็นตัวแปรที่เก็บข้อมูลเป็นรูปแบบตารางที่ทำให้สามารถ นำไปเรียกใช้กับเครื่องมือCollect
    ClearCollect
  6. อ้างอิงจาก Microsoft: https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/working-with-variables
การดูในส่วนของตัวแปร ที่จะมีแบ่งประเภทของตัวแปรไว้อย่างชัดเจน

โดยที่เราสามารถกดดูได้ว่าตัวแปรแต่ล่ะประเภทเรามีตัวแปรอะไรบ้างบน App นั้น ๆ หรือหน้านั้น ๆ ได้
จบไปแล้วครับกับเครื่องมือที่อยู่ใน Power Apps วันนี้ ซึ่งสำหรับเครื่องมือต่าง ๆ ใน Power Apps นั้นยังมีอีกมากมายครับ ทั้งนี้รอติดตามบทความการแนะนำเครื่องมือบน Power Apps ตอนที่ 2 ได้เลยครับ
ขอบคุณสำหรับการติดตามครับ
#อย่าหยุดเรียนรู้
9Expert Training