![Page 1: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/1.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 1
หนวยที่ 9
การออกแบบสวนปฏิสัมพันธกับผูใช (Human Computer Interaction
Layer Design)
![Page 2: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/2.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 2
วัตถุประสงคเพื่อใหนักศึกษา
เขาใจหลกัการพื้นฐานในการออกแบบสวนติดตอผูใช
เขาใจกระบวนการออกแบบสวนติดตอผูใช
เขาใจหลกัการและเทคนคิในการออกแบบองคประกอบตางๆ ของสวนติดตอผูใช
สามารถออกแบบสวนติดตอผูใชได
![Page 3: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/3.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 3
สวนประกอบพื้นฐานของสวนติดตอผูใชกลไกเนวิเกชนั -> วิธีการที่ผูใชในการบอกระบบวาตองทําอะไรกลไกอินพุต -> วิธีที่ระบบรับขอมูลกลไกเอาทพุต -> วิธีที่ระบบแสดงขอมูลตอผูใชหรอืระบบอื่น
![Page 4: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/4.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 4
สวนติดตอผูใชแบบกราฟกGraphical user interface (GUI) เนนการใชจัดการกับออบเจ็คบนหนาจอที่เปรียบเปนพื้นโตะทํางานโดยใชเมาส เปนรปูแบบการตดิตอกบัผูใชที่มักพบในปจจุบัน
![Page 5: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/5.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 5
หลักการออกแบบสวนติดตอผูใชการแบงสวนของพื้นที่การตระหนกัในเนื้อหาความสม่ําเสมอ (Consistency)ความสวยงามประสบการณของผูใชลดการทํางานของผูใช
![Page 6: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/6.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 6
กระบวนการออกแบบสวนติดตอผูใชพัฒนา
แผนการใชงาน
ประเมินสวนติดตอผูใช
สรางตนแบบการออกแบบ
สวนติดตอผูใช
ออกแบบโครงสราง
สวนติดตอผูใช
ออกแบบมาตรฐาน
สวนติดตอผูใช
![Page 7: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/7.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 7
พัฒนาแผนการใชงานแผนการใชงาน (use scenario) = รางขัน้ตอนที่ผูใชแสดงเพื่อทํางานสวนหนึง่ของตนใหสําเร็จสรางจากยูสเคสสรางแผนการใชงานมกัที่เกดิขึ้นมากที่สุด
![Page 8: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/8.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 8
ตัวอยางแผนการใชงาน (use scenario): ผูซื้อที่รีบเรง ผูใชรูสิ่งทีต่องการ และตองการดวน
1. ผูใชจะคนหาศิลปนหรอืซีดีหนึง่โดยเฉพาะ2. ผูใชจะดูราคา และอาจดูขอมูลอืน่3. ผูใชจะสัง่ซื้อ หรือทําการคนหาอื่น
![Page 9: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/9.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 9
ออกแบบโครงสรางสวนติดตอผูใชกําหนดองคประกอบพื้นฐานของสวนติดตอผูใชและการทํางานรวมกันขององคประกอบใช window navigation diagram (WND)
![Page 10: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/10.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 10
ตัวอยาง
![Page 11: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/11.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 11
ออกแบบมาตรฐานสวนติดตอผูใชมาตรฐานสวนติดตอ (interface standards) = องคประกอบพืน้ฐานที่ใชรวมกันระหวางหนาจอ ฟอรม และรายงานแตละตัวในระบบประกอบดวย
TemplatesMetaphorsObjectsActionsIcons
![Page 12: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/12.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 12
สรางตนแบบการออกแบบสวนติดตอผูใชสตอรีบอรด (Storyboard)ตนแบบทีใ่ช HTML (HTML Prototype)ตนแบบทีใ่ชภาษาโปรแกรม (Language Prototype)
![Page 13: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/13.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 13
ประเมินสวนติดตอผูใชการประเมนิสวนติดตอผูใช (Interface Evaluation)ตรวจสอบเทียบกบัหลักการออกแบบ (Heuristic)ทําตาม (Walkthrough)ปฏิสัมพันธ (Interactive)
ทดสอบการใชงานอยางเปนทางการ (Formal Usability Testing)
5-10 คน
![Page 14: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/14.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 14
การออกแบบระบบเนวิเกชัน (NAVIGATION DESIGN)
![Page 15: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/15.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 15
หลักการพื้นฐานงายตอการเรียนรูคาดวาผูใชไมตองอานคูมือไมตองผานการอบรมไมมีตวัชวยภายนอก
ตัวควบคุมทัง้หมดควรชดัเจน และเขาใจงาย และวางไวในตําแหนงที่เหมาะสม
![Page 16: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/16.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 16
หลักการพื้นฐานปองกันความผิดพลาดจํากัดทางเลือกไมแสดงคําสั่งที่ใชไมได หรอืไมใหเลือกไดใหยืนยนักระทําทีไ่มสามารถยอนกลับได
งายตอการแกไขเมื่อกระทําผิดพลาดใชรูปแบบการสั่งงานที่สม่ําเสมอจํากัดขั้นตอนในการสั่งงานการสั่งงานหนึง่งานไมคลกิเมาสเกนิ 3 เมาสจากเมนูหลกั
![Page 17: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/17.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 17
ประเภทของการควบคุมเนวิเกชัน (Types of Navigation Control)ภาษาภาษาคําสั่งภาษาธรรมชาติ
เมนูการควบคุมโดยตรง (Direct Manipulation)กระทาํกับออบเจ็คโดยตรง
เพื่อเปดโปรแกรมเพื่อยอ/ขยายขนาด
ไมสามารถใชไดกบัทุกคาํสั่ง
![Page 18: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/18.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 18
ประเภทของเมนู
Types of Menus
Menu barDrop-down menuPop-up menuTab menuToolbarImage map
WhenWould YouUse Each ofThese MenuTypes?
![Page 19: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/19.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 19
ตัวอยางเมนูของโปรแกรมบน UNIX
![Page 20: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/20.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 20
ประเภทของเมนู
![Page 21: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/21.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 21
ตัวอยางของ Image Map
![Page 22: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/22.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 22
การออกแบบเมนูกวาง และตื้น
แตละเมนูไมควรมีเกิน 8 คําสั่ง
ใช “hot keys”เพื่อจาํนวนการคลิก หรือกดคียใหเหลอืนอย
![Page 23: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/23.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 23
ขอแนะนําในการใชเมสเสจควรชดัเจน กระชบั และสมบูรณควรถูกตองการหลกัภาษา และไมมคีําเฉพาะหรือคํายออยาใชถอยคําในเชงิลบ
![Page 24: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/24.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 24
ประเภทของเมสเสจ
Types of Messages
Error messageConfirmation messageAcknowledgment messageDelay messageHelp message
WhenWould YouUse Each ofThese MessageTypes?
![Page 25: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/25.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 25
ตัวอยางการเขียน Error Message
![Page 26: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/26.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 26
การบันทึกการออกแบบเนวิเกชัน ใช window navigation diagram (WND)
![Page 27: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/27.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 27
การออกแบบการรับขอมูล (INPUT DESIGN)
![Page 28: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/28.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 28
หลักการพื้นฐานวัตถุประสงคคือ เพือ่ใหนําขอมูลที่ถกูตองแมนยําเขาสูระบบทําไดงายหลกัการสะทอนถึงธรรมชาติของขอมูลทีน่ําเขา
Online processingBatch processing
หาวิธีรับขอมูลที่งายและสะดวกการรับขอมูลตรงจากแหลงลดจํานวนการกดคีย
![Page 29: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/29.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 29
การรบัขอมูลตรงจากแหลงขอดีลดการทํางานซ้าํลดเวลาประมวลลดตนทนุลดโอกาสในการเกิดขอผิดพลาด
การรับขอมูลจากแหลงแบบอัตโนมัติ (Source Data Automation)การรับขอมูลตรงแหลงผานการพิมพ
![Page 30: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/30.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 30
การรับขอมูลจากแหลงแบบอัตโนมัติ (Source Data Automation)การใชอุปกรณพิเศษเพือ่รับขอมลูโดยไมใชการพิมพ เชน การใชเทคโนโลยี
bar code readersoptical character recognitionmagnetic stripe readerssmart cards
![Page 31: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/31.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 31
ลดจํานวนการกดคียไมถามขอมูลทีส่ามารถหาจากทางอื่นได การเลือกจากรายการ มีประสทิธิภาพมากกวาการปอนขอมลู ใชคาปกติเมือ่เปนไปได
![Page 32: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/32.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 32
ประเภทของขอมูลนําเขา (Input)ตัวอักษรตัวเลขตัวเลอืก
![Page 33: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/33.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 33
ประเภทของเครื่องมือรับขอมูล (Input Boxes)
![Page 34: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/34.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 34
ประเภทของเครื่องมือตัวเลอืก (Selection Boxes)
Types of Boxes
Check boxRadio buttonOn-screen list boxDrop-down list boxCombo boxSlider
WhenWould YouUse Each ofThese BoxTypes?
![Page 35: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/35.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 35
ประเภทของการตรวจสอบอินพุต (Input Validation)
Types of Validation
Completeness checkFormat checkRange checkCheck digit checkConsistency checkDatabase checks
WhenWould YouUse Each ofThese ValidationMethods?
![Page 36: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/36.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 36
ออกแบบ Inputฟอรมไมแนนเกินไปฟอรมหนีง่ไมควรแยกเปนหลายหนาเรียงองคประกอบเปนลําดับกําหนดอปุกรณรับขอมลูกําหนดวิธีรับขอมลูจากแหลงขอมูลโดยตรงผานตวักลาง
กําหนดการตรวจสอบอนิพุต
![Page 37: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/37.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 37
การออกแบบการแสดงผล (OUTPUT DESIGN)
![Page 38: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/38.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 38
หลักการพื้นฐานวัตถุประสงคเพือ่นําเสนอขอมลูในรปูที่ผูใชเขาใจไดถูกตอง โดยใชความพยายามนอยหลกัการเขาใจการใชงานรายงาน
เพื่ออางอิง หรืออานโดยละเอียดความถี่ในการรายงาน (Real-time หรือ batch reports?)
จัดการปรมิาณขอมูลใหเหมาะสมทุกขอมูลที่ตองการ ไมมีนอกเหนือ
จํากัดความลําเอยีง
![Page 39: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/39.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 39
Bias in Graphs
![Page 40: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/40.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 40
ประเภทของรายงาน
Types of Reports
Detail reportsSummary reportTurnaround documentGraphs
WhenWould YouUse Each ofThese ReportTypes?
![Page 41: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/41.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 41
สื่อแสดงรายงาน
Electronic
Versus Paper
![Page 42: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/42.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 42
ออกแบบ Outputรายละเอียดชัดเจนแบงสวนตามลําดับกําหนดสือ่
![Page 43: หน วยท ี่ 9cit.snru.ac.th/UserFiles/File/OOAD1_51/Unit09(1).pdf · 2009. 7. 10. · หน วยท ี่ 9 ... ooad 1/2551 ดร.สุขสถ ิต มีสถิตย](https://reader033.vdocuments.pub/reader033/viewer/2022052014/602acaa4e20b181da75cdbf8/html5/thumbnails/43.jpg)
OOAD 1/2551 ดร.สุขสถิต มีสถิตย 43
แบบฝกหัดออกแบบอินเตอรเฟส (3 คน)
Use scenario: ผูซื้อทีค่นหาสินคา ผูใชไมแนใจวาตองการซื้ออะไร และอาจเลือกดซูีดีหลายแบบ
1. กําหนดขั้นตอนใน Use scenario2. ออกแบบโครงสรางและมาตรฐาน3. วาด Storyboard พรอมระบรุายละเอียดของคลาสและออบ
เจ็คที่ใช