ใบความรู้

โครงงานคอมพวิ เตอร์ เรอื่ ง คาเฟเ่ ดด็ ในย่านเมอื งสุราษฎร์ กลุ่มสาระการเรยี นรู้ วทิ ยาศาสตรแ์ ละเทคโนโลยี จัดทาโดย นายธนากรณ์ บุญสขุ เลขท่ี 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. จดั ท าโครงรา่ งโครงงานคอมพวิ เตอรใ์ นหัวขอ้ ทส่ี นใจเพ่ือเสนอครทู ่ปี รึกษา

บทท่ี 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/

ภาคผนวก