cafe

โครงงานคอมพิวเตอร์ เรอื่ ง คาเฟเ่ ดด็ ในย่านเมืองสรุ าษฎร์ กลุ่มสาระการเรยี นรู้ วทิ ยาศาสตรแ์ ละเทคโนโลยี จัดทาโดย นายธนากรณ์ บุญสขุ เลขที่ 1 ม.6/5 นายธัชพงศ์ คชชี เลขที่ 8 ม.6/5 นายนนั ทพัฒน์ ชูแก้ว เลขท่ี 16 ม.6/5 นางสาวเมขลา กลบั ชนะ เลขท่ี 23 ม.6/5 นางสาวบณั ฑติ า หงษบ์ นิ เลขท่ี 30 ม.6/5 รายวชิ า ว31285 โครงงานเทคโนโลยสี ารสนเทศ ปกี ารศึกษา2563 โรงเรยี นเมอื งสรุ าษฎร์ธานี สานักงานเขตพน้ื ทกี่ ารมธั ยมศกึ ษา เขต11 ใบความรู้ เรือ่ ง รปู แบบการทาโครงงานคอมพิวเตอร์

สว่ นประกอบ 1. ปกหน้า 2. รองปก (กระดาษ A4) 3. เก่ียวกบั โครงงาน (ก) 4. กิตติกรรมประกาศ (ข) 5. บทคัดย่อ (ค) 6. สารบญั 7. บทที่ 1 บทน า 8. บทท่ี 2 เอกสารและโครงงานทเี่ กย่ี วข้อง (ใหส้ ืบคน้ จากเครอื ขา่ ย อนิ เตอรเ์ น็ต) 9. บทที่ 3 วธิ ีการจัดท าโครงงาน 10. บทท่ี 4 ผลการศึกษา 11. บทท่ี 5 สรปุ ผล และขอ้ เสนอแนะ 12. บรรณานกุ รม 13. ภาคผนวก 14. ขอ้ มูลผจู้ ดั ท า (รปู ภาพ, ชื่อ-นาสกลุ , อายุ, ท่อี ยู่ , เบอรโ์ ทรศพั ท)์ 15. กระดาษ A4 ตดิ ซองใส่ CD โครงงาน 16. รองปกหลงั (กระดาษ A4) 17. ปกหลงั (สีเดยี วกบั ปกหนา้ )

ก เก่ยี วกบั โครงงาน โครงงานคอมพิวเตอร์ กลุ่มสาระการเรียนรู้ การงานอาชีพและเทคโนโลยีสารสนเทศ ผู้จดั ทา: 1.นายธนากรณ์ บุญสขุ เลขท่ี 1 2.นายธัชพงศ์ คชชี เลขท่ี 8 3.นายนนั ทพัฒน์ ชแู ก้ว เลขท่ี 16 4.นางสาวเมขลา กลบั ชนะ เลขที่ 23 5.นางสาวบณั ฑติ า หงษบ์ นิ เลขที่ 31 ครูท่ีปรกึ ษา: 1. นายธนั พงศ์ พานิชวงศ์ ตาแหน่ง ครู สถานศึกษา: โรงเรียนเมอื งสรุ าษฎร์ธานี ส านักงานเขตพ้นื ที่การมธั ยมศกึ ษา เขต 11 ปีการศกึ ษา 2563

ข กติ ตกิ รรมประกาศ โครงงานนส้ี าเรจ็ ขึน้ ไดด้ ้วยความกรณุ าของคณะอาจารย์หมวดคอมพิวเตอรโ์ รงเรยี น เมอื งสุ ราษฎร์ธานี จังหวดั สรุ าษฎรธ์ านี ซึ่งได้ใหค้ าปรกึ ษา ข้อช้ีแนะและความชว่ ยเหลือจนกระทงั่ โครง งานส าเรจ็ ไปด้วยดี คณะผูจ้ ัดท าขอกราบขอบพระคุณเป็นอยา่ งสงู มา ณท่นี ้ี สดุ ทา้ ยน้ีผจู้ ัดท าหวงั เปน็ อยา่ งยงิ่ ว่าโครงงานนี้จะเปน็ ประโยชนต์ อ่ การศกึ ษาของ และเป็นที่ นา่ สนใจผู้สนใจตอ่ ไป คณะผ้จู ัดทา นายธนากรณ์ บญุ สขุ เลขท่ี 1 นายธชั พงศ์ คชชี เลขท่ี 8 นายนนั ทพฒั น์ ชูแกว้ เลขท่ี 16 นางสาวเมขลา กลบั ชนะ เลขที่ 23 นางสาวบัณฑติ า หงษบ์ นิ เลขท่ี 31

