đồ án website bán mỹ phẩm

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP. HCM

BÁO CÁO MÔN

LẬP TRÌNH WEB

ĐỒ ÁN
WEBSITE BÁN MỸ PHẨM

Giảng viên hướng dẫn

: Huỳnh Khắc Duy

TP. Hồ Chí Minh, 2020

MỤC LỤC


LỜI MỞ ĐẦU

Đất nước đang trong giai đoạn phát triển vượt bật trên mọi lĩnh vực , từ văn
hóa- xã hội đến kinh tế chính trị.Nhu cầu làm đẹp cũng như sử dụng mỹ phẩm của con
người ngày càng tăng,đặc biệt là phụ nữ .Biết được điều này, nhiều cửa hàng mỹ phẩm
với kiến trúc và thiết kế nổi bật xuất hiện và thu hút không ít khách hàng ghé
thăm.Nhưng với công việc bận rộn hằng ngày ,việc chăm sóc cơ thể diễn ra hằng
ngày ,thậm chí từng giờ do đó nhiều người có xu hướng mua sắm tại nhà nhiều hơn
đặc biệt trong những ngày dịch bệnh như mùa Covid vừa qua.Mua sắm tại nhà vừa
tiện lợi ,nhanh chóng lại tránh được rủi ro khi ở ngoài đường.Kinh doanh trên internet
đang là xu hướng tất yếu hiến nay mà việc kinh doanh mỹ phẩm cũng không nằm
ngoài xu thế tất yếu đó,những lời ích xung quanh nó chúng ta đều dễ dàng có thể nhìn

thấy.Vì vậy việc sở hữu một website bán mỹ phẩm và làm đẹp giúp giúp dễ dàng phủ
sóng thương hiệu đến với người tiêu dùng và gia tăng doanh thu hơn. Do đó thực hiện
đề tài xây dụng một cửa hàng trên internet là một vấn đề thực tế, ứng dụng được và có
tiềm năng phát triển trong hiện tại và tương lai.
2


CHƯƠNG 1. TỔNG QUAN VỀ HỆ THỐNG
1.1 Lý

do chọn đề tài :
Lập trình web là một phần quan trọng trong lĩnh vực công nghệ thông tinPhân

tích thiết kế hệ thống thông tin là một phần quan trọng của lĩnh vực công nghệ thông
tin, nó giúp con người có thể mua sắm, tìm hiểu thông tin sản phẩm cần mua một cách
đơn giản, dễ dàng và nhanh chóng hơn,giúp tiết kiệm được rất nhiều thời gian và công
sứ. Chúng em thực hiện đề tài “WEBSITE BÁN MỸ PHẨM” nhằm nâng cao thêm
kiến thức và tầm hiểu biết của mình về lĩnh vực này lĩnh vực công nghệ thông tin nói
chung và bộ môn lập trình web nói riêng .
1.2 Quy

trình hoạt động của trang web

Về phía khách hàng:


Tìm kiếm tên, thông tin sản phẩm cần mua.



Có thể đăng kí ,đăng nhập vào website.



Có thể đặt 1 hoặc nhiều sản phẩm trong một lần.

3




Có thể chỉnh sửa thông tin cá nhân khách hàng nếu bị sai.



Có thể thêm, xóa sản phẩm trong giỏ hàng nếu muốn.

Về phía quản trị viên:
Website sẽ cập nhật thông tin trên cơ sở dữ liệu và cho phép người quản trị được
phân quyền thao tác các công việc sau:


Tìm kiếm các đơn hàng đã được xác nhận hay chưa xác nhận



Xác nhận đơn hàng hợp lệ,chỉnh sửa thông tin khách hàng và thông tin đặt
hàng .



Thống kê số lương mua hàng của khách hàng.
Thay đổi,thêm mới hoặc bỏ thông tin,hình ảnh về các sản phẩm công ty muốn

giới thiệu cho khách hàng.
Về tổ chức lưu trữ,thực hiện các yêu cầu:
Thêm, xóa, sửa thông tin, hình ảnh về các sản phẩm .


1.3

Giới thiệu công nghệ

* Visual Studio 2019
Microsoft Visual Studio là một môi trường phát triển tích hợp (IDE) từ
Microsoft. Nó được sử dụng để phát triển chương trình máy tính cho Microsoft
Windows, cũng như các trang web, các ứng dụng web và các dịch vụ web. Visual
Studio sử dụng nền tảng phát triển phần mềm của Microsoft như Windows API,
Windows Forms, Windows Presentation Foundation, Windows Store và Microsoft
Silverlight. Nó có thể sản xuất cả hai ngôn ngữ máy và mã số quản lý.
Visual Studio hỗ trợ nhiều ngôn ngữ lập trình khác nhau và cho phép trình biên
tập mã và gỡ lỗi để hỗ trợ (mức độ khác nhau) hầu như mọi ngôn ngữ lập trình. Các
ngôn ngữ tích hợp gồm có C,[4] C++ và C++/CLI (thông qua Visual C++), VB.NET
4


