ĐỀ tài WEBSITE bán ĐỒNG hồ ONLINE

Nhiệm vụ và hướng giải quyết Từ những yêu cầu đã đặt ra ở trên, đề xuất những nhiệm vụ và hướng giải quyết theo từng bước sau: - Tìm hiểu nhu cầu của người dùng kết hợp với các website

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

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

3

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

4

LỜI CẢM ƠN

Đối với một sinh viên thì đồ án tốt nghiệp là minh chứng cho những kiến thức đã có được sau bao năm học tập.Trong quá tình học tập em đã nhận được nhiều sự quan tâm và giúp đỡ của thầy cô trong trường để hoàn thành những bài tập lớn rút ra nhiều kinh nghiệm cho mình

Để hoàn thành bài báo đồ án tốt nghiệp với tên đề tài :”WEBSITE BÁN ĐỒNG HỒ

ONLINE” em xin chân thành cảm ơn giảng viên Nguyễn Đức Hiển người đã hướng dẫn em hoàn

thành đồ án cũng với bài báo cáo này

Do trình độ nghiên cứu còn hạn chế và tình hình dịch bệnh covid phức tạp nên dù cố gắng song bài báo cáo của em không trách khỏi những thiếu sót.Vì thế, em rất mong nhận được sự quan tâm, góp ý của các thầy cô để bài báo cáo được hoàn chỉnh hơn

Những ý kiến đóng góp của thầy cô sẽ giúp em nhận ra thiếu sót mà em mắc phải, qua đó

em sẽ có thêm những tư liệu mới, rút ra những bài học quý giá cho mình

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

Sinh viên,

Nguyễn Minh Hưng

5

MỤC LỤC

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

MỞ ĐẦU 8

1.Giới thiệu 8

3.Nhiệm vụ và hướng giải quyết 9

4.Ý nghĩa thực tiễn của đề tài 9

5.Bố cục báo cáo 10

Chương 1 NGÔN NGỮ CÔNG NGHỆ VÀ CÔNG CỤ SỬ DỤNG 11

1.1 Ngôn ngữ sử dụng 11

1.1.1 HTML 11

1.1.2 CSS 12

1.1.3 JAVASCRIPT 12

1.1.4 PHP 13

1.2 Công nghệ sử dụng 14

1.2.1 VUE.JS 14

1.2.2 LARAVEL 14

1.2.3 BOOTSTRAP 15

1.3 Công cụ sử dụng 15

1.3.1 VISUAL STUDIO CODE 15

1.3.2 MYSQL 16

1.4 Kết thúc chương 1 19

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

2.1 Phân tích yêu cầu 20

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

2.1.2 Yêu cầu về hình thức 20

2.1.3 Yêu cầu về bảo mật 21

2.2 Phân tích chức năng 21

2.2.1 Người dùng 21

2.2.2 Quản trị viên 23

2.3 Sơ tuần tự 26

6

2.3.1 Khách hàng 26

2.3.2 Admin 29

2.4 Kết chương 2 30

Chương 3 THIẾT KẾ CƠ SỞ DỮ LIỆU 31

3.1 Sơ đồ tổng quát 31

3.2 Bảng dữ liệu chi tiết 31

3.3 Kết chương 3 35

Chương 4 XÂY DỰNG WEBSITE 36

4.1.Giao diện chung 36

4.2.Về phía khách hàng 38

4.3.Về phía người quản trị hệ thống 41

4.4 Kết chương 4 44

KẾT LUẬN 45

1.Kết quả đạt được 45

2.Hạn chế và hướng nghiên cứu 46

7

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

Để đáp ứng được nhu cầu của người dùng thì hầu như mỗi doanh nghiệp hay tư nhân đều

có một website cho riêng mình nhất là với tình hình dịch covid ngày càng trở nên phức tạp