ค หวั ข้อโครงงาน : คาเฟเ่ ดด็ ในย่านเมอื งสรุ าษฎร์ ประเภทของโครงงาน : โครงงานพฒั นาสอ่ื เพ่อื การโปรโมทร้าน ผู้เสนอโครงงาน : นายธนากรณ์ บุญสขุ เลขที่ 1 นายธัชพงศ์ คชชี เลขท่ี 8 นายนันทพฒั น์ ชูแก้ว เลขที่ 16 นางสาวเมขลา กลับชนะ เลขที่ 23 นางสาวบณั ฑิตา หงษ์บนิ เลขท่ี 31 ครทู ี่ปรึกษาโครงงาน : ครู ธนั พงศ์ พานชิ วงศ์ ปีการศกึ ษา : 2563 บทคัดยอ่ วตั ถุประสงคใ์ นการท าภาคนพิ นธเ์ พ่ือพฒั นาแอปพลเิ คชนั ในการคน้ หารา้ นคาเฟท่ อ่ี ยู่ในจงั หวดั สรุ าษฎรธ์ านี โดยผูจ้ ัดท าได้มองเห็นปญั หาของกลมุ่ ผูน้ ยิ มดม่ื กาแฟทีต่ ้องการเขา้ ถงึ ขอ้ มลู ร้านได้สะดวกมากึขน้ จงึ ได้เน้น พฒั นาแอปพลเิ คชันใหส้ ะดวกตอ่ การใช้งานและยงั สามารถใชเ้ ปน็ สื่อกลางในการโปรโมทร้านคาเฟด่ ้วยระบบ การท างานถูกแบง่ ออกเป็นเว็บแอปพลเิ คชันส าหรบั ผดู้ แู ลระบบใช้ในการจัดการหรอื ปรบั ปรุงแกไ้ ขมลู ของ ร้านคา้ ทง้ั หมด สว่ นของร้านคา้ ใชใ้ นการปรบั ปรุงหรอื แก้ไข ขอ้ มูลของรา้ นตวั เองผ่านเว็บแอปพลเิ คชนั เชน่ กัน และสดุ ทา้ ยสว่ นทีใ่ ชใ้ นการแสดงผลเป็นโมบายแอปพลเิ คชนั บนแพลตฟอร์ม Android ส าหรบั ผูใ้ ช้งานทวั่ ไป สามารถค้นหาร้านคาเฟ่และสามารถเลอื กดูขอ้ มลู รายละเอยี ดหรือสนิ ค้า ของร้านคาเฟท่ ีต่ อ้ งการได้ มีระบบ การใหค้ ะแนนรา้ นค้าโดยผใู้ ช้ตอ้ งเข้าสูร่ ะบบกอ่ นจึงจะสามารถ ใหค้ ะแนนรา้ นได้การพฒั นารระบบถกู แบง่ ออกเป็น Back-End System พัฒนาด้วยภาษา PHP และ SQL เปน็ เว็บแอปพลเิ คชนั ใช้ในการปรบั ปรงุ แกไ้ ข ข้อมลู ของร้านกาแฟ และ Front-End System พฒั นาดว้ ยภาษา Java ท างานบนแพลตฟอร์ม Android มี การน า Android SDK และ Google Maps API มาประยุกตใ์ ช้ ึซ่งหลังจากการพฒั นาแอปพลิเคชนั ึนึ้ข้นพบ ว่า ผใู้ ช้สามารถเขา้ ใช้งานแอปพลเิ คชนั ไดโ้ ดยงา่ ย และยงั สามารถใชค้ ้นหาข้อมลู ร้านคาเฟไ่ ดจ้ รงิ คาสาคัญ: โมบายแอปพลเิ คชัน, เว็บแอปพลเิ คชนั , ค้นหาร้านคาเฟ่

สารบัญ เร่อื ง หนา้ เก่ียวกับ โครงงาน……………………………………………………………………………………………………………………... ก กิตตกิ รรมประกาศ……………………………………………………………………………………………………………………..ข บทคัดยอ่ …………………………………………………………………………………………………………………………………..ค บทท่ี 1 บทนา…………………………………………………....……………………………………. - ท่มี าของการ พัฒนา……………………………………………………………………………………………………………... - วตั ถุประสงค์……………………………………………………………………………………………………………… - ขอบเขต ของการศกึ ษาคน้ ควา้ ……………………………………………………………………………………... - ข้นั ตอนและวธิ กี าร ดาเนนิ งาน…………………………………………………………………..……………………………. - ประโยชนท์ ี่คาดวา่ จะ ไดร้ ับบทที่ 2 เอกสารและโครงงานท่ี เกย่ี วข้อง……………………………………………………………………………………… - Web Application …………………………………………………………………………………………………...………….. - Mobile Application……………………………………………………………………………………………………….……….. - Google Maps………………………………………………………………………………………………………………….………. - Glide App…………………………………………………………………………………………………………………. บทท่ี 3 การวเิ คราะหร์ ะบบงาน……………………………………………………………………………………………………. - วัสดุและอปุ กรณ…์ …………………………………………………………………………….. - รายละเอียดของ โครงงาน…………………………………………………………………………………………………….……. - วิธีการจัดทา โครงงาน บทท่ี 4 ผลการศึกษา บทท่ี 5 สรปุ ผล และขอ้ เสนอแนะ - สรปุ ผลการศกึ ษา - ประโยชน์ทไ่ี ด้จากโครงงาน - ขอ้ เสนอแนะ

