การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/unit...

มหาวท

ยาลยราชภฏธนบร

บทท 3

การวเคราะหและออกแบบระบบ

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

3.1 ประชากรและกลมตวอยาง 3.2 เครองมอทใชในการพฒนาระบบ 3.3 แผนการด าเนนงาน 3.4 การวเคราะหระบบ 3.5 การออกแบบระบบ 3.6 การออกแบบฐานขอมล 3.7 การออกแบบหนาจอการใชงาน

3.1 ประชากรและกลมตวอยาง ประชากรทใชในการวจยครงน ไดแก ผเชยวชาญดานเนอหา จ านวน 3 คน และผเชยวชาญ

ดานรปแบบเวบไซตจ านวน 2 คน โดยใชวธการสมตวอยางแบบเจาะจง

3.2 เครองมอทใชในการพฒนาระบบ เครองมอทใชในการพฒนาระบบเบก-จายวสดอปกรณออนไลน กรณศกษา บรษท แพนฟด

จ ากด ประกอบไปดวย 3.2.1 ฮารดแวรทใชในการจดท าระบบ

ฮารดแวรคอมพวเตอร (Computer Hardware) คอ องคประกอบทางกายภาพของระบบคอมพวเตอรอนประกอบดวยเครองคอมพวเตอรและอปกรณตอพวงสวนตางๆ ซงคณสมบตของคอมพวเตอรทตองการใชในการพฒนาระบบเบก-จายวสดอปกรณออนไลน กรณศกษา บรษท แพนฟด จ ากด มดงน

มหาวท

ยาลยราชภฏธนบร

21

1) Intel Core i3-4030U (1.9GHz,3MB L3 cache) 2) Ram 4.0 GB 3) Hard disk 500 GB 4) Printer

3.2.2 ซอฟตแวรทใชในการจดท าระบบ โปรแกรมจดการฐานขอมล คอ โปรแกรมทมความสามารถในการจดการขอมลตางๆหรอการ

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

1) โปรแกรมระบบปฏบตการ 2) โปรแกรมพฒนาแอพพลเคชน 3) โปรแกรมการจดการฐานขอมล

3.2.3 เครองมอการวจย/วธการวเคราะหขอมล แบบประเมนคณภาพของผเชยวชาญจะก าหนดใหคะแนนตามระดบคณภาพของผตอบ

ค าถามทมตอการใชระบบรานจ าหนายอปกรณรถจกรยานยนต โดยแตละค าถามจะก าหนดคะแนนเปน 5 ระดบ โดยมเกณฑการใหคะแนนทแสดงระดบคณภาพแบงออกเปน 5 ระดบ ดงน

คะแนน 5 หมายถง ดมาก คะแนน 4 หมายถง ด คะแนน 3 หมายถง ปานกลาง คะแนน 2 หมายถง นอย คะแนน 1 หมายถง นอยทสด

เกณฑการแปลความหมายของคะแนนเฉลย จากการประเมนคณภาพดานเนอหาและดานสอ มลตมเดย ตามวธของ Likert เปนมาตราสวน 5 ระดบ โดยการก าหนดความหมายคะแนนของ ตวเลอกในแบบประเมนแตละขอ มเกณฑ ดงน

คะแนนเฉลย 4.50 – 5.00 หมายถง ดมาก คะแนนเฉลย 3.50 – 4.49 หมายถง ด คะแนนเฉลย 2.50 – 3.49 หมายถง ปานกลาง คะแนนเฉลย 1.50 – 2.49 หมายถง นอย คะแนนเฉลย 1.00 – 1.49 หมายถง นอยทสด

สถตทใชในการวเคราะหความตองการของผใช ไดแกค านวณหาคาเฉลย และ คาเบยงเบนมาตรฐาน (S.D.)

มหาวท

ยาลยราชภฏธนบร

22

3.3 แผนการด าเนนงาน 3.3.1 ระยะเวลาการด าเนนงาน

ระยะเวลาทใชในการด าเนนงานการศกษาและพฒนาระบบ โดยใชเวลาด าเนนงานประมาณ 4 เดอน เรมตงแต เดอน มถนายน 2561 ถง เดอน กนยายน 2561 ตารางท 3.1 แสดงแผนการด าเนนงาน

ระยะเวลาด าเนนงาน กจกรรม

มถนายน 2561

กรกฎาคม

2561

สงหาคม 2561

กนยายน 2561

1.ศกษาปญหาระบบงานเดม 2.วเคราะหและออกแบบระบบใหม 3.พฒนาระบบใหม 4.ทดสอบและแกไขระบบ 5.ฝกอบรมและท าคมอการใชระบบใหม 6.เกบรวบรวมขอมล 7.สรปผลและรายงาน

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

การด าเนนงานในการศกษาโครงการ ระบบเบก-จายวสดอปกรณ กรณศกษา บรษท แพนฟด จ ากด มขนตอนการด าเนนงานดงน

