ระบบการจดการเนอหาเพองานประชมวชาการ CONTENT MANAGEMENT SYSTEM FOR PROCEEDINGS

นาย นพรตน มยแกว นาย กตตธช อดมชยบรรเจด นาย ณฏฐไกวล สมฤทธ

ปรญญานพนธนเปนสวนหนงของการศกษาตามหลกสตรวศวกรรมศาสตรบณฑต ภาควชาวศวกรรมคอมพวเตอร คณะวศวกรรมศาสตร

มหาวทยาลยเทคโนโลยราชมงคลธญบร พ.ศ. 2555

ระบบการจดการเนอหาเพองานประชมวชาการ

นาย นพรตน มยแกว นาย กตตธช อดมชยบรรเจด นาย ณฏฐไกวล สมฤทธ

ปรญญานพนธนเปนสวนหนงของการศกษาตามหลกสตรวศวกรรมศาสตรบณฑต ภาควชาวศวกรรมคอมพวเตอร คณะวศวกรรมศาสตร

มหาวทยาลยเทคโนโลยราชมงคลธญบร พ.ศ. 2555

CONTENT MANAGEMENT SYSTEM FOR PROCEEDINGS

MR. NOPPARAT MUIKAEW MR. KITTITAT UDOMCHAIBUNCHAIRD MR. NATTAKAIWAN SAMRIT

THIS PROJECT SUBMITTED IN PARTIAL FULFILLMENT OF THE REQUIREMENTS FOR THE BACHELOR DEGREE OF ENGINEERING

DEPARTMENT OF COMPUTER ENGINEERING FACULTY OF ENGINEERING

RAJAMANGALA UNIVERSITY OF TECHNOLOGY THANYABURI YEAR*2012

หวขอปรญญานพนธ ระบบการจดการเนอหาเพองานประชมวชาการ นกศกษา นาย นพรตน มยแกว นาย กตตธช อดมชยบรรเจด นาย ณฏฐไกวล สมฤทธ อาจารยทปรกษา อาจารยเดชรชต ใจถวล

ภาควชาวศวกรรมคอมพวเตอร คณะวศวกรรมศาสตร มหาวทยาลยเทคโนโลยราชมงคลธญบร อนมตใหปรญญานพนธนเปนสวนหนงของการศกษาตามหลกสตรวศวกรรมศาสตรบณฑต

……………………………………....…….หวหนาภาควชาฯ (อาจารยมาโนช ประชา)

คณะกรรมการสอบปรญญานพนธ

………………………………………...…..ประธานกรรมการ (ผชวยศาสตราจารยวฒนา พนธล าเจยก)

………………………………..……..........กรรมการ (อาจารยนชรตน ราชบร)

………………………………..……....…...กรรมการ (ดร.วนย วชยพาณชย)

……………………………………….....…กรรมการและอาจารยทปรกษา (อาจารยเดชรชต ใจถวล)

ลขสทธของภาควชาวศวกรรมคอมพวเตอร คณะวศวกรรมศาสตร มหาวทยาลยเทคโนโลยราชมงคลธญบร

ง

หวขอปรญญานพนธ ระบบการจดการเนอหาเพองานประชมวชาการ นกศกษา นาย นพรตน มยแกว รหส 115110462032-3 นาย กตตธช อดมชยบรรเจด รหส 115110462038-0 นาย ณฏฐไกวล สมฤทธ รหส 115110462049-7 อาจารยทปรกษา อาจารยเดชรชต ใจถวล ภาควชา วศวกรรมคอมพวเตอร ปการศกษา 2554

บทคดยอ

ปรญญานพนธฉบบนเปนการน าเสนอ “ ระบบการจดการเนอหาเพองานประชมวชาการ ”

ทสามารถสรางการประชมวชาการบนเวบไซตไดโดยงาย ในระบบจะจดแยกสทธการใชงานในแตละบคคล มระบบจดการเนอหาบนเวบไซตท งายและไมตองแกหรอยงกบสวนของโคดในโปรแกรมท าใหสะดวกมากขน ระบบจดการบทความสามารถอพโหลดและดาวนโหลดเอกสาร สามารถจดแยกบทความเปนหมวดหม และประเมนบทความไดภายในเวบไซต ระบบแสดงความคดเหน ระบบตรวจสอบเอกสารการช าระเงนทมอเมลในการแจงเตอนการช าระเงน และระบบแจงกจกรรมทก าลงด าเนนอย ค ำส ำคญ งานประชม CMS ระบบจดการเนอหาบนเวบไซต ประชมวชาการ

จ

กตตกรรมประกาศ

โครงงาน“ ระบบจดการเนอหาเพอการประชมวชาการ ”ส าเรจไดดวยดทงนดวยความรวมมอของสมาชกภายในกลมทใหความรวมมอในการท างานทกอยาง รวมทงการสนบสนนของอาจารยและเจาหนาทของภาควชาวศวกรรมคอมพวเตอรทกๆทานโดยเฉพาะอยางยงทานอาจารย เดชรชต ใจถวล อาจารยทปรกษาโครงงาน ทคอยใหค าแนะน าในเรองตางๆ และชแนะแนวทางในการด าเนนงาน และขอกลาวขอบคณทกๆทานทมสวนเกยวของและคอยใหก าลงใจเสมอมา

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

คณะผจดท า

ฉ

สารบญ

หนา บทคดยอ ง กตตกรรมประกาศ จ สารบญตาราง ซ สารบญรป ฌ บทท 1 บทน า 1.1 ทมาของปญหา 1 1.2 วตถประสงค 1 1.3 ขอบเขตของโครงงาน 1 1.4 ผลทคาดวาจะไดรบ 3 บทท 2 ทฤษฎทเกยวของ 2.1 พเอชพ ( PHP : Hypertext Preprocessor ) 4 2.2 การจดการและการออกแบบฐานขอมล 8 2.3 ทฤษฎการวเคราะหและออกแบบระบบ (System Analysis and Design) 12 2.4 ทฤษฎ Data Flow Diagrams 15 บทท 3 การออกแบบฐานขอมลและการสรางระบบ 3.1 แผนการด าเนนงาน 19 3.2 แผนภาพกระแสขอมล (Data Flow Diagram) 20 3.3 ตารางทใชในการเกบขอมล 31 บทท 4 ผลการด าเนนงานและการวเคราะห 4.1 ผลการด าเนนงานของระบบ 38 4.2 การทดสอบใชระบบ 39 บทท 5 สรปและขอเสนอแนะ 5.1 สรปผลโครงงาน 64 5.2 ขอเสนอแนะ 64 5.3 อปสรรคในการท างาน 65 บรรณานกรม 66

ช

สารบญ (ตอ)

หนา ภาคผนวก ก ขนตอนการตดตงโปรแกรม 67 ภาคผนวก ข คมอการตดตงระบบ 76 ภาคผนวก ค คมอการใชงาน 83 ประวตผจดท า 104

ซ

สารบญตาราง

ตารางท หนา 2.1 ตารางแสดงสญลกษณของ DFD 16 3.1 แสดงแผนการด าเนนงาน 19 3.2 admin ใชเกบขอมลผดแลเวบไซต 31 3.3 articles ใชเกบของมลบทความ 31 3.4 art_categories ใชเกบขอมลหมวดหมบทความ 31 3.5 campaigns ใชเกบขอมลงานประชม 32 3.6 comit_status ใชเกบขอมลเกณฑคะแนนทผาน 32 3.7 committee เกบขอมลการอนมตบทความของกรรมการ 32 3.8 contents เกบขอมลเนอหาเวบไซต 33 3.9 inspectors เกบขอมลการตรวจบทความ 33 3.10 invoices ใชเกบขอมลหนคางช าระ 33 3.11 member ใชเกบขอมลสมาชก 34 3.12 member_attends ใชเกบขอมลผเขารวมประชม 35 3.13 messages ใชเกบขอมลความคดเหน 35 3.14 payment ใชเกบขอมลรายการช าระเงน 35 3.15 payment_details ใชเกบขอมลรายละเอยดของรายการช าระเงน 36 3.16 payment_status ใชเกบขอมลสถานะการช าระเงน 36 3.17 pay_to_invoice ใชเกบขอมลการช าระหนตดคาง 36 3.18 positions ใชเกบขอมลต าแหนงสมาชก 36 3.19 schedules ใชเกบขอมลตารางเวลา 37 3.20 service_costs ใชเกบขอมลคาสมครสมาชกของการประชม 37 4.1 ตารางแสดงสทธตางๆของผใชระบบ 38 4.2 ตารางแสดง Sidebar ของผใชงานแตละระดบ 43

ฌ

สารบญรป

รปท หนา 2.1 ลกษณะการท างานของ PHP 6 2.2 ลกศรแสดงความสมพนธ 9 2.3 แสดงตวอยางการท า First Normal Form 10 2.4 ตวอยางแผนภาพแสดงความสมพนธ 11 2.5 แสดงวงจรของการพฒนาระบบ 13 2.6 สญลกษณการประมวลผล 17 2.7 แสดงวาโพรเซส ค านวณภาษ เปนกระบวนการหรอกจกรรม 17 สดทายในการท างาน ไมสามารถแยกยอยออกไปไดอก 2.8 แสดงขอมลทไหล 18 2.9 ขอมล 2 รายการไมเหมอนกนจะตองแยกลกศรออกจากกน 18 (ซายเปนภาพทผด), (ขวาเปนภาพทถก) 2.10 แสดงการเกบขอมลและเรยกใชขอมล 18 3.1 Context Diagram 20 3.2 Data Flow Diagram Level 0 22 3.3 Data Flow Diagram Level 1 ของ Process 1.0 24 3.4 Data Flow Diagram Level 1 ของ Process 2.0 25 3.5 Data Flow Diagram Level 1 ของ Process 3.0 26 3.6 Data Flow Diagram Level 1 ของ Process 4.0 27 3.7 Data Flow Diagram Level 1 ของ Process 5.0 28 3.8 Data Flow Diagram Level 1 ของ Process 6.0 29 3.9 แสดงความสมพนธตารางทงหมด 30 4.1 หนาตางการเขาสระบบของผดแลเวบไซต 40 4.2 หนาตางการเขาสระบบของผใชระดบอนๆ 40 4.3 หนาตางหลงการเขาสระบบของผดแลเวบไซต 41 4.4 แสดงเมนของผดแลเวบไซต 41 4.5 แสดงหนาเวบไซตและสวนการเขาสระบบของผใชระดบอนๆ 42 4.6 หนาตางการสมครสมาชก 43

ญ

สารบญรป (ตอ)

รปท หนา 4.7 แสดงผลการสมครสมาชก 44 4.8 แสดงการลบสมาชก 44 4.9 แสดงการแกไขขอมลสมาชก 45 4.10 แสดงการแกไขหนาแรก 46 4.11 แสดงผลการแกไขหนาแรก 47 4.12 แสดงการเพมเนอหาหรอ Sidebar 47 4.13 แสดงผลการเพมเนอหาหรอ Sidebar 48 4.14 แสดงการท าตารางกจกรรม 48 4.15 หนาตางตารางกจกรรม 49 4.16 หนาตางการจดการบทความและแสดงองคประกอบ 49 4.17 แสดงการเพมและจดหมวดหมบทความ 50 4.18 แสดงรายละเอยดของการเพมหมวดหมบทความ 50 4.19 หนาตางดสถานะการช าระเงน 51 4.20 แสดงการปรบเปลยนสถานะการช าระเงน 51 4.21 แสดงสวนประกอบตางๆในหนา Dash Board 52 4.22 หนาตางการแกไขขอมลของผใช 53 4.23 หนาตางเปลยน Password ส าหรบผใช 53 4.24 แสดงหนาตางการเขารวมงานประชม 54 4.25 หนาตางยนยนขอตกลงการเขารวมงานประชม 54 4.26 แสดงใบแจงสถานะของการสมครเขารวมประชม 55 4.27 หนาตางการสมครเปนผสงบทความ 55 4.28 หนาตางยนยนการสมครเปนผสงบทความ 56 4.29 หนาตาง Invoices 56 4.30 หนาตางการช าระเงน 57 4.31 หนาตางแสดงผลการเลอกรายการทเราจะช าระเงน 57 4.32 หนาตางกรอกรายละเอยดในการยนยนการช าระเงน 58 4.33 หนาตางทดแลเวบไซตดแลการช าระเงน 58

ฎ

สารบญรป (ตอ)

รปท หนา 4.34 แสดงการสงบทความ 59 4.35 หนาตางอพโหลดบทความ 59 4.36 หนาตางตรวจบทความของกรรมการ 60 4.37 หนาตางตรวจบทความของผตรวจ 60 4.38 หนาตางสงอเมลของผใช 61 4.39 หนาตางการสงอเมลของผดแลเวบไซต 61 4.40 แสดงอเมลทไดรบมาจากระบบ 61 4.41 หนาตางตรวจสอบรหสซเรยลของผดแลเวบไซต 62 4.42 หนาตางตรวจสอบรหสซเรยลของผใชระบบ 62 4.43 หนาตางบอกรายละเอยดของงานประชม 63 4.44 หนาตางแกรายละเอยดหวของานประชม 63 ก.1 ขนตอนการตดตงโปรแกรม 68 ก.2 แสดงรายละเอยดเงอนไขการ GNU License 69 ก.3 เลอกปลายทางการตดตงโปรแกรม AppServ 70 ก.4 เลอก Package Components ทตองการตดตง 71 ก.5 แสดงการก าหนดคาคอนฟกคา Apache Web Server 72 ก.6 แสดงการก าหนดคาคอนฟกของ MySQL Database 73 ก.7 ก าลงท าการตดตง 74 ก.8 แสดงหนาจอขนตอนสนสดการตดตงโปรแกรม AppServ 75 ข.1 แสดงไฟลทใชในการตดตงระบบ 77 ข.2 แสดงการแตกไฟล seminar.rar 77 ข.3 แสดงไฟลทอยใน seminar.rar 78 ข.4 หนาตางระบบจดการฐานขอมล phpMyadmin 78 ข.5 แสดงการสรางฐานขอมลใหม 79 ข.6 แสดงเมน Import ไฟลดาตาเบส 79 ข.7 แสดงการ Import ไฟลดาตาเบส 80 ข.8 แสดงการแกไขขอมลตาราง admins 80

ฏ

สารบญรป (ตอ)

รปท หนา ข.9 แสดงต าแหนงไฟล config.php 81 ข.10 แสดงการแกไขไฟล config.php 81 ข.11 แสดงต าแหนงไฟล connect_db.php 82 ข.12 แสดงการแกไขไฟล connect_db.php 82 ค.1 หนาแรกของระบบ 84 ค.2 หนาตางการเขาสระบบของผดแลเวบไซต 85 ค.3 หนาตางการเขาสระบบของผใชงานระบบ 85 ค.4 แสดงการเลอกเมนสมครสมาชก 86 ค.5 หนาตางการกรอกขอมลเพอใชในการสมครแอคเคาทเขาสระบบ 86 ค.6 หนาตางการกรอกขอมลประวตสวนตว 87 ค.7 หนาตางแจงใหไปท าการยนยนการสมครสมาชกทอเมล 87 ค.8 หนาตางเมนการสมครกลมผใชงาน 88 ค.9 หนาตางหนาส าหรบเลอกการลงทะเบยน 88 ค.10 หนาตางยนยนการสมครสมาชก 89 ค.11 หนาตาง Invoices 89 ค.12 หนาตาง Invoices ใน Payments 90 ค.13 หนาตางแสดงรายการทยงไมช าระเงน 90 ค.14 หนาตางกรอกรายละเอยดการโอนเงน 90 ค.15 หนาตาง My articles 91 ค.16 แสดงการเลอกงานประชมและหวขอทตองการสงบทความ 91 ค.17 หนาตางอพโหลดและกรอกรายละเอยดส าหรบการสงบทความ 92 ค.18 แสดงงานของผตรวจ 92 ค.19 แสดงงานของกรรมการ 93 ค.20 หนาตางการใหคะแนนของกรรมการและผตรวจ 93 ค.21 หนาตางสงอเมลของผใช 94 ค.22 หนาตางสงอเมลของผดแลเวบไซต 94 ค.23 หนาตาง Pages 95