บรรณานุกรม ภาคผนวก ข้อมูลผจู้ ดั ทา บทท่ี1 บทนา 1.1 ที่มาของการพัฒนา เศรษฐกจิ ในประเทศไทยมีการเจรญิ เตบิ โตึข้นทุกปที าใหเ้ กดิ รูปแบบของการบริการและร้านค้าตา่ งๆึข้นมาก มาย หึนง่ ในน้ันคอื ธุรกจิ รา้ นคาเฟ่ โดยจะมลี กู คา้ ทใ่ี ห้ความสนใจและชอบ ใชบ้ ริการเป็นลูกค้าเฉพาะกลมุ่ ซง่ึ ใน ปัจจุบนั มผี ใู้ หค้ วามสนใจและหันมาใช้บริการมากึขน้ และเนอ่ื งด้วยปรมิ าณของร้านทเี่ ปิดใหบ้ ริการที่มีอย่ไู ม่ มาก และโดยลกั ษณะท่ัวไปของร้านคาเฟ่ทเ่ี น้นความเรียบงา่ ยไมเ่ ตะตา ทงั้ ยังไม่ได้มกี ารโฆษณาร้านอะไรมากมาย นัก ท าให้ไมไ่ ดเ้ ป็นทีร่ จู้ ักในกลุ่มลกู ค้าหลักหรอื ลกู คา้ หนา้ ใหมท่ เ่ี ริ่มช่นื ชอบและใหค้ วามสนใจในการใช้ บรกิ าร ร้านคาเฟ่ในขณะเดยี วกันก็มลี ูกคา้ บางกลุ่มที่ชอบลองอะไรใหมๆ่ หรือตอ้ งการเสาะหารา้ น ใหมเ่ พ่อื ตอบสนอง ความต้องการในการดม่ื น้ ารปู แบบต่างๆและซมึ ซบั บรรยากาศของรา้ นอาจจะเข้าถึง ข้อมลู ของ รา้ นคาเฟท่ ่ตี น ยังไมร่ ู้จกั ไดย้ ากมากจากแนวคดิ ดงั กล่าวผพู้ ฒั นาจงึ มแี นวคดิ จัดท าแอปพลิเคชัน ส าหรบั ค้นหารา้ นกาแฟเพื่อ เปน็ ตวั กลางในการตอบสนองระหวา่ งลกู ค้าและกลุ่มตวั แทนรา้ นคาเฟ่ 1.2วตั ถปุ ระสงค์ เพอื่ พฒั นาแอปพลิเคชันคาเฟเ่ ดด็ ในย่านเมอื งสรุ าษฎรบ์ นแพลตฟอร์มแอนดรอยด์ 1.3 ขอบเขตของการศกึ ษาค้นควา้ 1.3.1 พัฒนาโดยใช้สถาปตั ยกรรมไคลเอนท/์ เซริ ฟ์ เวอร์ 1.3.2กลุ่มผ้ใู ช้แบ่งเป็น3กลุ่ม 1.3.2.1ผดู้ ูแลระบบ 1.3.2.1.1 สามารถเข้าถงึ ขอ้ มลู ของรา้ นคา้ ได้ทกุ รา้ น 1.3.2.1.2 สามารถกาหนดหรือแก้ไขรายละเอยี ดของรา้ นคา้ แตล่ ะรา้ นได้ 1.3.2.1.3 สามารถก าหนดหรือแกไ้ ขรายละเอยี ดของสนิ คา้ แตล่ ะรา้ นได้