(thông qua Visual Basic.NET), C# (thông qua Visual C#) và F# (như của Visual Studio
2010[5]). Hỗ trợ cho các ngôn ngữ khác như J++/J#, Python và Ruby thông qua dịch
vụ cài đặt riêng rẽ. Nó cũng hỗ trợ XML/XSLT, HTML/XHTML, JavaScript và CSS.
*SQL Server

SQL Server là một hệ quản trị cơ sở dữ liệu quan hệ (Relational Database
Management System (RDBMS) ) sử dụng câu lệnh SQL (Transact-SQL) để trao đổi
dữ liệu giữa máy Client và máy cài SQL Server. Một RDBMS bao gồm databases,
database engine và các ứng dụng dùng để quản lý dữ liệu và các bộ phận khác nhau
trong RDBMS.
SQL Server được tối ưu để có thể chạy trên môi trường cơ sở dữ liệu rất lớn (Very
Large Database Environment) lên đến Tera-Byte và có thể phục vụ cùng lúc cho hàng
ngàn user. SQL Server có thể kết hợp “ăn ý” với các server khác như Microsoft
Internet Information Server (IIS), E-Commerce Server, Proxy Server….
*Công nghệ MVC:
MVC là từ viết tắt bởi 3 từ Model – View – Controller. Đây là mô hình thiết kế
sử dụng trong kỹ thuật phần mềm. Mô hình source code thành 3 phần, tương ứng mỗi
từ. Mỗi từ tương ứng với một hoạt động tách biệt trong một mô hình.
Để hiểu rõ hơn, sau đây chúng ta sẽ cùng đi phân tích từng thành phần:
Mô hình MVC và các thành phần bên trong của MVC.
Model (M):
Là bộ phận có chức năng lưu trữ toàn bộ dữ liệu của ứng dụng. Bộ phận này là
một cầu nối giữa 2 thành phần bên dưới là View và Controller. Model thể hiện dưới
hình thức là một cơ sở dữ liệu hoặc có khi chỉ đơn giản là một file XML bình thường.
Model thể hiện rõ các thao tác với cơ sở dữ liệu như cho phép xem, truy xuất, xử lý dữ
liệu,…
View (V):

5


Đây là phần giao diện (theme) dành cho người sử dụng. Nơi mà người dùng có
thể lấy được thông tin dữ liệu của MVC thông qua các thao tác truy vấn như tìm kiếm
hoặc sử dụng thông qua các website.
Thông thường, các ứng dụng web sử dụng MVC View như một phần của hệ thống,

nơi các thành phần HTML được tạo ra. Bên cạnh đó, View cũng có chức năng ghi
nhận hoạt động của người dùng để tương tác với Controller. Tuy nhiên, View không
có mối quan hệ trực tiếp với Controller, cũng không được lấy dữ liệu từ Controller mà
chỉ hiển thị yêu cầu chuyển cho Controller mà thôi.
Ví dụ: Nút “delete” được tạo bởi View khi người dùng nhấn vào nút đó sẽ có một hành
động trong Controller.

Controller (C):
Bộ phận có nhiệm vụ xử lý các yêu cầu người dùng đưa đến thông qua view. Từ
đó, C đưa ra dữ liệu phù hợp với người dùng. Bên cạnh đó, Controller còn có chức
năng kết nối với model.

6


CHƯƠNG 2. PHÂN TÍCH THIẾT KẾ HỆ THỐNG
2.1 Yêu cầu chức năng
Các chức năng cơ bản của hệ thống:


Đăng nhập



Tạo tài khoản



Chi tiết sản phẩm



Thêm sản phẩm



Xóa sản phẩm



Giỏ hàng



Thanh toán

2.2 Phân tích thiết kế


Sơ đồ chức năng khách hàng

7




Sơ đồ hoạt động thêm sản phẩm vào giỏ hàng :



Sơ đồ đăng ký tài khoản:

8


2.3 Thiết kế cơ sở dữ liệu


Lược đồ quan hệ nhóm dữ liệu đơn hàng :

9




Bảng mô tả thành phần dữ liệu :
+ Bảng Khách hàng:

+Bảng Mỹ phẩm :

+Bảng Loại Mỹ phẩm :

10


+Bảng Thương Hiệu :

+Bảng Đơn đặt hàng:

