บทที่ 10 การออกแบบส่วนแสดงผล

(Output Design)

1
 การออกแบบส่วนแสดงผล
วัตถุประสงค์การเรียนรู ้
 เพื่อให้ทราบถึงขัน้ ตอนในการออกแบบส่วนแสดงผลข้อมูลของระบบงาน
 เพื่อให้ทราบถึงจุดมุง่ หมายในการออกแบบส่วนแสดงผลข้อมูล
 เพื่อให้ทราบถึงความแตกต่างของรายงานในแต่ละรูปแบบ
 เพื่อให้ทราบถึงชนิดของการแสดงผลและปั จจัยในการพิจารณาเลือกส่วน
แสดงผล
 เพื่อให้ทราบวิธีการสร้างรายงานทีเ่ ป็ นกระดาษและรายงานบนหน้าจอ
คอมพิวเตอร์

2
การออกแบบส่วนแสดงผล
จุดมุ่งหมายในการออกแบบส่วนแสดงผล
 จะต้องออกแบบส่วนแสดงผลให้ตรงกับความต้องการของผูใ้ ช้
 จะต้องออกแบบให้เหมาะสมกับผูใ้ ช้
 จะต้องออกแบบให้มีจานวนเพียงพอต่อการใช้งาน
 จะต้องออกแบบให้เกิดผลลัพธ์ของระบบในทีท่ มี่ ีความต้องการใช้งาน
 จะต้องออกแบบให้ระบบแสดงผลได้ตรงเวลาที่ตอ้ งการและเวลาทีเ่ หมาะสม
 จะต้องเลือกวิธีการแสดงผลทีถ่ ูกต้องและเหมาะสม

3
 การออกแบบส่วนแสดงผล
ประเภทของส่วนแสดงผล
 แสดงผลทางเครือ่ งพิมพ์ เป็ นการแสดงผลทีพ่ ิมพ์อยูบ่ นกระดาษทีเ่ รียกว่า Hard Copy ซึง่
การแสดงผลประเภทนี้มีขอ้ ดีคอื ผลลัพธ์ทไี่ ด้จากระบบงานจะคงอยูแ่ ละใช้เป็ นหลักฐานอ้างอิงได้
ตลอดเวลาแม้วา่ จะทาการปิ ดระบบงานไปแล้ว และใช้สง่ ต่อไปยังบุคคลอืน่ หรือหน่วยงานอืน่ ได้
โดยการแสดงผลด้วยวิธีการนี้เหมาะสาหรับการสร้างเอกสารทีส่ าคัญต่อการดาเนินธุรกิจ เช่น
ใบเสร็จรับเงิน, รายงานสรุปทางการ, จดหมายหรือเอกสารสัญญา เป็ นต้น
 แสดงผลทางจอภาพ เป็ นการแสดงผลทีอ่ ยูบ่ นหน้าจอคอมพิวเตอร์หรือทีเ่ รียกว่า Soft Copy
ซึง่ การแสดงผลประเภทนี้มีขอ้ ดีคอื สามารถแสดงผลได้อย่างรวดเร็วและแสดงข้อมูลได้ทุก
รูปแบบ ไม่วา่ ข้อมูลจะอยูใ่ นลักษณะใด

4
การออกแบบส่วนแสดงผล
ปั จจัยที่ใช้ในการเลือกประเภทของส่วนแสดงผล
 วิเคราะห์ถงึ ผลลัพธ์ของส่วนแสดงผลของระบบว่านาไปใช้กบั ใคร
 จานวนผูท้ ่ีตอ้ งการใช้ส่วนแสดงผล
 ลักษณะของพื้นที่ท่ีจะใช้ส่วนแสดงผล
 วัตถุประสงค์ในการใช้ส่วนแสดงผล
 ความเร็วของการแสดงผลตามที่ผูใ้ ช้ตอ้ งการ
 ความถีข่ องการแสดงผล
 ระยะเวลาในการจัดเก็บผลลัพธ์ท่ีได้จากการแสดงผล
 ค่าใช้จา่ ยในการแสดงผล
 เงือ่ นไขอืน่ ๆ ของระบบงานที่เกีย่ วข้องกับการแสดงผล
