Bachelor of Information Systems (Honours) Information Systems Engineering Faculty of Information and Communication Technology (Kampar Campus), UTAR. I understand that the University will upload a soft copy of my final project/dissertation/thesis* in PDF format to the UTAR Institutional Repository, which may be made accessible to the UTAR community and the public. Tan Joi San and my moderator, Cik Nor Fatiha Binti Subri, who gave me a golden opportunity to participate in the Online Badminton Website project.
In addition, they have given me a lot of guidance to complete this project. Finally, I must thank my parents and family for their constant love, support and encouragement throughout the course. Therefore, this project titled "Badminton Related Website Development", is being developed to create an effective and user-friendly online badminton website by providing a racket recommendation function to suggest some rackets to customers suitable according to their condition.
The front-end development of this project is mostly done with HTML, CSS, JavaScript and jQuery, while the server-side development is done with PHP and MySQL. Bachelor of Information Systems Engineering (Honours) Information Systems Engineering Faculty of Information and Communication Technology (Kampar campus), UTAR.
LIST OF TABLES
LIST OF ABBREVIATIONS
Introduction
- Background Information
- Problem Statement and Motivation
- Project Objectives
- Project Scope and Direction
- Impact, significance, and contribution
- Report Organization
- Chapter 1 Summary
With the impact of the pandemic (COVID-19) in 2020, the income of businesses in various fields has been greatly affected because the government officially announced the Movement Control Order (MCO) which does not allow people to cross the states and all businesses must to strictly adhere to the Standard Operating Procedure (SOP) set by the government to prevent the spread of the virus. In addition, customers can add the quantity of the item based on their ability and requirement using the website. The recommendation will be based on conditions such as skill level, game type, racquet weight, brand and others to recommend some racquets to the user.
The scope of the "Yu-Yi Badminton" website proposed in this project is to enable local badminton shops to have a more user-friendly online badminton platform to sell badminton items. The condition consists of skill level, game type, racket weight, balance point and brand. In addition, the user can edit the quantity with minus and plus of the item and then the system calculates the subtotal of the product based on the quantity of the item.
In addition, the user can change the item's variation, such as color, clothing size or shoe size. After the user posts the event, the post will be sent to the administration for approval by validating the content of the post.
Literature Review
Previous works on badminton website
- LI-NING
- Vsmash Sport
- SunriseClick
Users can easily know the purpose of the website and each module is easy to understand. Users can change the different country currencies to see the price of the badminton product. Product description can provide more detailed information for users to know what the quality and specification of the product is.
In addition, the overall design of the website is clear and simple, and users can also use the cursor to move the image of the product and zoom in on it, which is convenient for users to further clearly see the goods. Also, the search engine is only available on the website and it also provides a filtering feature to filter the name of the product. It shows the number of how many are left of that model in the category session.
Users can change an item's specification in a shopping cart session, such as color, shoe size, and more. This chapter reviews the literature on comparable websites to assess the strengths and weaknesses of the website.
System Design
Overview
Use-Case Diagram
- Server-Side Development
- Recommendation Function Development
- Post Event News Function Development
- Cart Management Function Development
Brief description: This use case describes how the user and administrator can login to the website. Brief Description: This use case describes how the admin adds the product attribute Activation: Click on the Add Variation button to an item. Brief Description: This use case describes how the admin views the product attribute Activation: Click on the Add Variation button to an item.
Brief Description: This use case describes how admin updates product attribute Trigger: Clicked on Add Variation button in an item. Brief Description: This use case describes how admin deletes product attribute Trigger: Clicked on Add variation button in an item. Brief description: This use case describes how admin adds racket attribute Trigger: Clicked on the Add Racket Attribute at sidebar.
Brief description: This use case describes how user searches for a product by the name of the product. Brief description: This use case describes how user checks out the item in the shopping cart.
Chapter 3 Summary
Overview
In this phase, the hardware and software tools of the project are chosen and a deadline is set.
User Design Phase
Rapid Construction
Cutover
- Tools to Use
Hardware Requirement
Software Requirement
- Timeline .1 Overview
57 is used to handle dynamic content, database and others; MYSQL is used to store data on a database and communicate with the database. The project's problem statement and objective are defined, and the project scope is determined in order to achieve the objectives. The register and login module is completed during the user design and construction phase as all administrators and users must have an account and be logged in to interact with the website.
The Administration, Add to Cart, Checkout and Post Event modules will be created in Final Year Project 2. Furthermore, during the final product and implementation phase, all modules will be tested to verify that the project is running smoothly and that system errors have been avoided. The Final Year Project 2 report will also be written and shown to the supervisor and moderator.
RAD methodology helps to reduce the development time and the number of prototypes and iterations decreases because most of the problems are solved early in the user design phase. The project timetable is scheduled and displayed in a Gantt chart for better schedule management and to ensure that the project is delivered on time.
Implementation and Testing
- Overview
- Registration and Login Page
- Post Event News
- Racket Recommendation
- Dashboard of Administrator
- Conclusion
- Project review, Discussion and Conclusion
- Novelties and Contribution
- Future work
After the user successfully logs in, the user can post the event news on the website by entering the event title and event content, and then click the submit button to post the event news. In addition, the user can check which event news they have published on the published event page, and can also edit the content of the event news that the administrator has rejected and resend it to the system and wait for retrieval. approval. The racquet recommendation system will provide some suitable racquets based on the condition of the racquet selected by the user, such as skill level, game type, playing style, product brand and more.
The user can add an item to his or her shopping cart by adding the quantity and variation of the item. However, if the user adds an item to his shopping cart without selecting the variation of the item, the system will pop up an error warning message to require the user to select the variation of the item before adding the item to the shopping cart. Once the user has added an item to the shopping cart, he or she can change the quantity and variation of the cart item and can remove the cart item from his or her shopping cart.
In addition, the user can check out one or all items in the cart specified by the check box. If desired, the user can edit the personal data to correctly send the item to the destination and personally. After confirming the checkout details, click Submit Order and proceed with the payment process.
The payment process will allow the user to choose different payment methods to make the payment. If the payment is successful, the system will display a successful message and redirect to the user's order history to allow the user to see what order has been paid. But if the payment is unsuccessful, the system will allow the user to optionally make the payment on the order again.
The post-event news module allows the user to post their activity or event news on the website to notify others. After adding an item to their shopping cart, they can check out their cart item and make a payment by selecting a payment method. 69 The registration and login module may allow users to use their social accounts such as Google, Facebook and Twitter accounts to register and access the website.
FINAL YEAR PROJECT WEEKLY REPORT
- WORK DONE
- WORK TO BE DONE
- PROBLEMS ENCOUNTERED
- SELF EVALUATION OF THE PROGRESS 45%
- SELF EVALUATION OF THE PROGRESS 65%
- SELF EVALUATION OF THE PROGRESS
Complete the payment function where able to perform online transaction in demo version and users can see their order payment status in order history page and can pay order payment again if the payment fails. Complete the post event news module where users can post their event and see what event they have posted on the posted event history page. How to run this entire project in online mode can generate dynamic analysis report with Power BI.
Program / Course Bachelor of Information Systems Engineering Final Year Title Project Development of website related to Badminton. The originality parameters required and the restrictions approved by UTAR are as follows: i) The overall similarity index is 20% and below, and. ii) Match of individual sources listed must be less than 3% each and (iii) Matching texts in continuous block must not exceed 8 words. Note: Parameters (i) – (ii) will exclude quotes, bibliography and text matching that are less than 8 words.
Note Supervisor/candidate(s) are required to deliver a soft copy of the full set of the originality report to the faculty/department. Based on the above findings, I hereby declare that I am satisfied with the originality of the final project report submitted by my students as mentioned above. Form Title: Supervisor's Comments on Originality Report Generated by Turnitin for Final Year Project Report Submission (for undergraduate programs).
UNIVERSITI TUNKU ABDUL RAHMAN