ฐ

สารบญรป (ตอ) รปท หนา ค.24 แสดงการแกไขเนอหา 95 ค.25 หนาตางการเพมเนอหาหรอ Sidebar 96 ค.26 หนาตางดสถานะการช าระเงน 97 ค.27 แสดงการปรบเปลยนสถานะการช าระเงน 97 ค.28 หนาตางระบบสมาชก 98 ค.29 แสดงการปรบเปลยนสทธของสมาชก 98 ค.30 แสดงการท าตารางกจกรรม 99 ค.31 หนาตางสถานะของบทความ 100 ค.32 แสดงการเพมหมวดหมของบทความ 100 ค.33 แสดงรายละเอยดการเพม Catagories 101 ค.34 หนาตางการจดการผตรวจและกรรมการ 101 ค.35 หนาตางตรวจสอบรหสซเรยลของผดแลเวบไซต 102 ค.36 หนาตางตรวจสอบรหสซเรยลของผใชระบบ 102 ค.37 หนาตางบอกรายละเอยดของงานประชม 103 ค.38 หนาตางแกรายละเอยดหวของานประชม 103

1

บทท 1 บทน ำ

1.1 ควำมเปนมำ

ในปจจบนนการประชมวชาการไดมการจดขนมามาก ในการประชมแตละครงคาใชจายในการประชมมงบประมาณสง การจดท าเวบไซตในการลงทะเบยนและประชาสมพนธคอนขางล าบากและเสยเวลามากในการสราง เพราะตองจางหรอจดหาบคลากรทมความสามารถเฉพาะทาง การดแลงานดานเอกสารกยงยากไมวาจะเปน การรบเอกสารจากหลายๆท การตรวจสอบเอกสาร การตอบรบเอกสาร รวมถงการแจงขาวประชาสมพนธทเกยวกบการประชมแกผรวมงาน ท าใหเสยเวลาไปมากในการประชมครงหนงๆ แมวาจะม CMS ทใชในการสรางและบรหารเวบไซตแบบส าเรจรปอยมาก แตการใชงานเฉพาะดานของตว CMS ทเกยวของกบระบบการประชมวชาการยงไมตอบสนองความตองการของผใชไดอยางเพยงพอ

1.2 วตถประสงค

สรางระบบจดการเนอหา (Content Management System: CMS) โดยใชภาษา PHP ซงระบบจดการเนอหาจะชวยอ านวยความสะดวก ลดขนตอน และความยงยากในการบรหารจดการเวบไซต โดยทผใชไมจ าเปนตองมความรในดานการเขยนโปรแกรม หรอออกแบบเวบไซต กสามารถจดท าเวบไซตดวยตวเองได โดยภายในระบบนจะมตวจดการงานดาน รบลงทะเบยนสมาชกในการประชม รบ-สงเอกสาร การตรวจสอบเอกสาร การคนหาและแยกเอกสารทเกยวของ ระบบแจงขาวสารผานทางอเมล

1.3 ขอบเขตของโครงงาน 1.3.1 มระบบสมาชก แบงออกเปน 2 แบบ 1) สมาชกทตองสมครดวยตนเองบนหนาเวบไซต

ผน าเสนอบทความ ผเขารวมการประชม

2) สมาชกทผดแลเวบไซตเปนคนสรางให กรรมการ ผตรวจสอบบทความ

1.3.2 การเขาสระบบ มการจ าแนกสทธออกเปน 5 ระดบดงน

2

1) ผดแลเวบไซต สามารถเพม, แกไข, ลบ เนอหาทหนาเวบไซต สามารถก าหนดจ านวนหมวดหมของบทความได สามารถทจะจดสรร การตรวจบทความในแตละหมวดหมใหกบผตรวจ

สอบบทความได สามารถใชระบบแจงขาวสารผานอเมลไปยงสมาชกได สามารถเปลยนสถานะการช าระเงนของสมาชกได

2) กรรมการ สามารถเปลยนสถานะบทความท มการสงเขามาในระบบได โดยจะ

ตดสนใจจากระดบคะแนนทผตรวจสอบบทความท าการสงมา 3) ผตรวจสอบบทความ

สามารถดาวนโหลดบทความทมการสงเขามาในระบบได สามารถใหคะแนนบทความ โดยมระดบตงแต 0-10 คะแนน สามารถแสดงความคดเหนของบทความทตรวจได

4) ผน าเสนอบทความ สามารถอพโหลดบทความได ในกรณทหมดเวลาสงบทความจะไมสามารถ

ท าการอพโหลดได สามารถแกไขบทความทอพโหลดไปแลว โดยการอพโหลดบทความใหม

แทนทบทความเดม สามารถแกไขขอมลสวนตวได

5) ผเขารวมการประชม สามารถแกไขขอมลสวนตวได

1.3.3 มระบบอพโหลดเอกสารหลกฐานการช าระเงน 1.3.4 มระบบรบขอคดเหนจากสมาชก 1.3.5 มระบบจดแยกบทความทผน าเสนอบทความอพโหลดมา ตามหมวดหมทผดแลเวบไซต เปนผก าหนดไว ซงสามารถแยกหมวดหมยอยไดไมเกน 3 ระดบ 1.3.6 มระบบจดท าตารางเวลาของกจกรรม สามารถระบกจกรรมทก าลงด าเนนอย ณ เวลานนๆได 1.3.7 มระบบแจงเตอนขาวสารผานอเมลไปยงสมาชก

3

1.4 ประโยชน คา า ร บ 1.4.1 ผใชงานสามารถสรางเวบไซตโดยทผใชไมจ าเปนตองมความรในดานการเขยนโปรแกรม หรอ ออกแบบเวบไซต 1.4.2 มระบบการจดการดานเอกสารอยางเปนระบบ ท าใหงายตอการจดการและแกไข 1.4.3 สามารถแจงขาวสารไดรวดเรวผานทางอเมลของสมาชก

4

บทท 2 ทฤษฎทเกยวของ

ระบบจดการเนอหาเวบไซต (Content Management System: CMS) โดยทวไปการสรางและควบคมดแลเวบไซต มกจะน า ภาษาสครปต (Script Languages) ตางๆ มาใชเพอใหวธท างานเปนแบบอตโนมต ในทนจะใช PHP ซงตองใชควบคไปกบโปรแกรมเวบเซฟเวอร เชน MySQL อกทงในการออกแบบและการจดท าซอฟตแวรตองอาศยหลกการของ วศวกรรมซอฟตแวร และ การออกแบบและวเคราะหระบบเขามาชวย จงไดน าทฤษฎดงกลาวมาดงน 2.1 พเอชพ (PHP : Hypertext Preprocessor) แตเดม PHP คอ Professional Home Page แตในปจจบน PHP หมายถง Hypertext Preprocessor ซงเปนภาษาสครปตแบบหนงทเรยกวา Server Side Script ทประมวลผลฝงเซฟเวอร แลวสงผลลพธไปฝงไคลเอนตผานเวบบราวเซอร รปแบบของภาษา PHP มเคาโครงมาจากภาษา C และ Perl ทน ามาปรบปรงใหมประสทธภาพสง และท างานไดเรวขน

2.1.1 ความสามารถของ PHP 1) ท าตามฟงกชนของระบบ ไดแก การสราง, การเปด, อาน และปดไฟลในระบบ 2) เอกซควตค าสงของระบบไดแก การสรางโฟลเดอร และปรบแตงสทธการใชงาน 3) จดการขอมลจากฟอรม ไดแก การจดเกบขอมลตางๆลงไฟล, การสงขอมลผานทางอเมล, สงคาขอมลจากการประมวลผลกลบไปยงผใช 4) การตดตอฐานขอมล ไดแก การสรางอนเตอรเฟส แบบเวบไปเพอเพม, ลบขอมล การแกไข และอพเดทขอมลในฐานขอมล 5) เซตคกกและแอกเซสตวแปรคกก 6) ใช PHP เพอรกษาความปลอดภยของเวบเพจ 7) เขารหสขอมล

2.1.2 PHP Open Source โคดนนสามารถเปดเผยตอสาธารณชน เพอรวมกนพฒนาหรอปรบแตง PHP มขอบเขตและลกษณะส าคญของ Open Source ดงน 1) แจกจายฟร

2) โปรแกรมนนจะตองมซอรสโคดและตองอนญาตใหแจกจายซอรสโคดนนได 3) ใบอนญาต (License) ตองยอมใหแกไข ปรบแตงและแกปญหาใหงานของคณได

5

4) ตองมซอรสโคดของผเขยน 5) ผใชน าไปใชงานโดยไมผดกฎหมาย 6) ผใชน าไปปรบแตงโดยไมผดกฎหมาย 7) มใบอนญาตการแจกจาย 8) ใบอนญาตตองไมเฉพาะเจาะจงผลตภณฑ 9) ใบอนญาตตองไมกอความเดอดรอนใหซอฟตแวรอน

2.1.3 ขอดของ PHP 1) ใชไดฟร 2) PHP เปนโปรแกรมวงฝง Server ดงนนขดความสามารถไมจ ากด 3) Conlatfun นนคอ PHP วงบนเครอง Unix, Linux, Windows ได 4) เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และไดโครงสรางและไวยากรณ ภาษางาย 5) เรวและมประสทธภาพ โดยเฉพาะเมอใชกบ Apache Server เพราะไมตองใชโปรแกรมจากภายนอก 6) ใชรวมกบ XML ไดทนท 7) ใชกบระบบแฟมขอมลได 8) ใชกบขอมลตวอกษรไดอยางมประสทธภาพ 9) ใชกบโครงสรางขอมลใชไดแบบ Scalar, Array, Associative array 2.1.4 หลกการท างานของ PHP เนองจาก PHP จะท างานโดยมตวแปร และเอกซควตทฝงเซฟเวอร อาจจะเรยกการท างานวาเปน เซฟเวอรไซด (Server Side) สวนการท างานของบราวเซอร ทาง HTTP (HTTP Request) ซงอาจจะเปนการกรอกแบบฟอรม หรอใสขอมลทตองการขอมลเหลานนจะเปนเอกสารPHP (เอกสารนจะมสวนขยายเปน PHP หรอ PHP3 แลวแตผใชก าหนดเชน Search.php เปนตน) เมอเอกสาร PHP เขามาถงเซฟเวอรกจะถกสงไปให PHP เพอท าหนาทแปลค าสง แลวเอกซควตค าสงนน หลงจากนน PHP จะสรางผลลพธในรปแบบเอกสาร HTML สงกลบไปยงเซฟเวอร เพอสงตอไปยงบราวเซอร แสดงผลทางฝงผใชตอไป (HTTP Response) ซงลกษณะการท างานแบบน จะคลายกบการท างานของ CGI (Common Gateway Interface) หรออาจจะกลาวไดวา PHP กคอโปรแกรม CGI ประเภทหนงกไดซงจะท างานคลายกบ ASP นนเอง ลกษณะการท างานจะเปนดงรป

6

รปท 2.1 ลกษณะการท างานของ PHP

ไคลเอนต บราวเซอร เซฟเวอร

ไคลเอนตเรยกค าสง PHP ผานบราวเซอร

HTML

PHP Interpreter

PHP Libraries

SQL Server

Access

FoxPro

เซฟเวอรสงผลตอ

ไปบราวเซอร

บราวเซอรแสดงผล ใหผใชทฝงไคลเอนต

MySQL

ODBC

ตดตอฐานขอมล MySQL ดวย ฟงกชน MySQL

PHP สงผลลพธ เปน HTML ไปเซฟเวอร

บราวเซอรสงค าสงตอไปเซฟเวอร

เรยกใชฟงกชน ทตองการ

ตดตอฐานขอมลผาน ODBC ดวย ฟงกชน ODBC

7

2.1.5 phpMyAdmin phpMyAdmin เปนเครองมอส าหรบพฒนาเวบไซต ซงท าหนาทในสวนของ GUI ทใชส าหรบจดการกบฐานขอมล MySQL โปรแกรม phpMyAdmin จะท างานในหนาเวบไซต 2.1.6 คณสมบตของ phpMyAdmin เวอรชนลาสดของ phpMyAdmin มคณสมบตดงน 1) สราง, ลบ, คดลอก และแกไขฐานขอมล/เทเบล/ฟลด/อนเดกซ 2) ประมวลผลและแกไขค าสง SQL 3) โหลดขอมลจากไฟลขอความเขาสเทเบล 4) การถายโอนขอมลโครงสรางและขอมลในเทเบลออกมาเปนไฟลขอความ และสรางเทเบลกลบขนมาไหม จากไฟลขอความการถายโอนขอมลเกบไว 5) สงออก (Export) ขอมลในรปแบบตางๆ เชน CSV, XML, PDF, LATEX, Word, Excel 6) บรหารจดการหลายเซฟเวอร 7) บรหารจดการบญชผใชและสทธในระบบ MySQL 8) แปลงขอมลทเกบไวไปเปนรปแบบตางๆโดยใชฟงกชนทก าหนด เชน แสดงขอมลBLOB (ขอมลแบบไบนาร) ออกมาเปนรปภาพหรอลงค 9) สนบสนน MySQLi Extension 10) เลอกภาษาในการแสดงผลไดถง 52 ภาษา 2.1.7 จดเดนของ phpMyAdmin 1) เปนเครองมอแบบ Web-based (Browser-based) หรอพดงายๆกคอเปนโปรแกรมแบบเวบแอพพลเคชน จงสามารถน าไปตดตงบนเครองคอมพวเตอรแบบใดทใชระบบปฏบตการใดกไดเพยงแตเครองนนจะตองท างานเปนเวบเซฟเวอรและม PHP ตดตงอยดวย เพราะ จรงๆแลวphpMyAdmin กคอ โปรแกรมทเขยนดวยภาษา PHP โดยตดตอกบฐานขอมล MySQL ส าหรบการใชงานกจะเรยกใชผานเวบบราวเซอรโดยไมจ ากดวาเปนเวบบราวเซอรแบบใด 2) เปน Open Source ผใชสามารถน าไปแกไขหรอเพมเตมการท างานทตองการไดเอง 3) ใชงานฟร 4) สามารถเปลยนธม (Theme) ของหนาจอโปรแกรมได

8