1) ศกษาระบบงาน 1.1) ศกษาระบบงานเดมทปฏบตงานในปจจบน 1.2) ทฤษฎและขอมลทเกยวของ 2) วเคราะหและออกแบบระบบ 2.1) รวบรวมขอมล 2.2) วเคราะหและศกษาปญหา 2.3) ออกแบบระบบงานใหม 3) ก าหนดขอบเขตการพฒนาระบบ 3.1) ก าหนดขอบเขตของระบบ 4) ออกแบบระบบงาน

มหาวท

ยาลยราชภฏธนบร

23

4.1) ออกแบบโครงสรางการท างาน 4.2) ออกแบบรปรางหนาตาโปรแกรม

5) เขยนโปรแกรม 5.1) เขยนโปรแกรมโดยใชขอมลทไดศกษามาขางตนทง 4 ขนตอนทไดออกแบบ

ในสวนโครงสรางการท างานของโปรแกรมตางๆ 6) ทดสอบโปรแกรม 6.1) ทดสอบโปรแกรมเพอปรบปรงแกไขหากยงไมสมบรณ

7) ปรบปรงโปรแกรม 7.1) ปรบปรงแกไขโปรแกรมใหสมบรณและใชงานได 8) จดท าเอกสาร

ภาพท 3.1 ขนตอนการด าเนนงาน

มหาวท

ยาลยราชภฏธนบร

24

3.4 การวเคราะหระบบ

3.4.1 การวเคราะหการท างานระบบเดม 1) การก าหนดปญหา 1.1) ไมมระบบฐานขอมล ท าใหมขนตอนการท างานทยงยากซ าซอน 1.2) เสยเวลาในการคนหาขอมลรายการวสดอปกณ 1.3) ไมสามารถตรวจสอบการเบกรายการวสดอปกรณได 1.4) ตรวจสอบรายการวสดอปกรณคงเหลอลาชา 1.5) ใชเวลานานในการตรวจสอบขอมลยอนหลง

ดงนนจากปญหาทเกดขนจงไดมการคดคนน าเอาเทคโนโลยสารสนเทศเขามาเกยวของกบ การเกบขอมล ตรวจสอบขอมลยอนหลง และเขาถงขอมลไดงายขน โดยน าเอาคอมพวเตอรและซอฟตแวรเขามาใชในการพฒนาระบบเบก-จายวสดอปกรณ ซงจะท าใหงายตอการบรหารจดการมากขนจงสามารถน ามาเขยนแผนภมกางปลา (Cause Effect Diagram) ดงภาพท 3.2

ภาพท 3.2 แผนภมกางปลาแสดงถงปญหาและสาเหตของปญหาในการพฒนาระบบเบก-จายวสด อปกรณ

มหาวท

ยาลยราชภฏธนบร

25

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

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

3.5 การออกแบบระบบ จากปญหาทเกดขนในการท างาน จงท าใหเกดแนวคดทจะพฒนาระบบงานใหมเพอน ามาใช

ในกระบวนการบรหารจดการ ระบบเบก-จายวสดอปกรณออนไลน กรณศกษา บรษท แพนฟด จ ากด โดยมการออกแบบระบบดงน

มหาวท

ยาลยราชภฏธนบร

26

3.5.1 แผนภาพกระแสขอมลระดบสง (Context Diagram)

ภาพท 3.3 แผนภาพกระแสขอมลระบบเบก-จายวสดอปกรณออนไลน

จากภาพท 3.3 แสดงใหเหนรายละเอยดแผนภาพกระแสขอมลระบบเบก-จายวสดอปกรณออนไลน ประกอบดวย ผดแลระบบ,ผขอเบก และเจาหนาท

ผดแลระบบ ตอง Logic เขาสระบบกอนจงจะสามารถใชงานสวนอนๆได จดการขอมลกลมผใชงาน (ผขอเบก, เจาหนาท) จดการขอมลผใชงาน

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

เจาหนาท ตอง Logic เขาสระบบกอนจงจะสามารถจดการขอมลวสดอปกรณ จดการรายการน าเขาวสดอปกรณ จดการรายการเบกวสดอปกรณ (อนมต / ปฏเสธ) สรปรายงานรายการเบกวสดอปกรณ

มหาวท

ยาลยราชภฏธนบร

27

3.5.2 แผนภาพกระแสขอมลระดบ1 (Data Flow Diagram Level 1)

ภาพท 3.4 แสดงแผนภาพกระแสขอมลระดบ 1 ของระบบเบก-จายวสดออนไลน

มหาวท

ยาลยราชภฏธนบร

28

จากภาพท 3.4 แสดงใหเหนรายละเอยดของกระแสขอมลระดบ 0 ของระบบเบก-จายวสดออนไลน ประกอบดวย 9 กระบวนการ คอ

กระบวนการท 1 เขาสระบบ เปนการตรวจสอบการเขาใชงานของผ ใชงาน ไดแกUserName/Password

กระบวนการท 2 จดการกลมขอมลผใชงาน เปนกระบวนการจดการขอมลกลมผใชงานทเพม,แกไข,ลบ

กระบวนการท 3 จดการขอมลผใชงาน เปนกระบวนการจดการขอมลผใชงานทเพม ,แกไข,ลบ

