บทท 3

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

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

จากการทไดสารวจปญหา ศกษาขอมลเบองตน ภายในแผนก IT Service Desk นนพบวา เนองจาก

องคกรภายในบรษทมขนาดใหญทาใหปญหามมากขน ซงบางปญหาทเขามา ไมสามารถตอบไดในทนท

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

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

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

1. ไดเกบขอมลโปรแกรมตาง ๆ ทบคลากรภายในแผนก IT Service Desk ใช เชน ในและวนม

ปญหาอะไรเขามาบอยทสด หรอปญหาอะไรคอนขางมความยากงายตอการตอบปญหา

2. รวบรวมขอมลรายละเอยดอน ๆ ทใช มาออกแบบ และวเคราะหเพมเตม

3. ไดมการสอบถามผใชทเขามาใชบรการวาในสวนใดมปญหามากทสด

4. ไดมการสอบถามขอมลเบอรโทรศพทภายในทพนกงานคนหาบอยทสด

5. ไดมการตดตอกบแผนกตางๆ เพอตรวจสอบคมอทไดมาวามความถกตองหรอไม

22

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

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

แผนก IT Service Desk ทาใหไดทราบถงระบบงานดงน

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

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

1. กระดานขอความ

(เวบบอรด)

ประกาศรายละเอยดงานตาง ๆ

ผานเอกสาร Inter Office

Communication

เอกสาร Inter Office

Communication

พนกงาน

2. การคนหาขอมล สอบถามหรอตดตอเบอร

ภายในองคกร

แฟมเกบขอมลในหนวยงาน พนกงาน

3. เพมขอมลคมอ บคลากรรบการอพเดทขอมล

โปรแกรมใหม ๆ แลวปรนเกบ

เปนแฟมขอมล

แฟมเกบขอมลในหนวยงาน พนกงาน

4. เพมขอมลเบอร

โทรศพท

รายละเอยดเบอรโทรตางๆจะ

จดเกบในรปแบบของกระดาษ

- พนกงาน

5. เพมขอมลใน

เวบบอรด

รายละเอยดของขอความใน

กระทซงจะอยในเวบบอรด

- พนกงาน

23

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

งาน/กจกรรม ปญหา ความตองการ

1. กระดานขอความ

(เวบบอรด)

ทาใหเกดการตกหลนของขอมล

บคลกรภายใน ไมไดรบการแจง

ขอมลครบทกคน เนองจากทางาน

เปลยนกะกนตลอดเวลา

ป ระ ก า ศ ผา นก ระ ดา นขอค วา ม

สะดวกตอการใชงาน สามารถพดคย

ตอบคาถามได

2. การคนหาขอมล ก า ร คน ห า ขอ ม ล เ ก ด ค วา ม ไ ม

สะดวก ใชเวลานานในการคนหา

เกบรวบรวมขอมลไวเปนหมวดหม

เพองายตอการคนหา

3. เพมขอมลคมอ เกบขอมลในรปแบบเอกสาร อาจ

ทาใหขอมลในเอกสารตกหลน

หรอชารดได

บนทกลงฐานขอมล ปองกนการสญ

หาย

4. เพมขอมลเบอร

เบอรโทรศพท

- -

5. เพมขอมลในเวบบอรด - -

24

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

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

เพมขอมลเวบบอรด

เรมตน

ผใชขอขอมลคมอ

แสดงขอมลคมอ

จบการทางาน

คมอการเซต

คอมพวเตอร

คมอการเซต

โทรศพท

แสดงขอมลคมอ

เพมขอมลเบอรโทร

Y Y

N N

25

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

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

ภาพท 3.2 การออกแบบสวนขอมลนาเขาการเขาสระบบ

เปนหนาจอสาหรบกอนเขาเวบไซต สาหรบบคลากรภายใน สามารถใส Username และ Password

เพอแกไขเปลยนแปลงขอมลในบางสวนของเวบไซต

26

2. หมวดหมของคมอ

ภาพท 3.3 การออกแบบหนาจอสวนของหมวดหมคมอ

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

งาน โดยแบงตามหมวดหมทจาแนกไว

27

3. หมวดหมของเบอรโทรศพท

ภาพท 3.4 การออกแบบหนาจอสวนของหมวดเบอรโทรศพทอนๆ

สวนการออกแบบของหนาจอเบอรโทรศพท จะออกแบบใหใชงานไดงาย รวดเรว มสสนสะดวกใน

การแสดงขอมล สามารถเพมขอมลเบอรโทรศพทใหม ๆ ได

28

4. การออกแบบสวนกระดานขอความ

ภาพท 3.5 การออกแบบหนาจอสวนของกระดานขอความ

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

ขอความของผโพสได สามารถนบจานวนววของคนดได

29

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

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

30

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

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

Brand

Member

Phone

Product

Product2

Reply

tblFile

Webboard

แฟมเกบหมวดหมคมอ

แฟมรายชอสมาชก

แฟมรายละเอยดเบอรโทรศพท

แฟมรายละเอยดยอยคมอ

แฟมชอคมอ

แฟมกระดานถามตอบ

แฟมเกบรปภาพ

แฟมเกบขอความกระดานขอความ

31

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

3.1 การออกแบบฐานขอมลโดยใชโปรแกรม Microsoft Access 2010

ภาพท 3.7 สวนการออกแบบฐานขอมล

32

3.2 การออกแบบสวนตดตอกบผใชโดยใชโปรแกรม Microsoft Visual Studio 2010

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

33

3.3 การเขยนสวนของโปรแกรมดวยภาษา C#

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