การสร้างเว็บไซต์การสร้างเว็บไซต์ระบบติดตามผู้สำเร็จการศึกษาสาขาวิชาคอมพิวเตอร์ธุรกิจ

92

ภาคผนวก ง. แบบประเมนิ ความพึงพอใจออนไลน์

93 รูปที่ 1 รปู ภาพแบบประเมินความพึงพอใจออนไลน์ รปู ที่ 2 รูปภาพแบบประเมนิ ความพึงพอใจออนไลน์ ตอนที่ 1 รปู ที่ 3 รูปภาพแบบประเมินความพงึ พอใจออนไลน์ ตอนที่ 1

94 รูปที่ 4 รูปภาพแบบประเมินความพงึ พอใจออนไลน์ ตอนที่ 1 รปู ที่ 5 รปู ภาพแบบประเมนิ ความพึงพอใจออนไลน์ ด้านท่ี 1

95 รูปที่ 6 รูปภาพแบบประเมนิ ความพงึ พอใจออนไลน์ ดา้ นที่ 2 รปู ที่ 7 รูปภาพแบบประเมินความพงึ พอใจออนไลน์ ดา้ นท่ี 3

96 รูปที่ 8 รปู ภาพแบบประเมนิ ความพึงพอใจออนไลน์ ตอนท่ี 3



ภาคผนวก ฉ. คูม่ อื การใชง้ านเวบ็ ไซต์ระบบตดิ ตามผ้สู าเรจ็ การศึกษาสาขาวิชา คอมพวิ เตอรธ์ รุ กิจ

100 ค่มู ือการใชง้ านเว็บไซตร์ ะบบตดิ ตามผู้สาเรจ็ การศึกษาสาขาวชิ าคอมพิวเตอรธ์ รุ กิจ 1. ส่วนของผู้ใช้ ขัน้ ตอนมดี ังน้ี 1.1 การเข้าสหู่ น้าเว็บไซต์ 1.1.1 ให้พมิ พ์ในช่อง URL ค้นหาว่า bscmukdahan.000webhostapp.com ดงั รูปท่ี 1 รูปท่ี 1 การพิมพ์ URL เพื่อเขา้ หนา้ เวบ็ ไซต์ 1.1.2 เมอื่ กด Enter แลว้ จะเขา้ ส่หู นา้ แรกของเวบ็ ไซต์ รปู ที่ 2 หน้าแรกของเวบ็ ไซต์ 1.1.3 กดปุ่มเข้าสเู่ ว็บไซตจ์ ะเข้าสู่หนา้ หลักของเวบ็ ไซต์ 34 25 16 รปู ท่ี 3 หน้าหลักของเว็บไซต์ หมายเลข 1 ปุ่มกดของหนา้ แรก หมายเลข 2 ปุ่มกดของหน้าสมัครสมาชิก หมายเลข 3 ปมุ่ กดของหนา้ เข้าสรู่ ะบบ หมายเลข 4 ปมุ่ กดของหนา้ สาหรบั เจ้าหนา้ ท่ี หมายเลข 5 ปมุ่ กดของหนา้ ภาพกิจกรรม หมายเลข 6 คาอธบิ ายของการกรอกขอ้ มลู ในเว็บไซต์

101 7 10 8 11 9 รูปที่ 4 หน้าหลกั ของเว็บไซต์ หมายเลข 7 วีดโิ อแนะนาสาขาวิชาคอมพิวเตอร์ธุรกิจ หมายเลข 8 หนว่ ยงานทเ่ี กี่ยวขอ้ ง หมายเลข 9 แท็บล่างทอ่ี ยสู่ าขาวิชาคอมพวิ เตอรธ์ รุ กิจ หมายเลข 10 เพจงานประชาสมั พันธข์ องวทิ ยาลยั ฯ หมายเลข 11 ปุม่ กดลิงค์ไปยงั หน่วยงานที่เก่ียวข้อง 1.2 การสมัครสมาชกิ 1.2.1 คลกิ ท่ปี มุ่ สมัครสมาชิก แล้วจะเจอฟอรม์ ท่ีต้องกรอกข้อมลู ให้ครบ 1 2 รปู ท่ี 5 หนา้ กรอกขอ้ มูล (สมคั รสมาชิก) หมายเลข 1 เป็นส่วนของการตง้ั ช่ือผใู้ ช้และรหัสผ่านเพื่อทจ่ี ะเขา้ ส่รู ะบบในคร้ังต่อไป หมายเลข 2 เป็นสว่ นท่จี ะต้องกรอกข้อมลู ส่วนตวั 1.2.2 เมื่อสมัครสมาชิกเสร็จแล้วเว็บไซต์จะเด้งเข้ามาหน้าที่จะต้องกรอกชื่อผู้ใช้และ รหสั ผา่ นทีต่ อ้ งไว้ รูปที่ 6 หนา้ ยนื ยันการเข้าสู่ระบบ