1.3.2.2 ตวั แทนร้านคาเฟ่ 1.3.2.2.1 สามารถสมัครสมาชิกเพอื่ เพม่ิ รายละเอยี ดร้านคา้ ผ่านเวบ็ ไซส์ได้ 1.3.2.2.2 สามารถกาหนดและแกไ้ ขรายละเอียดรา้ นคา้ ของตนเองได้ 1.3.2.2.3 สามารถเพม่ิ ต าแหน่งหรือพกิ ัดรา้ นของตนเองได้ 1.3.2.2.4 สามารถกาหนดหรือแกไ้ ขรายละเอยี ดสินค้าของรา้ นตนเองได้ 1.3.2.3 ผ้ใู ช้ 1.3.2.3.1 สามารถล็อคอินแอปพลิเคชันด้วย Facebook,Google ได้ 1.3.2.3.2 สามารถคน้ หาร้านคาเฟ่จากจังหวัดสรุ าษฎร์ธานไี ด้ 1.3.2.3.3 สามารถก าหนดคุณลกั ษณะของรา้ นในการคน้ หาร้านคา้ ได้ เชน่ ร้านมี Wi-Fi , มีแอร์ ฯลฯ 1.3.2.3.4 สามารถเขา้ ดรู ายละเอยี ดของรา้ นและสนิ คา้ ผ่านแอปพลเิ คชนั ได้ 1.3.2.3.5 สามารถให้คะแนนและเขียนรวี ิวรา้ นคาเฟ่ได้ 1.3.2.3.6 สามารถใช้แอปพลเิ คชนั น าทางไปยงั ร้านคาเฟ่ได้ 1.4 ขั้นตอนและวิธีการดาเนนิ งาน 1.4.1การศึกษาระบบเบอ้ื งต้นและศกึ ษาความเปน็ ไปได้ (System Feasibility) ศกึ ษาระบบงานเบึ้องตน้ จาก อ้างองิ จากระบบงานอ่ืนทค่ี วามใกล้เคยี งกันโดยวิเคราะหห์ าจุดด้อยและจุดเดน่ เพ่ือน ามาประยกุ ตใ์ ชก้ บั ระบบงานใหมแ่ ละชว่ ยในการพฒั นาแอปพลเิ คชันใหต้ รงตามความตอ้ งการของผูใ้ ชม้ ากึข้น และยังมกี าร สอบถามความต้องการเบึอ้ งตน้ จากกลุม่ ผู้ใชท้ วั่ ไปเพ่ือทจ่ี ะน ามาวิเคราะหห์ าความเป็นไปได้ทเี่ กิดึข้น หลงั จาก การพัฒนาแอปพลเิ คชนั 1.4.2การวิเคราะหร์ ะบบ (System Analysis) น าข้อมูลทึ้งหมดทไ่ี ด้รวบรวมมาวิเคราะห์ความเป็นไปไดแ้ ละ วางแผนการ ปฏบิ ตั งิ าน โดยแยกการท างานทง้ั หมดออกเปน็ 3 สว่ น ได้แก่ 1.ส่วนของผดู้ แู ลระบบ 2.ส่วน ของ รา้ นคา้ 3.ส่วนของผู้ใช้ท่วั ไปมาวเิ คราะหแ์ ละจดั ท าเป็น Diagramต่างๆ เชน่ Use Case Diagram, Class Diagram, Workflow Diagram, และ ER-Diagram จากึนน้ จงึ มาท าใน สว่ นทตี่ ดิ ตอ่ กับผูใ้ ช้ซง่ึ จะท าลกั ษณะ ม็ อกอัพ (Mockup) คือหน้าจอของโปรแกรม แบบครา่ วๆ เพือ่ จ าลองและแสดงเหตกุ ารณ์ต่างๆ ที่ เกิดึข้น ในขณะใชง้ าน Application และน ามาเป็นแนวทางในการออกแบบ Application ตอ่ ไป 1.4.3การออกแบบ ระบบ (System Design) 1.4.3.1ออกแบบสถาปัตยกรรม (Architecture Design) 1.4.3.2ออกแบบโครงสร้างข้อมลู และฐานขอ้ มลู (Data Structure and Database Design) 1.4.3.3ออกแบบส่วนติดตอ่ กบั ผู้ใช้ (User Interface Design) 1.4.3.4ออกแบบเคร่ืองมือฮารด์ แวรแ์ ละซอฟต์แวร์ (Hardware and Software Design) 1.4.4การพัฒน

าระบบ (System Development) ท าการเขียนโปรแกรมโดยใช้ภาษา PHP, SQL, JavaScript ในการพัฒนา เว็บแอปพลเิ คชันในสว่ นตวั โมบายแอปพลเิ คชันทที่ างานบนระบบปฏบิ ตั กิ ารแอนดรอยถ์ กู พฒั นา ด้วยภาษา Java 1.4.5การทดสอบระบบ (System Testing) 1.4.5.1การทดสอบระดับฟงั กช์ ั่น (Unit Testing) 1.4.5.2การทดสอบรวมฟังกช์ นั่ (Integration Testing) 1.4.5.3การทดสอบระบบ (System Testing) 1.4.6การจดั ท าเอกสารประกอบการใชง้ านระบบ (System Documentation) จัดท าเอกสารประกอบ โครงงานโดยรวบรวมขอ้ มลู ท้ังกอ่ นและระหวา่ งการพัฒนาระบบ จดั ใหอ้ ยู่ในรปู แบบมาตรฐาน เปน็ ข้นั ตอน แสดงรายละเอยี ดการพัฒนาและเป็นคูม่ อื ในการใชง้ านระบบ อกี ทึ้งยงั เปน็ เอกสารส าหรบั การน าระบบไป พฒั นาตอ่ ในอนาคต 1.5 ประโยชนท์ ี่คาดวา่ จะไดร้ บั 1.5.1 สามารถคน้ หารา้ นคาเฟ่ได้จรงิ 1.5.2 ชว่ ยลดขัน้ ตอนและเวลาท่ใี ช้ในการคน้ หาใหน้ ้อยลง 1.5.3 ช่วยลดเวลาในการคน้ หาสนิ ค้าหรอื ร้านคา้ ทต่ี ้องการได้ 1.5.4 สรา้ งโอกาสใหก้ ับร้านคาเฟ่เพือ่ เพ่มิ ยอดขายหรือเปน็ อกี ช่องทางในการโปรโมทร้าน

