Top Banner
คู ่มือใช้งาน ระบบพิมพ์เกียรติบัตรออนไลน์ เวอร์ชั่น 1.0 อัพเดท 29/09/2562
22

คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

Aug 13, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงาน ระบบพมพเกยรตบตรออนไลน

เวอรชน 1.0

อพเดท 29/09/2562

Page 2: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 2

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

เนอหา

หวขอ หนา

เกยวกบระบบ 3

สวนของผดแลระบบ 5

การเขาสหนาจดการ 5

การจดการโครงการ/กจกรรม 6

การดาเนนการกบโครงการ/กจกรรม 7

การจดการบญชเจาหนาท 15

การกาหนดขอมลพนฐาน 17

สวนของผใชงานระบบ 19

การพมพเกยรตบตร 19

การตรวจสอบเกยรตบตร 20

Page 3: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 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

Page 4: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 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. เสรจสนการตดตงและดาเนนการตงคาระบบกอนการใชงานระบบ

Page 5: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 5

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

การใชงานระบบ

สวนของผดแลระบบ

การเขาสหนาจดการ

การเขาสหนาจดการ ปม หนาเวบไซต

หนาหลกการบรหารจดการสาหรบผดแล

ชอผใชงาน คอ ทกาหนดไว

รหสผาน คอ ทกาหนดไว

ชอผใชงานและรหสผานตงตน ชอผใชงาน : admin@admin รหสผาน admin123

Page 6: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 6

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

สวนประกอบหนาบรหารจดการ

กจกรรม/โครงการ

ไปทเมน กจกรรม/โครงการ เปนเมนเกยวกบการบรหารจดการกจกรรมหรอ

โครงการ

ป มดาเนนการ

แสดงจานวนขอมลของแตละประเภท

สวนทายแสดงขอมลระบบ

เมน

ชอระบบและชอโรงเรยน

Page 7: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 7

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

การเพมโครงการ/กจกรรม

ขอมลโครงการประกอบไปดวย

• ชอโครงการ นาไปแสดงผลในการคนหาโครงการ

• ชอยอ นาไปรนหมายเลขเกยรตบตร

• วนทจดกจกรรม นาปทจดกจกรรมไปแสดงหมวดหมในการเลอก

โครงการ

• รปแบบการแสดงผล ม 3 แบบ

o แบบท 1 แสดงเฉพาะชอ

o แบบท 2 แสดงชอและรายละเอยดอกหนงบรรทด

o แบบท 3 แสดงชอและรายละเอยดอกสองบรรทด

การดาเนนการโครงการ/กจกรรม

เปนสวนของการบรหารจดการกจกรรมหรอโครงการ ไดแก การนาเขารายชอ

ผเขารวมกจกรรมหรอโครงการ การนาเขารปแบบเกยรตบตร การแกไข/ลบ รายชอผเขารวม

กจกรรมหรอโครงการ

หนาการบรหารจดการโครงการ/กจกรรม

แสดงชอโครงการ/กจกรรม

Page 8: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 8

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

การนาเขารายชอผเขารวม

แบบไฟล excel (csv.)

การนาเขารายชอใหเตรยมรายชอในไฟล excel โดยกรณท เลอกรปแบบ

การแสดงผลเปนแบบท 1 ใหใส 1 คอลมน เฉพาะคานาหนา ชอ-สกล

เมนสาหรบ

บรการจดการ

รายชอผเขารวม

Page 9: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 9

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

รปแบบท 2 ใหใส 2 คอลมน คานาหนา ชอ-สกล และ รายละเอยดอก 1

คอมลมน

รปแบบท 3 ใหใส 3 คอลมน คานาหนา ชอ-สกล และ รายละเอยดอก 2

คอมลมน

หมายเหต แถวท 1 สามารถตงไดเองวาจะใหเปนชอวาอะไร โดยทระบบจะไมนาเขาสระบบ

เมอเตรยมรายชอเสรจแลว ใหบนทกเปนชนด CSV UTF-8 (คนดวยจลภาค) (*.csv)

Page 10: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 10

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

การนาเขารายชอ ไปทเมน กดท เลอกไฟล แลวเลอกไฟลทได

จดเตรยมไวกอนหนา จากนนกดท นาเขา

เมอนาเขาแลวระบบจะแจงผลการนาเขา สนสดการนาเขาแบบไฟล

แบบทละรายชอ

การนาเขารายชอ ไปทเมน จากนนระบบจะใหบนทกขอมลตาม

รปแบบการแสดงผลทเลอกไว

Page 11: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 11

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

กรอกขอมลใหครบถวน แลวกดท บนทก

ระบบจะแจงผลการเพมรายชอ

การนาเขารปแบบเกยรตบตร

ไปทเมน จากนนกดท เลอกไฟล ใหเลอกเทมเพลต

ทจดเตรยมไว โดยทตองเปนไฟลนามสกล .jpg .jpge .png เทานน จากนนกดท นาเขา

หากมเทมเพลตอยแลว ระบบจะแสดงเทมเพลตปจจบนทเลอกไว

กรณจะเปลยนเทมเพลตใหทาการอพโหลดเทมเพลตใหอกครง

เมออพโหลดเสรจสมบรณ ระบบจะแสดงเทมเพลตปจจบนของโครงการ

Page 12: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 12

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

การพมพเกยรตบตร

