คู่มือฉบับสมบูรณ์

สารบญั หน้า เรื่อง ก. การพัฒนาระบบ ข. การศกึ ษาและการวิเคราะห์ข้อมูล 1. การตดิ ตง้ั Xampp Control Panel 2. การตดิ ตัง้ File ระบบ เข้าส่เู คร่ือง 3. การนำข้อมูลเข้าสู่ฐานข้อมลู phpMyAdmin 4. วธิ ีการ Login การใช้งานระบบเวบ็ ไซต์ลงนาม สำหรบั Admin 5. การเพ่ิม ลบ รายพระนาม 6. การเพิ่มลบชอ่ื หน่วยงาน 7. การลา้ งรายช่ือในฐานข้อมูล 8. การ RUN ระบบลงนามถวายพระพร

3 ก. การพฒั นาระบบ ระบบลงนามน้อมรำลึก ของกระทรวงการพฒั นาสงั คมและความมั่นคงของมนุษย์นน้ั มีข้นั ตอน การดำเนินงานพฒั นาระบบดังต่อไปน้ี 1. การศกึ ษาและวเิ คราะห์ขอ้ มูล (Analysis) 2. การออกแบบระบบ (Design) 3. การพฒั นาระบบ (Development) 4. การนำระบบไปใช้งาน (Implementation) ข. การศกึ ษาและวิเคราะหข์ ้อมูล (Analysis) จากการศึกษาข้อมูลระบบที่ถูกออกแบบและพัฒนาระบบมาจากกลุ่มบุคคลผ่านบริษัทที่มคี วาม เชี่ยวชาญในด้านนั้น ๆ เป็นอย่างดี (Outsource) นำมาเป็นต้นแบบในการพัฒนาระบบลงนามน้อม รำลึก ของกระทรวงการพัฒนาสังคมและความมั่นคงของมนุษย์ ผู้พัฒนาได้ต่อยอดและนำ แนวความคิดจากการพัฒนาระบบจากครั้งก่อนมาเป็นแนวทางในการออกแบบและพัฒนาระบบ โดย ความเป็นมาของการพัฒนาระบบลงนามน้อมรำลึกนั้น เป็นการพฒั นาเพื่อแก้ปัญหาในการเดินทางไป ลงนามถวายพระพรในสถานที่ราชการ ซึ่งเป็นผลมากจากการเกิดโรคระบาดโดยเชื้อไวรัสโคโรนาสาย พันธุ์ใหม่ 2019 (COVID-19) โดยทางกระทรวงการพัฒนาสังคมและความมั่นคงของมนุษย์นั้น ได้มี มาตรการลดความเสี่ยงในการออกไปลงนามถวายพระพร เพื่อป้องกันการแพร่เชื้อของไวรัส โดยนำ ระบบลงนามน้อมรำลึกมาใชเ้ พื่อลดความเสยี่ งที่จะเกดิ การแพรเ่ ชื้อ โดยระบบลงนามนอ้ มรำลึกนั้นถูก นำมาใช้ภายในกรมและสำนักงานกระทรวงการพัฒนาสังคมและความมั่นคงของมนุษย์ รวมถึง ประชาชนทั่วไปทีส่ นใจในการลงนามน้อมรำลึก โดยระบบน้ันถกู นำไปใชก้ ับกรมและสำนักงานภายใต้ กระทรวงพฒั นาสังคมและความมั่นคงของมนุษย์ดงั นี้ 1. สำนักงานรฐั มนตรี 2. สำนักงานปลัดกระทรวง 3. กรมพัฒนาสงั คมและสวัสดกิ าร 4. กรมกิจการเด็กและเยาวชน 5. กรมกิจการผู้สงู อายุ 6. กรมกจิ การสตรแี ละสถาบนั ครอบครวั 7. กรมส่งเสริมและพฒั นาคุณภาพชวี ิตคนพิการ 8. การเคหะแหง่ ชาติ 9. สถาบนั พฒั นาองค์กรชุมชน