กระบวนการท 4 จดการขอมลประเภทวสดอปกรณ เปนกระบวนการจดการขอมลประเภทวสดอปกรณทเพม,แกไข,ลบ

กระบวนการท 5 จดการขอมลวสดอปกรณ เปนกระบวนการจดการขอมลวสดอปกรณทเพม,แกไข,ลบ

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

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

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

กระบวนการท 9 สรปรายงานรายการเบกวสดอปกรณ เปนกระบวนการทเรยกดรายการเบก-จายวสดอปกรณ โดยแสดงขอมลประเภทวสดอปกรณ ขอมลวสดอปกรณ ขอมลรายการเบกวสดอปกรณ

มหาวท

ยาลยราชภฏธนบร

29

3.5.3 แผนภาพกระแสขอมลระดบ 2 (Data Flow Diagram Level 2) 1) DFD Fragment 2 : จดการขอมลกลมผใชงาน

ภาพท 3.5 แผนภาพกระแสขอมลระดบท 2 กระบวนการจดการขอมลกลมผใชงาน

มหาวท

ยาลยราชภฏธนบร

30

จากภาพท 3.5 แสดงใหเหนละเอยดของกระแสขอมลระดบท 1 กระบวนการจดการขอมลกลมผใชงาน ประกอบดวย 4 กระบวนการ ดงน กระบวนการท 2.1 เพมขอมลกลมผใชงาน เปนกระบวนการทแสดงขอมลกลมผใชงานทเพม กระบวนการท 2.2 คนหาขอมลกลมผใชงาน เปนกระบวนการคนหาขอมลกลมผใชงานโดยการปอนขอมลทตองการคนหา กระบวนการท 2.3 แกไขขอมลกลมผใชงาน เปนกระบวนการทแสดงขอมลกลมผใชงานทแกไข กระบวนการท 2.4 ลบขอมลกลมผใชงาน เปนกระบวนการทแสดงขอมลกลมผใชงานทลบ

มหาวท

ยาลยราชภฏธนบร

31

2) DFD Fragment 3 : จดการขอมลผใชงาน

ภาพท 3.6 แผนภาพกระแสขอมลระดบท 2 กระบวนการจดการขอมลผใชงาน

มหาวท

ยาลยราชภฏธนบร

32

จากภาพท 3.6 แสดงใหเหนละเอยดของกระแสขอมลระดบท 1 กระบวนการจดการขอมลผใชงาน ประกอบดวย 4 กระบวนการ ดงน กระบวนการท 3.1 เพมขอมลผใชงาน เปนกระบวนการทแสดงขอมลผใชงานท เพม กระบวนการท 3.2 คนหาขอมลผใชงาน เปนกระบวนการคนหาขอมลผใชงานโดยการปอนขอมลทตองการคนหา กระบวนการท 3.3 แกไขขอมลผใชงาน เปนกระบวนการทแสดงขอมลผใชงานทแกไข กระบวนการท 3.4 ลบขอมลผใชงาน เปนกระบวนการทแสดงขอมลผใชงานทลบ

มหาวท

ยาลยราชภฏธนบร

33

3) DFD Fragment 4 : จดการขอมลประเภทวสดอปกรณ

ภาพท 3.7 แผนภาพกระแสขอมลระดบท 2 กระบวนการจดการขอมลประเภทวสดอปกรณ

มหาวท

ยาลยราชภฏธนบร

34

จากภาพท 3.7 แสดงใหเหนละเอยดของกระแสขอมลระดบท 1 กระบวนการจดการขอมลประเภทวสดอปกรณ ประกอบดวย 4 กระบวนการ ดงน กระบวนการท 4.1 เพมขอมลประเภทวสดอปกรณ เปนกระบวนการทแสดงขอมลประเภทวสดอปกรณทเพม

กระบวนการท 4.2 คนหาขอมลประเภทวสดอปกรณ เปนกระบวนการคนหาขอมลประเภทวสดอปกรณโดยการปอนขอมลทตองการคนหา กระบวนการท 4.3 แกไขขอมลประเภทวสดอปกรณ เปนกระบวนการทแสดงขอมลประเภทวสดอปกรณทแกไข กระบวนการท 4.4 ลบขอมลประเภทวสดอปกรณ เปนกระบวนการทแสดงขอมลประเภทวสดอปกรณทลบ

มหาวท

ยาลยราชภฏธนบร

35

4) DFD Fragment 5 : จดการขอมลวสดอปกรณ

ภาพท 3.8 แผนภาพกระแสขอมลระดบท 2 กระบวนการจดการขอมลวสดอปกรณ

มหาวท

ยาลยราชภฏธนบร

36