5
การออกแบบส่วนแสดงผล
การออกแบบรายงาน (Report Design)
 รวบรวมข้อมูลที่ตอ้ งใช้ในการออกแบบรายงาน
 ออกแบบรูปแบบรายงาน
 สร้างต้นแบบของตัวอย่างรายงาน (Report Prototype)

6
การออกแบบส่วนแสดงผล
ขัน้ ตอนการออกแบบรายงานในลักษณะของแบบฟอร์มร่างรายงาน
(Report Layout Form)
 พิมพ์ขอ้ ความทีเ่ ป็ นค่าคงทีไ่ ว้ในแบบฟอร์มตามตาแหน่งในคอลัมน์และ
แถวทีต่ อ้ งการ ในลักษณะของข้อความทีจ่ ะใช้จริงในรายงาน
 พิมพ์สญ ั ลักษณ์ที่ใช้แทนข้อมูลทีแ่ ปรผันได้ใว้ในตาแหน่งที่ตอ้ งการจะให้
แสดงไว้ในรายงาน โดยสัญลักษณะทีใ่ ช้มีดงั นี้
 สัญลักษณ์ ‘X’ ใช้แทนความหมายถึงตัวอักษรใด ๆ หนึ่งตัวอักษร
 สัญลักษณ์ ‘9’ ใช้แทนความหมายถึงตัวเลขใด ๆ หนึ่งตัว

7
 การออกแบบส่วนแสดงผล
ขัน้ ตอนการออกแบบรายงานในลักษณะของแบบฟอร์มร่างรายงาน(ต่อ)
 สัญลักษณ์ ‘Z’ ใช้แทนความหมายถึงตัวเลขใด ๆ หนึ่งตัว แต่ถา้ เป็ นเลข 0 ทีอ่ ยูใ่ น
ตาแหน่งทีม่ ีการนับค่าก็จะแสดงเป็ นตัวเลข 0 แต่ถา้ ไปอยูใ่ นตาแหน่งทีเ่ ลข 0 ไม่มีคา่ ก็
จะแสดงเป็ นช่องว่าง(Space)
 สัญลักษณ์ ‘ , ’ ใช้คนั้ หลักของตัวเลขในตาแหน่งทุก ๆ สามหลัก
 สัญลักษณ์ ‘ . ’ ใช้คนั้ หลักของตัวเลขในตาแหน่งเลขจานวนเต็มและเลขทศนิยม
 สัญลักษณ์ ‘ / ’ ใช้คนั้ ตัวเลขหรือตัวอักษรในตาแหน่งทีต่ อ้ งการ
 สัญลักษณ์ ‘ - ’ ใช้คนั้ ตัวเลขหรือตัวอักษรในตาแหน่งทีต่ อ้ งการ
 สัญลักษณ์ ‘dd/mm/yyyy’ ใช้แทนข้อมูลทีเ่ ป็ นวันที่
 สัญลักษณ์ ‘hh:mm:ss’ ใช้แทนข้อมูลทีเ่ ป็ นเวลา
8
 yyyy

: dd/mm/yyyy 999

x99 xxxxxxxxxxxxx zz,zz9.99 zz,zz9.99 zz,zz9.99

x99 xxxxxxxxxxxxx zz,zz9.99 zz,zz9.99 zz,zz9.99
x99 xxxxxxxxxxxxx zz,zz9.99 zz,zz9.99 zz,zz9.99
x99 xxxxxxxxxxxxx zz,zz9.99 zz,zz9.99 zz,zz9.99
x99 xxxxxxxxxxxxx zz,zz9.99 zz,zz9.99 zz,zz9.99
x99 xxxxxxxxxxxxx zz,zz9.99 zz,zz9.99 zz,zz9.99
x99 xxxxxxxxxxxxx zz,zz9.99 zz,zz9.99 zz,zz9.99

: zz,zz9.99 zz,zz9.99 zz,zz9.99

9
10
การออกแบบส่วนแสดงผล
การออกแบบหน้าจอแสดงผล
 รวบรวมข้อมูลที่ตอ้ งใช้ในการออกแบบหน้าจอแสดงผล
 ออกแบบรูปแบบหน้าจอแสดงผล
 สร้างต้นแบบของตัวอย่างหน้าจอ (Screen Prototype)

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

xxxxxxxxxxxxxx

xxxxx xxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx

xxxxx xxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx

: xxxxxxx

12
ตัวอย่างหน้าจอแสดงผล

13