Xây dựng website bán giày thể thao MAGA

ĐẠI HỌC ĐÀ NẴNG
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

ĐỒ ÁN CHUYÊN NGÀNH
NGÀNH HỆ THỐNG THÔNG TIN QUẢN LÝ
ĐỀ TÀI:
Xây dựng website bán giày thể thao MAGA

Giáo viên hướng dẫn
Sinh viên thực hiện
Mã sinh viên
Lớp học phần

:
:
:
:

TS. Hoàng Thị Mỹ Lệ
Trần Nguyên Vỹ
151250543145
218DTNHQ01

Đà nẵng, tháng 6, năm 2019


Đề tài: Xây dụng website bán giày thể thao MAGA

SVTH: Trần Nguyên Vỹ

LỜI CẢM ƠN

Lời đầu tiên, em xin gởi lời cảm ơn chân thành đến giáo viên hướng dẫn
TS. Hoàng Thị Mỹ Lệ. Trong suốt thời gian học và làm đồ án tốt nghiệp đã tận
tình hướng dẫn, định hướng và giúp đỡ cho em trong suốt quá trình thực hiện đề
tài tốt nghiệp này.
Đồng thời, em cũng xin cảm ơn các quý thầy cô trong trường Đại Học Sư
Phạm Kỹ Thuật - Đại Học Đà Nẵng nói đã truyền đạt những kiến thức cần thiết và
những kinh nghiệm quý báu cho em trong suốt thời gian còn ngồi trên giảng
đường để em có thể thực hiện tốt đề tài này. Trong quá trình thực hiện đề tài, do
kiến thức và thời gian thực hiện còn hạn chế nên không thể tránh khỏi những sai
sót và thiếu sót. Vì vậy em mong quý thầy cô thông cảm và góp ý để em có thể
hoàn thiện đề tài. Và những lời góp ý đó là những bước đệm để em có thể phát
triển hơn sau này.
Em xin kính chúc toàn thể quý thầy, cô cùng toàn thể sinh viên Đại Học Sư
Phạm Kỹ Thuât – Đại Học Đà Nẵng lời chúc sức khỏe và thành công trong công
tác giảng dạy và học tập.
Em xin chân thành cảm ơn!
Đà nẵng, , Tháng 06, Năm 2019
Sinh viên thực hiện
Trần Nguyên Vỹ

2


Đề tài: Xây dụng website bán giày thể thao MAGA

SVTH: Trần Nguyên Vỹ

Mục lục

3

Đề tài: Xây dụng website bán giày thể thao MAGA

SVTH: Trần Nguyên Vỹ

MỞ ĐẦU
Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một
trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tổ chức,
cũng như của các công ty, nó đóng vai trò hết sức quan trọng, có thể tạo ra những bước
đột phá mạnh mẽ.
Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, công
nghệ thông tin cũng được những công nghệ có đẳng cấp cao và lần lượt chinh phục hết
đỉnh cao này đến đỉnh cao khác. Mạng Internet là một trong những sản phẩm có giá trị
hết sức lớn lao và ngày càng trở nên một công cụ không thể thiếu, là nền tảng chính cho
sự truyền tải, trao đổi thông tin trên toàn cầu.
Trong hoạt động sản xuất, kinh doanh, giờ đây, thương mại điện tử đã khẳng định
được vai trò xúc tiến và thúc đẩy sự phát triển của doanh nghiệp. Đối với một cửa hàng
hay shop, việc quảng bá và giới thiệu đến khách hàng các sản phẩm mới đáp ứng được
nhu cầu của khác hàng sẽ là cần thiết. Vậy phải quảng bá thế nào đó là xây dựng được
một Website cho cửa hàng của mình quảng bá tất cả các sản phẩm của mình bán.
Vì vậy đề tài “Xây dựng website bán giày thể thao MAGA” sẽ thực hiện xây
dựng hệ thống website quản lý bán hàng nhằm mục đích phục vụ công tác quản lý kinh
doanh online mặt hàng giày thể thao ở một cửa hàng bán giày một cách hiệu quả, đáp ứng
các yêu cầu của cửa hàng này đề ra và có thể áp dụng tại các cửa hàng hàng khác.

4


Đề tài: Xây dụng website bán giày thể thao MAGA

SVTH: Trần Nguyên Vỹ

