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

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 : TS.. MỞ ĐẦUNgày nay, ứng dụng côn

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 : TS Hoàng Thị Mỹ Lệ

Sinh viên thực hiện : 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ệnTrần Nguyên Vỹ

Mục lục

MỞ ĐẦU 5

CHƯƠNG I: TỔNG QUAN ĐỀ TÀI 6

1 Lý do chọn đề tài 6

2 Mục tiêu và nhiệm vụ của đề tài 6

2.1 Mục tiêu 6

2.2 Nhiệm vụ 6

3 Đối tượng và phạm vi nghiên cứu 7

3.1 Hệ thống phục vụ cho 3 đối tượng người dùng chính: 7

3.2 Phạm vi đề tài 7

4 Phương pháp nghiên cứu và lựa chọn giải pháp công nghệ 7

4.1 Phương pháp nghiên cứu 7

4.2 Lựa chọn giải pháp công nghệ 7

5 Tổng kết 7

Chương II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 8

1 Đối tượng sử dụng hệ thống 8

2 Phân tích thiết kế 8

2.1 Yêu cầu chất lượng 8

2.2 Yêu cầu chức năng 9

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

CHƯƠNG III XÂY DỰNG CHƯƠNG TRÌNH 16

1 Công cụ xây dựng chương trình 16

1.1 Laravel Framework 16

1.2 Tổng quan về hệ quản trị cơ sở dữ liệu MySQL 17

1.3 Sublime Text 18

1.4 Boostrap và Responsive 18

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

Chương IV KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 28

1 Kết luận 28

2 Hướng phát triển 28

TÀI LIỆU THAM KHẢO 29

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ộttrong 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ôngnghệ 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ànghay 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 đượcnhu 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 đượcmộ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ý kinhdoanh 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.

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 conngười, nhu cầu mua sắm trang phục, phụ kiện, đặc biệt là giày càng được đề cao và coitrọng Giờ đây, chúng ta không chỉ coi giày là phương tiện để di chuyển mà còn được coinhư 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ứatuổ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àytrở 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áchhà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âydựng website bán bán giày thể thao MAGA” được xây dựng nhằm đáp ứng cho mọingườ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ácmặ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ườitiê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ờ websitenà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 đơngiả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àngthuậ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 đốinhữ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

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:

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âydự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

Chương II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG

1.3 Nhân viên giao hàng

- Xem danh sách đơn hàng

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

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ò 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.

2.2.2 Sơ đồ USE CASE

Hình 2.2.2 Sơ đồ Use Case

2.3 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

4 Khách hàng

5 Users

6 Đơn hàng

7 Chi tiết đơn hàng

8 Nhập hàng

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

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ểnbở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

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 1.1.2 Sơ

đồ mô tả cách thức hoạt động

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ấtmạ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ệuquan 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ìnhPython 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ànhphần giao diện khác, cũng như mở rộng tùy chọn JavaScript Boostrap địnhnghĩ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ớimọ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áchtay, máy tính để bàn, Một khía cạnh khác là responsive web design làm chotrang 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ộttrang đượ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ủ

2.1.1 Trang chủ

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

2.1.3 Trang đặt hàng

2.2 Giao diện trang admin

2.2.1 Trang chủ

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

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

2.2.4 Trang xử lý đơn hàng

2.2.5 Trang nhập hàng

2.2.6 Trang thêm người dùng

Chương IV KẾT LUẬN VÀ HƯỚNG PHÁT

TRIỂN

1 Kết luận

Mặc dù đã có nhiều cố gắng, tìm hiểu và tra cứu các tài liệu chuyên nghành

cùng kết hợp với những kiến thức đã học tại trường lớp nhưng đề tài “Xây dựng website bán giày thể thao MAGA” do hạn chế thời gian, khả năng và kinh nghiệm

nên không tránh khỏi những thiếu sót nhất định, tuy nhiên với đề tài này em đã hoànthành các yêu cầu đặt ra như sau đây:

- Giao diện trang chủ thân thiện, bắt mắt, giúp người truy cập dễ dàng thao tác

- Khách hàng có thể đăng ký thành viên, và đăng nhập để mua hàng

- Hiện thị nội dung các danh mục sản phẩm, các sản phẩm được khuyến mãimột cách rõ ràng

- Xây dựng quản trị viên cho phép việc thêm mới, hiệu chỉnh, xóa bỏ các sảnphẩm, mặt hàng, người dùng…

- Xây dựng quản lý đơn hàng bao gồm các phần xóa và thực hiện giao dịch theođơn đặt hàng của khách hàng

- Các form nhập liệu được bẫy lỗi cho các trường

2 Hướng phát triển

- Nâng cấp việc bảo mật bảo mật hệ thống, đảm bảo tính an toàn dữ liệu cao, có

thể lưu được lượng dữ liệu lớn

- Mở rộng hê thống để có thể quản lí nhiều cửa hàng khác.

- Tiếp tục hoàn thiện và xây dựng thêm các chức mới cho website

TÀI LIỆU THAM KHẢO

[1] Trung tâm đào tạo tin học Khoa Phạm, khoapham.vn/

[2] Cộng đồng Viblo Asia, viblo.asia/.

[3] Trang bách khoa toàn thư, vi.wikipedia.org/.

[4] Tự học lập trình Laravel framework cơ bản, vietpro.net.vn/.