BAIT2173程序写作、Programming程序写作

” BAIT2173程序写作、Programming程序写作BAIT2173 Web Programming AssignmentAMIT2043 Web Systems and TechnologiesGroup AssignmentADVICE: Read the assignment specifications and requirements thoroughly.Start to work on the assignment as early as possible. Complete theparts that you know first. Do self study and research on the areaswhich have not yet been covered in the formal lesson.1.0 General InformationObjective:At the end of this assignment, the student should be able to:(i.) CLO 1: Demonstrate dynamic and interactive web pages by adopting currentemerging web technologies. (C3, PLO1)(ii.) CLO 2: Produce data-driven web application using client-side and server-sidescripting. ( P4, PLO2)(iii.) CLO3: Present web application development solution based on given scenario in thepractice of professionalism. (A2, PLO6)Assessment Weight: This project contributes 100% to the coursework component.Group Size: 2 members in a team.Submission Mode: Softcopy. Refer to Section 4.0.Submission Date: Prototype Week 8, System Week 13Feedback to Student: Week 14.2.0 Assignment SpecificationsThe Covid-19 outbreak and movement control order in Malaysia has extremely hit theMalaysia SME business. You are required to develop a web application for a SME companyby using client-side and server-side technology. The web application implements the onlinestore concepts. The system includes the basic online store features, for example, anadministrator able to add new categories and product, edit existing products, view ordersand etc. Customers are able to register and log in, browse for products, search for products,purchase, check out and view orders status.The web application should be able to capture the following information about:- Products and Categories Customer OrderBAIT2173作业写作、Programming作业写作The web application should provide the features as follows:-Academic Year 2020/2021 Page 1 of 7BAIT2173 Web Programming Assignment An administrator should able to :o Add new productso Edit existing productso Update product availabilityo View orderso Fulfill orders Customer should be able to:o Register and log ino Possibly purchase without registrationo Browse for productso Search for productso Add products to a shopping carto Check out to complete an ordero View an orders statusThe web application allows user to maintain their records in MariaDB/MySQL, an opensource database tool. The web application should support the basic CRUD (Create, Read,Update and Delete) operations to the database table.There are NO minimum and maximum limits to the number of web pages you should create.3.0 Assessment CriteriaWeb PrototypeNo Criteria Marks1. Web and Navigation Design, HTML Form Controls,System Prototype30%TOTAL : 30%Web SystemNo Criteria Marks1. Database 5%2. Functionality: Record Adding, Listing, Updating,Deleting, Search and Filter30%3. Usability 5%4. Programming Logic and Style 5%5. Additional Features 5%TOTAL : 50%Documentation, team work and presentationNo Criteria Marks1. Presentation 5%2. Team Work 5%3. Documentation 10%Academic Year 2020/2021 Page 2 of 7BAIT2173 Web Programming AssignmentTOTAL : 20%For detailed assessment criteria, and learn how marks are to be awarded, refer to the GroupAssignment: Marking Rubric as attached with this assignment specification.3.1. Database ProgrammingStudents are required to use Maria DB/MySQL database tool to create their database. Inthe database, example of tables that can be included are Customers, Orders, Order_Details,Categories, and Products to store relevant records.3.2. Fundamentals of Web DevelopmentA. Record AddingThe web pages allow user to add record by entering necessary details. The requirements areas follows: Use appropriate GUI components to design the web pages. Try to use GUIcomponents that can minimize user input and input error whenever possible. Usingtext fields for all input fields is a very BAD idea. Include input features:-o Admin to add a new product / category.o Customer to register and log in.o Customer to add product to a shopping cart.o Customer checkout to complete an order. Perform input validations and confirmation message before data is submitted(simple or complex). Display appropriate error message if an input error is detected.B. Record Listing Features Includes:o Product catalog. Customer able to browse the product categories view theproducts based on the specific category.o Customer records and Order list. Admin able to browse and view the fullcustomer record and order list.o Shopping cart. Display the contents of the shopping cart in detail and givethe customer the option of updating the cart by changing the quantity orremove the items. Display a count that indicates the number of records in the list. The output should be NEATLY formatted. Include buttons or hyperlink that allow user to:-o View Remove all records from the list.o Navigate to other web pages.Academic Year 2020/2021 Page 3 of 7BAIT2173 Web Programming AssignmentC. Customer to search product, Admin to search order recordThe web page allows customer to enter a target product searches through the product listfor matching products record. If there is a match, the details of the matched record will bedisplayed on the web page. Otherwise, display a message to indicate the product is notfound. Admin panel should allow admin to search order details and customer record byspecific orderID or other specific like date or customer name.The requirements are as follows:- Use appropriate GUI components to capture the product/order and display thematched product/order records. Include buttons that allow user to:o Search the product or order record based on the given search specific.o Navigate to other web pages.D. Updating product, category, customer and order detailsUPDATE an existing product, customer, and order record. This operation is based on theprimary key (ProductID, CustomerID, OrderID) provided.Create web pages that are able to retrieve and display product information, customer detailsand order details by a search on valid primary key.Basic requirements include: Update an existing record based on the primary key (ProductID, CustomerID,OrderID) provided. If primary key is valid, display forms with relevant HTML input controls and prepopulatethese controls with the original records field values. Use appropriateHTML input controls for each field (except ProductID, CustomerID, and OrderIDwhich should not be changed).Enhancement (optional): Perform as much as input validations as you can. Display appropriate errormessages and reject the update operation if input errors are detected. If you are good in JavaScript, perform appropriate client-side input validation too.E. Record deletingDELETE an existing product, customer, and order record.Basic requirements include: Delete an existing record based on the primary key (ProductID, CustomerID, orOrderID) provided. Ask for user confirmation before the operation takes place. Use JavaScript code toachieve this.Academic Year 2020/2021 Page 4 of 7BAIT2173 Web Programming AssignmentOptional: In a real online store system, is not a wise decision to delete completely the recordfrom database/ system. An alternate way is to hide from front end but still keep thedata in database, or provide alternate log data to keep record on deleted data.F. Additional Features Covers additional features for advanced users. Additional features should be veryuseful and implemented perfectly and completely.G. Web Design and Form Controls Create a clean, simple, consistent and appropriate web site. A good and attractivewebsite gets more traffic to generate revenue. Use right color, font size and otherrelevant elements to ensure that visitors easy to view the product details and theinformation they are looking for. Use the right HTML controls for validation purpose. The right HTML controls shouldbe able to minimize the input errors and provide the necessary feedbacks to user ifthe inputs inserted by users are invalid. All the HTML controls should be wellstructured.H. Usability Improve user experience in online shopping from browsing to confirm a purchaseand payment. E.g. Create neat and smooth navigation to ensure that participants are able to locateinformation, register, purchase items, buy ticket, and make payment with minimalclick. E.g. Add functions which will ease customer purchase action like stock availability,shopping cart, wish list, compare items, promotion notification, etc.I. Programming Logic and Style The student should develop the online application in logical manner. Source codes are indented properly and highly readable. The variable names used should be meaningful. Standard and convention are followed strictly. Comments are used appropriately.J. Other General Requirements Try your best to make the online store application easy to use and easy to navigate. Make your source codes easy to read and understand. Use comments to providebrief description to a complex logic. Format your source codes with appropriatespaces and line breaks.3.3 Cross Device and Cross-Browser Compatibilities The student is required to implement the web application using at least TWO webtechnologies. Web pages must be displayed properly across different browsers and devices withdifferent screen sizes.Academic Year 2020/2021 Page 5 of 7BAIT2173 Web Programming Assignment4.0 DeliverablesThe assignment is to be submitted in SOFTCOPY format for both Report and Source Code.For Report, introduce the selected Malaysia SME company affected by the Covid-19outbreak and movement control order, state the problem and propose to develop a webapplication to help The SME company to start an online store/marketplace.Draw the hierarchy diagram to proper indicate and describe the web application structureand all functional modules. You may have brief explanation on each module. Prepare a usermanual, which includes print screens for all the pages of your web application either in color(recommended) or black and white (cleared) copy.Submit the final report together with the source codes.The final report should be arranged as follows:1. Cover page2. Company Introduction and problem3. Web Application structure and functional modules (Hierarchy chart + Description)4. Web Application User Manual5. ReferencesInclude page header and footer in your report.Page header: Couse code and title + Group AssignmentPage footer: Your full name and Programme + Page number of total page number (e.g. Page1 of 10)(or as recommended by your lecturer)For Source Code, you must include the project source codes. Arrange and submit your filesaccording to the following file and folder structure:Web Projects that CANNOT be opened in NetBeans and interpreted successfully will beREJECTED. You are advised to comment out the section contains errors which you cannotsolve, so that your application can run successfully. Indicate those errors left unsolved in theReadme.txt file so that the lecturer is aware of it.5.0 Student Ethics5.1 PlagiarismYourNameProjectReadme.txtThe top-most folder, named with your full name.The Entire NetBeans IDE project folder contains theproject source codes. The project folder must be able tobe opened in NetBeans IDE without any problem.Briefly describe the additional features you added tothe application (which you do not want the lecturer tomiss) in the Readme.txt file.Academic Year 2020/2021 Page 6 of 7BAIT2173 Web Programming AssignmentWorks submitted Must be ORIGINAL. You can discuss with your friends. You can researchfrom web resources. However, the program must be your own work. You can teach yourfriends how to solve a certain programming problem, but not to program for them. Do notshare your program and source codes with other teams.The student who copies AND the student who provides an opportunity for others to copyhis/her programs, will both be penalized. BOTH PARTIES will receive ZERO (0) MARK for thisassignment. The matter will also be brought to the school for further disciplinary action.5.2 Late SubmissionLate Submission which does not supported by VALID and CONCRETE reason will be penalizedaccording to the following:No. of Day Late Deduction1 to 3 days 10% from the assignment marks earned4 to 7 days 20% from the assignment marks earnedmore than 7 days 100% from the assignment marks earnedAcademic Year 2020/2021 Page 7 of 7如有需要，请加QQ：99515681 或邮箱：99515681@qq.com

“