1

บทท 10 การออกแบบสวนแสดงผล (Output Design)

2

การออกแบบสวนแสดงผล

วตถประสงคการเรยนร

เพอใหทราบถงขนตอนในการออกแบบสวนแสดงผลขอมลของระบบงาน

เพอใหทราบถงจดมงหมายในการออกแบบสวนแสดงผลขอมล

เพอใหทราบถงความแตกตางของรายงานในแตละรปแบบ

เพอใหทราบถงชนดของการแสดงผลและปจจยในการพจารณาเลอกสวน

แสดงผล

เพอใหทราบวธการสรางรายงานทเปนกระดาษและรายงานบนหนาจอ

คอมพวเตอร

3

การออกแบบสวนแสดงผล

จดมงหมายในการออกแบบสวนแสดงผล

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

จะตองออกแบบใหเหมาะสมกบผใช

จะตองออกแบบใหมจ านวนเพยงพอตอการใชงาน

จะตองออกแบบใหเกดผลลพธของระบบในททมความตองการใชงาน

จะตองออกแบบใหระบบแสดงผลไดตรงเวลาทตองการและเวลาทเหมาะสม

จะตองเลอกวธการแสดงผลทถกตองและเหมาะสม

4

ประเภทของสวนแสดงผล

แสดงผลทางเครองพมพ เปนการแสดงผลทพมพอยบนกระดาษทเรยกวา Hard Copy ซง

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

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

โดยการแสดงผลดวยวธการนเหมาะส าหรบการสรางเอกสารทส าคญตอการด าเนนธรกจ เชน

ใบเสรจรบเงน, รายงานสรปทางการ, จดหมายหรอเอกสารสญญา เปนตน

แสดงผลทางจอภาพ เปนการแสดงผลทอยบนหนาจอคอมพวเตอรหรอทเรยกวา Soft Copy

ซงการแสดงผลประเภทนมขอดคอ สามารถแสดงผลไดอยางรวดเรวและแสดงขอมลไดทก

รปแบบ ไมวาขอมลจะอยในลกษณะใด

การออกแบบสวนแสดงผล

5

ปจจยทใชในการเลอกประเภทของสวนแสดงผล

วเคราะหถงผลลพธของสวนแสดงผลของระบบวาน าไปใชกบใคร

จ านวนผทตองการใชสวนแสดงผล

ลกษณะของพนททจะใชสวนแสดงผล

วตถประสงคในการใชสวนแสดงผล

ความเรวของการแสดงผลตามทผใชตองการ

ความถของการแสดงผล

ระยะเวลาในการจดเกบผลลพธทไดจากการแสดงผล

คาใชจายในการแสดงผล

เงอนไขอน ๆ ของระบบงานทเกยวของกบการแสดงผล

การออกแบบสวนแสดงผล

6

การออกแบบรายงาน (Report Design)

รวบรวมขอมลทตองใชในการออกแบบรายงาน

ออกแบบรปแบบรายงาน

สรางตนแบบของตวอยางรายงาน (Report Prototype)

การออกแบบสวนแสดงผล

7

ข นตอนการออกแบบรายงานในลกษณะของแบบฟอรมรางรายงาน(Report Layout Form)

พมพขอความทเปนคาคงทไวในแบบฟอรมตามต าแหนงในคอลมนและ

แถวทตองการ ในลกษณะของขอความทจะใชจรงในรายงาน

พมพสญลกษณทใชแทนขอมลทแปรผนไดใวในต าแหนงทตองการจะให

แสดงไวในรายงาน โดยสญลกษณะทใชมดงน

สญลกษณ ‘X’ ใชแทนความหมายถงตวอกษรใด ๆ หนงตวอกษร

สญลกษณ ‘9’ ใชแทนความหมายถงตวเลขใด ๆ หนงตว

การออกแบบสวนแสดงผล

8

ข นตอนการออกแบบรายงานในลกษณะของแบบฟอรมรางรายงาน(ตอ)

สญลกษณ ‘Z’ ใชแทนความหมายถงตวเลขใด ๆ หนงตว แตถาเปนเลข 0 ทอยใน

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

จะแสดงเปนชองวาง(Space)

สญลกษณ ‘ , ’ ใชค นหลกของตวเลขในต าแหนงทก ๆ สามหลก

สญลกษณ ‘ . ’ ใชค นหลกของตวเลขในต าแหนงเลขจ านวนเตมและเลขทศนยม

สญลกษณ ‘ / ’ ใชค นตวเลขหรอตวอกษรในต าแหนงทตองการ

สญลกษณ ‘ - ’ ใชค นตวเลขหรอตวอกษรในต าแหนงทตองการ

สญลกษณ ‘dd/mm/yyyy’ ใชแทนขอมลทเปนวนท

สญลกษณ ‘hh:mm:ss’ ใชแทนขอมลทเปนเวลา

การออกแบบสวนแสดงผล

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

10

11

การออกแบบหนาจอแสดงผล

รวบรวมขอมลทตองใชในการออกแบบหนาจอแสดงผล

ออกแบบรปแบบหนาจอแสดงผล

สรางตนแบบของตวอยางหนาจอ (Screen Prototype)

การออกแบบสวนแสดงผล

12

แบบฟอรมออกแบบหนาจอ (Screen Layout Form)

xxxxx

xxxxx

xxxxxxx

xxxxxxx

xxxxxxxxx

xxxxxxxxx

xxxxxxxxx

xxxxxxxxx

xxxxxxxxxx

xxxxxxxxxx

xxxxxxxxxxx

xxxxxxxxxxx

xxxxxxxxxxx

xxxxxxxxxxx

x

xxxxxxxxxxxxxx

: xxxxxxx

13

ตวอยางหนาจอแสดงผล