Web-Based Order Processing Application Assignment
Order ID |
53563633773 |
Type |
Essay |
Writer Level |
Masters |
Style |
APA |
Sources/References |
4 |
Perfect Number of Pages to Order |
5-10 Pages |
Description/Paper Instructions
Web-Based Order Processing Application Assignment
WD 211 – Project: Final submission 1 Project: Final submission the goal of this project is to design and implement the user-facing aspects of a Web-based order processing application. In this final project submission, your objectives are as follows: • Implement the required functionality using JavaScript, form validation, and AJAX with Web APIs.
- Present your work to your peers, receive feedback, and provide your own review of the work of your peers. Application requirement specification the application has one user group: employees who review and process incoming orders submitted by online shoppers: Required functionality: • Employees must login to the application with their personal PIN code. • Employees must be able to see a list of submitted orders.
- Employees must be able to view the details of an order on the same page as the list of orders (e.g., in a pop-up dialog or dynamically update area on the page). • Employees must be able to change the status of an order (waiting for products – in preparation – ready for shipping). • Employees must be able to archive orders that has been shipped. Final submission requirements JavaScript functionality Write JavaScript functions to dynamically update the web pages following these user interactions:
- When an employee logs into the website with their PIN and is presented with a list of submitted orders. • When an employee changes the status of an order. • When an employee archives an order that has been completed. The state of the list of orders should be updated to reflect the removal of the item.
- All JavaScript functionality that is related to AJAX calls to Web APIs must be processed in such a way that success, error, and failure conditions are handled. o for example, if the employee provides an incorrect PIN code, an error message to this effect should be shown to the user. Form validation Implement form validation for the employee login form to handle input errors from users: • At a minimum, you must implement form validation using standard HTML5 input types (e.g., type=”password”) and validation attributes (e.g., mi length/daylength). o Employee PIN must be exactly 5 characters, all digits’ 211 – Project: Final submission 2 • To receive full points for this portion of the project, you must use the JavaScript Constraint Validation API1 or jQuery Validation plugin2 to implement custom form validation.
The custom validation includes the following: o Customized error messages to indicate input fields that are missing required values. o Customized error message to indicate the input fields that do not pass validation. The error message should provide feedback to the user on the correct format/values. • Form submission must be prevented if any validation errors exist.
AJAX calls to Web APIs Implement functionality to communicate website state to the server using AJAX calls to relevant Web APIs: • When an employee submits the login form, the default form submission should be prevented. Instead, send an asynchronous request to the relevant Web API using AJAX. The request must provide the required content and react to the return values provided from the server.
If the request is successful, redirect the user to the employee-facing page that lists customer orders. If the request fails, show the user an error message on the login page. • When an employee views the page that lists customer orders, the order data should be retrieved from the relevant Web API using AJAX. If the request is successful, dynamically add the orders on the page using appropriate HTML elements. If the request fails, show an appropriate error message.
- When an employee changes the status of an order or archives an order from the list of orders, a request should be sent to the relevant Web API using AJAX. The request must provide the required content and react to the return values provided from the server. If the request is successful, update the element appropriately. If the request fails, show the user an error message on page. Documentation for the Web APIs will be provided online at http://www.tomiheimonen.info/wd211/apis/docs/ Documentation All JavaScript code that you write for the project must be documented:
- At a minimum, describe the purpose of each function, its parameters, and the return value (if any) using JavaScript comments. • Additionally, describe the functioning of any non-trivial JavaScript code blocks (e.g., for loops, adding/removing elements from the page, etc.) 1 https://developer.mozilla.org/en-
US/docs/Web/Guide/HTML/HTML5/Constraint validation 2 https://jqueryvalidation.org/WD 211 – Project: Final submission 3 Best practices Use the lecture materials and the following resources to ensure that you are following best practices in setting up your project folders, files and CSS and JavaScript content: • https://www.w3schools.com/js/js_best_practices.asp
- https://www.w3schools.com/js/js_conventions.asp Retrospective Include a brief retrospective (approximately 200-300 words) that discusses the following questions: • What you think went well with the project? What did you learn? • What didn’t go so well – did you struggle with some aspects of the project? • What would you differently when completing a similar project in the future? Submit the retrospective in the project drop box in Microsoft Word or PDF format. The retrospective will not be graded but it is required.
Failure to include a retrospective will result in a 5% reduction in points. Due date and submission the project is due by 11:59 PM on Wednesday, May 12. Grading The final course project submission awards a total of 15 points according to the following breakdown: JavaScript functionality (10 points)
- Successfully implementing each of the required user interactions (login, list customer orders, change order status/archive order) awards 3 points totals. o You will receive 1 point for successfully implementing each of the AJAX calls to Web APIs that are required to be made to retrieve or send data to the server. o You will receive 2 points for using the data sent in the response to update the page.
- Up to 1 point is awarded based on the overall quality of your solution. For example: o Are you using the appropriate HTML DOM API or jQuery methods to add or remove elements form the page? o Are event listeners used appropriately to capture user’s interactions with the page? o Is the code making reasonable use of the various browser APIs to not reinvent the wheel (e.g., working with strings, dates, numbers, arrays, control structures, etc.)? Form validation (3 points)
- Successfully implementing the standard HTML5 input types and validation constraints on the long form will award at most 1 point. • To receive the remaining 2 points, you must successfully use the JavaScript Constraints Validation API or jQuery Validation plugin 211 – Project: Final submission 4 Documentation (1 point)
- When assessing the documentation, I will mainly look at your ability to clearly communicate the purpose and functionality of the code you have written. • Vague, incorrect, or missing documentation will reduce points awarded proportional to the degree of missing content. Best practices (1 point) • You will receive up to 1 point for proper application of the best practices discussed in class and in the reference materials.
- During grading I will pay specific attention to file and folder names, folder structures, and variable and function definitions. • I will not penalize minor issues, but major violations such as lack of proper folder structure or inconsistent variable declarations will result in point reduction. • Make sure that your HTML, CSS, and JavaScript is properly formatted. If in doubt, you can run your content through a “beautifier” program to clean up the formatting (e.g., https://beautifier.io/
RUBRIC
QUALITY OF RESPONSE |
NO RESPONSE |
POOR / UNSATISFACTORY |
SATISFACTORY |
GOOD |
EXCELLENT |
Content (worth a maximum of 50% of the total points) |
Zero points: Student failed to submit the final paper. |
20 points out of 50: The essay illustrates poor understanding of the relevant material by failing to address or incorrectly addressing the relevant content; failing to identify or inaccurately explaining/defining key concepts/ideas; ignoring or incorrectly explaining key points/claims and the reasoning behind them; and/or incorrectly or inappropriately using terminology; and elements of the response are lacking. |
30 points out of 50: The essay illustrates a rudimentary understanding of the relevant material by mentioning but not full explaining the relevant content; identifying some of the key concepts/ideas though failing to fully or accurately explain many of them; using terminology, though sometimes inaccurately or inappropriately; and/or incorporating some key claims/points but failing to explain the reasoning behind them or doing so inaccurately. Elements of the required response may also be lacking. |
40 points out of 50: The essay illustrates solid understanding of the relevant material by correctly addressing most of the relevant content; identifying and explaining most of the key concepts/ideas; using correct terminology; explaining the reasoning behind most of the key points/claims; and/or where necessary or useful, substantiating some points with accurate examples. The answer is complete. |
50 points: The essay illustrates exemplary understanding of the relevant material by thoroughly and correctly addressing the relevant content; identifying and explaining all of the key concepts/ideas; using correct terminology explaining the reasoning behind key points/claims and substantiating, as necessary/useful, points with several accurate and illuminating examples. No aspects of the required answer are missing. |
Use of Sources (worth a maximum of 20% of the total points). |
Zero points: Student failed to include citations and/or references. Or the student failed to submit a final paper. |
5 out 20 points: Sources are seldom cited to support statements and/or format of citations are not recognizable as APA 6th Edition format. There are major errors in the formation of the references and citations. And/or there is a major reliance on highly questionable. The Student fails to provide an adequate synthesis of research collected for the paper. |
10 out 20 points: References to scholarly sources are occasionally given; many statements seem unsubstantiated. Frequent errors in APA 6th Edition format, leaving the reader confused about the source of the information. There are significant errors of the formation in the references and citations. And/or there is a significant use of highly questionable sources. |
15 out 20 points: Credible Scholarly sources are used effectively support claims and are, for the most part, clear and fairly represented. APA 6th Edition is used with only a few minor errors. There are minor errors in reference and/or citations. And/or there is some use of questionable sources. |
20 points: Credible scholarly sources are used to give compelling evidence to support claims and are clearly and fairly represented. APA 6th Edition format is used accurately and consistently. The student uses above the maximum required references in the development of the assignment. |
Grammar (worth maximum of 20% of total points) |
Zero points: Student failed to submit the final paper. |
5 points out of 20: The paper does not communicate ideas/points clearly due to inappropriate use of terminology and vague language; thoughts and sentences are disjointed or incomprehensible; organization lacking; and/or numerous grammatical, spelling/punctuation errors |
10 points out 20: The paper is often unclear and difficult to follow due to some inappropriate terminology and/or vague language; ideas may be fragmented, wandering and/or repetitive; poor organization; and/or some grammatical, spelling, punctuation errors |
15 points out of 20: The paper is mostly clear as a result of appropriate use of terminology and minimal vagueness; no tangents and no repetition; fairly good organization; almost perfect grammar, spelling, punctuation, and word usage. |
20 points: The paper is clear, concise, and a pleasure to read as a result of appropriate and precise use of terminology; total coherence of thoughts and presentation and logical organization; and the essay is error free. |
Structure of the Paper (worth 10% of total points) |
Zero points: Student failed to submit the final paper. |
3 points out of 10: Student needs to develop better formatting skills. The paper omits significant structural elements required for and APA 6th edition paper. Formatting of the paper has major flaws. The paper does not conform to APA 6th edition requirements whatsoever. |
5 points out of 10: Appearance of final paper demonstrates the student’s limited ability to format the paper. There are significant errors in formatting and/or the total omission of major components of an APA 6th edition paper. They can include the omission of the cover page, abstract, and page numbers. Additionally the page has major formatting issues with spacing or paragraph formation. Font size might not conform to size requirements. The student also significantly writes too large or too short of and paper |
7 points out of 10: Research paper presents an above-average use of formatting skills. The paper has slight errors within the paper. This can include small errors or omissions with the cover page, abstract, page number, and headers. There could be also slight formatting issues with the document spacing or the font Additionally the paper might slightly exceed or undershoot the specific number of required written pages for the assignment. |
10 points: Student provides a high-caliber, formatted paper. This includes an APA 6th edition cover page, abstract, page number, headers and is double spaced in 12’ Times Roman Font. Additionally, the paper conforms to the specific number of required written pages and neither goes over or under the specified length of the paper. |
|
|
GET THIS PROJECT NOW BY CLICKING ON THIS LINK TO PLACE THE ORDER
Also, you can place the order at www.collegepaper.us/orders/ordernow / www.phdwriters.us/orders/ordernow
|
Do You Have Any Other Essay/Assignment/Class Project/Homework Related to this? Click Here Now [CLICK ME]and Have It Done by Our PhD Qualified Writers!! |
|
|
PLACE THE ORDER WITH US TODAY AND GET A PERFECT SCORE!!!