ĐỀ tài WEBSITE bán HÀNG điện THOẠI DI ĐỘNG

- 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ỉ đ

1

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

WEBSITE BÁN HÀNG ĐIỆN THOẠI DI

2

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

WEBSITE BÁN HÀNG ĐIỆN THOẠI DI

3

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

4

NHẬN XÉT CỦA PHẢN BIỆN

5

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 Thầy Trần Đình Sơn đã 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, Phạm Hoàng Thiện

6

MỤC LỤC

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

DANH MỤC HÌNH VẼ 10

LỜI MỞ ĐẦU 12

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

1.1 Tên đề tài 13

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

1.3 Nhiệm vụ 13

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

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

1.6 Ý nghĩa thực tiển của đề tài: 14

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

2.1 PHP: 16

2.2 MySQL 17

2.3 Bootstrap 17

2.4 Javascript 18

2.5 Xampp 19

2.6 Sublime Text 3 19

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

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

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

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

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

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

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

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

7

3.3 Sơ đồ use case 23

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

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

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

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

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

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

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

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

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

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

3.3.11 Sơ đồ đặt hàng 29

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

3.4.1 Bảng thể loại 29

3.4.2 Bảng sản phẩm 30

3.4.3 Bảng bình luận 30

3.4.5 Bảng khách hàng 30

3.4.6 Bảng đơn hàng 31

3.4.7 Bảng admin 31

3.4.8 Bảng giao dịch 32

3.4.9 Sơ đồ cấu trúc các bảng 32

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

4.1 Giao diện trang chủ Website 33

4.2 Giao diện đăng ký 34

4.3 Giao diện đăng nhập 34

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

4.5 Giao diện giỏ hàng 35

8

4.7 Giao diện trang chủ admin 36

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

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

4.10 Giao diện thêm sản phẩm 37

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

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

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

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

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

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

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

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

TÀI LIỆU THAM KHẢO 41

SQL Structured Query Language

10

DANH MỤC HÌNH VẼ

Hình 3.2.1 Sơ đồ chức năng quản lý admin

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

Hình 1: Sơ đồ usecase tổng quát 24

Hình 2: Sơ đồ usecase quản lý admin 25

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

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

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

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

Hình 7: Sơ đồ quản lý đơn hàng 27

Hình 8: Sơ đồ usecase người dùng 28

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

Hình 10: Sơ đồ thêm sản phẩm vào giỏ hàng 29

Hình 11: Sơ đồ dặt hàng 29

Hình 12: Sơ đồ cấu trúc các bảng 32

Hình 13: Giao diện thêm giỏ hàng 33

Hình 14: Giao diện đăng ký 34

Hình 15: Giao diện đăng nhập 34

Hình 16: Giao diện chi tiết sản phẩm 35

Hình 17: Giao diện giỏ hàng 36

Hình 18: Giao diện trang chủ admin 36

Hình 19: Giao diện danh mục sản phẩm 37

Hình 20: Giao diện quản lý sản phẩm 37

Hình 21: Giao diện thêm sản phẩm 38

Hình 22: Giao diện đăng nhập hệ thống 38

11

DANH MỤC CÁC BẢNG

Bảng 1: Bảng thể loại 29

Bảng 2: Bảng sản phẩm 30

Bảng 3: Bảng bình luận 30

Bảng 4: Bảng khách hàng 31

Bảng 5: Bảng đơn hàng 31

Bảng 6: Bảng admin 32

Bảng 7: Bảng giao dịch 32

12

LỜI MỞ ĐẦU

- Trong thời đại công nghiệp hóa - hiện đại hóa đất nước như ngày nay nói đến công 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ố đó, điện thoại

di động là một trong những mặt hàng được ưa chuộng nhất trên các cửa hàng Website

Do vậy em lựa chọn đề tài thiết kế Website bán hàng điện thoại di động 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 điện thoại online

14

- Từ đề tài này có thể mở rộng ra và ứng dụng cho các đề tài khác có liên quan

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 thời trang, 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:

15

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

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

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

2.1 PHP:

triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML Do được tối ưu hóa cho các ứng dụng wrb, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới

Ngôn ngữ, các thư viện, tài liệu gốc của PHP được xây dựng bởi cộng đồng và có sự đóng góp rất lớn của Zend Inc, công ty do các nhà phát triển cốt lõi của PHP lập nên nhằm tạo ra một môi trường chuyên nghiệp để đưa PHP phát triển ở quy mô doanh nghiệp

17

2.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.3 Bootstrap

18

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

2.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.6 Sublime Text 3

20

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

21

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 + Thêm vào giỏ hàng, cập nhật giỏ hàng + Lọc sản phẩm

-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

22

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, 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

Trang

chủ

Sản Phẩm

Danh mục

Quảng cáo

Tài khoản

Khách hàng

Đơn hàng

Thêm, sửa, xóa

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

23

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

3.3 Sơ đồ use case

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

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

24

Hình 1: Sơ đồ usecase tổng quát

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

25

Hình 2: Sơ đồ usecase quản lý admin

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

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

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

26

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

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

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

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

27

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

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

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

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

28

Hình 8: Sơ đồ usecase người dùng

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

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

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

Tên trường Mô tả Kiểu dữ liệu Độ lớn Ràng buộc

category_name Tên thể loại Nvarchar 50

Bảng 1: Bảng thể loại

sanpham_name Tên sản phẩm Varchar 10

sanpham_chitiet Chi tiết sản phẩm Text

sanpham_mota Mô tả sản phẩm Text

sanpham_gia Giá sản phẩm Varchar 100

sanpham_giakhuyen

mai

Giá khuyến mãi Varchar 100

sanpham_active Sản phẩm khuyến mãi int 11

sanpham_hot Sản phẩm đặc biệt Int 11

sanpham_soluong Số lượng sản phẩm Int 11

sanpham_image Ảnh sản phẩm Varchar 50

Bảng 2: Bảng sản phẩm

3.4.3 Bảng bình luận

Tên trường Mô tả Kiểu dữ liệu Độ lớn Ràng buộc

Bảng 3: Bảng bình luận

3.4.5 Bảng khách hàng

Tên trường Mô tả Kiểu dữ liệu Độ lớn Ràng buộc

31

ngaythang Ngày tháng Timestamp

Bảng 5: Bảng đơn hàng

3.4.7 Bảng admin

Tên trường Mô tả Kiểu dữ liệu Độ lớn Ràng buộc

32

Bảng 6: Bảng admin

3.4.8 Bảng giao dịch

Tên trường Mô tả Kiểu dữ liệu Độ lớn Ràng buộc

giaodich_id Id giao dịch Int 11 Khóa chính sanpham_id Id sản phẩm Int 11

soluong Số lượng Int 11

magiaodich Mã giao dịch Varchar 50

ngaythang Ngày tháng Timestamp

khachhang_id Khách hàng Int 11

stinhtrangdon Tình trạng đơn Int 11

huydon Hủy đơn Int 11

Bảng 7: Bảng giao dịch

3.4.9 Sơ đồ cấu trúc các bảng

Hình 12: Sơ đồ cấu trúc các bảng

33

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

4.1 Giao diện trang chủ Website

Hình 13: Giao diện thêm giỏ hàng

34

4.2 Giao diện đăng ký

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

4.3 Giao diện đăng nhập

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

35

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

Hình 16: Giao diện chi tiết sản phẩm

4.5 Giao diện giỏ hàng

36

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

4.7 Giao diện trang chủ admin

Hình 18: Giao diện trang chủ admin

37

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

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

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

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

4.10 Giao diện thêm sản phẩm