4 10. สำนกั งานธนานเุ คราะห์ มีองคป์ ระกอบหลักของระบบดังน้ี 1.1. ประชาชน (User) เป็นผู้ที่สามารถเข้าสู่ระบบ กรอกข้อมูล ชื่อ นามสกุล สังกัด หนว่ ยงานขา้ งต้น เพอ่ื ลงนามนอ้ มรำลึก 1.2. ผู้ดูแลระบบ (Admin) เป็นผู้ที่สามารถ เพิ่ม ลบ แก้ไข รูปภาพและข้อความของตัว ระบบ ให้ระบบนั้นมีความทันต่อวนั น้อมลำลึกตา่ ง ๆ โดยตัวระบบนั้นจะเก็บรายช่ือ ผู้ใช้ที่ลงนามน้อมรำลึก ลำดับในการลงนาม เลขแอดเดรส (IP address) เพื่อนำ ข้อมูลเหล่านั้นมาวิเคราะห์และเก็บผลสถิติผู้ลงนามในแต่ละกรม สำนักงานภายใต้ กระทรวงการพัฒนาสังคมและความมั่นคงของมนุษย์ โดยมีศูนย์เทคโนโลย สารสนเทศและการสื่อสารของ สำนักงานปลัดกระทรวงการพัฒนาสังคมและความ มนั่ คงของมนุษย์เป็นผู้ดูแลและเกบ็ ขอ้ มูลเหลา่ นน้ั มาวเิ คราะห์ 1. การติดตง้ั Xampp Control Panel การ Run ระบบลงนามถวายพระพรน้ันจำเปน็ ต้องใช้ Server ทางผู้พฒั นาจึงได้นำ โปรแกรม Xampp มาเปน็ ตวั จำลอง Server ในการพัฒนาระบบ โดยวธิ กี ารติดตงั้ Xampp มวี ิธกี ารดังน้ี 1.1 เขา้ ไปทเ่ี วบ็ ไซต์ https://www.apachefriends.org/index.html เพือ่ การติดตั้ง XAMPP Apache + MariaDB + PHP + Perl ใช้ในการ Run Server จำลอง 1.2 ทำการ Downland ตามระบบปฏบิ ตั ิการที่ใชอ้ ยู่

5 1.3 เลือก Drive ท่ีตอ้ งการตดิ ตงั้ โปรแกรม ส่วนใหญ่มักทำการตดิ ตั้งโปแกรมที่ Drive: C จากนัน้ ทำการตดิ ตั้ง Xampp 2. การตดิ ตั้ง File ระบบ เขา้ สู่เครื่อง 2.1 เมอ่ื ทำการติดต้ังโปรแกรม สำเรจ็ เรียบร้อยแลว้ ให้เขา้ ไปที่ Drive: C คน้ หา Folder ท่ี ชือ่ ว่า Xampp ทำการคล๊กิ เข้าไปท่ี Folder Xampp คน้ หา Folder htdocs จากนั้นทำการคล๊ิกเข้าไปที่ Folder นำ File “R9011” ซ่ึงเปน็ File ระบบลงนามที่เตรียมไว้แล้ว นำมาวางใน Folder htdocs ฝ

6 3. การนำข้อมลู เข้าสู่ฐานขอ้ มูลphpMyAdmin ไปที่ Drive: C -> Folder Xampp -> คน้ หา จากนัน้ ทำการคล๊กิ 3.1 ทำการเลือกภาษาองั กฤษ จากนั้นระบบจะแสดงแผงควบคมุ ของ Xampp Control Panel ข้นึ มา 3.2 ทำการ กด Star Service ช่อง Apache และช่อง MySQL 3.3 จากน้ันทำการกด Admin ทชี่ อ่ ง Apache

7 3.4 จากนน้ั ระบบจะพาไปยัง http://localhost/dashboard/ 3.5 กดไปที่ จากนน้ั ระบบจะพาไปสู่ http://localhost/phpmyadmin/ ซง่ึ Xampp จะทำหน้าท่ีจำลอง Server โดยมีเคร่อื งคอมพิวเตอร์เป็นฐานข้อมลู 3.6 หนา้ phpMyAdmin จะปรากฏก็ตอ่ เม่ือ ทำการ กด Start Service ใน Xampp เท่านั้น

