User interface design by Adib Sarkawi

adib5107 — 2019-05-08 05:57:01 UTC

QR code for today class

User interface design

adib5107 — 2019-05-08 06:12:16 UTC

A sub chapter for system design phase. The most important component of user interface design are output and input

user interface design

adib5107 — 2019-05-08 06:13:43 UTC

output and input should be
easy to learn
easy to use
easy to work with

HOW????????????

by using effective design concept and principles

UI

2019-05-08 06:15:08 UTC

the means by which the user and a computer system interact, in particular the use of input devices and software.

user interface (answer)

ainaa_hkitty — 2019-05-08 06:16:08 UTC

user interface is the means by which the user and a computer system interact, in particular the use of input devices and software.

Answer

firstclasswazap — 2019-05-08 06:16:10 UTC

the user and a computer system interact, in particular the use of input devices and software.

hazmanruzaini1999 — 2019-05-08 06:16:13 UTC

Interaction between the user and computer by using input devices and software

Answer UI

amzlazz99 — 2019-05-08 06:16:39 UTC

Interaction between user and a computer system , in particular the use of input devices and software.

zeekriverwise — 2019-05-08 06:17:33 UTC

User interface is the visual layout of an element that the user interacts with to manipulate it

User

wanihazwani99 — 2019-05-08 06:17:44 UTC

How the user and the computer interact with each other, a visual layout for them to communicate

UI

adib5107 — 2019-05-08 06:20:38 UTC

describe how user interact with a computer system and consists of all the hardware, software, screens, menus, functions, output and features that affect two way communication between the user and computer

UI

hazmanruzaini1999 — 2019-05-08 06:22:06 UTC

nurulrasyiqahibn — 2019-05-08 06:22:38 UTC

How?

akuazam_ — 2019-05-08 06:25:43 UTC

-using human language
-most interface nowadays are using graphical user interface which are easy to learn, easy to use, easy to work with
-a predefined sets of instructions to be used

HOW?

rasongmin — 2019-05-08 06:26:05 UTC

take account of clarity, simplify description, make the process of it straightforward and simple? make use of colour and texture

Easy to use.

hazmanruzaini1999 — 2019-05-08 06:26:40 UTC

There is graphical user interfaces that ease the user to interact with the computer with the help of graphical icon or images

effective design concept and principle?

haikalmohd1 — 2019-05-08 06:32:30 UTC

what does tht mean?
designing an interface based on concept and principle. Not just by doing it using your own idea

Successful effective interface design

adib5107 — 2019-05-08 06:33:11 UTC

1. Understand the business (understanding the process of certain department in the organisation)
2. Maximize graphical effectiveness (refer to Azam)
3. Think like a user
4. Use models and prototypes (refer to jarod)
5. Focus on usability
6. Invite feedback (refer to haikal)
7. Document everything

AZAM's answer for Successful effective interface design

akuazam_ — 2019-05-08 06:36:25 UTC

maximizing graphical effectiveness is when we relate the interface to the things that it is supposed to do, for example, in windows taskbar, the speaker icon is related to the sound of the computer. (advised to use familiar icons / buttons)

user interface design

nurulrasyiqahibn — 2019-05-08 06:36:31 UTC

output and input should be
easy to learn
easy to use
easy to work with

HOW????????????

by using effective design concept and principles

6 by haikal

haikalmohd1 — 2019-05-08 06:37:27 UTC

welcomes the user to give feedback on how the system works for them and how it can be improved for future updates

4

2019-05-08 06:46:37 UTC

create the early version of the interface which allow the user to test it and give feedback

anonymous answer for 3

haikalmohd1 — 2019-05-08 06:51:02 UTC

think of what the user might need in the system. what would be easier for them to use the program. for example we want to make a system for ekehadiran.
as the user . we need to key in our password and id..

8 Rules for user interface design

adib5107 — 2019-05-08 06:57:51 UTC

1. Create an interface that is easy to learn and use
2. Enhance user productivity
3. Provide users with help and feedback
4. Create an attractive layout and design
5. Enhance the interface
6. Focus on data entry screens
7. Use validation rules
8. Reduce input problem (input mask / place holder / predefined data)

how to create interface that is easy to use?

haikalmohd1 — 2019-05-08 07:00:07 UTC

include icons or graphical symbol of the function

Rule 2

akuazam_ — 2019-05-08 07:02:47 UTC

The effort of the user will determine the output of the interface such as scrolling with mouse to move the page down

rule 2

haikalmohd1 — 2019-05-08 07:02:57 UTC

helps user to get the output they want from the system by shortening the process in daily life.

Rule 2

2019-05-08 07:03:01 UTC

UI must create an environment where user is able to focus on completing their tasks instead of being distracted by the UI.

rule 3

rasongmin — 2019-05-08 07:03:57 UTC

frequently asked questions feature (after survey is done) or according to previous reports from users etc

Rule 3

2019-05-08 07:04:10 UTC

Providing a help menu so that they know how to use the system properly.

Create an attractive layout and design ()

haikalmohd1 — 2019-05-08 07:06:46 UTC

attract the user to use the system by providing suitable colours and designs according to the use of the system.

8 validation rules

adib5107 — 2019-05-08 07:24:07 UTC

1. Sequence check (a must predetermined data)
2. Existence check
3. Data type check
4. Range check
5. reasonableness check
6. validity check
7. combination check
8. Batch controls

Types of reports

adib5107 — 2019-05-08 07:40:25 UTC

1. Detail reports
2. Exception report
3. Summary report

parent.php

adib5107 — 2019-05-15 06:45:06 UTC

changes in info.php

adib5107 — 2019-05-15 07:23:21 UTC

if(!empty($_POST['search'])) { //function empty() is use to check for null, "", 0, etc
$sql = "SELECT * FROM student JOIN parent USING (stu_id) WHERE stu_id='".$_POST['search']."'";

Final Chapter

adib5107 — 2019-05-17 00:21:21 UTC

System Support & Security
Maintenance task ( 4 types of maintenance during the useful life of a system)
1. Corrective Maintenance
2. Adaptive Maintenance
3. Perfective Maintenance
4. Preventive maintenance

System Obsolescence (At some point every system become obsolete). System becomes obsolete when it no longer supports user needs)

Please refer to this attached slide for explanation on maintenance task and system obsolescence

Test 1 Answer Objective

adib5107 — 2019-05-21 02:26:57 UTC

1. A
2. C
3. C
4. A
5. C
6, B
7. A
8. B
9. D
10. D
11. C
12. C
13. A
14. B
15. B
16. C
17. B
18. A
19. B
20. A

LATEST 21 MAY 2019_A

adib5107 — 2019-05-21 07:38:44 UTC

delete php file

for your info.php please add new column and type 'delete'

Delete

Return check is a check method available in your info.php

neptuneelves0 — 2019-05-21 08:17:36 UTC

Delete Return check is a check method available in your info.php function check() { //function confirm() will produce an alert box which will return true or false var choice = confirm("Are you sure you want to remove this student?"); if(choice == true) { return true; } else { return false; } }

Upload picture _part 1

adib5107 — 2019-05-21 08:18:53 UTC

1. Create a new folder in your system folder . Name it as 'upload'

2. In your info.php that contain name . Modify the coding as below :

The statement above will call a file name detail.php. Attached is the detail.php file

.jpg">

Select image to upload:

Upload picture _part 2

adib5107 — 2019-05-21 08:22:40 UTC

your detail.php file will call a file named upload.php . It will allow you to upload pic file the the specific student.

Attached is the upload.php file

Name	ID	Program	Gender	About	Father's Name	Father's No	Mother's Name	Mother's No	Address	Action