# 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
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
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
 user interface describes how users interact with a computer system, and consists of all the hardware, software, screens, menus, functions, output, and features

# 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.body
1. Detail report
2. Summary report
3. Exception Report

# data[].attributes.body
Focus on data entry screens
Rule 7 : Use validation rules
Rule 8 : Reduce input volume
use simple text and icon that are easy for the users to understand
use simple text and icon that are easy for the users to understand
 icons, progress bar
 icons, progress bar, notifications, message boxes
use simple text and icon that are easy for the users to understand
use simple text and icon that are easy for the users to understand
More icons., less te
More icons., less text 
How
How
- Create an attractive layout and design
- use familiar terms and images
use common symbols o
use common symbols or icon
Maximize Graphical I
Maximize Graphical Interface is when the UI is pleasing to the eye of the users of the system and it's not confusing to them as it is user friendly.

more to graphic
more to graphic
Simple design, not o
Simple design, not over complicated interface
Maximize Graphical Effectiveness
Maximize Graphical Effectiveness
Providing interesting icons, simplify the text include some animation.
less text, more symbols/icons
less text, more symbols/icons
Example maximize graphical effectiveness
Example maximize graphical effectiveness
Seven Successful Interface design concept
Seven Successful Interface 

# data[].attributes.body
7.1 A sequence check can be used when the data must be in some predetermined sequence

7.2 An existence check can apply to mandatory data items

7.3 A data type check can test to ensure that a data item fits the required data type

7.4 A range check can be used to verify that data items fall between a specified minimum and maximum value

7.5 A reasonableness check identifies values that are questionable, but not necessarily wrong

7.6 A validity check can be used for data items that must have certain values

7.7 A combination check is performed on two or more fields to ensure that they are consistent or reasonable when considered together

7.8 Batch controls are totals used to verify batch input

# data[].attributes.body
Rule 1 : Create an interface that is easy to learn and use
Rule 2 : Enhance user productivity
Rule 3 :  Provide users with help and feedback
Rule 4 : Create an attractive layout and design
Rule 5 : Enhance the interface
Rule 6: Focus on data entry screens
Rule 7 : Use validation rules
Rule 8 : Reduce input volume

# data[].attributes.headline
use simple text and icon that are easy for the users to understand

# data[].attributes.subject
use simple text and icon that are easy for the users to understand

# data[].attributes.body
icons, progress bar, notifications, message boxes

# data[].attributes.headline
use simple text and icon that are easy for the users to understand

# data[].attributes.subject
use simple text and icon that are easy for the users to understand

# data[].attributes.body
More icons., less text

# data[].attributes.body
- Create an attractive layout and design
- use familiar terms and images

# data[].attributes.body
use common symbols or icon

# data[].attributes.body
Maximize Graphical Interface is when the UI is pleasing to the eye of the users of the system and it's not confusing to them as it is user friendly.

# data[].attributes.body
more to graphic

# data[].attributes.body
Simple design, not over complicated interface

# data[].attributes.body
Providing interesting icons, simplify the text include some animation.

# data[].attributes.headline
Seven Successful Interface design concept

# data[].attributes.subject
Seven Successful Interface design concept

# data[].attributes.body
1. Understand the business
2. Maximize Graphical Effectiveness
3. Think like a user
4. Use prototypes
5. Focus on usability
6. invite feedback
7. Document everything

# data[].attributes.body
A user interface describes how users interact with a computer system, and consists of all the hardware, software, screens, menus, functions, output, and features

# data[].attributes.body
A user interface (UI) is a conduit between human and computer interaction – the space where a user will interact with a computer or machine to complete tasks.

# data[].attributes.body
the interaction between human and a computer using particular input device and software

# data[].attributes.body
Ui is the user interace where the interactions occur between user and machine

# data[].attributes.headline
user interface is interaction between user and computer through devices

# data[].attributes.subject
user interface is interaction between user and computer through devices

# data[].attributes.headline
A user interface (UI) is a conduit between human and computer interaction – the space where a user will interact with a computer or machine to complete tasks.

# data[].attributes.subject
A user interface (UI) is a conduit between human and computer interaction – the space where a user will interact with a computer or machine to complete tasks.

# data[].attributes.body
A user interface describes how users interact with a computer system, and consists of all the hardware, software, screens, menus, functions, output, and features that effect two way communication between the user and computer

# data[].attributes.body
communication between user and computer system in form of particular use of software and input devices.

# data[].attributes.body
User interface(UI) is a person controls a software application or hardware device.

# data[].attributes.body
User Interface is  space where interactions between humans and machines occur

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

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

# data[].attributes.body
The users interact with a computer system

# data[].attributes.headline
User interfaces is software interfaces that can interact with the user and computer

# data[].attributes.subject
User interfaces is software interfaces that can interact with the user and computer

# data[].attributes.headline
A way of user and computer system interact.

# data[].attributes.subject
A way of user and computer system interact.

# data[].attributes.body
a medium that lets the user interact with a computer

# data[].attributes.body
User interface allows an interaction between the user and the computer system.

# data[].attributes.body
A user interface (UI) describes how users interact with comp system.

# data[].attributes.body
Is the process of making interfaces in software or computerized devices with a focus or looks or styles.

# data[].attributes.body
to let user interact with the computer

# data[].attributes.body
is everything that designed into an information device with which a person may interact

# data[].attributes.body
User Interface is interaction between computer system  and user ,  in particular the use of input devices and software.

# data[].attributes.headline
 A medium between user and computer system

# data[].attributes.subject
 A medium between user and computer system

# data[].attributes.headline
the use of input between software and input devices.

# data[].attributes.subject
the use of input between software and input devices.

# data[].attributes.body
What is user interface (UI) ???????

# data[].attributes.headline
The most important part of interface design are :

# data[].attributes.subject
The most important part of interface design are :

# data[].attributes.body
1. output
2. input

a good output and input design is a design that is
a. easy to learn
b. easy to use
c. easy to work with

How ?? follow effective design concept and principles

# data[].attributes.body
User interface design is a chapter for system design phase