The web application development involves various languages for designing, validation data storage and styling however in our case I have an application regarding the Notes of the tasks that are provided to be done where the details are captured and stored in the database.
From the previous assignment I have implemented the interfaces for the pseudocodes and the wireframe that were provided ,these shows the utilization of the javascript to perform various validation process to the records that are saved in the indexed database .
Below are the interfaces that are implemented from the various wireframe diagrams as follows:
After making changes below are the results.
The interface showing the urgent tasks.
Interface showing the most important tasks.
The interface showing none of urgent or important tasks.
Interface showing the pending tasks.
Interface displaying the completed tasks.
However the below are the use of the JavaScript has helped in the process of validating the data input into the database ,this is shown by the following validation images
Validating the adding of the notes into the database.
Validating the editing of the records .
Validating the deleting of the records.
Below is the sample source codes used for the validation process together with HTML file used in the application.
Source codes.
<script>
function validateform(){
var title=document.form1.TITLE.value;
var description=document.form1.DESCRIPTION.value;
var category=document.form1.CATEGORY.value;
if (title==null || title==””){
alert(“Title cannot be left blank”);
return false;
}
else if(description==null || description==””){
alert(“Description cannot be blank”);
return false;
}
else if(category==null || category==””){
alert(“category cannot be left blank”);
return false;
}
}
</script>
<p align=”center”>Add a new note</p>
<form action=”add.php” method=”post” name=”form1″ onsubmit=”return validateform()”>
<table width=”25%” border=”0″>
<tr>
<td>TITLE</td>
<td><input type=”text” name=”TITLE”></td>
</tr>
<tr>
<td>DESCRIPTION</td>
<td><input type=”text” name=”DESCRIPTION”></td>
</tr>
<tr>
<td>CATEGORY</td>
<td><input type=”radio” name=”CATEGORY” value=”Urgent”/>Is it urgent?</td>
</tr>
<tr>
<td></td>
<td><input type=”radio” name=”CATEGORY” value=”Important”/>Is it important?</td>
</tr>
<tr>
<td></td>
<td><input type=”submit” name=”Submit” value=”ADD NEW TASK”></td>
</tr>
</table>
</form>
The application developed required to be tested and this is to show the efficiency of the system and how it operates .
This is an application to be developed to store the records of some notes and tasks that need to be handled with their priority and urgency ,however this system should assist the user to get quick understanding of the tasks available.
The system developed has been used to store the records of the notes ,however this application is simple to use and can be used to show the status of the tasks which can be either pending or completed .
The system however helps the user to show the categories of the tasks which are either urgent, important or none and it is displayed in a simplified format which can be understood by the users.
In this testing process there are a number of outcomes that I anticipate and these shows the efficiency of the system ,below are some of the expected outcomes.
Before the use of the javascript there were various loopholes in the systems where the records stored could be blank or inaccurate ,however the system records could be deleted without any warning to the users.
Below are the screenshots indicating the nature of system before.
After the implementation of the javascript validation in the system there are great achievements where the invalid data entry is controlled , the erroneous deletion of the record is prevent and also the editing of the record is also validated as in the screen shots below.
After the testing process there are positive outcomes where all the limitation that exhibited before the use of the javascript for validation were eliminated ,however the javascript has helped the user to be able to do various operations successfully which includes:
Reference.
Morgan,N.(2015). JavaScript for Kids: A Playful Introduction to Programming .New York: No Starch Press.
Haverbeke,M.(2014). Eloquent JavaScript: A Modern Introduction to Programming New York:
No Starch Press, Incorporated.
Crockford,D.(2016). JavaScript: The Good Parts. California:O’Reilly MediaLanguage.
Herman,D.(2015). Effective JavaScript: 68 Specific Ways to Harness the Power of JavaScript. Paris: Addison-Wesley Professional.
Flanagan,D.(2015). JavaScript: The Definitive Guide.California:O’Reilly publishers.
Essay Writing Service Features
Our Experience
No matter how complex your assignment is, we can find the right professional for your specific task. Contact Essay is an essay writing company that hires only the smartest minds to help you with your projects. Our expertise allows us to provide students with high-quality academic writing, editing & proofreading services.Free Features
Free revision policy
$10Free bibliography & reference
$8Free title page
$8Free formatting
$8How Our Essay Writing Service Works
First, you will need to complete an order form. It's not difficult but, in case there is anything you find not to be clear, you may always call us so that we can guide you through it. On the order form, you will need to include some basic information concerning your order: subject, topic, number of pages, etc. We also encourage our clients to upload any relevant information or sources that will help.
Complete the order formOnce we have all the information and instructions that we need, we select the most suitable writer for your assignment. While everything seems to be clear, the writer, who has complete knowledge of the subject, may need clarification from you. It is at that point that you would receive a call or email from us.
Writer’s assignmentAs soon as the writer has finished, it will be delivered both to the website and to your email address so that you will not miss it. If your deadline is close at hand, we will place a call to you to make sure that you receive the paper on time.
Completing the order and download