บทที่2 เอกสารและโครงงานทเ่ี ก่ียวข้อง คณะผจู้ ดั ท าไดท้ าการเก็บรวบรวมข้อมลู โดยการศกึ ษาจากแอปพลิเคชันคน้ หาร้านอาหารทค่ี ล้ายกนั โดย วเิ คราะหห์ าจดุ เด่นจดุ ด้อยของแตล่ ะแอพพลเิ คชั่นแลว้ นามาประยุกต์ใชร้ วมถึงศึกษาและรวบรวมขอ้ มูลที่ เก่ยี วข้องจ ากคุณลกั ษณะของรา้ นคาเฟ่ อาทเิ ช่น ประเภทของวตั ถุดิบ ขอ้ มลู และลกั ษณะของร้านคาเฟ่ เปน็ ต้น จากนันทนาการศกึ ษาเทคโนโลยที ่ใี ช้ในการพฒั นาระบบรวมถึงข้อมลู ทจ่ี ะนามาใช้ในการจดั ทาโครงงาน 2.1 Web Application (เวบ็ แอปพลเิ คชนั ) Web Application คือการพฒั นาระบบงานบนเวบ็ เหมาะส าหรบั งานท่ีตอ้ งการขอ้ มลู แบบ Real-time ระบบมีประสทิ ธภิ าพ ใช้งานงา่ ยไมต่ อ้ งตดิ ต้งั โปรแกรมเสรมิ ใดๆ ก็สามารถใชง้ านได้ จากทกุ ทรี่ ะบบทพ่ี ฒั นาึข้นจะเปน็ ระบบเฉพาะรองรบั ให้ตรงกบั การท างานมากทส่ี ุดไม่เหมอื นกบั โปรแกรมส าเรจ็ รปู ทส่ี ามารถ ประยุกตก์ ับงานได้หลายประเภท ตัวอย่างระบบงานทเ่ี หมาะกับเว็บแอปพลเิ คชัน เช่น ระบบก ารจองสินค้าหรือบริการตา่ ง ๆ เช่น การจองท่ี พัก การจองโปรแกรมทวั ร์ จองตั๋วคอนเสริ ต์ ฯลฯ ระบบงานบุคลากร ระบบการสงั่ ึซ้อแบบพเิ ศษ ระบบรา้ นคา้ และการขายสินค้า ระบบงานในโรงเรยี น เชน่ ระบบงานวัดและ ประเมนิ ผล ระบบงานปกครอง ระบบงาน หอ้ งสมดุ ระบบการลงทะเบียน เช็คเกรด ฯลฯ ระบบงาน อน่ื ๆ ท่ีต้องการน าข้อมลู มาOnlineใช้ สถาปตั ยกรรม Web Application เนื่องจากสะดวกในการใชง้ านเพราะไมจ่ าเปน็ ตอ้ งลงโปรแกรมกส็ ามารถใช้ งานระบบได้

