User interface design by Adib Sarkawi https://padlet.com/adib5107/tsbhpnz5qrin System design en-us 2019-05-08 07:59:34 UTC 2024-05-30 04:51:07 UTC hello@padlet.com User Interface Design adib5107 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357943255 User interface design is a chapter for system design phase]]> 2019-05-08 08:10:14 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357943255 The most important part of interface design are : adib5107 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357943638 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]]> 2019-05-08 08:11:56 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357943638 User interface design adib5107 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944664 What is user interface (UI) ???????]]> 2019-05-08 08:15:48 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944664 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944802 to let user interact with the computer

]]> 2019-05-08 08:16:26 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944802 the use of input between software and input devices. https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944865

]]> 2019-05-08 08:16:39 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944865 User interface design https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944868 Is the process of making interfaces in software or computerized devices with a focus or looks or styles.

]]> 2019-05-08 08:16:39 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944868 A way of user and computer system interact. https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944900 2019-05-08 08:16:48 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944900 A medium between user and computer system https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944901 2019-05-08 08:16:48 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944901 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944904 a medium that lets the user interact with a computer]]> 2019-05-08 08:16:49 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944904 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944920 User interface allows an interaction between the user and the computer system.]]> 2019-05-08 08:16:54 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944920 User interfaces is software interfaces that can interact with the user and computer https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944925 2019-05-08 08:16:55 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944925 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944958 User Interface is  space where interactions between humans and machines occur]]> 2019-05-08 08:17:03 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944958 neptuneelves0 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944967 A user interface (UI) describes how users interact with comp system.]]> 2019-05-08 08:17:05 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944967 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944969 is everything that designed into an information device with which a person may interact]]> 2019-05-08 08:17:06 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944969 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944980 User Interface is interaction between computer system  and user ,  in particular the use of input devices and software. ]]> 2019-05-08 08:17:09 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357944980 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945031 User interface(UI) is a person controls a software application or hardware device.

]]> 2019-05-08 08:17:23 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945031 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. https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945036 2019-05-08 08:17:24 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945036 User interface is a https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945042 communication between user and computer system in form of particular use of software and input devices.]]> 2019-05-08 08:17:27 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945042 user interface is interaction between user and computer through devices https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945053 2019-05-08 08:17:29 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945053 The means by which the user and a computer system interact, in particular the use of input devices and software. https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945071 2019-05-08 08:17:33 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945071 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945131 Ui is the user interace where the interactions occur between user and machine]]> 2019-05-08 08:17:46 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945131 User interface is https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945150 the interaction between human and a computer using particular input device and software]]> 2019-05-08 08:17:52 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945150 User interface https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945194  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

]]> 2019-05-08 08:18:02 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945194 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945282  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. ]]> 2019-05-08 08:18:26 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945282 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945533  The users interact with a computer system ]]> 2019-05-08 08:19:17 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945533 User interface https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945809  A user interface describes how users interact with a computer system, and consists of all the hardware, software, screens, menus, functions, output, and features]]> 2019-05-08 08:20:29 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357945809 Seven Successful Interface design concept adib5107 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357947392 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]]> 2019-05-08 08:26:52 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357947392 Maximize Graphical Effectiveness https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948058 Providing interesting icons, simplify the text include some animation.]]> 2019-05-08 08:29:46 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948058 Example maximize graphical effectiveness https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948061 2019-05-08 08:29:47 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948061 less text, more symbols/icons https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948096 2019-05-08 08:29:55 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948096 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948176 Simple design, not over complicated interface]]> 2019-05-08 08:30:10 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948176 neptuneelves0 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948266 more to graphic]]> 2019-05-08 08:30:34 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948266 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948417 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.

]]> 2019-05-08 08:31:02 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948417 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948609 use common symbols or icon]]> 2019-05-08 08:31:54 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948609 How https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948734 - Create an attractive layout and design
- use familiar terms and images]]> 2019-05-08 08:32:24 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948734 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948930 More icons., less text ]]> 2019-05-08 08:33:12 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357948930 use simple text and icon that are easy for the users to understand https://padlet.com/adib5107/tsbhpnz5qrin/wish/357949009 2019-05-08 08:33:36 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357949009 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357949276  icons, progress bar, notifications, message boxes]]> 2019-05-08 08:34:43 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357949276 use simple text and icon that are easy for the users to understand https://padlet.com/adib5107/tsbhpnz5qrin/wish/357949398 2019-05-08 08:35:08 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357949398 8 Rules for user interface design adib5107 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357950329 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]]> 2019-05-08 08:39:38 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357950329 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357951588 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
]]> 2019-05-08 08:44:35 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357951588 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357954307 2019-05-08 08:57:31 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357954307 Type of reports adib5107 https://padlet.com/adib5107/tsbhpnz5qrin/wish/357955026 1. Detail report
2. Summary report
3. Exception Report]]> 2019-05-08 09:01:12 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/357955026 parent.php adib5107 https://padlet.com/adib5107/tsbhpnz5qrin/wish/360212689 2019-05-15 06:44:49 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/360212689 changes for info.php adib5107 https://padlet.com/adib5107/tsbhpnz5qrin/wish/360221074 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>]]> 2019-05-15 07:24:30 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/360221074 Final Chapter adib5107 https://padlet.com/adib5107/tsbhpnz5qrin/wish/361016645 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 ]]> 2019-05-17 00:12:06 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/361016645 Test 1 Answer Objective adib5107 https://padlet.com/adib5107/tsbhpnz5qrin/wish/361972539 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]]> 2019-05-21 02:24:38 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/361972539 mazasogeze https://padlet.com/adib5107/tsbhpnz5qrin/wish/362038560 2019-05-21 08:12:50 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/362038560 Upload picture _part 1 adib5107 https://padlet.com/adib5107/tsbhpnz5qrin/wish/362056694 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>]]> 2019-05-21 09:16:38 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/362056694 Upload picture _part 2 adib5107 https://padlet.com/adib5107/tsbhpnz5qrin/wish/362056737 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]]> 2019-05-21 09:16:45 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/362056737 LATEST 22 MAY 2019_A adib5107 https://padlet.com/adib5107/tsbhpnz5qrin/wish/362056763 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>]]> 2019-05-21 09:16:51 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/362056763 https://padlet.com/adib5107/tsbhpnz5qrin/wish/362459201 2019-05-22 08:57:02 UTC https://padlet.com/adib5107/tsbhpnz5qrin/wish/362459201