การสร้างเว็บไซต์โรงเรียนบ้านเหล่าคราม

ภาคผนวก จ. เอกสารเผยแพร/่ ส่งมอบ

91

92

ภาคผนวก ฉ. ค่มู อื การใชง้ านเวบ็ ไซต์โรงเรียนบา้ นเหลา่ คราม

94 คูม่ อื การใชง้ านเว็บไซต์โรงเรยี นบ้านเหลา่ คราม ตาบลคาอาฮวน อาเภอเมอื ง จังหวดั มกุ ดาหาร 1. สว่ นของผู้ใช้ ข้ันตอนมดี ังนี้ 1.1 การเขา้ ส่หู นา้ เวบ็ ไซต์ 1.1.1 ให้พมิ พใ์ นชอ่ ง URL ค้นหาคาว่า www.laokhram.com ดงั รปู ท่ี 1 รูปท่ี 1 การพิมพ์ URL เพ่ือเขา้ หน้าเว็บไซต์ 1.1.2 เมอื่ กด Enter แลว้ จะเขา้ สหู่ นา้ แรกของเว็บไซต์ รปู ที่ 2 หน้าแรกของเวบ็ ไซต์ 6 1.1.3 เขา้ สเู่ ว็บไซตจ์ ะเข้าสู่หลกั ของเว็บไซต์ 5 1 4 2 3 รูปท่ี 3 หนา้ แสดงเมนเู วบ็ ไซต์ หมายเลข 1 ปมุ่ กดของหน้าแรก หมายเลข 2 ปุ่มกดของหน้าคณะผ้บู รหิ าร หมายเลข 3 ปุ่มกดของหน้าข่าวประชาสมั พันธ์ หมายเลข 4 ปุม่ กดของหนา้ ภาพกิจกรรม หมายเลข 5 คาอธบิ ายของหน้าติดต่อเรา หมายเลข 6 แท็บของค้นหาข้อมูล

9 95 10 7 11 8 13 รูปท่ี 4 หน้าหลักของเว็บไซต์ 14 หมายเลข 7 แท็บของขอ้ มลู พน้ื ฐาน 15 หมายเลข 8 ปุ่มกดของเอกสารต่างๆ หมายเลข 9 สไลดใ์ ส่รปู ภาพทน่ี ่าสนใจ 17 หมายเลข 10 แทบ็ ข้อมลู ของผบู้ รหิ าร หมายเลข 11 แทบ็ ข้อมลู ของฝา่ ยบริหารและบุคลากร 12 รูปท่ี 5 หนา้ หลักของเวบ็ ไซต์ หมายเลข 12 แท็บลิงค์ทน่ี ่าสนใจ หมายเลข 13 แทบ็ ข่าวประชาสัมพันธ์ หมายเลข 14 แท็บแหลง่ เรยี นรู้ หมายเลข 15 ปฏทิ นิ 16 รูปท่ี 6 หนา้ หลักของเวบ็ ไซต์ หมายเลข 16 แทบ็ ภาพกจิ กรรม หมายเลข 17 กรมอุตนุ ิยมวทิ ยา

96 18 19 รูปท่ี 7 หน้าหลักของเว็บไซต์ หมายเลข 18 เพจของโรงเรียนบ้านเหล่าคราม หมายเลข 19 แผนทโี่ รงเรียนบ้านเหล่าคราม 1.2 การสมคั รเรยี นออนไลน์ 1.2.1 คลกิ ท่ีปุ่มสมคั รเรยี นออนไลน์ 1 รูปท่ี 8 หนา้ สมัครเรยี นออนไลน์ หมายเลข 1 ปุ่มสมัครเรียนออนไลน์ 1.2.2 เมื่อคลกิ แล้วจะแสดงหน้าระบบรับสมคั รนักเรยี นออนไลน์ 2 รูปที่ 9 หน้าแบบฟอร์มกรอกขอ้ มลู สมัครเรียนออนไลน์ หมายเลข 2 การแสดงข้นั ตอนในการกรอกข้อมูล

