19

บทท 3 การออกแบบและพฒนาโปรแกรม

การศกษาขอมลเบองตน

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

เกบรวบรวมขอมล

คณะผจดท าไดเขาไปศกษา และเกบรวบรวมขอมลจากคณะอาจารย แหลงขอมลทไดเขาไปศกษา เพอท าการเกบรวบรวมขอมล มดงน

1. อาจารยนตนย ไพศาลพยคฆ เปนอาจารยทปรกษาประจ าโครงงานน 1.1 ใหขอมลบางอยางเพมเตมบนเวบไซต 1.2 ใหขอมลการจดท าเอกสารตางๆ

2. เวบไซตศษยเกาของมหาวทยาลยอนๆ 3. เวบไซตหางาน 4. เวบไซตเกยวกบสอนCode PHP 5. เวบไซตสอนเกยวกบ Java Script 6. งานวจยของรนพ

การวเคราะหระบบงาน

การวเคราะหระบบงานปจจบนท าใหคณะผจดท า พฒนาเวบไซตเปนไปตามความตองการของผใชระบบ ซงจะท าใหเวบไซตมประสทธภาพมากขน

21

ตารางท 3.1 ตารางแสดงรายละเอยดของระบบงานปจจบน

งาน/กจกรรม รายละเอยดของงาน/กจกรรม เอกสารทเกยวของ

ผรบผดชอบงาน /กจกรรม

1. การเกบขอมล สมาชก

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

ไมใชเอกสาร

ผดแลระบบ

2. ขอมลขาวสาร

ผดแลร ะบบน าขอมลขาวสารขนเวบไซต

ไมใชเอกสาร

ผดแลระบบ

3. ขอมลแสดง ความคดเหน ขาวสาร

ผดแลระบบและสมาชกประกาศ ขอมลแสดงวาคดเหนขาวสาร

ไมใชเอกสาร

ผดแลระบบ

4. ขอมลกระท

ผดแลระบบและสมาชกประกาศ ขอมลตางๆ ลงกระท

ไมใชเอกสาร

ผดแลระบบ

5. ขอมลแสดง ความคดเหน กระท

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

ไมใชเอกสาร

ผดแลระบบ

6. คนหานกศกษา ผเยยมชมเวบไซตเลอกคนหานกศกษา จากเกรดเฉลยหรอต าแหนงงานทสนใจของนกศกษา

ไมใชเอกสาร ผดแลระบบ

22

ตารางท 3.2 ตารางแสดงสภาพปญหาทเกดจากระบบงานในปจจบน

งาน/กจกรรม ปญหา ความตองการ 1. การเกบขอมลสมาชก

ไมมการเกบขอมลเปนแฟมขอมล เกบขอมลลงในฐานขอมล

2. ขอมลขาวสาร

ไมมการเกบขอมลเปนแฟมขอมล เก บขอมลลงในฐานขอมล

3. ขอมลกระท

ไมมการเกบขอมลเปนแฟมขอมล เกบขอมลลงในฐานขอมล

4. คนนกศกษา

ไมมการเกบขอมลเปนแฟมขอมล ใหสมาชกกรอกขอมลใหตรงตามความเปนจรง

23

แผนผงการท างานของระบบงานปจจบน

ภาพท 3.1 แผนผงระบบขาวสาร

24

การออกแบบและพฒนาโปรแกรม

1. การแบบออกสวนน าเขาขอมล

ภาพท 3.2 หนาสมครสมาชก

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

25

ภาพท 3.3 หนาแกไขขอมลสมาชก

แสดงหนาแกไขขอมลสมาชก เพอท าการแกไขขอมลสวนตวของสมาชก ตลอดจนการใสขอมลเพมเตมตางๆ

26

ภาพท 3.4 หนาจอการตงกระท

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

27

ภาพท 3.5 หนาจอการตอบกระท

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

28

ภาพท 3.6 หนาจอการตงขาวสาร

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

29

ภาพท 3.7 หนาจอการตอบขาวสาร

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

30

2. การออกแบบสวนของผลลพธ

ภาพท 3.8 รายงานผลลพธของการคนหา

เปนหนาจอแสดงผลลพธ การคนหาขอมลศษยเกาโดยการคนหาจากต าแหนงงาน เกรดเฉลย สถานะการท างาน

31

3. การออกแบบฐานขอมล

ภาพท 3.9 การแสดงความสมพนธของขอมล

32

ตารางท 3.3 รายการตารางขอมล

ชอตาราง ค าอธบาย

Category Graduation Member Menu News News_Comment Permission Usertype Webboard Webboard_Comment

ตารางขอมลหมวดหม ตารางขอมลการศกษา ตารางขอมลสมาชก ตารางขอมลเมน ตารางขอมลขาวสาร ตารางขอมลความคดเหนขาวสาร ตารางขอมลสทธการเขาใช ตารางขอมลประเภทผใช ตารางขอมลกระท ตารางขอมลแสดงความคดเหนกระท

33

4. การพฒนาโปรแกรม

4.1 ออกแบบฐานขอมลโดยใชโปรแกรม XAMPP for Windows

ภาพท 3.10 การออกแบบฐานขอมล

34

4.2 การออกแบบสวนตดตอผใช โดยใชโปรแกรม XAMPP for Windows ดวยภาษา PHP

ภาพท 3.11 การออกแบบสวนตดตอกบผใชระบบ

35

4.3 การเขยนโปรแกรมตดตอกบฐานขอมลดวยภาษา PHP

ภาพท 3.12 แสดงการเขยนโปรแกรมเพอใชตดตอฐานขอมล