2.2 การจดการและการออกแบบฐานขอมล ระบบฐานขอมล (Database System) คอ การรวมขอมลทเกยวของสมพนธกนเขาดวยกน (Integrate) มการจดกลมขอมลเกบอยในรปตาราง (Grouping) เชอมโยงตารางทงหมดเขาดวยกน (Share) เพอลดความซ าซอนในการจดเกบขอมล (Non Redundancy) ระบบ (System) ประกอบดวย วตถประสงค (Objective), ปจจยน าเขา (Input), กระบวนการ (Process) และผลผลต (Output) 2.2.1 ขนตอนเกยวกบการออกแบบฐานขอมล 1) โมเดลเชงสมพนธ (Relational model)

รเลชน (Relation) หรอ Table หรอ File ทเพล (Tuple) หรอ Row หรอ Record แอททรบวท (Attribute) หรอ Column หรอ Field

2) การท านอรมลไลซ (Normalization) 3) ก าหนดคณสมบตของเขตขอมลแตละตว 4) ก าหนด Entity Type โดยก าหนดมาจากความตองการของผใชระบบ วาจะใหม Entity ส าหรบเกบขอมลอะไรบาง 2.2.2 เอนตต (Entity) อาจเรยกวา File หรอ Table Strong Entity คอเกดขนดวยตนเองไมขนกบ Entity ใด เชน นกศกษา หรออาจารย หรอสนคา เปนตน Weak Entity เกดขนโดยอาศย Entity อน เชน เกรดเฉลย ทมาจากแฟมผลการเรยน หรอ แฟมลงทะเบยน หรอ แฟมสงซอ เปนตน 2.2.3 ก าหนดความสมพนธ (Relationship Type) ทเกดขนระหวาง Entity ในลกษณะของกรยาดกรของความสมพนธ (Degree of Relation) ม 4 แบบ 1) Unary Relationship คอความสมพนธภายใน Entity เดยวกน เชนแตงงานของพนกงาน แตถามระดบแบบลกนอง หวหนาจะเรยก Recursive Relationship (Unary) 2) Binary Relationship คอความสมพนธแบบสอง Entity 3) Ternary Relationship คอความสมพนธแบบสาม Entity 4) Quaternary Relationship คอความสมพนธแบบส Entity

9

2.2.4 ก าหนดแอททรบวท (Attribute) ของแตละเอนตต แอททรบวท (Attibute) อาจเรยก Field หรอ Column คอ สงทใชอธบายคณสมบตของเอนตต เชนคณสมบตของคน กม รหส ชอ อาย เพศ เปนตน 2.2.5 คารดนลลตของความสมพนธ (Cardinality of Relationship) แตละเอนตตมความสมพนธตอกน โดยมค ากรยามาเชอมระหวางแตละเอนตต 1) One-to-One Relationship ความสมพนธแบบ 1 ตอ 1 เชน คนขบกบรถ หรอครใหญกบโรงเรยน เปนตน 2) One-to-Many Relationship ความสมพนธแบบ 1 ตอหลายขอมล เชน ลกคากบหมายเลขโทรศพทมอถอ หรอ อาจารยทปรกษากบนกเรยน 3) Many-to-Many Relationship ความสมพนธแบบหลายขอมล ตอหลายขอมล เชน นกเรยนกบวชาทลงทะเบยน หรอ คนงานกบโครงการสรางบาน

รปท 2.2 ลกศรแสดงความสมพนธ

2.2.6 ปารตซเปชนของความสมพนธ (Participation of Relationship) ความสมพนธระหวาง Entity 1) Total หรอ Mandatory Participation (ตองม จะใชเสนค) 2) Partial หรอ Optional Participation (เลอกได จะใชเสนเดยว) 2.2.7 ขนตอนการ Normalization 1) เปลยนตารางทยงไมเคย Normalization เปน First Normal Form หรอ 1NF วธพจารณา คอ แยกขอมลเปนระเบยน โดยไมมการจดกลม

10

รปท 2.3 แสดงตวอยางการท า First Normal Form

2) เปลยนจาก 1NF เปน 2NF (Second Normal Form) คอการเปลยนตารางทมปญหา 4 ประการ วธพจารณาเปลยน 1NF เปน 2NF คอ ไมม non key ตวใด ไมสมพนธกบ Primary Key (ใหพจารณาเฉพาะ non key และ Primary Key) สงทไดจากตาราง 1 ตาราง จะแตกออกมาเปนหลายตาราง

แกไขขอมล ตองแกหลายระเบยน

มขอมลเดยวกนในหลายระเบยน อาจขดแยงกนได

การเพมขอมลท าไดยาก

การลบขอมลท าไดยาก

3) เปลยนจาก 2NF เปน 3NF (Third Normal Form) คอแกปญหายงไมหมด อาจยงมขอมลทมปญหาอก จงตองท า 3NF วธพจารณาเปลยน 2NF เปน 3NF คอ ไมม non key ตวใด ขนอยกบ non key ตวอนใน Entity เดยวกน (ใหพจารณาเฉพาะ non key และ non key) เมอน าขอมลทไดจากการ Normalization รวมและจดการเชอมโยงความสมพนธจะไดเปนตารางแสดงความสมพนธระหวางเทเบลตางๆ ดงรปดานลาง

11

รปท 2.4 ตวอยางแผนภาพแสดงความสมพนธ

2.2.8 ค าตางๆ ทควรทราบ 1) คยหลก (Primary Key) คยหลกประจ าแฟม คณสมบตของคยหลก

ขอมลของแอททรบวทมความเปนหนงเดยว (Uniqueness) กลาวคอทก ๆ แถวของตารางจะตองไมมขอมลของแอททรบวททเปนคยหลกซ ากนเลย

ตองประกอบดวยจ านวนแอททรบวททนอยทสด (Minimality) ทจะสามารถใชเจาะจง หรออางองถงแถวใดแถวหนงในรเลชนได

2) คยคแขง (Candidate Key) คยทสามารถเปน Primary Key ได เชน รหสบตรประชาชน หรอรหสผเสยภาษ 3) คยส ารอง (Alternate Key) คยตวอน ๆ ในตารางหลงจากเลอก Primary Key แลว 4) คยนอก (Foreign Key) คยตวอน ๆ ในตารางหลงจากเลอก Primary Key แลว 5) คยรวม (Composite Key) สามารถแยกออกไปไดอก เชน ทอย 6) Composite Attibute สามารถแยกออกไปไดอก เชน ทอย

12

7) Atomic Attibute ไมสามารถแยกออกไปไดอก เชน นามสกล 8) Multivalued Attibute อาจมหลายคาได เชน สรถ 9) Derived Attibute ไมมคาแนนอนของตน แตขนกบคาอน เชนอาย ขนกบปเกด และปปจจบน 10) Entity Type ชอของ Entity เชน Course (Courseno, Coursename) 11) Entity Instance คาภายในของ Entity เชน Bcom101, Introduction to computer 2.3 ทฤษฎการวเคราะหและออกแบบระบบ (System Analysis and Design) ระบบ คอ กลมขององคการตางๆ ทท างานรวมกนเพอจดประสงคอนเดยวกน ระบบอาจจะประกอบดวยบคคลากร เครองมอ เครองใช พสด วธการ ซงทงหมดนจะตองมระบบจดการอนหนงเพอใหบรรลจดประสงคอนเดยวกน ตวอยางเชน ในรางกายคนเราจะมระบบในตวคอมความสมพนธตดตอกนระหวางสองเสนประสาท เซลลรบรความรสก เพอบรรลเปาหมายในการรบรความรสกรอนหนาว เปนตน

2.3.1 การวเคราะหและออกแบบระบบ (System Analysis and Design) คอ วธการทใชในการสรางระบบสารสนเทศขนมาใหมในธรกจใดธรกจหนง หรอ

ระบบยอยของธรกจ นอกจากการสรางระบบสารสนเทศใหมแลว การวเคราะหระบบชวยในการแกไขระบบสารสนเทศเดมทมอยแลวใหดขนด วยกได การวเคราะหระบบคอ การหาความตองการ (Requirements) ของระบบสารสนเทศวาคออะไร หรอตองการเพมเตมอะไรเขามาในระบบและการออกแบบกคอ การน าเอาความตองการของระบบมาเปนแบบแผนหรอเรยกวาพมพเขยวในการสรางระบบสารสนเทศนนใหใชในงานไดจรง ผทท าหนานกคอ นกวเคราะหและออกแบบระบบ (System Analysis : SA)

2.3.2 พฒนาระบบ (System Development Life Cycle : SDLC) วงจรการพฒนาระบบ เปนขนตอนทเปนล าดบขนตงแตตนจนเสรจเรยบรอย เปน

ระบบทใชงานได ซงนกวเคราะหระบบตองเขาใจวาแตละขนตอนจะตองท าอะไร และท าอยางไร ประกอบดวย 7 ขนตอนดงน

13

รปท 2.5 แสดงวงจรของการพฒนาระบบ

1) เขาใจปญหา (Problem Recognition) ระบบสารสนเทศจะเกดขนไดกตอเมอ

ผบรหารหรอผใชตระหนกวาตองการระบบสารสนเทศหรอระบบจดการเดม ไดแกระบบเอกสารในตเอกสาร ไมมประสทธภาพเพยงพอทตอบสนองความตองการในปจจบน

ปญหาทส าคญของระบบสารสนเทศในปจจบน คอ ระบบเขยนมานานแลว สวนใหญเขยนมาเพอตดตามเรองการเงน ไมไดมจดประสงคเพอใหขอมลขาวสารในการตดสนใจ แตปจจบนฝายบรหารตองการดสถตการขายเพอใชในการคาดคะเนในอนาคต หรอความตองการอนๆ เชน สนคาทมยอดขายสง หรอสนคาทลกคาตองการสง หรอการแยกประเภทสนคาตางๆทท าไดไมงายนก การทจะแกไขระบบเดมทมอยแลวไมใชเรองทงายนก หรอแมแตการสรางระบบใหม ดงนนควรจะมการศกษาเสยกอนวาความตองการของเราเพยงพอทเปนไปไดหรอไม ไดแก "การศกษาความเปนไปได" (Feasibility Study) 2) ศกษาความเปนไปได (Feasibility Study) จดประสงคของการศกษาความเปนไปไดกคอ การก าหนดวาปญหาคออะไรและตดสนใจวาการพฒนาสรางระบบสารสนเทศ หรอการแกไขระบบสารสนเทศเดมมความเปนไปไดหรอไมโดยเสยคาใชจายและเวลานอยทสดและไดผลเปนทนาพอใจ

3) การวเคราะห (Analysis) การวเคราะหระบบเรมตงแตการศกษาระบบการทางานของธรกจน น ในกรณทระบบเราศกษานนเปนระบบสารสนเทศอยแลวจะตองศกษาวาท างานอยางไร เพราะเปนการยากทจะออกแบบระบบใหมโดยทไมทราบวาระบบเดมท างานอยางไร หรอธรกจด าเนนการอยางไร หลงจากนนก าหนดความตองการของระบบใหม ซงนกวเคราะหระบบ

14

จะตองใชเทคนคในการเกบขอมล (Fact-Gathering Techniques) ดงรป ไดแก ศกษาเอกสารทมอย ตรวจสอบวธการท างานในปจจบน สมภาษณผใชและผจดการทมสวนเกยวของกบระบบ เอกสารทมอยไดแก คมอการใชงาน แผนผงใชงานขององคกร รายงานตางๆทหมนเวยนในระบบ

การสมภาษณเปนศลปะอยางหนงทนกวเคราะหระบบควรจะตองมเพอเขากบผใชไดงาย และสามารถดงสงทตองการจากผใชได เพราะวาความตองการของระบบคอ สงส าคญทจะใชในการออกแบบตอไป ถาเราสามารถก าหนดความตองการไดถกตอง การพฒนาระบบในขนตอนตอไปกจะงายขน เมอเกบรวบรวมขอมลแลวจะน ามาเขยนรวมเปนรายงานการท างานของระบบซงควรแสดงหรอเขยนออกมาเปนรปแทนทจะรายยาวออกมาเปนตวหนงสอ การแสดงแผนภาพจะท าใหเราเขาใจไดดและงายขน

4) การออกแบบ (Design) ในระยะแรกของการออกแบบ นกวเคราะหระบบจะน าการตดสนใจของฝายบรหารทไดจากขนตอนการวเคราะหการเลอกซอคอมพวเตอร ฮารดแวรและซอฟตแวรดวย (ถามหรอเปนไปได) หลงจากนนนกวเคราะหระบบจะน าแผนภาพตางๆ ทเขยนขนในขนตอนการวเคราะหมาแปลงเปนแผนภาพล าดบขน (แบบตนไม) ดงรปขางลาง เพอใหมองเหนภาพลกษณทแนนอนของโปรแกรมวามความสมพนธกนอยางไร และโปรแกรมอะไรบางทจะตองเขยนในระบบ หลงจากนนกเรมตดสนใจวาควรจะจดโครงสรางจากโปรแกรมอยางไร การเชอมระหวางโปรแกรมควรจะท าอยางไร ในขนตอนการวเคราะหนกวเคราะหระบบตองหาวา "จะตองท าอะไร (What)" แตในขนตอนการออกแบบตองรวา "จะตองท าอยางไร (How)"

ในการออกแบบโปรแกรมตองค านงถงความปลอดภย (Security) ของระบบดวย เพอปองกนการผดพลาดทอาจจะเกดขน เชน "รหส" ส าหรบผใชทมสทธส ารองไฟลขอมลทงหมด เปนตนนกวเคราะหระบบจะตองออกแบบฟอรมส าหรบขอมลขาเขา (Input Format) ออกแบบรายงาน (Report Format) และการแสดงผลบนจอภาพ (Screen Format) หลกการการออกแบบฟอรมขอมลขาเขาคอ งายตอการใชงาน และปองกนขอผดพลาดทอาจจะเกดขน

5) การพฒนาระบบ (Construction) ในขนตอนนโปรแกรมเมอรจะเรมเขยนและทดสอบโปรแกรมวา ท างานถกตองหรอไม ตองมการทดสอบกบขอมลจรงทเลอกแลว ถาทกอยางเรยบรอย เราจะไดโปรแกรมทพรอมทจะน าไปใชงานจรงตอไป หลงจากนนตองเตรยมคมอการใชและการฝกอบรมผใชงานจรงของระบบ

โปรแกรมเมอรเขยนโปรแกรมตามขอมลทไดจากเอกสารขอมลเฉพาะของการออกแบบ (Design Specification) ปกตแลวนกวเคราะหระบบไมมหนาทเกยวของในการเขยนโปรแกรม แตถาโปรแกรมเมอรคดวาการเขยนอยางอนดกวาจะตองปรกษานกวเคราะหระบบเสยกอน เพอทวานกวเคราะหจะบอกไดวาโปรแกรมทจะแกไขนนมผลกระทบกบระบบทงหมด

15

หรอไม โปรแกรมเมอรเขยนเสรจแลวตองมการทบทวนกบนกวเคราะหระบบและผใชงาน เพอคนหาขอผดพลาด วธการนเรยกวา "Structure Walkthrough" การทดสอบโปรแกรมจะตองทดสอบกบขอมลทเลอกแลวชดหนง ซงอาจจะเลอกโดยผใช

6) การปรบเปลยน (Implement) ขนตอนนบรษทน าระบบใหมมาใชแทนของเกาภายใตการดแลของนกวเคราะหระบบ การปอนขอมลตองท าใหเรยบรอย และในทสดบรษทเรมตนใชงานระบบใหมนได