102 1.2.3 เมอ่ื เข้าสรู่ ะบบได้แล้วระบบจะแสดงข้อมลู ของตวั เองไดพ้ ร้อมแก้ไขข้อมูล 3 5 6 4 รปู ท่ี 7 หนา้ แสดงขอ้ มลู ตัวเอง หมายเลข 3 ชื่อผใู้ ชท้ ีเ่ ราตงั้ ก่อนหนา้ น้ี หมายเลข 4 ปุ่มแก้ไขข้อมูลของตัวเอง หมายเลข 5 ปมุ่ ออกจากระบบ หมายเลข 6 แสดงข้อมูลสว่ นตวั 2. สว่ นของ Admin มีขน้ั ตอนดงั น้ี 2.1 การเขา้ สรู่ ะบบในส่วนของ Admin 2.1.1 คลิกไปทีป่ ุ่ม สาหรับเจา้ หนา้ ท่ี เพอ่ื เข้าส่รู ะบบของ Admin รูปที่ 8 ปุ่มของเว็บไซต์ 2.1.2 เม่ือคลิกเสร็จแล้วจะไปหน้าน้ีข้ึนมา ดังรูปท่ี 9 Username: admin Password:1234 เปน็ ช่อื ผู้ใชข้ อง Admin ทจี่ ะสามารถเข้าสู่ระบบเพื่อไปดแู ลภายในเว็บไซต์ได้ รปู ที่ 9 หน้าเข้าสรู่ ะบบของ Admin

103 2.1.3 เม่อื กรอกชอื่ ผใู้ ชแ้ ละรหัสเสรจ็ แล้วใหค้ ลกิ ปุม่ ยืนยนั การเขา้ สู่ระบบ และจะสามารถ เหน็ ขอ้ มลู ของสมาชิกทง้ั หมดทม่ี าสมคั รไว้ ดงั รปู ที่ 10 รูปท่ี 10 หนา้ แสดงข้อมลู ของสมาชกิ ทงั้ หมด (Admin) 2.1.4 ถ้าเกิดผู้ดูแลเว็บอยากคน้ หาปที ี่จบก็จะสามารถค้นหาไดท้ ช่ี ่องคน้ หา 2.1.4.1 วธิ ีการคน้ หาสามารถทาได้ดังนี้ 1) คลกิ ท่ีช่อง “คน้ หาปกี ารศกึ ษา” รปู ท่ี 11 ชอ่ งคน้ หา 2) หลังจากนั้นให้พิมพ์ปีการศึกษาที่ต้องการหาลงไป เช่น ต้องการ ค้นหาปกี ารศกึ ษา 2559 รูปที่ 12 ตัวอยา่ งแสดงช่องค้นหา 3) เม่ือใส่ปีการศึกษาท่ีต้องการหาเสร็จแล้วคลิกที่ปุ่ม Submit หรอื ส่ง ระบบจะแสดงขอ้ มูลของผู้สาเร็จการศึกษาท่ีจบในปีการศึกษานัน้ ขน้ึ ให้ ดังรูปที่ 13 รูปที่ 13 รูปแสดงผลการคน้ หา

ภาคผนวก ช. ตารางแสดงผลการวเิ คราะห์ขอ้ มลู ด้วยโปรแกรมทางสถติ ิ