+Bảng chi tiết đơn đặt hàng :

2.4 Giao diện hiển thị
11


Trang chủ

Chức năng chi tiết :Là hình ảnh được nhìn thấy đầu tiên khi vào trang web,
trang chủ hiển thị các mục chính như thương hiệu , sản phẩm ,giỏ hàng,.... Tại
đây khách hàng tìm hiểu một số sản phẩm mới xuất hiện sẳn trên trang để nhấp
vào tìm hiểu chi tiết.

Đăng ký
12


Chức năng chi tiết :
-

-

Khách hàng có thể đăng ký thành viên để trở thành khách hang thường xuyên
của công ty và được cấp tài khoản dùng để đăng nhập ,thanh toán,…
Đầu ra : Các thông tin cá nhân của khách hàng
o Họ tên
o Tên đăng nhập
o Mật khẩu
o Email
o Địa chỉ
o Điện thoại

o Ngày sinh

Đăng nhập

13


Chức năng chi tiết :

-

Đầu vào :Thông tin đăng nhập
+Tên đăng nhập
+Mật khẩu
Qúa trình xử lý: Kết nối cơ sở dữ liệu so sánh thông tin đăng nhập trùng với

-

thành viên đã đăng ký không .Tạo truy cập cho người dùng đăng nhập
Đầu ra : Thông báo đã đăng nhập thành công hay chưa

-

Giỏ hàng

Chức năng chi tiết : Cung cấp một giỏ hàng ảo cho khách hàng
-

-

Đầu vào: Khi khách hàng click mua hàng và xem giỏ hàng .
Quá trình xử lý :
+ Sau khi chọn hàng , mã hàng được lưu vào cookie của máy.
+ Khi khách hàng muốn xem giỏ hàng thì mã sản phẩm sẽ được gửi đến server
xử lý và gửi lại cho khách hàng danh sách chi tiết về sản phẩm.
Đầu ra:
+Đưa ra danh sách dản phẩm khách hàng đã mua
+Tổng số tiền giỏ hàng

Đăng nhập quản trị viên

14


Sửa sản phẩm

Xóa sản phẩm
15


Thêm sản phẩm

16


Quản lý sản phẩm

CHƯƠNG 3: KẾT QUẢ VÀ HƯỚNG PHÁT TRIỂN
17

3.1 Kết quả đạt được
•

Đã đạt được mục tiêu đề ra, hoàn thành website giới thiệu công ty và sản phẩm

•
•

công ty.
Phân tích và đánh giá các yêu cầu của website
Vận dụng HTML, ngôn ngữ PHP,... và MYSQLvào việc xây dựng website của

•

mình
Phần giao diện người dùng: giao diện thân thiện, cho phép người dùng xem

•

được thông tin công ty, sản phẩm công ty nhanh chóng dễ dàng.
Phần quản trị đã xây dựng được hệ thống quản lý dữ liệu của website, giúp cho
những người quản trị dễ dàng quản lý thông tin, dữ liệu, xem, thêm, xóa, cập
nhật dữ liệu cho website, cũng như thống kê được thông tin của từng mục quản
lý.

3.2 Hướng phát triển
Tiến hành phát triển thêm các chức năng như:
• Phát triển thêm giao diện thương mại điện tử.
• Thêm các bộ lọc sản phẩm trong giao diện sản phẩm.

• Thêm tính năng đếm lượt xem và tự động đổi những bài viết có nhiều lượt
•
•
•
•

xem nhất lên trang chủ
Tăng tính bảo mật website
Phân quyền một cách hiệu quả hơn
Các tính năng tương tác như G+, Facebook, nút Thích...
Phát triển chức năng bình luận hiệu quả hơn

LỜI CẢM ƠN
Trong thời gian học và hoàn thành đồ án môn Lập trình Web. Em xin chân thành
cảm ơn sự giúp đỡ của thầyvà các bạn trong lớp đã giúp đỡ, cung cấp nhiều thông tin
quý báu và tạo điều kiện cho em trong quá trình thực hiện đồ án này. Em cũng xin
được gửi lời cảm ơn đặc biệt tới thầy Huỳnh Khắc Duy đã tận tình hướng dẫn, giúp
đỡ chỉ bảo cho em nghiên cứu đề tài và hoàn thành đồ án này.
Mặc dù bản thân đã rất cố gắng nhưng do thời gian, kiến thức và kinh nghiệm có
hạn, nên bài làm của em còn có nhiều thiếu sót trong việc trình bày, đánh giá và đề
xuất ý kiến. Em rất mong nhận được sự thông cảm và đóng góp ý kiến của quý thầy cô
và các bạn.
18


19