จากภาพท 3.8 แสดงใหเหนละเอยดของกระแสขอมลระดบท 1 กระบวนการจดการขอมลวสดอปกรณประกอบดวย 4 กระบวนการ ดงน กระบวนการท 5.1 เพมขอมลวสดอปกรณ เปนกระบวนการทแสดงขอมลวสดอปกรณทเพม กระบวนการท 5.2 คนหาขอมลวสดอปกรณ เปนกระบวนการคนหาขอมลวสดอปกรณโดยการปอนขอมลทตองการคนหา กระบวนการท 5.3 แกไขขอมลวสดอปกรณ เปนกระบวนการทแสดงขอมลวสดอปกรณทแกไข กระบวนการท 5.4 ลบขอมลวสดอปกรณ เปนกระบวนการทแสดงขอมลวสดอปกรณทลบ

มหาวท

ยาลยราชภฏธนบร

37

5) DFD Fragment 6 : จดการรายการน าเขาขอมลวสดอปกรณ

ภาพท 3.9 แผนภาพกระแสขอมลระดบท 2 กระบวนการจดการรายการน าเขาขอมลวสดอปกรณ

มหาวท

ยาลยราชภฏธนบร

38

จากภาพท 3.9 แสดงใหเหนละเอยดของกระแสขอมลระดบท 1 กระบวนการจดการรายการน าเขาขอมลวสดอปกรณ ประกอบดวย 6 กระบวนการ ดงน กระบวนการท 6.1 เลอกประเภทวสดอปกรณทตองการน าเขา เปนกระบวนการเลอกขอมลประเภทวสดอปกรณทตองการน าเขา กระบวนการท 6.2 เลอกวสดอปกรณทตองน าเขา เปนกระบวนการเลอกขอมลวสดอปกรณทตองการน าเขา กระบวนการท 6.3 ระบจ านวนทตองการน าเขา เปนกระบวนการระบจ านวนรายการวสดอปกรณทตองการน าเขา กระบวนการท 6.4 ระบรายละเอยดทตองการน าเขา เปนกระบวนการระบรายละเอยดน าเขาขอมลวสดอปกรณ กระบวนการท 6.5 บนทกขอมลรายการน าเขาวสดอปกรณ เปนกระบวนการบนทกขอมลรายการน าเขาวสดอปกรณ ไดแก ขอมลรายการน าเขาวสดอปกรณ กระบวนการท 6.6 ยนยนรายการน าเขาขอมลวสดอปกรณ เปนกระบวนการแสดงการยนยนการน าเขาขอมลวสดอปกรณ ไดแก ขอมลรายการน าเขาวสดอปกรณ

มหาวท

ยาลยราชภฏธนบร

39

6) DFD Fragment 7 : รองขอรายการเบกวสดอปกรณ

ภาพท 3.10 แผนภาพกระแสขอมลระดบท 2 กระบวนการรองขอรายการเบกวสดอปกรณ

มหาวท

ยาลยราชภฏธนบร

40

จากภาพท 3.10 แสดงใหเหนละเอยดของกระแสขอมลระดบท 1 กระบวนการรองขอรายการเบกวสดอปกรณ ประกอบดวย 7 กระบวนการ ดงน

กระบวนการท 7.1 เลอกประเภทวสดอปกรณทตองการเบก เปนกระบวนการเลอกประเภทวสดอปกรณทตองการเบก

กระบวนการท 7.2 เลอกวสดอปกรณทตองการเบก เปนกระบวนการเลอกวะสดอปกรณทตองการเบก กระบวนการท 7.3 ระบจ านวนทตองการเบก เปนกระบวนการระบจ านวนรายการวสดอปกรณทตองการเบก กระบวนการท 7.4 ระบรายละเอยดทตองการเบก เปนกระบวนการระบรายละเอยดรายการเบกวสดอปกรณ กระบวนการท 7.5 บนทกขอมลรายการเบกวสดอปกรณ เปนกระบวนการบนทกขอมลรายการเบกวสดอปกรณ ไดแก ขอมลรายการเบกวสดอปกรณ กระบวนการท 7.6 สงขอมลรายการเบกเพออนมต เปนกระบวนการสงขอมลรายการเบกวสดอปกรณเพอขออนมตเบก กระบวนการท 7.7 ตรวจสอบสถานะรายการเบกวสดอปกรณ เปนกระบวนการทแสดงสถานะรายการเบกวสดอปกรณ ตรวจสอบสถานะรายการเบกวสดอปกรณทอนมต,ปฏเสธ

มหาวท

ยาลยราชภฏธนบร

41

7) DFD Fragment 8 : จดการรายการเบกวสดอปกรณ

ภาพท 3.11 แผนภาพกระแสขอมลระดบท 2 กระบวนการจดการรายการเบกวสดอปกรณ

มหาวท

ยาลยราชภฏธนบร

42

จากภาพท 3.11 แสดงใหเหนละเอยดของกระแสขอมลระดบท 1 กระบวนการจดการรายการเบกวสดอปกรณ ประกอบดวย 2 กระบวนการ ดงน

กระบวนการท 8.1 ตรวจสอบขอมลรายการเบกวสดอปกรณ เปนกระบวนการตรวจสอบขอมลรายการเบกวสดอปกรณ

กระบวนการท 8.2 ปรบสถานะรายการเบกวสดอปกรณ เปนกระบวนการปรบสถานะรายการเบกวสดอปกรณ

มหาวท

ยาลยราชภฏธนบร

