Download - Lab#11 program interface
![Page 1: Lab#11 program interface](https://reader034.vdocuments.site/reader034/viewer/2022052507/558fd9891a28ab72528b45b8/html5/thumbnails/1.jpg)
Program Interface322131 Human Computer Interaction
![Page 2: Lab#11 program interface](https://reader034.vdocuments.site/reader034/viewer/2022052507/558fd9891a28ab72528b45b8/html5/thumbnails/2.jpg)
Agenda
• Software Design
• Software Design Fundamental
• User Interface
• Assignment
![Page 3: Lab#11 program interface](https://reader034.vdocuments.site/reader034/viewer/2022052507/558fd9891a28ab72528b45b8/html5/thumbnails/3.jpg)
Software Design
http://www.bcarocks.com/wp-content/uploads/2013/08/Analysis_vs_DesignModel.png
![Page 4: Lab#11 program interface](https://reader034.vdocuments.site/reader034/viewer/2022052507/558fd9891a28ab72528b45b8/html5/thumbnails/4.jpg)
Software Design Vocabulary
1. Architectural design บอกถึงตัวแบบและความสัมพันธ์ของระบบ
2. Abstract specification เงื่อนไขและบริการต่างๆ ที่มีระบบย่อย
3. Interface design ออกแบบรูปแบบส่วนของการติดต่อ
4. Component design ออกแบบโมดูลย่อยและวิธีการติดต่อระหว่างโมดูล
5. Data structure design ออกแบบรายละเอียดโครงสร้างข้อมูลที่ใช้ต่างๆ
6. Algorithm design ออกแบบขั้นตอนการทำงานในแต่ละโมดูล
![Page 5: Lab#11 program interface](https://reader034.vdocuments.site/reader034/viewer/2022052507/558fd9891a28ab72528b45b8/html5/thumbnails/5.jpg)
Software Design Fundamental1. Abstraction คิดแยกรายละเอียดของปัญหาออกเป็นระดับที่ชัดเจน
2. Stepwise Refinement ออกแบบขยายรายละเอียดเป็นลำดับขั้นตอน
3. Modularity แบ่งซอฟต์แวร์เป็นส่วนๆ “โมดูล” ชื่อและองค์ประกอบ
4. Software Architecture ความสัมพันธ์ของระบบย่อยต่างๆ
5. Control Hierarchy จัดลำดับของโมดูลต่างๆ ในโปรแกรม
6. Data Structure ออกแบบรายละเอียดโครงสร้างข้อมูลที่ใช้ในโมดูล
7. Software Procedure การประมวลผลแต่ละโมดูล
8. Information Hiding การซ่อนสารสนเทศ การเข้าถึงข้อมูล
http://www.science.cmru.ac.th/
![Page 6: Lab#11 program interface](https://reader034.vdocuments.site/reader034/viewer/2022052507/558fd9891a28ab72528b45b8/html5/thumbnails/6.jpg)
User Interface Design
![Page 7: Lab#11 program interface](https://reader034.vdocuments.site/reader034/viewer/2022052507/558fd9891a28ab72528b45b8/html5/thumbnails/7.jpg)
User Interface
1. Command Line Interaction 2. Menu Interaction 3. Form Interaction 4. Object-Based Interaction 5. Natural Language Interaction
http://biscom.rc.ac.th/ http://venturebeat.files.wordpress.com/2012/01/ui.jpg%3Fw%3D514
![Page 8: Lab#11 program interface](https://reader034.vdocuments.site/reader034/viewer/2022052507/558fd9891a28ab72528b45b8/html5/thumbnails/8.jpg)
Command Line Interaction
![Page 9: Lab#11 program interface](https://reader034.vdocuments.site/reader034/viewer/2022052507/558fd9891a28ab72528b45b8/html5/thumbnails/9.jpg)
Menu Interaction
Pull-Down Menu
Pop-Up Menu
Tool Bar Menu
![Page 10: Lab#11 program interface](https://reader034.vdocuments.site/reader034/viewer/2022052507/558fd9891a28ab72528b45b8/html5/thumbnails/10.jpg)
Form Interaction
http://uxmovement.com/forms/
![Page 11: Lab#11 program interface](https://reader034.vdocuments.site/reader034/viewer/2022052507/558fd9891a28ab72528b45b8/html5/thumbnails/11.jpg)
Form Interaction
![Page 12: Lab#11 program interface](https://reader034.vdocuments.site/reader034/viewer/2022052507/558fd9891a28ab72528b45b8/html5/thumbnails/12.jpg)
Object-Based Interaction
![Page 13: Lab#11 program interface](https://reader034.vdocuments.site/reader034/viewer/2022052507/558fd9891a28ab72528b45b8/html5/thumbnails/13.jpg)
Natural Language Interaction
![Page 14: Lab#11 program interface](https://reader034.vdocuments.site/reader034/viewer/2022052507/558fd9891a28ab72528b45b8/html5/thumbnails/14.jpg)
Structure Data Entry
1. Entry การป้อนข้อมูล 2. Default การกำหนดค่าเริ่มต้น 3. Unit หน่วยของข้อมูล 4. Caption คำอธิบายต่าง ๆ 5. Format รูปแบบ 6. Justify การจัดวาง 7. Help ส่วนช่วยเหลือ
![Page 15: Lab#11 program interface](https://reader034.vdocuments.site/reader034/viewer/2022052507/558fd9891a28ab72528b45b8/html5/thumbnails/15.jpg)
Application for employment
Assignment
Fristname……………………… Surname……………………….. Position Applied for …………….. Salary………………. Bath/mount Personal information Address……………Moo……….Road……………District…..……. Province…………………………Postcode………………………… Mobile……………………………Email…………………………….. Date of birth ……………………. Sex ….Male ….Female Educations name…………………………year………….. name…………………………year…………..