ơ–

FPT ACADEMY INTERNATIONAL

FPT – APTECH COMPUTER EDUCATION

Centre name : ACE-HCMC-2-FPT

Address : 391A Nam Ky Khoi Nghĩa, ward 11,district 3, Ho Chi Minh city

Axe & Sledge Supllement Store

Supervisor Trần Thiện Nhân

Semester 02

Batch No T1.2210.E1

Group No 05

Serial No. Student Name Enrollment Number

1. Nguyễn Bá Triết Student1286314

2. Nguyễn Gia Bảo Student1396926

3. Trần Nguyễn Thanh Toàn Student1429538

4. Nguyễn Hữu Phú Student1270643

Month: 08 Year: 2023

1
 This is to certify that
Mr. TRAN THIEN NHAN
Mr. NGUYEN BA TRIET
Mr. NGUYEN GIA BAO
Mr. TRAN NGUYEN ANH TOAN
Mr. NGUYEN HUU PHU

Have successfully Designed & Developed

AXE & SLEDGE SUPPLEMENT

STORE

Submitted by:
Mr. LE TUAN XUYEN

Date Of Issue:

Authorized Signature:

1
 Acknowledge

Welcome to the Axe & Sledge Supplement Store Online, your premier destination for
exceptional dietary supplements! Our mission is to provide you with a seamless and
dependable shopping platform tailored to those seeking optimal health and personal
growth. Within these virtual aisles, you'll discover a thoughtfully curated array of
products meticulously chosen to meet the highest quality standards, complete with
insightful usage guidelines. We are thrilled to embark on this health and self-
improvement journey alongside you.

Acknowledgments:

To our valued customers:

1. Intuitive Interface: Navigating our website is effortless and user-friendly.

2. Diverse Product Selection: Explore a wide range of meticulously selected products.
3. Comprehensive Information and Reviews: Make informed choices with detailed
product information and authentic reviews.
4. Smart Search: Find what you need quickly and efficiently.
5. Secure Payments: Shop confidently with our robust and secure payment options.
6. Personalized Recommendations: Discover products tailored to your preferences
and needs.
7. Discounts and Promotions: Enjoy exclusive deals and special offers.
8. Order Tracking: Stay updated on your order's journey from checkout to delivery.
9. Responsive Customer Support: Our dedicated support team is ready to assist you.
10. Easy Returns/Exchanges: Hassle-free returns and exchanges because your
satisfaction matters.
11. Secure User Accounts: Your personal information is safeguarded with the highest
level of security.
12. Informative Resources: Access valuable resources for your health and wellness
journey.
13. Community Engagement: Connect with a community that shares your goals and
aspirations.

To the administrators of the Axe & Sledge Supplement Store System:

- User Management: Efficiently manage user accounts and profiles.

- Data Analytics: Utilize data insights to enhance the platform's performance.
- Product Management: Streamline product listings and updates.
- Order Management: Ensure seamless order processing and fulfillment.
- Customer Management: Foster strong relationships with customers.
- Promotion Management: Strategically plan and execute promotional campaigns.
2
We extend our deepest gratitude to all those who have contributed to making this
platform a reality. Your dedication, expertise, and unwavering support have been the
driving force behind our success.

Warm regards,

Team Group 5

3
REVIEW 1

4
 Synopsis
The primary goal of this program is to furnish a practical avenue for engaging in
real-life projects utilizing the Laravel framework. By embarking on these projects, we
can effectively construct more intricate and robust applications.
It's important to note that the intent is not solely to instruct us in the nuances of
HTML/JavaScript, but rather to immerse us in genuine scenarios that facilitate the
creation of fundamental applications utilizing Laravel's tools and features.
In line with this objective, we have the opportunity to revisit and reinforce our
understanding of relevant chapters prior to commencing each project. This initiative is
tailored for students like us who have successfully completed the HTML5 module,
ensuring a foundational knowledge base.
To optimize our learning experience, these projects will be conducted during
dedicated Lab sessions, where the guidance and assistance of our faculty will be
readily available if needed.