ข้อดขี องWeb Application (เวบ็ แอปพลเิ คชนั ) • สามารถใชง้ านไดง้ ่ายสะดวกทกุ ที่ทกุ เวลา ถา้ หากไมม่ เี ครื่องคอมพวิ เตอรแ์ ต่ต้องก ารใช้ Web browser ก็ สามารถใชแ้ อปพลเิ คชันประเภทนึ้ได้ • มีการอพั เดทแก้ไขข้อผดิ พลาดต่างๆ อย่ตู ลอดเวลา และใช้งานได้ทกุ แพลตฟอรม์ • ไม่ตอ้ งใชค้ วามสามารถของ Hardware ท่มี ากนักก็สามารถใช้ง านได้ 2.2 Mobile Application Mobile Application ประกอบึขน้ ด้วยค าสองค า คอื Mobile กับ Application มีความหมาย ดงั นึ้ Mobile คืออุปกรณส์ อ่ื สารท่ใี ช้ในการพกพา ึซง่ นอกจากจะใชง้ านได้ตามพึ้นฐานของโทรศพทั ์แล้วยงั ท างานได้ เหมอื นกับเครื่องคอมพิวเตอร์ เนอื่ งจากเปน็ อปุ กรณ์ท่พี กพาได้จงึ มีคุณสมบัตเิ ด่นคือขนาดเลก็ น้ าหนักเบาใช้ พลังงานคอ่ นขา้ งน้อยปจั จบุ นั ทาใหท้ าหน้าทไี่ ดห้ ลายอย่างในการติดตอ่ แลกเปลี่ยนขา่ วสารกบั คอมพวิ เตอร์ ส าหรบั Application หมายถึงซอฟต์แวร์ทีใ่ ชเ้ พอ่ื ช่วยการท างานของผู้ใช้ (User) โดย Application จะตอ้ ง มสี ่ิงทเี่ รยี กวา่ สว่ นตดิ ตอ่ กับผึใู ช้(User Interface หรือ UI) เพ่ือเป็นตวั กลางการใช้งาน ต่าง ๆ ขอ้ ดขี อง Mobile Application • สามารถร้องขอและเข้าถงึ ข้อมลู Resource ได้มากกว่า • ประหยดั ค่าใช้จา่ ยในการจดั ท าโดยไม่ตอ้ งท าแยกกันระหว่าง mobile และ desktop • รองรับผู้ใชท้ ุกอปุ กรณ์ 2.3 Google Maps Google Maps คือ บริการแผนที่ของ Google ซ่ึงใหบ้ รกิ าร Services ที่เก่ียวข้องกบั แผนทท่ี ้ังหมดโดยใน ปัจจบุ ันแผนท่ีของกูเกลิ้ นึน้ มอี ยหู่ ลากหลายประเภทมากอาทิเช่นที่เราใช้บรกิ ารแผนที่บนเว็บไซต์ หรือ Application บน Smartphone และทางชอ่ งทางอืน่ ๆอกี มากมายนบั ไมถ่ ้วน โดย Services เหล่าึนเ้ รา สามารถเรยี กใช้งานได้ฟรีในกรณที ผ่ี า่ นApplicationท่วั ๆไปแต่ถา้ ในกรณที เ่ี ราจะมกี ารเรียกใช้งานในเว็บไซต์ หรือ Application ทีพ่ ัฒนาึข้นเอง Google Maps กจ็ ะมี API ใหใ้ ช้งานได้เช่นเดียวกนั แตใ่ หเ้ ข้ าใจนิดนึงว่า Services ตา่ งๆ ของ Google ึนน้ มีข้อจ ากัดหรอื Limitในการใช้งานแตถ่ ้าหากตอ้ งการใช้ในบรมิ าณท่ีสงู ึข้นก็ จะตอ้ งึซ้อPackageทท่ี างGoogle Mapsมีมาใหซ้ งึ่ โดยปกตจิ ะมีการจ ากัดจ านวนที่ Request เข้ ามาเรียกใช้ งาน จุดเด่น • การปรบั แตง่ แผนที่ (Styled Map) • ชุดควบคุมแผนท่ี (Map Control)

• Street View 7 • ชุดเคร่อื งมือวาดภาพบนแผนที่ (Drawing) • การน าทางจากจุดหนง่ึ ไปยังอีกจดุ หนง่ึ (Directions Service) • การค านวณความสูงของจุดพิกดั (Elevation Service) • การแปลงทอี่ ยู่เปน็ พิกดั Lattitude เเละ Longtitude (GeoCoding Service) • การดงึ ข้อมลู POI (Point of Interest) คอื ขอ้ มลู สถานที่ตา่ ง ๆทG่ี oogleรวบรวมไว้ใหเ้ ชน่ โรงแรม ห้างสรรพสนิ ค้า โรงเรียน สถานทร่ี าชการตา่ งๆ เเละอื่นๆ มาใช้งานใน application เรา 2.4 Glide App Glide จะมาช่วยจัดการในดา้ นการแสดงผลข้อมลู ตา่ งๆ จาก Google Sheet ท่เี รามีใหม้ าอยู่บน Smart Phone สามารถเลือกรปู แบบการแสดงผลได้หลากหลายแบบตามต้องการ โดยแค่เรามขี ้อมลู ใน Google Sheet ก็เปลยี่ นเป็น mobile app ไดง้ า่ ยๆครับสงิ่ ทีน่ ่าสนใจคอื Glide ไดเ้ ตรยี มตัวอย่างใหเ้ ราได้ดแู ละ ทดลองสร้างหรือจะดัดแปลงมาเปน็ ขอ้ มูลของเราได้หลากหลาย app มากครบั การใช้งานกเ็ ข้าใจงา่ ยครับ ใคร สนใจก็ศึกษาไดต้ ามน้ีไดเ้ ลย บทท่ี 3 การวเิ คราะห์ระบบงาน 3.1วสั ดุและอปุ กรณ์ วสั ดุและอปุ การณ์ทใ่ี ชใ้ นการจดั ท าโครงงานได้แก่ 1. โปรแกรม Glide App 2.โปรแกรม Google sheet 3. โปรแกรม Google Docs 4. โปรแกรม Google Maps 5. Internet 3.2 รายละเอยี ดของโครงงาน แอปพลเิ คชนั คาเฟ่เด็ดในย่านเมอื งสุราษฎร์ เปน็ รปู แบบของโมบายแอปพลิเคชนั ที่ท างานบน ระบบปฏิบตั กิ ารแอนดรอยดโ์ ดยผใู้ ชส้ ามารถคน้ หารา้ นคาเฟ่ทอ่ี ยบู่ รเิ วณจงั หวัดสรุ าษฎร์ธานี ก าหนด หมวดหมู่ ของการใหบ้ ริการใหบ้ ริการเสริมของร้านเพ่ือเพมิ่ ความสะดวกและชว่ ยลดขั้นตอนในการค้นหาให้ นอ้ ยลง ใน ส่วนของผู้ใชท้ เี่ ปน็ ตัวแทนของรา้ นสามารถเข้าใชง้ านและจดั การในส่วนของรายละเอยี ดของร้าน ในทางเว็บ แอปพลเิ คชนั เทคโนโลยที ใี่ ช้ในโครงงานึนจ้ ะแบง่ การท างานออกเปน็ สองสว่ นคอื ฝง่ั Android Platform และ Web Service โดยฝั่ง Web Service จะมหี นา้ ทีเ่ ปน็ Web Application ท าหน้าทอ่ี านวย