105 ผลการวเิ คราะหแ์ บบประเมินความพงึ พอใจเวบ็ ไซตร์ ะบบตดิ ตามผูส้ าเร็จการศกึ ษาสาขาวิชา คอมพิวเตอร์ธุรกจิ ด้วยโปรแกรมทางสถติ ิ 1. ผลการประเมินตอนท่ี 1 ปัจจัยท่ัวไปดา้ นบุคคล ตารางที่ 1.1 แสดงผลข้อมลู เพศของผูป้ ระเมิน เพศ ความถี่ เปอรเ์ ซ็นต์ เปอร์เซน็ ต์ที่ถูกต้อง เปอรเ์ ซ็นตส์ ะสม ชาย 59 45.74 45.74 45.74 Valid หญิง 70 54.26 54.26 54.26 Total 129 100.00 100.00 100.00 ตารางท่ี 1.2 แสดงผลข้อมูลอายขุ องผู้ประเมนิ อายุ ความถี่ เปอร์เซ็นต์ เปอร์เซ็นตท์ ถ่ี กู ต้อง เปอรเ์ ซ็นต์สะสม 117 90.70 90.70 90.70 15-20 ปี 1 0.78 0.78 0.78 1 0.78 0.78 0.78 21-25 ปี 3 2.32 2.32 2.32 3 2.32 2.32 2.32 26-30 ปี 1 0.78 0.78 0.78 3 2.32 2.32 2.32 Valid 36-40 ปี 129 100.00 100.00 100.00 41-45 ปี 46-50 ปี 51 ปีข้นึ ไป Total ตารางท่ี 1.4 แสดงผลข้อมูลวฒุ ิการศึกษาของผปู้ ระเมิน วุฒิการศกึ ษา ความถี่ เปอรเ์ ซ็นต์ เปอรเ์ ซ็นตท์ ี่ถกู ต้อง เปอรเ์ ซน็ ต์สะสม ปวช. 60 46.51 46.51 46.51 ปวส. 58 44.96 44.96 44.96 Valid ปรญิ ญาตรี 2 1.55 1.55 1.55 สงู กว่าปริญญาตรี 9 6.98 6.98 6.98 Total 129 100.0 100.0 100.00

106 ตารางที่ 1.5 แสดงผลข้อมูลอาชีพของผปู้ ระเมิน อาชพี ความถี่ เปอรเ์ ซน็ ต์ เปอร์เซ็นต์ท่ถี กู ต้อง เปอรเ์ ซน็ ต์สะสม ผู้บริหาร 5 3.88 3.88 3.88 Valid ครู 6 4.65 4.65 4.65 นกั เรียน/นักศึกษา 118 91.47 91.47 91.47 Total 129 100.0 100.0 100.0 2. ผลการประเมนิ ตอนท่ี 2 ระดับความพึงพอใจของผู้ตอบแบบประเมิน 2.1 ตารางแสดงผลประเมนิ ความพงึ พอใจ ดา้ นที่ 1 ด้านเน้อื หา ตารางท่ี 2.1 แสดงผลข้อมูลดา้ นเน้อื หา ดา้ นท่ี 1 ด้านเนอื้ หา จานวน คา่ เฉลย่ี S.D 1.1 การลงทะเบยี นสะดวก 129 4.73 0.51 1.2 ระบบสมาชกิ ง่ายต่อการใชง้ าน 129 4.13 0.52 1.3 ลบ/แกไ้ ขข้อมลู ได้ 129 4.06 0.43 1.4 ความถูกต้องในการเชือ่ มโยงภายในเว็บไซต์ 129 4.04 0.44 1.5 สามารถแสดงขอ้ มลู ของผู้สาเร็จการศกึ ษา 129 3.92 0.44 2.2 ตารางแสดงผลประเมินความพึงพอใจ ด้านที่ 2 ด้านการออกแบบและการ จัดรูปแบบเวบ็ ไซต์ ตารางท่ี 2.2 แสดงผลข้อมูลดา้ นการออกแบบและการจดั รูปแบบเวบ็ ไซต์ ด้านท่ี 2 ด้านการออกแบบและการจัดรูปแบบเว็บไซต์ จานวน ค่าเฉลีย่ S.D 0.52 2.1 การออกแบบองค์ประกอบบนเวบ็ ไซต์ครบถ้วน 129 4.09 0.57 0.61 2.2 สสี ันในการออกแบบเว็บไซต์มีความเหมาะสม 129 4.17 0.60 0.50 2.3 ขนาดตวั อักษรอ่านงา่ ยชัดเจน 129 4.13 2.4 เมนูสะดวกต่อการใช้งาน 129 4.07 2.5 หนา้ โฮมเพจมีความสวยงามทันสมัยและหน้าสนใจ 129 4.14

