Program Interface322131 Human Computer Interaction

Agenda

• Software Design

• Software Design Fundamental

• User Interface

• Assignment

Software Design

http://www.bcarocks.com/wp-content/uploads/2013/08/Analysis_vs_DesignModel.png

Software Design Vocabulary

1. Architectural design บอกถึงตัวแบบและความสัมพันธ์ของระบบ

2. Abstract specification เงื่อนไขและบริการต่างๆ ที่มีระบบย่อย

3. Interface design ออกแบบรูปแบบส่วนของการติดต่อ

4. Component design ออกแบบโมดูลย่อยและวิธีการติดต่อระหว่างโมดูล

5. Data structure design ออกแบบรายละเอียดโครงสร้างข้อมูลที่ใช้ต่างๆ

6. Algorithm design ออกแบบขั้นตอนการทำงานในแต่ละโมดูล

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/

User Interface Design

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

Command Line Interaction

Menu Interaction

Pull-Down Menu

Pop-Up Menu

Tool Bar Menu

Form Interaction

http://uxmovement.com/forms/

Form Interaction

Object-Based Interaction

Natural Language Interaction

Structure Data Entry

1. Entry การป้อนข้อมูล 2. Default การกำหนดค่าเริ่มต้น 3. Unit หน่วยของข้อมูล 4. Caption คำอธิบายต่าง ๆ 5. Format รูปแบบ 6. Justify การจัดวาง 7. Help ส่วนช่วยเหลือ

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…………..