ĐỒ án tốt NGHIỆP WEBSITE bán HÀNG điện tử (2)

- Từ những phần mềm quản lý giúp cho công việc bán hàng của cở hàng trở nên nhanh chóng và dễ dàng, ngày nay công nghệ thông tin đã phát triển mạnh mẽ hơn nữa, Website ra đời không chỉ đ

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN &

TRUYỀN THÔNG VIỆT HÀN

Khoa Khoa Học Máy Tính

BÁO CÁO ĐỒ ÁN TỐT NGHIỆP

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN &

TRUYỀN THÔNG VIỆT HÀN

Khoa Khoa Học Máy Tính

BÁO CÁO ĐỒ ÁN TỐT NGHIỆP

NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

LỜI CẢM ƠN

Để hoàn thành bài báo cáo này, trước hết, em xin cảm ơn các thầy cô giáo khoa công nghệ thông tin Trường Đại học CNTT và Truyền Thông Việt - Hàn, em đã nhận được rất nhiều sự quan tâm, giúp đỡ của quý thầy cô cùng bạn bè Em cũng xin gửi lời cảm ơn đến ban giám hiệu nhà trường đã tạo điều kiện tốt nhất cho em củng như các bạn trong suốt thời gian học tập và làm đồ án tốt nghiệp

Em xin chân thành cảm ơn cô Trần Thu Thủy đã trang bị cho em những kiến thức chuyên môn trong thời gian vừa qua, và giúp em hiểu rỏ hơn cái lĩnh vực đã nghiên cứu để hoàn thành đề tại được giao

Với điều kiện thời gian có hạn, kiến thức còn hạn chế, bài báo cáo này không thể tránh được những sai sót Em rất mong nhận được ý kiến đóng góp của các quý thầy

cô và nhà trường để em có thêm kinh nghiệm và bổ sung kiến thức bản thân, và tiếp tục phát triển đồ án của mình

Em xin chân thành cảm ơn!

Sinh viên,

Trần Huỳnh Lợi

MỤC LỤC

DANH MỤC CÁC TỪ VIẾT TẮT vi

MỞ ĐẦU Error! Bookmark not defined Chương 1 TỔNG QUAN VỀ ĐỀ TÀI … 2

1.1 Tên đề tài 2

1.2 Lý do chọn đề tài 2

1.3 Nhiệm vụ 2

1.4 Mục đích nghiên cứu 2

1.5 Định hướng giải quyết 3

1.6 Ý nghĩa thực tiển của tôi 3

Chương 2 CÔNG CỤ CÔNG NGHỆ SỬ DỤNG … 4

2.1 Công cụ, công nghệ sử dụng 4

2.1.1.Laravel 4

2.1.2 MySQL 5

2.1.3 Bootstrap 5

2.1.4 Javascript 6

2.1.5 Xampp 7

2.1.2 Sublime Text 3 7

Chương 3 PHÂN TÍCH MÔ HÌNH HỆ THỐNG … 8

3.1 Phân tích yêu cầu 8

3.1.1 Yêu cầu về chức năng hệ thống 8

3.1.2 Yêu cầu về hình thức 8

3.1.3 Yêu cầu về bảo mật 8

3.2 Phân tích chức năng 9

3.3 Sơ đồ use case 11

3.4 Phân tích cơ sở dữ liệu 18

Chương 4 Kết quả đạt được 19

4.1.Giao diện chung 21

4.1.1 Giao diện trang chủ website 21

4.1.2 Giao diện đăng ký 22

4.1.3 Giao diện đăng nhập 23

4.1.4 Giao diện chi tiết sản phẩm 24

4.1.5 Giao diện bình luận sản phẩm 24

4.1.6 Giao diện giỏ hàng 220

4.1.7 Giao diện trang chủ admin 26

4.1.8 Giao diện danh mục sản phẩm 26

4.1.9 Giao diện quản lý sản phẩm 27

4.1.10 Giao diện thêm sản phẩm 27

4.1.11 Giao diện đăng nhập hệ thống 28

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

