top of page

🚀UPเกรด เท่าทัน Data,AI

ติดตามบทเรียนใหม่ทุกวัน ที่ทดลองทำได้ทันที

ให้การทำงานดีขึ้นได้ทุกวัน!

ชวนเพื่อนมาเรียนด้วยกันนะ!

Writer's pictureUltimate Python

มาสร้าง "App" จองรถบริษัท! พร้อมใช้รับคำขอ และอนุมัติผ่านมือถือ ใน 4 ขั้นตอน แบบ "No Code" ทำตามได้เลย!👇🏻

Updated: Aug 21

ทรัพย์สินบริษัทใช้ร่วมกัน จัดตารางกันยังไงครับ? วันนี้มาทำแอปง่าย ๆ ให้ขอใช้ผ่านมือถือ กดอนุมัติผ่านมือถือ ดูตารางเวลาการใช้งานได้ผ่านมือถือ ให้ทุกคนเข้ามาที่ระบบเดียวกัน ข้อมูลไม่กระจัดกระจาย เห็นอัพเดทเป็น Real-Time แบบ No-Code กัน! ทำตามได้เลย!


มาสร้าง "App" จองรถบริษัท! พร้อมใช้รับคำขอ และอนุมัติผ่านมือถือ ใน 4 ขั้นตอน แบบ "No Code" ทำตามได้เลย!👇🏻

หัวข้อในบทเรียนนี้


 

ขั้นตอนที่ 1: สร้างตารางบันทึกคำขอจองรถบน Google Sheet


การนำข้อมูลลง Google Sheet เป็นขั้นตอนแรกที่จริงๆ ประกอบไปด้วย 2 ขั้นตอนย่อยนั่นคือ 1) เป็นการนำข้อมูลขึ้นระบบ cloud ที่ทุกคนสามารถเข้ามาดูข้อมูลเดียวกันได้ และข้อมูลอัพเดทครั้งเดียวเห็นอัพเดทกันทุกคน และ 2) การเตรียมข้อมูลให้เป็นตารางโดยข้อมูลที่ต้องการจะต้องอยู่ในรูปของตารางข้อมูลที่มีคุณสมบัติ 3 ข้อนี้


1 ให้คอลัมน์ มีชื่อข้อมูล อยู่ในแถวแรกเท่านั้น เราจะไม่ใช้คอลัมน์ข้อมูลที่มีหลายชั้น

2 คอลัมน์แยกกัน ไม่มีการ merge 1 คอลัมน์ใช้เก็บ 1 ข้อมูล

3 ไม่มีเว้นช่องคอลัมน์ ทุกคอลัมน์ชิดกันไปทางด้านซ้าย ไม่มีการเว้นว่าง


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


จากกดส่วนขยาย และ AppSheet และสร้างแอป ให้ AppSheet สร้างแอปให้


AppSheet จะสร้าง App ที่กดเพิ่มคำขอใหม่ผ่านมือถือได้แบบนี้



 

ขั้นตอนที่ 2: ปรับช่องของฟอร์มกรอกข้อมูล


ส่วนแรกที่ปรับของ App คือช่องสำหรับการกรอกข้อมูลใหม่ลง App ที่ปรับผ่านการเลือกประเภทของข้อมูลของแต่ละช่อง ที่จะมีผลมาตั้งเป็นวิธีการกรอกข้อมูลของตัว App โดยตั้งที่ส่วนของเครื่องมือ Data ในส่วนของ TYPE หรือประเภทข้อมูล


ใน AppSheet มีประเภทข้อมูลให้เลือกมากถึง 29 แบบ เช่น Enum เป็นประเภทข้อมูลที่ใช้การกรอกแบบ Dropdown, DateTime เป็นการกรอกแบบวันที่พร้อมระบุเวลา, Signature เป็นช่องสำหรับการเซ็นลายเซ็น และอื่นๆ


การทำงาน แก้ไข AppSheet จะต้องกด Save เพื่อบันทึกการเปลี่ยนแปลงด้วยนะ!



 

ขั้นตอนที่ 3: ปรับหน้าตาราง แสดงรายการคำขอ


ที่ส่วนของ View บน AppSheet ใช้เพื่อตั้งค่าการแสดงข้อมูลต่างๆ เป็นหน้าแอปโดย AppSheet จะสร้างหน้าแอป มาให้อัตโนมัติ 2 หน้า ประกอบด้วยหน้าที่มีชื่อเดียวกับตารางข้อมูลของเรา และหน้า Statistic โดยเราจะมาแก้ไขที่ที่มีชื่อเดียวกับตารางของเราก่อน


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


1. ตั้งชื่อหน้าแอปที่ View Name หน้าแอปที่สร้างขึ้นมา เป็นเหมือน 1 ระบบปรับแต่งต่างกัน ก็สามารถใช้งานได้ต่างกันตามความต้องการได้ การตั้งชื่อให้สะท้อนถึงสิ่งที่ต้องการทำบนหน้าแอปหน้านี้ด้วย

