User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛...

28
User-Interface Design

Transcript of User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛...

Page 1: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

������� �� � ����� User-Interface Design

Page 2: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

180

Page 3: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

181

����� ������ ������� ����

1 . ��������……………………………………………...….…….. .... 183 1.1 ��� …………………………………………….….… ...... .... 183 2.1��� � ����� �………………………………………… ...… .. .... 183 3.1 ������ ����� ……………………………………………..…... .. 183 4.1 �� �������� ������……………………………………..…. .... ... 184 5.1������ ��� ����� �� ������…………………………….... ..... .. 184

2 . �������� ������ ��!���� ��"�#�� Prototyping and User-Centered Design ..... ...... ...... ...... ....... 185 3. $���%� ��&�& ��!�Screen Design Input. .... ...... ...... ...... ..... 186

1.3 $���%� �&�& �!�#� Elements of Input Screen ..... ...... ...... 186 2.3 �'����� (� (����� )�����Validation and Verification of Inputs 187 3.3 ��&�&�� ��!� ���� Input Screen Design Process ...... ...... .. 189 4.3 ��&�&�� ��!�� ����&�� Input Screens Design Guidelines ..... 193

4 . ������� ��!�Output Reports Design.... ...... ...... ...... ...... ... ... 194 1.4 ������� *��#� Types of Reports. ...... ...... ...... ...... ...... ...... 194

2.4 ������� ��!� ����Reports Design Process... ..... ...... .... ... . 195 3.4 ������� ��!�� ����&�� Reports Design Guidelines. .... ...... ... 200

5 .�!'���................................................................... 201