The online platform (within this venture) is an innovative hub that brings the entirety
of the electronics realm right to your fingertips. From cutting-edge gadgets and tech-
savvy devices to a plethora of accessories and high-performance equipment, we
offer a comprehensive array of electronic products tailored to your needs.
Explore a treasure trove of the latest electronics, where every click unlocks a world
of possibilities. Whether you're a tech enthusiast seeking the most advanced
smartphones, laptops, and wearables, we've curated a curated selection that caters to
your distinct desires.

It is very essential for us that will have a clear understanding of the subject. We
think we should go through the project and solve the assignments as per requirements
given.
And get back eprojects@aptech.ac.in as the assigned schedule.

1
 Problem Definition
With the aim of bringing the best products to the Vietnamese market, we have been
and continue to provide products with national certifications. Therefore, we have
created this platform to deliver the finest products to the market. Prior to initiating this
concept, we organized discussions to ensure that we meet the market's needs.

During the discussion, we posed some important questions that we needed to address
in order to get the best results, such as:
1. How to let the customer change their previous password ?
2. How to select which shipper for the current order in that district?
3. How to manage coupon?

For Ecommerce’s customer.

- User-friendly web interface.
- View product information.
- Offer numerous of newest supplement at affordable prices.
- Find the product easily by searching for its keywords.
- Will receive an orderconfirmation email after ordering for any product on this
website.
- Customers can comment below the product information if it has poor quality
condition or somethings.
- Customer can use coupon
For Ecommerce system’s Admin:
- Manage to do the CRUD for images, colors, quantities etc. of the products.
- Admin can analyst product quantity, price, revenue based on charts and statistic
numbers on dashboard
- Admin can check comments before allowing them to be visible or deleting them
if they are not approriated.
- Admin can manage coupons and can create a batch of coupons
- Admin can also post new events on discount products.
- Admin can decide which shipper in one district to deliver order to customer

2
 CUSTOMER REQUIREMENT
SPECIFICATION
Business/Project Objective: The project to design for ordering supplements.

A. Functional Requirement:
 Input to the system:
Administrators need to provide:
REQ.1: Provide a price for one product supplement.
 Visitors need to provide:
REQ.1: Personal information to create an account.
 Output from the system:
administrators will be able to:
REQ.1: Login to the admin system.
REQ.2: Manage order.
REQ.3: Export report.
REQ.4: Manage employee’s account.
REQ.5: Manage process (new, received, processing, done,...).
REQ.6: Calculate shipper’s sale Visitors will be able to:
6.1: If visitors are guests:
- See pages in the app.
- Register.
6.2: If visitors are registered:
- Tracking order
- See order’s history.
B. Non-Functional Requirement:
REQ.1: Notification by email.
REQ.2: Manage shipper for the order
REQ.3: Manage Coupon

3
 SCOPE OF WORK
The application must perform the following functions:
Login:
● The are 2 types of account in the in the application (“administrators” and
“users”). The Administrators will login as “admin” on the website and the
Customer will log in as the “user”.
● Two accounts must be logged in to use the app’s functionality.
● For “administrators”: can change the order processing process.
● For “users”: register a new account.

Transport:
● When customer order online, someone will deliver to pick up. After the package
has been processed, the delivery person will deliver it to the customer’s home.

Database:
● The information about customer, order, shipper will be stored in the database.

4
 SYSTEM REQUIREMENT
SPECIFICATION
Hardware:

1. Web server:

Processor Intel Core i5 or higher.

Memory 128 Megabytes of RAM or better.

Modem/ADSL Connecting to internet 24/24

2. Clients

Processor Intel Core i3 or higher.

Memory 128 Megabytes of RAM or better.

Modem/ADSL Connecting to internet

Software:

1. Web server:

Operation System Windows 7 or higher

Browser Chrome version 35 or better

Database MySQL

Software Visual Studio Code

2. Clients:

Operation System Windows 7 or higher

Browser Chrome version 35 or better

5
 Database MySQL

Software Visual Studio Code

Technology:

Frontend HTML5, CSS, Jquery 2.2.4

Javascript 1.5
Bootstrap 5

Backend PHP
Lavarel

Xampp

TASK SHEET REVIEW 1

Project Ref. No Project Activity Date of Preparation of Activity Plan:

6
 Plan Actual Team