การน าระบบเขามาควรจะท าอยางคอยเปนคอยไปทละนอย ทดทสดคอ ใชระบบใหมควบคไปกบระบบเกาไปสกระยะหนง โดยใชขอมลชดเดยวกนแลวเปรยบเทยบผลลพธวาตรงกนหรอไม ถาเรยบรอยกเอาระบบเกาออกได แลวใชระบบใหมตอไป

7) บ ารงรกษา (Maintenance) การบ ารงรกษาไดแก การแกไขโปรแกรมหลงจากการใชงานแลว สาเหตทตองแกไขโปรแกรมหลงจากใชงานแลว การบ ารงรกษาระบบ ควรจะอยภายใตการดแลของนกวเคราะหระบบ เมอผบรหารตองการแกไขสวนใดนกวเคราะหระบบตองเตรยมแผนภาพตาง ๆและศกษาผลกระทบตอระบบ และใหผบรหารตดสนใจตอไปวาควรจะแกไขหรอไม

2.4 ทฤษฎ Data Flow Diagrams 2.4.1 วธสราง DFD (Data Flow Diagrams) 1) ก าหนดสงทอยนอกระบบทงหมด และหาวาขอมลอะไรบางทเขาสระบบหรอออกจากระบบทเราสนใจเขาสระบบทอยภายนอก ขนตอนนส าคญมากเพราะจะท าใหทราบวาขอบเขตของระบบนนมอะไรบาง 2) ใชขอมลทไดจากขนตอนท 1 น ามาสราง DFD ตางระดบ 3) ขนตอนตอมามอก 4 ขนตอน โดยใหท าทง 4 ขนตอนนซ าหลาย ๆ ครง จนกระทงได DFD ระดบต าสด

เขยน DFD ฉบบแรก ก าหนดโพรเซสและขอมลทไหลเขาออกจากโพรเซส เขยน DFD อนๆ ทเปนไปไดจนกระทง DFD ทถกทสด ถามสวนหนงสวนใดท

รสกไมงายนกกพยายามเขยนใหมอกครงหนง แตไมควรเสยเวลาเขยนจนกระทง

ได DFD ทสมบรณแบบ เลอก DFD ทเหนวาดทสดในสายตาของเรา

พยายามหาวามขอผดพลาดอะไรหรอไม ซงมรายละเอยดในหวขอ "ขอผดพลาด

ใน DFD" เขยนแผนภาพแตละภาพอยางดซง DFD ฉบบนจะใชตอไปในการ

ออกแบบและใชดวยกนกบบคคลอนๆทเกยวของในโครงการดวย

16

4) น าแผนภาพทงหมดทเขยนมาแลวเรยงล าดบ ท าส าเนา แลวพรอมทจะน าไปตรวจสอบขอผดพลาดกบผรวมทมงาน ถามแผนภาพใดทมจดออนใหกลบไปเรมตนใหมทข นตอนท 3 อกครงหนง 5) น า DFD ทไดไปตรวจสอบขอผดพลาดกบผใชระบบเพอหาวามแผนภาพใดไมถกตองหรอไม 6) ผลตแผนภาพฉบบสดทายทงหมด 2.4.2 สวนประกอบของ DFD เพอใหการเขยนแผนภาพการไหลของขอมลเปนมาตรฐานและมแบบแผนทถกตอง ในทนจะใชสญลกษณในการเขยน DFD ตามทฤษฎของ SSADM (Structure Systems Analysis and Design Method) ซงมองคประกอบ 4 สญลกษณ สญลกษณทใชเปนมาตรฐานในการแสดงแผนภาพกระแสขอมลมหลายชนด แตในทนจะแสดงใหเหนเพยง 2 ชนด ไดแก ชดสญลกษณมาตรฐานทพฒนาโดย Gane and Sarson (1979) และชดสญลกษณมาตรฐานทพฒนาโดย DeMarco and Yourdon (DeMarco, 1979); Yourdon and Constantine, 1979) โดยมสญลกษณดงตอไปน ตารางท 2.1 ตารางแสดงสญลกษณของ DFD

DeMarco & Yourdon Gane & Sarson ความหมาย

Process : ขนตอนการท างานภายในระบบ

Data Store : แหลงขอมลส า ม า ร ถ เ ป น ไ ด ท งไฟลขอมลและฐานขอมล (File or Database)

External Agent : ปจจยหรอสภาพแวดลอมท มผลกระทบตอระบบ

แสดงทศทางของขอมล

17

แนวคดของแบบจ าลองขนตอนการท างานของระบบ การสรางแบบจ าลองขนตอนการท างานของระบบโดยใชแผนภาพกระแสขอมลมแนวคดตางๆ ดงน 1) ขนตอนการท างานของระบบ (Process)

รปสเหลยมมหมายเลขและชอก ากบ เปนสญลกษณแทนขนตอนในกระบวนการท างานจะกระท าใหลกษณะของขอมลเปลยนแปลงไป ดงตวอยาง

รปท 2.6 สญลกษณการประมวลผล

การประมวลผลจะเปลยนแปลงขอมลขาเขาเปนผลลพธ นนหมายความวา จะตอง

มการกระท าบางอยางตอขอมลท าใหเกดผลลพธขนมา โดยปกตแลวขอมลทเขาสโพรเซสจะแตกตางจากขอมลเมออกจากโพรเซสโพรเซสเปนตวอยางอนหนงของ "กลองด า" หมายถง เราทราบวาขอมลเปนอะไร ผลลพธอะไรทเราตองการ และหนาทโดยทวๆไปของโพรเซส แตจะไมทราบวาโพรเซสนนท างานอยางไร หลกการของกลองด ามประโยชนในการเขยนแผนภาพแสดงการเปลยนแปลงของขอมลโดยทยงไมตองการทราบในรายละเอยดวาโพรเซสนนมรายละเอยดอะไรบาง ซงสามารถหารายละเอยดเหลานนไดในภายหลงชอโพรเซสเปนตวบอกวาโพรเซสนนท าหนาทอะไร ค าทใชควรมความหมายทแนนอน ควรจะใชค ากรยา เชน แกไข พมพ ค านวณ เปนตน ถาการท างานใดทเราไมสามารถหาค าแทนไดอยางเหมาะสม อาจจะหมายความวา งานนนๆ ไมใชโพรเซสกได โพรเซสใดไมสามารถแยกยอยออกไปไดอก จะมสญลกษณ * ก ากบอยดวย จะปรากฏทโพรเซสในระดบลางสดของ DFD

รปท 2.7 แสดงวาโพรเซส ค านวณภาษ เปนกระบวนการหรอกจกรรม สดทายในการท างาน ไมสามารถแยกยอยออกไปไดอก

พมพรายงานการเงน

1.1.1 ฝายการเงน

พมพรายงานการเงน

1.1.1

*

18

2) เสนทางการไหลของขอมล (Data Flow) กระแสขอมลแทนดวยลกศร โดยทมชอก ากบบนลกศร

รปท 2.8 แสดงขอมลทไหล

ขอมลจะไหลระหวางโพรเซสตางๆ และอาจจะเคลอนทมาจากสงทอยนอกระบบก

ได ขอมลทเคลอนทอาจจะเปนเพยงขอมลเดยวๆ เชน เลขทสนคา หรอกลมของขอมล เชน ขอมลพนกงาน ขอมลลกคา เปนตน กลมของขอมลควรจะเปนเรองเดยวกน หรอสมพนธกน ถาตองการอางถงขอมลทงสองทไมเกยวของกนใหเขยนแยกเปนลกศร 2 อน เชน

รปท 2.9 ขอมล 2 รายการไมเหมอนกนจะตองแยกลกศรออกจากกน (ซายเปนภาพทผด), (ขวาเปนภาพทถก) 3) ตวแทนขอมล (External Agent) 4) แหลงจดเกบขอมล (Data Store) แทนดวยเสนขนาน 2 เสน ปลายปด 1 ดาน และมชอและหมายเลขก ากบ ขอมลจะถกเกบไวในไฟลและถกเรยกใชเมอตองการ

รปท 2.10 แสดงการเกบขอมลและเรยกใชขอมล

19

บทท 3 การออกแบบฐานขอมลและการสรางระบบ

ในการสรางระบบนนในขนแรกทเราควรนกถงนนคอการออกแบบระบบ เพอใหระบบม

ประสทธภาพและสรางไดอยางรวดเรวนนจงตองอาศยการออกแบบทดดวยเชนกน การออกแบบตองอาศยการรวบรวมขอมลและศกษาระบบการท างานใหละเอยดเพอไมใหเกดขอมลทซ าซอน ในการออกแบบเราจะใชหลกการวเคราะหและออกแบบระบบ (System Analysis and Design) และใชแบบจ าลองการไหลของกระแสขอมล (Data Flow Diagram) เพอจ าลองระบบจากระบบในภาพรวมแลวเจาะเขาไปทละระบบเพอแสดงใหเหนการท างานของระบบแตละสวนชดเจนยงขน 3.1 แผนการด าเนนงาน ตางรางท 3.1 แสดงแผนการด าเนนงาน

ขนตอนการ ด าเนนงาน

ระยะเวลาการด าเนนงาน พ.ศ. 2553 พ.ศ. 2554 พ.ศ. 2555

พ.ย. ธ.ค. ม.ค. ก.พ. ม.ค. เม.ย. พ.ค. ต.ค. พ.ย. ธ.ค. ม.ค. ก.พ. ม.ค.

เสนอหวขอโครงงาน

ศกษาโครงงานและรวบรวมขอมล

ออกแบบโปรแกรม

เขยนโปรแกรม ทดสอบและแกไขโปรแกรม

จดท ารปเลมโครงงาน

แสดงแผนการด าเนนงาน

แสดงการด าเนนงานจรง

20

3.2 แผนภาพกระแสขอมล (Data Flow Diagram)

รปท 3.1 Context Diagram

จากรปท 3.1 แสดง Context Diagram ของระบบจดการเนอหางานประชมวชาการ ซงเปนแผนภาพกระแสขอมลระดบบนสดทแสดงภาพรวมการท างานของระบบทมความสมพนธกบ

21

สภาพแวดลอมภายนอก ทงยงแสดงใหเหนขอบเขต และเสนแบงเขตของระบบทท าการศกษาและพฒนา

การท างานโดยรวมของระบบ แบงผใชออกเปน 6 ประเภท ไดแก ผดแลเวบไซต, ผน าเสนอบทความ, ผตรวจสอบบทความ, กรรมการ, ผเขารวมการประชม, บคคลทวไป

ผดแลเวบไซตสามารถทจะจดการขอมลเนอหาบนหนาเวบไซต เพอทจะใชประชาสมพนธในการจดงาน สามารถจดการผใชในระบบ เชน เพม, ลบ, แกไข ผใชระบบ อกทงยงสามารถจดการตงคาจ านวนขอหวขอบทความทจะใชในการประชม สามารถปรบเปลยนสถานะการช าระเงนของผเขารวมประชม และผน าเสนอบทความ และยงสามารถทจะสงขาวสารแจงไปยงสมาชกผานอเมลของสมาชกในระบบ

สวนของผน าเสนอบทความ เมอสมครสมาชกแลว สามารถทจะสงบทความตนเองเขามาในระบบ และยงสามารถคนหาหวขอบทความจากในระบบไดอกดวย อกทงยงสามารถสงหลกฐานการช าระเงนของตนเองเขามาในระบบเพอรอการตรวจสอบจากผดแลเวบไซต สดทายสามารถทจะแสดงความคดเหนของตนเองผานระบบแสดงความคดเหนได

ผเขารวมประชม เมอสมครสมาชกแลว จะไดรบแอคเคาททใชเขาสระบบ เพอทเขามาสงหลกฐานการช าระเงนใหกบผดแลเวบไซตเปนคนตรวจสอบ และยงสามารถแสดงความคดเหนผานระบบแสดงความคดเหนได

ผตรวจสอบบทความ ส าหรบสมาชกประเภทนผดแลเวบไซตจะเปนผท าการสมครใหเทานน โดยสามารถทจะดาวนโหลดบทความในระบบทมการสงเขามา เพอตรวจสอบความถกตองแลวใหคะแนนกบบทความนน

กรรมการ ส าหรบสมาชกประเภทนผดแลเวบไซตจะเปนผท าการสมครใหเทานน โดยสามารถทจะดาวนโหลดบทความในระบบทผตรวจสอบบทความใหคะแนนแลว เพอตรวจและอนมตบทความนนๆตอไป

บคคลทวไป สามารถทจะดขาวสารทหนาเวบไซต หรอสมครสมาชกของเวบไซต

22

รปท 3.2 Data Flow Diagram Level 0 ของระบบจดการเนอหาเพองานประชมวชาการฯ

23

1) Process 1.0 ลงทะเบยน สมาชกทใชระบบจะตองมาท าการลงทะเบยนเพอจ าแนกประเภทของสมาชก วาเปนผเขารวมประชม หรอผน าเสนอบทความ โดยขอมลของผรวมประชม และขอมลของผสงบทความจะถกเกบเขาตาราง MEMBERS ส าหรบผตรวจสอบบทความ และกรรมการ ผ ดแลเวบไซตจะเปนผ ท าการลงทะเบยนใหเทาน น โดยจะเกบขอมลเขาตาราง MEMBERS เหมอนกน

2) Process 2.0 แจงเตอนขาวสาร ระบบนมไวในกรณทผดแลเวบไซตตองการทจะแจงขาวสารประชาสมพนธตางๆโดยตรงใหกบสมาชก โดยระบบจะท าการสงขาวสารผานทางอเมลของสมาชกทไดใหขอมลไวในขนตอนลงทะเบยน

3) Process 3.0 จดการเนอหาเวบไซต ระบบนจะสามารถใชงานไดเฉพาะผดแลเวบไซตเทานน ซงจะสามารถเขาไปท าการเพมเตม, แกไข รายระเอยดและเนอหาตางๆของเวบไซตโดยไปจดเกบไวในฐานขอมลตาราง CONTENTS รวมถงสามารถจดท าตารางเวลาแสดงกจกรรมทงหมดทใชในการประชมโดยจดเกบไวในฐานขอมลตาราง SCHEDULES 4) Process 4.0 จดการบทความ ผน าเสนอบทความจะท าการสงบทความของตนเองเขาสระบบ ระบบจะน าไปจดเกบไวทในฐานขอมลตาราง ARTICLES เพอรอผตรวจสอบบทความ และกรรมการเขามาตรวจสอบ พรอมกบเปลยนสถานะเปนยอมรบ หรอ ปฏเสธ โดยทผ น าเสนอบทความสามารถตรวจดสถานะบทความของตนเองไดจากระบบน

5) Process 5.0 แสดงความคดเหน สมาชกทใชระบบสามารถทจะเขามาแสดงความคดเหนโดยจะเกบความคดเหนไวในฐานขอมลตาราง MESSAGES และสมาชกทใชระบบสามารถเขาดความคดเหนทงหมดทอยในระบบได

6) Process 6.0 ตรวจสอบการช าระเงน ผเขารวมประชมและผน าเสนอบทความ สามารถอพโหลดหลกฐานการช าระเงนเขาสระบบและตองมรปแบบไฟลเปน .JPG เทาน น จากนนจะรอผดแลเวบไซตเขามาตรวจสอบพรอมแจงสถานะการช าระเงนใหทราบ

24