5.1 Kết quả đạt được 29

5.1.1 Về phía người quản trị 29

5.1.2.Về phía người dùng 29

5.1.3 Về phía bản thân 29

5.2 Những hạn chế và thiếu sót 29

5.3 Hướng phát triển 30

DANH MỤC CÁC TỪ VIẾT TẮT

VIẾT TẮT NỘI DUNG

PHP Hypertext Preprocessor

LỜI MỞ ĐẦU

nghệ thông tin chúng ta hình dung ngay tới một môi trường phát triển năng động được xếp vào hàng bậc nhất thế giới Công nghệ thông tin được ứng dụng rộng rãi vào mọi lĩnh vực của đời sống xã hội hiện nay

- Từ những phần mềm quản lý giúp cho công việc bán hàng của cở hàng trở nên nhanh chóng và dễ dàng, ngày nay công nghệ thông tin đã phát triển mạnh mẽ hơn nữa, Website

ra đời không chỉ đáp ứng cho các khách hàng đến trực tiếp cửa hàng mua sản phẩm mà

nó còn phục vụ cho những khách hàng ở xa Không những thế, với việc giới thiệu, quảng

bá hình ảnh về của hàng, công ty được mở rộng trên quy mô lớn giúp cho việc kinh doanh, buôn bán, trao đổi tin tức thuận lợi hơn rất nhiều,mang lại hiệu quả kinh tế cao hơn tạo uy tín trong khách hàng

- Chính vì lợi ích mà Website mang lại mà các cửa hàng, nhiều công ty đã áp dụng nó

để phát triển công việc kinh doanh giới thiệu của hàng của mình Trong số đó, hàng điện

tử cũng là một ngành sử dụng nhiều đến Website Do vậy em lựa chọn đề tài thiết Website bán hàng điện tử nhằm đưa khách đến cho khách hàng một địa điểm lý tưởng

trong việc mua sắm hàng điện

Chương 1 TỔNG QUAN VỀ ĐỀ TÀI

1.5 Định hướng giải quyết

Từ các yêu cầu đặt ra của đề tài tiến hành phân tích và đưa ra hướng giải quyết theo các bước sau:

- Tìm hiểu về các website tương tự để xây dựng các chức năng sao cho phù hợp với đa phần thị hiếu của người sử dụng hiện nay

- Tiến hành tìm hiểu về các khái niệm có liên quan và từ các thông tin khảo sát được sẽ tiến hành phân tích các chức năng dự định đưa vào website

- Tìm hiểu về các nội dung cần có của một trang web bán hàng điện tử, từ đó đưa ra các giải pháp để tiến hành xây dựng

- Lựa chọn và cài đặt các công cụ, phần mềm phù hợp cho việc thiết kế website

- Bắt tay vào việc xây dựng website

- Tiến hành kiểm tra và chạy thử

- Thay đổi, bổ sung, khắc phục các lỗi để website hoàn chỉnh hơn

1.6 Ý nghĩa thực tiển của tôi

- Ý nghĩa với doanh nghiệp, cá nhân của website:

Website được xây dựng nhằm giúp quảng bá thông tin sản phẩm , dịch vụ của hệ thống ra ngoài thị trường một cách rộng rãi Qua đó giúp tăng số

lượng khách hàng sử dụng trang web và tăng doanh thu Bên cạnh đó, còn giúp cho doanh nghiệp, cá nhân giảm được chi phí

- Ý nghĩa đối với khách hàng:

Giúp cho người sử dụng có thể nhanh chóng lựa chọn những món hàng mà mình muốn đặt mà không cần đến cửa hàng

- Ý nghĩa đối với cá nhân sinh viên:

Qua đề tài này, em có thể xây dựng một website để ứng dụng vào thực tế với giao diện thân thiện, dễ dàng sử dụng trong quá trình xem thông tin và dễ quản lý

Chương 2 CÔNG CỤ CÔNG NGHỆ SỬ DỤNG

2.1 Công cụ, công nghệ sử dụng

- Ngôn ngữ sử dụng Varavel