CHƯƠNG I: TỔNG QUAN ĐỀ TÀI
1. Lý do chọn đề tài
Trong những năm gần đây, cùng với sự nâng cao của chất lượng cuộc sống con
người, nhu cầu mua sắm trang phục, phụ kiện, đặc biệt là giày càng được đề cao và coi
trọng. Giờ đây, chúng ta không chỉ coi giày là phương tiện để di chuyển mà còn được coi
như một công cụ để thể hiện cá tính và phong cách thời trang của bản thân. Nhất là lứa
tuổi thanh thiếu niên, những người năng động và mạnh mẽ, họ cần có cho mình những
đôi giày thật đẹp để mang lại sự tự tin và thoải mái khi bước đi.
Như chúng ta đã thấy trong thị trường hiện nay thì việc cạnh tranh về kinh doanh ngày
trở nên quyết liệt và hầu hết những cửa hàng vừa và lớn đều chú tâm đến việc làm khách
hàng thỏa mãn và tiện lợi một cách tốt nhất. Biết được những nhu cầu đó, đề tài “Xây
dựng website bán bán giày thể thao MAGA” được xây dựng nhằm đáp ứng cho mọi
người tiêu dùng khắp cả nước và thông qua hệ thống website này họ có thể đặt mua các
mặt hàng hay sản phẩm cần thiết. Không những thế nó còn giúp cửa hàng có thể quản lý
tốt việc mua bán giúp mang lại lợi ích kinh doanh hiệu quả hơn.
2. Mục tiêu và nhiệm vụ của đề tài
2.1. Mục tiêu
Đây là website nhằm bán và giới thiệu rộng rãi các mặt hàng của công ty đến người
tiêu dùng với các chi tiết mặt hàng cũng như giá cả một cách chính xác nhất. Nhờ website
này mà việc mua và bán trở nên thuận tiện và nhanh chóng hơn bởi những thao tác đơn
giản và giao diện ưa nhìn, người quản lý thì có thể dễ dàng quản lý cửa hàng và đơn hàng
thuận tiện hơn.
Điều quan trọng trong trang web mua bán trền mạng là phải đảm bảo an toàn tuyệt đối
những thông tin liên quan đến người dùng trong quá trình đặt hàng hay thanh toán.
2.2. Nhiệm vụ
- Nghiên cứu và nắm vững quá trình xây dựng một website hoàn chỉnh.
- Nghiên cứu các công cụ, được sử dụng để xây dựng website: Phpmyadmin,

Sublime text, Laravel frame work.

5


Đề tài: Xây dụng website bán giày thể thao MAGA

SVTH: Trần Nguyên Vỹ

3. Đối tượng và phạm vi nghiên cứu
3.1. Hệ thống phục vụ cho 3 đối tượng người dùng chính:
- Người quản lý
- Nhân viên
- Khách hàng
3.2. Phạm vi đề tài
Sử dụng cho cửa hàng giày thể thao MAGA để quản lý việc kinh doanh
online và người quản trị trực tiếp điều hành hệ thống website này.
4. Phương pháp nghiên cứu và lựa chọn giải pháp công nghệ
4.1.
-

Phương pháp nghiên cứu
Nghiên cứu những vấn đề quản trị ở những shop bán giày thể thao vừa và
nhỏ, trên phạm vi thành phố Đà Nẵng.

-

Chọn ra những thông tin cần thiết cho yêu cầu của đề tài.

-

Vận dụng kĩ năng và kiến thức đã học.

4.2.
-

Lựa chọn giải pháp công nghệ
Công cụ lập trình: Sublime Text 3 + Laravel Framework v.5.4.36 để xây dựng
chương trình.

-

Cơ sở dữ liệu: phpMyAdmin v.4.8.4 để thiết kế cơ sở dữ liệu.

5. Tổng kết
Nội dung đồ án bao gồm:
- Chương I: Tổng quan đề tài.
- Chương II: Phân tích thiết kế hệ thống
- Chương III: Xây dựng dựng chương trình.
- Chương IV: Kết quả triển khai hệ thống website.
- Kết luận và hướng phát triển.
- Phụ lục.

6


Đề tài: Xây dụng website bán giày thể thao MAGA

SVTH: Trần Nguyên Vỹ

Chương II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG
1. Đối tượng sử dụng hệ thống
Website bán giày thể thao MAGA hoạt động chủ yếu phục vụ cho 4 đối tượng người
dùng chính: Người quản lý, Khách hàng, Nhân viên giao hàng, Nhân viên kho.
1.1. Người quản lý
- Cập nhật hàng.
- Cập nhật người dùng.
- Xử lý đơn hàng.
1.2. Nhân viên kho
- Nhập hàng.
- Xem danh sách đơn hàng.
- Cập nhật tình trạng đơn hàng.
1.3. Nhân viên giao hàng
- Xem danh sách đơn hàng.
1.4. Khách hàng
- Đăng ký thành viên.
- Đăng nhập .
- Cập nhật thông tin cá nhân.
- Xem, tìm kiếm sản phẩm.
- Đặt hàng.
2. Phân tích thiết kế
2.1. Yêu cầu chất lượng
- Giao diện đơn giản, dễ sử dụng.
- Ngôn ngữ tiếng Việt.
- Có tính bảo mật, an toàn.
- Tốc độ xử lý nhanh chóng, dễ dàng.

2.2. Yêu cầu chức năng
2.2.1. Tổng quát chức năng

7


Đề tài: Xây dụng website bán giày thể thao MAGA

SVTH: Trần Nguyên Vỹ

Biểu đồ và bảng tổng quát chức năng sau đây sẽ mô tất cả các tác nhân tham gia
vào hệ thống quản lý của website bán giày thể thao MAGA. Mỗi tác nhân sẽ có một vai
trò
Tác nhân

Mô tả

Người quản lý

Nhân viên kho
Nhân viên giao hàng

Có quyền truy cập nhật(thêm,sửa, xóa) thông tin tất cả các
modules, xử lý các đơn hàng và theo dõi đơn hàng sau khi
đã được xử lý
Có quyền truy cập, nhập số lượng hàng mới từ kho vào hệ
thống, xem danh sách đơn hàng và cập nhật tình trạng đơn
hàng…
Có quyền truy cập và xem danh sách đơn hàng.

Có quyền truy cập, đăng ký, chỉnh sửa thông tin cá nhân
tìm kiếm và xem sản phẩm, chọn và đặt mua những sản
Khách hàng

phẩm phù hợp với nhu cầu. Ngoài ra còn có thể các hình
thức thanh toán khác nhau…
khác nhau trong hệ thống. Hiện tại chúng ta có các tác nhân: Người quản lý, Khách
hàng, Nhân viên kho, nhân viên giao hàng.

Bảng 2.2.1. Bảng tổng quát các chức năng của hệ thống.

8


Đề tài: Xây dụng website bán giày thể thao MAGA

SVTH: Trần Nguyên Vỹ

2.2.2. Sơ đồ USE CASE

Hình 2.2.2. Sơ đồ Use Case

9


Đề tài: Xây dụng website bán giày thể thao MAGA

2.3.

SVTH: Trần Nguyên Vỹ

Thiết kế cơ sở dữ liệu
2.3.1. Cấu trúc các bảng trong cơ sở dữ liệu
1. Mặt hàng

2. Thương hiệu

3. Sản phẩm

10


Đề tài: Xây dụng website bán giày thể thao MAGA

SVTH: Trần Nguyên Vỹ

4. Khách hàng

5. Users
11


Đề tài: Xây dụng website bán giày thể thao MAGA

SVTH: Trần Nguyên Vỹ

6. Đơn hàng

12


Đề tài: Xây dụng website bán giày thể thao MAGA

SVTH: Trần Nguyên Vỹ

7. Chi tiết đơn hàng

13


Đề tài: Xây dụng website bán giày thể thao MAGA

8.

Nhập hàng

2.3.2. Sơ đồ thực thể quan hệ (ERD)

SVTH: Trần Nguyên Vỹ


Đề tài: Xây dụng website bán giày thể thao MAGA

SVTH: Trần Nguyên Vỹ

Hình 5. Sơ đồ thực thể quan hệ.

CHƯƠNG III. XÂY DỰNG CHƯƠNG TRÌNH
1. Công cụ xây dựng chương trình
1.1. Laravel Framework
1.1.1. Laravel là gì ?
Laravel là một PHP framework mã nguồn mở và miễn phí, được phát triển
bởi Taylor Otwell và nhắm vào mục tiêu hỗ trợ phát triển các ứng dụng web theo
kiếm trúc model-view-controller (MVC). Những tính năng nổi bật của Laravel

Đề tài: Xây dụng website bán giày thể thao MAGA

SVTH: Trần Nguyên Vỹ

bao gồm cú pháp dễ hiểu – rõ ràng , một hệ thống đóng gói modular và quản lý
gói phụ thuộc, nhiều cách khác nhau để truy cập vào các cơ sở dữ liệu quan hệ,
nhiều tiện ích khác nhau hỗ trợ việc triển khai vào bảo trì ứng dụng.
1.1.2. Mô hình MVC
MVC là viết tắt của ba từ Model - View - Controller. Trong đó:
+ Model: Cấu trúc dữ liệu theo cách tin cậy và chuẩn bị dữ liệu theo lệnh của

controller
+ View: Hiển thị dữ liệu cho người dùng theo cách dễ hiểu dựa trên hành động

của người dùng.
+ Controller: Nhận lệnh từ người dùng, gửi lệnh đến cho Model để cập nhập

dữ liệu, truyền lệnh đến View để cập nhập giao diện hiển thị.

Hình
thức hoạt

1.1.2. Sơ đồ mô tả cách
động của mô hình MVC

1.2

.

Tổng quan về hệ quản trị cơ sở dữ liệu MySQL.
MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới
và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng. Vì
MySQL là cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển,
hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất


Đề tài: Xây dụng website bán giày thể thao MAGA

SVTH: Trần Nguyên Vỹ

mạnh. Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có
truy cập CSDL trên internet. MySQL miễn phí hoàn toàn cho nên bạn có thể tải về
MySQL từ trang chủ. Nó có nhiều phiên bản cho các hệ điều hành khác nhau:
phiên bản Win32 cho các hệ điều hành dòng Windows, Linux, Mac OS
X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS,…
MySQL là một trong những ví dụ rất cơ bản về Hệ Quản trị Cơ sở dữ liệu
quan hệ sử dụng Ngôn ngữ truy vấn có cấu trúc (SQL).
MySQL được sử dụng cho việc bổ trợ PHP, Perl, và nhiều ngôn ngữ khác,
nó làm nơi lưu trữ những thông tin trên các trang web viết bằng PHP hay Perl,…
1.3.

Sublime Text.
Sublime Text là một text editor được viết bằng ngôn ngữ lập trình

Python và có thể được sử dụng trên nhiều nền tảng hệ điều hành khác nhau như
Windows, Mac, Linux. Sublime Text hỗ trợ nhiều ngôn ngữ lập trình và là
một phần mềm có thể được sử dụng miễn phí tuy nhiên cũng có phiên bản trả
phí của Sublime Text

1.4. Boostrap và Responsive
Bootstrap là front-end framework, là một bộ sưu tập miễn phí các công
cụ để tạo ra các trang web và các ứng dụng web. Bootstrap bao gồm HTML và
CSS dựa trên các mẫu thiết kế cho kiểu chữ, hình thức, các button và các thành
phần giao diện khác, cũng như mở rộng tùy chọn JavaScript. Boostrap định
nghĩa sẵn các class CSS giúp người thiết kế giao diện website tiết kiệm rất
nhiều thời gian. Các thư viện Bootstrap có những đoạn mã sẵn sàng cho chúng
ta áp dùng vào website của mình mà không phải tốn quá nhiều thời gian để tự
viết. Với Bootstrap, việc phát triển giao diện website để phù hợp với đa thiết bị
trở nên dễ dàng hơn bao giờ hết. Bootstrap cung cấp tính năng responsive và
mobile first, nghĩa là làm cho trang web có thể tự co giãn để tương thích với
mọi thiết bị khác nhau, từ điện thoại di động đến máy tính bảng, máy tính xách
tay, máy tính để bàn,... Một khía cạnh khác là responsive web design làm cho


Đề tài: Xây dụng website bán giày thể thao MAGA

SVTH: Trần Nguyên Vỹ

trang web cung cấp được trải nghiệm tuyệt vời cho người dùng trên nhiều thiết
bị, kích thước màn hình khác nhau. Một trang có thể hoạt động tốt bất kể sự
biến đổi sẽ cung cấp một trải nghiệm người dùng tốt và nhất quán hơn một
trang được thiết kế cho một loại thiết bị và kích thước màn hình cụ thể.

2. Một số giao diện của chương trình
2.1. Giao diện trang chủ


Đề tài: Xây dụng website bán giày thể thao MAGA

2.1.1 Trang chủ

SVTH: Trần Nguyên Vỹ


Đề tài: Xây dụng website bán giày thể thao MAGA

2.1.2. Trang chi tiết sản phẩm

SVTH: Trần Nguyên Vỹ


Đề tài: Xây dụng website bán giày thể thao MAGA

SVTH: Trần Nguyên Vỹ


Đề tài: Xây dụng website bán giày thể thao MAGA

2.1.3 Trang đặt hàng

SVTH: Trần Nguyên Vỹ


Đề tài: Xây dụng website bán giày thể thao MAGA

2.2.

Giao diện trang admin

2.2.1. Trang chủ

2.2.2. Trang cập nhật mặt hàng

SVTH: Trần Nguyên Vỹ


Đề tài: Xây dụng website bán giày thể thao MAGA

2.2.3. Trang cập nhật sản phẩm

SVTH: Trần Nguyên Vỹ


Đề tài: Xây dụng website bán giày thể thao MAGA

SVTH: Trần Nguyên Vỹ