sa10 การออกแบบส่วนแสดงผล (output design)
TRANSCRIPT
![Page 1: sa10 การออกแบบส่วนแสดงผล (output design)](https://reader033.vdocuments.pub/reader033/viewer/2022052208/55720567497959fc0b8b6f51/html5/thumbnails/1.jpg)
1
บทท 10 การออกแบบสวนแสดงผล (Output Design)
![Page 2: sa10 การออกแบบส่วนแสดงผล (output design)](https://reader033.vdocuments.pub/reader033/viewer/2022052208/55720567497959fc0b8b6f51/html5/thumbnails/2.jpg)
2
การออกแบบสวนแสดงผล
วตถประสงคการเรยนร
เพอใหทราบถงขนตอนในการออกแบบสวนแสดงผลขอมลของระบบงาน
เพอใหทราบถงจดมงหมายในการออกแบบสวนแสดงผลขอมล
เพอใหทราบถงความแตกตางของรายงานในแตละรปแบบ
เพอใหทราบถงชนดของการแสดงผลและปจจยในการพจารณาเลอกสวน
แสดงผล
เพอใหทราบวธการสรางรายงานทเปนกระดาษและรายงานบนหนาจอ
คอมพวเตอร
![Page 3: sa10 การออกแบบส่วนแสดงผล (output design)](https://reader033.vdocuments.pub/reader033/viewer/2022052208/55720567497959fc0b8b6f51/html5/thumbnails/3.jpg)
3
การออกแบบสวนแสดงผล
จดมงหมายในการออกแบบสวนแสดงผล
จะตองออกแบบสวนแสดงผลใหตรงกบความตองการของผใช
จะตองออกแบบใหเหมาะสมกบผใช
จะตองออกแบบใหมจ านวนเพยงพอตอการใชงาน
จะตองออกแบบใหเกดผลลพธของระบบในททมความตองการใชงาน
จะตองออกแบบใหระบบแสดงผลไดตรงเวลาทตองการและเวลาทเหมาะสม
จะตองเลอกวธการแสดงผลทถกตองและเหมาะสม
![Page 4: sa10 การออกแบบส่วนแสดงผล (output design)](https://reader033.vdocuments.pub/reader033/viewer/2022052208/55720567497959fc0b8b6f51/html5/thumbnails/4.jpg)
4
ประเภทของสวนแสดงผล
แสดงผลทางเครองพมพ เปนการแสดงผลทพมพอยบนกระดาษทเรยกวา Hard Copy ซง
การแสดงผลประเภทนมขอดคอ ผลลพธทไดจากระบบงานจะคงอยและใชเปนหลกฐานอางองได
ตลอดเวลาแมวาจะท าการปดระบบงานไปแลว และใชสงตอไปยงบคคลอนหรอหนวยงานอนได
โดยการแสดงผลดวยวธการนเหมาะส าหรบการสรางเอกสารทส าคญตอการด าเนนธรกจ เชน
ใบเสรจรบเงน, รายงานสรปทางการ, จดหมายหรอเอกสารสญญา เปนตน
แสดงผลทางจอภาพ เปนการแสดงผลทอยบนหนาจอคอมพวเตอรหรอทเรยกวา Soft Copy
ซงการแสดงผลประเภทนมขอดคอ สามารถแสดงผลไดอยางรวดเรวและแสดงขอมลไดทก
รปแบบ ไมวาขอมลจะอยในลกษณะใด
การออกแบบสวนแสดงผล
![Page 5: sa10 การออกแบบส่วนแสดงผล (output design)](https://reader033.vdocuments.pub/reader033/viewer/2022052208/55720567497959fc0b8b6f51/html5/thumbnails/5.jpg)
5
ปจจยทใชในการเลอกประเภทของสวนแสดงผล
วเคราะหถงผลลพธของสวนแสดงผลของระบบวาน าไปใชกบใคร
จ านวนผทตองการใชสวนแสดงผล
ลกษณะของพนททจะใชสวนแสดงผล
วตถประสงคในการใชสวนแสดงผล
ความเรวของการแสดงผลตามทผใชตองการ
ความถของการแสดงผล
ระยะเวลาในการจดเกบผลลพธทไดจากการแสดงผล
คาใชจายในการแสดงผล
เงอนไขอน ๆ ของระบบงานทเกยวของกบการแสดงผล
การออกแบบสวนแสดงผล
![Page 6: sa10 การออกแบบส่วนแสดงผล (output design)](https://reader033.vdocuments.pub/reader033/viewer/2022052208/55720567497959fc0b8b6f51/html5/thumbnails/6.jpg)
6
การออกแบบรายงาน (Report Design)
รวบรวมขอมลทตองใชในการออกแบบรายงาน
ออกแบบรปแบบรายงาน
สรางตนแบบของตวอยางรายงาน (Report Prototype)
การออกแบบสวนแสดงผล
![Page 7: sa10 การออกแบบส่วนแสดงผล (output design)](https://reader033.vdocuments.pub/reader033/viewer/2022052208/55720567497959fc0b8b6f51/html5/thumbnails/7.jpg)
7
ข นตอนการออกแบบรายงานในลกษณะของแบบฟอรมรางรายงาน(Report Layout Form)
พมพขอความทเปนคาคงทไวในแบบฟอรมตามต าแหนงในคอลมนและ
แถวทตองการ ในลกษณะของขอความทจะใชจรงในรายงาน
พมพสญลกษณทใชแทนขอมลทแปรผนไดใวในต าแหนงทตองการจะให
แสดงไวในรายงาน โดยสญลกษณะทใชมดงน
สญลกษณ ‘X’ ใชแทนความหมายถงตวอกษรใด ๆ หนงตวอกษร
สญลกษณ ‘9’ ใชแทนความหมายถงตวเลขใด ๆ หนงตว
การออกแบบสวนแสดงผล
![Page 8: sa10 การออกแบบส่วนแสดงผล (output design)](https://reader033.vdocuments.pub/reader033/viewer/2022052208/55720567497959fc0b8b6f51/html5/thumbnails/8.jpg)
8
ข นตอนการออกแบบรายงานในลกษณะของแบบฟอรมรางรายงาน(ตอ)
สญลกษณ ‘Z’ ใชแทนความหมายถงตวเลขใด ๆ หนงตว แตถาเปนเลข 0 ทอยใน
ต าแหนงทมการนบคากจะแสดงเปนตวเลข 0 แตถาไปอยในต าแหนงทเลข 0 ไมมคาก
จะแสดงเปนชองวาง(Space)
สญลกษณ ‘ , ’ ใชค นหลกของตวเลขในต าแหนงทก ๆ สามหลก
สญลกษณ ‘ . ’ ใชค นหลกของตวเลขในต าแหนงเลขจ านวนเตมและเลขทศนยม
สญลกษณ ‘ / ’ ใชค นตวเลขหรอตวอกษรในต าแหนงทตองการ
สญลกษณ ‘ - ’ ใชค นตวเลขหรอตวอกษรในต าแหนงทตองการ
สญลกษณ ‘dd/mm/yyyy’ ใชแทนขอมลทเปนวนท
สญลกษณ ‘hh:mm:ss’ ใชแทนขอมลทเปนเวลา
การออกแบบสวนแสดงผล
![Page 9: sa10 การออกแบบส่วนแสดงผล (output design)](https://reader033.vdocuments.pub/reader033/viewer/2022052208/55720567497959fc0b8b6f51/html5/thumbnails/9.jpg)
9
: dd/mm/yyyy
x99x99x99x99x99x99x99
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
zz,zz9.99zz,zz9.99zz,zz9.99
zz,zz9.99zz,zz9.99zz,zz9.99zz,zz9.99
zz,zz9.99zz,zz9.99zz,zz9.99zz,zz9.99zz,zz9.99zz,zz9.99
zz,zz9.99
zz,zz9.99zz,zz9.99zz,zz9.99zz,zz9.99zz,zz9.99zz,zz9.99zz,zz9.99
: zz,zz9.99 zz,zz9.99 zz,zz9.99
999
yyyy
![Page 10: sa10 การออกแบบส่วนแสดงผล (output design)](https://reader033.vdocuments.pub/reader033/viewer/2022052208/55720567497959fc0b8b6f51/html5/thumbnails/10.jpg)
10
![Page 11: sa10 การออกแบบส่วนแสดงผล (output design)](https://reader033.vdocuments.pub/reader033/viewer/2022052208/55720567497959fc0b8b6f51/html5/thumbnails/11.jpg)
11
การออกแบบหนาจอแสดงผล
รวบรวมขอมลทตองใชในการออกแบบหนาจอแสดงผล
ออกแบบรปแบบหนาจอแสดงผล
สรางตนแบบของตวอยางหนาจอ (Screen Prototype)
การออกแบบสวนแสดงผล
![Page 12: sa10 การออกแบบส่วนแสดงผล (output design)](https://reader033.vdocuments.pub/reader033/viewer/2022052208/55720567497959fc0b8b6f51/html5/thumbnails/12.jpg)
12
แบบฟอรมออกแบบหนาจอ (Screen Layout Form)
xxxxx
xxxxx
xxxxxxx
xxxxxxx
xxxxxxxxx
xxxxxxxxx
xxxxxxxxx
xxxxxxxxx
xxxxxxxxxx
xxxxxxxxxx
xxxxxxxxxxx
xxxxxxxxxxx
xxxxxxxxxxx
xxxxxxxxxxx
x
xxxxxxxxxxxxxx
: xxxxxxx
![Page 13: sa10 การออกแบบส่วนแสดงผล (output design)](https://reader033.vdocuments.pub/reader033/viewer/2022052208/55720567497959fc0b8b6f51/html5/thumbnails/13.jpg)
13
ตวอยางหนาจอแสดงผล