8 การนำข้อมลู เขา้ สู่ ฐานขอ้ มูล phpMyAdmin 3.7 เข้าสู่ http://localhost/phpmyadmin/ จากนัน้ ทำการไปท่ี เพอ่ื นำ File ฐานขอ้ มูลเขา้ สูร่ ะบบ 3.8 กดเลือกไฟล์ เพ่ือเลือกไฟล์จากเครอ่ื ง 3.9 กดเลือกไฟล์ เพ่ือเลอื กไฟล์จากเครื่อง ไปท่ี Drive: C -> Xampp -> htdocs - > R9011 เลือก Folder DB

9 3.10 เลือก File Member, New_img,r901, agen จากน้ันกด Open 3.11 เม่อื กดเลือกไฟลส์ ำเร็จเรยี บร้อยแลว้ กด Go เพอ่ื ยืนยนั ในการ เพ่ิมไฟล์ เข้าสู่ ระบบฐานข้อมลู 3.12 เมื่อฐานข้อมลู ถกู เพม่ิ ฐานขอ้ มูล member เก็บข้อมลู รายชื่อผดู้ ูแลระบบ ฐานข้อมูล New_img เก็บขอ้ มูลรปู ภาพในการจัดการหนา้ เว็บไซต์ ฐานขอ้ มูล R901 เกบ็ รายชอ่ื ผู้ลงนามถวายพระพร ฐานข้อมูล agen เกบ็ รายช่ือหน่วยงาน

ทดสอบการ RUN ระบบ Folder เกบ็ ฐานขอ้ มูล Folder เกบ็ ขอ้ มูลรูปภาพ Folder ระบบหลงั บา้ นสำหรับแอดมนิ หน้าแรกของระบบลงนาม 3.13 คลก๊ิ ขวา ท่ีไฟล์ home.php Open with ด้วย Google Chrome เมอื่ เปดิ ออกมาจะแสดง Code ในลกั ษณะน้ี

11 3.14 ทำการเปลยี่ น URL ของหนา้ home.php จาก file:///C:/xampp/htdocs/R9011/home.php เป็น http://127.0.0.1/R9011/home.php หนา้ home.php เมอ่ื สามารถ RUN ระบบ สำเรจ็ 4. วธิ ีการ Login การใชง้ านระบบเวบ็ ไซต์ลงนาม สำหรับ Admin 4.1 เขา้ ไปท่ี Drive: C -> Xampp -> htdocs -> R9011-> เลือก Folder logadmin 4.2 เลอื กไปที่ regis.php เพ่ือทำการสมคั รสมาชิก สำหรับแอดมิน 4.3 ทำการ คลิก๊ ขวาท่ีตัวไฟล์ regis.php Open with ดว้ ย Google chrome เปล่ียน URL ของหน้า regis.php จาก file:///C:/xampp/htdocs/R9011/regis.php เป็น http://127.0.0.1/R9011/regis.php

12 หน้า regis.php (ลงทะเบียนผดู้ ูแลระบบ) สมคั รสมาชิกลงทะเบยี นในฐานะ ผู้ดูระบบ 4.4 กรอกข้อมูลผดู้ ูแลระบ ชื่อ นามสกลุ ชอ่ื ผู้ใชแ้ ละรหสั ผ่าน จากนั้นทำการกด ลงทะเบยี น 4.5 เมือ่ ทำการลงทะเบียนเข้าสรู่ ะบบสำเร็จจะปรากฏรปู ดังภาพ

