คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ ....
TRANSCRIPT
คมอใชงาน ระบบพมพเกยรตบตรออนไลน
เวอรชน 1.0
อพเดท 29/09/2562
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 2
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
เนอหา
หวขอ หนา
เกยวกบระบบ 3
สวนของผดแลระบบ 5
การเขาสหนาจดการ 5
การจดการโครงการ/กจกรรม 6
การดาเนนการกบโครงการ/กจกรรม 7
การจดการบญชเจาหนาท 15
การกาหนดขอมลพนฐาน 17
สวนของผใชงานระบบ 19
การพมพเกยรตบตร 19
การตรวจสอบเกยรตบตร 20
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 3
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
โครงสรางระบบ
ระบบพฒนาโดยใชภาษา PHP
ฐานขอมล MYSQL
Frontend Framework ใช Bootstrap
ระบบประกอบดวย 3 สวน
สาหรบผดแลระบบ
สาหรบผใชงานทวไป
การตดตงระบบ
1. แตกไฟลแลวอพโหลดไฟลในโฟลเดอรชอ certificate ไปยงเวบเซฟเวอร
2. นาเขาโครงสรางฐานขอมลของระบบไปยงฐานขอมลทเตรยมไว ไฟลโครงสรางฐานขอมล
ชอ certificate.sql
กรณใช phpMyAdmin จดการฐานขอมล
กรณท 1 import file ใหไปท phpMyAdmin เลอกท import เลอกไฟล
certificate.sql จากนนกดท Go
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 4
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
กรณท 2 นาเขาแบบ SQL เปดไฟล certificate.sql แลวคดลอกขอความทงหมดมา
วางในชอง Run SQL query/queries on database จากนนกดท Go
3. เปดไฟล connection.php ทอพโหลดไปบนเซฟเวอรจากขนตอนท 1 เพอทาการแกไข
ขอมลตดตอฐานขอมล กรอกขอมลใหครบถวน
$host="localhost"; $user="root"; $passwd=""; $db=" certificate";
Localhost หรอ
127.0.0.1
ชอผใชงานฐานขอมล รหสผาน ชอฐานขอมล
4. เสรจสนการตดตงและดาเนนการตงคาระบบกอนการใชงานระบบ
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 5
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
การใชงานระบบ
สวนของผดแลระบบ
การเขาสหนาจดการ
การเขาสหนาจดการ ปม หนาเวบไซต
หนาหลกการบรหารจดการสาหรบผดแล
ชอผใชงาน คอ ทกาหนดไว
รหสผาน คอ ทกาหนดไว
ชอผใชงานและรหสผานตงตน ชอผใชงาน : admin@admin รหสผาน admin123
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 6
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
สวนประกอบหนาบรหารจดการ
กจกรรม/โครงการ
ไปทเมน กจกรรม/โครงการ เปนเมนเกยวกบการบรหารจดการกจกรรมหรอ
โครงการ
ป มดาเนนการ
แสดงจานวนขอมลของแตละประเภท
สวนทายแสดงขอมลระบบ
เมน
ชอระบบและชอโรงเรยน
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 7
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
การเพมโครงการ/กจกรรม
ขอมลโครงการประกอบไปดวย
• ชอโครงการ นาไปแสดงผลในการคนหาโครงการ
• ชอยอ นาไปรนหมายเลขเกยรตบตร
• วนทจดกจกรรม นาปทจดกจกรรมไปแสดงหมวดหมในการเลอก
โครงการ
• รปแบบการแสดงผล ม 3 แบบ
o แบบท 1 แสดงเฉพาะชอ
o แบบท 2 แสดงชอและรายละเอยดอกหนงบรรทด
o แบบท 3 แสดงชอและรายละเอยดอกสองบรรทด
การดาเนนการโครงการ/กจกรรม
เปนสวนของการบรหารจดการกจกรรมหรอโครงการ ไดแก การนาเขารายชอ
ผเขารวมกจกรรมหรอโครงการ การนาเขารปแบบเกยรตบตร การแกไข/ลบ รายชอผเขารวม
กจกรรมหรอโครงการ
หนาการบรหารจดการโครงการ/กจกรรม
แสดงชอโครงการ/กจกรรม
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 8
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
การนาเขารายชอผเขารวม
แบบไฟล excel (csv.)
การนาเขารายชอใหเตรยมรายชอในไฟล excel โดยกรณท เลอกรปแบบ
การแสดงผลเปนแบบท 1 ใหใส 1 คอลมน เฉพาะคานาหนา ชอ-สกล
เมนสาหรบ
บรการจดการ
รายชอผเขารวม
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 9
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
รปแบบท 2 ใหใส 2 คอลมน คานาหนา ชอ-สกล และ รายละเอยดอก 1
คอมลมน
รปแบบท 3 ใหใส 3 คอลมน คานาหนา ชอ-สกล และ รายละเอยดอก 2
คอมลมน
หมายเหต แถวท 1 สามารถตงไดเองวาจะใหเปนชอวาอะไร โดยทระบบจะไมนาเขาสระบบ
เมอเตรยมรายชอเสรจแลว ใหบนทกเปนชนด CSV UTF-8 (คนดวยจลภาค) (*.csv)
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 10
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
การนาเขารายชอ ไปทเมน กดท เลอกไฟล แลวเลอกไฟลทได
จดเตรยมไวกอนหนา จากนนกดท นาเขา
เมอนาเขาแลวระบบจะแจงผลการนาเขา สนสดการนาเขาแบบไฟล
แบบทละรายชอ
การนาเขารายชอ ไปทเมน จากนนระบบจะใหบนทกขอมลตาม
รปแบบการแสดงผลทเลอกไว
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 11
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
กรอกขอมลใหครบถวน แลวกดท บนทก
ระบบจะแจงผลการเพมรายชอ
การนาเขารปแบบเกยรตบตร
ไปทเมน จากนนกดท เลอกไฟล ใหเลอกเทมเพลต
ทจดเตรยมไว โดยทตองเปนไฟลนามสกล .jpg .jpge .png เทานน จากนนกดท นาเขา
หากมเทมเพลตอยแลว ระบบจะแสดงเทมเพลตปจจบนทเลอกไว
กรณจะเปลยนเทมเพลตใหทาการอพโหลดเทมเพลตใหอกครง
เมออพโหลดเสรจสมบรณ ระบบจะแสดงเทมเพลตปจจบนของโครงการ
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 12
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
การพมพเกยรตบตร
ไปทปม ระบบจะแสดงตวอยางเกยรตบตร จากนนสามารถบนทกหรอสง
พมพไดเลย
การแกไขขอมลรายชอผเขารวม
ไปทปม ระบบจะแสดงขอมลรายชอทจะทาการแกไข ใหกรอกขอมลทจะ
ทาการแกไข จากนนกดท บนทก
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 13
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
ระบบจะแสดงผลของการแกไขขอมลรายชอ
การลบขอมลรายชอผเขารวม
ไปทปม ระบบจะใหยนยนการลบขอมลรายชออกครง
ยนยนการลบใหกดทปม ยนยน หากไมตองการลบใหกดทปม ยกเลก
ระบบจะแจงผลการลบขอมลรายชอ
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 14
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
การแกไขโครงการ/กจกรรม
เปนสวนของการแกไขขอมลโครงการหรอกจกรรม
กรอกขอมลทจะทาการแกไข จากนนกดท บนทก ระบบจะตรวจสอบชอโครงการ
และชอยอ หากซาจะไมสามารถแกไขได
ระบบจะแจงผลการแกไขโครงการหรอกจกรรม
การลบโครงการ/กจกรรม
เปนสวนของการลบโครงการหรอกจกรรม การลบโครงการหรอกจกรรมจะสงผลใหรายชอท
อยในโครงการหรอกจกรรมถกลบไปดวย
ยนยนการลบใหกดทปม ยนยน หากไมตองการลบใหกดทปม ยกเลก
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 15
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
ระบบจะแจงผลการลบโครงการหรอกจกรรม
บญชเจาหนาท
ไปทเมน บญชเจาหนาท เปนเมนเกยวกบบรหารจดการบญชของ
เจาหนาท ทเปนผดแลระบบ
การเพมบญชผใชงาน
ไปทปม กรอกขอมลบญชเจาหนาทใหครบถวน จากนนกดทปม บนทก
จากนนระบบจะแสดงผลการบนทกขอมล
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 16
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
การแกไขบญชผใชงาน
ไปทปม กรอกขอมลบญชทตองการแกไขใหครบถวน จากนนกดทปม
บนทก
ระบบจะแสดงผลการแกไขบญชรายชอ
การลบบญชผใชงาน
ไปทปม ระบบจะใหยนยนการลบบญชผใชงาน
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 17
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
ยนยนการลบใหกดทปม ยนยน หากไมตองการลบใหกดทปม ยกเลก
ระบบจะแจงผลการลบบญชผใชงาน
ขอมลพนฐาน
ไปทเมน ขอมลพนฐาน เปนสวนขอมการกาหนดขอมลพนฐานไดแก ชอ
โรงเรยน และชอยอ ซงจะถกนาไปแสดงในเกยรตบตรและในระบบ
กรอกขอมลใหครบถวน จากนนกดทปม บนทก
ระบบจะแสดงผลการบนทกขอมลพนฐาน
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 18
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
ออกจากระบบ
ไปทเมน ออกจากระบบ ระบบใหยนยนการออกจากระบบ
ยนยนการออกจากระบบใหกดทปม ออกจากระบบ หากไมตองการออกจากระบบ
ใหกดทปม ยกเลก
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 19
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
การใชงานระบบ
สวนของผใชงาน
การพมพเกยรตบตร
ขนตอนท 1 ไปทหนาเวบไซต
ขนตอนท 2 เลอกป และเลอกโครงการ ระบบจะแสดงรายชอผเขารวมโครงการ
สามารถพมพเกยรตบตรโดยกดทปม พมพ
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 20
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
ขนตอนท 3 คนหารายชอ โดยการคนหาชอ
กรณทไมเจอชอสามารถคนหาชอ-สกล ในชองคนหา ระบบจะแสดงรายชอทคนหา
การตรวจสอบเกยรตบตร
ขนตอนท 1 ไปทหนาเวบไซต เลอกเมน ตรวจสอบเกยรตบตร
ขนตอนท 2 กรอกหมายเลขเกยรตบตรทตองการตรวจสอบ จากนนกดทปม ตรวจสอบ
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 21
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
ระบบจะแสดงผลการคนหา
กรณตรวจสอบแลว มหมายเลขเกยรตบตรทคนหา
กรณตรวจสอบแลว ไมมหมายเลขเกยรตบตรทคนหา
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 22
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: [email protected]
ผพฒนาระบบ
ระบบพมพเกยรตบตรออนไลน
"พฒนาสาหรบแจกฟร เพอการศกษา"
นายพงษศธร เชดสม
Website: www.naygho.org
E-mail: [email protected]
Line ID: naygho
หากคณครหรอโรงเรยนทนาระบบไปใชงาน หากมขอสงสย ขอเสนอแนะ หรอปญหาการใชงาน
ตดตอผมไดทไลนหรอเมลไดโดยตรงครบ