97 1.2.3 เม่อื กรอกข้อมูลเสรจ็ กดส่งข้อมูล รูปที่ 10 คลิกปุ่มสนี ้าเงินเพื่อยนื ยนั ข้อมูล 3 หมายเลข 3 แสดงขนั้ ตอนการยืนยันขอ้ มลู 1 1.3 การกรอกฟอรม์ แบบตดิ ต่อเรา 2 1.3.1 คลิกทีแ่ ท็บตดิ ตอ่ เรา รปู ที่ 11 หน้าติดตอ่ เรา หมายเลข 1 แทบ็ ติดต่อเรา หมายเลข 2 กล่องใส่ขอ้ มูลของผูต้ ดิ ตอ่ และรายละเอียดการติดต่อ 1.3.2 เมอื่ กรอกขอ้ มูลเสรจ็ คลกิ ทปี่ ุม่ ส่ง 3 รูปที่ 12 หน้าติดต่อเรา หมายเลข 3 ปุม่ ยนื ยนั ข้อมูล

98 2. ผ้ดู แู ลระบบ 2.1 การเขา้ สรู่ ะบบในส่วนของผดู้ ูแลระบบ 2.1.1 คลิกทีป่ ุม่ Admin เพื่อเขา้ สูร่ ะบบ Admin 1 รปู ท่ี 13 หน้าเข้าสผู่ ดู้ แู ลระบบ หมายเลข 1 ปุ่ม Admin ของผูด้ ูแลระบบ 2.1.2 เมอื่ คลกิ ทป่ี มุ่ Admin แลว้ จะเข้าสหู่ นา้ ระบบ ให้ใสอ่ ีเมล์ [email protected] กดถดั ไป D 2 3 D รปู ที่ 14 หน้า Login สรู่ ะบบ Admin หมายเลข 2 ช่องใส่อเี มล์ หมายเลข 3 ปมุ่ ถัดไป 2.1.3 ใส่รหัสผา่ น laokhram1234 เพ่ือเขา้ สรู่ ะบบ D 4 D 5 รูปที่ 15 หนา้ ยืนยันรหสั ผา่ น หมายเลข 4 ใสร่ หัสผ่านยนื ยนั การเขา้ สรู่ ะบบการดูแล หมายเลข 5 ปมุ่ ถัดไป

99 2.1.4 จะแสดงหนา้ Drive ขนึ้ มา 7 DD 6 รูปท่ี 16 หน้าแสดงโฟลเดอร์ หมายเลข 6 โฟลเดอรแ์ บบสอบถามความพงึ พอใจ หมายเลข 7 โฟลเดอร์สมคั รนักเรยี นออนไลน์ 2.2 การจดั การ เพ่ิม ลบ แก้ไข ขอ้ มูลของนกั เรียนในส่วนของ Form Publisher Output's Folder 2.2.1 คลิกทีโ่ ฟลเดอร์ท่ตี ้องการแกไ้ ข อย่างเชน่ แบบฟอร์มสมัครเรียนออนไลน์ D1 รปู ท่ี 17 หน้าแสดงโฟลเดอร์ใน Drive หมายเลข 1 โฟลเดอร์ใบสมคั รเรยี น 2.2.2 เม่ือเลือกโฟลเดอรแ์ ลว้ คลกิ ทไ่ี ฟลง์ านทจี่ ะแกไ้ ขไฟลง์ านสมัครเรียนออนไลน์ 2 รปู ท่ี 18 หน้าแสดงไฟล์งาน หมายเลข 2 ไฟลง์ านทจี่ ะแกไ้ ข

100 2.3 การจัดการ เพ่ิม ลบ แก้ไข ขอ้ มลู ของนักเรยี นในส่วนของ Google Sheets 2.3.1 คลิกทไ่ี ฟลง์ าน Google Sheets 1 รปู ท่ี 19 ข้อมลู ในโฟลเดอร์ของระบบสมคั รเรียนออนไลน์ หมายเลข 1 ไฟลง์ าน Google Sheets ของระบบสมัครเรียนออนไลน์ 2.3.2 เมอ่ื คลิกเข้าไปแลว้ จะแก้ไข เพ่มิ หรอื ลบสว่ นใดก็ไดต้ ามความต้องการ รปู ท่ี 20 หน้าต่าง Google sheets ของระบบสมัครเรยี นออนไลน์ รปู ท่ี 21 หน้าต่าง Google Form ของระบบสมคั รเรยี นออนไลน์

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

