ใบความรู้

ใบความรู   เรื่อง รปู แบบการทำโครงงานคอมพวิ เตอร    สวนประกอบ   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       นายธชั พงศ คชชี เลขที่ 8     นายนันทพัฒน ชูแกว เลขที่ 16     นางสาวเมขลา กลับชนะ เลขที่ 23     นางสาวบัณฑิตา หงษบ นิ เลขที่ 31       ชัน้ มธั ยมศึกษาปท ่6ี /5     รายวิชา ว31285 โครงงานทางเทคโนโลยี สารสนเทศ ป​ การศึกษา2563   โรงเรียนเมืองสุราษฎรธาน ี   ส านักงานเขตพ้ืนท่ีการมธั ยมศกึ ษา เขต11 

เกี่ยวกับโครงงาน   ก   โครงงานคอมพิวเตอร        เรอ่ื ง คาเฟเด็ดในยา นเมืองสรุ าษฎร      กลุม สาระการเรยี นรู การงานอาชพี และเทคโนโลยีสารสนเทศ       ผูจ ัดท า: 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………………………………………………………………………………………………………………….………. - G​ lide  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/                                       

ภาคผนวก