รปท 3.3 Data Flow Diagram Level 1 ของ Process 1.0

1) Process 1.1 ลงทะเบยน ระบบจะท าการรบขอมลการลงทะเบยนของสมาชก รวมถงการเขาสระบบ จะมาท าการเขาระบบทระบบน แลวระบบนจะท าการสงไปใหกบระบบอนๆ

2) Process 1.2 จดการการลงทะเบยน ระบบจะจดการเกยวกบการลงทะเบยนแลวน าไปเกบไวในฐานขอมลตาราง MEMBERS เมอสมาชกลอคอนเขาสระบบ ระบบจะน าขอมลลอคอนจากฐานขอมลทสมครไวมาเปรยบเทยบเพอใชในการตรวจสอบความถกตองในการเขาสระบบ

3) Process 1.3 ยนยนการลงทะเบยน ระบบจะน าผลการลงทะเบยนจากระบบลงทะเบยน สงไปยงสมาชกเพอใหท าการยนยนการลงทะเบยน แลวสงผลกลบไปยงระบบการลงทะเบยนอกครงเพอเปดใชงานสมาชก

25

รปท 3.4 Data Flow Diagram Level 1 ของ Process 2.0

1) Process 2.1 ระบบจดการขาวสาร ระบบนจะรบขอมลขาวสารมาจากผดแลเวบไซตแลวน าไปเกบไวในฐานขอมลตาราง MESSAGES แลวท าการสงตอไปใหกบระบบอนตอไป 2) Process 2.2 สงผลการแจงเตอนทางอเมล ระบบนจะท าการน าขอมลขาวสารทไดรบมาท าการสงไปใหกบสมาชกในระบบ โดยดงขอมลอเมลของสมาชกออกมา เพอใชในการสงขอมลผานอเมลไปยงสมาชก

26

รปท 3.5 Data Flow Diagram Level 1 ของ Process 3.0

1) Process 3.1 ตรวจสอบบคคล ระบบจะตรวจสอบผเขาใชระบบ ทเขาท าการลอค

อน แลวท าการสงใหระบบอน

2) Process 3.2 ใชจดการเนอหาเวบไซต เพม, ลบ, แกไข และน าขอมลไปเกบใน

ฐานขอมลตาราง CONTENTS จากนนท าการแสดงผลขนทหนาเวบไซต

3) Process 3.3 รบขอมลกจกรรมจากผดแลเวบไซต และจดเกบกจกรรมกบเวลาของ

แตละกจกรรมไวทฐานขอมลตาราง SCHEDULES

4) Process 3.4 น าขอมลเวลาจากฐานขอมลตาราง SCHEDULES มาท าการเทยบเวลากบเซฟเวอรและท าแสดงผลออกไป

27

รปท 3.6 Data Flow Diagram Level 1 ของ Process 4.0 1) Process 4.1 จดแยกบทความตามหมวดหม เรมแรกผดแลเวบไซตจะเปนคนก าหนดหวขอและจ านวนหมวดหมใหกบระบบ จากนนผน าเสนอบทความสามารถทจะอพโหลดบทความเขามาในระบบตามหมวดหมทผดแลเวบไซตก าหนดไว แลวระบบนจะท าการสงไปใหกบระบบอนๆ 2) Process 4.2 จดการบทความ เมอระบบรบบทความมาจะท าการสรางสถานะ รอตรวจ ใหกบบทความแลวน าไปเกบไวในฐานขอมลตาราง ARTICLES แลวท าแจงไปยงผ ตรวจสอบบทความและกรรมการ ใหเขามาดาวนโหลดบทความไปตรวจสอบ พรอมทงเปลยนสถานะบทความ สงคนใหกลบ Process 4.3 ตอไป 3) Process 4.3 จดการสถานะบทความ เมอระบบไดรบการอพเดทสถานะใหมของบทความเขามาระบบจะเขาไปท าการแกไขสถานะของบทความในฐานขอมลตาราง ARTICLES ใหเปนสถานะทไดรบเขามาลาสด แลวแจงตอไปยงผน าเสนอบทความใหรบทราบ

28

4) Process 4.4 คนหาบทความ ผสงบทความสามารถทจะคนหาบทความไดจากระบบน โดยระบบนจะน าขอมลหวขอทตองการคนหาไปคนในฐานขอมลตาราง ARTICLES แลวรายงานผลการคนใหกบผสงบทความ

รปท 3.7 Data Flow Diagram Level 1 ของ Process 5.0

1) Process 5.1 ระบบตรวจสอบบคคล ระบบจะตรวจสอบผเขาใชระบบ ทเขาท าการลอคอนแลวท าการสงใหระบบอน 2) Process 5.2 ระบบแสดงความคดเหน สามารถรบความคดเหนและจดเกบไวทฐานขอมลตาราง MESSAGES

29

รปท 3.8 Data Flow Diagram Level 1 ของ Process 6.0

1) Process 6.1 ตรวจสอบบคคล ระบบจะตรวจสอบผเขาใชระบบ ทเขาท าการลอคอนแลวท าการสงใหระบบอน 2) Process 6.2 ระบบจดการเอกสาร จะท าการเกบเอาสารทท าการอพโหลด แลวน าขอมลไปเกบทฐานขอมลตาราง PAYMENTS 3) Process 6.3 ระบบยนยนการช าระเงน ผดแลจะดงขอมลเอกสารจากฐานขอมลตาราง PAYMENTS มาตรวจสอบแลวเปดใหผเขาใชระบบ ทท าการตรวจเอกสารมายนยน ขอมลของผทท าการยนยนแลวจะถกเกบขอมลไวในฐานขอมลตางราง PAYMENTS

30

รปดานลางจะแสดงใหเหนถงความสมพนธ ของแตละตาราง

รปท 3.9 แสดงความสมพนธตารางทงหมด

31

3.3 ตารางทใชในการเกบขอมล ตารางท 3.2 admin ใชเกบขอมลผดแลเวบไซต

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id (PK) int(11) รหสผดแลเวบไซต username varchar(30) ชอผดแลเวบไซต password varchar(30) รหสเขาสระบบ email varchar(50) อเมล

ตารางท 3.3 articles ใชเกบขอมลบทความ

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id_ articles (PK) int(11) หมายเลขบทความ title varchar(255) ชอบทความ abstract varchar(255) บทคดยอ description varchar(255) ค าอธบาย link varchar(255) เกบทอยบทความ link2 varchar(255) เกบทอยบทความทไมไดใสชอ id_member (FK) int(11) รหสสมาชก created_date datetime วนทสง article_status int(5) สถานะบทความ category int(5) หมวดหมบทความ committee int(11) รหสกรรมการ inspector int(11) รหสผตรวจสอบบทความ

ตารางท 3.4 art_categories ใชเกบขอมลหมวดหมบทความ

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id_art_category (PK) int(11) รหสหมวดหมบทความ

32

ตารางท 3.4 art_categories ใชเกบขอมลหมวดหมบทความ (ตอ)

ชอฟลด ประเภทขอมล ขอมลทจดเกบ title varchar(255) ชอหมวดหม description varchar(255) ค าอธบาย parent int(11) ล าดบยอย

ตารางท 3.5 campaigns ใชเกบขอมลงานประชม

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id_ campaign (PK) int(11) รหสงานประชม title varchar(255) ชองานประชม thumbnail varchar(255) เกบทอยรปภาพ description longtext ชอ created_date datetime เวลาเรม end_date datetime เวลาจบ opened int(11) สถานะ

ตารางท 3.6 comit_status ใชเกบขอมลเกณฑคะแนนทผาน

ชอฟลด ประเภทขอมล ขอมลทจดเกบ pass_point int(11) เกณฑคะแนน

ตารางท 3.7 committee เกบขอมลการอนมตบทความของกรรมการ

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id_committees (PK) int(11) รหสกรรมการ id_member (FK) int(11) รหสสมาชก id_article (FK) int(11) รหสบทความ

33

ตารางท 3.7 committee เกบขอมลการอนมตบทความของกรรมการ (ตอ)

ชอฟลด ประเภทขอมล ขอมลทจดเกบ result int(11) ผลการตรวจ note varchar(255) แสดงความคดเหน

ตารางท 3.8 contents เกบขอมลเนอหาเวบไซต

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id (PK) int(11) รหส title varchar(255) ชอหวขอ data longtext เกบขอมลเนอหา date datetime เวลา default longtext คาตนแบบ

ตารางท 3.9 inspectors เกบขอมลการตรวจบทความ

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id_inspector (PK) int(11) รหสผตรวจบทความ id_member (FK) int(11) รหสสมาชก id_article (FK) int(11) รหสบทความ preresult int(11) คะแนนการตรวจ note varchar(255) แสดงความคดเหน

ตารางท 3.10 invoices ใชเกบขอมลหนคางช าระ

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id_invoice (PK) int(11) รหสหนคางช าระ id_member (FK) int(11) รหสสมาชก

34

ตารางท 3.10 invoices ใชเกบขอมลหนคางช าระ (ตอ)

ชอฟลด ประเภทขอมล ขอมลทจดเกบ cost int(11) จ านวนเงน payment_detail int(11) รายละเอยดการจายเงน payment_status int(11) สถานะการจายเงน unit int(11) จ านวน created_date datetime เวลา

ตารางท 3.11 member ใชเกบขอมลสมาชก

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id_member (PK) int(15) รหสสมาชก picture varchar(255) ทอยรปภาพ password varchar(20) รหส first_name varchar(30) ชอ last_name varchar(30) นามสกล sex char(1) เพศ birth_day int(11) วนเกด birth_month int(11) เดอนเกด birth_year int(11) ปเกด email varchar(30) อเมล status int(10) สถานะ created date วนทสมคร activated int(10) การยนยนตน hashed varchar(255) รหสตรวจสอบ address varchar(255) ทอย education varchar(255) การศกษา phone varchar(20) เบอรโทรศพท

35

ตารางท 3.12 member_attends ใชเกบขอมลผเขารวมประชม

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id_member (FK) int(11) รหสสมาชก approved int(11) สถานะสมาชก

ตารางท 3.13 messages ใชเกบขอมลความคดเหน

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id_messages (PK) int(11) รหสขาวสาร id_member (FK) int(11) รหสสมาชก name varchar(30) ชอ email varchar(30) อเมล messages text ขอความ created_date datetime เวลา

ตารางท 3.14 payment ใชเกบขอมลรายการช าระเงน

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id_payment (PK) int(11) รหสช าระเงน id_member (FK) int(11) รหสสมาชก cost float จ านวนเงน date datetime วนท pay_for int(11) รายการทจะจาย status int(11) สถานะ link varchar(255) ทอยลงค note varchar(255) บนทก code varchar(13) เกบรหสซเรยล

36

ตารางท 3.15 payment_details ใชเกบขอมลรายละเอยดของรายการช าระเงน

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id_payment_detail (PK) int(11) รหสรายละเอยด detail varchar(255) รายละเอยด

ตารางท 3.16 payment_status ใชเกบขอมลสถานะการช าระเงน

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id_payment_status (PK) int(11) รหสสถานะการช าระเงน status varchar(255) สถานะการช าระเงน

ตารางท 3.17 pay_to invoice ใชเกบขอมลการช าระหนตดคาง

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id_payment (FK) int(11) รหสการช าระเงน id_invoice (FK) int(11) รหสหนคางช าระ

ตารางท 3.18 positions ใชเกบขอมลต าแหนงสมาชก

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id_posittion (PK) int(11) รหสต าแหนงสมาชก postion_title varchar(100) ชอต าแหนง service_cost int(11) คาใชจาย

37

ตารางท 3.19 schedules ใชเกบขอมลตารางเวลา

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id_schedules (PK) int(11) รหสกจกรรม title varchar(255) ชอกจกรรม description longtext รายละเอยดกจกรรม begin datetime เวลาทเรม end datetime เวลาทจบ

ตารางท 3.20 service_costs ใชเกบขอมลคาสมครสมาชกของการประชม

ชอฟลด ประเภทขอมล ขอมลทจดเกบ id_service_costs (PK) int(11) รหสขอมลคาสมคร title varchar(255) ชอขอมลคาสมคร payment_detail int(11) รหสรายการช าระเงน cost int(11) คาสมคร

หมายเหต : (PK) คอ Primary Key, (FK) คอ Foreign Key

38

บทท 4 ผลการทดลองการใชงาน

ระบบจดการเนอหาเพองานประชมวชาการ ไดมการจดแบงผใชงานเปน 6 ประเภท คอ ผดแลเวบไซต กรรมการ ผตรวจบทความ ผน าเสนอบทความ และผเขารวมประชม การท างานของระบบจะแบงออกเปนสวนยอยๆ คอ การเขาสระบบ การอพโหลดบทความ รบขอคดเหน ท าตารางเวลา รบสงอเมล การจดการขอความ ตรวจบทความใหคะแนน การจายเงนโดยสมาชกตางๆจะสามารถใชระบบไดตามสทธทก าหนดไวใหในระบบ ในการทดสอบระบบนนเราไดท าการทดสอบโดยการทดลองใชระบบตางๆโดยมผลการทดสอบดงน

4.1 ผลการด าเนนงานของระบบ

ตารางท 4.1 ตารางแสดงสทธตางๆ ของผใชระบบ

สทธการเขาใชระบบ

ผใชงานระบบ

ผดแลจดการเวบไซต

กรรมการ ผตรวจสอบบทความ

ผสงบทความ

ผเขารวมประชม

บคคลทวไป

จดการเนอหาเวบไซต (เพม,ลบ,แกไข)

/ - - - - -

จดการขอมลสมาชก (เพม,ลบ,แกไข)

/ / / / / -

ใหคะแนนเอกสาร - - / - - - ตรวจเอกสาร (ผาน,ไมผาน)

- / - - - -

เปลยนสถานะจายเงน (จายแลว,ยงไมจาย)

/ - - - - -

39

ตารางท 4.1 ตารางแสดงสทธตางๆ ของผใชระบบ (ตอ)

สทธการเขาใชระบบ

ผใชงานระบบ

ผดแลจดการเวบไซต

กรรมการ ผตรวจสอบบทความ

ผสงบทความ

ผเขารวมประชม

บคคลทวไป

จดท าตารางเวลา / - - - - - จดหมวดหมเอกสาร / - - - - -

รบ-สงอเมล / / / / / / ดาวนโหลดเอกสาร / / / / - - คนหาบทความ / - - - - - อพโหลดเอกสาร - - - / - -

4.2 การทดสอบใชระบบ

เราจะท าการทดสอบระบบออกเปนสวนตางๆดงน

4.2.1 การเขาสระบบ

การเขาสระบบนนเราแบงออกเปน 2 สวนคอการเขาสระบบของผดแลเวบไซตจะตอง

เขาทาง URL XXX.XX/admin เทานน ส าหรบการเขาใชงานครงแรกตองเขาดวย Username และ

Password ทผดแลเวบไซตตงคามาให ส าหรบคาปกตแลวจะตงเปน admin ทง Username และ

Password

40

รปท 4.1 หนาตางการเขาสระบบของผดแลเวบไซต

สวนการเขาสระบบของผใชระดบอนๆจะสามารถเขาสระบบไดทหนาเวบไซต โดย

ใชอเมลและPassword ทไดมาจากการสมครสมาชกเทานน

รปท 4.2 หนาตางการเขาสระบบของผใชระดบอนๆ