Actual
Sr.No Task Title: Prepared Start Mate Status
Days
By: Date Names

Introduction and 12/08/

1 1 Tran 100%
Problem Definition 2023
Nguyen
Customer
Thanh
Requirement 12/08/
2 1 Toan 100%
Specification 2023
(CRS)
Axe & Nguyen
Functional Tran
3 Sledge 12/08/ Gia Bao
Requirement Thien 1 100%
Supplem 2023
Nhan
System ent Store Nguyen
4 Requirement 12/08/ Ba Triet
1 100%
Specification 2023
Nguyen
12/08/ Huu Phu
5 Scope Of Work 1 100%
2023

Date: 12/08/2023

Signature of Instructor: Signature of Team Leader:

7
Mr. Le Tuan Xuyen Tran Thien Nhan

8
REVIEW 2

9
Architecture Project

1
 DATA FLOW DIAGRAM
A. Context level

B. The first level of DFD

1. Customer
Level 0:

2
Level 1:

Fig 1.1 Fill Order

Fig 1.2 Apply Payment

3
 Fig 1.3 Ordering System

2. Admin:

4
 USE CASE DIAGRAM AND SEQUENCE
DIAGRAM
1.Visitor(Customer):

 Sign Up:

5
Description When visitors enter information and click on register button, Axe &
Sledge Supplement system will create new account
Action System responses
Basic flow 1) Input information When visitor enters the Register page, the
registration form will appear to register.
After the form is displayed, the visitors
enter their information.
2) Check validation After the visitor enters the information, the
and create account system will check, if all the information is
correct, the system will create an account
for the user.
3) Display view If the account is created successfully, the
system will display a Login page for user to
sign in.
Exception Display error message
Username field blank “Username can not blank”
Username min length “Username must be larger than 5
Password field blank characters”
Password min length “Password can not blank”
Password pattern “Password must be larger than 10
characters”
“Password must not contain special
characters”

 Sign Up Gmail, Facebook:

6
Description When visitors use Gmail. Axe & Sledge Supplement system will
create new account
Action System responses
Basic flow 1) Input Gmail When visitor enters the Register page, the
Gmail buttons will appear to register.
2) Check exist Axe & Sledge Supplement system will check,
if the account exists, it will log in to the
system, if the account doesn’t exist, it will
create.
3) Redirect After create successfully, it will return to
Home page.
Exception

Login:

7
 Create an order:

Description When the user starts ordering, the order form will appear for the
customer to fill in the information, dog shop system will create an
order.
Action System responses
Basic flow 1) Input item When you want to place an order,
(available category), customers only need to enter the quantity
Input quantity they want to buy and the service they want,
as well as select the types of items to order.
2) View information After entering the quantity you want to buy
and pay, the order details will be displayed.
3) Create order and If the customer can cancel the order if there
order detail is a reasonable reason, the Axe & Sledge
Supplement system will cancel the order.
Exception

8
 Payment:

Description Once the order is created, the user will receive an email for payment
Action System responses
Basic flow 1. Payment Customer pays and confirm payment.

2. Update status After the customer confirm the payment, the

system will update the status of the order.
3. Payment success Customer will receive a successful payment
notification after completing the process.
Exception

2.Admin:
9
 Sign in:

10
Description Admin log in after the system checks, it will let you in.
Action System responses
Basic flow 1) Input ID, password Admin enters ID, password.
2) Check exist The system will check whether the ID and
password are correct.
3) Transfer to If everything is correct, the System will
transfer to Admin Home Page.
Exception Display error message
Admin ID field blank “ID can not blank”
Password field blank “Password can not blank”
Check correct “Incorrect ID or Password”

 Manage Order:

11
Description Admin edits the status in the order then the system will update the
status.
Action System responses
Basic flow 1) Add, update, Admin adds, updates, deletes order.
delete
2) Edit status The system will update status.
3) View edited order If the system update is successful, it will
show back to admin.
Exception

 Manage revenue:
12
Description Admin edits the status in the order then the system will update the
status.
Action System responses
Basic flow 1) Add, update, delete Admin adds, updates, deletes store’s
revenue.
2) Update information The system will update information.
3) Export Admin can print store’s revenue report.
Exception