6 .������� ������ (� ���� �+�����.......................................... 202

7 .��,����� ��,���........................................................... 202

8 .����-!��� ����......................................................... 203

9 ./������.................................................................... 205

Page 4: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

182

Page 5: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

183

1 .������

1.1����� 0, 1' �2 3����� 455� 2 6�� ���� (� �#��7�� ������"1380 ��9#:� $���

���!��" (��#+, ; � < "�������� ����� ��!�."

<����:� � � (� <�������� $���%� ��&�&� =������>� ����� ��!� �,�+ $�? �+� $��+�� �������� � �� ;��� ��9#�� ��5�� (� ������ (�?� ��?� �#: 0�"�

������>� ����� $'� (� ��9#�� 6�� �������� �?� (��:� �9+� ;@� <�9�� . A"� � ��!� �'� B� <B�,�:� �@ �������� 4�� "��� �,?:� ���� >� ������>� ����

;C�# $?&, �����, $,�. ����� <������ A" ;@2 3����� 455� 2 <������>� ����� DC�!� �����,

<� �!�#�� ����#��� �@�E%�, <���!� )�- 6�� ���� 9��F���� ����� $C��� . ��!�� ���� ����&�� ������ (�E���������>� �����.

2.1����� ����

0#� /���2455� 3�����2 1����� (�?� (� ������ A" ����� (� ���#>� �+, (� 6��:

1. �������� ������ ��!���, ��!���� HE�� . 2. ��9#�� ��&�& ��!�.

3. ��9#�� ����� ��!�

3.1����� ����� ������ A" ���� 6�� ����� �7'7��C� : $�:� ������ H�E� I�: ��!�����

$�:� ���� ;-J �" � <�������� ������ ��!���� ��"�#��, . ;#�7�� ����� ��� : 6�#+@ �'������ *���#� 0�" (�E�� <��9#�� ;@ $���%� ��&�& ��!� K��,� L�&� (�,,

�@�E%�, <���! (� )����� )�-� 6�� ��!���� ���+� ����&�� . ;�-J� ����� ;#�7��. I��7�� ����� ���� : )��-� K���,� (�, 6�� ��+ �7 <������� *��#� (�,, ��,@

I��7�� ���� ;-J� ��!��� ���+� ����&�M, ;�#� <������� ��!�.

Page 6: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

184

4.1������� ���� 0�!#�2 (�� ����� ���� ������� /������ 6�� *'->�, <3����� 455� ��� �����+������� A" *�E�� �@ 6�� 0�����:

1. Dennis, A. et al, Systems Analysis & Design: An Object-Oriented Approach with UML. John Wiley & Sons Inc., 2002.

2. Dewitz, S., Systems Analysis and Design and the Transition to Objects, McGraw-Hill, 1996.

3. Edwards, P., Systems Analysis, Design, and Development with Structured Concepts, Rinehart And Winston, 1999.

4. Hoffer, J. et al., Modern Systems Analysis & Design, 2nd

Ed., Addison-Wesley, 1999.

5. Kendal, K., and Kendal, J., Systems Analysis and Design, 5th Ed.,.2002. 6. Satzinger, J., Systems Analysis and Design, 2nd Ed., Thomson Learing,

2002. 7. Silver, G. and Silver, M., Systems Analysis and Design, Addison-

Wesley, 1996. 8. http://www.psut.edu.jo / computer science/ staff/saleh abu-soud

5.1����� ����� ���� ����� �� 3����� 455�2 (�?� (� � ��@� ������ A" ������ ��� ����� �� $? (�

/�,�� 6�� D��� �7 <������� B��#��� (�?��� 1��@�� <��+��� 1��+��� �����&�%� ;���� ������ $�� <;��"�� ������ ��C�� (� �,��%� ���, $���� <������ ������ 0��� <��,

����� 0�����+� )�+�� <������ ����E�� �+���� 6�� 0����� �#: . ��+�& �"������, 6�� ����E���� N+, �&��#� �� <0����� � �7� ;��� �����F��>� N+, L�-/���@ 6�� O� ("M, B��#��� (�+�� �#� ����� <���� (�� ;���?:� 0@�&�.

Page 7: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

185

2 .� ��� ������� � ��!� ������"� Prototyping and User-Centered Design

(�?� <��!��� ���� ;@ �������� 0��&� ;#+ �������� ������ ��!��� �" 0��&%�23����� 455� 2 (�� 6�� :

o �5� (�?� ��!��� ���� ;@ (��!��� /� �������� 0��& (� ���1� )��@ (�� ����!� .

o ���������� ��� (��#� ���#>� �+, ��!��� ��� ���+, .

(� ��!���� 6���� <(�������� �+,- �F, (�������� ������ ��!��� ��,������ -��#�� ��,��>� (+, "�P:

o Q(�������� � � � (� o ������� (� �@� � ����9#�� Q o ������� ���� ��� $�+� � ����9#�� Q o Q����,� ; �� o Q�, $��+��� (�+-�� ;��� �J���� ����#� ; �� o Q��� ;��� �����+��� �+,- ; ��

o ���,-� �#��� $ <��9#�� (� ��� (��!� ;��� �����+��� (������� �? 6�� -�@ ������ ���&�&��Q

��� (� ��!��� (?��&�&�� �� ������� )����� 6��� �� ���� ��������, �����,���� >� ��� $7� ������ 0�, $���@ �� $?������ �������� �� ( $��� (�

�@ ��� "��� ���� ��� (��, ��& �� �J (� �������� (?� � �#� < �� ���� �� 6�� )�F�>� �#�� <���?���$?& �&�&�� ;C�#�� �� ������ $?&�� ��!�, ��!��� ��� <6�� �" � <�&�&�� ;C�#�� �"��# �&�&��� �� ������� (User Interface Prototype)

�!�� R���, ����� (� ��!��� (?� �"��#�� ��!� ��� ���5�� ���+�� ;@ *���S��$?, �"��#�� $�� 6�� ������ ���� ��.

�� �� ������ �������)1(

Q�������� ������ ��!���, ��!���� ��

Page 8: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

186

3 .���# �$�$ ����� %Screen Design Input

1.3 %���# �$�$ ���!� Elements of Input Screen �� � <�!�#� ��� (� $���%� �&�& (�?��:

1( �������(Header)< 6�� 4����� ��U� �!�#+�� : � �&�&�� (��#�� ��9#�� ���. � ���V��� ��+&. � W�����. � �����. � ���� W����X �� ��� �� <�@ �&�&�� ���������9#�� ����� �� �" .

2( �&�&�� ��� (Screen Body):

6�� 4���� $����� (Data Fields),�� $���� �� ;��� � ����- (� ��9#�� ��# <��� A" *��#� ��� $������ �: � Radio Button) :( A"� (��?�� <������ ���� (� ���� ��� ����> �����

������� 1���� �9� <������� ���� �&�&�� 6�� �+�� �� . *��#�� �" ��5� (� ���� �#?�� <������>� $� �#�Static 4� � $��+� �#�� B��� ������� $�+�� �#

�, �!���� ����,��.

� (Check List) :�&�&�� 6�� �� �9 (�?� ����� ��� ����> ����� . ��5� (�� *�#�� �" >� $� �#� ��� �#?�� <1�E� ������ �(Static) 4� �������� $�+�� �#�

�, �!���� ����,�� $�+� �#�� B���.

� (Combo Box) : ������� A" (�?�� <����� ��� (� ���� ��� ����% ����� $�:� ����� ��� �&�&�� 6�� �� �9 �Y� <��7? ���� . �#� *�#�� �" ��5� (��

���� �Y� <������>� $�(Dynamic) 4� ��#�� B��� > ������� $�+�� �#���#�,�� ����� 6�� $�+��� $'� (� 0�" /-��# �##?�� <�, �!���� ����,�� $�+�.

� Text Field) :(H��F��� ���� )�- (� ��#�,�� $���% *�#�� �" ����� .� (�� ���C��#� :� (�?� �� ���� 0�"� <������� ��#�,�� ��!, �?���� B+! ;�@ ����

0�"� �#��-E� �"� >� *�#�� �" ����� >� <Z��:� *��#[� $���� *�# ����� .

Page 9: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

187

3( ���5:�(Buttons):

6�� 4��� ���- (� �� ;��� ���5:� ��#+� ���� ���� <$7�:

������ ������� �� ��)2(

Q�#� $? ������ ; ��� Q�&�&�� ��5�� ; ��

2.3 &���� '� '����� (���� Validation and Verification of Inputs

(� ��#�,�� $���� $C��� *��#� $? ;@ ������ ��-�:� ��#7���� (��, < 0�"�� B����� ���- ��&�?> ����� $,� 1�+�� ��-�:� 6�� ��9#�� ���-�:� (: 0�"� <

� �7P� (�? �����?����1� ��:� N+, ;@� ��+, P�-��� H�!� $��� $, B+! ( �7P� ��J�� B+!�� (�@ <\-�� $?&, ;?#, ��9# ;@ �>���� �+� $���M? <��9#�� �����

�" � ���F! ����� �+, P-��]��#, 6�� � \-���� �+�� . ��?��� (� �#M@ 0�"� ��� ��E� )�- ��!� ;@ �,?��&�?>��-�:� ��9#�� ����� $,� .

��+�� 0��# (� � $C�����&�?���-�:� 23����� 455� 2 �� � A" :

1. �����)Verification(

)����� �,�+ ��� ���- <������ �#� ��#�,�� A" (� �?P��� ��#�,�� $��� �+,� @ (�?� (� ��M $���%� ����M,(��� �� <��#�,�� 3F#� �7?� N+,�, �E+, �#�����<

������ ���? �9#��,�!�&�� ��� ;@ �9#��, (�,5�� �� (� �?P���, ����. 2. ������)Validation(

(� ���,�����, ��X ���- <*��#:� (� ��+�� 6�� 4����$7� <: �2 @ *�#�� D�(Class Test): ���#�,�� $7� <������� ��#�,�� *�# (� �?P��� �����

���+��(Numeric Data) �� �!�#�� ��#�,��(Text Data) �� ����+�� ���#�,�� �-������ �!#��(Alphanumeric Data).

����� �� �� ��وج ����

Page 10: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

188

B2 ���&%� D�@(Sign Test):�,��� 1��C�� (�?� ;��� ��#�,�� D�F�� �" B��# �� (5���� �@����� $7� <(������ "�P� (� (?� >� �,���.

�2 Z���� D�@)(Range Test :� (�? ;��� ��#�,�� D�F�� �" B��# ���+� Z�� � ������ �F�! �� 6#�:� ���� (�? ���#� ��'+�� $7� <���&%� (� �9#�� NJ,

�C�� 6��:�.

�2 ����+��� D�@)(Reasonableness Test : Z�� �@ ��#�,�� (�? > �>�� 0��# ����� ���+� �Y� 6#�:� ���� ���+� �@ ��+�� $7� ���� ��- (� ]���� <���+�

<6��:� �� ������� ����? (@�- (�. ),-� /-��# > ������ A" ;@� 4� (�� P��#@ <Z��:� �,7��� *��#� 6�� ��,#� $?�& 6��� P-��� (�?� ����+��� D�@

(Warning) . �"M@ HE�� 6��� �� ��� > �#� "� ��+�� *�#�� �" 6�� ��7�:� (�� �+� (?� <1'7� (��&�� �C�� 6��:� ���� (� �#E�@ A��� (�? (� ��X D�& �

�"� (P, �������� 1�,#� ��9#�� ;-+ ������ A" ;@� <�#� (�&�� ����� �C�� ���� _P-� (�? �"� ��� �������� �#� 6E�J� 1���! (�? �"M@ <$��+� �Y ��+��

���!�, �������� � �#�.

A 2 $������ D�@)(Sequence Test :� ;��� �,?���� ��#�,�� ����� �7?� 6�� 4��� ��7 �&��� �7 ���� 6�� 4��� ���#� W����� $7� <1��� B����� (�?� �5� (�

���� $,� �&�� $�� (� �������� 5�� '@ <�#���.

�2 �������� D�@)(Presence Test : $7� <���� ��#�,�� H��F�� D�F�� �" ����� B��-�� ��� �� ��� $���� �#+@ <;#-��� ����� B�� <1'7� ����'� $���% B��-��

����'� $���M, ����� $,� ��#�,�� ����� ;@ 1'+@ ����� B��-�� (� (� �?P���.

52 5����� D�@(Code Test) :1�#��� �-E#- �"� (�� �7��7�� ������ ;@ �#̀, ��?� ������2 �������? <��F# �#�,�� (� 1>�, (+� 5�� $��+��> 11 (�� 1>�, ����

B������ � 1'7� 34 �C�,�?�� ���#�� ��� (� 1>�, . D��@ 6�� ������ A" ;@�5����� D�F, > �� ��9#�� ;@ �@��+��� 5����� (�E (� (�? (� $����� 5���� .

L2 B?���� D�F��)(Combination Test : ����� ;�@ D�F�� (� *�#�� �" ����� � �E+, $�� (� �7?� -,�� ����E ���� N+, / . *��@� (��,5�� ��� ��'+?

���� �#� (� �?P�# $�+�� ��� $���� �#�� ������ A" ;@ <�@ 1�,��� H�@ 4"�� 0#,�� ��#� �, > �# � <0#,�� *�@ ��> �,�#��, ��:� 0�"?� > �� 0#,�� �'��2 45�5�

3�����2*�F�� �" �'�� (�E (� � $�+�� �" (�? �"� �� D�@ (� .

Page 11: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

189

3. �� �������)Check Digits(

(� ���,� ������� ��#�,�� 6�� "F#� �,��� ���� �����+� ���#, ��C��# �#����� ���#�,�� ;�@ P�-� ���� (� � �#� �?P�# <(��,�-�� �Y (����#�� �#�? �"M@ <1��,��

������� .� ���-�� A" $a��b��� $���� ;@ ��-�:� ��&�?� 6�� �����. � HE��� ;���+�� B��?�� ��� � � 1>�7� "�P# �#�� <D�F�� �" )(ISBN �"@ <

���,��, 6���:� /����� ��#���� (� �#�� $? �#,�E �� <��#�� �&� (� (�?� ����� 6�� R��#�� �#���� ����:� A" �#+���11 c)�, 6�, (�@ .@1'7� �" 6�� ����+��� �#�,- ��

�����: 0-534-00615-9 ;�U�?: 9X5+8X3+7X4+6X0+5X0+4X6+3X1+2X5+1X9 = 143

6�� R��#�� �#��� �711 ����� 6�� $!�#�@ 13 (� (� �?P�# � �#� <c)�, (��, ����+��� A" B�� H�! ����� �" .

������ ������� �� ��)3(

�#� $? ���������� ��5� (,� <)����� $C��� ���.

3.3 �$�$� ����� ��"��

Input Screen Design Process ;�U� ;@ ����# ���-� ��� (� $���%� ��&�& ��!� ���� (�?��:

1. ������ ��!�

����, (��, ��?& ��!� � <�&�&�� ���, ��!���� . �"�� )��- ���� 0�# � 0#�?�M,� <N�J��2 3����� 455� 2 �#� ����� ����� . -��#�� ;@ ����# )�-�� A" �

������:

�2 �+��� �&�&�� ���� $)Screen Sheet( : (� ���,� ; ���+,�� ���� 6�� 4���� 24 �-� 1� � 80 ����� 1� . <���-�� A" ����� �"� @�� ����1� ���� 1� /�,�� $? ;@ ��+E�� ;@ �;& $? ���� . ���-�� A" (P, �# ���&%� ����������C��,� .

B2 ;!�&�� B������ $�+��� : �, ������� �# 0#�?�M, ����)Excel( �� (Word) �&�&�� ���� . ���-�� A" �,�+�� �&�&�� ���� (� $E@� (,� �#: 0�"� $�?�&�

������� ������ �� (�� ������ (�E� (?�� ��� �?��+& �"� <����V��� �@�E%�, 6�� $�+��� ��� �#�? . A"�, ���!���� �&�&��� (� ���C� (� (?��

Page 12: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

190

&�� �,&� > ���-�� ������ �&� 6�� 4�V� ��� <��,? ���� 6��� /�� $?�&����!:� �&�&�� ��!� �#� ��������.

�2 �������� ����:� $�+���)CASE TOOLS( : $E�@� (�� ����-�� A" �,�+� (?���� (� I� <��&�&�� ��!�� )�-�� $7� �C���� ��J��� Z��� �������)VB

��ORACLE(. ���-�� A" ��5� (�� �� (� �#� ���� �&�& ��#, (?�� �,&�� (?���� (� I� <��!:� �&�&�� 1������������� �"��#?(Prototype) ��������.

$?&��)1 ( �!�#+�� �9+� 6�� 4���� ��9#�� $��� �&�&� 1������ 1���!� (,

�?"�� �F��� . $?&���)2 (9#:� ��� (� (5����� ��9#� ���� ���-, �&�& (,������� ��.

$?&��)1(:��9#�� $��� �&�& ��!�

Page 13: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

191

$?&��)2(:���� ���-, �&�&� ��!� 2. ������ "�� ����� ��� )Screen Source Document(

�,�+� �&�&�� �!� ��7� (�� ��, ���� ��� �&�&�� �!�� )�-�� $E@� (� ��,7� I� <R��,��� �C�9� �&�&��� ����, H,!� ��7��� A" �������,� �#� B������

��������� $����� A�� ��?� ��-�:� $�� <1���� 1���� .�(�?�� (� ��7��� A" �����(Header) 6�� 4���� �&�&�� (��#�� ��� < � $����� ��� < �&�&�� (� ����� $����

�&�&�� 6�� �������� $����� �!� 6�� 4���. � $?&�)3 ( (,�&�& �!� ��7� $?&�� ;@ �#,��� ��9#�� $��� )1(I� <:

• (Item) :�&�&�� 6�� ������� �!#+�� ��� ;#+�.

• (Item Type) :�!#+�� *�#.

• (Size) :�!#+�� ���.

Page 14: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

192

• (Format) :�!#+�� ��� ;��� ��#�,�� *�#.

• (Default) :���:� ����� �� #+�� ��� (�? ;��� �������&�&�� H�@ �#� �!.

• (User Action) :�!#+�� /� �������� $��+� ���-.

• (System Reaction) :�������� �?�� 6�� $+@ ��? ��9#�� ��!� ���-.

• (Tab Sequence) : �5 6��� -JE��� �#� �!�#+�� B���Tab) ( ����� 6��� �5 ����� I� <H��F���(Tab)�!#� (� $�#��� 6�� �&�&�� 6�� ��X

• (Navigatable?) :Q�!#+�� 6�� ������, �&�&�� �&V�� H�� $

Navigatable?

Y/N

Tab Sequence

System Reaction

User Action

Default Format Size Item Type

Item

Y

1 Move Cursor to Password

Enter Data

Empty with

cursor

A(20) 20 Chars Text Field

User Name

Y 2 -- Enter Data

Empty X(20) 20 Chars Text Field

Password

N 4 Exit from System

Press Button

Active --

0.5X2.5 Cm

Button Exit

N 5 Show Chng_psw

form

Press Button

Inactive

-- 0.5X3.5 Cm

Button Change Password

N 3 Show Main form and hide

login form

Press Button

Inactive

-- 0.5X2.5 Cm

Button Login

$?&��)3(: �&�& �!� ��7� $��� $?&�� ;@ �#,��� ��9#�� )1(

$?&�� ������ ����� �#���� ��)3( ����� 6��� 4���� �&�&�� (� �#���� <

; �!�#�: (Login, Change Password, Exit, Password, User Name).

1'7�@)(User Name : ��?� <1�!# 1�@�� (�&+� /�� ;!# $�� (� ���,� ( ������C���,>� ��P�F�� �&V� ��� �9� ��#�,�� (� 1�Y��@ �&�&�� H�@ �#� . $���+��

H��F��� ���� )�- (� ��� ��#�,�� $���M, �������� �+� . �#�����#>� ���C,+� (� ��PF�� �&V� $��# ��#�,��, 6�� $��(Password) . ��#� $�:� � �!#+�� �" B����

5 6�� -JE�� �)Tab .(��PF�� �&V� ��� �9 (� (?�� .�!�#+�� ��,� �"? � ... $��2 3����� 455� 2 /�E��� (�?� �? <1�C�&#� �&�&�� �!�� 0#� ��

��,��?, ����� ;��� �����+��� ��?� . ��#� A�@��# ����� ����� (� �? HE� �# (� ������� �!� ��7����&�&1'� /E��� (�?� �?� <�&�&�� ����, �#� R��,��� .

Page 15: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

193

4.3 � �$�$� ������ ��$�

Input Screens Design Guidelines ��#�, $���� �&�& ��!�, ����� �#� ������ ����&�%�� HC�!#�� *�,�M, H!# :

• �&�& (�?� (� B��%$���� ��� > ������)User Friendly.(

• �F�� ��� $���%� ���� (�?� (� B���F#, ��F# �.

• P-��� $C��� 6�� 4���� (� B�(Error Messages) �,#��� $C���� (Warning

Messages). • $C��� 6�� 4���� (� B�>P-��� ��&�?. • �&�&�� (� ����, ��+��� ����� 6�� 4���� (� B�. • �-�, �&�&�� (�?� (� B�< 4� (������ ���� 6�� 4���� . • �&�� (�?� (� B� ������� ��� �&. 4� (�?� (� $�? ;@ (�?��� 3F# ;@ �!�#+��

��&�&��. • ;@ ��,�� �&�&�� H�@ �#�� <�������� � 6�� D�� 4"��� $���� 6�� �&V��� /E

�@ ��#�,�� $���� �������� ��,�. • $����� ��� ;@ P-� I��� �#�< 0��� 6�� D����&V��� 6�� $���� 0�" ���,.

• ������� (� $�� H��F��� ����� �������� <(�?�%� ��� 4� ��P�F�� 6�� ���+ ��+�� .��-�:� $��� 6�� ����� ��9#�� ������� �������� 6�� $� 0�" (� .

• ��� (� �7?� ����+��� 3F# (� �������� $P�� > (� $���. • $������ ���,�%� $����� (, 5� � ��������, 0�"� <�&�&�� 6�� �����>� (����

���,�%� $����� �F���� �� $����� A" B#��, 1'7� ���#��? ���&� /E�,.

• ��F# $�� $? ��F (� B�: ��PF�� �&V� /E� �#� 1'7� W����� $�� $?& ��9M? �� �9� ��� �&�&�� �&V� ������ ����� )Hint( $����� �"� $?& 6�� 4����

;�U�?: )dd/mm/yyyy(. • ��� ���- �������,#���� P-��� $C���� ��#�. • �������� ��&�& ������(Help) (�������� ������� (��? (� 6��� D���� <

����� ��,?, 1'� � V������ �� �7?:� 6�� (��,?.

Page 16: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

194

4. ������� �����Output Reports Design �������� ���7?� 0�"� <��&�&�� ��!� (� �� � $� > ������� ��!� (� �

��9#�� L��# 6�� �?���, (���� (�������� (� �7?� �� ;���� ������� $'� (� ��&@��9#�� ���# .������� ��!� ���+� ��5'�� ��#+�� ��-�� (� �, > 0�"� .

�����2 3����� 455�2 *���#� 6��� ��+���, ������ (� ����� �" $'� (� �!��� ���� ���-� ������ ������� �@�E%�, <� 6�� 6��� ������ ����� ����&��

��� ����� ��!�.

1.4 ������� )�!� Types of Reports <*��#� ��� �������� �#+� �F9�� �F���� DC�!� *�# $?� .� D��� (?�

;� ��? *��#:� A" :

� � �������> ����F��(Query Reports) :� ������ > ����� (� ���,� 4���F�� ���� (� R�#� �-�, ����F��(Query Statement).

� � �������> ��!F��� ����F��(Detail Reports) : ���� (� R�# ���� (� ���,���#�,�� ����� (� ��� (� �7?� -,�� �,?�� ����F���.

� �!����� �������)(Summary Reports : ������ (�� ���,� 6��� 4����� A" �,�+� �"� <����%� (� �,�- �� ;��� �?�&�� ;@ ����� ����+�� RC��#� ��!���

����%� ������� (� �������.

� � �������> �C�#7��)Exception Reports :( /�E� (�� R��#� ;��� ������� ; ��7��� ���, (?��� (?� >� <��?� �Y ;C�#7��� .

� ��� ������� ���)Periodic Reports :( <4��� $?&�, ��!� ;��� ������� ; 4� ),�� $?&, 1����+� (�? �,�- ��� (� . 6��� 1>�7� �,�+ B��-�� ���'� �&?�

;���� $!@ $? ��# ;@ ����,- ��� �#� "� <������� (� *�#�� �" .

������ ������� �� ��)4(

����� (,� ������� *��#� ����#� $? ����.

Page 17: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

195

2.4 ������� ����� ��"��Reports Design Process ���� �#, 0�# (Format) <� 5���� /-��# > ���� $?� ��!�@ 4� > ����

4��� (� �,6�� N+, �� 6�� ������ �#,, 6�� �� �" � <������ -��#�� $?(Report

Formatting): � ������ �����)Report Heading :( ������ ������� ����, ;@ B�? �� ; �

$?&�� ;@ ����F��� 3���� �+���? <�����)4.( � ��F!�� �����(Page Heading) : (�� ��F�! $�? 3�� 6��� B�? �� ; �

$?&�� ;@ W������ B'-�� ��C��? <������)4.(

� ��!�F�� �������)(Control Heading : (�� ���#�, ��C�� $!F �� ; � Z���� 6���:� �#���� B'�-? <��#�,�� A" ���, ;@ �,��?� ������� A" (�?� I�,

$?&�� ;@ �#�7�� �#��� B'-�)4(. � ����+�� ���)Column Heading( : �, '@ $��� $?& 6�� �,��� ��#�,�� �#�? �"�

$?&�� ;@ ��'+��� ��>�? <$����� ����� (� ����� $?� ��� ���� (�)4(. � �� $!F��� �-�)A Detail Line(: A"�� ��� (��, ��!F#� ����+� ���� 5�� >

$7� <����+���";�?�� B'-�� ��� d�, " : $?&�� ;@)4.( � ��!�F�� �&����)Control Footing:( ;�@ Ba�?e� �#?�� ��!�F�� ������� �,&� A"

? <��#�,�� ��# B'- ����� ��C�� ��#��#� 6��� �#� �#��� B'- ����� ��C�� ���#�7��.

� ��F!�� �&��)(Page Footing : (�� ��F�! $? ��# ;@ ��?� B�? �� ; � $?&�� ;@ ��F!�� ��� $7� <������ ���F!)4 .(

� �&�������� )(Report Footing : ������ ������ ������ ��# ;@ B�? �� ; � $?&�� ;@ ��C���� ��# $7� <-�@)4 .(

������ ������� �� ��)5(

�#� $? ���������� ��+� (,� <������ �#, �!�#� ���.

-��& >2 3����� 455� 2 > ���#�� -���#�� A" $? 6�� ������ 4��� (� � �Y 6�� 4��� (� ������ 5�� .� $?&��)4( 6��� 4��� ���� 6�� 1>�7� �,�+

�, 0�"� -��#�� A" $?HE���� �.

Page 18: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

196

����F��� 3���� �+��� B'-�� ��C��

2003/6/2 ��'+�� ��%�

;�� ����90 H��! �Y�85

6��:� �#��� B'- ��# �#�7�� �#��� B'-:

1 of 2

B'-�� ��C��

2003/6/2 ��'+�� ��%�

���� ���70 H��! ����93

�#�7�� �#��� B'- ��# ;�?�� B'-�� ��� d�,:40000

��C���� ��# 2 of 2

$?&��)4(:����? �#, 6�� 4��� ����

<��C� ���-� I'7 (� ������� ��!� ���� (�?��� ;@ ��!�F� (�, (?�

��U� -��#��: #��$� %�&��� :�� '* ��!�!�!���� +�

������ ��� (?� $�+��� B+! ���-�� A" ;@ (?�� ������� ����� �������, (?�� <��!��� 6��� ����, ������ )Excel( �� ��!��� $�+� (�? I� �,�& ��

� (?� ��? <1'������ � �������� �����,�� Z��� (CASE Tool) <N��J�� �"�� 0�, $���@ ����,? �� $?����.

���� ����� �#������� 5����� ������� (:

� ������ ��-� 6�� ��>��� N�+�� -���. � Xs����:�� ������ 6�� ��>��� . � As-�@ ������ 6�� ��>��� . � 9s-�@ ����:� 6�� ��>��� . � ��>� 6�� ������ ���� 6�� 1��,�� ���,-��� �����+�������� ���V��� ��+&? <. � a&�� �-�)2 (?��� 6�� ��>���/-��� (.

$?&��)5 (�?"�� �F#X 5����� �@ ������� ���� ��!�� 1>�7� (,.

Page 19: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

197

XXXXXXXXXXXXXXXXXXXXXX COURSE SCHEDULE

DATE:dd/mm/yyyy TIME: hh:mm

Student Id: XXXXXXXX Student Name: AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA Semester: XXXXXXXXX Year: 9999

Major: AAAAAAAAAAAAAAA Degree: AAAAAAAA

Course No.

Course Name Section Day Time From

Time To

Credit Hours

9999

XXXXXXXXXXXXXX

9

AAA

99:99

99:99

9

End of Report

Page: 99/99

--------------------------------------------------------------------------------------------------- For Official Use Only

Name:AAAAAAAAAAAAAAAAAAAAA

Number: 9999999999

$?&��)5(: ���� ��!�� $�7�

Page 20: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

198

9�>2 3����� 455�2 6��� ���>��� ��!�F#� ��F�! ������� (?� �#� ������ 6�� 1��,�� ���,-��� �����+��� � � 5��� ;���� �����+��� ( ����� ���9#��

����,-, . $?&��)6( �����+��� (, ������ 6�� 1��,�� ���,-��� $?&��� ;�@ ������ )5.(

COURSE SCHEDULE

DATE:

TIME:

--------------------------------------------------------------------------------------------

For Official Use Only

$?&��)6(: $?&�� ;@ ������ ������ 6�� 1��,�� ���,-��� �����+��� )5( �������� %�&�� :!�!���� �����,�

��9# ��#, $, <B������ 6�� $�+ R��#�, ��#, -�@ 3� ��9#:� $��� $�� (��##���� ��������� ��5��� ������,, $��?�� $��? .� (� ��? �Y A��� ������ ��!�

����� ������ �!� ;��� �����+��� N+, �,��? (� �, > 0�"�@ <�!�#+�� A" ��#,� ��!��� ;@ �#�E�� .� <(�����,��� ������+��� A"� (� �F��� ��F9�� $J&����

Page 21: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

199

(Operators) �Y��F�� ������ )���� /,-� ;��� �+,-���� < . ������+��� A"� 4�����2 55�3����� 42������ -��#�� 6�� :

� B����� : ]��#, ������ �����+� B��� �� 4"�� ����+�� ��� �?" �� 1��5�#� ��� ��� �� <1����!�� $��� $?& 6�� ������ 6�� ��#�, ���� ���� ;@ ����� . A" �F�

(���,��� ����+���. � ���F! ��� $�+������� . � ���?� $�+�;@ ����,- �#��� . � W�#�� ��� ������ ������ �,��-��� . (��,����� (��-�#��� �-�#�� A" (� R�# I�

��+�� ���, ;@ � 5�� B����� )���:� ��� .� <��+,-��� ������+��� A"� ��F��R��,���� <$J&��� �9��.

� W�#�� ���- (Duplication Method) :7?� $�� ������ ���-�� (�, �# ��!���� � ������ �@ ���# (� . �������, (�?� (� ��� W�#�� ���-)�� (�,�? �� (�? (�

��F# ������ )��#,�?� 1� �� W�#�� ��X �������, . � )���� *�#:�@ �,�F�� ���� �,�#� �#5�� ����, ��� . � /5���� ���-: �#� �������� ��C��� �+,�-�� 6�� (��:� N+, ;@ ������ /,-

� �#�? �"�� <��9#�� $J& ��+, ������� /5�� ���- �@�+� B�@ <������ ; A" $J&��� $,� (� ����,-.

� ����� ���� : I,+�� (� ������ 6�� 9�F��� ����+��� A" ������ �� ���� $�!������& �Y ���-,.

� �#� D����� ���- (Disposal Method) : ��!���� ��F? ��-�#�� A"� �!���,<9F� (P? <������ �+, ���� �� )g5�b �� 1'7� ('�%� ����� 6�� )�+.

-�!/� )1(

L���� $?&�� ;@ ������ ������ �����+� )5(.

������� %�&��� :!�!������ ����� �������� 0���1 +�� ������� $���� (� ������ ;@ �� ��� 1���F� ;-+ �#P, ��#�,�� 3���� �F

�#�, ��9#�� �#�!� ����,�� ����� ;@ �F � � <� .� �������, D���� ��#�,�� 3�����,& 6�� ��#�,�� �����, D���� ��#�,�� 3���� �,? �� .� $?&��)7( 3����� (�,

$?&�� ;@ ������ ������ ��#�,)5(.

Page 22: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

200

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(:�������, D�� ��#�, 3����

3.4 ������� ������ ��$�� Reports Design Guidelines

<��������� ;�E�� ��F�� ��� ����� 6�� $�!��� 0�!�##2 45�5� 3�����2������� ��!� �#� ������ ����&�%� *�,�M, :

� B�(��E�� ������ (�? 1����� 1�.

� B�(��F�� $� ������ (�? . � B�(� ,��� ������ (�? 1� 1�,��� 1��-#� �&? ;@ 1>�� ��9#�� ��� �,��?? <�� ���'+

���'+�� ����� $,� 0�"� B��-�� ��� �+,� ������ ��� �7. � B�� �,��#��� ����%� ���� ������ �&�&�� $7� < �� �+,�-�� �� $C���� (� � �Y

����%�

� ������ (� ������ ����� $C��� ��#, B� �� 6���� <���& �Y ���-, �, I,+�� , $C����� A" ��-���� -,E�� ��9#P (� ���,� ; � �������%� (�� �������

Page 23: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

201

�� $? (� �;&�� ������# �#� ��� ��� �� (� I� < ���� (��?� (� (?�� �� ��X.

(� ������, D���� ��-���� -,E�� ��9#� ������%� (� ������ (� ���,���� 6�� ��-�:� ��9 /#�;@ ������ � � /#�> 1������ 1��#+� ������ ����� $��� <

������ -��#�� 6�� 4����: o 6�� ������ 4��� (� B����F!�� �����$?& 6�� (�?� (� $EF� < page of

Total 1'7�@ <3 of 20� (� �7��7�� ��F!�� ;#+� ��F! (�&� $!. o 6�� ������ 4��� (� B������� W����� . o �9 (� B���9#�� ��������� 6�� . o 6�� ������� *��#� N+, 4���� (� B� ��������� ����:� ���F!�� ����� (� 1>�,

1'7� ��?&�� ���@�?. o (,# (� B�/5�� ���-���� $? . o (,# (� B���� (� D����� ���-����+��� �+, ���. o � B�>�#�� (?��� ;@ ����� �������, 9�F��. o W�#������� $!:� (� ����� (� B� .

5 .��&�� ������� ��#: ��!��� ���-� � � (� �������� $���%� ��&�& ��!� (�

��?� ��� 1�,��Y ;@ <��9#�� (� � �Y Z� ��? >� (�������� $,� (� �,? $?&, (<��9#�� 6�� ����� ��?� ��!� 4� ��9#�� $&F� (� (?���� (� �#� �� ���#�.

4�� "�� B� ��? <�������� ��&�&�� ��� ��!� )�- *�,�� (� �, > <0�"� �������>� ������ ��!� 6�� 0�"� <���!� ���-� (� ��-� $? ;@ ��������

�������� ������ ��!���,. A" ;@ �� ���������2 3����� 455� 2 ������ ��!��� ��� )�- L�&

��!��� ����� ����&�%� N+, (�, �� ��� <������>� . (�� ��, > �#� �#�� <1����� *��&��� �Y ������>� (� ��&�&�� ����� $C���, �?F��� �� ����� <�C-���� ��#�,��

*��&��� �Y $�!��� (� ������� �� 4���� (��C-�� �����+� 6��.

Page 24: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

202

6 . ������ ����� '� �����*���� 0������� <��#�!:� ��!�� ���� L�&, �+����� ������� ������ 6#+�2

3����� 455�2 6�� �@ ��#����� )�-�� � �+,���� �� $?&, ��#!:� ��!� I�� < ���#� )�-��� ����M, 6�� ;��� )�-��� ��#�#?��� ��#!:� � �F� ;�@ ����& ���

������ �" (� ��,���� ������� ;��� � �F���� )�-�� (� ������ ����, ���#� �7 (�� ����� 6�� ��!��� ���� �@�+�� ��#!:� ��!� �@�E%�, 6�� �-�� ��!� �!���� )

,��#!:� h0��.

7 .�+����� �+� � B���)1(

� B����� :� ��� B�� 1����!� ������ B��B��-�. � ���F!�� ��� $�+� :3 ���F! X 1000. � ���?��� $�+� : /,-3 �#��� ;@ ���� )1/1� 1/6 � 1/9(. � W�#�� ��� : (���#);#+��� ����� ���#� B��-�� ���#(. � W�#�� ���- :(,�?� )��. � )���� *�# :A4 80 Grams 70% Fiber. � /5���� ���-: ��?�� ���, ���;#+��� ����� ��. � ����� ���� :� (?� > <����> ��� *'->�;#+��� B��-�� $,� (� . � �#� D����� ���- :� �+, )5�>������.

Page 25: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

203

8 .��",��� ���� 2 /���,�� ���Column Heading: ��, '@ $��� $?& 6�� �,��� ��#�,�� �#�? �"�

� ����� (� ����� $?� ��� ���� (�$����. 2 ������Validation: (� ���,� ����, ��X ���- <������� ��#�,�� ��! (� �?P���

�*��#:� (� ��+�� 6�� 4����. 2 �����Verification: (� ���,� )����� ��� ���- ��?P��� ��#�,�� $��� �+,�

<������ �#� ��#�,�� A" (�@ (�?� (� ��M $���%� ����M, ��� ( �� 3F#�� �7?� ��#����� <��#�,���E+, ,<N+, �� ��� (�� ��?P���, �������� ���? �9#��,

�!�&�� ��� ;@ �9#��, (�,5��. 2 !�!���� ����!�Report Heading: ����� ����� ������ ���, ;@ B�? �� ; �. 2 ���� ����!�Page Heading: (� ��F! $? 3�� 6�� B�? �� ; ������� .

2 ������ ����!���Control Heading: I�, Z��� (� ��#�, ��C�� $!F �� ; ���#�,�� A" ���, ;@ �,��?� ������� A" (�?�.

2 �/������ 34���� �������User-Centered Design: ��������� ������� ��!��� ��!��� ���� ;@ �������� 0��&� ;#+ (��, <@ (� ��M /�� �������� 0��& �5� (�?� ��!��� ���� ;@ (��!���1� �� )�@ (� ���!� < ��i��� (� ����

�#� ���#>� �+, ��!��� ��� ���+, �������� . 2 !�!������� �����5� Exception Reports: /�E� (�� R��#� ;��� ������� ; �

��7��� ���, (?��� (?� >� <��?� �Y ;C�#7�� . 2 !�!�������!����5� Query Reports: � ������> R��# ���� (� ���,� 4���F��

���� (�� �-�, ����F��(Query Statement) . 2 !�!�������!����5� �������� Detail Reports: ����� (� R�# ���� (� ���,�

���#�,�� ����� (� ��� (� �7?� -,�� �,?�� ����F��. 2 ��� ���6������ !�!��Summary Reports: ��!��� 6�� 4���� ����� (� ���,�

A"� ��,�+� �"�� <����%� (� �,�- �� ;��� �?�&�� ;@ ����� ����+�� RC��#�����%� ������� (� �������.

2 ��!�/�� !�!�����Periodic Reports: <4��� $?&, ��!� ;��� ������� ; 4� (� ,�- ��� ),�� $?&, 1����+� (�? � .� 6��� 1>�7� �,�+ B��-�� ���'� �&?

"� <������� (� *�#�� �" �#� ���;���� $!@ $? ��# ;@ ����,- .

Page 26: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

204

2 ����!�!���� Report Footing: -�@ ����� ����� ������ ��# ;@ B�? �� ; � . 2 ���� ����Page Footing: # ;@ ��?� B�? �� ; � (�� ��F�! $�? ��

������ ���F!. 2 ������ ������Control Footing: ;�@ Ba�?e� �#?�� ��!�F�� ������� �,&� A"

��#�,�� ��#. 2 !7�8�� /�$� !����� '�Radio Button: 6�� ��#�,�� $���� $��� *��#� (� *�#

<�&�&��� �����> �?�� <����� ��� (� ���� ��� ���� ������� A" ( ���� �&�&�� 6�� �+�� �� �9� <������� ���� .� *�#�� �" ��5� (� ��#� $��

�> ���� �#?�� <������(Static) 4� �#� $��+� ��#�� B���� ������� $�+�� �, �!���� ����,��.

2 ����� /�$� !����� '�Combo Box: 6�� ��#�,�� $���� $��� *��#� (� *�#� <�&�&�� �����> <����� ��� (� ���� ��� ����� ������� A" (�?� ����

$�:� ����� ��� �&�&�� 6�� �� �9 �Y� <��7? .� *��#�� �" ��5� (� ��#� $�>� ���� �Y� <������(Dynamic) 4� �#�� B��� > ������� $�+�� �#�

" /-��# �##?�� <�, �!���� ����,�� $�+� $'� (� 0� $��+��� ������ 6��� ��#�,��.

2 %//,���� ��!����� '�Check List: 6��� ���#�,�� $����� $��� *��#� (� *�# <�&�&��� �&�&�� 6�� �� �9 (�?� ����� ��� ����> ����� .� �" ��5� (� � *�#�� � $� �# ������> ���� �#?�� <1�E�(Static) 4� �#� ������� $��+�� �

�, �!���� ����,�� $�+� �#�� B���. 2 ����� '���Text Field: <�&�&��� 6��� ���#�,�� $����� $��� *��#� (� *�#

� H��F��� ���� )�- (� ��#�,�� $���% *�#�� �" ����� .� ���C�� (� ��#� ����:� (�?� 0�"� <������� ��#�,�� ��!, �?���� B+! ���� *��# ����� ;@

�0�"� �#��-E� �"� >� *�#�� �" ����� >� <Z��:� *��#[� $��� . 2 '���� !&���A Detail Line: (���, ��!F#� ����+� ���� 5�� >� A"�� ���

����+���. 2 �� �������Check Digits: (� ���,� �������� ��#�,�� 6�� "F#� �,��� ����

,�� ����+� ���#, ��C��# �#����� ��?P�# <(��,�-�� �Y (����#�� �#�? �"M@ <1�� ������� ��#�,�� ;@ P-� ���� (� � �#� .� ���-�� A" ��&��?� 6��� �����

$a��b��� $���� ;@ ��-�:�.

Page 27: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

205

2 9���������� �� !�!���� User Interface Prototype: �Y ��!� (� ���,� � �&�&�� R��,� �� ������ )���� 6�� �� ��, � ��� �����,�� ��� �����> ������

$7� 0�, $���@ �� <$?������ � �������� ��@ ���� "��� ���� $�� (� <� �� (��, ��& �� �J (� �������� (?� � �#� �� ���� �� ��#�� <����?�

6�� )�F�>��� ;C�#�� $?&�&�&�� �� ������< ��!��� ��� �����,,.

9 . ���- 1. Aktas, Z., Structured Analysis and Design of Information Systems,

Prentice-Hall, 1987. 2. Baudoin, C. and Hollowell, G., Realizing The Object-Oriented Life

Cycle, Prentice-Hall, 1996. 3. Booch, G., Rumbaugh, J., and Jacobson, I., The Unified Modeling

Language User Guide, Addison- Wesley, 1999. 4. Dennis, A. et al, Systems Analysis & Design: An Object-Oriented

Approach with UML. John Wiley & Sons Inc., 2002. 5. Dewitz, S., Systems Analysis and Design and the Transition to Objects,

McGraw-Hill, 1996. 6. Edwards, P., Systems Analysis, Design, and Development with

Structured Concepts, Rinehart And Winston, 1999. 7. Henderson, P., Object-Oriented Specification and Design with C++,

McGraw -Hill, 1993. 8. Hoffer, J. et al., Modern Systems Analysis & Design, 2

nd Ed., Addison-

Wesley, 1999. 9. Kendal, K., and Kendal, J., Systems Analysis and Design, 5th Ed.

2002. 10. Kruchten, P., The Rational Unified Process: An Introduction. 2nd Ed.,

Addison - Wesley, 2000. 11. Lejk, M. and Deeks. An Introduction to Systems Analysis Techniques,

2nd Ed., Pearson Education Limited, 2002. 12. Maciaszek, A., Requirements Analysis and System Design, Developing

Information Systems with UML, Addison- Wesley, 2001. 13. Quatrani, T., Visual Modeling with Rational Rose 2000 and UML,

Addison- Wesley, 2000. 14. Satzinger, J., Systems Analysis and Design, 2nd Ed., Thomson

Learing, 2002. 15. Silver, G. and Silver, M., Systems Analysis and Design, Addison-

Wesley, 1996. 16. http://www.psut.edu.jo / computer science/ staff/saleh abu-soud 17. www.rational.com 18. www.omg.com

Page 28: User-Interface Design - WordPress.com · 2011-10-17 · 205:User Interface Prototype ! !˜˝˜ 2 ˛ ˘ $7 . ˜˘,,

206