- HTML, CSS, Bootstrap, Javascript…

- XAMPP

- Hệ quản trị cơ sở dữ liệu: MySQL

- Phần mềm hỗ trợ viết code: Xampp, Sublime Text 3

2.1.1 Laravel

Laravel là một PHP Framework mã nguồn mở miễn phí, được phát triển bởi Taylor

Otwell với phiên bản đầu tiên được ra mắt vào tháng 6 năm 2011 Laravel ra đời nhằm

mục đích hỗ trợ phát triển các ứng dụng web, dựa trên mô hình MVC (Model – View – Controller)

Laravel hiện được phát hành theo giấy phép MIT, với source code được lưu trữ tại

Gitthub

Mặc dù ra đời muộn hơn so với các đối thủ, tuy nhiên Laravel đã thật sự tạo thành một

làn sóng lớn, được đánh giá tốt và sử dụng rộng rãi nhất hiện nay Biểu đồ dưới đây cho

thấy sự tăng trưởng về số lượng sao trên Github của Laravel so với các Framework

khác

2.1.2 MySQL

Microsoft SQl server là một hệ quản trị cơ sở dữ liệu quan hệ (relational database

management system – RDBMS) do Microsoft phát triển SQL Server là một hệ quản trị

cơ sở dữ liệu quan hệ mạng máy tính hoạt động theo mô hình khách chủ cho phép đồng thời cùng lúc có nhiều người dùng truy xuất đến dữ liệu, quản lý việc truy nhập hợp lệ

và các quyền hạn của từng người dùng trên mạng Ngôn ngữ truy vấn quan trọng của Microsoft SQL server là Transact-SQL Transact-SQL là ngôn ngữ SQL mở rộng dựa trên SQL chuẩn của ISO (International Organization for Standardization) và

ANSI (American National Standards Institute) được sử dụng trong SQL Server

2.1.3 Bootstrap

Bootstrap là một bộ sưu tập miễn phí của các mã nguồn mở và công cụ dùng để tạo ra

một mẫu webiste hoàn chỉnh Với các thuộc tính về giao diện được quy định sẵn như kích thước, màu sắc, độ cao, độ rộng…, các designer có thể sáng tạo nhiều sản phẩm mới mẻ nhưng vẫn tiết kiệm thời gian khi làm việc với framework này trong quá trình thiết kế giao diện website

Bootstrap cho phép quá trình thiết kế website diễn ra nhanh chóng và dễ dàng hơn dựa

trên những thành tố cơ bản sẵn có như typography, forms, buttons, tables, grids, navigation, image carousels…

2.1.4 Javascript

JavaScript là ngôn ngữ phổ biến nhất Tập lệnh (script) được bao gồm trong HTML

document hoặc được tham chiếu bởi HTML document, sẽ được trình duyệt biên dịch và

thực thi Có thể tương tác với người dùng, kiểm soát trình duyệt và tạo nội dung HTML động

– Cơ chế phía máy khách JavaScript (JavaScript client-side) cung cấp nhiều lợi thế hơn các kịch bản lệnh phía máy chủ CGI (CGI server-side) truyền thống Ví dụ: bạn có thể

sử dụng JavaScript để xem liệu người dùng đã nhập địa chỉ email hợp lệ vào form hay chưa Mã JavaScript được thực hiện khi người dùng gửi form, và chỉ được thực thi nếu tất cả các mục nhập hợp lệ và được gửi đến Web Server Điều này sẽ giúp giảm tải xử

lý ở Web Server

– Với JavaScript, bạn có thể tương tác với khi dùng khi họ sử dụng website, chẳng hạn như khi click chuột vào button, click vào liên kết, thay đổi kích thước website,… Dưới đây là một số ví dụ về những gì JavaScript có thể làm

2.1.5 Xampp

Xampp Là phần mềm web server thuộc bản quyền của GNU General Public Licence,

XAMPP do Apache Friends phân phối và phát triển Đây là chương trình tạo máy chủ Web (Web Server) được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server

và các công cụ như phpMyAdmin

2.1.6 Sublime Text 3