ความสะดวกให้กบั ทางผดู้ แู ลระบบและตวั แทนรา้ นกาแฟในการแกไ้ ขหรือเพมิ่ ข้อมลู รายละเอยี ดของหรอื สนิ ค้าของรา้ น เหตุที่ ตอ้ งใช้เทคโนโลยี Web Service เข้ามาช่วยเพราะกรณที ี่ตวั แทนรา้ นคาเฟต่ ้องการจะ เพ่ิมหรือแก้ไข รายละเอียดของร้านด้วยตัวเองการกรอกข้อมูลด้วยมือในปรมิ าณมากผา่ น Web Application น่าจะสะดวก และงา่ ยกวา่ การกรอกข้อมลู ดว้ ย Android Applicationทางผูพ้ ฒั นาจงึ เหน็ ว่าควรจะน า ระบบนึม้ าใชใ้ นการ พฒั นาน่าจะมปี ระโยชน์กับผู้ใช้มากทสี่ ดุ ในสว่ นของ Android Platform เทคโนโลยี หลักๆทจ่ี ะถกู น ามาใชค้ ือ Location Based Service (LBS) มีหน้าทช่ี ่วยแสดงหรือค้นหารา้ นคาเฟ่ในจังหวัด สุราษฎรธ์ านี กับผใู้ ช้โดยใน สว่ นของการแสดงผลจะถูกออกแบบใหแ้ สดงออกมาในรปู แบบของแผนทซ่ี ง่ึ มีการ ใช้เทคโนโลยขี อง Google Maps API เข้ามาช่วย 3.3 วธิ ีการจดั ทาโครงงาน 1. คิดหวั ขอ้ โครงงานเพอ่ื น าเสนอครูทป่ี รกึ ษาโครงงาน 2. ศกึ ษาและค้นคว้าข้อมูลที่เก่ยี วขอ้ งกบั เร่อื งทน่ี า่ สนใจคอื เร่ือง รา้ นคาเฟ่ 3. ศึกษาการสร้างเว็บไซดโ์ ดยใชโ้ ปรแกรม Glide App, Google sheet 4. จัดท าโครงร่างโครงงานคอมพิวเตอรใ์ นหวั ข้อทส่ี นใจเพ่อื เสนอครทู ป่ี รกึ ษา 5. จดั ท าโครงงานคอมพิวเตอร์การพัฒนาเว็บไซด์ เรอื่ งคาเฟเ่ ดด็ ในย่านเมอื งสุ ราษฎร์ โดยสรา้ งบทเรียนที่สนใจตามแบบเสนอโครงรา่ งทเี่ สนอ บทท่ี 4 ผลการศึกษา การจดั ท าโครงงานคอมพิวเตอรพ์ ฒั นาสอ่ื การศึกษา เรอ่ื ง การสร้างเว็บไซตเ์ กี่ยวกบั คาเฟใ่ นสรุ าษฎร์ธานี วัตถุประสงคเ์ พ่ือเผยแพร่คาเฟใ่ นสรุ าษฎร์ทเ่ี ป็นทีน่ ยิ มและนา่ สนใจโดยการใชเ้ วบ็ ไซตห์ รอื การเลือกใช้แอป พลเิ คชนั เพอื่ เผยแพรใ่ หก้ บั คนทสี่ นใจ โดยการใช้ โปรแกรม Glide App , Google sheet , Google Doc , Google Maps , Internet มผี ลการด าเนนิ โครงงาน ดงั นี้ การค้นหาสือ่ เน้ือหา หรือรปู ภาพ เรือ่ งคาเฟ่เดด็ ในเมอื งสรุ าษฎรธ์ านเี พื่อจะได้ถกู ต้องว่าสถานทต่ี า่ งๆที่ ค้นหา มาเป็นสถานทีต่ รงกนั หรอื ไม่