Vì vậy sự ra đời của website bán đồng hồ online là sự cần thiết để phục vụ mua sắm của mọi người và giúp doanh nghiệp thuận lợi hơn trong việc mua bán và quản lý sản phẩm Website bán đồng hồ online là một hệ thống website được quản lý bởi doanh nghiệp giúp cho doanh nghiệp quản lý sản phẩm tốt hơn,giới thiệu quản 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 mua bán trở nên thuận lợi hơn mang lại hiệu quả cao, người dùng có thể đặt mua sản phẩm từ xa qua một thiết bị có kết nối internet

2 Mục tiêu đề tài

Nhằm quản bá sản phẩm đến người dùng và giúp việc mua bán trở nên thuận lợi website bán đồng hồ online được tạo ra để :

- Website cung cấp các chức năng chính như :

+ Xem sản phẩm có trên website, tìm kiếm sản phẩm phù hợp

+ Thêm vào giỏ hàng

+ Mua hàng, hủy đơn hàng

+ Xem các tin tức cập nhập về sản phẩm của cửa hàng… và một số chức năng khác

- Củng cố, nâng cao kiến thức về các ngôn ngữ đã học Qua đó áp dụng cho việc thực hiện những đề tài khác

3 Nhiệm vụ và hướng giải quyết

Từ những yêu cầu đã đặt ra ở trên, đề xuất những nhiệm vụ và hướng giải quyết theo từng bước sau:

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

- Tiến hành những khảo sát thực tiễn về các khái niệm liên quan và từ các thông tin khảo sát được phân tích các chức năng phù hợp nhất

- Tìm hiểu ngôn ngữ sử dụng, cài đặt công cụ và môi trường để thiết kế giao diện trang web

- Xây dựng website

- Tiến hành chạy thử, kiểm tra lỗi

4 Ý nghĩa thực tiễn của đề tài

- Ý nghĩa đối với doanh nghiệp : website giúp doanh nghiệp quảng bá sản phẩm ra thị trường rộng rãi giảm được chi phí phát sinh Qua đó giúp tăng doanh thu cho doanh nghiệp, tạo sức hút cho người mua

ứng nhu cầu cá nhân một cách nhanh chóng dễ dàng, quản lý những đơn hàng của

Sau phần Mở đầu, nội dung báo cáo tập trung vào ba chương sau:

- Chương 1.Ngôn ngữ, công nghệ và công cụ sử dụng Trong chương này nêu ra

những ngôn ngữ, công nghệ, công cụ sử dụng cho trang web

- Chương 2 Phân tích yêu cầu người dùng, các chức năng của trang web Nội dung

chương bao gồm các chức năng của người dùng, chức năng bảo mật,…

- Chương 3 Xây dựng cơ sở dữ liệu và giao diện cho trang web Chương này đề

xuất xây dựng cơ sở dữ liệu cho trang web

Cuối cùng là Kết luận, Tài liệu tham khảo và Phụ lục liên quan đến đề tài

11

Chương 1 NGÔN NGỮ CÔNG NGHỆ VÀ CÔNG CỤ

SỬ DỤNG

Để tạo ra một trang web cần phải sử dụng kết hợp những ngôn ngữ lập trình với nhau

để giúp trang web trở nên hấp dẫn và sinh động, thu hút người dùng truy cập Đồng thời cũng cần cài đặt những công cụ cần thiết để lập trình viên dễ dàng hơn trong việc viết phần mềm Chính vì thế thế, chương này trình bày những khái niệm, ngôn ngữ và công cụ sẽ sử dụng cho trang web

1.1 Ngôn ngữ sử dụng

1.1.1 HTML

HTML viết tắt của Hypertext Markup Language là ngôn ngữ lập trình dùng để xây dựng

và cấu trúc lại các thành phần có trong Website Đây là một loại ngôn ngữ đánh dấu siêu văn bản Nó giúp cấu thành các cấu trúc cơ bản của một Website, làm cho trang Web trở thành một hệ thống hoàn chỉnh Cụ thể, ngôn ngữ đánh dấu siêu văn bản này giúp bố cục, chia khung sườn các thành phần trang Web Đồng thời, nó còn hỗ trợ khai báo các File kỹ thuật