Sublime text 3 là phiên bản mới nhất của chương trình soạn thảo văn bản được sử dụng

nhiều nhất bởi web developers, coders, và programmers Nó sẵn có cho Mac, Windows, Linux và cho phép tải về và sử dụng miễn phí Trong bài viết này chúng ta sẽ cùng nhau tìm hiểu về hướng dẫn sử dụng Sublime Text 3 cho web developer, phím tắt hữu ích và hơn thế nữa

Chương 3 PHÂN TÍCH MÔ HÌNH HỆ THỐNG

3.1 Phân tích yêu cầu

3.1.1.Yêu cầu về chức năng hệ thống

-Về phía người dùng (user):

+ đăng ký, đăng nhập + Xem chi tiết sản phẩm + Tìm kiếm sản phẩm + Chọn hàng, mua hàng và thanh toán + Bình luận, đánh giá sản phẩm + Thêm vào giỏ hàng, cập nhật giỏ hàng + Lọc sản phẩm

+…

-Về phía nhà cung cấp:

-Về phía quản trị (admin)

+ Đăng nhập: Thông tin đăng nhập có sẵn của quản trị viên sẽ được tạo sẵn khi website được đưa vào sử dụng

+ Thống kê: Thống kê doanh thu , thống kê sản phẩm và số lượng sản phẩm bán ra

+ Quản lý danh mục: Quản lý, thêm sửa, xóa, danh mục + Quản lý sản phẩm: Quản lý, thêm sửa, xóa, sản phẩm + Quản lý thành viên: Quản lí lượng khách hàng đăng kí và sử dụng website

+ Quản lý đơn hàng: Kiểm tra tình trạng đơn hàng , kiểm duyệt thông tin và giao hàng cho khách hàng đặt hàng

+ Cập nhật giao diện, quảng cáo website

3.1.2.Yêu cầu về hình thức

-Giao diện thân thiện, dễ dùng

-màu sác hài hóa

-Bố cục các chức năng hợp lý

-cho pháp người dùng chọn nhanh các sản phầm thông qua danh sách có sẵn

3.1.3.Yêu cầu về bảo mật:

-Về phía người dùng: cần phải đăng nhập để mua hàng, củng như bình luận và đánh giá sản phẩm, nếu chưa có tài khoản thì có thể đăng ký…

-Về phía người quản trị: đăng nhập để quản lý dữ liệu website

3.2.Phân tích chức năng

3.2.1.Sơ đồ chức năng quản lý admin:

Hình 3.2.1.Sơ đồ chức năng admin

Trang quản trị Đăng nhập

Khách hàng

Đơn hàng

Bình luận

Thêm, sửa, xóa

Đổi mật khẩu Kiểm tra, xóa

3.2.2.Sơ đồ chức năng của khách hàng:

Hình 3.2.2.Sơ đồ chức năng của khách hàng

Sản phẩm Tìm kiếm

3.3 Sơ đồ use case

3.3.1 Sơ đồ use case tổng quát

Hình 3.3.1 Sơ đồ use case tổng quát

3.3.2 Sơ đồ use case quản lý admin

Hình 3.3.2 Sơ đồ use case quản lý admin

3.3.3 Sơ đồ quản lý danh mục admin

Hình 3.3.3 Sơ đồ quản lý danh mục admin

3.3.4 Sơ đồ quản lý sản phẩm admin

Hình 3.3.4 Sơ đồ quản lý sản phẩm admin

3.3.5 Sơ đồ quản lý quảng cáo

Hình 3.3.5 Sơ đồ quản lý quảng cáo

3.3.6 Sơ đồ quản lý tài khoản

Hình 3.3.6 Sơ đồ quản lý tài khoản

3.3.7 Sơ đồ quản lý khách hàng

Hình 3.3.7 Sơ đồ quản lý khách hàng

3.3.8 Sơ đồ quản lý đơn hàng

Hình 3.3.8 Sơ đồ quản lý đơn hàng

3.3.9 Sơ đồ quản lý bình luận

Hình 3.3.9 Sơ đồ quản lý bình luận