13 4.6 เมอ่ื ทำการเข้าสู่ระบบ เป็นที่เรียบร้อยแลว้ จะไปสู่หนา้ เลือกการจัดการหน้าเวบ็ หรือ ดู รายงานการลงนาม หนา้ รายงาน หน้าจัดการหนา้ เว็บไซต์ 4.7 หน้ารายงานข้อมลู ผ้ลู งนาม 3 2 1 1. แสดง ลำดับ ชือ่ นามสกลุ หนว่ ยงาน วันท่ี เวลา และเลขไอพีแอดแดรส 2. ชอ่ งคน้ หาระหวา่ งวนั ที่ เชน่ วนั ที่ 2/2/2021-5/5/2021 เป็นตน้ 3. Export สามารถออกรายงานเปน็ Excel ได้ 4. ช่องคน้ หา 4

14 4.8 หน้าจดั การหนา้ เว็บไซต์ แนะนำการใชง้ าน แถบเมนู ต่าง ๆ ขอ้ แนะนำในการใช้งาน รปู ภาพทุกรปู ไม่วา่ จะเป็น พระบรมฉายาลกั ษณ์ รปู ภาพ ปุ่ม รูปภาพพน้ื หลัง รูปภาพลายเส้นต่าง ๆ จำเปน็ ตอ้ งเกบ็ ไว้ท่ี Folder img เทา่ น้นั

15 เมอื่ กดบนั ทึกเสร็จ ให้ RUN หน้า home.php ขนึ้ มาอีกครงั้ จะแสดงหนา้ ระบบดงั รูป

16 5. การเพิ่ม ลบ รายพระนาม ไปที่ Drive: C -> Xampp -> htdocs -> R9011-> mainedit.php หากต้องการทำการแก้ไขทร่ี ายช่ือ ใหท้ ำการแก้ไขบรรทัดที่ 82 ถึงบรรทัด 85 หากตอ้ งการเพิ่มรายชื่อ ให้ทำการคัดลอกบรรทัดท่ี 85 นำรายช่อื ทีต่ อ้ งการเพิ่มไป ไว้บรรทัดท่ี 86 ดงั ตัวอย่าง 6. การเพิ่ม ลบ ชอื่ หนว่ ยงาน 6.1 การล้างข้อมูลในฐานขอ้ มลู เข้าไปที่ phpMyAdmin ไปทฐี่ านข้อมูล Agen คล๊กิ ที่ Table agenname จากนน้ั ไปท่ีเมนู operation เลอื ก Empty the table (TRUNCATE) หน้า Table agenname 6.2 การเพิ่มข้อมูลในฐานข้อมูล เข้าไปท่ี phpMyAdmin ไปท่ฐี านข้อมูล Agen คล๊กิ ท่ี Table agenname ไปท่ี กรอกขอ้ มูลในตาราง เช่น ID 8 nameagen สํานักงานสถิติ แห่งชาติ จากน้ันกด Go

17 7. การล้างรายช่ือในฐานขอ้ มลู การลา้ งรายชื่อของผลู้ งนามน้ัน สามารถทำไดด้ งั น้ี 7.1 ไปที่ phpMyAdmin เลอื กฐานขอ้ มูล R901 คลิ๊กไปที่ ตาราง Member ไปที่ operation 7.2 ไปที่สว่ น Delete data or table เลือก Empty the table (TRUNCATE) Documentation เพอ่ื ทำการลา้ งข้อมลู ในตาราง

18 8. การทดสอบการ RUN ระบบ ระบบ โดยทีม่ ีเข้าไป Rum ท่ี Xampp นัน้ กด Open with chrome 8.1 Drive: C -> Xampp -> htdocs -> R9011 -> จากนั้นทำการเปิดไฟล์ home.php โดยเม่อื ทำการเปิดได้สำเร็จแลว้ จงึ จะไดด้ ังรปู ภาพ ซ่ึงเป็นหน้าแรกของระบบ 8.2 เมื่อคล๊ิกไปท่ี ร่วมลงนาม จะเขา้ สู่หนา้ กรอกชื่อ นามสกุล และเลอื กหนว่ ยงานท่สี งั กดั

19 8.3 แสดงรายชอ่ื เมื่อร่วมลงนามเสร็จ จะแสดงรายชอ่ื ผู้รว่ มลงนามและหน่วยงานทส่ี ังกัดและลำดับที่ ลงนาม