MIS341-F

Topic 8 - Designing Effective Output/Input

A. Designing Effective Output

Objectives:
1. Designing output to serve the intended purpose.
2. Designing output to fit the user.
3. Delivering the appropriate quantity of output.
4. Making sure the output is where it is needed.
5. Providing the output on time.
6. Choosing the right output method.

Figure 11.2 Different Output Methods

DESIGNING OUTPUT FOR DISPLAYS AND PRINTOUTS

Four guidelines facilitate the design of displays:

1. Keep the display simple
2. Keep the presentation consistent
3. Facilitate user movement among displayed output
4. Create an attractive and pleasing display

Sample 1: Grouped by retailer

Question: WHAT IF THIS REPORT IS GROUPED BY ORDER DATE?

Sample 2: One-to-Many (retailer:shipped products)

Question: WOULD YOU RECOMMEND DISPLAYING THE PRODUCT AND

SHOWING IN DETAILS THE RETAILERS?

Sample 3: Graphical Output

Sample 4: A Dashboard

EXERCISE: Given this record of the Registrar's office, design an effective screen or
printout form.
S# STUDENT ID STUDENT NAME COURSE CODE SEMESTER GRADE
1 0123 Amera MIS340 212 A
2 0123 Amera MIS341 212 B
3 1234 Amera MIS340 212 C
4 2345 Amera MIS340 211 F
5 2345 Amera MIS340 212 C
6 2345 Amera MIS341 212 B

DESIGN OPTION 1:
GROUPED PER STUDENT PER SEMESTER and SORTED BY COURSE CODE

-----------------------------------------------------------------------
- YIC-MSD Semester: 212 -
- Student ID: 2345 Name: Amera -
- -
- COURSE CODE GRADE -
- MIS340 C -
- MIS341 B -
- -
-----------------------------------------------------------------------

DESIGN OPTION 2:
GROUPED PER COURSE PER SEMESTER and SORTED BY ID NUMBER

-----------------------------------------------------------------------
- YIC-MSD Semester: 212 -
- COURSE CODE: MIS341 -
- -
- STUDENT ID NAME GRADE -
- 0123 Amera B -
- 2345 Amera B -
- -
-----------------------------------------------------------------------

DESIGN OPTION 3: and others...

B. Designing Effective Input

Good form design

1. Make forms easy to fill in.
2. Ensure that forms meet the purpose for which they are designed.
3. Design forms to ensure accurate completion.
4. Keep forms attractive.

Input Design 1:

Input Design 2: GUI

Input Design 3: GUI

EXERCISE: Design an effective input form to record the following records.

S# STUDENT ID STUDENT NAME COURSE CODE COURSE TITLE SEMESTER GRADE

1 0123 Amera MGT214 Operations Management 212 A
2 0123 Amera MIS341 Systems Analysis and Design 212 B
3 1234 Amera MGT214 Operations Management 212 C
4 2345 Amera MGT214 Operations Management 211 F
5 2345 Amera MGT214 Operations Management 212 C
6 2345 Amera MIS341 Systems Analysis and Design 212 B

DESIGN 1: Database (data store) of Course - ER Diagram Concept

DESIGN 2: Database (data store) of Students - ER Diagram Concept

DESIGN 3: Enter Students' Grades (many levels)

Level 1:

Level 2:

Level 3:

Level 4:

Level 4: INPUT GRADES PER COURSE (or SECTION)

Level 4: INPUT GRADES PER STUDENT

: