ĐỒ ÁN CƠ SỞ 2ĐỀ TÀI: XÂY DỰNG WEBSITE THỜI TRANG

ĐẠI HỌC ĐÀ NẴNG
KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 2
ĐỀ TÀI: XÂY DỰNG WEBSITE THỜI TRANG

Sinh viên thực hiện: NGUYỄN DUY ĐỨC – 19IT4
LÊ XUÂN HƯỚNG – 19IT4
Giảng viên hướng dẫn :TS.HUỲNH NGỌC THỌ

Đà nẵng, ngày.... tháng … năm


ĐẠI HỌC ĐÀ NẴNG
KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 2
ĐỀ TÀI: XÂY DỰNG WEBSITE THỜI TRANG

Sinh viên thực hiện: NGUYỄN DUY ĐỨC – 19IT4
LÊ XUÂN HƯỚNG – 19IT4
Giảng viên hướng dẫn :TS.HUỲNH NGỌC THỌ

Đà nẵng, ngày.... tháng … năm


LỜI MỞ ĐẦU
Hiện nay với việc phát triển mạnh của cơng nghệ thơng tin và các dịch vụ chăm sóc con
người ngày càng nâng cao thì con người a ngày càng mong muốn có được những sự phục vụ tốt
hơn về tất cả các mặt đời sống và xã hội, trong đó có nhu cầu mua sắm đặc biệt là mua sắm trực
tuyến thanh toán qua mạng ngày càng phổ biến rộng rãi để khách hàng ln có được sự lựa

chọn tốt nhất ngay tại nhà của mình mà khơng cần phải tốn quá nhiều thời gian.
Để việc mua bán hàng hoá tại nhà bằng cách đặt hàng và thanh toán trực tuyến của khách
hàng được thực hiện một cách dễ dàng và thuận lợi hơn phục vụ nhu cầu ngày càng cao của
khách hàng. Từ nhu cầu thực tế này cùng với kiến thức đã tiếp thu ở trường em đã chọn đề
tài: Đề tài “Xây dựng website thời trang” bằng ngơn ngữ lập trình PHP và cơ sở dữ liệu
Mysql được xây dựng trên ý tưởng áp dụng công nghệ thông tin nhằm phục vụ nhu cầu kinh
doanh quần áo cho một cửa hàng quần áo tại các thành phố lớn. Với sự hướng dẫn tận tình
của thầy Huỳnh Ngọc Thọ đã giúp em hoàn thành báo cáo đề tài này. Tuy đã cố gắng hết
sức tìm hiểu, phân tích thiết kế và cài đặt hệ thống nhưng chắc rằng khơng tránh khỏi những
thiếu sót. Em rất mong nhận được sự thơng cảm và góp ý của q thầy cô.
Em xin chân thành cảm ơn !
SV thực hiện: Nguyễn Duy Quang / MSV: 19IT041
Trần Đăng Quốc /MSV:
19IT111


LỜI CẢM ƠN
Để hoàn thành chuyên đề báo cáo học phần đồ án cơ sở 2 này trước tiên em xin gửi đến các
thầy cơ giáo TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT HÀN lời cảm ơn chân thành và sâu sắc nhất.
Đặc biệt cảm ơn cơ giáo Ninh Khánh Chi, người đã tận tình hướng dẫn và giúp đỡ nhóm em
trong suốt q trình thực hiện đồ án này để nhóm em hồn thành bài báo cáo một cách hồn
thiện nhất.
Với việc tìm hiểu về bài báo cáo học phần đồ án cơ sở 2 này cùng với trình độ kiến thức và kinh
nghiệm cịn hạn chế nên chúng em không thể tránh khỏi những sai sót. Em rất mong nhận được
những nhận xét, đánh giá, đóng góp ý kiến từ thầy cơ để bài báo cáo học phần này của chúng
em hoàn thiện một cách tốt nhất.
Em xin chân thành cảm ơn!


NHẬN XÉT

( Của giảng viên hướng dẫn )

…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
……………………………………………………………….........
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
…………………………………………………………………………………………………
……………………………………………....

Đà Nẵng,…….. Ngày…. Tháng…. Năm
2020
Giảng viên hướng dẫn


Mục lục:
Chương 1 Giới thiệu.....................................................................................................................6
Chương 2 Phân tích thiết kế hệ thống.........................................................................................12
Chương 3 Triển khai xây dựng...................................................................................................19
Kết luận:.................................................................................................................................... 24

Chương 1
1.1

Giới thiệu

Giới thiệu

1.1.1 Bối cảnh thực hiện đề tài
-

-

•

Trên thị trường hiện nay có rất nhiều cơng ty cửa hàng bn bán các loại hàng hóa như
điện thoại, máy tính, quần áo,… Chính vì vậy nhu cầu quảng bá hình ảnh của công ty,
cửa hàng ngày càng được đầu tư và mở rộng trên nhiều mặt.Giới thiệu sản phẩm rộng rãi
ra công chúng và mở rộng thị trường là một phần tất yếu chiến lược phát triển kinh
doanh của công ty.Với sự bùng nổ của internet, mỗi ngày có hàng trăm triệu người truy
cập internet với nhu cầu tìm tin tức, mua bán một cách thuận tiện, nhanh chóng. Nhận
được tính thiết thực của điều đó em đã nhận đề tài: “ Xây dựng website thời trang” sử
dụng ngôn ngữ PHP và hệ quản trị cơ sở dữ liệu Mysql để đáp ứng nhu cầu đó.
Mục đích đề tài là đáp ứng nhu cầu mua bán, xem thông tin sản phẩm mới một cách
nhanh chóng tiện lợi, an tồn.
Đề xuất nội dung thực hiện
Xây dựng website thời trang thiết thực nhằm giúp người dùng dễ dàng tìm kiếm
được thơng tin các dòng xe mà họ thắc mắc.


•

Xây dựng website cho phép người dùng mua hàng, đăng bài bán của mình trên
website một cách nhanh chóng và tiện lợi mà khơng cần các thủ tục phức tạp.

• Xây dựng website có tốc độ tải trang nhanh chóng và hạn chế các thủ tục rườm rà tốn
thời gian.
• Website đảm bảo bảo mật thông tin cá nhân của khách hàng. Website công khai,
minh bạch và cung cấp thông tin chính xác nhằm đem lại sự tin cậy cho người dùng.

1.2

Phương pháp

1.2.1 Phương pháp triển khai thực hiện đề tài
-

Trước tiên ta phải phân tích và thiết kế giao diện, hệ thống của website bằng phần mềm
StarUML.

Dựa trên các kiến thức đã học, chúng ta sử dụng các ngôn ngữ HTML, JavaScript, PHP và
một số cơng cụ lập trình như Sublime Text để xây dựng website.
-

Tham khảo, tiếp thu ý kiến, thông tin từ giáo viên hướng dẫn để hồn thiện website
tốt hơn.

-

Tìm hiểu các website tương tự để rút ra lĩnh vực cịn thiếu sót để bổ sung cũng như
khắc phục các điểm còn hạn chế của website khác .

1.2.2 Đặc điểm
-

Trang web có hướng dẫn rõ ràng, thanh menu điều hướng. Nội dung trực quan. Website
có đầy đủ các tính năng của một website mua và bán hàng. Giao diện sẽ được xây dựng
bắt mắt, đẹp giúp người dung cảm thấy thú vị khi sử dụng trang web.Người dùng có thể
tìm kiếm xem thơng tin chi tiết của sản phẩm , thêm vào giỏ hàng trước khi thanh toán ,
xem đánh giá của khách hàng hay trực tiếp đánh giá theo ý kiến riêng của mình. Mỗi mặt
hàng mà người dùng muốn đăng bán sẽ phải chờ kiểm duyệt của admin trước khi đăng
bán.

1.2.3 Chức năng

1.2.3.1 Về giao diện
-

Phần trang chủ của website sẽ giới thiệu tổng quan về website. Tại đây bạn có thể xem
được giờ làm việc hay địa chỉ của shop chúng tôi. Người dùng sẽ xem được chi tiết giờ
làm việc, địa chỉ cụ thể của shop, người dùng có thể biết được các xem được các đối tác
và khách hàng từ đó có thể tăng tính tin cậy về mặt hàng mà mình muốn tham khảo.
Người dùng có thể xem chi tiết sản phẩm của món hàng mình muốn từ đó đưa ra quyết


định cho riêng mình. Người dùng có thể đọc bình luận và đánh giá về món hàng mà mình
đã mua hay định mua. Thơng qua giỏ hàng người dùng có thể xem xét trước khi đưa ra
quyết định.
-

Trang web sẽ cập nhật những tin tức liên quan đến các sản phẩm và giá cả từ đó giúp
người dùng nắm bắt được thơng tin một cách khách quan nhất.

-

Để giúp hồn thiện trang web thì trang web cung cấp các chức năng phản hồi lại người
quản trị hoặc người dùng có thể gửi những câu hỏi thông qua email trên trang web.

1.2.3.2 Về quản trị:
-

Hệ quản trị được thiết kế đơn giản phù hợp để người quản lí có thể dễ dàng sử dụng.
Người quản lí có thể thêm, sửa, xóa các thông tin về sản phẩm , tin tức. Người quản lí có
chức năng kiểm duyệt các món hàng mà người dùng muốn đăng bán lên website. Các
thông tin về khách hàng (tên, mật khẩu, email) sẽ được bảo mật an toàn.

1.2.4 Ưu điểm
-

Giao diện hội tụ ba yếu tố độc đáo, tinh tế và hiện đại. Hình ảnh sắc nét và sống động.
Tốc độ tải trang web nhanh. Website có thể tưởng thích với mọi thiết bị di động hay máy
tính trên thị trường. Ngồi ra trang web được thiết kế dễ dàng sử dụng và tiện nâng cấp
trong tương lai. Website cũng được tích cực cơ chế bảo mật giúp đảm bảo các thông tin
khách hàng không bị đánh cắp.

1.2.5 Nhược điểm
-

Hệ thống chưa tối ưu được việc sử dụng cơ sở dữ liệu. Một số chức năng cịn chưa hồn
thiện.

1.3 Một số website hiện có
1.3.1 Nowsaigon:
1.3.2 Ảnh trang chủ:

Hình 1: Trang chủ Nowsaigon

-

Về giao diện : giao diện đơn giản, thiết kế bố cục hợp lí. Những danh mục sản phẩm để
đầu trang giúp người dùng dễ dàng tìm kiếm được sản phẩm mà mình cần mua. Bên cạnh
đó người dùng cũng có thể tìm kiếm theo giá cả mà mình đang có, trị chuyện trực tiếp
với admin page để nằm rõ hơn nhiều chi tiết

-

Về quản lí: hệ quản trị được thiết kế đơn giản phù hợp để người quản lí có thể dễ
dàng sử dụng. Người quản lí có thể thêm sửa, xóa các sản phẩm hay duyệt các bài
đăng của người cần bán. Các thông tin về khách hàng (tên, email) được bảo mật an
toàn.

-

Ưu điểm: giao diện của website đơn giản và hiện đại. Hình ảnh sống động và sắc nét.
Tốc độ tải trang cực nhanh. Website tương thích mọi thiết bị di động phổ biến trên thị
trường. Website được thiết kế dễ sử dụng, tiện nâng cấp trong tương lai. Website
cung cấp nhiều chức năng và thông tin cho người dùng.

-

Nhược điểm: chưa có nhiều tương tác giữa người dùng và nhà quản lí.

1.3.2 Website The shirt you need : />Ảnh trang chủ:

Hình 2: Trang chủ website tsunsg.com

-

Về giao diện: Trang web được xậy dựng với giao diện đơn giản và bố cục đơn giản.
Trang web chủ yếu cung cấp cho người dùng những thông tin của các loại xe khác nhau
theo từng khu vực hoặc là tồn quốc.

-

Về quản lí: hệ quản trị được thiết kế đơn giản phù hợp để người quản lí có thể dễ
dàng sử dụng. Người quản lí có thể có thể thêm sửa, xóa các sản phẩm hay duyệt các
bài đăng của người cần bán. Các thông tin về người dùng (tên, email) được bảo mật
an tồn.

-

Ưu điểm: Giao diện của website đơn giản. Hình ảnh đẹp mắt và sắc nét. Tốc độ tải
trang nhanh. Website tương thích mọi thiết bị di động phổ biến trên thị trường.
Website được thiết kế dễ sử dụng.

-

Nhược điểm: Chưa có nhiều tương tác giữa khách hàng và nhà quản lí. Các chức
năng cịn hạn chế.

1.4 Cấu trúc đồ án
-

Nội dung đồ án, ngoài phần mở đầu và kết luận, bao gồm 3 chương:

• Chương 1: Giới thiệu.
• Chương 2: Phân tích và thiết kế hệ thống.
• Chương 3: Triển khai xây dựng.


1.5 Kết quả
1.5.1 Đặc điểm
-

Tạo ra website có giao diện dễ nhìn và bắt mắt giúp người dùng tiếp cận dễ dàng với
trang web. Người dùng có thể dễ dàng tìm kiếm các thơng tin, lựa chọn mua sắm một
cách dễ dàng..

1.5.2 Chức năng
-

Giới thiệu tổng quan về website và các thương hiệu thời trang. Cung cấp các tính năng
giúp người dùng có thể xem thơng tin các sản phẩm từ các thương hiệu và lưu lại các
thông tin mà mình muốn xem sau. Người dùng có thể sửa, xóa hay thêm các sản phẩm
mà mình muốn mua trên trang web. Nếu người dùng tìm thấy một sản phẩm ưng ý thì
người dùng có thể mua nó thơng qua những thủ tục được định sẵn, người dùng có thể
đánh giá và bình luận cho nhiều sản phẩm trên trang web. Trang web cũng cung cấp các
phương thức đăng kí và đăng nhập giúp cho khách hàng tiện trong việc theo dõi hay cập
nhật những chiếc xe trên trang web nhờ các email thông báo sẽ được gửi về cho người
dùng. Mọi thơng tin của khách hàng đã đăng kí sẽ được bảo mật để đảm bảo an tồn
thơng tin cho người dùng.

-

Người dùng có thể xem được thơng tin chi tiết về sản phẩm mà người dùng muốn xem.
Ngoài ra người dùng cũng có thể xem được số lượng đánh giá của những sản phẩm đó
cũng như bình luận của những người dùng đã bình luận và đánh giá trước đó .

-

Ngồi ra, trang web cịn cung cấp các tin tức liên quan đến thời trang trong và ngoài
nước.


Chương 2

Phân tích thiết kế hệ thống

2.1 Phân tích, thiết kế hệ thống
2.1.1 : Giới thiệu hệ thống
Website Thời trang bao gồm:
-

Khách hàng: Người truy cập website, đăng kí mua hàng, trực tiếp đăng mặt hàng cần
bán

-

Người quản lí website: Admin là người quản lí khách hàng, sản phẩm, hóa đơn được
quyền thêm, sửa,xóa các thành phần trên website

2.1.2 Các yêu cầu website và hệ thống quản lí

-

Website phải đảm bảo giao diện dễ nhìn, dễ dàng sử dụng

-

