User-Interface Design

Transcription

1 User-Interface Design

2 180

3 Prototyping and User-Centered Design Input Screen Design Elements of Input Screen Validation and Verification of Inputs Input Screen Design Process Input Screens Design Guidelines Output Reports Design Types of Reports Reports Design Process Reports Design Guidelines

4 182

5 " - -." " " : : : :.. :.. 183

6 4.1 - : 1. Dennis, A. et al, Systems Analysis & Design: An Object-Oriented Approach with UML. John Wiley & Sons Inc., Dewitz, S., Systems Analysis and Design and the Transition to Objects, McGraw-Hill, Edwards, P., Systems Analysis, Design, and Development with Structured Concepts, Rinehart And Winston, Hoffer, J. et al., Modern Systems Analysis & Design, 2 nd Ed., Addison- Wesley, Kendal, K., and Kendal, J., Systems Analysis and Design, 5th Ed., Satzinger, J., Systems Analysis and Design, 2nd Ed., Thomson Learing, Silver, G. and Silver, M., Systems Analysis and Design, Addison- Wesley, / computer science/ staff/saleh abu-soud

7 Prototyping and User-Centered Design.2 : o o : o o o o o o o (User Interface Prototype). (1) 185

8 Input Screen Design.3 Elements of Input Screen 1.3 : : (Header)..... (1 :(Screen Body) (2 (Data Fields) : :(Radio Button). Static.. :(Check List) (Static). :(Combo Box). (Dynamic).. :(Text Field). 186

9 : :(Buttons) (3 تخزين مسح شطب طباعة خروج (2) Validation and Verification of Inputs : - - (Verification).1. (Validation) : :(Class Test) (Text Data) (Numeric Data).(Alphanumeric Data).2-187

10 :(Sign Test). :(Range Test). :(Reasonableness Test)..(Warning). :(Sequence Test). :(Presence Test). - :(Code Test) :(Combination Test)

11 (Check Digits).3.. (ISBN). 11 : : 9X5+8X3+7X4+6X0+5X0+4X6+3X1+2X5+1X9 = (3). Input Screen Design Process : :(Screen Sheet) (Word) (Excel) :...1 : - -

12 . :(CASE TOOLS) VB).(ORACLE. (Prototype) - (1). (2). :(1) 190

13 :(2) (Screen Source Document) (Header). : (1) (3). :(Item). :(Item Type). :(Size)

14 . :(Format). :(Default). :(User Action). :(System Reaction) (Tab) :(Tab Sequence) (Tab) :(Navigatable?) Item User Name Password Exit Change Password Login Item Type Text Field Text Field Button Button Button Size 20 Chars 20 Chars 0.5X2.5 Cm 0.5X3.5 Cm 0.5X2.5 Cm Format A(20) X(20) Default Empty with cursor Empty Active Inactiv e Inactiv e User Action Enter Data Enter Data Press Button Press Button Press Button System Reaction Move Cursor to Password -- Exit from System Show Chng_psw form Show Main form and hide login form Tab Sequence Navigatable? Y/N Y Y N N N (1) :(3) (3) :.(Login, Change Password, Exit, Password, User Name) :(User Name)...(Password).....(Tab)

15 Input Screens Design Guidelines : (Warning.(User Friendly). (Error Messages).Messages) : (Hint) (Help).(dd/mm/yyyy) :

16 Output Reports Design Types of Reports 1.4. : :(Query Reports).(Query Statement) :(Detail Reports). :(Summary Reports). :(Exception Reports). :(Periodic Reports).. (4). 194

17 Reports Design Process 2.4 (Format) (Report :Formatting) :(Report Heading).(4) :(Page Heading).(4) :(Control Heading).(4) :(Column Heading).(4) :(A Detail Line).(4) " : " :(Control Footing). :(Page Footing).(4) :(Report Footing).(4) (5). - - (4).. 195

18 2/6/ : 2 of 2 2/6/ : 1 of 2 :(4) : : (Excel) (CASE Tool). :.. Xs. As. 9s.. (-). (5) 196

19 XXXXXXXXXXXXXXXXXXXXXX COURSE SCHEDULE DATE:dd/mm/yyyy TIME: hh:mm Student Id: XXXXXXXX Student Name: AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA Semester: XXXXXXXXX Year: 9999 Degree: Major: AAAAAAAAAAAAAAA AAAAAAAA Course No. Course Name Section Day Time From Time To Credit Hours 9999 XXXXXXXXXXXXXX 9 AAA 99:99 99:99 9 Page: 99/99 End of Report For Official Use Only Name:AAAAAAAAAAAAAAAAAAAAA Number: :(5) 197

20 - - (6)..(5) COURSE SCHEDULE DATE: TIME: For Official Use Only (5) :(6) :.. 198

21 -. (Operators) : - : :(Duplication Method)... : :. :. :(Disposal Method)..(5) (1) :. (7)..(5) 199

22 Data Dictionary for Course Schedule Item Type Length Format Notes Date Date 8 dd/mm/yyyy Report issuing date Time Time 4 hh:mm Report issuing time Major Alphabetic 15 A(15) Student Major Degree Alphabetic 8 A(8) Student Degree Year Numeric 4 9(4) Academic Year Course Name Alphanumeric 15 X(15) Semester Alphanumeric 9 X(9) Current Semester Student Id Alphanumeric 8 X(8) Student Name Alphabetic 35 X(35) Course No. Numeric 4 9(4) Section Numeric 1 9 Day Alphabetic 3 A(3) Day Abbreviation: SUN, MON, TUE, WED, THU, FRI, SAT Time From Numeric 4 9(2):9(2) Course Starting Time Time To Numeric 4 9(2):9(2) Course Ending Time Credit Hours Numeric 1 9 Course Credit Hours Page Numeric 4 99/99 Page of Report with format: current page/total pages Name Alphabetic 21 A(21) Registrar Name Number Numeric 10 9(10) Registrar Number :(7) Reports Design Guidelines :

23 . : page of o. 3 of 20 Total. o. o o.. o. o. o. o

24 (1). :.1000 X 3 :.(9/1 6/1 1/1) 3 :.( ) :. :.70% Fiber 80 Grams A4 :. :. :. : 202

25 .8 :Column Heading -. :Validation -. :Verification -.. :Report Heading -. :Page Heading - :Control Heading -. :User-Centered Design -. :Exception Reports -. :Query Reports -.(Query Statement) :Detail Reports -. :Summary Reports -. :Periodic Reports

26 . :Report Footing :Page Footing. :Control Footing. :Radio Button. (Static). :Combo Box. (Dynamic). :Check List. (Static). :Text Field.. :A Detail Line. :Check Digits

27 :User Interface Prototype Aktas, Z., Structured Analysis and Design of Information Systems, Prentice-Hall, Baudoin, C. and Hollowell, G., Realizing The Object-Oriented Life Cycle, Prentice-Hall, Booch, G., Rumbaugh, J., and Jacobson, I., The Unified Modeling Language User Guide, Addison- Wesley, Dennis, A. et al, Systems Analysis & Design: An Object-Oriented Approach with UML. John Wiley & Sons Inc., Dewitz, S., Systems Analysis and Design and the Transition to Objects, McGraw-Hill, Edwards, P., Systems Analysis, Design, and Development with Structured Concepts, Rinehart And Winston, Henderson, P., Object-Oriented Specification and Design with C++, McGraw -Hill, Hoffer, J. et al., Modern Systems Analysis & Design, 2 nd Ed., Addison- Wesley, Kendal, K., and Kendal, J., Systems Analysis and Design, 5th Ed Kruchten, P., The Rational Unified Process: An Introduction. 2nd Ed., Addison - Wesley, Lejk, M. and Deeks. An Introduction to Systems Analysis Techniques, 2nd Ed., Pearson Education Limited, Maciaszek, A., Requirements Analysis and System Design, Developing Information Systems with UML, Addison- Wesley, Quatrani, T., Visual Modeling with Rational Rose 2000 and UML, Addison- Wesley, Satzinger, J., Systems Analysis and Design, 2nd Ed., Thomson Learing, Silver, G. and Silver, M., Systems Analysis and Design, Addison- Wesley, / computer science/ staff/saleh abu-soud

28 206