13
 ENTITY RELATIONSHIP DIAGRAM

TABLE DESIGN
1. Table Admin

`admin_id` bigint(20) UNSIGNED NOT NULL,

`role_id` int(11) NOT NULL,
`district_id` int(11) NOT NULL,
`role_value` int(11) NOT NULL,
`admin_email` varchar(100) NOT NULL,
`admin_password` varchar(255) NOT NULL,
`admin_name` varchar(255) NOT NULL,
`admin_phone` varchar(255) NOT NULL,
`address` text NOT NULL,

2. Table Blog

`blog_id` bigint(20) UNSIGNED NOT NULL,

`blog_category_id` int(11) NOT NULL,
`blog_title` text NOT NULL,
`blog_thumbnail` varchar(255) NOT NULL,
`pre_blog_content` text NOT NULL,
`blog_content` longtext NOT NULL,
`blog_status` int(11) NOT NULL,

3. Table Brand

14
 `brand_id` int(11) UNSIGNED NOT NULL,
`brand_name` varchar(255) NOT NULL,
`brand_desc` text NOT NULL,
`brand_status` int(11) NOT NULL,

4. Table Category Blog

`blog_category_id` bigint(20) UNSIGNED NOT NULL,

`blog_category_name` text NOT NULL,
`blog_category_desc` text NOT NULL,
`blog_category_status` int(11) NOT NULL,
`meta_keywords` text NOT NULL,

5. Table Category Product

`category_id` int(11) UNSIGNED NOT NULL,

`category_name` varchar(255) NOT NULL,
`meta_keywords` text NOT NULL,
`category_desc` text NOT NULL,
`category_status` int(11) NOT NULL,

6. Table Comment

`comment_id` bigint(20) UNSIGNED NOT NULL,

`product_id` bigint(20) UNSIGNED NOT NULL,
`customer_id` int(11) NOT NULL,
`content` text NOT NULL,
`approved` tinyint(1) NOT NULL DEFAULT 0,

7. Table Coupon

`coupon_id` bigint(20) UNSIGNED NOT NULL,

`coupon_name` varchar(255) NOT NULL,
`coupon_time` int(11) NOT NULL,
`coupon_condition` int(11) NOT NULL,
`coupon_number` int(11) NOT NULL,
`coupon_code` varchar(255) NOT NULL,
`coupon_status` int(11) NOT NULL,
`coupon_expire_date` date NOT NULL,

8. Table Customer

`customer_id` bigint(20) UNSIGNED NOT NULL,

`district_id` int(11) NOT NULL,
`customer_name` varchar(255) NOT NULL,
`customer_email` varchar(255) NOT NULL,
`customer_password` varchar(255) NOT NULL,
`customer_phone` varchar(255) NOT NULL,
`customer_address` text NOT NULL,
`customer_point` float NOT NULL,

9. Table District

`district_id` bigint(20) UNSIGNED NOT NULL,

`district_name` varchar(255) NOT NULL,

15
10. Table Order

`order_id` bigint(20) UNSIGNED NOT NULL,

`admin_id` int(11) NOT NULL,
`customer_id` int(11) NOT NULL,
`shipping_id` int(11) NOT NULL,
`payment_id` int(11) NOT NULL,
`district_id` int(11) NOT NULL,
`order_total` varchar(50) NOT NULL,
`order_address` text NOT NULL,
`order_status` int(11) NOT NULL,

11. Table Order Details

`order_details_id` bigint(20) UNSIGNED NOT NULL,

`order_id` int(11) NOT NULL,
`product_id` int(11) NOT NULL,
`product_name` varchar(255) NOT NULL,
`product_price` varchar(50) NOT NULL,
`product_sales_quantity` int(11) NOT NULL,
`product_flavour` varchar(50) NOT NULL,
`product_point` float NOT NULL,

12. Table Payment

`payment_id` bigint(20) UNSIGNED NOT NULL,

`payment_method` varchar(255) NOT NULL,
`payment_status` varchar(50) NOT NULL,

13. Table Product

`product_id` bigint(20) UNSIGNED NOT NULL,