12

1.1.2 CSS

CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng để tìm

và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (HTML) Có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng,…thì CSS sẽ giúp chúng ta có thể thêm style vào các phần tử HTML đó như đổi bố cục, màu sắc trang, đổi màu chữ, font chữ, thay đổi cấu trúc

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

Hình 1.4 Hình ảnh ngôn ngữ PHP

án có sẵn Cùng lúc đó, nếu kết hợp với những kĩ thuật hiện đại như SFC (single file components) và các thư viện hỗ trợ, Vue cũng đáp ứng được dễ dàng nhu cầu xây dựng những ứng dụng một trang (SPA - Single-Page Applications) với độ phức tạp cao hơn nhiều

Hình 1.5 Hình ảnh công nghệ VUEJS

1.2.2 LARAVEL

PHP framework là thư viện làm cho sự phát triển của những ứng dụng web viết bằng ngôn ngữ PHP trở nên trôi chảy hơn Bằng cách cung cấp 1 cấu trúc cơ bản để xây dựng những ứng dụng đó Hay nói cách khác, PHP framework giúp bạn thúc đẩy nhanh chóng quá trình phát triển ứng dụng Giúp bạn tiết kiệm được thời gian, tăng sự ổn định cho ứng dụng Giảm thiểu số lần phải viết lại code cho lập trình viên

Hình 1.7 Hình ảnh công nghệ BOOTSTRAP

1.3 Công cụ sử dụng

1.3.1 VISUAL STUDIO CODE

Là một trình biên tập lập trình code miễn phí dành cho Windows, Linux và macOS, Visual Studio Code được phát triển bởi Microsoft Nó được xem là một sự kết hợp hoàn hảo giữa IDE và Code Editor

Visual Studio Code hỗ trợ chức năng debug, đi kèm với Git, có syntax highlighting, tự hoàn thành mã thông minh, snippets, và cải tiến mã nguồn Nhờ tính năng tùy chỉnh, Visual Studio Code cũng cho phép người dùng thay đổi theme, phím tắt, và các tùy chọn khác

Hình 1.9 Hình ảnh công cụ MYSQL

1.3.3 XAMPP

17

Xampp 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 Không như Appserv, Xampp có chương trình quản lý khá tiện lợi, cho phép chủ động bật tắt hoặc khởi động lại các dịch vụ máy chủ bất kỳ lúc nào.[2]

Xampp là một chương trình mã nguồn mở máy chủ web đa nền được phát triển bởi Apache Friends, bao gồm chủ yếu là Apache HTTP Server, MariaDB database, và

interpreters dành cho những đối tượng sử dụng ngôn ngữ PHP và Perl Xampp là viết tắt của Cross-Platform (đa nền tảng-X), Apache (A), MariaDB (M), PHP (P) và Perl (P) Nó phân bố Apache nhẹ và đơn giản, khiến các lập trình viên có thể dễ dàng tạo ra máy chủ web local để kiểm tra và triển khai trang web của mình Tất cả mọi thứ cần cho phát triển một trang web - Apache (ứng dụng máy chủ), Cơ sở dữ liệu (MariaDB) và ngôn ngữ lập trình (PHP) được gói gọn trong 1 tệp Xampp cũng là 1 chương trình đa nền tảng vì nó có thể chạy tốt trên cả Linux, Windows và MacOS Hầu hết việc triển khai máy chủ web thực

tế đều sử dụng cùng thành phần như XAMPP nên rất dễ dàng để chuyển từ máy chủ local sang máy chủ online

18

Hình 1.10 Hình ảnh công cụ XAMPP

1.3.4 POSTMAN

Postman là một loại công cụ cho phép người dùng có thể thao tác với API, mà trong

đó phổ biến nhất là REST Với thử nghiệm API thì Postman là một trong những công cụ

phổ biến vì được thực nghiệm nhiều nhất Nhờ Postman lập trình viên có thể gọi Rest API

mà không cần phải viết bất kỳ dòng code nào

Postman có khả năng hỗ trợ mọi phương thức HTTP bao gồm: POST, PUT, DELETE,

PATCH, GET,

Ngoài ra, Postman còn cho phép lập trình viên lưu lại lịch sử của các lần request nên vô

cùng tiện lợi cho nhu cầu sử dụng lại

19

Hình 1.11 Hình ảnh công cụ POSTMAN

1.4 Kết thúc chương 1

Thông qua tìm hiểu các ngôn ngữ công nghê và các công cụ hỗ trợ lập trình, đề tài sẽ

sử khai thác sử dụng các công cụ và ngôn ngữ này để xây dựng website Phân tích yêu cầu

của khách hàng, các chức năng của trang web,… sẽ được trình bày trong chương tiếp theo

20

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

Để biết trang web hoạt động như thế nào, ta cần phải tìm hiểu, khai thác thông tin yêu cầu của người dùng, phân chia quyền truy cập một cách hợp lý Ngoài ra, trang web cũng yêu cầu một số chức năng khác về mặt hình thức và yêu cầu để thu hút sự truy cập từ người dùng Vì thế chương này phân tích yêu cầu của một số người dùng và những yêu cầu khác Đồng thời cũng mô tả hoạt động của trang web bằng những sơ đồ trình tự giúp dễ hiểu hơn

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

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

Yêu cầu về chức năng ứng với nhóm người sử dụng như Khách hàng, Người quản trị được liệt kê như sau:

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

- Đăng kí, đăng nhập, đăng xuất

- Chỉnh sửa thông tin cá nhân

- Xem thông tin chi tiết sản phẩm

Về phía người quản trị (Admin):

- Đăng nhập tài khoản quản trị

- Xem thông tin sản phẩm

- Quản lý sản phẩm

- Quản lý tài khoản

- Phản hồi đánh giá của khách hàng

21

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

- Cài đặt mật khẩu với độ bảo mật cao

- Thông tin được lưu trên SQl Server cần được bảo mật tuyệt đối, tránh bị hacker đánh cắp

2.2.1 Người dùng

Các chức năng của hệ thống cung cấp cho người dùng được thể hiện trên sơ đồ hình 2.1

Hình 2.1 Sơ đồ chức năng người dùng

- Đăng ký tài khoản:

Mô tả chức năng: Khi truy cập vào trang web nếu muốn mua sản phẩm người dùng bắt buộc phải có tài khoảng để hệ thống xác nhận thông tin, nếu chưa có tài khoản người dùng

22

có thể đăng kí một tài khoản cho riêng mình Để đăng kí người dùng bắt buộc phải điền đầy

đủ thông tin cá nhân như tên tài khoản, mật khẩu, họ và tên, địa chỉ email, để hoàn tất việc đăng kí.Hệ thống sẽ kiểm tra thông tin người dùng đã nhập vào nếu như thành công thì hệ thống sẽ tự động trả về trang đăng nhập và lưu thông tin vào serve, nếu tên tài khoản hoặc địa chỉ email đã tồn tại thì hệ thống sẽ báo lại cho người dùng một lỗi để người dùng biết và đổi tên hoặc địa chỉ email cho hợp lệ

- Đăng nhập

Mô tả chức năng: Nếu như đã có tài khoản người dùng có thể đăng nhập khi truy cập vào hệ thống và tiến hành mua hàng Người dùng điển đầy đủ thông tin đã đăng kí như tên tài khoản và mật khẩu và hệ thống sẽ kiểm tra dữ liệu trên serve nếu đúng thì sẽ trả về trang chủ và nếu tài khoản bị sai hoặc không tồn tại hệ thống sẽ trả về một thông báo cho người dùng biết để chỉnh sửa hoặc đăng kí tài khoản mới

- Quản lý tài khoản :

+ Cập nhật thông tin cá nhân: Nếu như đăng nhập thành công, người dùng có thể truy cập vào trang thông tin cá nhân của mình để xem thông tin đã lưu khi đăng kí và chỉnh sửa lại cho đúng như họ và tên anh đại diện, ở đây người dùng có thể cập nhập thêm thông tin nhận hàng như địa chỉ cụ thể để khi đặt hàng thì hệ thống sẽ tự động lấy thông tin này thay vì người dùng sẽ nhập lại, hệ thống sẽ kiểm tra những thông tin mà người dùng cập nhập nếu hơp lệ thì sẽ lưu lại

+ Đổi mật khẩu: Tương tự như trang cập nhập thông tin chức năng này yêu cầu người dùng đã đăng nhập, người dùng truy cập vào trang thông tin cá nhân của mình để tiến hành thay đổi mật khẩum hệ thống sẽ kiểm tra mật khẩu cũ và mật khẩu mới có hợp lệ hay không nếu hơp lệ sẽ thông báo cho người dùng biết và ngược lại

+ Xem đơn hàng: Khi người dùng tiến hành đặt hàng thành công thì trang đơn hàng sẽ

tồn tại đơn hàng mà người dùng đã đặt

+ Đăng xuất: Nếu như đã đăng nhập thì người dùng có thể đăng xuất tài khoản của mình ra khỏi hệ thống và quay trở lại trang chủ với chế độ khách

- Thêm sản phẩm vào giỏ hàng

Mô tả chức năng: Người dùng có thể xem sản phẩm mà mình thích vào trong giỏ hàng

để tiện mùa nếu cần, chức năng này yêu cầu người dùng phải đăng nhập

- Xem chi tiết sản phẩm

Mô tả chức năng: Người dùng có thể chọn sản phẩm để xem chi tiết, ở đây hiển thị đầy

đủ thông tin chi tiết sản phẩm mà người dùng quan tâm như hình ảnh, kích thước, màu sắc…, người dùng có thể chọn thêm sản phẩm này vào giỏ hàng để tiến hành mua nếu như đáp ứng

23

được nhu cầu của họ, người dùng có thể xem những đánh giá hay bình luận của những khách hàng trước từng mua qua sản phẩm này và họ cũng có thể bình luận và đánh giá nếu như đã mua sản phẩm này

- Quản lý giỏ hàng

+ Cập nhật giỏ hàng: Sau khi đã thêm sản phẩm vào giỏ hàng thì những sản phẩm đã thêm sẽ xuất hiện ở đây, người dùng có thể cập nhật thay đổi theo ý muôn của mình như điểu chỉnh số lượng trước khi tiên hành mua sản phẩm

+ Xóa giỏ hàng: Giống như cập nhật giỏ hàng sản phẩm sau khi thêm vào giỏ người dùng cũng có thể tiến hành xóa khỏi giỏ hàng nếu như đổi ý không muốn mua sản phẩm này

+ Đặt hàng: Khi người dùng đã hài lòng với sản phẩm mình đã có trong giỏ hàng thì

có thể tiến hành đặt hàng, hệ thống tiến hành thống kê tất cả sản phẩm, số lượng tổng tiền để thông báo với người dùng nếu cảm thấy hài lòng người dùng có thể đặ hàng và chỉnh sửa thông tin nhận hàng sau khi cập nhật đầy đủ thông tin đơn hàng

sẽ được gửi đi và sẽ vào trạng thái chờ duyệt

- Tìm kiếm sản phẩm

Mô tả chức năng: Người dùng có thể tìm kiếm sản phẩm mà mình muốn bằng cách nhaạp tên sản phẩm vào ô tìm kiếm, hệ thống sẽ tiến hành lọc ra những sản phẩm có tên phù hợp và hiển thị ra màn hình

Mô tả chức năng: Chức năng đăng xuất cần thiết khi người quản trị muốn thoát khỏi

hệ thống và không lưu lại thông tin nhằm đảm bảo oan toàn cho người dùng

+ Xóa đơn hàng: nếu kiểm tra đơn hàng không hợp lệ hoặc có lỗi xảy ra thì người quản trị sẽ có thể xóa đơn hàng đó và thông báo đến khách hàng