บทท 5 การออกแบบการแสดงผลและการพฒนาระบบ

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

การออกแบบการแสดงผล โครงสรางเวบไซต การพฒนาระบบ

5.1 การออกแบบการแสดงผล

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

1) การออกแบบจอภาพเขาสระบบ มวตถประสงคเพอเปนจอภาพเรมตนในการเขาสระบบ แสดงดงรป 5.1

รป 5.1 การออกแบบการแสดงผล

1

4

2

5

3

65

จากรป 5.1 สามารถอธบายสวนประกอบของหนาจอไดดงน สวนท 1 สวนหว (Header) แสดงชอระบบ สวนท 2 เมนหนาแรก ประกอบดวย

(1) เมนหลก

(2) เมนขอมลเกยวกบสหกจศกษา

(3) เมนขอควรปฏบตในการฝกสหกจศกษา

(4) เมนส าหรบดาวนโหลดเอกสารแบบฟอรมตางๆ

(5) เมนเชอมโยงไปเวบไซตงานสหกจศกษา มหาวทยาลยเชยงใหม

(6) เมนเชอมโยงไปเฟซบคของหนวยสหกจศกษา

สวนท 3 สวนการรบชอผใช และรหสผานเพอยนยนตวตนเขาสระบบ

สวนท 4 สวนการประกาศขาวสารประชาสมพนธ สวนท 5 สวนทาย (Footer) แสดงทอย ทสามารถตดตอได 2) การออกแบบจอภาพส าหรบผใชงาน เมอผใชงานระบบท าการลอกอนเขาสระบบงาน

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

จากรป 5.1 สวนประกอบของจอภาพหนาหลกส าหรบผใชงานระบบ มดงน สวนท 1 สวนหว แสดงชอระบบ สวนท 2 สวนของเมนหลก ซงจะแตกตางกนตามสทธของผใชงานระบบ สวนท 3 สวนแสดงชอ-นามสกล ผใชงานระบบ และ ปม “ออกจากระบบ” สวนท 4 สวนจอภาพการแสดงผล ซงจะแตกตางกนตามสทธของผใชงาน สวนท 5 สวนทาย แสดงทอย ทสามารถตดตอได 3) การออกแบบหนาจอการแสดงผลขอมล มวตถประสงคเพอเปนสวนทท าการแสดงผล

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

สวนท 1 สวนหว แสดงชอระบบ สวนท 2 สวนของเมนหลก ซงจะแตกตางกนตามสทธของผใชงานระบบ สวนท 3 สวนแสดงชอ-นามสกล ผใชงานระบบ และ ปม “ออกจากระบบ” สวนท 4 สวนแสดงผลรายงานแตกตางกนตามสทธผใชงาน สวนท 5 สวนทาย แสดงทอย ทสามารถตดตอได

66

5.2 โครงสรางเวบไซต ในการออกแบบโครงสรางเวบไซตส าหรบการศกษาครงน ผศกษาไดท าการจดแบง

โครงสรางเวบไซต ออกเปนหมวดหมดงตอไปน 1) หนาจอหลก

(1) การเขาสระบบ (2) ขอมลเกยวกบสหกจศกษา (3) ขอควรปฏบตในการฝกสหกจศกษา (4) ดาวนโหลดเอกสารแบบฟอรมตางๆ (5) การเชอมโยงไปเวบไซตงานสหกจศกษา มหาวทยาลยเชยงใหม (6) การเชอมโยงไปเฟซบคของหนวยสหกจศกษา

2) สวนส าหรบผดแลระบบ (1) เปลยนแปลงสถานะการใชงานของผใชงานระบบ (2) เปลยนรหสผาน (3) ออกจากระบบ

3) สวนส าหรบอาจารยนเทศก (1) เรยกดขอมลนกศกษา แผนการท างาน ขอมลการปฏบตงาน (2) จดการขอมลรายงานพฤตกรรมจากสถานประกอบการ (3) ท าการประเมนความพงพอใจทมตอสถานประกอบการ (4) ท าการประเมนผลการปฏบตงานของนกศกษา (5) เปลยนรหสผาน (6) ออกจากระบบ

4) สวนส าหรบสถานประกอบการ (1) เรยกดขอมลนกศกษา แผนการท างาน ขอมลการปฏบตงาน (2) แจงรายงานพฤตกรรมนกศกษาตออาจารยนเทศก (3) ท าการประเมนผลการปฏบตงานของนกศกษา (4) เปลยนรหสผาน (5) ออกจากระบบ

5) สวนส าหรบนกศกษา (1) เรยกดขอมลนกศกษา (2) ท าการสงแผนการท างานและการบนทกขอมลการปฏบตงาน

67

(3) ท าการประเมนความพงพอใจทมตอสถานประกอบการ (4) เรยกดผลการประเมนการปฏบตงานของตนเอง (5) เปลยนรหสผาน (6) ออกจากระบบ

6) สวนส าหรบเจาหนาทสหกจศกษา (1) จดการขอมลขาวประชาสมพนธ (2) จดการขอมลพนฐาน ประกอบดวย ขอมลนกศกษา ขอมลสถานประกอบการ

ขอมลอาจารยนเทศก และขอมลผบรหาร (3) จดการขอมลทวไป ประกอบดวย สาขาวชา ค าน าหนาชอ ความสามารถพเศษ