43

8 ) DFD Fragment 9 : สรปรายงานรายการเบกวสดอปกรณ

ภาพท 3.12 แผนภาพกระแสขอมลระดบท 2 กระบวนการสรปรายงานรายการเบกวสดอปกรณ

มหาวท

ยาลยราชภฏธนบร

44

จากภาพท 3.12 แสดงใหเหนละเอยดของกระแสขอมลระดบท 1 กระบวนการสรปรายงานรายการเบกวสดอปกรณ ประกอบดวย 2 กระบวนการ ดงน

กระบวนการท 9.1 เรยกดรายงานการเบกวสดอปกรณ เปนกระบวนการเรยกดรายงานการเบกวสดอปกรณ ไดแก ขอมลประเภทวสดอปกรณ ขอมลวสดอปกรณ ขอมลรายการเบกวสดอปกรณ

กระบวนการท 9.2 สรปรายงานการเบกวสดอปกรณ เปนกระบวนการแสดงรายงานการเบกวสดอปกรณ

มหาวท

ยาลยราชภฏธนบร

45

3.5.4 ค าอธบายการประมวลผล (Process Description)

ตารางท 3.2 แสดงค าอธบายการประมวลผล Fragment 2 : จดการขอมลกลมผใชงาน

Process Description System : ระบบเบก-จายวสดอปกรณออนไลน DFD number : 2 Process name : จดการขอมลกลมผใชงาน Input Data Flows : เพมขอมลกลมผใชงาน

แกไขขอมลกลมผใชงาน ลบขอมลกลมผใชงาน

Output Data Flow : ขอมลกลมผใชงาน Data Stored Used : ขอมลกลมผใชงาน Description : เปนกระบวนการจดการขอมลกลมผใชงาน ดงน

2.1 เพมขอมลกลมผใชงาน 2.2 คนหาขอมลกลมผใชงาน 2.3 แกไขขอมลกลมผใชงาน 2.4 ลบขอมลกลมผใชงาน

มหาวท

ยาลยราชภฏธนบร

46

ตารางท 3.3 แสดงค าอธบายการประมวลผล Fragment 3 : จดการขอมลผใชงาน

Process Description System : ระบบเบก-จายวสดอปกรณออนไลน DFD number : 3 Process name : จดการขอมลผใชงาน Input Data Flows : เพมขอมลผใชงาน

แกไขขอมลผใชงาน ลบขอมลผใชงาน

Output Data Flow : ขอมลผใชงาน Data Stored Used : ขอมลกลมผใชงาน

ขอมลผใชงาน Description : เปนกระบวนการจดการขอมลผใชงาน ดงน

3.1 เพมขอมลผใชงาน 3.2 คนหาขอมลผใชงาน 3.3 แกไขขอมลผใชงาน 3.4 ลบขอมลผใชงาน

มหาวท

ยาลยราชภฏธนบร

47

ตารางท 3.4 แสดงค าอธบายการประมวลผล Fragment 4 : จดการขอมลประเภทวสดอปกรณ

Process Description System : ระบบเบก-จายวสดอปกรณออนไลน DFD number : 4 Process name : จดการขอมลประเภทวสดอปกรณ Input Data Flows : เพมขอมลประเภทวสดอปกรณ

แกไขขอมลประเภทวสดอปกรณ ลบขอมลประเภทวสดอปกรณ

Output Data Flow : ขอมลประเภทวสดอปกรณ Data Stored Used : ขอมลประเภทวสดอปกรณ Description : เปนกระบวนการจดการขอมลประเภทวสดอปกรณ ดงน

4.1 เพมขอมลประเภทวสดอปกรณ 4.2 คนหาขอมลประเภทวสดอปกรณ 4.3 แกไขขอมลประเภทวสดอปกรณ 4.4 ลบขอมลประเภทวสดอปกรณ

มหาวท

ยาลยราชภฏธนบร

48

ตารางท 3.5 แสดงค าอธบายการประมวลผล Fragment 5 : จดการขอมลวสดอปกรณ

Process Description System : ระบบเบก-จายวสดอปกรณออนไลน DFD number : 5 Process name : จดการขอมลวสดอปกรณ Input Data Flows : เพมขอมลวสดอปกรณ

แกไขขอมลวสดอปกรณ ลบขอมลวสดอปกรณ

Output Data Flow : ขอมลวสดอปกรณ Data Stored Used : ขอมลประเภทวสดอปกรณ

ขอมลวสดอปกรณ Description : เปนกระบวนการจดการขอมลวสดอปกรณ ดงน

5.1 เพมขอมลวสดอปกรณ 5.2 คนหาขอมลวสดอปกรณ 5.3 แกไขขอมลวสดอปกรณ 5.4 ลบขอมลวสดอปกรณ

มหาวท

ยาลยราชภฏธนบร

49

ตารางท 3.6 แสดงค าอธบายการประมวลผล Fragment 6 : จดการรายการน าเขาวสดอปกรณ

