บทที่ 3 วิธีการด าเนินงาน...บทท 3 ว ธ การด าเน นงาน ในส วนของว ธ การดาเน
วิธีการด าเนินงาน224).pdf · 3.2.4...
Transcript of วิธีการด าเนินงาน224).pdf · 3.2.4...
![Page 1: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/1.jpg)
25
บทท 3
วธการด าเนนงาน
การออกแบบและพฒนา เวบไซดสาขาการเงน คณะการบญชและการจดการ มหาวทยาลย
มหาสารคาม มการออกแบบระบบซงมรายละเอยดดงน
3.1 ระบบงานเดม
3.1.1 แผนภมกางปลา (Fishbone Diagram)
3.2 ระบบงานใหม
3.2.1 ผงงาน (Flowchart) ระบบงานใหม
3.2.2 แผนภาพการไหลของขอมล (Context Diagram)
3.2.3 แผนภาพแสดงความสมพนธระหวางขอมล (ER.Diagram)
3.2.4 พจนานกรมขอมล (Data Dictionary)
3.2.5 Site map
3.2.6 Output Design
3.2.7 Input Design
![Page 2: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/2.jpg)
26
3.1 ระบบงานเดม
3.1.1 แผนภมกางปลา (Fishbone Diagram)
ภาพท 3-1 แผนภมกางปลา
จากแผนภมกางปลา สรปปญหาและสาเหตไดดงน
ปญหา คอ ระบบงานประชาสมพนธไมมประสทธภาพ
สาเหตของปญหา ประกอบดวย
1.สาเหตจากบคลากร
. บคลากรท างานลาชา
. บคลากรท างานผดพลาดบอย
2.สาเหตจากงบประมาณ
. ขาดเงนทนสนบสนนในการพฒนาระบบงานใหม
. คาใชจายเดมทเกดขนในระบบงานปจจบนมมาก เชน คากระดาษ
3.สาเหตจากการด าเนนงานในปจจบน
. การด าเนนงานลาชา
. การด าเนนงานไมรองรบอนาคต
4.สาเหตจากเทคโนโลยปจจบน
. ขาดเทคโนโลยสารสนเทศในการจดเกบขอมล
. ขาดเทคโนโลยสารสนเทศทชวยใหการท างานรวดเรวขน
![Page 3: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/3.jpg)
27
3.2 ผงงาน (Flowchart) ระบบงานใหม
3.2.1 สวนของอาจารยในการเขาระบบ
3.2.1.1 สวนทอาจารย Login เขาสระบบ
Username Password
Username Password
Login Login
Admin Admin
ภาพท 3-2 Flowchart ของอาจารยในการ Log in เขาสระบบ
![Page 4: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/4.jpg)
28
3.2.1.2 สวนส าหรบเปลยนรหสผานของอาจารย
Admin Admin
ภาพท 3-3 Flowchart ของอาจารยในการเปลยนรหสผาน
![Page 5: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/5.jpg)
29
3.2.1.3 ระบบงานยอยในการเพม ลบ แกไข ขอมลประชาสมพนธ ของอาจารย
ภาพท 3-4 Flowchart ของอาจารยในการเพม ลบ แกไข ขอมลประชาสมพนธ
![Page 6: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/6.jpg)
30
3.2.1.4 ระบบงานยอยในการเพม ลบ แกไข ขอมลบคลากร ของอาจารย
ภาพท 3-5 Flowchart ของอาจารยในการเพม ลบ แกไข ขอมลบคลากร
![Page 7: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/7.jpg)
31
3.2.1.5 ระบบงานยอยในการเพม ลบ แกไข ขาวดวน ของอาจารย
ภาพท 3-6 Flowchart ของอาจารยในการเพม ลบ แกไข ขาวดวน
![Page 8: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/8.jpg)
32
3.2.1.6 ระบบงานยอยในการเพม ลบ แกไข ขอมลเวบบอรด ของอาจารย
ภาพท 3-7 Flowchart ของอาจารยในการเพม ลบ แกไข ขอมลเวบบอรด
![Page 9: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/9.jpg)
33
3.2.2 แผนภาพการไหลของขอมล (Context Diagram)
0
ภาพท 3-8 Context Diagram เวบสาขาการเงน
![Page 10: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/10.jpg)
34
3.2.3 Data Flow diagram
2
3
4
D4
D5
D3
Login
1
Username, passwordD1
D2
D6
5
6
D9
D7
D8
Username,Password
ภาพท 3-9 DFD level 1 เวบไซตสาขาการเงน
![Page 11: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/11.jpg)
35
1.1
Login
1.2
Username, Password
D1
Username,Password
Username, Password
ภาพท 3-10 DFD level2 of Process 1 การ Login เขาสระบบ
2.1
2.2
2.3
D2
D3
D2
ภาพท 3-11 DFD level2 of Process 2 จดการขอมลประชาสมพนธ
![Page 12: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/12.jpg)
36
3.1
3.2
3.3
D4
ภาพท 3-12 DFD level2 of Process 3 จดการขอมลบคลากร
4.1
4.2
4.3
D5
D6
D5
D6
D5
ภาพท 3-13 DFD level2 of Process 4 จดการขอมลขาวดวน
![Page 13: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/13.jpg)
37
5.1
5.2
5.3
D7
D7
D8
D8
D7
D8
ภาพท 3-14 DFD level2 of Process 5 จดการขอมลเวบบอรด
6.1
6.2
6.3
D8
ภาพท 3-15 DFD level2 of Process 6 จดการขอมลสมาชกเวบบอรด
![Page 14: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/14.jpg)
38
3.2.3 ER.Diagram Model
Username Password
Username
Password
1
11
1
11 1
M
M
M
1
1
M
M 1
M
M
MMM1
M
ภาพท 3-16 ER.Diagram
![Page 15: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/15.jpg)
39
3.2.4 พจนานกรมขอมล (Data Dictionary)
ตารางท 3-1 แสดงตาราง admin (เกบขอมลของอาจารย)
ชอฟลด ชนดขอมล ขนาดขอมล ค าอธบาย ก าหนด
คย
อางอง A_id integer 4 รหสอาจารย PK A _username varchar 10 User ในการ Login A _password varchar 10 Password ในการ Login A _name varchar 50 ชอของอาจารย A _pic text ภาพประจ าตว
ตารางท 3-2 แสดงตาราง public_relation (เกบขอมลประชาสมพนธ)
ชอฟลด ชนดขอมล ขนาดขอมล ค าอธบาย ก าหนด
คย
อางอง PR_id integer 4 รหสประชาสมพนธ PK Type_PR integer 4 รหสประเภทประชาสมพนธ FK TypePR PR_title varchar 300 หวขอ PR_des text รายละเอยด PR_date date วนท PR_file varchar 300 ไฟลแนบ PR_logo varchar 300 ภาพประจ าหวขอ
ตารางท 3-3 แสดงตาราง TypePR (เกบขอมลประเภทประชาสมพนธ)
ชอฟลด ชนดขอมล ขนาดขอมล ค าอธบาย ก าหนด
คย
อางอง Type_PR integer 4 รหสประเภท PK Type_name varchar 50 ชอประเภท
ตารางท 3-4 แสดงตาราง Personal (เกบขอมลบคลากร)
ชอฟลด ชนดขอมล ขนาดขอมล ค าอธบาย ก าหนดคย อางอง Per_id integer 4 รหสขอมลบคลากร PK Per_name_thai varchar 80 ชอ.นามสกลภาษาไทย Per_name_eng varchar 80 ชอ.นามสกลภาษาองกฤษ Per_website text เวบไซต
![Page 16: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/16.jpg)
40
ชอฟลด ชนดขอมล ขนาดขอมล ค าอธบาย ก าหนดคย อางอง Per_edu text วฒการศกษา Per_position text ต าแหนง Per_tel varchar 10 เบอรโทรศพท Per_email varchar 50 อเมล Per_pic varchar 100 ภาพบคลากร Per_calender varchar 100 ปฏทนการปฏบตงาน Per_work text วนทเขาท างาน Per_interest text งานวจยทสนใจ Per_exp text ประสบการณการท างาน Per_teach text วชาทสอน Per_syndicate text คณะกรรมการ Per_book text ต ารา Per_sheet text เอกสารประกอบการสอน Per_research text งานวจย Per_project text โครงการบรการวชาการ Per_seminar text บทความทางวชาการ
ตารางท 3-5 แสดงตาราง imageslide (เกบขอมลขาวดวน)
ชอฟลด ชนดขอมล ขนาดขอมล ค าอธบาย ก าหนด
คย
อางอง Id_image integer 4 รหสภาพ PK Image_title varchar 300 หวขอขาว Image_des text รายละเอยด Image_name varchar 300 ชอภาพ Image_date datetime วนท
ตารางท 3-6 แสดงตาราง gallery (เกบภาพกจกรรม)
ชอฟลด ชนดขอมล ขนาด
ขอมล
ค าอธบาย ก าหนดคย อางอง img_id integer 4 รหสภาพ PK PR_id integer 4 รหสประชาสมพนธ FK public_relation
![Page 17: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/17.jpg)
41
ชอฟลด ชนดขอมล ขนาด
ขอมล
ค าอธบาย ก าหนดคย อางอง Img_name varchar 300 ชอภาพ Img_date date วนท
ตารางท 3-7 แสดงตาราง Quiz_Webboard (เกบค าถามเวบบอรด)
ชอฟลด ชนดขอมล ขนาด
ขอมล
ค าอธบาย ก าหนดคย อางอง Quiz_id integer 4 รหสหวขอเวบบอรด PK Mem_id integer 4 รหสสมาชกเวบบอรด FK Member_web Ans_id integer 4 รหสค าตอบเวบบอรด FK Ans_Webboard Quiz_title varchar 100 หวขอเวบบอรด Quiz_description text รายละเอยด Quiz_date date วนท
ตารางท 3-8 แสดงตาราง Ans_Webboard (เกบค าตอบเวบบอรด)
ชอฟลด ชนดขอมล ขนาด
ขอมล
ค าอธบาย ก าหนดคย อางอง Ans_id integer 4 รหสค าตอบเวบบอรด PK Mem_id integer 4 รหสสมาชกเวบบอรด Ans_description text รายละเอยด Ans_date date วนท
ตารางท 3-9 แสดงตาราง Member_web(เกบขอมลสมาชกเวบบอรด)
ชอฟลด ชนดขอมล ขนาดขอมล ค าอธบาย ก าหนดคย อางอง Mem_id integer 4 รหสสมาชกเวบบอรด PK Mem_name varchar 50 ชอสมาชก Mem_lastname varchar 50 นามสกล Mem_username varchar 50 ชอในการใชเขาสระบบ Mem_password varchar 50 รหสผานใชเขาสระบบ Mem_email varchar 40 อเมล Mem_date text วนทสมคร
![Page 18: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/18.jpg)
42
3.2.5 Site map
/ /
ภาพท 3-17 Sitemap ของ เวบไซตสาขาการเงน คณะการบญชและการจดการ
![Page 19: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/19.jpg)
43
3.2.6 Output Design
ภาพท 3-18 ภาพแสดงหนาหลกของเวบไซต
Header
Menu
เกยวกบสาขาการเงน
หลกสตร
คณาจารยในสาขา
ศษยเกา
กระดานสนทนา
Hot news
บทความ กจกรรม
อบรม/สมมา
นา
รบสมครงาน
Link Zone
![Page 20: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/20.jpg)
44
ภาพท 3-19 ภาพแสดงหนาขาวดวนของเวบไซต
ภาพท 3-20 ภาพแสดงหนาบทความของเวบไซต
Header
Menu
เกยวกบสาขาการเงน
หลกสตร
คณาจารยในสาขา
ศษยเกา
กระดานสนทนา
Hot news
ค าบรรยาย
ประมวลภาพ
Header
Menu
เกยวกบสาขาการเงน
หลกสตร
คณาจารยในสาขา
ศษยเกา
กระดานสนทนา
บทความ
ค าบรรยาย
![Page 21: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/21.jpg)
45
ภาพท 3-21 ภาพแสดงหนากจกรรมของเวบไซต
ภาพท 3-22 ภาพแสดงหนาอบรม/สมมนาของเวบไซต
Header
Menu
เกยวกบสาขาการเงน
หลกสตร
คณาจารยในสาขา
ศษยเกา
กระดานสนทนา
กจกรรม
ค าบรรยาย
Header
Menu
เกยวกบสาขาการเงน
หลกสตร
คณาจารยในสาขา
ศษยเกา
กระดานสนทนา
อบรม/สมมนา
ค าบรรยาย
![Page 22: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/22.jpg)
46
ภาพท 3-23 ภาพแสดงหนารบสมครงานของเวบไซต
ภาพท 3-24 ภาพแสดงหนาคณาจารยในสาขาของเวบไซต
Header
Menu
เกยวกบสาขาการเงน
หลกสตร
คณาจารยในสาขา
ศษยเกา
กระดานสนทนา
รบสมครงาน
ค าบรรยาย
Header
Menu
เกยวกบสาขาการเงน
หลกสตร
คณาจารยในสาขา
ศษยเกา
กระดานสนทนา
คณาจารยในสาขา
รปภาพ ขอมลบคลากร
![Page 23: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/23.jpg)
47
3.2.7 Input Design
ภาพท 3-25 แสดงหนา Login ส าหรบอาจารย
ภาพท 3-26 แสดงหนาจดการขอมลภายในเวบไซตส าหรบอาจารย
Header
Log in
ส าหรบอาจารย
Header
ภาพ
ประจ าตว
ยนดตอนรบ เขาสระบบ
ออกจากระบบ
จดการขอมล
ประชาสมพนธ
จดการขอมล
บคลากร
จดการขอมลเวบ
บอรด
เมน
![Page 24: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/24.jpg)
48
ภาพท 3-27 แสดงหนาจดการขอมลประชาสมพนธส าหรบอาจารย
Header
ภาพ
ประจ าตว
ยนดตอนรบ เขาสระบบ
ออกจากระบบ
ขอมลประชาสมพนธ
รายการขอมลประชาสมพนธ
ประเภทประชาสมพนธ
หวขอ
รายละเอยด
![Page 25: วิธีการด าเนินงาน224).pdf · 3.2.4 พจนานุกรมข้อมูล (Data Dictionary) 3.2.5 Site map 3.2.6 Output Design 3.2.7 Input Design](https://reader034.fdocument.pub/reader034/viewer/2022042200/5e9fe70a85759a572c1291f8/html5/thumbnails/25.jpg)
49
ภาพท 3-28 แสดงหนาจดการขอมลบคลากรส าหรบอาจารย
Header
ภาพ
ประจ าตว
ยนดตอนรบ เขาสระบบ
ออกจากระบบ
ขอมลบคลากร
ชอ.สกล
วฒการศกษา
ต าแหนง
เบอรโทรศพท
อเมล
รปภาพ
รายการขอมลบคลากร