3.3.10 Sơ đồ use case phía người dùng

Hình 3.3.10 Sơ đồ use case phía người dùng

3.3.11 Sơ đồ quản lý giỏ hàng

Hình 3.3.11 Sơ đồ quản lý giỏ hàng

3.3.12 Sơ đồ thêm sản phẩm vào giỏ hàng

3.3.12 Sơ đồ thêm sản phẩm vào giỏ hàng

3.3.13 Sơ đồ đặt hàng

Hình 3.3.13 Sơ đồ đặt hàng

Chương 4 KẾT QUẢ ĐẠT ĐƯỢC

4.1 Giao diện chung

4.1.1 Giao diện trang chủ Website

Hình 4.1.1 Giao diện trang chủ Website

4.1.2 Giao diện đăng ký

Hình 4.1.2 Giao diện đăng ký

4.1.3 Giao diện đăng nhập

Hình 4.1.3 Giao diện đăng nhập

4.1.4 Giao diện chi tiết sản phẩm

Hình 4.1.4 Giao diện chi tiết sản phẩm 4.1.5 Giao diện bình luận sản phẩm

Hình 4.1.5 Giao diện bình luận sản phẩm

4.1.6 Giao diện giỏ hàng

Hình 4.1.6 Giao diện giỏ hàng

4.1.7 Giao diện trang chủ admin

Hình 4.1.7 Giao diện trang chủ admin

4.1.8 Giao diện danh mục sản phẩm

Hình 4.1.8 Giao diện danh mục sản phẩm

4.1.9 Giao diện quản lý sản phẩm

Hình 4.1.9 Giao diện quản lý sản phẩm

4.1.10 Giao diện bài viết

Hình 4.1.10 Giao diện thêm sản phẩm

4.1.11 Giao diện đăng nhập hệ thống

Hình 4.1.11 Giao diện đăng nhập hệ thống

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

5.1 Kết quả đạt được

5.1.1 Về phía người quản trị

- Hoàn thành được các chức năng quản lý như: quản lý danh mục, sản phẩm, tài khoản, người dùng, đơn hàng

- Ngoài ra còn có các chức năng như quản lý banner, quản lý bình luận, đổi mật khẩu…

5.1.2 Về phía người dùng

- Khách hàng có thể đăng nhập, đăng ký, xem thông tin sản phẩm

- Mua hàng, thêm sản phẩm vào giỏ hàng, sắp xếp, tìm kiếm sản phẩm, cập nhật giỏ hàng

- Khách hàng còn có thể thay đổi thông tin của mình và mật khẩu

- Khảo sát được quy trình phát triển của hệ thống Website

- Nắm được một số khái niệm cơ bản

- Phân tích được dữ liệ và các chức năng của hệ thống

- Thiết kế được CSDL và giao diện chương trình

- Xây dựng được một Website tương đối hoàn chỉnh so với yêu cầu đặt ra

5.2 Những hạn chế và thiếu sót

- Giao diện chưa được đẹp

- Một số chức năng phụ chưa hoàn chỉnh

- Chưa có chức năng đánh giá, phản hồi bình luận

5.3 Hướng phát triển

biết của bản thân, có tham khảo các tài liệu về các vấn đề có liên quan đến nội dung tìm hiểu, nghiên cứu

không thể tránh khỏi những sai sót, rất mong được sự đóng góp ý kiến của của

cô Trần Thu Thủy để bài báo cáo được hoàn thiện hơn

* Với những hạn chế và tồn tại nêu trên, hướng nghiên cứu Website dự kiến như sau:

- Tìm hiểu và tham khảo các tài liệu liên quan, học hỏi những kiến thức bổ ích

TÀI LIỆU THAM KHẢO

[1] Trang web: https://tailieu.vn/

[2] Trang web: https://123docz.net/trang-chu.htm

[3] Trang web: https://www.w3schools.com/

[4] Kênh youtube Hiếu Tutorial with live project

:https://www.youtube.com/channel/UCnfVQy051QFO-Ns8El1zL4w