107 2.3 ตารางแสดงผลประเมินความพงึ พอใจ ดา้ นที่ 3 ด้านการนาไปใช้ ตารางท่ี 2.3 แสดงผลข้อมลู ด้านการนาไปใช้ ด้านที่ 3 ด้านการนาไปใช้ จานวน คา่ เฉล่ีย S.D 3.1 เวบ็ ไซต์มกี ารเช่อื มโยงกนั ของหน่วยงานท่ีเก่ยี วข้อง 129 4.24 0.51 3.2 สามารถเปน็ แหลง่ ข้อมลู ได้ 129 4.23 0.61 3.3 เนอื้ หามีประโยชน์ต่อผู้ใช้งานและสามารถนาไปประยุกต์ใช้ได้ 129 4.14 0.70 3.4 สามารถตดิ ตามความเคล่อื นไหวของผู้สาเร็จการศึกษา 129 4.07 0.64 3.5 มีความสะดวกในการค้นหาขอ้ มลู 129 4.20 0.60 3. ผลรวมทั้ง 3 ดา้ น ตารางท่ี 3.1 แสดงผลข้อมูลผลรวมของแบบประเมินท้งั 3 ดา้ น รายการ จานวน ค่าเฉลย่ี ค่า S.D 4.18 0.47 ด้านเนอื้ หา 129 4.12 0.56 4.18 0.61 ด้านการออกแบบและการจัดรูปแบบเวบ็ ไซต์ 129 4.16 0.55 ด้านการนาไปใช้ 129 รวม 129

ภาคผนวก ซ. ภาพกจิ กรรมการดาเนินโครงการ

109 รูปท่ี 1 นั่งทำเว็บไซตห์ รือชิ้นงำน รูปท่ี 2 นั่งทำเอกสำรโครงกำร รปู ที่ 3 ปรึกษำหำรือกนั ในเร่ืองของโครงกำร

ภาคผนวก ฌ. ประวัตผิ ู้จัดทาโครงการ

111 ประวัติผจู้ ดั ทาโครงการ 1. ช่อื -สกลุ : นายสทิ ธศิ กั ด์ิ ชนรนิ ทร์ 2. วัน/เดอื น/ปเี กิด : 8 กันยายน 2543 3. ภมู ิลาเนา : 72 หมู่ 7 ต.บางทรายน้อย อ.หวา้ นใหญ่ จ.มุกดาหาร 49000 4. ประวัติการศกึ ษา 4.1 ระดับประถมศึกษา : สาเร็จการศึกษาจากโรงเรยี นบา้ นชะโนด 1 4.2 ระดบั มธั ยมศกึ ษา : สาเรจ็ การศกึ ษาจากโรงเรยี นบา้ นชะโนด 1 4.3 ระดับประกาศนียบัตรวิชาชพี : สาเร็จการศกึ ษาจากวิทยาลยั การอาชพี นวมินทราชินมี กุ ดาหาร 4.4 ระดับประกาศนียบตั รวิชาชพี ชั้นสูง : กาลังศึกษาสาขาวขิ าคอมพิวเตอร์ธุรกิจ วิทยาลยั การอาชีพนวมนิ ทราชินีมุกดาหาร 5. E-mail : [email protected]

112 1. ชือ่ -สกลุ : นางสาวอินทอุ ร อนุ่ อารียก์ ุล 2. วนั /เดือน/ปเี กิด : 9 มกราคม 2544 3. ภูมลิ าเนา : 43/12 ถนนวงศค์ าพา ต.มุกดาหาร อ.เมือง จ.มุกดาหาร 49000 4. ประวัตกิ ารศึกษา 4.1 ระดบั ประถมศึกษา : สาเร็จการศกึ ษาจากโรงเรยี นอนุบาลมุกดาหาร 4.2 ระดับมัธยมศึกษา : สาเร็จการศึกษาจากโรงเรียนมุกดาหาร 4.3 ระดับประกาศนยี บัตรวิชาชพี : สาเรจ็ การศึกษาจากวทิ ยาลัยการอาชพี นวมนิ ทราชนิ มี กุ ดาหาร 4.4 ระดับประกาศนียบตั รวิชาชพี ชน้ั สงู : กาลังศกึ ษาสาขาวขิ าคอมพิวเตอร์ธุรกิจ วทิ ยาลยั การอาชีพนวมินทราชินีมุกดาหาร 5. E-mail : [email protected]