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

55
มหาวิ ทยาลั ยราชภั ฏธนบุ รี บทที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) คือ องค์ประกอบทางกายภาพของระบบ คอมพิวเตอร์อันประกอบด้วยเครื่องคอมพิวเตอร์และอุปกรณ์ต่อพวงส่วนต่างๆ ซึ่งคุณสมบัติของ คอมพิวเตอร์ที่ต้องการใช้ในการพัฒนาระบบเบิก -จ่ายวัสดุอุปกรณ์ออนไลน์ กรณีศึกษา บริษัท แพน ฟู้ด จากัด มีดังนี

Upload: others

Post on 15-Feb-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

บทท 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) คอ องคประกอบทางกายภาพของระบบคอมพวเตอรอนประกอบดวยเครองคอมพวเตอรและอปกรณตอพวงสวนตางๆ ซงคณสมบตของคอมพวเตอรทตองการใชในการพฒนาระบบเบก-จายวสดอปกรณออนไลน กรณศกษา บรษท แพนฟด จ ากด มดงน

Page 2: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

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.)

Page 3: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

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) ออกแบบระบบงาน

Page 4: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

23

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

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

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

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

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

Page 5: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

24

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

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

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

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

Page 6: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

25

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

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

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

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

Page 7: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

26

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

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

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

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

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

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

Page 8: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

27

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

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

Page 9: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

28

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

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

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

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

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

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

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

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

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

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

Page 10: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

29

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

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

Page 11: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

30

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

Page 12: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

31

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

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

Page 13: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

32

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

Page 14: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

33

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

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

Page 15: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

34

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

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

Page 16: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

35

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

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

Page 17: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

36

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

Page 18: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

37

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

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

Page 19: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

38

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

Page 20: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

39

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

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

Page 21: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

40

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

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

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

Page 22: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

41

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

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

Page 23: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

42

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

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

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

Page 24: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

43

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

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

Page 25: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

44

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

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

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

Page 26: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

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 ลบขอมลกลมผใชงาน

Page 27: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

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 ลบขอมลผใชงาน

Page 28: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

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 ลบขอมลประเภทวสดอปกรณ

Page 29: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

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 ลบขอมลวสดอปกรณ

Page 30: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

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 ยนยนรายการน าเขาขอมลวสดอปกรณ

Page 31: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

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 ตรวจสอบสถานะรายการเบกวสดอปกรณ

Page 32: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

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 ปรบสถานะรายการเบกวสดอปกรณ

Page 33: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

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 สรปรายงานการเบกวสดอปกรณ

Page 34: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

53

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

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

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

Page 35: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

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) ผใชงานทแกไขลาสด

Page 36: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

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) ผใชงานทแกไขลาสด

Page 37: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

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) ผใชงานทแกไขลาสด

Page 38: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

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) ผใชงานทแกไขลาสด

Page 39: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

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) ผใชงานทแกไขลาสด

Page 40: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

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) ผใชงานทแกไขลาสด

Page 41: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

60

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

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

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

Page 42: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

61

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

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

Page 43: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

62

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

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

Page 44: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

63

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

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

Page 45: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

64

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

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

Page 46: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

65

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

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

Page 47: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

66

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

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

Page 48: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

67

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

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

Page 49: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

68

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

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

Page 50: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

69

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

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

Page 51: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

70

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

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

Page 52: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

71

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

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

Page 53: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

72

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

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

Page 54: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

73

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

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

Page 55: การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1368/7/Unit 3.pdf¤ ® µ ª · ¥ µ ¨ ¥ ´ µ £ ´ » ¸ 21

มหาวท

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

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 พมพวนท :