ไปทปม ระบบจะแสดงตวอยางเกยรตบตร จากนนสามารถบนทกหรอสง

พมพไดเลย

การแกไขขอมลรายชอผเขารวม

ไปทปม ระบบจะแสดงขอมลรายชอทจะทาการแกไข ใหกรอกขอมลทจะ

ทาการแกไข จากนนกดท บนทก

Page 13: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 13

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

ระบบจะแสดงผลของการแกไขขอมลรายชอ

การลบขอมลรายชอผเขารวม

ไปทปม ระบบจะใหยนยนการลบขอมลรายชออกครง

ยนยนการลบใหกดทปม ยนยน หากไมตองการลบใหกดทปม ยกเลก

ระบบจะแจงผลการลบขอมลรายชอ

Page 14: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 14

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

การแกไขโครงการ/กจกรรม

เปนสวนของการแกไขขอมลโครงการหรอกจกรรม

กรอกขอมลทจะทาการแกไข จากนนกดท บนทก ระบบจะตรวจสอบชอโครงการ

และชอยอ หากซาจะไมสามารถแกไขได

ระบบจะแจงผลการแกไขโครงการหรอกจกรรม

การลบโครงการ/กจกรรม

เปนสวนของการลบโครงการหรอกจกรรม การลบโครงการหรอกจกรรมจะสงผลใหรายชอท

อยในโครงการหรอกจกรรมถกลบไปดวย

ยนยนการลบใหกดทปม ยนยน หากไมตองการลบใหกดทปม ยกเลก

Page 15: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 15

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

ระบบจะแจงผลการลบโครงการหรอกจกรรม

บญชเจาหนาท

ไปทเมน บญชเจาหนาท เปนเมนเกยวกบบรหารจดการบญชของ

เจาหนาท ทเปนผดแลระบบ

การเพมบญชผใชงาน

ไปทปม กรอกขอมลบญชเจาหนาทใหครบถวน จากนนกดทปม บนทก

จากนนระบบจะแสดงผลการบนทกขอมล

Page 16: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 16

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

การแกไขบญชผใชงาน

ไปทปม กรอกขอมลบญชทตองการแกไขใหครบถวน จากนนกดทปม

บนทก

ระบบจะแสดงผลการแกไขบญชรายชอ

การลบบญชผใชงาน

ไปทปม ระบบจะใหยนยนการลบบญชผใชงาน

Page 17: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 17

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

ยนยนการลบใหกดทปม ยนยน หากไมตองการลบใหกดทปม ยกเลก

ระบบจะแจงผลการลบบญชผใชงาน

ขอมลพนฐาน

ไปทเมน ขอมลพนฐาน เปนสวนขอมการกาหนดขอมลพนฐานไดแก ชอ

โรงเรยน และชอยอ ซงจะถกนาไปแสดงในเกยรตบตรและในระบบ

กรอกขอมลใหครบถวน จากนนกดทปม บนทก

ระบบจะแสดงผลการบนทกขอมลพนฐาน

Page 18: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 18

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

ออกจากระบบ

ไปทเมน ออกจากระบบ ระบบใหยนยนการออกจากระบบ

ยนยนการออกจากระบบใหกดทปม ออกจากระบบ หากไมตองการออกจากระบบ

ใหกดทปม ยกเลก

Page 19: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 19

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

การใชงานระบบ

สวนของผใชงาน

การพมพเกยรตบตร

ขนตอนท 1 ไปทหนาเวบไซต

ขนตอนท 2 เลอกป และเลอกโครงการ ระบบจะแสดงรายชอผเขารวมโครงการ

สามารถพมพเกยรตบตรโดยกดทปม พมพ

Page 20: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 20

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

ขนตอนท 3 คนหารายชอ โดยการคนหาชอ

กรณทไมเจอชอสามารถคนหาชอ-สกล ในชองคนหา ระบบจะแสดงรายชอทคนหา

การตรวจสอบเกยรตบตร

ขนตอนท 1 ไปทหนาเวบไซต เลอกเมน ตรวจสอบเกยรตบตร

ขนตอนท 2 กรอกหมายเลขเกยรตบตรทตองการตรวจสอบ จากนนกดทปม ตรวจสอบ

Page 21: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 21

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

ระบบจะแสดงผลการคนหา

กรณตรวจสอบแลว มหมายเลขเกยรตบตรทคนหา

กรณตรวจสอบแลว ไมมหมายเลขเกยรตบตรทคนหา

Page 22: คู่มือใช้งาน · ชื่อ certificate.sql กรณีใช้ . phpMyAdmin. จัดการฐานข้อมูล กรณีที่ 1 . import

คมอใชงานระบบพมพเกยรตบตรออนไลน เวอรชน 1.0 หนาท 22

สงวนลขสทธ 2562 ออกแบบและพฒนาระบบโดย นายพงษศธร เชดสม

website: www.naygho.org email: [email protected]

ผพฒนาระบบ

ระบบพมพเกยรตบตรออนไลน

"พฒนาสาหรบแจกฟร เพอการศกษา"

นายพงษศธร เชดสม

Website: www.naygho.org

E-mail: [email protected]

Line ID: naygho

หากคณครหรอโรงเรยนทนาระบบไปใชงาน หากมขอสงสย ขอเสนอแนะ หรอปญหาการใชงาน

ตดตอผมไดทไลนหรอเมลไดโดยตรงครบ