Process Description System : ระบบเบก-จายวสดอปกรณออนไลน DFD number : 6 Process name : จดการรายการน าเขาวสดอปกรณ Input Data Flows : ประเภทวสดอปกรณทตองการน าเขา

วสดอปกรณทตองการน าเขา จ านวนทตองการน าเขา รายละเอยดทตองการน าเขา

Output Data Flow : รายการน าเขาขอมลวสดอปกรณ Data Stored Used : ขอมลประเภทวสดอปกรณ

ขอมลวสดอปกรณ ขอมลรายการน าเขาวสดอปกรณ

Description : เปนกระบวนการจดการรายการน าเขาวสดอปกรณ ดงน 6.1 เลอกประเภทวสดอปกรณทตองการน าเขา 6.2 เลอกวสดอปกรณทตองการน าเขา 6.3 ระบจ านวนทตองการน าเขา 6.4 ระบรายละเอยดทตองการน าเขา 6.5 บนทกขอมลรายการน าเขาวสดอปกรณ 6.6 ยนยนรายการน าเขาขอมลวสดอปกรณ

มหาวท

ยาลยราชภฏธนบร

50

ตารางท 3.7 แสดงค าอธบายการประมวลผล Fragment 7 : รองขอรายการเบกวสดอปกรณ

Process Description System : ระบบเบก-จายวสดอปกรณออนไลน DFD number : 7 Process name : รองขอรายการเบกวสดอปกรณ Input Data Flows : ประเภทวสดอปกรณทตองการเบก

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

Output Data Flow : รายการเบกขอมลวสดอปกรณ Data Stored Used : ขอมลประเภทวสดอปกรณ

ขอมลวสดอปกรณ ขอมลรายการเบกวสดอปกรณ

Description : เปนกระบวนการจดการรองขอรายการเบกวสดอปกรณ ดงน 7.1 เลอกประเภทวสดอปกรณทตองการเบก 7.2 เลอกวสดอปกรณทตองการเบก 7.3 ระบจ านวนทตองการเบก 7.4 ระบรายละเอยดทตองการเบก 7.5 บนทกขอมลรายการเบกวสดอปกรณ 7.6 สงรายการขอมลเบกเพออนมต 7.7 ตรวจสอบสถานะรายการเบกวสดอปกรณ

มหาวท

ยาลยราชภฏธนบร

51

ตารางท 3.8 แสดงค าอธบายการประมวลผล Fragment 8 : จดการรายการเบกวสดอปกรณ

Process Description System : ระบบเบก-จายวสดอปกรณออนไลน DFD number : 8 Process name : จดการรายการเบกวสดอปกรณ Input Data Flows : ขอมลรายการเบกวสดอปกรณ Output Data Flow : สถานะรายการเบกขอมลวสดอปกรณ Data Stored Used : ขอมลรายการเบกวสดอปกรณ Description : เปนกระบวนการจดการรายการเบกวสดอปกรณ ดงน

8.1 ตรวจสอบขอมลรายการเบกวสดอปกรณ 8.2 ปรบสถานะรายการเบกวสดอปกรณ

มหาวท

ยาลยราชภฏธนบร

52

ตารางท 3.9 แสดงค าอธบายการประมวลผล Fragment 9 : สรปรายงานการเบกวสดอปกรณ

Process Description System : ระบบเบก-จายวสดอปกรณออนไลน DFD number : 9 Process name : สรปรายงานการเบกวสดอปกรณ Input Data Flows : ขอมลการเบกวสดอปกรณ Output Data Flow : รายงานการเบกวสดอปกรณ Data Stored Used : ขอมลประเภทวสดอปกรณ

ขอมลวสดอปกรณ ขอมลรายการเบกวสดอปกรณ รายงานการเบกวสดอปกรณ

Description : เปนกระบวนการจดการสรปรายงานการเบกวสดอปกรณ ดงน 9.1 เรยกดรายงานการเบกวสดอปกรณ 9.2 สรปรายงานการเบกวสดอปกรณ

มหาวท

ยาลยราชภฏธนบร

53

3.6 การออกแบบฐานขอมล

3.6.1 แบบจ าลองความสมพนธเอนทต (Entity Relationship Diagram)

ภาพท 3.13 Entity Relationship Diagram ของการพฒนาระบบเบก-จายวสดอปกรณออนไลน

มหาวท

ยาลยราชภฏธนบร

54

3.6.2 พจนานกรมขอมล (Data Dictionary)

ตารางท 3.10 แสดงเอนทตทเกยวของในระบบเบก-จายวสดอปกรณออนไลน

ล าดบ ชอแฟมตารางภาษาไทย ชอแฟมตารางภาษาองกฤษ 1 ตารางกลมผใชงาน SYS_UserGroup 2 ตารางผใชงาน SYS_User 3 ตารางประเภทวสดอปกรณ MS_Catalog 4 ตารางวสดอปกรณ MS_Item 5 ตารางรายการน าเขาวสดอปกรณ TR_Import 6 ตารางรายการเบกวสดอปกรณ TR_Request

ตารางท 3.11 แสดงรายการแอททบวตของเอนทตขอมลกลมผใชงาน (SYS_UserGroup)