ส าหรบผดแลเวบไซตทเขาสระบบแลวจะเขาสหนาของ Backoffice ทเปนสวนจดการตางๆ สวนผใชระดบอนๆจะเขาสหนาหลกของเวบไซต

41

รปท 4.3 หนาตางหลงการเขาสระบบของผดแลเวบไซต

ซงในสวนของผดแลเวบเมอเขาสระบบมาแลวจะเหนแถบ Header ทเปลยนไปดงรป

รปท 4.4 แสดงเมนของผดแลเวบไซต

ในสวนของ Header ประกอบไปดวยสวนตางๆดงน

1) Dashboard ท าหนาทเปนสวนการในการดแลระบบโดยรวม

2) Pages เปนสวนปรบแตง เพม ลบ หนาเวบ

3) Payment จดการสวนของการช าระเงน

4) Members จดการสวนของสมาชก โดยสามารถเพม ลบ แกไข สมาชกได

5) Schedule จดการตารางเวลาของกจกรรมตางๆ

6) Articles จดการสวนของบทความตางๆสามารถแกไขบทความเพมบทความได

7) Logout ออกจากระบบ

ในสวนของผใชระบบสวนอนๆจะมองผานหนาเวบ

42

รปท 4.5 แสดงหนาเวบไซตและสวนการเขาสระบบของผใชระดบอนๆ

เมอท าการเขาสระบบแลวจะเหนแถบ Sidebar ทเปลยนไปตามสถานะของผใชซงจะ

แบงเปนระดบตางๆ ดงน

1) Member – สมาชก

2) Attendance – ผเขารวมประชม

3) Reviewer – กรรมการ,ผตรวจบทความ

4) Author – ผสงบทความ

43

ตารางท 4.2 ตารางแสดง Sidebar ของผใชงานระดบตางๆ

Sidebar ทแสดง

ระดบของผใชงาน

Member Attendance Reviewer Author กอนเขาสระบบ Join Seminar - / - - -

Account Setting / - - - - Sign up Author / / - - - Payments / / - / -

Invoices / / - / - My articles - - - / -

View articles - - / - - หนาขาวสารอนๆ / / / / /

4.2.2 การเพม, ลบ, แกไข สมาชกในระบบ

1) การเพมสมาชกในระบบ จะตองมาจากการสมครผานทางหนาเวบไซตเทานน

รปท 4.6 หนาตางการสมครสมาชก

รปท 4.6 การสมครสมาชกตองกรอกอเมลและ Password เพอทระบบจะท าสงการ

ยนยนตวไปทอเมลทคณกรอกไว

44

รปท 4.7 แสดงผลการสมครสมาชก

รปท 4.7 เมอสมครเสรจแลวผดแลเวบไซตจะมองเหนการสมครใน Backoffice ใน

หวขอ Members

2) การลบสมาชก ผดแลเวบไซตสามารถลบสมาชกออกจากระบบไดโดยเลอก

เครองหมายกากบาทสแดงเพอท าการลบ

รปท 4.8 แสดงการลบสมาชก

3) การแกไขขอมลสมาชก ผดแลเวบไซตสามารถแกไขสทธของสมาชกไดโดยเลอก

ทเครองหมายในคอลมน Edit ในกรอบสแดง จากนนจะปรากฏหนาตางขนใหผดแลเวบไซตแกไข

สทธของสมาชกไดในกรอบสเขยวดงรปดานลาง

45

รปท 4.9 แสดงการแกไขขอมลสมาชก

4.2.3 การจดการเนอหาบนเวบไซต

การจดการเนอหาบนเวบไซตจะแบงออกเปน 2 แบบคอ จดการเนอหาหนาแรก และ

การจดการเนอหาบน Sidebar ซงทง 2 แบบจะถกจดการโดยผดแลเวบไซต

1) การจดการเนอหาหนาแรก

46

รปท 4.10 แสดงการแกไขหนาแรก

รปท 4.10 เราสามารท าการแกไขหนาแรกไดในหวขอ Home ในหนา All Pages

โดยเลอกทป ม Edit ซงภายในสามารถแกไขบทความ รปภาพ และหวขอทจะแสดงใน Sidebar

47

รปท 4.11 แสดงผลการแกไขหนาแรก

2) การจดการเนอหาบน Sidebar

สวนนจะท าการเพมเนอหา ขาวสารลงบน Sidebar

รปท 4.12 แสดงการเพมเนอหาบน Sidebar

48

จากรปท 4.12 สามารถเพมหนาใหมหรอเพม Sidebarไดโดยการกดป ม New Page ใน

กรอบสแดง โดยดดแลเวบไซตสามารถเพมบทความหรอรปภาพลงไปได

รปท 4.13 แสดงผลการเพมเนอหาหรอ Sidebar

จากรปท 4.13 มการเพม Sidebar ขนมาและมเนอหาตามทเราไดเพมไวขางตน

4.2.4 ระบบจดท าตารางเวลา

จะชวยในการจดท าตารางเวลาโดยสามารถก าหนดกจกรรมวนเรมตนและวนสนสด

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

รปท 4.14 แสดงการท าตารางกจกรรม

49

จากรปท 4.14 เปนการท าตารางเวลาโดยผดแลเวบไซต สามารถใสหวขอ ขอมล และม

แถบรองรบไวก าหนดเวลาส าหรบเรมและสนสดกจกรรม

รปท 4.15 หนาตางตารางกจกรรม

4.2.5 ระบบจดการบทความ

ระบบนจะมการแบงบทความเปนหวขอตางๆ การจดสรร ผตรวจบทความ กรรมการ

ของแตละบทความ และมระบบคนหาเอกสาร

รปท 4.16 หนาตางการจดการบทความและแสดงองคประกอบ

จากรปท 4.16 มองคประกอบของหนาตางดงน สวนสแดงคอสวนบอกวาจะดบทความ

หรอก าหนดกรรมการและผตรวจสอบบทความ สวนสฟาเปนหมวดหมบทความในระบบ สวนส

50

เขยวสวนทใชคดกรองบทความตามหวขอและสามารถคนหาบทความได สวนสด าเปนการบอก

สถานะของบทความ วามการก าหนดผตรวจหรอยง สามารถดบทความ และลบบทความได

รปท 4.17 แสดงการเพมและจดหมวดหมบทความ

จากรปท 4.17 ผดแลเวบไซตสามารถเพมหมวดหมและลบหมวดหมบทความไดโดย

กดทป ม New Category ในกรอบสแดง

รปท 4.18 แสดงรายละเอยดของการเพมหมวดหมบทความ

การสรางหมวดหมบทความตองใสรายเอยดหวขอ และเลอกล าดบวาจะใหหวขอท

สรางขนเปนหวขอใหญหรอเปนหวยอยของหวขอใหญอนๆ

51

4.2.6 ระบบจดการสถานะการช าระเงน

ระบบการจดการสถานะการช าระเงนนนผดแลเวบไซตสามารถดสถานะการช าระเงน

และสามารถเปลยนสถานะการช าระเงนของสมาชก ทมการรองขอการช าระเงนมาได

รปท 4.19 หนาตางดสถานะการช าระเงน

รปท 4.19 ผดแลเวบไซตสามารถเขาดสถานะ แกไข และลบสถานะการช าระเงนได

รปท 4.20 แสดงการปรบเปลยนสถานะการช าระเงน

52

จากรปท 4.20 ผดแลเวบสามารถปรบเปลยนสถานะการช าระได 3 แบบคอ Not verify yet,

Approve และ Reject

4.2.7 การจดการโดยรวม (Dash Board)

ระบบนจะท าการตรวจสอบจ านวนสมาชก ก าหนดจ านวนเงนในการสมครและ

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

รปท 4.21 แสดงสวนประกอบตางๆในหนา Dash Board

จากรป 4.21 จะแสดงสวนตางๆดงนคอ สวนสเขยวคอการปรบคะแนนทจะผานของ

บทความ สวนสแดงคอการปรบจ านวนเงนของการสงบทความและการสมคร

4.2.8 ระบบแกไขขอมลสวนตวของผใช (Account Setting)

ระบบนจะอยบนแถบเมนเมอผใชมการเขาสระบบ โดยผใชสามารถเขาไปแกไขขอมล

สวนตวรวมถงการเปลยน Password ดวย

53

รปท 4.22 หนาตางการแกไขขอมลของผใช

จากรปท 4.22 สวนสแดงเปนสวนไวส าหรบแกไข Password และสวนสเขยว เปน

สวนส าหรบแกไขขอมลสวนตว

รปท 4.23 หนาตางเปลยน Password ส าหรบผใช

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

4.2.9 การเขารวมประชม (Join Seminar)

การเขารวมงานประชมจะท าไดโดย Member เทานน โดยผใชระบบตองท าการเขาส

ระบบมากอนจงจะสามารถมองเหน Sidebar ส าหรบการสมครเขารวมประชม

54

รปท 4.24 หนาตางการเขารวมงานประชม

รปท 4.25 หนาตางยนยนขอตกลงการเขารวมงานประชม

จากรปท 4.24 เมอกดป ม Join Seminar จะปรากฏหนาตางดงรป จะมงานประชมให

เลอก เมอเลอกงานประชมแลวจะมาทรป 4.25 จะเปนการยนยนขอตกลงของงานประชมจะมการ

55

แจงคาใชจายวนเวลาทเรมประชม จากนนกจะมใบแจงช าระเงนพรอมบอกสถานะการจายเงนมาให

รวมทงสามารถยกเลกการเขารวมงานประชมไดดวย

รปท 4.26 แสดงใบแจงสถานะของการสมครเขารวมประชม

4.2.10 การสมครเปนผสงบทความ (Sign up Author)

การสมครเปนผสงบทความนนตองเปนสมาชกในระบบกอน

รปท 4.27 หนาตางการสมครเปนผสงบทความ

56

จากรปท 4.27 จะแสดงขอตกลงและคาใชจายทตองเสยในการสมครเปนผสง

บทความ ผสมครตองตกลงยอมรบเงอนไขจงจะสามารถสมครได

รปท 4.28 หนาตางยนยนการสมครเปนผสงบทความ

จากรปท 4.28 ผสมครกดยนยนพรอมมคาใชจายทตองช าระแจงมาดวย เมอกดยนยน

แลวจะมใบแจงการช าระเงนไปแจงทหวขอ Invoices

4.2.11 ใบแจงสถานะการช าระเงน (Invoices)

ใบแจงสถานะการช าระเงนจะมมาเมอผใชมการกระท าเกยวกบการเงน เชน การสง

บทความ การสมครสมาชก

รปท 4.29 หนาตาง Invoices

จากรปท 4.29 หนาตางนจะบอกรายการทตองช าระเงน จ านวนเงน สถานการณช าระ

เงน และสรางขนเมอวนทเทาไหร

57

4.2.12 ระบบช าระเงน (Payments)

ผใชสามารถช าระเงน ไดตามรายการทตองการ

รปท 4.30 หนาตางการช าระเงน

รปท 4.31 แสดงผลการเลอกรายการทเราจะช าระเงน

จากรปท 4.30 เปนตารางทแจงวาเรามการจายเงน ถาจะท ารายการใหกดป ม Make

payment เมอกดแลวจะมาทรป 4.31 เปนรายการใหเลอกวาเราจะช าระเงนรายการใดบาง จากนนจะ

มแบบฟอรมใหกรอกจ านวนเงนและเวลา

58

รปท 4.32 หนาตางกรอกรายละเอยดในการยนยนการช าระเงน

รปท 4.33 หนาตางทดแลเวบไซตดแลการช าระเงน

เมอกรอกรายละเอยดของรปท 4.32 ระบบจะท าการสงขอมลมายงผดแลโดยผดแล

เวบไซตดงรปท 4.33

4.2.13 ระบบสงบทความ

เปนการสงบทความไปทระบบเพอใหผตรวจเปนผใหคะแนน

59

รปท 4.34 แสดงการสงบทความ

จากรปท 4.34 เราสามารถสงบทความไปไดโดยกดป ม Send new article จากนนระบบ

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

รปท 4.35 หนาตางอพโหลดบทความ

จากรปท 4.35 ผสงบทความจะตองสงบทความมา 2 ฉบบคอทมชอและไมมชอ ใส

หวขอ บทคดยอ ค าอธบาย และท าการอพโหลด

4.2.14 ระบบการตรวจบทความ

จะเปนการใหคะแนนบทความส าหรบผตรวจบทความและกรรมการจะเปนคนตดสน

วาบทความนนผานหรอไม โดยวธการตรวจเอกสารจะคลายกน แตจะแตกตางกนทกรรมการจะ

สามารถมองเหนคะแนนทจะใหบทความผานจากผตรวจบทความ

60

รปท 4.36 หนาตางตรวจบทความของกรรมการ

รปท 4.37 หนาตางตรวจบทความของผตรวจ

จากรป 4.36 และ 4.37 จะเหนวาหนาตรวจใหคะแนนบทความของกรรมการและ

ผตรวจจะมลกษณะคลายกนโดยภายในจะมชอไฟล ป มใหดาวนโหลดเอกสาร ชองใหคะแนน

พรอม ชองใหแสดงความคดเหนของบทความดวย

4.2.15 การรบสงอเมลของระบบ (Contact Us)

การรบสงอเมลผใชไมจ าเปนตองเขาสระบบกสามารถสงอเมลมายงผดแลเวบไซตไดโดยเลอกทเมน Contact Us

61

รปท 4.38 แสดงการสงอเมลของผใช

รปท 4.39 แสดงการสงอเมลของผดแลเวบไซต

ผดแลเวบไซตสามารถสงอเมลหาสมาชกไดโดยเขาไปทหนา Member เลอกสมาชกท

ตองการจะสงเมลไป และกดป ม Send mail

รปท 4.40 แสดงอเมลทไดรบมาจากระบบ

62

4.2.16 ระบบตรวจสอบความถกตองโดยใชรหสซเรยล

ระบบนจะท างานเมอผดแลเวบไซตใหสถานะ Approve การช าระเงนของผใชระบบ

โดยระบบจะสมเลขซเรยล 5 หลกใหกบผดแลเวบไซตและผใชระบบเพอใชตรวจสอบความถกตอง

รปท 4.41 หนาตางตรวจสอบรหสซเรยลของผดแลเวบไซต

รปท 4.42 หนาตางตรวจสอบรหสซเรยลของผใชระบบ

4.2.17 ระบบแกไขหวของานประชม

ผดแลเวบไซตสามารถเขามาแกไขหวของาน ก าหนดวนเปดรบและก าหนดสง

บทความไดในระบบน

63

รปท 4.43 หนาตางบอกรายละเอยดของงานประชม

รปท 4.44 หนาตางแกรายละเอยดหวของานประชม

จากรปท 4.44 หนาตางนสามารถแกไขชองานประชม อพโหลดภาพ ใสค าอธบายของงาน

ประชม และสามารถก าหนดเวลาสงบทความของผใชระบบ โดยตงทชอง Send date เพอก าหนดวน

เรมสง และ End date เพอก าหนดวนสนสดการสงบทความ

64

บทท 5 สรปและขอเสนอแนะ