2. เลือกการแสดงผลแบบ Table ที่ View Type หน้าแบบ Table มีข้อดีคือการแสดงข้อมูลได้หลายรายการ มีรายละเอียดครบถ้วน เหมาะกับการใช้แสดงข้อมูลสำหรับการอนุมัติ ที่อาจประกอบด้วยหลายข้อมูล

3. ตั้ง Group by แบ่งข้อมูล ตามสถานะ ใช้แบ่งข้อมูลออกเป็นกลุ่มโดยจะเลือกใช้ สถานะ มาจับกลุ่มข้อมูลให้แสดงแยกกันเพื่อใช้เข้าถึงข้อมูลรออนุมัติ เข้าไปกดอัพเดทสถานะ กดอนุมัติ หรือปฏิเสธง่ายๆ



 

ขั้นตอนที่ 4: สร้างหน้าปฏิทิน แสดงเวลาการจองรถ


ในขั้นตอนนี้ เราจะใช้การเปลี่ยนจากหน้า Statistic ที่มีอยู่ หรือกดสร้างหน้าแอปใหม่ตามคลิปสอนก็ได้ โดยเราจะสร้างหน้าปฏิทินที่แสดงเวลาการจองรถให้เห็นว่าคันไหนใช้ตอนไหน และใครใช้บ้าง โดยจะตั้งค่า 7 อย่างนี้


1. ตั้งชื่อที่ View Name ระบุว่าหน้าแอปนี้จะใช้เพื่อแสดงตารางเวลาการใช้งานของรถ

2.เลือกการแสดงผลแบบ Calendar เพื่อแสดงเวลาที่รถถูกจอง

3. ตั้ง Start Date, Time เป็นเวลารับรถ เป็นเวลาเริ่มต้นของการจองรถ

4. ตั้ง End Date Time เป็นเวลาคืนรถ เป็นเวลาสิ้นสุดของการจองรถ

5. ตั้ง Description นำชื่อผู้จองไปแปะบนปฏิทิน แสดงให้ดูง่ายๆ ว่าการจองเป็นของใครในหน้าปฏิทิน

6. ตั้ง Category แบ่งสีตามรถแต่ละคัน ช่วยแยกการใช้งานรถแต่ละคันให้เป็นคนละสี

7. ตั้งการแสดงผลแบบ Week เพื่อให้เห็น Timeline ของการจองรถ สามารถใช้การดูแบบ Week เป็นตัวตั้งตน เพื่อแสดงเวลาที่ชัดเจนมากขึ้นได้


โดยแอปแบบง่ายวันนี้ จะแสดงรายการคำขอทั้งหมดทำให้อาจมีการแสดงผลที่ซ้ำซ้อน เวลาทับกันได้ ให้เราใช้ระบบ Filter ที่สร้างมาให้พร้อมใช้นี้ เลือกแสดงเฉพาะข้อมูลที่อนุมัติแล้ว เพื่อดูเวลาที่ใช้งานจริงได้เลย



 

ปรับสี ใส่โลโก้ และแชร์สิทธิ์การเข้าใช้งานผ่านเว็บไซต์


เมื่อทำเสร็จแล้ว สามารถปรับสี ใส่โลโก้ที่ ส่วนของ Setting >> Theme เพื่อให้แอปดูเรียบร้อยพร้อมใช้งาน จากนั้นสามารถกดแชร์ เพิ่มอีเมล์ (Gmail) ของ User ให้ User ใช้ฟรีได้ 10 User จากนั้นนำ Browser Link เปิดใช้บนเว็บไซต์ในมือถือ แท็บเล็ต คอมพิวเตอร์ได้เลย



 

ลองใช้แล้วเป็นไง คอมเม้นท์บอกที่โพสหน่อยนะ! กดที่นี่ไปที่โพส


ที่ปรึกษาของคุณในบทเรียนนี้


เจ้าของธุรกิจ ให้ผมช่วย สร้างธุรกิจของคุณให้เท่าทัน Data, AI นะครับ


สนใจเรียนสร้าง App จัดการธุรกิจของคุณในมือถือ ให้งานเป็นอัตโนมัติ ลดภาระงานข้อมูล


เข้าเรียนในคอร์ส สร้างแอปแรกด้วย AppSheet เพราะ การสร้าง App ทำได้แบบ No Code และช่วยวางรากฐานข้อมูลของคุณให้เป็นอัตโนมัติ ให้องค์กรเพิ่มงานได้แบบไม่ต้องเพิ่มคน!





ช่วยเราสร้างบทความที่ดีขึ้น


ผ่านการให้ข้อมูล และฟีดแบคเกี่ยวกับบทความนี้! และคอมเม้นท์บอกเราด้วยนะ ว่าชอบอะไร ไม่ชอบอะไรด้านล่าง!


แนะนำบทเรียนนี้ให้เพื่อนต่อไหม?

  • 5 - แนะนำต่อแล้ว!

  • 4 - คิดถึงเพื่อนที่ได้ใช้ก่อน ส่งให้แน่ๆ

  • 3 - ถ้ามีโอกาส ส่งให้แน่ๆ

  • 2 - ยังไม่แน่ใจ




233 views

Comments


bottom of page