`category_id` int(11) NOT NULL,
`brand_id` int(11) NOT NULL,
`product_name` varchar(255) NOT NULL,
`product_quantity` int(11) NOT NULL,
`product_desc` text NOT NULL,
`product_content` longtext NOT NULL,
`product_price` varchar(255) NOT NULL,
`product_discount` int(11) NOT NULL,
`product_image` varchar(255) NOT NULL,
`product_flavour` varchar(255) NOT NULL,
`product_point` float NOT NULL,
`product_status` int(11) NOT NULL,

14. Table Role

`role_id` bigint(20) UNSIGNED NOT NULL,

`role_name` varchar(255) NOT NULL,
`role_value` int(11) NOT NULL,

15. Table Shipping

`shipping_id` bigint(20) UNSIGNED NOT NULL,

`shipping_name` varchar(255) NOT NULL,
`shipping_address` varchar(255) NOT NULL,
`shipping_phone` varchar(255) NOT NULL,

16
 `shipping_email` varchar(255) NOT NULL,
`shipping_notes` text NOT NULL,

16. Table Social

`user_id` bigint(20) UNSIGNED NOT NULL,

`provider_user_id` varchar(255) NOT NULL,
`email` varchar(255) NOT NULL,
`provider` varchar(255) NOT NULL,
`user` varchar(255) NOT NULL,

17. Table Users

`id` bigint(20) UNSIGNED NOT NULL,

`name` varchar(255) NOT NULL,
`email` varchar(255) NOT NULL,
`email_verified_at` timestamp NULL DEFAULT NULL,
`password` varchar(255) NOT NULL,
`remember_token` varchar(100) DEFAULT NULL,

17
REVIEW 3

18
 DESIGN
I. Admin
1. Login
1: email
2: password
3: forge-Password
4: sign in

No Name Type Validation Description Status

Input not
1 Email Textbox Enter Admin’s ID Enable
blank
Input not Enter Admin’s
2 Password Textbox Enable
blank password
3 Sign In Button Click to login Enable

19
 2. NavBar

1
2
3
4
5
6
7
8
9

No Name Type Validation Description Status

Click on to go to
1 dashboard Link Enable
Admin
2 Order Link Click on to go order Enable
Click on to go
3 Discount code Link Enable
discount code
Manage Click on to go to
4 Link Enable
Products Products Tab
Click on to go to
5 Categories Link Enable
Categories Product
Click on to go to
6 Products Link Enable
Products
Click on to go to
7 Blogs Link Enable
Blogs
Message of Click on to go
8 Link Enable
customer Message of customer

20
3. Admin Page

4. Manage Categories

1
2
3

21
No Name Type Validation Description Status
1 Search Textbox Search Product Enable
Click on go to Edit
2 Edit Link Enable
Categories
Click on to go to
3 Delete Button “delete Categories” Enable
page

5. Manage Products

1
2
3

No Name Type Validation Description Status

Click on to go to “Update ”
1 Edit Link Enable
page
2 Delete Button Click to remove product Enable

22
6. Manage Blogs

1
2
3

Validatio
No Name Type Description Status
n
1 Search Textbox Search Blogs Enable
Click on to go to “Update ”
3 Edit Link Enable
page
4 Delete Button Click to remove product Enable

7. Manage order

No Name Type Validation Description Status

1 view Link Show order detail Enable
23
 8. Order detail

II. Shipper
1. Shipper Page

1 2

No Name Type Validation Description Status

1 view Link Show order detail Enable
2 Edit Link Show order Status Enable

24
 2. Order Status Page

No Name Type Validation Description Status

1 Status Change Order Status detail Enable

III. User
1. HomePage
1 2 3 4 5 6 7 8

No Name Type Validation Description Status

1 Home Link Click on to go to Home Page Enable
2 Category hover See all category Enable
3 Brands Link Click on to go to shop Page Enable
4 Tools Link
5 Blog Link Click on to go to blog Page Enable
Click on to go to support
6 Support Link Enable
Page
7 Cart Link Click on to Cart Page Enable
8 Acccount Link Click on to Acccount Page Enable

25
2. Product Page

3. Cart

26
4. Payment

5. Blogs

27
6. Login

7. Register

28
8. Footer

9. Single product

29