ระบบการจดการเนอหาเพองานประชมวชาการ เปนระบบการใหบรการผานเครอขายอนเตอรเนต ทจดท าขนเพอชวยอ านวยความสะดวกในการจดการประชมวชาการ ชวยลดความยงยากในการจดการบทความ และการประชาสมพนธ โดยการใชงานระบบจดการเนอหาน นผใชงานแทบไมตองมความรในดานการเขยนโปรแกรม กสามารถสรางเวบไซตเพองานประชมวชาการได 5.1 สรปผลโครงงาน ผลทไดจากโครงงาน ไดระบบการจดการเนอหาเพองานประชมวชาการ ทสามารถท างานไดตามขอบเขตทก าหนดไว จากการทดสอบการท างานของระบบพบวาระบบสามารถใชงานได สามารถท าการลอกอนเขาสระบบโดยมการแยกสทธการท างานของผใชออกเปนระดบตางๆทสามารถท างานไดแตกตางกน ซงในสวนนระดบของผใชงานทวไปจะไมตองท าการลอกอนเขาสระบบ ซงจะสามารถเขาดขาวสารประชาสมพนธงานวชาการไดในสวนหนาแรกของระบบ มระบบลอกอนส าหรบเจาหนาทหรอผดแลระบบไวจดการขอมล ระบบสามารถท างานในสวนของการเพม แกไข และแสดงขาวสารประชาสมพนธงานวชาการได สามารถอพโหลดบทความไดตามหมวดหมและตรวจใหคะแนนบทความได สามารถรบขอคดเหนจากสมาชกได สามารถสงขอมลขาวสารผานอเมลไปยงสมาชกได สามารถจดท าตารางเวลาได 5.2 ขอเสนอแนะ 5.2.1 ในการพฒนาระบบการจดการเนอหาเพองานประชมวชาการนน ควรมการออกแบบระบบฐานขอมลใหมความรดกมและครอบคลมการท างานทงหมดกอนลงมอท างานจรง 5.2.2 ในการเขยนโคดของภาษา PHP นนควรศกษาหลกการเขยนโคดใหดกอนลงมอท างานจรง เพราะโคดของภาษา PHP สามารถเขยนไดสน กะทดรด และใหผลการท างานเหมอนกบการเขยนโคดททางผจดท าไดเขยนขนซงมความยาวกวา จงท าใหเสยเวลาในการเขยนโคดมาก 5.2.3 ระบบการจดการเนอหาการประชมวชาการทสรางขน สามารถใชไดกบงานประชมวชาการทไมใหญนก เนองจากไมมการแบงกลมการประชม ออกเปนกลมยอยๆ ควรมการพฒนาระบบแบงกลมการประชมเพอใหระบบสามารถรองรบงานประชมวชาการทมขนาดใหญได

65

5.3 อปสรรคในการท างาน 5.3.1 รายละเอยดของระบบยงขาดตกบกพรอง เนองจากผจดท าไมสามารถไปศกษาขอมลจากงานประชมวชาการจรงได 5.3.2 ในการจดงานประชมวชาการน น ล าดบขนตอนของกระบวนการตางๆ อาจไมเหมอนกนขนอยกบแตละงานนนๆ จงเปนการยากทจะจดท าระบบใหรองรบกบทกๆงาน 5.3.3 ระยะเวลาทใชท าระบบมการคลาดเคลอนเนองจากเกดปญหาอทกภย

66

บรรณานกรม [1] พรอมเลศ หลอวจตร. 2537. คมอเรยน PHP และ MySQL ส าหรบผเรมตน. กรงเทพฯ : โปรวชน [2] ฝายผลตหนงสอต าราวชาการคอมพวเตอร. 2551. การวเคราะหและออกแบบระบบ. กรงเทพฯ : ซ-

เอดยเคชน [3] สมประสงค ธตนลนธ. 2545. เรยนลด PHP .พมพครงท 1. กรงเทพฯ : โปรวชน. [4] สาธต ชยววฒนตระกล. 2550. เกง PHP 5 ใหครบสตร. พมพครงท 1. กรงเทพฯ : วตตกรป. [5] ทวชย หงสสมาลย. 2544. ใสลกเลนใหเวบไซตดวย Java Script. พมพครงท 1. นนทบร : อนโฟ-

เพรส. [6] ศภชย สมพานช. 2547. เรยนรและฝกฝนการเขยนโปรแกรมใชฐานขอมล. พมพครงท 1. นนทบร

: ไอดซ. [7] พนจนทร ธนวฒนเสถยร. 2544. คมภรการสราง Web Page. พมพครงท 1. กรงเทพฯ : ซคเซส-

มเดย. [8] โอภาส เอยมสรวงศ. 2551. ระบบฐานขอมล Database Systems. กรงเทพฯ : ซเอดยเคชน. [9] บญชา ปะสละเตสง. 2551. พฒนาเวบดวยเทคนค AJAX และ PHP. กรงเทพฯ : ซเอดยเคชน [10] สถตย เรยนพศ. 2553. ตดตงและบรหารระบบ Web Hosting. พมพครงท 1. นนทบร : ไอดซ-

พรเมยร 2553.

ภาคผนวก ก ขนตอนการตดตงโปรแกรม

68

วธการตดตง AppServ 2.5.10

ดาวนโหลดโปรแกรม AppServ จากเวบไซต www.appservnetwork.com 1. ขนตอนการตดตง AppServ 1.1 ดบเบลคลกไฟล appserv-win32-x.x.x.exe เพอท าการตดตง จะปรากฏหนาจอตามรปท ก.1

รปท ก.1 ขนตอนการตดตงโปรแกรม

69

2.1 เขาสขนตอนเงอนไขการใชงานโปรแกรม โดยโปรแกรม AppServ ไดแจกจายในรปแบบ GNU License หากผตดตง อานเงอนไขตางๆ เสรจสนแลว หากยอมรบเงอนไขใหกด Next เพอเขาสการตดตงในขนตอไป แตหากวาไมยอมรบเงอนไข ใหกด Cancel เพอออกจากการตดตงโปรแกรม AppServ ดงรปตวอยางท ก.2

รปท ก.2 แสดงรายละเอยดเงอนไขการ GNU License

70

1.3 เขาสขนตอนการเลอกปลายทางทตองการตดตง โดยคาเรมตนปลายทางทตดตงจะเปน C:\AppServ หากตองการเปลยนปลายทางทตดตง ใหกด Browse แลวเลอกปลายทางทตองการ ตามรปท ก.3 เมอเลอกปลายทางเสรจสน ใหกดป ม Next เพอเขาสขนตอนการตดตงขนตอไป

รปท ก.3 เลอกปลายทางการตดตงโปรแกรม AppServ

71

1.4 เลอก Package Components ทตองการตดตง โดยคาเรมตนนนจะใหเลอกลงทก Package แตหากวาผใชงาน ตองการเลอกลงเฉพาะบาง Package กสามารถเลอกตามขอทตองการออก โดยรายละเอยดแตละ Package มดงน 1) Apache HTTP Server คอ โปรแกรมทท าหนาเปน Web Server 2) MySQL Database คอ โปรแกรมทท าหนาเปน Database 3) PHP Hypertext Preprocessor คอ โปรแกรมทท าหนาประมวลผลการท างานของภาษา PHP 4) phpMyAdmin คอ โปรแกรมทใชในการบรหารจดการฐานขอมล MySQL ผานเวบไซต เมอท าการเลอก Package ตามรปท ก.4 เรยบรอยแลว ใหกด Next เพอเขาสขนตอนการตดตงตอไป

รปท ก.4 เลอก Package Components ทตองการตดตง

72

1.5 ก าหนดคาคอนฟกของ Apache Web Server มอยดวยกนทงหมด 3 สวน ตามรปท ก.5 คอ 1) Server Name คอชองส าหรบปอนขอมลชอ Web Server ของทาน เชน cms-seminar 2) Admin Email คอชองส าหรบปอนขอมลอเมลผดแลระบบ เชน admin@gmail.com 3) HTTP Port คอชองส าหรบระบ Port ทจะเรยกใชงาน Apache Web Server โดยทวไปแลว Protocol HTTP นนจะมคาหลกคอ 80 หากวาทานตองการหลกเลยงการใช Port 80 กสามารถแกไขได หากมการเปลยนแปลง Port การเขาใชงาน Web Server แลว ทกครงทเรยกใชงานเวบไซต จ าเปนทตองระบหมายเลข Port ดวย เชน หากเลอกใช Port 99 ในการเขาเวบไซตทกครงตองใช http://www.cms-seminar.com:99 จงจะสามารถเขาใชงานได

รปท ก.5 แสดงการก าหนดคาคอนฟกคา Apache Web Server

73

1.6 ก าหนดคาคอนฟกของ MySQL Database มอยดวยกนทงหมด 3 สวน ตามรปท ก.6 คอ 1) Root Password คอชองส าหรบปอน รหสผานการเขาใชงานฐานขอมลของ Root หรอผดแลระบบ ทกครงทเขาใชงานฐานขอมลในลกษณะทเปนผดแลระบบ ใหระบ User คอ Root 2) Character Sets ใชในการก าหนดคาระบบภาษาทใชในการจดเกบฐานขอมล เรยงล าดบฐานขอมล , Import ฐานขอมล Export ฐานขอมล , ตดตอฐานขอมล 3) Old Password หากทานมปญหาเกยวกบการใชงาน PHP กบ MySQL API เวอรชนเกา โดยเจอ Error Client does not support authentication protocol requested by MySQL client ใหเลอกในสวนของ Old Password เพอหลกเลยงปญหาน 4) Enable InnoDB หากทานตองการใชงานฐานขอมลในรปแบบ InnoDB ใหเลอกในสวนนดวย

รปท ก.6 แสดงการก าหนดคาคอนฟกของ MySQL Database

74

1.7 คลก Install กจะเรมขนตอนการตดตง ตามรปท ก.7

รปท ก.7 ก าลงท าการตดตง

75

1.8 สนสดขนตอนการตดตงโปรแกรม AppServ ส าหรบขนตอนสดทายนจะมใหเลอกวาตองการสงใหมการรน Apache และ MySQL ทนทหรอไม จากนนกดป ม Finish เพอเสรจสนการตดตงโปรแกรม AppServ ตามรปท ก.8

รปท ก.8 แสดงหนาจอขนตอนสนสดการตดตงโปรแกรม AppServ

ภาคผนวก ข คมอการตดตงระบบ

77

คมอการตดตงระบบ

1. ไฟลส ำหรบใชในกำรตดตงระบบจะมอยดวยกน 2 ไฟล ดงรป คอ

รปท ข.1 แสดงไฟลทใชในกำรตดตงระบบ

1.1 seminar.rar คอ ไฟลของระบบกำรจดกำรเนอหำเพองำนประชมวชำกำร ทจะใชในกำรตดตงลงบนเซฟเวอร 1.2 db.sql.zip คอ ไฟลฐำนขอมลทจะตองท ำกำรอมพอรตไปยงดำตำเบสเซฟเวอร 2. ท ำกำรแตกไฟล “seminar.rar” ดวยโปรแกรม Winrar (หรอโปรแกรมแตกไฟลอนๆ)

รปท ข.2 แสดงกำรแตกไฟล seminar.rar

78

3. เมอท ำกำรแตกไฟลเสรจจะไดดงรป

รปท ข.3 แสดงไฟลทอยใน seminar.rar

4. เขำไปทระบบจดกำรฐำนขอมล (ในทนจะใช phpMyadmin ในกำรตดตงฐำนขอมล) ดงรป

รปท ข.4 หนำตำงระบบจดกำรฐำนขอมล phpMyadmin

79

5. ท ำกำรสรำงฐำนขอมลใหมชอ “seminar” ดงรป

รปท ข.5 แสดงกำรสรำงฐำนขอมลใหม

6. เมอสรำงฐำนขอมลเสรจแลว ท ำกำรเลอกเมน Import ดงรป

รปท ข.6 แสดงเมน Import ไฟลดำตำเบส

80

7. ท ำกำร Import ฐำนขอมล โดยกดป ม “เลอกไฟล” แลวท ำกำรเลอกไฟล “db.sql.zip” ทเตรยมไวหลงจำกนนกดป ม “ลงมอ” ดงรป

รปท ข.7 แสดงกำร Import ไฟลดำตำเบส

8. หลงจำกตดตงฐำนขอมลเสรจเรยบรอยแลว ใหเขำไปทตำงรำง “admins” แลวท ำกำรแกไขขอมล username, password ใหตรงตำมตองกำร เปนอนเรยบรอย ดงรป

รปท ข.8 แสดงกำรแกไขขอมลตำรำง admins

81

9. เขำไปทโฟลเดอรทท ำกำรแตกไฟลระบบไว แลวท ำกำรแกไขไฟล “config.php” ดงตอไปน

รปท ข.9 แสดงต ำแหนงไฟล config.php

รปท ข.10 แสดงกำรแกไขไฟล config.php

9.1 hostname คอ ชอโฮสของดำตำเบส 9.2 username คอ ชอผใชดำตำเบส 9.3 password คอ รหสผำนเขำสดำตำเบส 9.4 database คอ ชอดำตำเบสทท ำกำรสรำงไวในหวขอท 4-8

82

10. จำกนนเขำไปท path “../admin/scripts” แลวหำไฟล “connect_db.php” แลวท ำกำรแกไขดงน

รปท ข.11 แสดงต ำแหนงไฟล connect_db.php

รปท ข.12 แสดงกำรแกไขไฟล connect_db.php

10.1 localhost คอ ชอโฮสของดำตำเบส 10.2 user คอ ชอผใชดำตำเบส 10.3 password คอ รหสผำนเขำสดำตำเบส 10.4 databaseName คอ ชอดำตำเบสทท ำกำรสรำงไวในหวขอท 4-8

ภาคผนวก ค คมอการใชงาน

84

คมอการใชงาน

ระบบการจดการเนอหาเพองานประชมวชาการ แบงสวนการท างานของระบบออกเปน ดงน 1 สวนโฮมเพจของระบบ หนาโฮมเพจเปนหนาแรกทแสดงใหผเขาใชงานประชมวชาการ ทกระดบไดเหน ในหนานจะมการแสดงขาวสารประชาสมพนธงานวชาการ ผใชทกคนสามารถเขาดขาวสารงานประสมพนธไดเทานน สวนผใชงานในระดบอนทตองการเขาใชงานระบบในสวนอนจะตองท าการลอกอนเขาสระบบเพอเขาสหนาตางการท างานของตน โดยการกดป ม “เขาสระบบ” จากทางดานลางของหนาแรกของระบบ แสดงดงในรป

รปท ค.1 หนาแรกของระบบ

85

2 สวนการเขาสระบบ แบงออกเปน 2 ประเภท 2.1 การเขาสระบบของผดแลเวบไซต สวนนเปนสวนหนาตางการเขาสระบบ ทผดแลเวบไซตจะตองท าการกรอกขอมลชอผใชและรหสผานของตน โดยระบบจะท าการตรวจสอบขอมลแลวจงพาไปสหนาการจดการระบบ โดยหนาตางนสามารถเขาถงไดโดยการพมพ URL “/admin” ตอจากชอโดเมน

รปท ค.2 หนาตางการเขาสระบบของผดแลเวบไซต

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

รปท ค.3 หนาตางการเขาสระบบของผใชงานระบบ

86

3 สวนการท างานของระบบยอยทมทงหมดในระบบการจดการเนอหาเพองานประชมวชาการมดงน 3.1 สวนการสมครสมาชก ผใชสามารถสมครสมาชกไดจากเมน Register ดงรป

