# data[].attributes.body
delete php file

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

<a href="deletestudent.php?id=<?php echo $row['stu_id']; ?>" onclick="return check()">Delete</a></td>

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

<script>
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; }
}
</script>

# data[].attributes.body
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

# data[].attributes.body
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 :

<td><a href="detail.php?id=<?php echo $row['stu_id']; ?>"><?php echo $row['stu_name']; ?></a></td>

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

<html>
<body align="center">

<img src="upload/<?php echo $_GET['id']; ?>.jpg">

<form action="upload.php" method="post" enctype="multipart/form-data">
Select image to upload:
<input type="file" name="fileToUpload" id="fileToUpload">
<input type="hidden" name="stu_id" value="<?php echo $_GET['id']; ?>">
<input type="submit" value="Upload Image" name="submit">
</form>

</body>
</html>

# data[].attributes.body
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; }
}

# data[].attributes.body
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

# data[].attributes.body
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

# data[].attributes.body
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']."'";

<table border="1">
<tr>
<th>Name</th>
<th>ID</th>
<th>Program</th>
<th>Gender</th>
<th>About</th>
<th>Father's Name</th>
<th>Father's No</th>
<th>Mother's Name</th>
<th>Mother's No</th>
<th>Address</th>
<th>Action</th>
</tr>

<td><?php echo $row['father_name']; ?></td>

# data[].attributes.headline
AZAM's answer for Successful effective interface design

# data[].attributes.subject
AZAM's answer for Successful effective interface design

# data[].attributes.body
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)

# data[].attributes.body
1. Detail reports
2. Exception report
3. Summary report

# data[].attributes.body
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

# data[].attributes.body
Providing a help menu so that they know how to use the system properly.

# data[].attributes.body
frequently asked questions feature (after survey is done) or according to previous reports from users etc

# data[].attributes.body
The effort of the user will determine the output of the interface such as scrolling with mouse to move the page down

# data[].attributes.body
UI must create an environment where user is able to focus on completing their tasks instead of being distracted by the UI.

# data[].attributes.body
helps user to get the output they want from the system by shortening the process in daily life.

# data[].attributes.headline
how to create interface that is easy to use?

# data[].attributes.subject
how to create interface that is easy to use?

# data[].attributes.body
include  icons or graphical symbol of the function

# data[].attributes.body
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)

# data[].attributes.body
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..

# data[].attributes.body
create the early version of the interface which allow the user to test it and give feedback

# data[].attributes.body
welcomes the user to give feedback on how the system works for them and how it can be improved for future updates

# data[].attributes.body
output and input should be
easy to learn
easy to use
easy to work with

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

by using effective design concept and principles

# data[].attributes.body
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

# data[].attributes.body
what does tht mean?
designing an interface based on concept and principle. Not just by doing it using your own idea

# data[].attributes.body
output and input should be
easy to learn
easy to use
easy to work with

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

by using effective design concept and principles

# data[].attributes.body
take account of clarity, simplify description, make the process of it straightforward and simple? make use of colour and texture

# data[].attributes.body
-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

# data[].attributes.body
There is graphical user interfaces that ease the user to interact with the computer with the help of graphical icon or images

# data[].attributes.headline
Create an attractive layout and design ()

# data[].attributes.subject
Create an attractive layout and design ()

# data[].attributes.body
attract the user to use the system by providing suitable colours and designs according to the use of the system.

# data[].attributes.body
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

# data[].attributes.body
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

# data[].attributes.body
How the user and the computer interact with each other, a visual layout for them to communicate

# data[].attributes.body
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

# data[].attributes.body
Interaction between  user and a computer system , in particular the use of input devices and software.

# data[].attributes.body
User interface is the visual layout of an element that the user interacts with to manipulate it

# data[].attributes.body
user interface is  the means by which the user and a computer system interact, in particular the use of input devices and software.

# data[].attributes.body
the user and a computer system interact, in particular the use of input devices and software.

# data[].attributes.body
Interaction between the user and computer by using input devices and software

# data[].attributes.body
the means by which the user and a computer system interact, in particular the use of input devices and software.

# data[].attributes.body
A sub chapter for system design phase. The most important component of user interface design are output and input

# data[].attributes.body
QR code for today class