102 ผลการวเิ คราะห์แบบประเมินความพึงพอใจเวบ็ ไซต์โรงเรยี นบา้ นเหล่าคราม ตาบลคาอาฮวน อาเภอเมอื งมกุ ดาหาร จังหวัดมกุ ดาหาร 1. ผลการประเมนิ ตอนท่ี 1 ปัจจยั ท่ัวไปดา้ นบุคคล ตารางท่ี 1.1 แสดงผลข้อมูลเพศของผูป้ ระเมิน เพศ ความถ่ี เปอร์เซ็นต์ เปอร์เซ็นต์ท่ีถูกต้อง เปอร์เซน็ ต์สะสม ชาย 169 53.00 53.00 53.00 Valid หญิง 151 47.00 47.00 47.00 Total 320 100.00 100.00 100.00 ตารางที่ 1.2 แสดงผลข้อมูลอายขุ องผปู้ ระเมิน อายุ ความถ่ี เปอร์เซ็นต์ เปอร์เซ็นต์ที่ถูกต้อง เปอร์เซน็ ต์สะสม 10 - 12 ปี 118 37.00 37.00 37.00 13 - 16 ปี 44 14.00 14.00 14.00 17 - 20 ปี 9 3.00 3.00 3.00 Valid 21 - 30 ปี 42 13.00 13.00 13.00 31 - 40 ปี 62 19.00 19.00 19.00 41 - 50 ปี 39 12.00 12.00 12.00 51 ปีขนึ้ ไป 6 2.00 2.00 2.00 Total 320 100.00 100.00 100.00 ตารางที่ 1.3 แสดงผลข้อมลู สถานะภาพของผูป้ ระเมนิ สถานะภาพ ความถ่ี เปอรเ์ ซน็ ต์ เปอร์เซน็ ตท์ ีถ่ ูกต้อง เปอรเ์ ซ็นต์สะสม โสด 210 63.00 63.00 63.00 สมรส Valid หยา่ รา้ ง 81 25.00 25.00 25.00 แยกกันอยู่ 6 6.00 6.00 6.00 Total 6 6.00 6.00 6.00 320 100.00 100.00 100.00

103 ตารางท่ี 1.4 แสดงผลข้อมลู วุฒิการศึกษาของผู้ประเมนิ วุฒกิ ารศึกษา ความถ่ี เปอร์เซ็นต์ เปอร์เซ็นตท์ ีถ่ ูกต้อง เปอรเ์ ซน็ ต์สะสม ตา่ กวา่ ประถมศึกษา 62 19.00 19.00 19.00 ประถมศกึ ษา มธั ยมศึกษาตอนต้น 184 57.00 57.00 57.00 Valid ปริญญาตรี สงู กว่าปริญญาตรี 56 18.00 18.00 18.00 อืน ๆ 17 5.00 5.00 5.00 Total 1 1.00 1.00 1.00 0 0.00 0.00 0.00 320 100.00 100.00 100.00 ตารางที่ 1.5 แสดงผลข้อมูลอาชีพของผูป้ ระเมิน อาชพี ความถ่ี เปอร์เซ็นต์ เปอร์เซน็ ต์ที่ถูกต้อง เปอรเ์ ซน็ ต์สะสม นกั เรียน 162 51.00 51.00 51.00 ข้าราชการ 18 6.00 6.00 6.00 เกษตรกร 75 23.00 23.00 23.00 Valid ธุรกจิ ส่วนตวั /ค้าขาย 45 14.00 14.00 14.00 พนักงานบรษิ ัทเอกชน/ 20 6.00 6.00 6.00 ลูกจา้ ง อืน ๆ 0 0.00 0.00 0.00 Total 320 100.00 100.00 100.00 2. ผลการประเมินตอนท่ี 2 ระดบั ความพงึ พอใจของผู้ตอบแบบประเมนิ 2.1 ตารางแสดงผลประเมนิ ความพึงพอใจ ด้านที 1 ดา้ นเนอ้ื หา ตารางท่ี 2.1 แสดงผลข้อมลู ด้านเน้ือหา ดา้ นท่ี 1 ด้านเน้ือหา จานวน ค่าเฉลีย่ S.D 1.1 ข้อมูลมีความชดั เจน ถูกตอ้ ง นา่ เชือถือ และเป็นปัจจุบัน 320 4.94 0.23 1.2 การประชาสัมพนั ธข์ า่ วสาร ภาพกจิ กรรมในเว็บไซต์มี 320 4.84 0.36 ความเหมาะสม 1.3 การจัดล่าดับเนื้อหาเป็นขน้ั ตอนอ่านแลว้ เข้าใจง่าย 320 4.29 0.45 320 4.50 0.50 1.4 เนือ้ หากับภาพมคี วามสอดคล้องกัน 320 4.74 0.43 1.5 ขนาดของตัวอักษรและรูปแบบตัวอักษรมีความสวยงาม อ่านงา่ ย

