Scripting Language Final Project
By Elbert Christopher Larosa (1801442464)
For the Scripting Language Final Project, me and Matthew Kharli made a e-commerce website called ME Drums, which is a custom drum company that provides two services; series drums (stock drums) and custom drums. ME Drums has 3 series drums; Freshmen Series, Sophomore Series, and Senior Series, each having various price ranges. For the custom drums service, ME Drums provides a page where the user can choose every little details about the drums that the user wants. This post will explain the features in detail from the user side, the admin side, along with the website’s screenshots and the website’s promotional video link.
The features from the user side:
- The user can do register, login, and edit account by going to the user logo at the top right corner of the website.
- The user can check the 3 series drums (each having their own page) along with each of its specification description, available quantity, and price. There are also pictures of every series drums on their own page too, so the user can have a good picture on the series drums that the user will be buying.
- The user can pick every little details of the drums that the user wants ME Drums to make at the Custom Drums Order page; from the drum’s shell type, dimensions, finishing, hardware, and many more. The user can also put draft picture of their finishing idea (for example) and put notes on the form. At the page, we provide the user with the link to download the Pricing Guide that lists every component’s price. In the end, every details that the user has chosen on the form will be calculated for its price and the user can check the result of the calculation before adding the specifications to Cart.
- The user can see the custom drums that ME Drums has made at the Gallery page. Each picture has its own front caption (describing who’s the drum belongs to) and the specification details when the picture is clicked (showing the detailed specs of the custom drum).
- The user can see his/her orders (both series and custom drums orders) at the Ordered Kits page (after been verified by the admin), where the user can see each of the orders’ Estimated Delivery Date (determined by the admin).
- The user can see ME Drums’ location & contact info, also sending a message to ME Drums at the Contact Us page (all the social media links work too).
- The user can see his/her cart by hovering to the Cart logo at the top right corner. The user then can go to Checkout from there or cancel an order from there too.
- The user can do checkout at the Checkout page. In this page, it will show the total price from all the orders, and it will be added with the delivery cost (differs depending on what country the user picks when registering).
- If the user has not logged in, Ordered Kits page, Cart logo, and User logo will direct the user to the login/register page.
The features from the admin side:
- The admin can do login and edit account.
- The admin can check each of the series drums’ current quantity and edit each of the series drums’ quantity.
- The admin can see all the users’ Series Drums orders and verify each of the order by inputting the order’s Estimated Delivery Date first.
- The admin can see all the users’ Custom Drums orders and verify each of the order by inputting the order’s Estimated Delivery Date first.
- The admin can add a picture to the Gallery for the user to see, including the picture’s front caption and specification details.
There are also input verification on most part of the website to prevent the user / admin from inputting false values or even not inputting any value.
Below are the screenshots of the website from the user side:
Below are the screenshots of the website from the admin side:
Lastly, you can check the ME Drums’ promotional video here (URL: https://youtu.be/oMJbhDo6-cA).