Entity name : SYS_UserGroup

Description : ขอมลกลมผใชงาน เขตขอมล ชนด/ขนาดขอมล ความหมาย PK FK หมายเหต

UserGroupId int รหสกลมผใชงาน √ UserGroupName Varchar(50) ชอกลมผใชงาน Detail varchar(500) รายละเอยด

IsActive bit สถานะของขอมล 0 = ไมใชงาน 1 = ใชงาน

CreateDate datetime วนทสราง CreateBy varchar(50) ผใชงานทสราง UpdateDate datetime วนทแกไขลาสด UpdateBy varchar(50) ผใชงานทแกไขลาสด

มหาวท

ยาลยราชภฏธนบร

55

ตารางท 3.12 แสดงรายการแอททบวตของเอนทตขอมลผใชงาน (SYS_User)

Entity name : SYS_User Description : ขอมลผใชงาน

เขตขอมล ชนด/ขนาดขอมล ความหมาย PK FK หมายเหต UserId int รหสผใชงาน √ UserGroupId int รหสกลมผใชงาน √ Username varchar(50) ผใชงาน Password varchar(500) รหสผาน Email varchar(50) อเมลล

Title int ค าน าหนา 1 = นาย 2 = นางสาว 3 = นาง

Firstname varchar(50) ชอ Lastname varchar(50) นามสกล

Gender int เพศ 1 = ชาย 2 = หญง

BirthDate datetime วนเกด Detail varchar(500) รายละเอยด

IsActive bit สถานะของขอมล 0 = ไมใชงาน 1 = ใชงาน

CreateDate datetime วนทสราง CreateBy varchar(50) ผใชงานทสราง UpdateDate datetime วนทแกไขลาสด

UpdateBy varchar(50) ผใชงานทแกไขลาสด

มหาวท

ยาลยราชภฏธนบร

56

ตารางท 3.13 แสดงรายการแอททบวตของเอนทตประเภทวสดอปกรณ (MS_Catalog)

Entity name : MS_Catalog Description : ประเภทวสดอปกรณ

เขตขอมล ชนด/ขนาดขอมล ความหมาย PK FK หมายเหต

CatalogId int รหสประเภทวสดอปกรณ

√

CatalogName varchar(50) ชอประเภทวสดอปกรณ

Detail varchar(500) รายละเอยด

IsActive bit สถานะของขอมล 0 = ไมใชงาน 1 = ใชงาน

CreateDate datetime วนทสราง CreateBy varchar(50) ผใชงานทสราง UpdateDate datetime วนทแกไขลาสด UpdateBy varchar(50) ผใชงานทแกไขลาสด

มหาวท

ยาลยราชภฏธนบร

57

ตารางท 3.14 แสดงรายการแอททบวตของเอนทตวสดอปกรณ (MS_Item)

Entity name : MS_Item Description :

เขตขอมล ชนด/ขนาดขอมล ความหมาย PK FK หมายเหต ItemId int รหสวสดอปกรณ √

CatalogId int รหสประเภทวสดอปกรณ

√

ItemName varchar(50) ชอวสดอปกรณ

Detail varchar(500) รายละเอยด

IsActive bit สถานะของขอมล 0 = ไมใชงาน 1 = ใชงาน

CreateDate datetime วนทสราง CreateBy varchar(50) ผใชงานทสราง UpdateDate datetime วนทแกไขลาสด UpdateBy varchar(50) ผใชงานทแกไขลาสด

มหาวท

ยาลยราชภฏธนบร

58

ตารางท 3.15 แสดงรายการแอททบวตของเอนทตรายการน าเขาวสดอปกรณ (TR_Import)

Entity name : TR_Import Description : รายการน าเขาวสดอปกรณ

เขตขอมล ชนด/ขนาดขอมล ความหมาย PK FK หมายเหต

ImportId int รหสรายการน าเขาวสดอปกรณ

√

ItemId int รหสวสดอปกรณ √ Quantity int จ านวนวสดอปกรณทน าเขา Detail varchar(500) รายละเอยด

IsConfirm bit ยนยนขอมล 0 = ไมยนยน 1 = ยนยน

CreateDate datetime วนทสราง CreateBy varchar(50) ผใชงานทสราง UpdateDate datetime วนทแกไขลาสด UpdateBy varchar(50) ผใชงานทแกไขลาสด

มหาวท

ยาลยราชภฏธนบร

59

ตารางท 3.16 แสดงรายการแอททบวตของเอนทตรายการเบกวสดอปกรณ (TR_Request)

Entity name : TR_Request Description : รายการเบกวสดอปกรณ

เขตขอมล ชนด/ขนาดขอมล ความหมาย PK FK หมายเหต

RequestId int รหสรายการเบกวสดอปกรณ

√

ItemId int รหสวสดอปกรณ √ Quantity int จ านวนวสดอปกรณทเบก Detail varchar(500) รายละเอยด

TranStatus bit สถานะรายการเบกวสดอปกรณ

1 = ราง 2 = รออนมต 3 = อนมต 4 = ปฏเสธ