รปท ค.4 แสดงการเลอกเมนสมครสมาชก

จะปรากฏหนาตางการกรอกขอมลเพอใชในการสมครแอคเคาทเขาสระบบ ซงมรายละเอยดคอ E-mail Address (อเมลทใชในการสมครสมาชก), Password (รหสทใชในการสมครสมาชก) , Re-Password (กรอกรหสซ าอกครงใหตรงกบรหสแรก) โดยเมอท าการกรอกรายละเอยดครบถวนแลวใหกดป ม “Submit” เพอสงขอมลทใชในการสมครสมาชก ดงรป

รปท ค.5 หนาตางการกรอกขอมลเพอใชในการสมครแอคเคาทเขาสระบบ

ภายหลงจากการกดป ม “Submit” แลว จะปรากฏหนาตางใหกรอกขอมลประวตสวนตวของสมาชก ซงมรายละเอยดคอ เลอกรปประจ าตวโดยกดป ม “เลอกไฟล” เพอท าการอพโหลดรปประจ าตว, First Name (ชอทใชในการสมคร), Last Name (นามสกลทใชในการสมคร), Gender

87

(เพศ), Date of Birth (เดอน วน ปเกด), Phone number (หมายเลขโทรศพททใชในการตดตอ), Address (ทอย), Education (วฒการศกษา) โดยเมอท าการกรอกรายละเอยดครบถวนแลวใหกดป ม “Submit” เพอสงขอมลทใชในการสมครสมาชก ดงรป

รปท ค.6 หนาตางการกรอกขอมลประวตสวนตว

ภายหลงจากการกดป ม “Submit” แลว จะแสดงหนาตางแจงใหไปท าการยนยนการสมครสมาชกท อเมลดงทกรอกไวในขอมลขางตนแลวจงจะสามารถลอกอนเขาสระบบได ดงรป

รปท ค.7 หนาตางแจงใหไปท าการยนยนการสมครสมาชกทอเมล

88

ส าหรบการเขาสระบบในครงแรกนนสมาชกจะถกจดอยในกลมของ Member ซงตองไปท าการลงเบยนส าหรบการใชงานระบบในสวนอนๆ ตอไป 3.2 สวนของกลมผใชทลงทะเบยน สามารถแบงออกไดเปน 2 กลม คอ Author (ผสงบทความ), Attendance (ผเขารวมการประชม) โดยผใชงานสามารถเลอกสมครไดจากเมน “Sign up as Author”

รปท ค.8 หนาตางเมนการสมครกลมผใชงาน

จะปรากฏหนาตางส าหรบเลอกการลงทะเบยน โดยผใชสามารถท าการเลอกไดอยางใดอยางหนง เมอเลอกเสรจเรยบรอยแลว ตองท าการยอมรบขอตกลงของระบบโดยท าการเลอกหวขอ “I agree terms of service” แลวจงท าการกดป ม “Sign up” เพอยนยนการลงทะเบยน

รปท ค.9 หนาตางส าหรบเลอกการลงทะเบยน

89

เมอกดยอมรบแลว ตกลงขอก าหนดตางแลวจะมหนาจอปรากฏใหดรายละเอยดเกยวกบเงนทตองช าระถารายละเอยดตรงกกดตกลงแลวจะมใบเรยกเกบเงนทตองช าระตอไปเปน Invoices

รปท ค.10 หนาตางยนยนการสมครสมาชก

3.3 ระบบแจงการช าระเงน (Invoices)

ระบบนจะเปนการแจงเตอน และตรวจดสถานะการช าระเงน เชน มการคางช าระ

คาลงทะเบยนซง จะมอย 2 สถานะคอ จายแลว (Approved) และยงไมจาย (Unpaid)

รปท ค.11 หนาตาง Invoices

3.4 ระบบช าระเงน

ระบบช าระเงนจะกระท าไดตอเมอมใบ Invoices เทานน ระบบช าระเงนจะมการอพ

โหลดภาพสลปการโอนเงนจากธนาคารพรอมกบระบเวลาโอนเงนดวย ขนแรกเขาไปทหวขอ

Payments จะพบกบใบ Invoices ถาตองการช าระกใหกดป ม Make Payments

90

รปท ค.12 หนาตาง Invoicesใน Payments

หลงจากนนจะพบหนาทใหเลอกรายการทจะช าระเงนจากนนกดป มยนยน

รปท ค.13 หนาตางแสดงรายการทยงไมช าระเงน

จากนนกจะปรากฏหนาตางทใหกรอกรายละเอยดส าหรบการจายเงน คอจ านวนเงนท

โอนมา เวลาทโอนเงน และอพโหลดใบสลปโอนเงนมาดวย

รปท ค.14 หนาตางกรอกรายละเอยดการโอนเงน

91

3.5 ระบบสงบทความ

การสงบทความจะตองเขาไปทเมน My articles โดยทหนา My articles นนจะแสดง

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

ตองการสงบทความใหเลอกทป ม Send new article

รปท ค.15 หนาตาง My articles

หนาถดไปจะเปนการเลอกงานประชมวชาการทตองการ และท าการเลอกหวขอเรอง

ทตองการสง

รปท ค.16 แสดงการเลอกงานประชมและหวขอทตองการสงบทความ

เมอเลอกหวขอเสรจแลวจะมหนาตางใหอพโหลดไฟล 2 ไฟลคอไฟลทมชอเจาของ

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

ตรวจสอบหวของานทตองการจะสง

92

รปท ค.17 หนาตางอพโหลดและกรอกรายละเอยดส าหรบการสงบทความ

3.6 ระบบตรวจใหและคะแนนบทความ

สามารถท าไดโดยผตรวจและกรรมการเทานนโดยเขาไปทเมน View Article จากนนจะแสดงงานทสามารถตรวจไดขนมาโดยจะมสองสวนคอสวนทเปนผตรวจ และสวนทเปนกรรมการ

1) ผตรวจจะอยในหวขอ Your inspected articles โดยสามารถดและเลอกงานไปตรวจ

ได

รปท ค.18 แสดงงานของผตรวจ

93

2) กรรมการ จะตองเขาไปดงานในป ม Commit article ของรป ค.18 โดยจะมลกษณะ

ทคลายกนดงรป

รปท ค.19 แสดงงานของกรรมการ

โดยจากรป ค.18-19 จะบอกถงสถานะของบทความวามการตรวจแลวหรอยง ถายง

สามารถเขาไปตรวจไดใน View Article

รปท ค.20 หนาตางการใหคะแนนของกรรมการและผตรวจ

จากรป ค.20 จะเหนวาหนาตางของกรรมการและผตรวจจะมจดตางกนคอกรรมการจะมคะแนนบอกวาไดเทาไหรจงจะผานสวนของผตรวจจะไมมบอก และกรรมการจะมบอกวาผตรวจบทความนมใครบาง

3.7 ระบบรบสงอเมล

การรบสงอเมลผใชไมจ าเปนตองเขาสระบบกอสามารถสงอเมลมาหาผดแลเวบไซต

ไดโดยเลอกท Contact Us

94

รปท ค.21 หนาตางสงอเมลของผใช

รปท ค.22 หนาตางสงอเมลของผดแลเวบไซต

ผดแลเวบไซตสามารถสงอเมลหาสมาชกไดโดยเขาไปทหนา Member เลอกสมาชกท

ตองการจะสงเมลไป และกดป ม Send mail

3.8 ระบบจดการเนอหา

การจดการเนอหาของผดแลเวบไซตสามารถท าได 2 แบบคอท าทหนา Home และการ

เพมขาวสารไปท Sidebar

1) การจดการเนอหาในหนา Home ตองไปทหนา All Pages จากนนเลอก Edit ท

หวขอ Home ดงรป

95

รปท ค.23 หนาตาง All Pages

จากนนจะมหนาทไวส าหรบแก เนอหาขอมลในหนา Home ขนมาดงรป

รปท ค.24 แสดงการแกไขเนอหา

96

2) การจดการเนอหาบน Sidebar

สวนนจะท าการทดสอบเนอหาหรอการเพม Sidebar เขาไปทหนา Pages แลวกดท

ป ม New Page ดงรป

รปท ค.25 หนาตางการเพมเนอหาหรอ Sidebar

สวนการแกไขเนอหาจะเหมอนกบรปท ค.24

3.9 ระบบแกไขสถานะการช าระเงน

ระบบจดการสถานะการช าระเงนนนผดแลเวบไซตสามารถดสถานะการช าระเงนและ

สามารถเปลยนสถานะการช าระเงนของสมาชก ทมการรองขอการช าระเงนมาไดท Payment

97

รปท ค.26 หนาตางดสถานะการช าระเงน

จากรปท ค.26 ผดแลเวบไซตสามารถเขาดสถานะ แกไขและลบสถานะการช าระเงน

ไดโดยกดท View แลวจะปรากฏเปนหนาตางดงรป

รปท ค.27 แสดงการปรบเปลยนสถานะการช าระเงน

98

จากรปท ค.27 ผดแลเวบไซตสามารถปรบเปลยนสถานะการช าระเงนได 3 แบบคอ Not verify yet, Approve และ Reject

3.10 ระบบจดการสมาชก

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

รปท ค.28 หนาตางระบบสมาชก

ผดแลเวบไซตสามารถลบสมาชกไดโดยการกดกากบาทสแดง ถาตองการปรบเปลยน

สทธใหไปทป ม Edit สเขยวโดยจะปรากฏเปนหนาตางดงรปดานลาง

รปท ค.29 แสดงการปรบเปลยนสทธของสมาชก

99

3.11 ระบบจดการตารางเวลา

จะชวยในการจดท าตารางเวลา โดยสามารถก าหนดกจกรรมวนเรมตนและสนสดของ

กจกรรม และเมอครบก าหนด กจกรรมทหมดแลวเวลาจะหายไป

รปท ค.30 แสดงการท าตารางกจกรรม

จากรปท ค.30 เปนการท าตารางเวลาโดยผดแลเวบไซต สามารถใสหวขอ ขอมล และ

มแถบรองรบเวลาส าหรบเรมและสนสดกจกรรม

3.12 ระบบจดการบทความ

ระบบจดการขอความแบงออกยอยๆได 3 ระบบดงน

1) ตรวจสอบสถานะบทความ ลบบทความ และคนหาบทความ

ผดแลเวบไซตสามารถตรวจสอบสถานะของบทความ วามคนตรวจหรอยง

สามารถลบบทความ และดาวนโหลดบทความมาดได

100

รปท ค.31 หนาตางสถานะของบทความ

จากรป ค.31 ผดแลเวบไซตสามารถดสถานะและลบบทความไดจากกรอบสแดง และสวนในกรอบสเขยวสามารถคนหาบทความโดยใส Keyword ลงไป หรอคดเลอกเฉพาะหมวดหมกได

2) การสรางหมวดหมของบทความ

ผดแลเวบไซตสามารถสรางหมวดหมเพมไดโดยเลอกไปท Catagories จะพบ

หนาตางดงรปขางลาง

รปท ค.32 แสดงการเพมหมวดหมของบทความ

101

จากรป ค.32 ในหนานจะสามารถเพมและลบหมวดหมของบทความไดโดยการ

เลอกทป ม New Catagories เปนการเพมและเลอกทกากบาทสแดงเปนการลบ ในสวนของการเพม

จะตองมการกรอกรายละเอยด ตามรปขางลาง

รปท ค.33 แสดงรายละเอยดการเพม Catagories

จากรป ค.33 การเพม Catagories มการใสหวขอค าอธบาย และมการใส Parent คอตองการใหหวขอเปนหวขอยอยของหวขออนๆ แตถาไมก าหนด หวขอทท านจะเปนหวขอใหญทนท

3) จดสรรผตรวจและกรรมการแตละหมวดหม

ผดแลจะสามารถก าหนดผตรวจและกรรมการไดในเมน Inspection โดยกรรมการจะมเพยง 1 คนสวนผตรวจจะม 5 คน โดยเราสามารถเลอกบทความทจะใหตรวจไดจากดานลาง

รปท ค.34 หนาตางการจดการผตรวจและกรรมการ

102

3.13 ระบบตรวจสอบความถกตองโดยใชรหสซเรยล

ระบบนจะท างานเมอผดแลเวบไซตยอมรบการช าระเงนของผใชระบบ โดยระบบจะ

สมเลขซเรยล 5 หลกใหกบผดแลเวบไซตและผใชระบบเพอใชตรวจสอบความถกตอง

รปท ค.35 หนาตางตรวจสอบรหสซเรยลของผดแลเวบไซต

รปท ค.36 หนาตางตรวจสอบรหสซเรยลของผใชระบบ

3.14 ระบบสรางหวของานประชม

ผดแลเวบไซตสามารถเขามาสรางหวของาน ก าหนดวนเปดรบและก าหนดสง

บทความไดในระบบน

103

รปท ค.37 หนาตางบอกรายละเอยดของงานประชม

รปท ค.38 หนาตางแกรายละเอยดหวของานประชม

จากรปท ค.38 หนาตางนสามารถแกไขชองานประชม อพโหลดภาพ ใสค าอธบายของงาน

ประชม และสามารถก าหนดเวลาสงบทความของผใชระบบ โดยตงทชอง Send date เพอก าหนดวน

เรมสง และชอง End date เพอก าหนดวนสนสดการสงบทความ

ประวตผจดท ำปรญญำนพนธ

105

ประวตผจดท ำปรญญำนพนธ

ชอ นายนพรตน มยแกว รหสประจ าตว 115110462032-3

สาขาวชา/ภาควชา วศวกรรมคอมพวเตอร

วน-เดอน-ป เกด วนท 18 มนาคม พ.ศ. 2533

สถานทเกด จงหวด สงหบร

ทอย 13/3 หม 4 ต าบล โพธชย อ าเภอ อนทรบร จงหวด สงหบร 16110

ประวตการศกษา มธยมศกษาตอนปลาย (ม.6) โรงเรยน สงหบร ปการศกษา 2550

106

ประวตผจดท ำปรญญำนพนธ

ชอ นายกตตธช อดมชยบรรเจด รหสประจ าตว 115110462038-0

สาขาวชา/ภาควชา วศวกรรมคอมพวเตอร

วน-เดอน-ป เกด วนท 30 มนาคม พ.ศ.2533

สถานทเกด จงหวด กรงเทพมหานคร

ทอย 103/1 หม 4 ซอย รามอนทรา 39 แยก 5 ถนน รามอนทรา แขวง อนสาวรย

เขต บางเขน จงหวด กรงเทพฯ 10220

ประวตการศกษา มธยมศกษาตอนปลาย (ม.6) โรงเรยน รตนโกสนทรสมโภชบางเขน

ปการศกษา 2550

107

ประวตผจดท ำปรญญำนพนธ

ชอ นายณฏฐไกวล สมฤทธ รหสประจ าตว 115110462049-7

สาขาวชา/ภาควชา วศวกรรมคอมพวเตอร

วน-เดอน-ป เกด วนท 28 ธนวาคม พ.ศ. 2532

สถานทเกด จงหวด ลพบร

ทอย 7-8 ถนน พระยาก าจด ต าบล ทาหน อ าเภอ เมอง จงหวดลพบร 15000

ประวตการศกษา มธยมศกษาตอนปลาย (ม.6) โรงเรยน พบลวทยาลย ปการศกษา 2550