104 2.2 ตารางแสดงผลประเมนิ ความพงึ พอใจ ด้านที 2 ด้านการออกแบบและการจัดรูปแบบเวบ็ ไซต์ ตารางที่ 2.2 แสดงผลขอ้ มลู ด้านการออกแบบและการจดั รูปแบบเว็บไซต์ ด้านที่ 2 ดา้ นการออกแบบและการจดั รูปแบบเวบ็ ไซต์ จานวน ค่าเฉลีย่ S.D 2.1 สสี ันในการออกแบบเว็บไซต์มีความเหมาะสม 320 4.93 0.24 2.2 สอื มัลติมเี ดียมีความน่าสนใจ และทนั สมัย 320 4.86 0.34 2.3 หนา้ โฮมเพจมีความสวยงามทนั สมยั และนา่ สนใจ 320 4.65 0.47 2.4 การจัดรูปแบบเว็บไซต์ง่ายตอ่ การอ่านและการใช้งาน 320 4.49 0.50 2.5 ความถกู ต้องในการเชือมโยงภายในเวบ็ ไซต์ 320 4.64 0.48 2.3 ตารางแสดงผลประเมนิ ความพงึ พอใจ ดา้ นที 3 ด้านการนา่ ไปใช้ ตารางท่ี 2.3 แสดงผลข้อมลู ด้านการนา่ ไปใช้ ด้านที่ 3 ดา้ นการนาไปใช้ จานวน คา่ เฉลย่ี S.D 4.93 0.25 3.1 มกี ารจดั หมวดหมูท่ ีเหมาะสม 320 4.81 0.40 4.58 0.49 3.2 สามารถเขา้ ถึงเว็บไซต์ของโรงเรยี นได้ง่าย 320 4.51 0.50 4.76 0.42 3.3 สามารถเปน็ แหลง่ เรียนรู้ได้ 320 3.4 มีชอ่ งทางการสมัครเรียนออนไลนท์ สี ะดวกต่อการใช้งาน 320 3.5 เวบ็ ไซตม์ ีการเชือมโยงกันของหน่วยงานทเี กยี วข้อง 320 3. ผลรวมทั้ง 3 ด้าน จานวน คา่ เฉล่ีย S.D ตารางท่ี 3.1 แสดงผลข้อมูลผลรวมของแบบประเมินทั้ง 3 ด้าน 320 4.66 0.40 320 4.71 0.40 รายการ 320 4.72 0.41 ดา้ นเนื้อหา ดา้ นการออกแบบและการจัดรปู แบบ ดา้ นการนา่ ไปใช้

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

106 รูปท่ี 1 จดั ทำตำรำงวเิ ครำะหข์ ้อมูลและคำ่ เฉลยี่ รูปท่ี 2 เช็คควำมถกู ต้องของเอกสำร

107 รูปที่ 3 พบครูทีป่ รึกษำโครงกำร รปู ท่ี 4 พบครทู ีป่ รึกษำโครงกำร

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

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

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

การสร้างเวบ็ ไซตโ์ รงเรยี นบา้ นเหล่าคราม ตาบลคาอาฮวน อาเภอเมือง จังหวัดมุกดาหาร Creation Website of Banlaokhram School Kam-Ahuan Sub-district, Mueang District, Mukdahan Province นางสาววราภรณ์ สุวรรณศรี นางสาวสลนิ ดา สีระโคตร์ โครงการนี้เป็นส่วนหน่งึ ของการศกึ ษาตามหลักสตู รประกาศนียบัตรวชิ าชพี ช้ันสงู (ปวส.) สาขาวชิ าคอมพวิ เตอรธ์ รุ กจิ วทิ ยาลยั การอาชพี นวมนิ ทราชินมี ุกดาหาร ปีการศกึ ษา 2563