คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import
Post on 13-Aug-2020
2 Views
Preview:
Transcript
คมอใชงาน ระบบพมพเกยรตบตรออนไลน
เวอรชน 1.0
อพเดท 29/09/2562
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 2
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
เนอหา
หวขอ หนา
เกยวกบระบบ 3
สวนของผดแลระบบ 5
การเขาสหนาจดการ 5
การจดการโครงการ/กจกรรม 6
การดาเนนการกบโครงการ/กจกรรม 7
การจดการบญชเจาหนาท 15
การกาหนดขอมลพนฐาน 17
สวนของผใชงานระบบ 19
การพมพเกยรตบตร 19
การตรวจสอบเกยรตบตร 20
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 3
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
โครงสรางระบบ
ระบบพฒนาโดยใชภาษา 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: pongsathorn@naygho.org
กรณท 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: pongsathorn@naygho.org
การใชงานระบบ
สวนของผดแลระบบ
การเขาสหนาจดการ
การเขาสหนาจดการ ปม หนาเวบไซต
หนาหลกการบรหารจดการสาหรบผดแล
ชอผใชงาน คอ ทกาหนดไว
รหสผาน คอ ทกาหนดไว
ชอผใชงานและรหสผานตงตน ชอผใชงาน : admin@admin รหสผาน admin123
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 6
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
สวนประกอบหนาบรหารจดการ
กจกรรม/โครงการ
ไปทเมน กจกรรม/โครงการ เปนเมนเกยวกบการบรหารจดการกจกรรมหรอ
โครงการ
ป มดาเนนการ
แสดงจานวนขอมลของแตละประเภท
สวนทายแสดงขอมลระบบ
เมน
ชอระบบและชอโรงเรยน
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 7
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
การเพมโครงการ/กจกรรม
ขอมลโครงการประกอบไปดวย
• ชอโครงการ นาไปแสดงผลในการคนหาโครงการ
• ชอยอ นาไปรนหมายเลขเกยรตบตร
• วนทจดกจกรรม นาปทจดกจกรรมไปแสดงหมวดหมในการเลอก
โครงการ
• รปแบบการแสดงผล ม 3 แบบ
o แบบท 1 แสดงเฉพาะชอ
o แบบท 2 แสดงชอและรายละเอยดอกหนงบรรทด
o แบบท 3 แสดงชอและรายละเอยดอกสองบรรทด
การดาเนนการโครงการ/กจกรรม
เปนสวนของการบรหารจดการกจกรรมหรอโครงการ ไดแก การนาเขารายชอ
ผเขารวมกจกรรมหรอโครงการ การนาเขารปแบบเกยรตบตร การแกไข/ลบ รายชอผเขารวม
กจกรรมหรอโครงการ
หนาการบรหารจดการโครงการ/กจกรรม
แสดงชอโครงการ/กจกรรม
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 8
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
การนาเขารายชอผเขารวม
แบบไฟล excel (csv.)
การนาเขารายชอใหเตรยมรายชอในไฟล excel โดยกรณท เลอกรปแบบ
การแสดงผลเปนแบบท 1 ใหใส 1 คอลมน เฉพาะคานาหนา ชอ-สกล
เมนสาหรบ
บรการจดการ
รายชอผเขารวม
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 9
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
รปแบบท 2 ใหใส 2 คอลมน คานาหนา ชอ-สกล และ รายละเอยดอก 1
คอมลมน
รปแบบท 3 ใหใส 3 คอลมน คานาหนา ชอ-สกล และ รายละเอยดอก 2
คอมลมน
หมายเหต แถวท 1 สามารถตงไดเองวาจะใหเปนชอวาอะไร โดยทระบบจะไมนาเขาสระบบ
เมอเตรยมรายชอเสรจแลว ใหบนทกเปนชนด CSV UTF-8 (คนดวยจลภาค) (*.csv)
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 10
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
การนาเขารายชอ ไปทเมน กดท เลอกไฟล แลวเลอกไฟลทได
จดเตรยมไวกอนหนา จากนนกดท นาเขา
เมอนาเขาแลวระบบจะแจงผลการนาเขา สนสดการนาเขาแบบไฟล
แบบทละรายชอ
การนาเขารายชอ ไปทเมน จากนนระบบจะใหบนทกขอมลตาม
รปแบบการแสดงผลทเลอกไว
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 11
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
กรอกขอมลใหครบถวน แลวกดท บนทก
ระบบจะแจงผลการเพมรายชอ
การนาเขารปแบบเกยรตบตร
ไปทเมน จากนนกดท เลอกไฟล ใหเลอกเทมเพลต
ทจดเตรยมไว โดยทตองเปนไฟลนามสกล .jpg .jpge .png เทานน จากนนกดท นาเขา
หากมเทมเพลตอยแลว ระบบจะแสดงเทมเพลตปจจบนทเลอกไว
กรณจะเปลยนเทมเพลตใหทาการอพโหลดเทมเพลตใหอกครง
เมออพโหลดเสรจสมบรณ ระบบจะแสดงเทมเพลตปจจบนของโครงการ
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 12
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
การพมพเกยรตบตร
ไปทปม ระบบจะแสดงตวอยางเกยรตบตร จากนนสามารถบนทกหรอสง
พมพไดเลย
การแกไขขอมลรายชอผเขารวม
ไปทปม ระบบจะแสดงขอมลรายชอทจะทาการแกไข ใหกรอกขอมลทจะ
ทาการแกไข จากนนกดท บนทก
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 13
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
ระบบจะแสดงผลของการแกไขขอมลรายชอ
การลบขอมลรายชอผเขารวม
ไปทปม ระบบจะใหยนยนการลบขอมลรายชออกครง
ยนยนการลบใหกดทปม ยนยน หากไมตองการลบใหกดทปม ยกเลก
ระบบจะแจงผลการลบขอมลรายชอ
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 14
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
การแกไขโครงการ/กจกรรม
เปนสวนของการแกไขขอมลโครงการหรอกจกรรม
กรอกขอมลทจะทาการแกไข จากนนกดท บนทก ระบบจะตรวจสอบชอโครงการ
และชอยอ หากซาจะไมสามารถแกไขได
ระบบจะแจงผลการแกไขโครงการหรอกจกรรม
การลบโครงการ/กจกรรม
เปนสวนของการลบโครงการหรอกจกรรม การลบโครงการหรอกจกรรมจะสงผลใหรายชอท
อยในโครงการหรอกจกรรมถกลบไปดวย
ยนยนการลบใหกดทปม ยนยน หากไมตองการลบใหกดทปม ยกเลก
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 15
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
ระบบจะแจงผลการลบโครงการหรอกจกรรม
บญชเจาหนาท
ไปทเมน บญชเจาหนาท เปนเมนเกยวกบบรหารจดการบญชของ
เจาหนาท ทเปนผดแลระบบ
การเพมบญชผใชงาน
ไปทปม กรอกขอมลบญชเจาหนาทใหครบถวน จากนนกดทปม บนทก
จากนนระบบจะแสดงผลการบนทกขอมล
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 16
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
การแกไขบญชผใชงาน
ไปทปม กรอกขอมลบญชทตองการแกไขใหครบถวน จากนนกดทปม
บนทก
ระบบจะแสดงผลการแกไขบญชรายชอ
การลบบญชผใชงาน
ไปทปม ระบบจะใหยนยนการลบบญชผใชงาน
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 17
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
ยนยนการลบใหกดทปม ยนยน หากไมตองการลบใหกดทปม ยกเลก
ระบบจะแจงผลการลบบญชผใชงาน
ขอมลพนฐาน
ไปทเมน ขอมลพนฐาน เปนสวนขอมการกาหนดขอมลพนฐานไดแก ชอ
โรงเรยน และชอยอ ซงจะถกนาไปแสดงในเกยรตบตรและในระบบ
กรอกขอมลใหครบถวน จากนนกดทปม บนทก
ระบบจะแสดงผลการบนทกขอมลพนฐาน
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 18
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
ออกจากระบบ
ไปทเมน ออกจากระบบ ระบบใหยนยนการออกจากระบบ
ยนยนการออกจากระบบใหกดทปม ออกจากระบบ หากไมตองการออกจากระบบ
ใหกดทปม ยกเลก
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 19
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
การใชงานระบบ
สวนของผใชงาน
การพมพเกยรตบตร
ขนตอนท 1 ไปทหนาเวบไซต
ขนตอนท 2 เลอกป และเลอกโครงการ ระบบจะแสดงรายชอผเขารวมโครงการ
สามารถพมพเกยรตบตรโดยกดทปม พมพ
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 20
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
ขนตอนท 3 คนหารายชอ โดยการคนหาชอ
กรณทไมเจอชอสามารถคนหาชอ-สกล ในชองคนหา ระบบจะแสดงรายชอทคนหา
การตรวจสอบเกยรตบตร
ขนตอนท 1 ไปทหนาเวบไซต เลอกเมน ตรวจสอบเกยรตบตร
ขนตอนท 2 กรอกหมายเลขเกยรตบตรทตองการตรวจสอบ จากนนกดทปม ตรวจสอบ
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 21
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
ระบบจะแสดงผลการคนหา
กรณตรวจสอบแลว มหมายเลขเกยรตบตรทคนหา
กรณตรวจสอบแลว ไมมหมายเลขเกยรตบตรทคนหา
คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 22
สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม
website: www.naygho.org email: pongsathorn@naygho.org
ผพฒนาระบบ
ระบบพมพเกยรตบตรออนไลน
"พฒนาสาหรบแจกฟร เพอการศกษา"
นายพงษศธร เชดสม
Website: www.naygho.org
E-mail: pongsathorn@naygho.org
Line ID: naygho
หากคณครหรอโรงเรยนทนาระบบไปใชงาน หากมขอสงสย ขอเสนอแนะ หรอปญหาการใชงาน
ตดตอผมไดทไลนหรอเมลไดโดยตรงครบ
top related