และสวสดการของสถานประกอบการ (4) การก าหนดนกศกษาเขาปฏบตงานสหกจศกษา ณ สถานประกอบการ (5) การก าหนดอาจารยนเทศกเขานเทศงาน ณ สถานประกอบการ (6) จดการตารางการนเทศกงาน (7) จดการท าจดหมายอตโนมต ประกอบดวย จดหมายขอความอนเคราะหการ

ฝกสหกจศกษา แบบตอบรบนกศกษาเขาฝกสหกจศกษา จดหมายสงตวนกศกษา จดหมายขอบคณสถานประกอบการ

(8) เรยกดรายงานขอมลนกศกษา (9) เรยกดรายงานขอมลสถานประกอบการ (10) เรยกดรายงานขอมลการฝกสหกจศกษา (11) เรยกดรายงานสรปตารางการนเทศกงาน (12) เรยกดรายงานสรปผลการประเมนการปฏบตงาน (13) เรยกดรายงานสรปผลการประเมนความพงพอใจสถานประกอบการ (14) เปลยนรหสผาน (15) ออกจากระบบ

7) สวนส าหรบผบรหาร (1) เรยกดรายงานขอมลการฝกสหกจศกษา (2) เรยกดรายงานสรปตารางการนเทศกงาน (3) เรยกดรายงานสรปผลการประเมนการปฏบตงาน (4) เรยกดรายงานสรปผลการประเมนความพงพอใจสถานประกอบการ (5) เปลยนรหสผาน

68

(6) ออกจากระบบ

5.3 การพฒนาระบบ การพฒนาระบบสารสนเทศส าหรบงานสหกจศกษาของคณะมนษยศาสตร มหาวทยาลย

เชยงใหม ผศกษาไดด าเนนการพฒนาระบบดงน

1) เครองมอทใชในการพฒนาระบบ เครองมอหลกในการพฒนาระบบ คอ โปรแกรม แอพเซรฟ (AppServ Open

Project - 2.5.10) ส าหรบวนโดวส ประกอบดวย

(1) โปรแกรมอาปาเช (Apache 2.2.8) ใชส าหรบเปนเวบเซรฟเวอร

(2) โปรแกรมมายเอสควแอล (MySQL 5.0.51b) ใชส าหรบเปนโปรแกรม

ฐานขอมล

(3) โปรแกรมพเอชพ (PHP 5.2.6) ใชส าหรบแปลภาษาพเอชพ

(4) โปรแกรมพเอชพมายแอดมน (phpMyAdmin 2.10.3) ใชส าหรบเปนโปรแกรม

จดการฐานขอมลมายเอสควแอล

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

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

69

ตาราง 5.1 แสดงค าอธบายหนาทของไฟลในระบบ ล าดบ ชอไฟล ค าอธบาย

1. add.php ไฟลส าหรบการเพมขอมล

2. connectdb.php ไฟลก าหนดคาการเชอมตอกบฐานขอมล

3. edit.php ไฟลส าหรบการแกไขขอมล

4. function.php ไฟลส าหรบรวมฟงชนในการท างานของระบบ

5. index.php ไฟลหนาหลกของระบบ

6. letter.php ไฟลส าหรบการท าจดหมายอตโนมต

7. login.php ไฟลการตรวจสอบขอมลการเขาสระบบ

8. logout.php ไฟลส าหรบออกจากระบบ

9. manage_company.php ไฟลส าหรบการจดการขอมลสถานประกอบการ

10. manage_executive.php ไฟลส าหรบการจดการขอมลผบรหาร

11. manage_major.php ไฟลส าหรบการจดการขอมลสาขาวชา

12. manage_prefix.php ไฟลส าหรบการจดการขอมลค าน าหนาชอ

13. manage_skill.php ไฟลส าหรบการจดการขอมลผความสามารถ

พเศษ

14. manage_student.php ไฟลส าหรบการจดการขอมลนกศกษา

15. manage_teacher.php ไฟลส าหรบการจดการขอมลอาจารยนเทศก

16. manage_welfare.php ไฟลส าหรบการจดการขอมลสวสดการ

สถานประกอบการ

17. menu_top.php ไฟลการเรยกใชเมนส าหรบแตละผใชงาน

18. qn_company.php ไฟลเกบขอมลการประเมนความพงพอใจ

สถานประกอบการ

19. qn_student.php ไฟลเกบขอมลการประเมนการปฏบตงาน

นกศกษา

20. report_company.php ไฟลแสดงรายงานขอมลสถานประกอบการ

70

ตาราง 5.1 แสดงค าอธบายหนาทของไฟลในระบบ (ตอ) ล าดบ ชอไฟล ค าอธบาย

21. report_qn.php ไฟลแสดงรายงานสรปผลการประเมนการ

ปฏบตงาน

22. report_satcompany.php ไฟลแสดงรายงานสรปผลการประเมนความพง

พอใจสถานประกอบการ

23. report_student.php ไฟลแสดงรายงานขอมลนกศกษา

24. report_training.php ไฟลแสดงรายงานขอมลการฝกสหกจศกษา

25. report_visit.php ไฟลแสดงรายงานสรปตารางการนเทศกงาน

26. schedule.php ไฟลก าหนดตารางการนเทศกงาน

27. student_company.php ไฟลก าหนดนกศกษาเขาปฏบตงาน ณ

สถานประกอบการ

28. teacher_company.php ไฟลก าหนดอาจารยนเทศกเขานเทศงาน ณ

สถานประกอบการ

29. user.php ไฟลแสดงสถานะการใชงานของผใชงานระบบ

30. work_do.php ไฟลบนทกแผนการท างาน

31. work_plan.php ไฟลบนทกขอมลการปฏบตงาน