รายงาน เรื่อง การสร้างแอปพลิเคชันขายสินค้าด้วย App Sheet ระดับประกาศนียบัตรวิชาชีพชั้นสูง (ปวส.) ชั้นปีที่ 1 จัดทำโดย 1. นางสาวปสุดา ฤทธิ์พริ้ง เลขที่ 7 2. นายเมฆ เมฆา เลขที่ 14 3. นางสาวอนันดา กำเนิดเพชร เลขที่ 21 4. นางสาวอลิชา สวัสดี เลขที่ 25 นำเสนอ ครูสุนิสา อินทนิน รายงานเล่มนี้เป็นส่วนหนึ่งของรายวิชา การพัฒนาโปรแกรม บนอุปกรณ์เคลื่อนที่แบบพกพา รหัสวิชา 30204-2303 ภาคเรียนที่ 2 ปีการศึกษา 2566 วิทยาลัยอาชีวศึกษาเพชรบุรี
ก คำนำ รายงานฉบับนี้เป็นส่วนหนึ่งของวิชา การพัฒนาโปรแกรมบนอุปกรณ์เคลื่อนที่แบบพกพา รหัสวิชา 30204-2303 ระดับชั้นประกาศนียบัตรวิชาชีพชั้นสูง (ปวส.) โดยมีจุดประสงค์ เพื่อจัดแสดงขั้นตอน การสร้างแอปพลิเคชันขายสินค้าด้วย App Sheet เป็นการศึกษาเพื่อนำความรู้ที่ได้จากการสร้างแอปพลิเคชัน มาจัดทำเป็นรายงานนำเสนอให้เห็นถึงขั้นตอน การจัดทำแอปพลิเคชัน ซึ่งรายงานฉบับนี้มีเนื้อหาเกี่ยวกับ ความรู้ เนื่องจากในปัจจุบันเทคโนโลยีมีบทบาทในการใช้ชีวิตในสังคมมากขึ้น ความก้าวหน้าทางเทคโนโลยี สารสนเทศและการสื่อสาร มีการปรับตัวสูงขึ้นเรื่อย ๆ จึงได้ทำการคิดค้นเทคโนโลยีที่เหมาะสมกับยุคปัจจุบัน เพื่อเพิ่มความสามารถทางด้านการใช้งานโปรแกรม App Sheet โดยทางคณะผู้จัดทำได้เลือกหัวข้อนี้ในการทำรายงานเนื่องมาจากเป็นเรื่องที่น่าสนใจ รวมถึงเป็นการ นำเสนอแอปพลิเคชันขายสินค้า ที่สามารถสร้างด้วย App Sheet ผู้จัดทำหวังว่ารายงานเล่มนี้จะเป็นประโยชน์ ต่อผู้ที่เข้ามาอ่าน และนำความรู้ที่ได้ไปจัดทำจนบรรลุวัตถุประสงค์สำเร็จลุล่วงไปได้ด้วยดี ด้วยความกรุณา และช่วยเหลือที่ดีเป็นอย่างยิ่งจากคุณครูผู้สอน ครูสุนิสา อินทนิน ที่กรุณาเสียสละ เวลาให้คำแนะนำ พร้อมกับการตรวจแก้ไขข้อบกพร่องด้วยความเอาใจใส่ ทางคณะผู้จัดทำรู้สึกซาบซึ้งในความ กรุณาของคุณครูและขอขอบคุณเป็นอย่างสูงไว้ ณ ที่นี้ด้วย คณะผู้จัดทำ
ข สารบัญ หน้า คำนำ ก สารบัญ ข ขั้นตอนการจัดทำแอปพลิเคชัน 1-45 ขั้นตอนการจัดทำหน้าปกแอปพลิเคชัน 46-47 ขั้นตอนการจัดทำหน้าผู้จัดทำแอปพลิเคชัน 48 ขั้นตอนการตกแต่งแอปพลิเคชัน 49-50
1 1. เข้าไปที่ Google Drive แล้วกด New Folder (โฟลเดอร์ใหม่) แล้วตั้งชื่อโฟลเดอร์ว่า COFFEE POS V5 2. จากนั้นเพิ่ม Google Sheets ในโฟลเดอร์ที่สร้าง
2 3. สร้าง Google Sheets ที่มีชื่อว่า COFFEE POS V5 4. เปลี่ยนชื่อ Sheets แรกให้เป็นชื่อ Paymant แล้วใส่หัวข้อดังภาพ 5. สร้าง Sheets ที่มีชื่อว่า Menu Products Sales invoice home และผู้จัดทำ แล้วใส่หัวข้อดังภาพ
3
4 6. จากนั้นคลิกที่ Extensions (ส่วนขยาย) แล้วเลือกสร้าง AppSheet
5 1.มาที่ data มาที่ menu 2.มาที่ Category มาที่ Type มาเปลี่ยนเป็น Enum แล้วกด value แล้ว กด add จากนั้น เพิ่ม ตามรูปแล้วกด Done
6 3.มาที่ Name มาที่ Ref มาที่ Source Table เปลี่ยนเป็น Ref แล้วกด Done 4.มาที่ Sub Category มาที่ Type มาเปลี่ยนเป็น Enum แล้วกด value แล้ว กด add จากนั้น เพิ่ม ตามรูปแล้วกด Done
7 5.มาที่ Qty มาที่ Type มาเปลี่ยนเป็น number แล้วมาที่ show แล้วกดใส่ค่า context("Viewtype")<>"form" กด save แล้วกด Done 6.มาที่ payment ใน data แล้ว ที่ date จากนั้น มาที่ show แล้ว ใส่ค่า isblank([_THIS]) แล้ว แล้วกด save
8 มาที่ app formula initial value ใส่ TODAY() แล้วกด save แล้วกด done
9 7.มาที่ total sale แล้ว ที่ auto compute ใส่ค่า Sum(Select(Sales[Subtotal],[Invoice no]=[_THISROW].[invoice no])) แล้วกด save แล้ว กด done
10 8.มาที่ change แล้วใส่ค่า show ใส่ค่า [amount paid]>=[total sale] แล้ว มาที่ type แล้วใส่ price แล้ว กด save กด done
11 9. มาที่ File แล้ว ใส่ ค่า ใน app formula แล้ว ใส่ค่า Concatenate([invoice no],".pdf") แล้วกด save กด done
12 10. มาที่ invoice no มาที่ ที่ initial value ใส่ค่า Max(Invoice[Invoice])+1 แล้ว ให้ กด save แล้วกด done
13 มาที่ data Product เลี่อนลงหา Display Name แล้วใส่ ชื่อเมนู แล้ว กด save กด done 11.มาที่ datetime มาใส่ค่าใน initial value แล้ว ใส่ TODAY() แล้วกด save กด done
14 12.มาที่ sales มาใส่ ค่า ใน app formula แล้วใส่ค่า lookup([_thisrow].[menu id],"Menu","Menu ID","Unit Price") แล้วกด save กด done
15 13.มาที่ Subtotal แล้วใส่ค่า app formula ใส่ [unit price]*[QTY] แล้วกด save แล้วกด done
16 14.เพิ่ม _computedkey มาที่ add virtual column แล้วใส่ column name ว่า _computedkey ใส่ค่าใน app formula
17 ใส่ ค่า CONCATENATE([menu id],": ",[menu name]) แล้วกด save แล้วกด done
18 15. เพิ่ม ใน add silce to fitter data ใส่ cart กด create
19 แล้ว เปลี่ยน source table เป็น sales แล้ว ใส่ค่า ใน row fitter condition แล้วใส่ค่า ตามนี้เลยครับ กด save
20 16.มา add a new action ใส่ add to cart กด create ให้เปลี่ยน ตามรูปนี้ครับ
21 ให้เปลี่ยน ตามรูปนี้ครับ ให้เปลี่ยน ตามรูปนี้ครับ
22 เลือก ใน set these column แล้ว เพิ่ม ใส่ โค๊ดตามรูปนี้เลยครับ
23 17.มา add a new action แล้วใส่ group actions
24 แล้วเปลี่ยน ตามรูปนี้เลยครับ
25 18.มา add a new action แล้วใส่ input qty กด create แล้วใส่ ค่าตามรูปนี้เลยครับ
26 19.มา add a new action แล้วใส่ Set qty to zero กด create
27 แล้วใส่ ค่าตามรูปนี้เลยครับ 20.มา ที่ payment แล้ว add a new action แล้วใส่ update Status PDF กด create
28 จากนั้นให้ใส่ตามรูปนี้เลยครับ ส่วนโค๊ด ที่จะใส่ ใน Referenced Rows แล้วคลิก Select(Sales[ID],[_THISROW].[invoice no]=[Invoice no]) กด save
29 21. มาที่ add a new action แล้วใส่ View Receipt กด create จากนั้นให้ใส่ ค่า ตามนี้ครับ ส่วน target
30 ส่วน target ให่ใส่ค่า LINKTOFILTEREDVIEW("File_detail",[_ThisRow].[File]=[File])&"&at="&[ENCODEURL(Now())+1 แล้วกด save 22.มาที sale มาที่ add a new action แล้วใส่ Copy invoice no กด create แล้วใส่ค่าตามฝนูปได้ เลย แล้วใส่ค่าใน Set these columns ใส่ว่า [Invoice no] กด save
31 23. มาที่ add a new action แล้วใส่ Payment Form กด create แล้วใส่ค่าใน Set these columns ใส่ ว่า [Invoice no] กด save 24. มาที่ add a new action แล้วใส่ Update Status กด create แล้วใส่ค่าใน Set these columns ใส่ ว่า "ชำระเงินแล้ว" กด save
32 25. มาที่ bot มาที่ create a new bot แล้วเปลี่ยนชื่อเป็น Gen Receipt ให้กด configure event ใส่ว่า PDF event แล้วกด create a custom event
33 ใส่ชื่อ ใส่ค่าตามรูปนี้ครับ
34 26. มากด add a step ใส่ว่า Create PDF FILE แล้วกด create a custom step
35 ใส่ ค่าตามรูปนี้ แล้ว template กด create เสร็จแล้วกด view ปรับแต่งในใบงานตามรูปนี้เลยครับ
36 27. มากด add a step ใส่ว่า Copy invoice แล้วกด create a custom step เปลี่ยนเป็น run a data action จากนั้น ตั้งค่าตามรูปนี้ ส่วน With these values ให่ใส่ ค่า [invoice no] กด save
37 28.มากด add a step ใส่ว่า Update Status แล้วกด create a custom step เปลี่ยนเป็น run a data action
38 ให้ใส่ค่าตามรูปนี้เลยครับ ส่วนค่าที่ใส่ ในreferenced row ใส่ว่า Select(Sales[ID],[_THISROW].[invoice no]=[Invoice no]) กด save
39 29. ให้มาที่ view มาที่ POS ใครยังไม่ได้เพิ่มตามรูปให้ไปเพิ่ม ในหัวข้อดังภาพด้วยครับ จัดเรียงให้เหมือน ในรูปเลยครับ จากนั้นให้ใส่ตามรูปนี้เลยครับ
40 29. ให้มาที่ payment จากนั้นให้ใส่ตามรูปนี้เลยครับ
41 30.ให้มาที่ product แล้วใส่ ค่า ตามหัวข้อดังภาพ
42 31.มาที่ cart แล้วใส่ ตามหัวข้อดังภาพ
43 32..มาที่ Menu แล้วใส่ ตามหัวข้อดังภาพ
44 33 มาที่ Receipt.ให้ใส่ ตามหัวข้อดังภาพ
45 33. เลี่อนลงหา payment_form แล้วหาคำว่า finish view เป็น POS
46 34.การทำหน้าปก 1.ให้ไปสร้างปก ในแคนวา ให้เสร็จ แล้วมากด ปุ่ม บวกเสร็จปกเสร็จ แล้วมาที่ view แล้ว แล้ว ที่ imageจากนั้น หารูปภาพหน้าปก มาใส่ แล้วกด save
47 ใส่ค่าต่างๆตามหัวข้อดังภาพนี้ครับ