RequestDate datetime วนทรองขอรายการ CreateDate datetime วนทสราง CreateBy varchar(50) ผใชงานทสราง UpdateDate datetime วนทแกไขลาสด UpdateBy varchar(50) ผใชงานทแกไขลาสด

มหาวท

ยาลยราชภฏธนบร

60

3.7 การออกแบบหนาจอการใชงาน

3.7.1 ฟอรมเขาสระบบเบก-จายวสดอปกรณออนไลน

ภาพท 3.14 แสดงหนาจอลงชอเขาใชเพอเขาสระบบ

มหาวท

ยาลยราชภฏธนบร

61

3.7.2 ฟอรมจดการขอมลกลมผใชงาน

ภาพท 3.15 แสดงหนาจอรายละเอยดการจดการขอมลกลมผใชงานส าหรบผดแลระบบ

มหาวท

ยาลยราชภฏธนบร

62

3.7.3 ฟอรมเพมขอมลกลมผใชงาน

ภาพท 3.16 แสดงหนาจอรายละเอยดการเพมขอมลกลมผใชงานส าหรบผดแลระบบ

มหาวท

ยาลยราชภฏธนบร

63

3.7.4 ฟอรมจดการขอมลผใชงาน

ภาพท 3.17 แสดงหนาจอรายละเอยดการจดการขอมลผใชงานส าหรบผดแลระบบ

มหาวท

ยาลยราชภฏธนบร

64

3.7.5 ฟอรมเพมขอมลผใชงาน

ภาพท 3.18 แสดงหนาจอรายละเอยดการเพมขอมลผใชงานส าหรบผดแลระบบ

มหาวท

ยาลยราชภฏธนบร

65

3.7.6 ฟอรมการจดการขอมลประเภทวสดอปกรณ

ภาพท 3.19 แสดงหนาจอรายละเอยดจดการขอมลประเภทวสดอปกรณส าหรบเจาหนาท

มหาวท

ยาลยราชภฏธนบร

66

3.7.7 ฟอรมเพมขอมลประเภทวสดอปกรณ

ภาพท 3.20 แสดงหนาจอรายละเอยดการเพมขอมลประเภทวสดอปกรณส าหรบเจาหนาท

มหาวท

ยาลยราชภฏธนบร

67

3.7.8 ฟอรมการจดการขอมลวสดอปกรณ

ภาพท 3.21 แสดงหนาจอรายละเอยดการจดการขอมลวสดอปกรณส าหรบเจาหนาท

มหาวท

ยาลยราชภฏธนบร

68

3.7.9 ฟอรมเพมขอมลวสดอปกรณ

ภาพท 3.22 แสดงหนาจอรายละเอยดการเพมขอมลวสดอปกรณส าหรบเจาหนาท

มหาวท

ยาลยราชภฏธนบร

69

3.7.10 ฟอรมขอมลน าเขาวสดอปกรณ

ภาพท 3.23 แสดงหนาจอรายละเอยดการน าเขาขอมลวสดอปกรณส าหรบเจาหนาท

มหาวท

ยาลยราชภฏธนบร

70

3.7.11 ฟอรมแสดงการเพมขอมลน าเขาวสดอปกรณ

ภาพท 3.24 แสดงหนาจอรายละเอยดการเพมขอมลน าเขาวสดอปกรณส าหรบเจาหนาท

มหาวท

ยาลยราชภฏธนบร

71

3.7.12 ฟอรมขอมลเบกวสดอปกรณ

ภาพท 3.25 แสดงหนาจอรายละเอยดขอมลเบกวสดอปกรณส าหรบผขอเบก

มหาวท

ยาลยราชภฏธนบร

72

3.7.13 ฟอรมเพมขอมลขอเบกวสดอปกรณ

ภาพท 3.26 แสดงหนาจอรายละเอยดเพมขอมลขอเบกวสดอปกรณส าหรบผขอเบก

มหาวท

ยาลยราชภฏธนบร

73

3.7.14 ฟอรมการจดการอนมต/ปฏเสธการเบกวสดอปกรณ

ภาพท 3.27 แสดงหนาจอรายละเอยดการจดการอนมต/ปฏเสธการเบกวสดอปกรณส าหรบเจาหนาท

มหาวท

ยาลยราชภฏธนบร

74

3.7.15 ฟอรมรายงานการเบกจายวสดอปกรณ

ภาพท 3.28 แสดงหนาจอรายละเอยดรายงานการเบกจายวสดอปกรณ

XXXXX XXXX

XXX

ล ำดบ วนท จ ำนวนรบเข ำ

1 XXX XX

2 XXX XX

3 XXX XX

XXXXX XXXXX XX XX

XXXXX XXXXX XX XX

จ ำนวนค งเหลอ

XXXXX XXXXX XX XX

ต งแตวนท : ถงวนท : XXXX

ประเภทวสด อปกรณ วสด อปกรณ จ ำนวนทเบก

ร ำยงำนกำร เบกจำยวสดอปกรณ

ประเภทวสด อปกรณ : วสด อปกรณ : XXXXX พมพวนท :