รายงานการวิจัย เรื่อง การพัฒนาเว็บแอพพลิเคชั่น BlueSkyEvent เพื่อการค้นหากิจกรรมที่สนใจ The development of the web application "BlueSkyEvent" for searching interesting events. โดย วัชรพล วิริยะ จตุพร ศรีพรหม รายงานการวิจัยนี้เป็นส่วนหนึ่งของการศึกษาในรายวิชาโครงงานทางเทคโนโลยีสารสนเทศ สาขาเทคโนโลยีสารสนเทศ คณะวิทยาศาสตร์และเทคโนโลยี มหาวิทยาลัยราชภัฏสวนสุนันทา ปีการศึกษา 2566
รายงานการวิจัย เรื่อง การพัฒนาเว็บแอพพลิเคชั่น BlueSkyEvent เพื่อการค้นหากิจกรรมที่สนใจ The development of the web application "BlueSkyEvent" for searching interesting events. คณะผู้วิจัย สังกัด 1. วัชรพล วิริยะ คณะวิทยาศาสตร์และเทคโนโลยี 2. จตุพร ศรีพรหม คณะวิทยาศาสตร์และเทคโนโลยี รายงานการวิจัยนี้เป็นส่วนหนึ่งของการศึกษาในรายวิชาโครงงานทางเทคโนโลยีสารสนเทศ สาขาเทคโนโลยีสารสนเทศ คณะวิทยาศาสตร์และเทคโนโลยี มหาวิทยาลัยราชภัฏสวนสุนันทา ปีการศึกษา 2566
กิตติกรรมประกาศ การวิจัยเรื่อง การพัฒนาเว็บแอพพลิเคชั่น BlueSkyEvent เพื่อการค้นหากิจกรรมที่สนใจ ส าเร็จลุล่วงได้ ด้วยความกรุณาและความช่วยเหลือจากหลากหลายท่านถึงแม้จะประสบกับปัญหาในการท าโครงงานก็ได้รับ ค าแนะน าและการช่วยเหลือที่ดีเสมอมา ข้าพเจ้าจึงใคร่ขอขอพระคุณทุกท่าน ที่มีส่วนร่วมในการพัฒนาโครงงานนี้ ขอขอบพระคุณอาจารย์ที่ปรึกษา ผศ.ดร.ศิริลักษณ์ เกตุฉาย ที่ได้ช่วยส่งเสริม สนับสนุน ให้ค าปรึกษา ขอกราบขอบพระคุณบิดา มารดา ที่คอยให้ก าลังใจคอยให้ความรักและความห่วงใยเสมอมาตลอดจนคอย ช่วยเหลือทุนทรัพย์ทางด้านการศึกษาและอุปกรณ์ในการพัฒนาโครงงาน ขอขอบคุณบริษัท สยามทาโก้ จ ากัด ที่สนับสนุนด้านการพัฒนางานวิจัยนี้ ขอบคุณเพื่อนๆ สาขาเทคโนโลยีสารสนเทศชั้นปีที่ 4 ที่คอยช่วยแก้ไขปัญหาและให้ค าปรึกษาในการ พัฒนาโครงงานครั้งนี้จนเสร็จสิ้น วัชรพล วิริยะ จตุพร ศรีพรหม
เรื่อง การพัฒนาเว็บแอพพลิเคชั่น BlueSkyEvent เพื่อการค้นหากิจกรรมที่สนใจ 1. นาย วัชรพล วิริยะ รหัสนักศึกษา 63122202037 2. นาย จตุพร ศรีพรหม รหัสนักศึกษา 63122202050 ได้รับอนุมัติให้นับเป็นส่วนหนึ่งของการศึกษาตามหลักสูตร ปริญญาวิทยาศาสตรบัณฑิต สาขาวิชาเทคโนโลยีสารสนเทศ ประธานที่ปรึกษาโครงงาน ___________________________________ประธานกรรมการ (ผู้ช่วยศาสตราจารย์ดร.ศิริลักษณ์ เกตุฉาย)
Thesis title : The development of the web application "BlueSkyEvent" for searching interest events. Author : Mr Watcharapol Viriya Student ID : 63122202037 Mr Chatuphon Sriphrom Student ID : 63122202050 Approved as part of the education curriculum. Bachelor of Science degree Major Information Technology Chief Advisor Projects ___________________________________ Chairman of the board (Asst. Prof. Sirilak Ketchaya, Ph.D)
ชื่อปริญญานิพนธ์ การพัฒนาเว็บแอพพลิเคชั่น BlueSkyEvent เพื่อการค้นหากิจกรรมที่สนใจ ผู้เขียน นาย วัชรพล วิริยะ นาย จตุพร ศรีพรหม อาจารย์ที่ปรึกษา ผู้ช่วยศาสตราจารย์ ดร.ศิริลักษณ์ เกตุฉาย สาขาวิชา เทคโนโลยีสารสนเทศ ปีการศึกษา 2566 บทคัดย่อ งานวิจัยนี้มีจุดประสงค์เพื่อต้องการให้ผู้ที่สนใจหางานอีเว้นท์เพื่อไปร่วมกิจกรรมที่สนใจ ไปพบประหา ประสบการณ์หรือหาผู้ที่มีความสนใจในกิจกกรรมเดียวกัน ในรูปแบบของเว็บแอพพลิเคชั่น สืบค้นหากิจกรรม โดย ใช้โปรแกรม Visual studio code พัฒนาด้วยReact และ Tools ต ่างๆ ในการพัฒนาเว็บแอพพลิเคชั่น BlueSkyEvent ผู้ใช้สามารถค้นหากิจกรรมที่ก าลังจะเริ่มจัด หรือที่จัดไปแล้ว และจบไปแล้วได้อย่างสะดวก และ ได้มีการประเมินความพึงพอใจของบุคคลทั่วไปที่มีต่อการใช้งานเว็บแอพพลิเคชัน โดยภาพรวมจากบุคคลทั่วไป 46 คน อยู่ในระดับ มาก ดังนั้นจึงสรุปได้ว่า การพัฒนาเว็บแอพพลิเคชั่น BlueSkyEvent ใช้งานได้ดี ___________________________________ ประธานกรรมการที่ปรึกษาโครงงาน
Dissertation Thesis The development of the web application "BlueSkyEvent" for searching interest events. Author Mr. Watcharapol Viriya Mr. Chatuphon Sriphrom Advisor Asst. Prof. Sirilak Ketchaya, Ph.D. Major Information Technology Year 2023 ABSTRACT This research project aims to create the "BlueSkyEvent" web application with the goal of enabling individuals to easily find events they are interested in attending. The application will serve as a platform where users can discover and connect with like-minded individuals who share similar interests in various events. The development of the "BlueSkyEvent" web application is being carried out using tools such as Visual Studio Code and the React framework. Users will be able to search for events that are upcoming, ongoing, or have concluded. The application will provide a convenient way for users to explore and engage with events, facilitating the discovery of new experiences and the opportunity to connect with others who have a shared interest in the same activities. And the overall satisfaction of the general users with the "BlueSkyEvent" web application has been assessed, with a total of 46 participants. The consensus is that the application is highly usable and effective. Based on this feedback, it can be concluded that the development of the "BlueSkyEvent" web application has been successful in delivering a positive user experience. _____________________ Dissertation Advisor
สารบัญ เรื่อง หน้า กิตติกรรมประกาศ....................................................................................................................................................ก บทคัดย่อภาษาไทย...................................................................................................................................................ข บทคัดย่อภาษาอังกฤษ..............................................................................................................................................ค สารบัญ ......................................................................................................................................................................ง สารบัญภาพ..............................................................................................................................................................ช สารบัญตาราง.......................................................................................................................................................... ญ บทที่ 1 บทน า.......................................................................................................................................................1 1.1 ความเป็นมาและความส าคัญ.............................................................................................................1 1.2 วัตถุประสงค์......................................................................................................................................1 1.3 ขอบเขตการท างาน ...........................................................................................................................2 1.4 ประโยชน์ที่คาดว่าจะได้รับ................................................................................................................2 1.5 ค าจ ากัดความในการวิจัย...................................................................................................................2 บทที่ 2 ทฤษฎีและงานวิจัยที่เกี่ยวข้อง..................................................................................................................3 2.1 ความรู้เกี่ยวกับ Visual Studio Code..............................................................................................3 2.2 ความรู้เกี่ยวกับ Docker....................................................................................................................3 2.2.1 ข้อดีของDocker…………………………………………………………………………………………………….4 2.3 ความรู้เกี่ยวกับ Postman.................................................................................................................4 2.3.1 ข้อดีของ Postman………………………………………………………………………………………………..4 2.4 ความรู้เกี่ยวกับ Github.....................................................................................................................4 2.4.1 ข้อดีของ Github……………………………………………………………..…………………………………….5
สารบัญ(ต่อ) เรื่อง หน้า 2.5 ความรู้เกี่ยวกับ Source Tree..........................................................................................................5 2.5.1 ตัวอย่างฟังก์ชันการใช้งาน Source Tree..........................................................................5 2.6 ความรู้เกี่ยวกับ Firebase Hosting..................................................................................................7 2.6.1 ข้อดีของ Firebase Hosting …………………………………………………………………………………..7 2.7 ความรู้เกี่ยวกับ Node.js...................................................................................................................7 2.8 ความรู้เกี่ยวกับ phpMyAdmin........................................................................................................7 2.9 ความรู้เกี่ยวกับ ReactJS...................................................................................................................8 2.9.1 ช้อดีของ ReactJS……………………………………………………..……………………………………………8 บทที่3 วิธีด าเนินการวิจัย...................................................................................................................................10 3.1 วางแผนโครงสร้างเว็บแอปพลิเคชัน................................................................................................11 3.2 เริ่มต้นพัฒนาระบบหน้าบ้าน...........................................................................................................13 3.3 พัฒนาในส่วนของระบบหลังบ้าน……………………………………………………………………………..…………..17 3.4 อัพเว็บแอพพลิเคชั่นขึ้น Host.........................................................................................................24 3.5 ทดลองใช้และประเมินผลการใช้งานเว็บ .........................................................................................25 บทที่ 4 ผลการวิเคราะห์ผลการด าเนินงาน.........................................................................................................27 4.1 ผลวิเคราะห์ข้อมูลจากการท าแบบสอบถามผู้ใช้ทั่วไป.....................................................................27 บทที่ 5 สรุปผลและข้อเสนอแนะ........................................................................................................................30 5.1 สรุปผลและการอภิปรายผลการด าเนิน ...........................................................................................30 5.2 ปัญหาและอุปสรรค.........................................................................................................................31 5.3 ข้อเสนอแนะเพิ่มเติม.......................................................................................................................31
สารบัญ(ต่อ) เรื่อง หน้า บรรณานุกรม ............................................................................................................................................................... ภาคผนวก....................................................................................................................................................................
สารบัญภาพ เรื่อง หน้า รูปที่ 2.1 Commit files..........................................................................................................................................6 รูปที่ 2.2 Discard files...........................................................................................................................................6 รูปที่ 3.1 แสดงวิธีการด าเนินงานวิจัย....................................................................................................................10 รูปที่ 3.2 ตัวอย่างหน้าบ้าน Blueskyevent..........................................................................................................11 รูปที่ 3.3 ตัวอย่างหลังบ้าน Blueskyevent ..........................................................................................................12 รูปที่ 3.4 Data Dictionary...................................................................................................................................12 รูปที่ 3.5 ระบบ Github ........................................................................................................................................13 รูปที่ 3.6 วางโครงสร้างของหน้าเว็บ......................................................................................................................13 รูปที่ 3.7 push ระบบหน้าบ้านขึ้น Github...........................................................................................................14 รูปที่ 3.8 พัฒนาในส่วนของ container...............................................................................................................14 รูปที่ 3.9 ปรับแก้ไขในส่วนของ swiper-container..............................................................................................14 รูปที่ 3.10 ส่วนรวม Events ที่จัดขึ้นทั้งหมด........................................................................................................15 รูปที่ 3.11 ตัหน้ารายการ Event แยกตามหมวดหมู่.............................................................................................15 รูปที่ 3.12 หน้า Contact us.................................................................................................................................16 รูปที่ 3.13 หน้า Event detail อธิบายรายละเอียดของ Event............................................................................16 รูปที่ 3.14 ระบบหน้าการเข้าสู่ระบบ.....................................................................................................................17 รูปที่ 3.15 แสดงรายชื่อกิจกรรมทั้งหมด................................................................................................................17 รูปที่ 3.16 การเพิ่มรายการกิจกรรม......................................................................................................................18 รูปที่ 3.17 การแก้ไขรายการกิจกรรม....................................................................................................................19 รูปที่ 3.18 รายละเอียดเพิ่มเติมของกิจกรรม .........................................................................................................19 รูปที่ 3.19 วิการแสดงรูปภาพของกิจกรรม............................................................................................................20 รูปที่ 3.20 แสดงหมวดหมู่ทั้งหมด..........................................................................................................................20 รูปที่ 3.21 การเพิ่มและแก้ไขรายละเอียดของหมวดหมู่ ........................................................................................21 รูปที่ 3.22 แสดงรายละเอียดเพิ่มเติมของหมวดหมู่...............................................................................................22 รูปที่3.23 แสดงรายชื่อผู้ใช้ทั้งหมด.......................................................................................................................22
รูปที่ 3.24 การเพิ่มบัญชีผู้ใช้..................................................................................................................................23 รูปที่ 3.25 การแก้ไขบัญชีผู้ใช้...............................................................................................................................24 รูปที่ 3.26 อัพเว็บไซต์ขึ้น Host โดย Firebase Hosting............................................................................................24
สารบัญตาราง เรื่อง หน้า ตารางที่ 3.1 ตารางแสดงรายชื่อกิจกรรมทั้งหมด..................................................................................................18 ตารางที่ 3.2 ตารางแสดงรายการหมวดหมู่กิจกรรม..............................................................................................21 ตารางที่ 3.3 แสดงรายชื่อผู้ใช้ทั้งหมด...................................................................................................................23 ตารางที่ 3.4เกณฑ์การให้คะแนนของแบบประเมิน...............................................................................................26 ตารางที่ 3.5 เกณฑ์การแปลความหมายของข้อมูล................................................................................................26 ตารางที่ 4.1 แสดงจ านวนและร้อยละของผู้ตอบแบบสอบถามโดยจ าแนกตามเพศ..............................................27 ตารางที่ 4.2 แสดงจ านวนและร้อยละของผู้ตอบแบบสอบถามจ าแนกตามช่วงอายุ…………………………………………27 ตารางที่ 4.3 แสดงจ านวนและร้อยละของผู้ตอบแบบสอบถามจ าแนกตามวุฒิการศึกษา.....................................28 ตารางที่ 4.4 แสดงความพึงพอใจที่มีต่อการออกแบบเว็บไซต์...............................................................................28
บทที่ 1 บทน า 1.1 ความเป็นมาและความส าคัญ ในยุคปัจจุบันที่เทคโนโลยีได้มีการพัฒนามากกว่าเทคโนโลยีอดีตมากยิ่งขี้นนั้น จึงท าให้ผู้คนในสังคมได้ เปลี่ยนแปลงไปตามเทคโนโลยีในแต่ละสมัยเช่น การพบปะผู้คนตามงานกิจกรรมพิเศษต่างๆเป็นการพูดคุยหรือดู ผ่านการถ่ายทอดสดผ่านสื่อออนไลน์ตามแอพพลิเคชั่นหรือโปรแกรมต่างๆ, การรับชมภาพยนต์ในแอพพลิเคชั่น แทนที่โรงภาพยนต์เป็นต้น จึงท าให้บุคลิกภาพในแต่ละบุคคลมีแนวโน้มที่จะเป็น Introvert [1] มากกว่า Extravert [2] และในปัจจุบันยังมีสถานการณ์การแพร่ระบาดของโรค COVID-19 [3] จึงได้มีการยกเลิกประกาศสถานการณ์ ฉุกเฉินในทุกเขตพื้นที ่ไม่ว่าจะเป็นกิจกรรมต่างๆที ่ก าลังจัดขึ้นจึงมีมาตรการในการลดการแพร่ระบาดของโรค COVID-19 เข้มงวดมากขึ้นและมีหลายกิจกรรมที่ถูกยกเลิกเพราะการแพร่ระบาดของโรคนี้ ด้วยเหตุเหล่านี้ท าให้มี ผู้คนต้องการที่จะออกมาร่วมท ากิจกรรมหรืองานอีเว้นท์ต่างๆที่สนใจเป็นจ านวนมากและมีแนวโน้มที่บุคลิกภาพ เป็น Introvert สูง เนื่องจากมีมาตรการไม่ให้พบปะกับผู้คนจ านวนมากที่เสี่ยงต่อการแพร่ระบาดของโรค COVID19 เพื่อเป็นการเข้าสังคมและกลับมาใช้ชีวิตตามปกติ ถึงอย่างนั้นผู้คนก็ยังมีการป้องกันและการระวังตัวในการ สัมผัสสิ่งของต่างๆที่อาจเป็นต้นเหตุให้เกิดการแพร่กระจายของโรคอีกครั้ง จากปัญหาที่กล่าวมา เราได้มองเห็นถึงปัญหาการไปร่วมงานEvent [4] โดยมีผู้คนหลากหลายที่ต้องการ หาเพื่อนไปร่วมงาน แต่ยังไม่มีช่องทางในการประชาสัมพันธ์ เราจึงได้แนวคิดการสร้างweb-application ที่รวม เอาอีเว้นท์ที่เกิดขึ้น ณ บริเวณรอบๆกรุงเทพมหานครเอาไว้ ให้ผู้ใช้ได้เอาไว้คนหากิจกรรมที่น่าสนใจ 1.2 วัตถุประสงค์ 1.2.1 เพื่อหางานอีเว้นท์ที่น่าสนใจที่เกิดขึ้นรอบๆ 1.2.2 เพื่อค้นหาผู้อื่นที่สนใจไปร่วมงานอีเว้นท์เดียวกันที่จัดขึ้น 1.2.3 เพื่อให้ผู้คนได้พบปะท าความรู้จักกันมากยิ่งขึ้น 1.2.4 เพื่อให้บุคคลที่มีบุคลิกภาพแบบเก็บตัวได้สนใจอีเว้นท์ที่ได้สนใจมากยิ่งขึ้น 1.3 ขอบเขตการท างาน 1.3.1 อีเว้นท์ที่จัดขึ้นบริเวณรอบๆ จังหวัดกรุงเทพมหานคร
1.3.2 ผู้คนที่ต้องการหากิจกรรมที่ต้องการเข้าร่วม เพื่อให้ได้รับประสบการณ์ทางสันทนาการ สังคมและ วัฒนธรรม 1.4 ประโยชน์ที่คาดว่าจะได้รับ 1.4.1 ให้ผู้ที่สนใจอยากหากิจกรรมเข้าร่วมได้ทราบข่าวสารกิจกรรมที่ก าลังจัดขึ้น 1.4.2 สามารถน าคะแนนเสียงที่ผู้เข้าร่วมโหวตน ามาสรุปผลเพื่อให้ผู้ที่สนใจเข้าร่วมท่านอื่นสนใจมากขึ้น 1.4.3 ผู้ใช้ได้ลองเข้าร่วมกิจกรรมใหม่ๆที่ผู้ใช้ไม่เคยเข้าร่วม 1.4.4 ผู้ใช้ได้ลองพบปะกับผู้คนที่หลากหลาย 1.5 ค าจ ากัดความในการวิจัย เว็บแอปพลิเคชัน เว็บแอปพลิเคชัน (Web application) แอปพลิเคชันประเภทหนึ ่งที ่เขียนขึ้นเพื ่อใช้งาน โดย สามารถแสดงผลผ ่าน Browser หรือเว็บบราวเซอร์ได้โดยไม ่ต้องติดตั้งแอป เพียงแค ่อุปกรณ์เชื ่อมต ่อกับ อินเทอร์เน็ต
บทที่ 2 ทฤษฎีและงานวิจัยที่เกี่ยวข้อง ในบทนี้จะกล่าวถึงรายละเอียดเกี่ยวกับทฤษฎีที่และงานวิจัยที่เกี่ยวข้องกับการพัฒนาระบบเว็บ แอปพลิเคชัน BlueSkyEvent โดยแบ่งเนื้อหาออกเป็น 2 ส่วน ได้แก่ ส่วนที่หนึ่งเป็นเนื้อพื้นฐานเกี่ยวกับทฤษฎี การเขียนโปรแกรมและเทคโนโลยีที่น ามาใช้ในการพัฒนาในหัวข้อที่ 2.1-2.9 ได้แก่ ความรู้พื้นฐานเกี่ยวกับ Visual studio code, Docker, Postman, Github, SourceTree, Firebase Hosting, Node.js, phpMyAdmin, ReactJS, และในส่วนที่สองเป็นเนื้อหาเกี่ยวกับเว็บที่เกี่ยวของกับโครงงานนี้ในหัวข้อที่ 2. 2.1 ความรู้เกี่ยวกับ Visual Studio Code Visual Studio Code เป็นโปรแกรม Code Editor ที่ใช้ในการแก้ไขและปรับแต่งโค้ด จากบริษัท ไมโครซอฟท์(Microsoft) มีการพัฒนาออกมาในรูปแบบของ Opensource จึงสามารถน ามาใช้งานได้แบบไม่มี ค่าใช้จ่าย ซึ่ง Visual Studio Code เหมาะส าหรับนักพัฒนาโปรแกรมที่ต้องการใช้งานหลายแพลตฟอร์ม (platform) รองรับการใช้งานทั้งบน Windows, macOS และ Linux รองรับทั้งภาษา JavaScript, TypeScript และ Node.js สามารถเชื่อมต่อกับ Git ได้น ามาใช้งานได้ง่ายไม่ซับซ้อนมีเครื่องมือส่วนขยายต่างๆ ให้เลือกใช้อย่าง มาก มีส่วนของ Debugger และ Commands และมีการเปิดใช้งานภาษาอื่นๆ ทั้ง ภาษา C++, C#, Java, Python, PHP หรือ Go 2.2 ความรู้เกี่ยวกับ Docker Docker เป็น engine ที่มีการท างานในลักษณะของการจ าลองสภาพแวดล้อมบน server เพื่อใช้ในการ run service ที่ต้องการ มีการท างานคล้ายกับ Virtual Machine ตัวอื่นเช่น VMVare แต่ Virtual Machine จะ ท าการจ าลองทั้งระบบปฏิบัติการเพื่อใช้งาน แต่ส าหรับ Docker จะใช้ container ในการจ าลองสภาพแวดล้อม เพื่อใช้ส าหรับ 1 service ที่ต้องการ.
2.2.1 ข้อดีของ Docker • สามารถใช้งานบนหลายแพลตฟอร์ม (platform) ทั้งบน Windows, macOS และ Linux • Docker มีขนาดเล็ก สามารถใช้งานและติดตั้งอย่างรวดเร็ว และสะดวกในการเปิดใช้ งานและปิดการใช้งาน • Docker ไม่จำเป็นต้องติดตั้งระบบปฏิบัติการอีกครั้งเพื่อติดตั้ง container รวมทั้งไม่ต้อง Config ส่วนที่ไม่จำเป็น 2.3 ความรู้เกี่ยวกับ Postman Postman คือเครื่องมือสำหรับทดสอบ API Service ที่ใช้ในการส่ง request และดู response โดย Postman สามารถจำลอง Data, Header รวมถึงการบันทึก Collection ที่ใช้ในการทดสอบ โดยสามารถใช้ บริการโดยไม่มีค่าใช้จ่าย 2.3.1 ข้อดีของ Postman • สามารถบันทึกข้อมูลที่เรียกใช้งานได้ทุกที่ โดยไม่ต้องเขียนใหม่ • Postman มีUI ที่สวยงาม ใช้งานได้ง่าย 2.4 ความรู้เกี่ยวกับ Github Github คือ website Git (version control reposity) ที่อยู่บน internet มีการทำงานแบบเดียวกับ Git แต่ Github จะให้บริการบนออนไลน์แพลตฟอร์ม ทำให้ผู้ใช้งานเข้าถึงข้อมูลผ่านทางเว็บไซต์ได้ทุกที่ทุกเวลาในส่วน ของการใช้บริการมีให้ใช้ทั้งแบบเสียเงินและไม่เสียเงิน หากต้องการใช้บริการแบบฟรี Code ในโปรเจกต์ของเรา ทั้งหมดคนอื่นจะสามารถเข้าถึงได้ แต่ถ้าอยากใช้แบบส่วนตัวทาง GitHub ก็มี Plan รองรับในราคาค่าใช้จ่ายที่ไม่ สูงมาก สถานะ Source Code ที่เก็บอยู่ในระบบของ Git มีดังนี้ • Untracked เป็นสถานะที่ Source Code ถูกเพิ่มเข้ามาใหม่และยังไม่ได้ถูกเก็บไว้ใน ระบบของ Git
• Working Directory เป็นสถานะที่กำลังมีการเปลื่ยนแปลงหรือแก้ไข Source Code หรืออาจจะเรียกสถานะนี้ว่า Modified • Staged เป็นสถานะที่ Source Code กำลังเตรียมที่จะ Commit เพื่อยืนยันการเปลื่ยน แปลงก่อนที่จะเก็บลงในสถานะ Local Repository • Local Repository เป็นสถานะที่มีการเก็บบันทึกข้อมูลการเปลื่ยนแปลงของ Source Code ลงไปที่ Git Repository ที่เป็น Local (ที่เครื่องตัวเอง) • Remote Repository เป็นสถานะที่มีการเก็บบันทึกข้อมูลการเปลื่ยนแปลงของ Source Code ลงไปที่ Git Repository ที่เป็น Hosting (ที่เครื่องเซิร์ฟเวอร์) 2.4.1 ข้อดีของ Github • ตรวจสอบเวอร์ชั่นย้อนหลังของ source code ได้ • ช่วยในการพัฒนาซอฟต์แวร์เป็นทีม 2.5 ความรู้เกี่ยวกับ Source Tree Source Tree คือ Software ที่ใช้ GUI แทนการ run ผ่าน CMD หรือ Terminal เพื่อให้ผู้ใช้งานจัดการ กับไฟล์หรือกิจกรรมต่างๆของ Git Hub ได้สะดวกมากยิ่งขึ้น 2.5.1 ตัวอย่างฟังก์ชันการใช้งาน Source Tree เพื่อให้ผู้พัฒนาที่จัดการไฟล์ใน Git Hub ใช้งานได้สะดวกมากยิ่งขึ้น Source Tree มีฟังก์ชันที่ สามารถเลือกไฟล์ที่ต้องการ Commit ได้ ดังภาพที่ 2.1
ภาพที่ 2.1 Commit files ภาพที่ 2.2 Discard files
2.6 ความรู้เกี่ยวกับ Firebase Hosting Firebase Hosting เป็นบริการ Web Hosting ที่ให้พื้นที่ฟรี 10GB และ data transfer 10GB ต่อเดือน รองรับ การพัฒนาเว็บไซต์ทั้งแบบ Static และ Dynamic ซึ่งมีจุดเด่นที่ความรวดเร็ว ปลอดภัย และเชื่อถือได้ 2.6.1 ข้อดีของ Firebase Hosting • Deploy ง่าย deploy เว็บไซต์จาก local ด้วยค าสั่ง “firebase deploy” ผ่าน Firebase CLI แถมระบบ ก็ฉลาดเลือก deploy เฉพาะไฟล์ใหม่และไฟล์ที่มีการเปลี่ยนแปลงเท่านั้น • Custom Domain ฟรี ปกติเวลา deploy เว็บที่ Firebase Hosting คุณจะได้ sub-domain คืนมาอัตโนมัติ ซึ่งจะ อยู่ในรูปแบบ xxx.firebaseapp.com แต่หากคุณมีโดเมนอยู่แล้ว ก็สามารถน ามาผูกกับ Firebase Hosting ได้ โดย Firebase Hosting จะ provisioning SSL ให้ Custom Domain ด้วย 2.7 ความรู้เกี่ยวกับ Node.js Node.js คือ Platform JavaScript Runtime ส าหรับการท างานฝั่ง Server ชึ่งเขียนด้วยภาษา JavaScript ชึ่งท างานในรูปแบบของ Asynchronous ชึ่งสามารถท างานต่อได้โดยไม่ต้องรองานก่อนหน้าเสร็จสิ้น ส าหรับ Node.js เป็น Open Source มี Package ให้จัดการใช้เป็นจ านวนมาก Node.js สามารถใช้งานได้หลาย ระบบปฏิบัติการเช่น Windows, macOS และ Linux 2.8 ความรู้เกี่ยวกับ phpMyAdmin phpMyAdmin คือโปรแกรมที่ถูกพัฒนาโดยใช้ภาษา PHP เพื่อใช้ในการบริหารจัดการฐานข้อมูล Mysql แทนการคีย์ค าสั่ง เนื่องจากถ้าเราจะใช้ฐานข้อมูลที่เป็น MySQL บางครั้งจะมีความล าบากและยุ่งยากในการใช้งาน ดังนั้นจึงมีเครื่องมือในการจัดการฐานข้อมูล MySQL ขึ้นมาเพื่อให้สามารถจัดการ ตัวDBMS ที่เป็น MySQL ได้ง่าย และสดวกยิ่งขึ้น โดย phpMyAdmin ก็ถือเป็นเครื่องมือชนิดหนึ่งในการจัดการนั้นเอง
2.9 ความรู้เกี่ยวกับ ReactJS ReactJS คือ JavaScript Framework หรือ JavaScript Library ที่ถูกสร้างโดย Facebook ที่ท าหน้าที่ Compile Code ให้กลายเป็น Html+Css+JavaScript เพื่อให้สามารถใช้งานบน Browser ได้โดยที่ตัว React นั้นอาศัย NodeJS เพื่อท าการ Compile Code และ React เป็น UI โดยสร้างมาจากพื้นฐานแนวความคิดแบบ MVC (Model View Controller) ซึ่งหมายความว่า React มีหน้าที่จัดการกับ Model หรือ View React มีคอน เซปต์หลักๆ 3 อย่างคือ • Component – ส่วนต่างๆ ในเว็บ • State – ข้อมูลที่อยู่ใน Component แต่ละชิ้นเรียกว่า State • Props – ข้อมูลที่ถูกส่งต่อจาก Component ชั้นบนลงไปชั้นล่าง เรียกว่า Props (Properties) 2.9.1 ช้อดีของ ReactJS • Concept เข้าใจง่าย – เรียนรู้ตัว Reactเองได้ง่าย • ยังมีผู้ใช้งานอยู่มาก React เกิดมาหลายปีแล้ว และยังคงมีคนให้ความสนใจเยอะ เพราะฉะนั้น React จะยังได้รับความนิยมอีกหลายปี • เว็บแอปหรือไซต์ตอบสนองที่สร้างด้วย React.js นั้นเข้ากันได้กับ SEO เนื่องจาก React.js มีความสามารถในการเขียนโปรแกรมฝั่งเซิร์ฟเวอร์ ด้วยเนื้อหาฝั่งเซิร์ฟเวอร์ โปรแกรมรวบรวมข้อมูลของ Google จะระบุเนื้อหาและรูปภาพที่แสดงผลได้อย่างง่ายดาย ซึ่งจะช่วยเพิ่มเติมในการจัดท าดัชนีและแคชที่เร็วขึ้น • เป็นสถาปัตยกรรมประกอบเพื่อประหยัดเวลา React.js เป็นโมเดลการพัฒนา UI แบบอิงส่วนประกอบ รองรับการน าส่วนประกอบกลับมาใช้ใหม่ได้ ซึ่งช่วยลดเวลาในการพัฒนาแอปได้อย่างมาก โครงสร้างแบบคอมโพเนนต์ใช้เซ็กเมนต์ขนาดเล็กของระบบคอมโพเนนต์ UI ขนาดใหญ่ และแปลงเป็นระบบ miro แบบสแตนด์อโลน หากมีการเปลี่ยนแปลงที่ส าคัญบางอย่างกับ Adset ส าหรับโฆษณาบน Facebook เฉพาะองค์ประกอบโฆษณาเท่านั้นที่จะถูกน ากลับมาใช้ใหม่และก าหนดใหม่ แทนที่จะเป็นอินเทอร์เฟซโฆษณา Facebook ทั้งหมด
บทที่3 วิธีด าเนินการวิจัย งานวิจัยนี้คณะผู้วิจัยได้ท าการพัฒนาเว็บแอปพลิเคชัน เพื่อช่วยให้ผู้คนที่ต้องการออกไปหากิจกรรมต่างๆ ในช่วงสถานการณ์โควิด-19ที่ผ่านมา ได้คนหากิจกรรมผ่านทางเว็บแอปพลิเคชัน การด าเนินงานวิจัยนี้เป็นการวิจัย เชิงส ารวจโดยการโดยการพัฒนาเว็บ Blueskyevent และน าevent โดยการน าevent ที ่ผู้คนอาจจะสนใจมา น าเสนอ โดยระเบียนวิธีการด าเนินงานวิจัยประกอบไปด้วยขั้นตอน ขั้นตอนได้แก่ วางแผนการท างาน วางแผนการท างาน วางแผนโครงสร้างเว็บแอปพลิเคชัน เริ่มต้นพัฒนาระบบหน้าบ้าน พัฒนาในส่วนของระบบหลังบ้าน อัพเว็บแอพพลิเคชั่นขึ้น Host ทดลองใช้และประเมินผลการใช้งานเว็บ สรุปผล จัดท ารูปเล่ม รูปที่ 3.1 แสดงวิธีการด าเนินงานวิจัย
3.1 วางแผนโครงสร้างเว็บแอปพลิเคชัน 3.2 เริ่มต้นพัฒนาระบบหน้าบ้าน 3.3 พัฒนาในส่วนของระบบหลังบ้าน 3.4 อัพเว็บแอพพลิเคชั่นขึ้น Host 3.5 ทดลองใช้และประเมินผลการใช้งานเว็บ 3.1 วางแผนโครงสร้างเว็บแอปพลิเคชัน ท าการแบ่งหน้าที่ความรับผิดชอบงานในส่วนต่าง ๆ เช่น การออกแบบหน้าเว็บไซต์ทั้งหลังบ้านและหน้า บ้าน จัดท าData Dictionary เพื่อให้ง่ายต่อการเชื่อมฐานข้อมูล และจัดท าระบบgithub โดยใช้ Souretree เพื่อ ง่ายต่อการพัฒนา รูปที่ 3.2 ตัวอย่างหน้าบ้าน Blueskyevent
รูปที่ 3.3 ตัวอย่างหลังบ้าน Blueskyevent รูปที่ 3.4 Data Dictionary
รูปที่ 3.5 ระบบ Github 3.2 เริ่มต้นพัฒนาระบบหน้าบ้าน ท าการสร้างโปรเจคด้วยโปรแกรม visual studio code จากนั้นท าการติดตั้ง แล้วเริ่มวางโครงสร้าง เว็บไซต์จากนั้นอัพเว็บขึ้นGithub เพื่อให้ง่ายต่อการย้อนระบบกลับมาเมื่อการโค้ดมีปัญหา โดยใช้ SourceTree รูปที่ 3.6 วางโครงสร้างของหน้าเว็บ
รูปที่ 3.7 push ระบบหน้าบ้านขึ้น Github รูปที่ 3.8 พัฒนาในส่วนของ container รูปที่ 3.9 ปรับแก้ไขในส่วนของ swiper-container
รูปที่ 3.10 ส่วนรวม Events ที่จัดขึ้นทั้งหมด รูปที่ 3.11 หน้ารายการ Event แยกตามหมวดหมู่
รูปที่ 3.12 หน้า Contact us รูปที่ 3.13 หน้า Event detail อธิบายรายละเอียดของ Event
3.3 พัฒนาในส่วนของระบบหลังบ้าน ในส่วนนี้ได้ระบบหลังบ้านมาจากบริษัท สยามทาโก้ จ ากัด ซึ่งได้รับอนุญาตให้น ามาใช้ในการพัฒนาระบบหลัง บ้าน BlueSkyEvent โดยได้น ามาปรับเพิ่มและแก้ไขดังนี้ ในหน้าเข้าสู่ระบบได้มีการแก้ไขโลโก้และธีมสีจากเดิม รูปที่3.14 ระบบหน้าการเข้าสู่ระบบ 3.3.1 หน้าแรก: รายชื่อกิจกรรม หน้านี้ได้มีการพัฒนาในส่วนของการแสดงรายชื่อกิจกรรมทั้งหมด สามารถเพิ่มข้อมูล, ลบข้อมูลและแก้ไข ข้อมูล ดังรูปที่ 2 รูปที่3.15 แสดงรายชื่อกิจกรรมทั้งหมด
No Field Name Link to table Data type Length 1 event_id - varchar 10 2 event_code varchar 50 3 type_id varchar 10 4 create_datetime datetime 5 active_status varchar 1 6 event_name varchar 100 7 event_image varchar 500 8 description text 9 start_date date 10 end_date date ตารางที่ 3.1 ตารางแสดงรายชื่อกิจกรรมทั้งหมด รูปที่3.16 การเพิ่มรายการกิจกรรม
รูปที่ 3.17 จะเป็นการพัฒนาการแก้ไขข้อมูลรายชื่อกิจกรรมโดยมีการแก้ไขข้อมูลดังนี้ รหัสกิจกรรม, ชื่อกิจกรรม, ประเภทกิจกรรม, วันที่เริ่ม-วันที่สิ้นสุดและค าอธิบาย รูปที่3.17 การแก้ไขรายการกิจกรรม เมื่อคลิ๊กตรงปุ่มดูข้อมูลเพิ่มเติมในหน้าแรกรูปที่ 3.14 จะสามารถดูรายละเอียดเพิ่มเติมได้ รูปที่ 3.18 รายละเอียดเพิ่มเติมของกิจกรรม
เมื่อคลิ๊กตรงปุ่มดูข้อมูลรูปภาพในหน้าแรกรูปที่ 1 จะสามารถดูรูปภาพของกิจกรรมนั้นได้ รูปที่ 3.19 การแสดงรูปภาพของกิจกรรม 3.3.2 หมวดหมู่กิจกรรม: แสดงหมวดหมู่ทั้งหมด ในส่วนของหน้านี้ได้มีการพัฒนาในส่วนของการเพิ่ม/ลบ/แก้ไข หมวดหมู่กิจกรรมต่างๆ รูปที่ 3.20 : แสดงหมวดหมู่ทั้งหมด
No Field Name Link to table Data type Length 1 type_id - varchar 10 2 type_name varchar 100 3 active_status varchar 1 4 create_datetime datetime 5 create_by varchar 100 6 update_datetime datetime 7 update_by varchar 100 ตารางที่3.2 ตารางแสดงรายการหมวดหมู่กิจกรรม ในส่วนของหน้านี้ได้มีการพัฒนาในส่วนของการเพิ่มและแก้ไขหมวดหมู่กิจกรรมต่างๆ รูปที่ 3.21 การเพิ่มและแก้ไขรายละเอียดของหมวดหมู่
ในส่วนของหน้านี้ได้มีการพัฒนาในส่วนของการดูรายละเอียดข้อมูลของหมวดหมู่กิจกรรมต่างๆ รูปที่ 3.22 : แสดงรายละเอียดเพิ่มเติมของหมวดหมู่ 3.3.3 ผู้ใช้งาน: แสดงผู้ใช้งานทั้งหมด ในส่วนของหน้านี้ได้มีการพัฒนาในส่วนของการเพิ่ม/ลบ/แก้ไข ชื่อบัญชีผู้ใช้ รูปที่ 3.23 แสดงรายชื่อผู้ใช้ทั้งหมด
No Field Name Link to table Data type Length 1 user_id - varchar 20 2 create_datetime datetime - 3 update_datetime datetime - 4 update_by varchar 30 5 create_by varchar 100 6 active_status varchar 1 7 user_name varchar 100 8 password varchar 100 9 event_access varchar 1 10 staff_name varchar 200 11 admin_status varchar 1 12 super_status varchar 1 รูปที่ 3.3 : แสดงรายชื่อผู้ใช้ทั้งหมด ในส่วนของหน้านี้ได้มีการพัฒนาในส่วนของการเพิ่มบัญชีผู้ใช้ รูปที่ 3.24 การเพิ่มบัญชีผู้ใช้
ในส่วนของหน้านี้ได้มีการพัฒนาในส่วนของการแก้ไขบัญชีผู้ใช้ รูปที่ 3.25 การแก้ไขบัญชีผู้ใช้ 3.4 อัพเว็บแอพพลิเคชั่นขึ้น Host การอัพขึ้น Host คณะผู้จัดท าได้เลือกใช้งาน Firebase Hosting เนื่องจากสามารถใช้ได้ฟรี รูปที่ 3.26 อัพเว็บไซต์ขึ้น Host โดย Firebase Hosting
3.5 ทดลองใช้และประเมินผลการใช้งานเว็บ เมื่อท าการพัฒนา แก้ไข เสร็จแล้วจึงน าเว็บแอปพลิเคชัน ไปทดสอบกับผู้ใช้ทั่วไป เพื่อประเมินความพึง พอใจ จ านวน 46 คน โดยทางผู้วิจัยได้ออกแบบสอบถามเพื่อใช้ในการประเมิน โดยแบ่งแบบสอบของผู้ใช้ทั่วไป เป็น 2 ตอน ดังนี้ ตอนที่ 1 แบบสอบถามข้อมูลทั่วไปของผู้ใช้งาน ตอนที่ 2 ระดับความพึงพอใจที่มีต่อเว็บไซต์BlueSkyEvent โดยแบ่งเป็น 3 ด้าน ดังนี้ 2.1 ด้านการใช้งานภาพรวม 2.1.1 เว็บไซต์มีสีสันน่าสนใจ 2.1.2 การจัดเรียงและการแสดงผลของเว็บไซต์ 2.1.3 ความรวดเร็วในการใช้งาน 2.1.4 ง่ายต่อการใช้งาน 2.1.5 ข้อความของระบบไม่ซับซ้อน 2.2 ด้านความปลอดภัย 2.2.1 นโยบายด้านการรักษาความปลอดภัย 2.2.2 การแสดงข้อมูลส่วนบุคคล 2.2.3 การแสดงข้อมูลส่วนบุคคล 2.3 ประโยชน์ที่ท่านไดร้ับ 2.3.1 รับทราบข่าวสารกิจกรรมมากยิ่งขึ้น 2.3.2 ประหยัดเวลาในการค้นหากิจกรรมต่างๆ 2.3.3 ได้รับความเพลิดเพลินต่อกิจกรรมที่สนใจมากยิ่งขึ้น
โดยก าหนดเกณฑ์ในการให้คะแนนของแบบประเมินความพึงพอใจแสดงดังตารางที่ 3.1 และก าหนดเกณฑ์ในการ แปลความหมายข้อมูลแสดงดังตารางที่ 3.2 ตารางที่ 3.4 เกณฑ์การให้คะแนนของแบบประเมิน ระดับเกณฑ์การแปลความหมาย ความหมาย เชิงคุณภาพ เชิงปริมาณ มากที่สุด 5 ผู้ใช้มีความพึงพอใจต่อแบบจ าลองในระดับมากที่สุด มาก 4 ผู้ใช้มีความพึงพอใจต่อแบบจ าลองในระดับมาก ปานกลาง 3 ผู้ใช้มีความพึงพอใจต่อแบบจ าลองในระดับปานกลาง น้อย 2 ผู้ใช้มีความพึงพอใจต่อแบบจ าลองในระดับน้อย น้อยที่สุด 1 ผู้ใช้มีความพึงพอใจต่อแบบจ าลองในระดับน้อยที่สุด ตารางที่ 3.5 เกณฑ์การแปลความหมายของข้อมูล ที่มา : https://www.bu.ac.th/knowledgecenter/executive_journal/july_sep_08/pdf/Excutive%20Journal_ 99-103.pdf ระดับเกณฑ์การแปลความหมาย ความหมาย 4.51-5.00 ผู้ใช้มีความพึงพอใจต่อแบบจ าลองในระดับมากที่สุด 3.51-4.50 ผู้ใช้มีความพึงพอใจต่อแบบจ าลองในระดับมาก 2.51-3.50 ผู้ใช้มีความพึงพอใจต่อแบบจ าลองในระดับปานกลาง 1.51-2.50 ผู้ใช้มีความพึงพอใจต่อแบบจ าลองในระดับน้อย 1.00-1.50 ผู้ใช้มีความพึงพอใจต่อแบบจ าลองในระดับน้อยที่สุด
บทที่4 ผลการวิเคราะห์ผลการด าเนินงาน ผลลัพธ์ที่ได้หลังจากการน าแบบประเมินความพึงพอใจต่อการใช้งานเว็บแอพพลิเคชันให้กับผู้ใช้งานทั่วไปจากการ ทดสอบระบบดูแล้วน าข้อมูลผลการประเมินความพึงพอใจน ามาวิเคราะห์ข้อมูลดังนี้ 4.1 ผลวิเคราะห์ข้อมูลจากการท าแบบสอบถามผู้ใช้ทั่วไป การประเมินผลความพึงพอใจที่มีต่อเว็บไซต์จากการให้ผู้ใช้งานทั่วไปได้ท าแบบสอบถามเพื่อรวบรวมข้อมูล และน ามาวิเคราะห์ข้อมูลได้ผลลัพธ์ดังนี้ ตารางที่ 4.1 แสดงจ านวนและร้อยละของผู้ตอบแบบสอบถามโดยจ าแนกตามเพศ เพศ จ านวน ร้อยละ ชาย 17 36.95 หญิง เพศทางเลือก 14 8 30.43 17.39 ไม่ระบุ รวม 7 46 15.21 100 จากตารางที่ 4.1.1 พบว่าเพศของผู้ตอบแบบสอบถามเป็นเพศชายจ านวน 17 คน คิดเป็นร้อยละ 36.95 เป็นเพศหญิงจ านวน 14 คน คิดเป็นร้อยละ 30.43 เพศทางเลือก 8 คน คิดเป็นร้อยละ 17.39 และไม่ระบุจ านวน 7 คน คิดเป็นร้อยละ 15.21 โดยผู้ตอบแบบสอบถามส่วนใหญ่เป็นเพศชาย ตารางที่ 4.2 แสดงจ านวนและร้อยละของผู้ตอบแบบสอบถามจ าแนกตามช่วงอายุ ช่วงอายุ จ านวน ร้อยละ ต ่ากว่า 20 ปี 15 32.60 20 - 30 ปี 11 23.91 31 - 40 ปี 10 21.73 41 - 50 ปี 5 10.86 50 ปีขึ้นไป รวม 5 46 10.86 100
จากตารางที่ 4.1.2 พบว่าช่วงอายุของผู้ตอบแบบสอบถาม ที่มีช่วงอายุต ่ากว่า 20 ปี จ านวน 15 คน คิด เป็นร้อยละ 32.60 ช่วงอายุ 20-30 ปี จ านวน 11 คน คิดเป็นร้อยละ 23.91 ช่วงอายุ 31-40 ปี จ านวน 10 คน คิด เป็นร้อยละ 21.73 ช่วงอายุ 41-50 ปี คิดเป็นร้อยละ 10.86 และช่วงอายุ 50 ปีขึ้นไป จ านวน 5 คน คิดเป็นร้อยละ 10.86 โดยผู้ตอบแบสอบถามส่วนใหญ่ มีช่วงอายุอยู่ต ่ากว่า 20 ปี ตารางที่ 4.3 แสดงจ านวนและร้อยละของผู้ตอบแบบสอบถามจ าแนกตามวุฒิการศึกษา วุฒิการศึกษา จ านวน ร้อยละ ต ่ากว่าปริญญาตรี 16 34.78 ปริญญาตรี 17 36.95 ปริญญาโท 7 13.21 ปริญญาเอก 6 13.04 รวม 46 100 จากตารางที่ 4.1.3 พบว่าช่วงวุฒิการศึกษาของผู้ตอบแบบสอบถาม ที่มีระดับต ่ากว่าปริญญาตรีจ านวน 16 คน คิดเป็นร้อยละ 34.78 ระดับปริญญาตรีจ านวน 17 คน คิดเป็นร้อยละ 36.95 ระดับปริญญาโทจ านวน 7 คน คิดเป็นร้อยละ 13.21 และปริญญาเอก จ านวน 6 คน คิดเป็นร้อยละ 13.04 โดยผู้ตอบแบสอบถามส่วนใหญ่มี วุฒิการศึกษาปริญญาตรี ตารางที่ 4.4 แสดงความพึงพอใจที่มีต่อการออกแบบเว็บไซต์ ความพึงพอใจที่มีต่อการออกแบบเว็บไซต์ ̅ S.D ระดับความคิดเห็น 1. ด้านการใช้งานภาพรวม 1.1 เว็บไซต์มีสีสันสวยงาม 3.65 1.08 มาก 1.2 การจัดเรียงและการแสดงผลของเว็บไซต์ 3.58 1.19 มาก 1.3 ความรวดเร็วในการใช้งาน 3.69 1.41 มาก 1.4 ง่ายต่อการใช้งาน 3.63 1.37 มาก 1.5 ข้อความของระบบไม่ซับซ้อน 3.52 1.34 มาก ผลรวมด้านการใช้งานภาพรวม 3.61 1.28 มาก 2. ด้านความปลอดภัย 2.1 นโยบายด้านการรักษาความปลอดภัย 3.41 0.99 มาก
2.2 การแสดงข้อมูลส่วนบุคคล 3.39 0.81 ปานกลาง 2.3 การแสดงเนื้อหาของกิจกรรมที่แสดง 3.52 0.96 มาก ผลรวมด้านความปลอดภัย 3.44 1.41 มาก ผลรวมทุกด้าน 3.44 1.41 มาก จากตารางที ่ 4.1.4 พบว ่าความพึงพอใจของบุคคทั ่วไปในการตอบแบบสอบถามที ่มีต ่อเว็บไซต์ โดย ภาพรวมแล้วอยู่ในระดับ มาก เมื่อพิจารณาในรายข้อพบว่าส่วนใหญ่อยู่ในระดับ มาก โดยข้อที่มีระดับความพึง พอใจของบุคคลทั่วไปต่อเว็บไซต์มากที่สุด คือ ความรวดเร็วในการใช้งาน (̅= 3.69) และรองลงมาคือ เว็บไซต์มี สีสันสวยงาม (̅= 3.65) ส่วนข้อที่มีระดับความพึงพอใจของบุคคลทั่วไปต่อเว็บไซต์ น้อยที่สุดคือ การแสดงข้อมูล ส่วนบุคคล (̅= 3.39)
บทที่5 สรุปผลและข้อเสนอแนะ การพัฒนาเว็บแอพพลิเคชั ่น BlueSkyEvent เพื ่อการค้นหากิจกรรมที ่สนใจ ด้วย React และ phpMyAdmin ซึ่งสามารถแบ่งหัวข้อสรุปได้ดังนี้ 1. สรุปผลและการอภิปรายผลการด าเนิน 2. ปัญหาและอุปสรรค 3. ข้อเสนอแนะเพิ่มเติม 5.1สรุปผลและการอภิปรายผลการด าเนิน จากการพัฒนาเว็บแอพพลิเคชั่น BlueSkyEvent เพื่อการค้นหากิจกรรมที่สนใจ ที่เรียบร้อยแล้วไปให้ บุคคลทั่วไปทดลองใช้งาน และตอบแบบสอบถาม โดยข้อมูลมีดังนี้ ด้านองค์ประกอบและการแสดงผลของเว็บไซต์ 5.1.1 การจัดวางโครงหน้าเว็บไซต์มีความสวยงาม อยู่ในระดับ มาก 5.1.2 การแสดงเนื้อหามีความถูกต้องเหมาะสม อยู่ในระดับ มาก 5.1.3 ตัวอักษรที่ใช้ในการแสดงมีความเหมาะสม อยู่ในระดับ มาก 5.1.4 การจัดโทนสีของเว็บไซต์ อยู่ในระดับ มาก ผลรวมด้านด้านองค์ประกอบและการแสดงผลของเว็บไซต์มีค่าเฉลี่ยอยู่ที่ 3.61 ส่วนเบี่ยงเบนมาตรฐาน อยู่ที่ 1.28 จัดอยู่ระดับ มาก ด้านความปลอดภัย 5.1.5 นโยบายด้านการรักษาความปลอดภัย อยู่ในระดับ มาก 5.1.6 แบบจ าลองมีการน าเสนอที่น่าสนใจ อยู่ในระดับ ปานกลาง 5.1.7 การแสดงเนื้อหาของกิจกรรมที่แสดง อยู่ในระดับ มาก ผลรวมด้านประโยชน์และการใช้งาน มีค่าเฉลี่ยอยู่ที่ 3.44 ส่วนเบี่ยงเบนมาตรฐานอยู่ที่ 1.41 จัดอยู่ ระดับ มาก สรุปโดยรวมการพัฒนาเว็บแอพพลิเคชั่น BlueSkyEvent เพื่อการค้นหากิจกรรมที่สนใจ มีค่าเฉลี่ยอยู่ที่ 3.44 จัด ว่าระดับความพึงพอใจของผู้ตอบแบบสอบถามอยู่ในระดับ มาก
5.2 ปัญหาและอุปสรรค 5.2.1 การจ ากัดขนาดไฟล์บนบริการเซิฟเวอร์ที่ใช้ จึงท าให้มีข้อจ ากัดในการอัพโหลดข้อมูลจ าพวกรูปภาพและ วิดีโอได้น้อย 5.2.2 ในช่วงโควิด-19 ยังแพร่ระบาดอยู่ท าให้ผู้คนยังไม่มีความสนใจที่จะค้นหากิจกรรมใหม่ๆมากนัก 5.2.3 เว็บไซต์แสดงผลข้อมูลช้าบ้าง, เว็บไซต์เกิดอาการล่มบ้างขึ้นอยู่กับบริการเซิฟเวอร์ที่ใช้ 5.2.4 การแสดงผลรูปภาพบางครั้งไม่แสดงผล 5.3 ข้อเสนอแนะเพิ่มเติม 5.3.1 หน้าเว็บไซต์ใช้เวลาการแสดงผลค่อนข้างช้า บ้างครั้งหน้าเว้บไซต์ก็ค้าง 5.3.2 สามารถน าไปพัฒนาระบบล็อคอินส าหรับผู้ใช้ทั่วไป เพื่อคัดกรอกบัญชีที่เป็นสแปมเช่นก่อกวน, ชักชวน ต่างๆเป็นต้น 5.3.3 สามารถไปพัฒนาเพิ่มเติมได้อย่างเช่น การท าแชทกลุ่ม เพื่อเป็นการนัดชวนกันไปงาน
บรรณานุกรม [1] Introvert หรือ Introversion คือ บุคคลที่มีบุคลิกภาพแบบเก็บตัว มีอุปนิสัยของตนเองที่เชื่อมั่นใน ตนเองมากกว่าที่จะมั่นใจผู้คนในสังคมและมีลักษณะเขินอายเมื่อพบปะกับผู้คนในสังคม เมื่อท างานจะชอบอยู่ ท างานคนเดียวและมักใช้การตัดสินใจตนเองเป็นหลักโดยถือความคิดเห็นของตนเองเป็นหลักเสมอ (https://archive.lib.cmu.ac.th/full/T/2552/iop0352nk_ch2.pdf) [2] Extrovert หรือ Extraversion คือ บุคคลที ่มีบุคลิกภาพแบบเปิดเผย มีอุปนิสัยที ่ชอบสังคม สร้าง ความเชื่อมั่นให้กับผู้อื่นและมีแนวคิดที่เปลี่ยนแปลงตลอดเวลาขึ้นอยู่กับสิ่งแวดล้อมต่างๆ เมื่อท างานจะไม่ชอบคิด คนเดียว ชอบแสวงหาประสบการณ์ชีวิตและพร้อมที ่จะเปลี ่ยนแปลงตามสถานการณ์ใหม ่ๆเสมอ (https://archive.lib.cmu.ac.th/full/T/2552/iop0352nk_ch2.pdf) [3] COVID-19 หรือ โรคโควิด คือโรคติดต่อซึ่งเกิดจากไวรัสโคโรนาชนิดที่มีการค้นพบล่าสุด ไวรัสและโรค อุบัติใหม่นี้ไม่เป็นที่รู้จักเลยก่อนที่จะมีการระบาดในเมืองอู่ฮั่น ประเทศจีนในเดือนธันวาคมปี 2019 โรคโควิด 19 มี การระบาดใหญ ่ไปทั ่ว ส ่งผลกระทบในหลายๆด้านทั้งสังคม, เศรษฐกิจและการเมืองแก ่หลายประเทศทั ่วโลก (องค์การอนามัยโลก: https://www.who.int/thailand/emergencies/novel-coronavirus-2019/q-a-oncovid-19/q-a-on-covid-19-general) [4] Event หรือ กิจกรรมพิเศษ คือ กิจกรรมที่เกิดขึ้นเพียงครั้งเดียวหรือกิจกรรมที่ไม่ได้เกิดขึ้นในหลาย ครั้ง เพื่อให้ผู้ที่สนใจและเข้าร่วมงานแบ่งปันประสบการณ์และได้รับประสบการณ์ทางสันทนาการ สังคม หรือ วัฒนธรรมร่วมกันและสามารถสร้างผลลัพธ์ที่สามารถวัดผลได้โดยมีวัตถุประสงค์ขึ้นอยู่กับผู้จัดกิจกรรมนั้นเป็นคน ก าหนด (elcca.ssru.ac.th / Getz, 1997, p.4)
ภาคผนวก
1. ตัวอย่างแบบสอบถามผู้ใช้ทั่วไป
ตัวอย่างแบบสอบถามผู้ใช้ทั่วไป