Hệ thống website đảm bảo cho khách hàng có thể xem thơng tin chi tiết sản phẩm dễ
dàng, thêm vào giỏ hàng theo ý mình muốn một cách nhanh chóng.Đảm bảo cho người
dùng có thể thanh tốn một cách nhanh chóng mà không phải gặp nhiều trở ngại

2.1.3 Yêu cầu chức năng

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

Đăng kí

-

Đăng nhập

-

Đăng xuất

-

Xem danh sách danh mục

-

Xem danh sách sản phẩm

-

Xem chi tiết sản phẩm

-

Thêm vào giỏ hàng

-

Xóa giỏ hàng

-

Thanh tốn

-

Tìm kiếm

-

Bình luận

2.1.3.2 Về phía người quản lí
-

Đăng nhập

-

Đăng suất


-

Thêm,sửa,xóa danh mục

-

Thêm, sửa,xóa sản phẩm

-

Sửa , xóa thơng tin khách hàng

-

Xem chi tiết hóa đơn

2.1.4 u cầu phía chức năng
-

Giao diện thân thiện, dễ sử dụng

-

Tốc độ truy cập trang web nhanh

2.1.5 Mơ hình hóa u cầu (Unified Modeling Language - UML)

2.1.5.1 Xác định tác nhân
-

Khách hàng

-

Người quản lí

2.1.5.2 Xác định ca sử dụng
-

Đăng kí tài khoản

-

Đăng nhập

-

Đăng suất

-

Xem danh sách sản phẩm

-

Xem chi tiết sản phẩm

-

Thêm vào giỏ hàng

-

Xóa giỏ hàng

-

Thanh tốn

-

Tìm kiếm

-

Bình luận

-

Nhận thơng báo

-

Thêm,sửa,xóa danh mục

-

Thêm, sửa,xóa sản phẩm

-

Sửa , xóa thơng tin khách hàng

-

Xem chi tiết hóa đơn

2.1.5.3 Biểu đồ user-case:


Hình 3 : Sơ đồ user-case tổng quát


2.1.5.4 Biểu đồ hoạt động

Hình 4 : Biểu đồ hoạt động đăng kí


Hình 5 Biểu đồ hoạt động đăng nhập

2.2 Cở sở dữ liệu
2.2.1 Công cụ truy vấn cơ sở dữ liệ
-

MySQLi (hay MySQL Improved) extension là một phần mở rộng (còn được gọi là thư
viện hay mô-đun) được phát triển dành cho ngơn ngữ PHP giúp lập trình viên có thể dễ
dàng kết nối tới cơ sở dữ liệu MySQL. Thông Thường thì MySQL extension sẽ được cài
đặt mặc định khi bạn cài PHP trên máy tính.

2.2.2 Cơng cụ thiết kế cơ sở dữ liệu
- Sử dụng phần mềm Xampp để thiết kế cở sở dữ liệu
2.2.3 Phân tích cơ sở dữ liệu
- Cơ sở dữ liệu web thời trang gồm các bảng


Danh mục
Tên trường
Id danh mục
Tên danh mục

Kiểu
Mô tả
Int(11)
Mã danh mục
Varchar(145)
Tên danh mục
Bảng 1: Bảnh danh mục
Bình luận

Tên trường
Id comment
Id sp
Id user

Comment
Date

Kiểu
Int(11)
Int(11)
Int(11)
Text
Date

Mơ tả
Mã bình luận
Mã sản phẩm
Mã khách hàng
Nội dung bình luận
Thời gian bình luận
Bảng 2: Bảng bình luận

Đặt hàng
Tên trường
Id order
Id user
Địa chỉ user
Điện thoại user
Trạng thái
Date oder
Date Re

Kiểu
Mô tả

Int(11)
Mã đặt hàng
Int(11)
Mã khách hàng
Varchar(255)
Địa chỉ người đặt hàng
Varchar(255)
Số điện thoại khách hàng
Varchar(255)
Đã được giao hoặc chưa giao
Varchar(255)
Ngày đặt hàng
Varchar(255)
Ngày nhận hàng
Bảng 3: Bảng đặt hàng
Chi tiết đặt hàng