บทท่ี 5 สรปุ ผลและขอ้ เสนอแนะ การจัดท าโครงงานคอมพวิ เตอร์สอ่ื เพอ่ื การศกึ ษาเรื่องคาเฟเ่ ดด็ ในเมืองสรุ าษฎร์ธานเี พือ่ สนบั สนนุ เผยแพร่ สถานทีโ่ ดยการใชเ้ ว็บไซตแ์ ละแอปพลเิ คชันเข้ามาเกีย่ วข้องให้มีความน่าสนใจและนา่ เช่ือถอื ทสี่ ดุ สามารถ สรปุ ผลการด าเนนิ งานโครงงานและข้อเสนอเเนะ ดงั นี้ การด าเนินการจดั ท าโครงงาน วตั ถุประสงคข์ องโครงงาน 1.เพ่ือสนับสนนุ เผยแพรส่ ถานทที่ อ่ งเท่ียว ถ่ายรปู นั่งทานอาหารเครื่องดมื่ เเบบชิวๆ ในสุราษฎรใ์ หเ้ ป็นทร่ี จู้ ัก ท้งั ในและตา่ งจงั หวดั ทม่ี าท่องเทีย่ วในจังหวัดสุราษฎรธ์ านี 2.ซอฟต์แวร์ -โปรแกรม Glide App

-โปรแกรม Google sheet -โปรแกรม Google Docs -โปรแกรม Google Maps -Internet สรุปผลการศกึ ษา การด าเนนิ งานโครงงานนบี้ รรลวุ ตั ถปุ ระสงค์ที่ไดก้ าหนดไวค้ ือเพือ่ การสนับสนุนเผยแพรส่ ถานทท่ี ่องเท่ยี ว ถา่ ยรปู น่ังทานอาหารเครอ่ื งดืม่ เเบบชิวๆ ในสรุ าษฎร์ให้เปน็ ท่รี ู้จกั ท้ังในและตา่ งจังหวดั ที่มาทอ่ งเที่ยวใน จังหวัด สรุ าษฎร์ธานี สรา้ งความน่าสนใจโดยการใชส้ อ่ื เข้ามาเก่ยี วข้อง การจดั ท าโครงงานชิน้ นขี้ ึ้นมาเพอ่ื อยากใหเ้ ป็นส่วนหน่ึงในการเผยแพรค่ าเฟ่สถานทท่ี ่ีน่าสนใจในเมืองสุ ราษฎร์ ธานี ข้อเสนอเเนะ 1.ควรมเี น้อื หาทีม่ ีความน่าสนใจและหลากหลายมากกว่านี้ 2.ควรใชส้ ่ือใหม้ ีความดงึ ดดู นา่ สนใจมากกว่านี้ 3.ควรมีสสี ันให้คนทเี่ ขา้ มาชมสะดุดตา บรรณานุกรม สถานทต่ี งั้ ของคาเฟ่ตา่ งๆ https://www.google.co.th/search?tbs=lf:1,lf_ui:9&tbm=lcl&sxsrf=ALeKk01X2ob5YiyAohXoYLR B RyuzP5lpkg:1613359802399&q=%E0%B8%84%E0%B8%B2%E0%B9%80%E0%B8%9F%E0%B9 %88%E0%B9%83%E0%B8%99%E0%B9%80%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8 %87%E0%B8%AA%E0%B8%B8%E0%B8%A3%E0%B8%B2%E0%B8%A9&rflfq=1&num=10&sa= X&ved=2ahUKEwiHqarP

eruAhXYdn0KHaHCC4oQjGp6BAgEEEo&biw=1920&bih=969#rlfi=hd:;si:;mv:[[9.1496236,99.3419 977],[9.0979113,99.31146489999999]];tbs:lrf:!1m4!1u3!2m2!3m1!1e1!1m4!1u2!2m2!2m1!1e1!2 m 1!1e2!2m1!1e3,lf:1,lf_ui:9 คาเฟ่ทน่ี ่าสนใจ https://food.trueid.net/detail/MLJ9LNG3qZV https://www.ryoiireview.com/article/suratthani-district-cafe-best/ ภาคผนวก