.
แอปพลเิ คชนั สง่ั อาหารดว้ ยโปรแกรม Appsheet
Food ordering app with Appsheet
แอปพลเิ คชนั
เลม่ ไลนก์ ลุม่
นายชยั นันท์ บดิ ร รหัสนักเรยี น 6122040092
นางสาวณฐั พร บุญเลิศ รหัสนักเรียน 6122040094
นางสาวภณั ฑริ า อินทริง รหัสนักเรยี น 6122040103
โครงการนี้เป็นส่วนหน่ึงของรายวชิ าโครงการ รหัสวชิ า (2204-8501)
ภาคเรียนท่ี 2 ปีการศกึ ษา 2563
สาขาวิชาเทคโนโลยธี รุ กิจดจิ ทิ ลั
วิทยาลัยเทคนิคระยอง
ก
ชื่อโครงการ แอปพลิเคชันสงั่ อาหารดว้ ย AppSheet
(Food ordering app with Appsheet)
สาขาวชิ า เทคโนโลยธี รุ กิจดจิ ทิ ลั
ผ้รู บั ผดิ ชอบโครงการ 1. นายชยั นนั ท์ บิดร รหสั นกั เรียน 6122040092
2. นางสาวณฐั พร บญุ เลิศ รหัสนักเรยี น 6122040094
3. นางสาวภณั ฑริ า อนิ ทรงิ รหัสนักเรยี น 6122040103
อาจารยท์ ปี่ รึกษา นายปรีชา คางงเู หลือม
นายวกิ ร รัตนาธนบดี
ปีการศกึ ษา 2563
บทคัดย่อ
การจัดทำโครงการครั้งนี้มีวัตถุประสงค์เพื่อสร้างแอปพลิเคชันสั่งอาหารด้วย
AppSheet เพื่อช่วยให้ผู้ประกอบการรายย่อยได้เข้าถึงแอปพลิเคชันที่ช่วยในการรับออเดอร์
และการจัดลำดับคิวได้ง่ายขึ้นโดยที่ไม่เสียค่าใช้จ่าย และ ศึกษาความพึงพอใจของนักศึกษาระดับ
ประกาศนียบัตรวิชาชีพ สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง ที่มีต่อแอปพลิเคชัน
สั่งอาหารด้วย AppSheet ผ่านโครงการวิชาชีพ ชมรมวิชาชีพเทคโนโลยีธุรกิจดิจิทัล โดยมีกลุ่ม
ตัวอย่างที่ใช้เก็บประเมินผล คือ นักศึกษาระดับประกาศนียบัตรวิชาชีพห้อง 1/1 ห้อง 1/2 ห้อง
1/3 ห้อง 2/3 และห้อง 2/4 สาขาเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง จำนวน 183
คน เครื่องมือที่ใช้ในการประเมินผล คือ แอปพลิเคชันสั่งอาหารด้วย AppSheet และแบบสอบถาม
ความพึงพอใจของนักศึกษาระดับประกาศนียบัตรวชิ าชพี สาขาเทคโนโลยธี ุรกจิ ดิจทิ ัล วทิ ยาลัยเทคนิค
ระยอง ที่มีต่อแอปพลิเคชันสั่งอาหารด้วย AppSheet สถิติที่ใช้ในการวิเคราะห์ คือ ร้อยละ ค่าเฉลี่ย และ
สว่ นเบย่ี งเบนมาตรฐาน
ผลที่ได้รับจากแบบสอบถามความพึงพอใจ ที่มีต่อโครงการแอปพลิเคชันสั่งอาหารด้วย
AppSheet อยู่ในระดับดี (x̅=4.14, S.D.=0.85) ซึ่งโดยรวมถือว่าผ่านเกณฑ์ตามวัตถุประสงค์ที่
คาดหวังไว้ เมื่อพิจารณาจากแบบทดสอบทั้งหมด 3 ด้านดังนี้ ด้านการออกแบบแอปพลิเคชัน
ภาพรวมอยู่ในระดับมาก (x̅=4.14, S.D.=0.82) ด้านการทำงานของแอปพลิเคชัน ภาพ
รวมอยู่ในระดับดี (x̅=4.13, S.D.=0.87) และด้านความง่ายต่อการใช้แอปพลิเคชัน ภาพ
รวมอยู่ในระดับดี (x̅=3.80, S.D. =0.85) ตามลำดับ
คำสำคัญ : แอปพลิเคชนั / เทคโนโลยี/ ระบบเครอื ข่ายอินเทอร์เนต็ / โปรแกรม/ AppSheet
ข
กิตติกรรมประกาศ
โครงการแอปพลิเคชันสั่งอาหารด้วย AppSheet นี้สำเร็จได้ด้วยดี เนื่องจากอาจารย์วิกร รัตนา
ธนบดี ครูที่ปรึกษาโครงการ และ อาจารย์ปรีชา คางงูเหลือม ครูผู้สอนวิชาโครงการที่ได้ให้คำเสนอแนะ
แนวคิดตลอดจนแก้ไข ข้อบกพร่องต่าง ๆ มาโดยตลอดจนโครงการเล่มนี้เสร็จสมบูรณ์ ผู้ศึกษาจึงขอกราบ
ขอบพระคุณเป็น อย่างสูง
โครงการแอปพลิเคชันสั่งอาหารด้วย AppSheet จึงจัดทำแอปพลิเคชันสั่งอาหาร ด้วย
โปรแกรม App Sheet เพื่อช่วยให้ผู้ประกอบการรายย่อยได้เข้าถึงแอปพลิเคชันที่ช่วยในการรับออ
เดอรแ์ ละการจดั ลำดบั ควิ ได้ง่ายขน้ึ โดยที่ไม่เสียค่าใชจ้ า่ ย
สุดท้ายนี้ขอขอบพระคุณ คุณพ่อ คุณแม่ อาจารย์ที่ปรึกษา และเพื่อนนักศึกษาที่ช่วยให้
คำแนะนำดี ๆ เกี่ยวกับการโครงการชิ้นนี้ และขอขอบคุณน้อง ๆ ที่ได้ให้ความร่วมมือในการทำ
แบบสอบถาม แอปพลิเคชนั สั่งอาหารด้วย AppSheet จนทำใหโ้ ครงการน้ีสำเรจ็ ลลุ ว่ งไปไดด้ ว้ ยดี
คณะผจู้ ดั ทำ
สารบญั ซ
เรื่อง หนา้
บทคัดย่อ ก
กิตตกิ รรมประกาศ ข
สารบญั ค
สารบญั (ตอ่ ) ง
สารบัญตาราง จ
สารบญั ภาพ ฉ
สารบัญภาพ(ต่อ) ช
สารบัญภาพ(ต่อ) ซ
บทที่ 1 บทนำ
1
1.1 ความเป็นมาและความสำคัญของโครงการ 1
1.2 วัตถุประสงค์ของโครงการ 2
1.3 ขอบเขตของโครงการ 3
1.4 ผลทค่ี าดวา่ จะได้รบั 3
1.5 คำจำกัดความ
บทท่ี 2 เอกสารและทฤษฎีที่เก่ียวขอ้ ง 4
2.1 แอปพลเิ คชนั (Application) 5
2.2 เทคโนโลยี (Technology) 7
2.3 ระบบเครอื ขา่ ยอินเทอร์เนต็ (Internet networking) 8
2.4 โปรแกรม (Program) 11
2.5 AppSheet (Web Application)
บทท่ี 3 วธิ กี ารดำเนินงานโครงการ 26
3.1 การศึกษาข้อมลู เบ้ืองตน้ 26
3.2 ประชากรและกลมุ่ ตัวอย่าง 28
3.3 ขนั้ ตอนการดำเนินงาน 42
3.4 เคร่ืองมือทใี่ ชใ้ นการเก็บรวบรวมข้อมูล 42
3.5 ขั้นตอนการดำเนนิ การและเกบ็ รวบรวมข้อมลู 43
3.6 พจิ ารณาจากคะแนนตามเกณฑ์ 48
3.7 สถติ ทิ ใ่ี ช้ในการวิเคราะห์ข้อมลู
สารบัญ(ต่อ) ซ
เรือ่ ง หนา้
บทที่ 4 ผลการดำเนินโครงการ 45
51
4.1 ผลการดำเนินการ 52
บทที่ 5 สรปุ ผลและข้อเสนอแนะ
5.1 สรปุ ผลโครงการ
5.2 ข้อเสนอแนะ
บรรณานกุ รม
ภาคผนวก
ก แบบเสนอขออนุมัตโิ ครงการ
ข ภาพขั้นตอน การจัดทำโครงการ
ค แบบสอบถามความพึงพอใจ
ง ประวัติผจู้ ดั ทำ
สารบญั ตาราง ซ
ตารางที่ หน้า
4.1 แสดงจำนวนของผตู้ อบแบบประเมินถามคิดเป็นร้อยละ
45
จำนวนตามระดบั ชั้น 46
4.2 แสดงจำนวนของผูต้ อบแบบประเมินจำแนกตามเพศ 46
4.3 แสดงความพึงพอใจด้านการออกแบบแอปพลเิ คชัน 47
4.4 แสดงความพึงพอใจดา้ นการทำงานของแอปพลิเคชัน 48
4.5 แสดงความพึงพอใจดา้ นความง่ายต่อการใชแ้ อปพลเิ คชัน
4.6 แสดงสถติ ิความพงึ พอใจของนักเรียนระดับชน้ั ประกาศนยี บตั รวชิ าชีพ 49
ทป่ี ระเมินโครงการแอปพลิเคชนั สง่ั อาหารด้วย AppSheet
สารบัญภาพ ซ
ภาพท่ี หน้า
2.1 แสดง Application (แอปพลิเคชัน) 5
2.2 แสดงภาพเทคโนโลยี 6
2.3 แสดงภาพระบบเครอื ขา่ ยอินเทอร์เนต็ 7
2.4 แสดง โปรแกรม (Program 10
2.5 แสดง App Sheet 11
2.6 แสดงการ Login เข้าใช้แอป 11
2.7 แสดงการLogin เขา้ มาแล้วเราจะเร่มิ ทำการสรา้ ง Application 12
2.8 แสดงหน้าต่างขน้ึ มาให้เลอื ก 12
2.9 แสดงทเี่ ก็บข้อมูล 13
2.10 แสดงการดึงขอ้ มูลจาก Google Drive ของ Gmail ท่ใี ช้ login
13
กับ App Sheet
2.11 แสดงขอ้ มูล Table กับ Columns ที่ App Sheet จะสรา้ งขนึ้ มาให้เอง 14
14
โดยอตั โนมัติ 15
2.12 แสดงการเพ่ิม Table และ Columns ข้อมูลต้องเหมือนกนั ทั้งหมด 15
2.13 แสดงความต้องการแก้ไขทอ่ี ยู่ของท่ีเก็บข้อมลู 16
2.14 แสดงการกด Add New Table 16
2.15 แสดงการเลอื กท่เี กบ็ ข้อมูล 17
2.16 แสดงการเลอื กไฟล์ทต่ี ้องการบันทกึ ขอ้ มูล 17
2.17 แสดงการเพมิ่ Columns ให้กับ Sheet2 18
2.18 แสดงไฟลท์ ่ีเก็บข้อมูล 18
2.19 แสดงการเพิ่ม Columns 19
2.20 แสดงการสร้าง Columns รอไว้ท่ี Sheet2 19
2.21 แสดง Columns ทเ่ี ราสรา้ งไว้ก็จะมาโดยอตั โนมัติ 20
2.22 แสดงการกำหนดสทิ ธิใ์ ห้กบั ผู้ใช้ 20
2.23 แสดงปุ่มใหส้ ามารถเพ่ิมข้อมลู ได้ 21
2.24 แสดงหนา้ ฟอร์มข้นึ มาให้กรอกขอ้ มลู 21
2.25 แสดงการบันทึกในเว็บไซตข์ อง Appsheet
2.26 แสดงแบบฟอรม์
สารบัญภาพ (ต่อ) ซ
ภาพท่ี หน้า
2.27 แสดงแอปพลิเคชัน AppSheet 22
2.28 แสดงการ Login AppSheet 22
2.29 แสดงหนา้ App Gallery 23
2.30 แสดง Example สามารถกดเพิม่ ข้อมลู ได้ 23
2.31 แสดงการเพิ่มข้อมูล 24
2.32 แสดงการบนั ทึกข้อมลู เสรจ็ แลว้ 24
2.33 แสดงการเช็คข้อมูลท่ีทำการเพ่ิมเขา้ ไป 25
3.1 แสดงตัวอยา่ งภาพของเครซีแ่ ละมอร์แกน 27
3.2 ภาพแสดงการออกแบบผังงานการดำเนินงาน 28
3.3 ภาพแสดงการออกแบบผงั งานการดำเนินงาน(ต่อ) 29
3.4 การออกแบบผงั งาน แอปพลเิ คชันลกู คา้ 30
3.5 การออกแบบผงั งาน แอปพลเิ คชันแม่ค้า 31
3.6 แสดงการศึกษาเกย่ี วกบั การสร้างแอปสงั่ อาหาร 32
3.7 แสดงการออกแบบหน้าปกแอปพลิเคชัน 32
3.8 แสดงหน้าเวบ็ AppSheet 32
3.9 แสดงหนา้ เว็บการลงช่ือเข้าใช้งาน 33
3.10 แสดงการกดเลือก Start with your own data 33
3.11 แสดงการต้ังช่ือแอปพลิเคชัน หมวดแอปพลเิ คชัน และการเลือก data 34
3.12 แสดงการกดเลอื ก Data 34
3.13 ฐานขอ้ มูลจาก Google Sheet 35
3.14 สร้างระบบลอ็ กอนิ 35
3.15 กำหนดการทำงาน 35
3.16 กำหนดการเช่ือมโยงระหว่างกัน 36
3.17 กำหนดจดุ เร่ิมตน้ ของโปรแกรม 36
3.18 กำหนดการทำงาน 37
3.19 สร้างการทำงานการสง่ ขอ้ มลู 37
3.20 กำหนดการสง่ ขอ้ มลู 37
3.21 นำไปใช้งาน 38
สารบญั ภาพ (ตอ่ ) ซ
ภาพท่ี หน้า
3.22 คดั ลอก URL ไปใชง้ าน 38
3.23 สรา้ งการส่งข้อมูลเขา้ ไลน์ 38
3.24 สรา้ งการส่งข้อมลู 39
3.25 กำหนดฐานข้อมูลทีจ่ ะใชส้ ง่ 39
3.26 กำหนดปลายทางท่ีจะสง่ 40
3.27 เพ่ิมรายการอาหารของลกู ค้า 40
3.28 กำหนดหน้าตาของไอคอนปุม่ การทำงาน 41
3.29 กำหนดหน้าตาของไอคอนปุ่มการทำงาน 41
3.30 ทดสอบการทำงานของโปรแกรม 42
4.1 แผนภมู แิ สดงเพศของผูต้ อบแบบประเมนิ จำแนกตามระดบั ช้นั 45
4.2 แผนภมู แิ สดงเพศของผูต้ อบแบบประเมินจำแนกตามเพศ 46
4.3 แผนภมู แิ สดงความพึงพอใจด้านการออกแบบชิน้ งาน 47
4.4 แผนภูมิแสดงความพึงพอใจดา้ นการทำงานของแอปพลเิ คชัน 48
4.5 แผนภมู ิแสดงความพึงพอใจดา้ นความง่ายต่อการใชแ้ อปพลเิ คชัน 49
4.6 แผนภมู ิแสดงความพึงพอใจดา้ นสถติ ิ 50
บทที่ 1
บทนำ
บทที่ 1
บทนำ
1.1 ความเป็นมาและความสำคัญของโครงการ
ในปัจจุบันคนไทยช่ืนชอบการบริโภคกาแฟและน้ำหวานมากข้ึน ส่งผลให้ธุรกิจร้านกาแฟมีจำนวน
เพิ่มขึ้นตามไปด้วย จึงทำให้เกิดเป็นผู้ประกอบการทั้งรายใหญ่และรายย่อยมากมาย หากร้านกาแฟร้านใด
มีทำเลและการส่งเสริมการขายท่ีดีจะทำให้มีลูกค้าเพิ่มข้ึน จนในบางคร้ังไม่สามารถรองรับลูกค้ามาก ๆ
ในเวลาเดียวกันได้ทั้งหมด ส่งผลให้เกิดความล่าช้า ความไม่สะดวกแก่ทั้งตัวผู้ประกอบการและผู้ซื้อ
ทำให้ร้านกาแฟท่ีเป็นผู้ประกอบการรายใหญ่หันมาใช้เทคโนโลยีในการแก้ปัญหาดังกล่าว โดยการ
ใช้ระบบในการจัดลำดับคิว ในการสั่งอาหาร ซ่ึงทำให้สามารถรับมือกับลูกค้ามาก ๆ ในเวลาเดียวกันได้
แต่ในขณะเดียวกันผู้ประกอบการขนาดเล็กกลับมองว่า การนำแอปพลิเคชันเข้ามาใช้งานนั้นมีขั้นตอน
ยุ่งยาก และมคี า่ ใชจ้ ่ายท่สี งู อาจจะส่งผลให้ขาดรายได้จากผ้ซู ้ือประจำได้
ปัจจุบันมีการนำเทคโนโลยีเข้ามาช่วยในการจัดการระบบต่าง ๆ ให้มีความสะดวกสบายมาก
ข้ึน ซึ่งการพัฒนาแอปพลิเคชันสามารถทำได้รวดเร็วและง่ายต่อการใช้งาน โดยการใชแ้ อปพลิเคชัน
หนึ่งพัฒนาอีกแอปพลิเคชันหนึ่งขึ้นมาใช้งาน เช่น โปรแกรม App sheet, App Inventor และ Flutter
ซ่ึงจากปัญหาท่ีได้กล่าวมาในขั้นต้น ผู้พัฒนาจึงใช้โปรแกรมท่ีได้ยกตัวอย่างมาในการพัฒนาแอปพลิเคชัน
ที่เข้ามาจัดการในเร่ืองของการจัดลำดับคิวส่ังอาหาร เพื่อให้ผู้ประกอบการรายย่อยที่ไม่มีรายได้มากนัก
ให้สามารถเข้าถึงเทคโนโลยีได้ง่ายยิ่งขึ้น
ดังน้ันผู้จัดทำได้ตระหนักถึงปัญหาของการรองรับลูกค้าจำนวนมากในเวลาเดียวกัน จึงจัดทำ
แอปพลิเคชันสั่งอาหาร ด้วยโปรแกรม App Sheet เพื่อช่วยให้ผู้ประกอบการรายย่อยได้เข้าถึง
แอปพลิเคชันท่ีช่วยในการรับออเดอร์และการจัดลำดับคิวได้ง่ายขึ้นโดยท่ีไม่เสียค่าใช้จ่าย
1.2 วตั ถปุ ระสงค์ของโครงการ
ในการทำโครงการในคร้งั นี้ ผจู้ ดั ทำไดต้ ัง้ วัตถุประสงค์ไว้ดงั น้ี
1.2.1 เพอ่ื สร้างแอปพลิเคชันในการสง่ั อาหารดว้ ยโปรแกรม App Sheet
1.2.2 เพื่ออำนวยความสะดวกใหแ้ กน่ กั เรียน นักศึกษาในการสงั่ อาหารด้วย App Sheet
1.2.3 เพือ่ สำรวจความพึงพอใจนกั เรยี น นักศกึ ษาในการใชแ้ อปพลเิ คชันสงั่ อาหารด้วย
App Sheet อยู่ในระดบั ดี
2
1.3 ขอบเขตของโครงการ
โครงการครัง้ น้ี มีขอบเขตดังน้ี
1.3.1 ประชากรและกลุม่ ตวั อยา่ ง
1.3.1.1 ประชากร คือ นักเรียนระดับประกาศนียบัตรวิชาชีพ แผนกวิชาเทคโนโลยี
ธรุ กจิ ดิจิทลั จำนวน 310 คน
1.3.1.2 กลุ่มตัวอย่าง คือ นักเรียนนักศึกษาระดับประกาศนียบัตรวิชาชีพ แผนกวิชา
เทคโนโลยีธุรกิจดิจิทัล ห้อง ปวช.1/1 ปวช.1/2 ปวช.1/3 ปวช.2/3 ปวช.2/4 จำนวน 183 คน โดยวิธีการ
สมุ่ อยา่ งง่าย
1.3.2 ขอบเขตชนิ้ งาน
1.3.2.1 ดา้ นฮาร์ดแวร์
1.3.2.1.1 คอมพิวเตอร์พกพา ACER Aspire 5,CPU Intel Core i5-7200U,
RAM 4 GB
1.3.2.1.2 คอมพวิ เตอร์พกพา ASUS X453S, CPU Intel inside Core,
RAM 4 GB
1.3.2.1.3 โทรศพั ท์มอื ถือ Samsung Galaxy A30 Android Version 10
1.3.2.1.4 โทรศัพทม์ อื ถือ iPhone 6 Plus iOS Version 12.4.7
1.3.2.2 ดา้ นซอฟตแ์ วร์
1.3.2.2.1 ใช้โปรแกรม App Sheet ในการสรา้ งรูปแบบแอปพลิเคชนั
1.3.2.2.2 ใชร้ ะบบปฏิบตั กิ าร Windows 10
1.4 ขั้นตอนวธิ กี ารจัดทำโครงการ
1.4.1 ประชมุ สมาชิกในกลุ่มเพ่อื ศกึ ษาหวั ข้อเร่อื งท่สี นใจในการทําโครงการ
1.4.2 นําเสนอขอ้ โครงการตอ่ อาจารยท์ ่ีปรึกษาโครงการ
1.4.3 วางแผนการจดั ทําโครงการ โดยเขยี นแบบร่างโครงการ
1.4.4 จัดทาํ การออกแบบเน้ือหาของส่ือท่จี ะนําเสนอ
1.4.5 ทําการสรา้ งหน้าแอปพลเิ คชนั โดยใช้โปรแกรม App Sheet
1.4.6 ทาํ การตรวจสอบความเสถยี รของแอปพลเิ คชัน
1.4.7 นํามาทดลองใช้และสรุปผล
3
1.5 ผลท่คี าดวา่ จะได้รบั
โครงการนี้ มีผลท่ีคาดว่าจะไดร้ บั ดังน้ี
1.5.1 ได้แอปพลิเคชันสั่งอาหารดว้ ยโปรแกรม App Sheet
1.5.2 ไดอ้ ำนวยความสะดวกในการสงั่ อาหารด้วย App Sheet
1.5.3 ได้ความพึงพอใจในการใช้แอปพลิเคชันสั่งอาหารด้วยโปรแกรม App Sheet อยู่ใน
ระดับดี
1.6 คำจำกัดความ
แอปพลิเคชัน หมายถึง โปรแกรมท่ีอำนวยความสะดวกในด้านต่าง ๆ ที่ออกแบบมาสำหรับ
Mobile (โมบาย) Tablet (แท็บเล็ต) หรืออุปกรณ์เคลื่อนที่ ที่เรารู้จักกัน ซ่ึงในแต่ละระบบปฏิบัติการ
จะมีผู้พัฒนาแอพพลิเคชั่นขึ้นมามากมายเพ่ือให้ตรงกับความต้องการของผู้ใช้งาน ซึ่งจะมีให้ดาวน์โหลด
ทั้งฟรีและจ่ายเงิน ทัง้ ในด้านการศึกษา ดา้ นการสื่อสารหรือแม้แต่ดา้ นความบันเทิงต่าง ๆ
แอปพลิเคชันอาหาร หมายถึง โปรแกรมคอมพิวเตอร์ที่ออกแบบเพื่อตอบสนองให้ผู้ใช้บริการ
สามารถทาํ กิจกรรมรับส่งอาหาร ผ่านโทรศพั ท์มอื ถือ เชน่ LINE MAN และ Food panda
เทคโนโลยี หมายถึง เทคโนโลยีเป็นการนำเอาความรู้ ทางวิทยาศาสตร์มาใช้ในการประดิษฐ์
ส่ิงของต่าง ๆ ให้เกิดประโยชน์สูงสุด ส่วนทเ่ี ป็นขอ้ แตกตา่ งอย่างหนึ่งของเทคโนโลยี กบั วิทยาศาสตร์
คือเทคโนโลยีจะขึ้นอยู่กับปัจจัย ทางเศรษฐกิจเป็นสินค้ามีการซื้อขาย ส่วนความรู้ทางวิทยาศาสตร์
เป็นสมบัติส่วนรวมของ ชาวโลกมีการเผยแพร่โดยไม่มีการซื้อขายแต่อย่างใดกล่าวโดยสรุปคือ
เทคโนโลยีสมัยใหม่เกดิ ข้ึนโดยมีความร้ทู างวิทยาศาสตร์เป็นฐานรองรับ
การสั่งอาหาร หมายถึง การส่ังรายการที่อยู่หน้าร้าน โดยระบุท้ังราคาและรูปภาพอาหาร
เพื่อเป็นตัวช่วยในการตัดสินใจให้กับผู้ซื้อ ปัจจุบันร้านค้าออนไลน์เข้ามามีบทบาทต่อการใช้ชีวิต
ในสังคม ทำให้เกดิ ธุรกจิ ออนไลนม์ ากขึน้ มากมาย เชน่ Grab LINEMAN และ Food panda
โปรแกรม App Sheet หมายถึง โซลูชันด้านการผลิตทางธุรกิจให้การแสดงเนื้อหาการจดบันทึก
รูปแบบและเวิร์กโฟลว์สำหรับสถานการณ์ทางธุรกิจที่เรียบง่าย App Sheet จะใช้ข้อมูลท่ีมีอยู่ใน
แผ่นตารางทำการใน Google, สมารท์ การด์ และแสดงในแบบโต้ตอบผ่านแอปพลิเคชัน
บทที่ 2
เอกสารและทฤษฎที ี่เก่ยี วขอ้ ง
บทท่ี 2
เอกสารและทฤษฎีที่เกี่ยวขอ้ ง
เพือ่ เปน็ แนวทางในการจดั ทำโครงการครงั้ นี้ คณะผูจ้ ัดทำไดศ้ ึกษาเอกสารและทฤษฎีที่เก่ียวขอ้ ง
ดงั น้ี
2.1 แอปพลิเคชันพลเิ คชนั (Application)
2.2 เทคโนโลยี (Technology)
2.3 ระบบเครอื ขา่ ยอนิ เทอร์เน็ต (Internet networking)
2.4 โปรแกรม (Program)
2.5 AppSheet (Web Application)
2.1 แอปพลิเคชันพลเิ คชนั (Application)
2.1.1 แอปพลิเคชันพลิเคชัน (Application) ในปัจจุบัน ผู้คนมากมายต่างให้ความสนใจและใช้งาน
ส่ิงที่เรียกว่า แอปพลิเคชันพลิเคชัน กันอย่างแพร่หลาย แอปพลิเคชันพลิเคชัน คือ ซอฟแวร์ประเภทหน่ึง
ที่สามารถกระทำการบางอย่างได้ตามความต้องการ แอปพลิเคชันพลิเคชันสำหรับใช้งาน
บนเคร่ืองคอมพิวเตอร์และโน้ตบุ๊ก เรียกว่า เดสก์ท็อป แอปพลิเคชันพลิเคชัน (Desktop Application)
ส่วนแอปพลิเคชันพลิเคชันที่ทำงานบนเครื่องอุปกรณ์พกพาทั้งหลาย เรียกว่า แอปพลิเคชันพลิเคชัน
บนสมาร์ทโฟน (Mobile Application) เม่ือรันแอปพลิเคชันพลิเคชัน โดยจะทำงานอยู่ภายใต้
ระบบปฏิบัติการตลอดเวลาจนกว่าจะทำการปิดไป ภายในเวลาเดียวกัน อาจมีหลายแอปพลิเคชันพลิเคชัน
ท่ีกำลังทำงานพร้อมกันในระบบปฏิบัติการ เรียกกระบวนการน้ีว่า การทำงานของแอปพลิเคชันหลาย ๆ
แอปพลิเคชันพร้อมกัน (Multitasking) แอปพลิเคชันพลิเคชันเล็ก ๆ ท่ีสามารถโหลดมาใช้งานได้ง่าย
โดยเสียค่าใช้จ่ายน้อยหรือไม่เสียค่าใช้จ่าย แอปพลิเคชันพลิเคชันจำนวนหน่ึงถูกออกแบบมาสำหรับใช้งาน
บนอุปกรณ์พกพารวมถึงทีวีบางรุ่น คือโปรแกรมท่ีอำนวยความสะดวกในด้านต่าง ๆ ท่ีออกแบบมาสำหรับ
สมาร์ทโฟนและแท็บเล็ต (Tablet) ซ่ึงในแต่ละระบบปฏิบัติการจะมีผู้พัฒนาแอปพลิเคชันพลิเคชันข้ึนมา
มากมายเพื่ อให้ตรงกับความต้องการของผู้ใช้งาน ซึ่งจะมีให้ดาวน์โหลดทั้งฟรีและจ่ายเงิน
ท้ังในดา้ นการศึกษา ดา้ นองคก์ ร สื่อสารหรือแม้แตด่ ้านความบันเทิงตา่ ง ๆ เป็นต้น
2.1.2 แอปพลิเคชันพลิเคชันบนสมาร์ทโฟน (Mobile Application) ประกอบขึ้นด้วยคำสองคำ คือ
Mobile กับ Application มี ความหมายดังนี้ Mobile คืออุปกรณ์ส่ือสารท่ีใช้ในการพกพา ซึ่งนอกจาก
จะใช้งานได้ ตามพ้ื นฐานของสมาร์ทโฟนแล้ว ยังทำงานได้เหมื อนกับเคร่ืองคอมพิ วเตอร์
เน่ืองจากเป็นอุปกรณ์ท่ีพกพาได้จึงมีคุณสมบัติเด่น คือ ขนาดเล็กน้ำหนักเบาใช้พลังงานค่อนข้างน้อย
ปจั จบุ นั มักใช้ทำหนา้ ที่ได้หลายอย่าง ในการตดิ ต่อแลกเปล่ียนข่าวสารกบั คอมพิวเตอร์
5
2.1.3 เว็บแอปพลิเคชันพลิเคชัน (Web Application) คือ แอปพลิเคชันพลิเคชัน (Application)
ท่ีถูกเขียนขึ้นมาเพื่อเป็นเบราว์เซอร์ (Browser) สำหรับการใช้งานเว็บไซต์ต่าง ๆ ซ่ึงถูกปรับแต่ง
ให้แสดงผลแต่ส่วนท่ีจำเป็น เพื่อเป็นการลดทรัพยากรในการประมวลผลของสมาร์ทโฟนและแท็บเล็ต
ทำใหโ้ หลดหนา้ เว็บไซต์ได้เร็วขนึ้ อีกทั้งผูใ้ ช้งานยังสามารถใช้งานผ่านอินเทอร์เนต็ ในความเร็วต่ำได้
ภาพที่ 2.1 แสดง Application (แอปพลิเคชันพลเิ คชนั )
2.2 เทคโนโลยี (Technology)
2.2.1 เทคโนโลยี หมายถึง สิ่งที่มนุษย์พัฒนาข้ึนเพ่ือช่วยในการทำงานหรือแก้ปัญหาต่าง ๆ
เช่น อุปกรณ์ เคร่ืองมือ เคร่ืองจักร วัสดุ หรือ แม้กระท่ังที่ไม่ได้เป็นสิ่งของท่ีจับต้องได้ เช่น กระบวนการ
ต่าง ๆ เทคโนโลยีเป็นการประยุกต์นำเอาความรู้ทางวิทยาศาสตร์มาใช้และก่อให้เกิดประโยชน์
ในทางปฏิบัติแก่มวลมนุษย์กล่าวคือเทคโนโลยีเป็นการนำเอาความรู้ทางวิทยาศาสตร์มาใช้ในการประดิษฐ์
ส่ิงของต่าง ๆ ให้เกิดประโยชน์สูงสุดส่วนที่เป็นข้อแตกต่างอย่างหน่ึงของเทคโนโลยีกับวิทยาศาสตร์คือ
เทคโนโลยีจะข้ึนอยู่กับปัจจัยทางเศรษฐกิจเป็นสินค้ามีการซื้อขาย ส่วนความรู้ทางวิทยาศาสตร์เป็นสมบัติ
ส่วนรวมของชาวโลกมีการเผยแพร่โดยไม่มีการซ้ือขายแต่อย่างใด กล่าวโดยสรุปคือ เทคโนโลยีสมัยใหม่
เกดิ ข้นึ โดยมีความรู้ทางวทิ ยาศาสตรเ์ ป็นฐานรองรับ
2.2.2 เทคโนโลยีในลักษณะของกระบวนการ (process) หมายถึง เป็นการใช้อย่างเป็นระบบ
ของวิธีการทางวิทยาศาสตร์หรือความรู้ต่าง ๆ ท่ีได้รวบรวมไว้ เพ่ือนำไปสู่ผลในทางปฏิบัติ โดยเชื่อว่า
เป็นกระบวนการทีเ่ ชอ่ื ถือได้และนำไปสกู่ ารแกป้ ัญหาต่าง ๆ
2.2.3 เทคโนโลยีในลักษณะของผลผลิต (product) หมายถึง วัสดุและอุปกรณ์ที่เป็นผลมาจาก
การใชก้ ระบวนการทางเทคโนโลยี
2.2.4 เทคโนโลยีในลักษณ ะผสมของกระบวนการและผลผลิต (process and product)
เช่น ระบบคอมพิวเตอร์ซ่ึงมีการทำงานเป็นปฏิสัมพันธ์ระหว่างตัวเครื่องกับโปรแกรมเทคโนโลยีชีวภาพ
ประโยชน์ที่สำคัญที่สุดของเทคโนโลยีชีวภาพในอนาคต คือ การพัฒนาพันธุ์พืชและสัตว์เพ่ือเพิ่มผลผลิต
อาหารเลี้ยงชาวโลกการปฏิวัติทางเทคโนโลยีชีวภาพที่กำลังจะเกิดข้ึนจะมีความสำคัญต่ อมนุษย์ชาติ
6
ไม่น้อยไปกว่าการปฏิวัติทางเทคโนโลยีสารสนเทศในขณะที่ประเทศไทยกำลังซวนเซอันเนื่องจาก
วิกฤติเศรษฐกิจ หลายคนหันมาคิดได้ว่า ต้องหาทางต้ังตัวใหม่ ผลิตสินค้าและเปิดบริการใหม่ ๆ
แทนที่จะอาศัยวัตถุดิบและค่าแรงราคาถูก ซ่ึงเคยเป็นข้อได้เปรียบของไทยแนวทางใหม่คงต้องเป็นการ
ใช้สมอง ใช้ความสามารถท่ีมีอยู่บ้าง มาเพิ่มพูนและผสมผสานกับเทคโนโลยีใหม่ ๆ เพื่อผลิตสินค้า หรือ
เสนอบริการที่สามารถแข่งขันในตลาดโลกได้
2.2.4.1 ประโยชน์ของเทคโนโลยี ช่วยคุณภาพชีวิตของมนุษย์ แถมยังช่วยพัฒนาระบบ
อารายธรรมโดยทางอ้อมอีกด้วยเรื่องราวจากการเร่ิมต้นเทคโนโลยี ยาวนานจนตอนน้ีทำให้มนุษย์
แทบไม่สามารถแยกจากเทคโนโลยีไปได้แล้ว ช่วยให้มนุษย์มีความสะดวกสบายข้ึน ทันสมัย
และช่วยประหยดั เวลา
2.2.4.2 บทบาทหน้าทขี่ องเทคโนโลยี ความก้าวหน้าทางด้านวทิ ยาศาสตร์และเทคโนโลยี
ทำให้มีการพัฒนาคิดค้นส่ิงอำนวยความสะดวกสบายต่อการดำรงชีวิตเป็นอันมาก เทคโนโลยีได้เข้ามา
เสริมปัจจัยพ้ืนฐานการดำรงชีวิตได้เป็นอย่างดี เทคโนโลยีทำให้การสร้างที่พักอาศัยมีคุณภาพมาตรฐาน
สามารถผลิตสินค้าและให้บริการต่าง ๆ เพ่ือตอบสนองความต้องการของมนุษย์มากขึ้น
เทคโนโลยีทำให้ระบบการผลิตสามารถผลิตสินค้าได้เป็นจำนวนมากมีราคาถูกลง สินค้าได้คุณภาพ
เทคโนโลยีทำใหม้ ีการติดต่อส่ือสารกนั ได้สะดวก การเดินทางเช่ือมโยงถึงกันทำให้ประชากรในโลกตดิ ต่อ
รบั ฟังขา่ วสารกันไดต้ ลอดเวลา
2.2.4.3 วิวัฒนาการเทคโนโลยี (Evolution of Technology) เทคโนโลยีมีการเปลี่ยนแปลง
ห รื อ พั ฒ น าเมื่ อ เว ล าผ่ าน ไป ข้ั น ต อ น ก ารเป ลี่ ย น แ ป ล งข้ึ น อ ยู่ กั บ ก ระบ ว น ก ารท างวิ วั ฒ น าก าร
(Evolution) ของระบบหรือเครื่องมือน้ัน ๆ ดังน้ันคำว่าวิวัฒนาการของเทคโนโลยี (Evolution of
Technology) จึงหมายถึง ความเปล่ียนแปลงที่เกิดขึ้นในระบบหรือเครื่องมือท่ีเกิดข้ึนอย่างซับซ้อน
และมกี ารเปลี่ยนแปลงตามลำดับอยา่ งต่อเน่ืองอันมสี าเหตุมาจากปัจจัยต่าง ๆ
ภาพที่ 2.2 แสดงภาพเทคโนโลยี
7
2.3 ระบบเครอื ขา่ ยอนิ เทอร์เน็ต (Internet networking)
เครือข่ายอินเทอร์เน็ต หมายถึง เครือข่ายคอมพิวเตอร์ที่เชื่อมต่อกัน เป็นจำนวนมากครอบคลุม
ไปท่ัวโลก โดยอาศัยโครงสร้างระบบส่ือสารโทรคมนาคมเป็นตัวกลางในการแลกเปลี่ยนข้อมูล
มีการประยุกต์ใช้งานหลากหลายรูปแบบ อินเทอร์เน็ตเป็นท้ังเครือข่ายของคอมพิวเตอร์และเครือข่าย
ของเครือข่าย เพราะอินเทอร์เน็ตประกอบด้วยเครือข่ายย่อยเป็นจำนวนมากต่อเชื่อมเข้าด้วยกัน
ภายใต้มาตรฐานเดียวกัน จนเป็นสังคมเครือขา่ ยขนาดใหญ่ อินเทอร์เน็ตเป็นเครือข่ายสาธารณะที่ไม่มี
ผู้ใดเป็นเจ้าของ ทำให้การเข้าสู่เครือข่ายเป็นไปได้อย่างเสรีภายใต้กฎเกณฑ์บางประการที่กำหนดขึ้น
เพ่ือไมใ่ หเ้ กดิ ความสับสนและวุ่นวายจากการเชือ่ มต่อจากเครอื ขา่ ยท่ัวโลก
ผู้ใช้บริการอินเทอร์เน็ตหลายคนอาจเข้าสู่อินเทอร์เน็ตโดยผ่านทางระบบเครือข่ายของสำนักงาน
บริษัท หรือ สถานศึกษาของตน ซ่ึงตามปกติแล้วหากเป็นหน่วยงานหรือสำนักงานใหญ่ ๆ
จะต่อคอมพิวเตอร์เป็นระบบภายในองค์กร แลน (LAN) ซ่ึงมักจะเชื่อมต่อกับผู้ให้บริการ ไอเอสพี (ISP)
ผ่านสายนำสัญญาณความเร็วสูง (High-Speed Leased Line) แทนที่จะเชื่อมต่อผ่าน โมเดม (Modem)
แต่ถ้าหากว่าคอมพิวเตอร์ที่ใช้อยู่ในวง แลน (LAN) ที่ไม่โตมากนักก็อาจใช้เชื่อมต่อผ่านโมเดมก็ได้
เพราะจะทำให้ลดค่าใช้จ่ายในการเชื่อมต่อระบบ แต่อาจจะมีปัญหาในเรื่องของความเร็วในการ
เขา้ สอู่ ินเทอร์เน็ตบ้างเล็กน้อย
เม่ือเครือข่ายอินเทอร์เน็ตเชื่อมโยงเครือข่ายท่ัวโลกให้สามารถติดต่อถึงกันได้หมดจนกลายเป็น
เครือข่ายของโลก ดังน้ันจึงมีผู้ใช้งานบนเครือข่ายน้ีจำนวนมาก การใช้งานเหล่านี้เป็นสิ่งที่กำลังได้รับ
การกล่าวถึงกันทั่วไปเพราะการเช่อื มโยงเครอื ข่ายอินเทอรเ์ นต็ ทำให้โลกไร้พรมแดน ข้อมูลขา่ วสารตา่ ง
ๆ สามารถส่ือสารถงึ กนั ไดอ้ ยา่ งรวดเรว็
ภาพที่ 2.3 แสดงภาพระบบเครอื ขา่ ยอนิ เทอร์เนต็
8
2.4 โปรแกรม (Program)
2.4.1 โปรแกรม (Program) โปรแกรมคอมพิวเตอร์ หมายถึง คำสั่งหรือชุดคำส่ัง ท่ีเขียนขึ้นมา
เพ่ือสั่งให้เครื่องคอมพิวเตอร์ทำงานตามท่ีเราต้องการ เราจะให้คอมพิวเตอร์ทำอะไรก็เขียนเป็นคำสั่ง
ซ่ึงต้องสั่งเป็นขั้นตอนและแต่ละขั้นตอนต้องทำอย่างละเอียดและครบถ้วน ซ่ึงจะเกิดเป็นงานชิ้นหน่ึง
ขึ้นมา มีชือ่ เรียกวา่ โปรแกรม
2.4.2 ประเภทซอฟตแ์ วร์
2.4.2.1 ซอฟตแ์ วรร์ ะบบ (System Software)
2.4.2.2 ซอฟตแ์ วร์ประยุกต์ (Application Software)
2.4.3 ภาษาโปรแกรมม่ิง (Programming Language) หมายถึง ภาษาใด ๆ ที่ถูกออกแบบ
โครงสร้างขึ้นมาเพื่อใช้ในการเขียนคำสั่ง หรือชุดคำส่ัง ส่วนใหญ่เป็นภาษาอังกฤษท่ีมนุษย์เข้าใจ
ประกอบด้วยโครงสร้างของภาษาสทรัคเชอะ (Structure) รูปแบบไวยากรณ์ซินแทคช (Syntax)
และคำศพั ทต์ ่าง ๆ เพ่ือสั่งให้เครอ่ื งคอมพวิ เตอรท์ ำงานตามทีเ่ ราต้องการ ในงานเขียนโปรแกรมจะต้อง
มีการเตรียมงานเกี่ยวกับการเขียนโปแกรมอย่างเป็นข้ันตอน ซึ่งเรียกขั้นตอนเหล่าน้ีว่าขั้นตอนการ
พฒั นาโปรแกรม
2.4.4 ข้นั ตอนการพัฒนาโปรแกรม
การวิเคราะห์ปัญหา ประกอบดว้ ยข้ันตอนตา่ ง ๆ ดังนี้
2.4.4.1 กำหนดวัตถุประสงค์ของงาน เพ่ือพิจารณาว่าโปรแกรมต้องทำการ ประมวลผล
อะไรบา้ ง
2.4.4.2 พิจารณาข้อมูลนำเข้า เพ่ือให้ทราบว่าจะต้องนำข้อมูลอะไรเข้าคอมพิวเตอร์ข้อมูล
มีคณุ สมบตั ิเปน็ อย่างไร ตลอดจนถงึ ลักษณะและรปู แบบของข้อมูลที่จะนำเข้า
2.4.4.3 พิจารณาการประมวลผล เพ่ือให้ทราบว่าโปรแกรมมีขั้นตอนการประมวลผล
อย่างไร มเี งือ่ นไปการประมวลผลอะไรบ้าง
2.4.5 การออกแบบโปรแกรม การออกแบบข้ันตอนการทำงานของโปรแกรมเป็นข้ันตอนที่ใช้เป็น
แนวทางในการลงรหัสโปรแกรม ผู้ออกแบบข้ันตอนการทำงานของโปรแกรมอาจใช้เคร่ืองมือต่าง ๆ
ช่วยในการออกแบบ อาทิเช่น คำสั่งลำลอง หรือผังงานการออกแบบโปรแกรมน้ันไม่ต้องพะวงกับ
รูปแบบคำสั่งภาษาคอมพิวเตอร์ แต่ให้มุ่งความสนใจไปที่ลำดับข้ันตอนในการประมวลผลของ
โปรแกรมเท่านัน้
2.4.6 การเขียนโปรแกรมด้วยภาษาคอมพิวเตอร์ การเขียนโปรแกรมเป็นการนำเอาผลลัพธ์
ของการออกแบบโปรแกรมมาเปล่ียนเป็นโปรแกรมภาษาคอมพิวเตอร์ภาษาใดภาษาหน่ึง ผู้เขียน
โปรแกรมจะต้องให้ความสนใจต่อรูปแบบคำส่ังและกฎเกณฑ์ของภาษาที่ใช้เพื่อให้การประมวลผล
เป็นไปตามผลลพั ธ์ทไ่ี ดอ้ อกแบบไว้ นอกจากน้ัน ผู้เขยี นโปรแกรมควรแทรกคำอธบิ ายการทำงานต่าง ๆ
ลงในโปรแกรมเพ่อื ใหโ้ ปรแกรมนน้ั มีความกระจา่ งชัดและงา่ ยต่อการตรวจสอบ
9
2.4.7 การทดสอบและแก้ไขโปรแกรม การทดสอบโปรแกรมเป็นการนำโปรแกรมที่ลงรหัส
แล้วเข้าคอมพิวเตอร์ เพ่ือตรวจสอบรูปแบบกฎเกณฑ์ของภาษาและผลการทำงานของโปรแกรมน้ัน
ถา้ พบวา่ ยงั ไม่ถูกก็แก้ไขให้ถกู ต้องต่อไป ขัน้ ตอนการทดสอบและแก้ไขโปรแกรมแบง่ ได้เป็น 3 ขนั้ คอื
2.4.7.1 สร้างแฟ้มเก็บโปรแกรมซึ่งส่วนใหญ่นิยมนำโปรแกรมเข้าผ่านทางแป้นพิมพ์
โดยใชโ้ ปรแกรมประมวลคำ
2.4.7.2 ใช้ตัวแปลภาษาคอมพิวเตอร์แปลโปรแกรมที่สร้างข้ึนเป็นภาษาเคร่ือง
โดยระหว่างการแปลจะมีการตรวจสอบความถูกต้องของรูปแบบและกฎเกณฑ์ในการใช้ภาษา
ถ้ า ค ำ ส่ั ง ใด มี รู ป แ บ บ ไ ม่ ถู ก ต้ อ ง ก็ จ ะ แ ส ด ง ข้ อ ผิ ด พ ล า ด อ อ ก ม า เพื่ อ ให้ ผู้ เขี ย น น ำ ไป แ ก้ ไข ต่ อ ไป
ถ้าไม่มขี อ้ ผิดพลาด เราจะไดโ้ ปรแกรมภาษาเครือ่ งทสี่ ามารถใหค้ อมพวิ เตอรป์ ระมวลผลได้
2.4.7.3 ตรวจสอบความถูกต้องของการประมวลผลของโปรแกรม โปรแกรมท่ีถูกต้อง
ตามรูปแบบและกฎเกณฑ์ของภาษา แต่อาจให้ผลลัพธ์ของการประมวลผลไม่ถูกต้องก็ได้ ดังน้ันผู้เขียน
โปรแกรมจำเป็นต้องตรวจสอบว่าโปรแกรมประมวลผลถูกต้องตามต้องการหรือไม่ วิธีการหน่ึงก็คือ
สมมติข้อมลู ตัวแทนจากข้อมลู จริงนำไปให้โปรแกรมประมวลผลแล้วตรวจสอบผลลพั ธ์วา่ ถูกต้องหรือไม่
ถ้าพบว่าไม่ถูกต้องก็ต้องดำเนินการแก้ไขโปรแกรมต่อไป การสมมติข้อมูลตัวแทนเพ่ือการทดสอบ
เป็นส่ิงท่ีมีความสำคัญเป็นอย่างมาก ลักษณะของข้อมูลตัวแทนท่ีดีควรจะสมมติท้ังข้อมูลที่ถูกต้อง
และข้อมลู ที่ผิดพลาด เพื่อทดสอบว่าโปรแกรมท่ีพัฒนาข้ึนสามารถครอบคลุมการปฏิบตั ิงานในเง่ือนไข
ต่าง ๆ ได้ครบถ้วน นอกจากนี้อาจตรวจสอบการทำงานของโปรแกรมด้วยการสมมติตัวเองเป็น
คอมพิวเตอร์ทีจะประมวลผล แล้วทำตามคำส่ังทีละคำสั่งของโปรแกรมนั้น ๆ วิธีการน้ีอาจทำได้ยาก
ถา้ โปรแกรมมขี นาดใหญ่หรอื มีการประมวลผลทซี่ บั ซ้อน
2.4.8 การทำเอกสารประกอบโปรแกรม การทำเอกสารประกอบโปรแกรมเป็นงานท่ีสำคัญ
ของการพัฒนาโปรแกรม เอกสารประกอบโปรแกรมช่วยให้ผู้ใช้โปรแกรมเข้าใจวัตถุประสงค์
ข้อมูลท่ีจะต้องใช้กับโปรแกรมตลอดจนผลลัพธ์ที่จะได้จากโปรแกรม การทำโปรแกรมทุกโปรแกรม
จึงควรต้องทำเอกสารกำกับ เพื่อใช้สำหรับการอ้างอิงเมื่อจะใช้งานโปรแกรมและเมื่อต้องการแก้ไข
ปรับปรุงโปรแกรม เอกสารประกอบโปรแกรมทีจ่ ดั ทำ ควรประกอบดว้ ยหัวข้อต่อไปน้ี
2.4.8.1 วตั ถปุ ระสงค์
2.4.8.2 ประเภทและชนิดของคอมพิวเตอรแ์ ละอปุ กรณ์ทีใ่ ชใ้ นโปรแกรม
2.4.8.3 วธิ กี ารใชโ้ ปรแกรม
2.4.8.4 แนวคิดเกยี่ วกบั การออกแบบโปรแกรม
2.4.8.5 รายละเอยี ดโปรแกรม
2.4.8.6 ขอ้ มลู ตวั แทนทีใ่ ชท้ ดสอบ
2.4.8.7 ผลลัพธ์ของการทดสอบ
10
2.4.9 การบำรุงรักษาโปรแกรม เมื่อโปรแกรมผ่านการตรวจสอบตามขั้นตอนเรียบร้อยแล้ว
และถูกนำมาให้ผู้ใช้ได้ใช้งานในช่วงแรก ผู้ใช้อาจจะยังไม่คุ้นเคยก็อาจทำให้เกิดปัญหาข้ึนมาบ้าง
ดังนั้นจึงต้องมีผู้คอยควบคุมดูแลและคอยตรวจสอบการทำงาน การบำรุงรักษาโปรแกรมจึงเป็นขั้นตอน
ท่ีผู้เขียนโปรแกรมต้องคอยเฝ้าดูและหาข้อผิดพลาดของโปรแกรมในระหว่างที่ผู้ใช้ใช้งานโปรแกรม
และปรับปรุงโปรแกรมเม่ือเกิดข้อผิดพลาดข้ึน หรือในการใช้งานโปรแกรมไปนาน ๆ ผู้ใช้อาจต้องการ
เปล่ียนแปลงการทำงานของระบบงานเดิมเพ่ือให้เหมาะกับเหตุการณ์ นักเขียนโปรแกรมก็จะต้อง
คอยปรับปรุงแก้ไขโปรแกรมตามความต้องการของผู้ใช้ที่เปล่ียนแปลงไป การพัฒนาโปรแกรม
จะดำเนินการตามข้ันตอนแต่ละขั้นตอน สามารถย้อนกลับไปทำในขั้นตอนก่อนหน้าน้ีได้ เม่ือเกิด
ความผิดพลาดหรือพัฒนาโปรแกรมไม่ครบถ้วน หรือไม่ตรงตามความต้องการของผู้ใช้ในทุกข้ันตอน
ซ่ึงการดำเนินการต่าง ๆ ของขั้นตอนเราจะต้องมีการดำเนินการทำเอกสารประกอบโปรแกรมควบคู่
กับการดำเนินการพัฒนาโปรแกรมตลอด เมื่อเกิดการแก้ไขเพิ่มเติมหรือเปลี่ยนแปลงอะไรก็ตาม
ในโปรแกรมจะต้องทำการแก้ไขปรับปรุงโปรแกรมในอนาคต
ภาพที่ 2.4 แสดง โปรแกรม (Program)
11
2.5 App Sheet (Web Application)
2.5.1 App Sheet คือ App Sheet เป็นโซลูชันด้านการผลิตทางธุรกิจให้การแสดงเนื้อหา
การจดบันทึกรูปแบบและเวิร์กโฟลว์สำหรบั สถานการณ์ทางธุรกิจท่ีเรียบง่าย App Sheet จะใช้ข้อมูล
ที่มีอยู่ในสเปรดชีต Google ชีต, Excel และสเปรดชีตสมาร์ทการ์ดและแสดงในแบบโต้ตอบผ่าน
แอปพลิเคชัน
ภาพที่ 2.5 แสดง App Sheet
2.5.2 วิธีลงทะเบยี นเขา้ ใช้ App Sheet
2.5.2.1 Login ก่อนโดยเข้าไปที่ Website ของตัว App Sheet เพื่อจัดการสร้าง App
เมอื่ กดท่ี Login จะมีให้เลือกวา่ จะให้ Login โดยใช้อะไร ในตัวอยา่ งนจ้ี ะเลอื กใช้เปน็ ของ Google
ภาพที่ 2.6 แสดงการ Login เข้าใช้แอปพลเิ คชัน
12
2.5.2.2 เมอ่ื Login เขา้ มาแล้วเราจะเริ่มทำการสร้าง Application ของเราโดยจะสรา้ ง
เองทั้งหมดเลยก็ได้หรือจะเอา Application ที่ระบบหรอื คนอ่ืนทำไว้มาแก้ไขกไ็ ด้
ภาพท่ี 2.7 แสดงการLogin เข้ามาแลว้ เราจะเร่ิมทำการสร้าง Application
2.5.2.3 เม่อื กด Make a new app จะมหี นา้ ตา่ งข้นึ มาให้เลือก
Start with your own data: สร้างเองใหม่ทง้ั หมด
Start with an idea: แสดงตวั อย่าง application ตามความต้องการ ของเรา
Start with a simple app: copy simple application ของทาง App Sheet
ภาพท่ี 2.8 แสดงหน้าตา่ งขึ้นมาให้เลือก
13
2.5.2.4 เมื่อเลือก Start with your own data แล้วจะเข้ามาที่หน้านี้เพื่อตั้งช่ือและเลือก
ประเภทให้ Application จากนนั้ กด Next step : choose your data เพ่อื เลือกที่เก็บขอ้ มูล
ภาพท่ี 2.9 แสดงท่ีเกบ็ ข้อมูล
2.5.2.5 เมื่อ Next step : choose your data แล้วจะสามารถเลือกท่ีเก็บข้อมูลได้
โดยจะดึงขอ้ มลู จาก Google Drive ของ Gmail ทใ่ี ช้ login กบั App Sheet
ภาพที่ 2.10 แสดงการดงึ ข้อมูลจาก Google Drive ของ Gmail ท่ีใช้ login กบั App Sheet
14
2.5.2.6 กรณีท่ีไฟล์ท่ีใช้เก็บข้อมูลมี Table กับ Columns ที่ App Sheet จะสร้าง
ข้ึนมาให้เองโดยอัตโนมัติโดยข้อมูลช่ือ Table และ Columns จะเหมือนกันกับที่เราต้ังไว้ในไฟล์ที่ใช้
เกบ็ ขอ้ มูล
ภาพท่ี 2.11 แสดงขอ้ มูล Table กับ Columns ท่ี App Sheet จะสร้างข้นึ มาให้เองโดย
อัตโนมตั ิ
2.5.2.7 กรณีจะเพิ่ม Table และ Columns ต้องให้ข้อมูลเหมือนกันทั้งหมดท้ังช่ือ
Tableและ ช่อื Columns เพราะถา้ ไม่เหมอื นกนั จะเกดิ Error ได้
ภาพที่ 2.12 แสดงการเพิ่ม Table และ Columns ข้อมลู ต้องเหมือนกันทง้ั หมด
15
2.5.2.8 ถ้าเราต้องการแก้ไขท่ีอยู่ของที่เก็บข้อมูลเพียงเล่ือน Scroll mouse ลงมาจะเจอ
กับการจดั การกับที่เก็บข้อมูลโดยเราสามารถแกท้ ่ีเก็บข้อมูลได้
Source Path : ไฟลท์ ่ีเกบ็ ขอ้ มลู
Worksheet Name/Qualifier : เลือกชีทที่อยูใ่ นไฟลท์ ่ใี ชเ้ กบ็ ข้อมูล
ภาพท่ี 2.13 แสดงความต้องการแก้ไขทอ่ี ยู่ของทเ่ี กบ็ ขอ้ มูล
2.5.3 ตัวอย่างการเพิม่ Table และ Columns ใน App Sheet
2.5.3.1 กดที่ Add New Table
ภาพท่ี 2.14 แสดงการกด Add New Table
16
2.5.3.2 ต่อไปเลือกว่าจะเลือกเก็บข้อมูลไว้ที่เดิมหรือไม่ถ้าต้องการจะเปลี่ยนท่ีเก็บ
ขอ้ มลู ใหเ้ ลือก New Data Source
ภาพท่ี 2.15 แสดงการเลือกท่ีเก็บข้อมลู
2.5.3.3 เลือกไฟล์ท่ีต้องการบันทึกข้อมูลแล้วเลือก Sheet ที่ต้องการจะเก็บข้อมูล จากนั้น
จะมีการให้กำหนดสิทธ์ิสำหรับผู้ใช้มีกำหนดเสร็จแล้วก็กด Add This Table เพ่ือสร้าง Table (หากมี
Error ก็เพราะวา่ ใน Table ท่ีพ่งึ สรา้ งน้ีไม่มี Columns เราต้องสรา้ งไวก้ ่อนอย่าปลอ่ ยให้ Table ว่าง)
ภาพท่ี 2.16 แสดงการเลอื กไฟลท์ ่ตี ้องการบนั ทึกข้อมูล
17
2.5.3.4 ทำการเพ่ิม Columns ใหก้ บั Sheet2 เพ่อื ไม่ให้ Table มนั วา่ งเม่ือทำเสร็จแล้ว
Error จะหายไป
ภาพท่ี 2.17 แสดงการเพมิ่ Columns ให้กบั Sheet2
2.5.3.5 ชื่อ Table สามารถเปล่ยี นไดแ้ ตช่ ื่อ Columns ถ้าจะเปลี่ยนต้องเปล่ียนท้ังสองที่
คือท่ี Appsheet และไฟลท์ ี่เก็บข้อมูลให้เหมือนกันเสร็จแลว้ กด Regenerate
ภาพท่ี 2.18 แสดงไฟลท์ เ่ี ก็บขอ้ มลู
18
2.5.3.6 การเพิ่ม Columns โดยอันดบั แรกให้เลือก Table ที่ต้องการจะเพมิ่ Columns
จากนั้นกดท่ี Virtual Columns เพ่ือเป็นการสร้าง จากน้ันต้ังชื่อ Columns หลังจากน้ัน กด OK
เพื่อยนื ยนั การสรา้ ง
ภาพที่ 2.19 แสดงการเพ่มิ Columns
2.5.3.7 การสร้าง Columns อีกวิธีหนึ่งคือสร้างในไฟล์ท่ีใช้เก็บข้อมูลก่อนแล้วค่อย
Regenerate ในตัวของ Appsheet ซ่ึงวิธีนี้จะสะดวกและง่าย อันดับแรกสร้าง Columns รอไว้
ที่ Sheet2 จากนนั้ เข้าไปที่ Appsheet
ภาพที่ 2.20 แสดงการสร้าง Columns รอไวท้ ่ี Sheet2
19
2.5.3.8 ทำการกด Regenerate Columns ที่เราสรา้ งไวก้ จ็ ะมาโดยอตั โนมัติ
ภาพที่ 2.21 แสดง Columns ที่เราสรา้ งไวก้ จ็ ะมาโดยอัตโนมัติ
2.5.3.9 การกำหนดสิทธ์ิให้กับผู้ใช้จากในภาพจะไม่สามารถเพิ่มหรือลบข้อมูลได้เลย
เราจะทำการให้สิทธิ์กับผู้ใช้โดยเลือกได้เลย Updates : สามารถแก้ไขข้อมูลได้ Adds : สามารถเพิ่ม
ข้อมูล Deletes : สามารถลบขอ้ มูลได้ Read-Only : อนญุ าตให้ดขู ้อมูลได้อย่างเดยี วไม่สามารถแก้ไข
เพมิ่ หรอื ลบได้
ภาพที่ 2.22 แสดงการกำหนดสทิ ธใ์ิ ห้กับผู้ใช้
20
2.5.3.10 เมื่อทำการให้สิทธิเรียบร้อยแล้วตัว Application ด้านขวามือจะมีปุ่มให้
สามารถเพ่มิ ข้อมลู ได้
ภาพท่ี 2.23 แสดงปุ่มใหส้ ามารถเพิ่มข้อมูลได้
2.5.3.11 เม่ือกดปุ่มเพิ่มข้อมูลแล้วก็จะมีหน้าฟอร์มขึ้นมาให้กรอกข้อมูลโดยข้อมูล
ที่จะให้กรอกนั้นจะเหมือนกันกับ Columns ถ้าข้อมูลใน Columns เป็นอย่างไรข้อมูลที่จะกรอกใน
ฟอร์มกจ็ ะเป็นอยา่ งนนั้
ภาพที่ 2.24 แสดงหน้าฟอร์มขนึ้ มาให้กรอกข้อมูล
21
2.5.4 การบนั ทึกข้อมูลลงในไฟลท์ ใี่ ชเ้ กบ็ ข้อมลู
2.5.4.1 การบนั ทึกในเวป็ ไซตข์ อง Appsheet ท่ีเราใช้ตัง้ ค่าตัว Application ไดเ้ ลย
โดยทำการกดปมุ่ เพิ่มข้อมูล
ภาพที่ 2.25 แสดงการบนั ทึกในเว็บไซต์ของ Appsheet
2.5.4.2 เมอ่ื กดปุ่มเพิ่มข้อมลู แลว้ จะมีแบบฟอร์มขนึ้ มา โดยการกรอกข้อมูลของแต่ละ
Columns จะเปน็ ไปตาม Columns ที่ไดต้ ้งั ไว้
ภาพท่ี 2.26 แสดงแบบฟอร์ม
22
2.5.5 การบนั ทึกข้อมลู โดยใชโ้ ทรศพั ท์
2.5.5.1 โหลด Application ทม่ี ชี อ่ื วา่ AppSheet มาก่อน มีท้งั Android และ IOS
ภาพที่ 2.27 แสดงแอปพลิเคชัน AppSheet
2.5.5.2 เมื่อติดตง้ั AppSheet เสรจ็ แลว้ ใหท้ ำการ Login โดยใช้ G-mail เดียวกนั กบั
ท่ใี ชใ้ นเว็บไซต์ AppSheet
ภาพท่ี 2.28 แสดงการ Login AppSheet
23
2.5.5.3 เมื่อทำการ Login เข้ามาแล้วจะเจอกับหน้า App Gallery ซึ่งจะมี Application
ทงั้ หมดทเี่ ราทำเอาไว้
ภาพท่ี 2.29 แสดงหนา้ App Gallery
2.5.5.4 กดเข้ามาท่ี Application ท่ีเราเลือกคือ Example เมื่อเข้ามาแล้วก็สามารถกด
เพิ่มขอ้ มูลได้เหมือนกับทท่ี ำในเว็บไซตเ์ ลยแตแ่ บบน้ีจะสะดวกกวา่
ภาพที่ 2.30 แสดง Example สามารถกดเพิ่มข้อมลู ได้
24
2.5.5.5 ทำการเพิ่มข้อมูลลงไปในไฟล์ทีเ่ ก็บขอ้ มูล
ภาพท่ี 2.31 แสดงการเพิม่ ข้อมูล
2.5.5.6 เมื่อทำการบันทึกข้อมูลเสร็จแล้วข้อมูลในไฟล์เก็บข้อมูลจะมาแสดงท่ีหน้าแรก
ซง่ึ เราสามารถกำหนดได้ว่าจะใหแ้ สดงอะไร
ภาพที่ 2.32 แสดงการบนั ทึกขอ้ มูลเสรจ็ แล้ว
25
2.5.5.7 เมื่อต้องการเซ็กข้อมูลท่ีทำการเพ่ิมเข้าไปสามารถเช็คได้โดยเข้าไปท่ี Google
Drive ของ Gmail ท่ีใช้ Login กับ Appsheet เข้าดูไฟล์ที่เก็บข้อมูลแล้วข้อมูลที่เราเพ่ิมไป บันทึกเข้า
มาก็ถือวา่ Application ใช้งานได้แลว้
ภาพท่ี 2.33 เชก็ ขอ้ มูลทีท่ ำการเพ่ิมเขา้ ไปแลว้
บทท่ี 3
วธิ ีการดาเนนิ การ
บทท่ี3
วิธีการดำเนินงานโครงการ
การดำเนินโครงการ แอปพลิเคชันส่ังอาหารด้วยโปรแกรม Appsheet มีรายละเอียด
ในการดำเนินงานโครงการ ดังน้ี
3.1 การศึกษาข้อมูลเบื้องต้น
3.2 ประชากรและกล่มุ ตวั อย่าง
3.3 ขน้ั ตอนการดำเนนิ งาน
3.4 เครือ่ งมือทีใ่ ชใ้ นการเก็บรวบรวมขอ้ มลู
3.5 ข้นั ตอนการดำเนนิ การและเกบ็ รวบรวมข้อมูล
3.6 พิจารณาจากคะแนนตามเกณฑ์
3.7 สถิติท่ีใช้ในการวเิ คราะห์ขอ้ มลู
3.1 การศึกษาขอ้ มูลเบื้องต้น
3.1.1 การสรา้ งแอปพลเิ คชนั
3.1.2 โปรแกรม AppSheet
3.1.3 ประวตั ิความเป็นมา
3.2 ประชากรและกลุ่มตัวอยา่ ง
3.2.1 ประชากร คือ นักเรียนนักศึกษาระดับประกาศนียบัตรวิชาชีพ แผนกวิชาเทคโนโลยี
ธรุ กิจดิจทิ ัล วิทยาลัยเทคนิคระยอง จำนวน 310 คน
3.2.2 กลุ่มตัวอย่าง คือ นักเรียนนักศึกษาระดับประกาศนียบัตรวิชาชีพ แผนกวิชาเทคโนโลยี
ธรุ กจิ ดจิ ิทัล วิทยาลัยเทคนิคระยอง ห้อง ปวช.1/1 ปวช.1/2 ปวช.1/3 ปวช.2/3 ปวช.2/4 จำนวน183
คน
27
ภาพที่ 3.1 แสดงตัวอย่างภาพของเครซี่และมอร์แกน
28
3.3 ขนั้ ตอนการดำเนินงาน
3.3.1 การออกแบบผงั งาน
3.3.1.1 การดำเนนิ งาน
เรมิ่ ตน้
ศกึ ษาปัญหาและ
ค้นคว้าข้อมลู
เสนอหัวขอ้ ต่ออาจารย์
ประจำวิชา
เสนอหัวข้อ ไม่
โครงการ
ใช่
ศึกษาคน้ ควา้ ข้อมูลใน
การทำแอปพลเิ คชัน
วางแผนการสรา้ งแอปพลเิ คชนั
ออกแบบแอปพลิเคชนั
1
ภาพที่ 3.2 ภาพแสดงการออกแบบผังงานการดำเนนิ งาน
29
3.3.1.2 การเนินงาน
1
สร้างแอปพลิเคชนั ดว้ ยAppSheet
แอปพลิเคชันเสร็จ ไม่
สมบูรณ์หรือไม?่
ใช่
ทดสอบการทำงานของ
แอปพลเิ คชัน
จดั ทำรูปเลม่ ให้สมบูรณ์
จบงาน
ภาพที่ 3.3 ภาพแสดงการออกแบบผังงานการดำเนินงาน ต่อ
30
3.3.1.1 แอปพลเิ คชนั (ลกู คา้ )
เริ่มตน้
แสดงหนา้ Login
รบั คา่ User, Password
ตรวจสอบ ไม่ ไม่แสดงข้อมูลผ้ใู ช้
User, Password
ใช่
เลอื กรายการอาหาร
ส่งไปใหแ้ ม่ค้า
รอรับข้อความแจ้งเตอื นจากแม่ค้า
รอแอปพลิเคชัน ไม่ ไดร้ ับข้อความ?
โหลดเสร็จส้นิ
รบั อาหาร
จบงาน
ภาพที่ 3.4 ภาพแสดงการออกแบบผังงานแอปพลเิ คชนั ลูกค้า
31
3.3.1.1 แอปพลิเคชนั (แม่คา้ )
เริม่ ต้น
แสดงหน้าLogin ไม่
ไม่แสดงขอ้ มูลผู้ใช้
รับค่า User, Password
ตรวจสอบ
User, Passwใoชr่ d
ใช่
รอรับออเดอร์ ไม่ ตรวจสอบมี
จากลูกค้า ออเดอร์หรอื ไม?่
ใช่
มีออเดอร์เขา้ ผา่ นLine Notify
แจง้ ออเดอร์เสร็จผา่ น Line Notify
เคลียรอ์ อเดอร์ที่ทำแล้ว
จบงาน
ภาพท่ี 3.5 ภาพแสดงการออกแบบผังงานแอปพลิเคชันแมค่ า้
32
3.3.2 ขนั้ ตอนการสร้างชิ้นงาน
3.3.2.1 ศึกษาหาข้อมูลเก่ยี วกบั การสรา้ งแอปพลเิ คชันสัง่ อาหารและธรุ กจิ รา้ นคาเฟ่
ภาพท่ี 3.6 แสดงการศกึ ษาเกี่ยวกับการสรา้ งแอปสง่ั อาหาร
3.3.2.3 ออกแบบหนา้ ปกแอปพลิเคชัน
ภาพท่ี 3.7 แสดงการออกแบบหนา้ ปกแอปพลิเคชัน
3.3.1.3 สร้างแอปพลิเคชนั ในโปรแกรม AppSheet
1) ขั้นตอนท่ี 1 เข้าหนา้ เว็บ AppSheet เพอ่ื ลงช่ือเข้าใชง้ าน
ภาพท่ี 3.8 แสดงหนา้ เว็บ AppSheet
33
2) ข้นั ตอนที่ 2 ไปที่ Google Sheet เพอื่ กำหนด Data
ภาพท่ี 3.9 แสดงหนา้ เว็บการลงชื่อเข้าใชง้ าน
3) ขน้ั ตอนท่ี 3 ไปท่ี Make a new app เลือก Start with your own data
ภาพที่ 3.10 แสดงการกดเลอื ก Start with your own data
34
4) ขั้นตอนท่ี 4 ต้ังชื่อแอปพลิเคชัน เลือกหมวดแอปพลิเคชัน แล้วกด Choose
your data
ภาพท่ี 3.11 แสดงการตั้งช่ือแอปพลิเคชนั หมวดแอปพลิเคชนั และการเลือก data
5) ขัน้ ตอนท่ี 5 กดเลือก Data จะมีฐานขอ้ มูลมาจาก Appsheet
ภาพที่ 3.12 แสดงการกดเลือก Data
35
ภาพท่ี 3.13 ฐานขอ้ มูลจาก Google Sheet
6) ขนั้ ตอนท่ี User Settings เพ่อื ทำระบบล็อกอนิ
ภาพที่ 3.14 สรา้ งระบบล็อกอนิ
7) ขัน้ ตอนท่ี 7 กำหนดการทำงานของ User Settings
ภาพที่ 3.15 กำหนดการทำงาน
36
8) ขั้นตอนท่ี 8 เลือกแถบเครื่องมือ Data > Slicer > New Slicer เพื่อทำการ
ลงิ กเ์ ช่ือมโยงกบั User Settings
ภาพที่ 3.16 กำหนดการเชอื่ มโยงระหวา่ งกนั
9) ข้ันท่ี 9 เลือกแถบเคร่ืองมือ Ux > Optons > General เลือก Starting
view ปรบั คา่ เปน็ User Settings เพอ่ื ให้เป็นเร่มิ ตน้ แอปพลิเคชัน
ภาพที่ 3.17 กำหนดจุดเร่ิมต้นของโปรแกรม
37
10) ขั้นตอนท่ี 10 เลือกเคร่อื งมอื Data > Columns เพื่อกำหนดการทำงาน
ภาพที่ 3.18 กำหนดการทำงาน
11) ข้ันตอนท่ี 11 เลือก Data > ข้อมูลลูกค้า > View source จะลิงก์ไปท่ี
GoogleSheet เลือก เครอ่ื งมือ > โปรแกรมแกไ้ ขสครปิ ต์
ภาพที่ 3.19 สร้างการทำงานการส่งข้อมูล
12) ข้ันตอนท่ี 12สร้างการสง่ ข้อมลู ใหก้ ับ GoogleSheet
ภาพท่ี 3.20 กำหนดการส่งข้อมูล
38
13) ข้นั ตอนท่ี 13 เลอื ก การทำใหใ้ ช้งานได้>การทำใหใ้ ชง้ านไดร้ ายการใหม่
ภาพท่ี 3.21 นำไปใช้งาน
14) ขนั้ ตอนท่ี 15 คดั ลอก ในสว่ นของ URL
ภาพท่ี 3.22 คดั ลอก URL ไปใชง้ าน
15) ขั้นตอนที่ 15 กลับมาท่ี App Sheet เลือกแถบเครื่องมือ Behavior
Workflow ของ Rule name
ภาพที่ 3.23 สรา้ งการสง่ ข้อมลู เข้าไลน์