Tên trường
id
Id order
Id sp
Số lượng
Giá

Kiểu
Mô tả
Int(11)
Mã đặt hàng chi tiết
Int(11)
Mã đặt hàng

Int(11)
Mã sản phẩm
Int(11)
Số lượng sản phẩm
Int(11)
Giá sản phẩm
Bảng 4: Bảng chi tiết đặt hàng

Sản phẩm
Tên trường
Id sp
Tên sp
Id danh mục
Nhãn hiệu
Giá sp
Chi tiết sp
image

Kiểu
Mô tả
Int(11)
Mã sp
Varchar(255)
Tên sp
Int(11)
Mã danh mục
Varchar(255)
Tên nhãn hiệu của sản phẩm
Int(11)
Giá sản phẩm

Varchar(255)
Mô tả sản phẩm
Varchar(255)
Ảnh sản phẩm
Bảng 5: Bảng sản phẩm
Trả lời bình luận


Tên trường
id
Id user
Id comment
Recomment
Date

Kiểu
Mơ tả
Int(11)
Mã trả lời bình luận
Int(11)
Mã khách hàng
Int(11)
Mã bình luận
Text
Nội dung trả lời
Varchar(255)
Ngày trả lời bình luận
Bảng 6: Bảng trả lời bình luận
Bảng user

Tên trường
Id user
Email
Pass
Date
Name
Phone
Address

Kiểu
Int(11)
Varchar(255)
Varchar(255)
Datetime
Varchar(255)
Varchar(255)
Varchar(255)
Bảng 7: Bảng user

Mô tả
Mã khách hàng
Email khách hàng
Mật khẩu khách hàng
Ngày khách hàng đăng kí
Tên khách hàng
Điện thoại khách hàng
Địa chỉ khách hàng

Mối quan hệ giữa các bảng:

Hình 6: Mối quan hệ của các bảng trong cơ sở dữ liệu


Chương 3

Triển khai xây dựng

Hình 7 : Trang chủ


Hình 8: Trang đăng nhập, đăng ký

Hình 9: Trang xem chi tiết sản phẩm , bình luận đánh giá sản phẩm ,thêm vào giỏ hàng


Hình 10: Trang giỏ hàng

Hình 11: Trang thanh tốn


Hình 14: Trang chủ admin

Hình 15: Trang xem danh sách người dùng


Hình 16 : Xem danh sách danh mục

Hình 17: Xem danh sách sản phẩm

Hình 18 : Xem đơn hàng

Kết luận:
Qua quá trình thực hiện đồ án và các kiến thức trong thời gian đã học tại trường, nhóm em đã
tìm hiểu và nắm được quy trình để làm được một website với đầy đủ chức năng và có thể chủ
động trong việc tìm kiếm các thơng tin để phục vụ cơng việc.
Đồ án cơ bản đã xử lí hết các chức năng cơ bản theo yêu cầu của một website bán hàng: Mua
hàng hóa,đánh giá sản phẩm,theo dõi chi tiết hóa đơn.Admin có quyền thêm ,sửa , xóa danh
mục, sản phẩm ,kiểm soát theo quyền của người quản trị.
Hướng phát triển tiếp theo của đồ án là tích hợp nhiều phức thanh tốn trực tuyến, tìm kiếm
thơng tin sản phẩm theo giá ,xây dựng giao diện thân thiện hơn , dễ sử dụng hơn, sẽ thêm phần
cho người dung đăng sản phẩm để admin có thể kiểm duyệt giúp cho người dùng dễ dàng hơn
trong việc thực hiện mua và bán

PHỤ LỤC


DANH MỤC TÀI LIỆU THAM KHẢO
1) Hướng dẫn PHP :
/>2) Web Nowsaigon
/>3) Web TSUN