Đề tài THIẾT KẾ WEBSITE BÁN HÀNG TRỰC TUYẾN

ĐẶT VẤN ĐỀ Ngày nay, với sự phát triển mạnh mẽ của khoa học – công nghệ, nó góp phầnthúc đẩy sự tiến bộ của xã hội trong tất cả các lĩnh vực của đời sống xã hội.. Trên thực tế cho thấy,

BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG

NIÊN LUẬN CƠ SỞ NGÀNH CÔNG NGHỆ THÔNG TIN

Cần Thơ, 2021-2022

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

Cần Thơ, ngày tháng 5 năm 2022 Giảng viên hướng dẫn

để bài Niên luận cơ sở của em được hoàn thiện, chỉnh chu hơn.

Kính chúc thầy sức khoẻ, hạnh phúc và thành công trên con đường sự nghiệp giảng dạy

Mục Lục:

1.2 Mô hình Use case tổng quát của đặc tả hệ thống 14

Chương I GIỚI THIỆU

1 ĐẶT VẤN ĐỀ

Ngày nay, với sự phát triển mạnh mẽ của khoa học – công nghệ, nó góp phầnthúc đẩy sự tiến bộ của xã hội trong tất cả các lĩnh vực của đời sống xã hội Đặcbiệt với sự bùng nổ của công nghệ thông tin và internet thì tất cả các thông tinluôn được cập nhật, thay đổi một cách liên tục và đầy đủ thông qua mạng truyềnthông và internet, mà phổ biến là thông qua các website

Hiện nay, nhu cầu mua hàng ngày càng nhiều trong thời đại thương mại điện tử,

từ các thiết bị công nghệ đến những nhu yếu phẩm hằng ngày, các trang thươngmại điện tử đang dần là xu thế như: Shopee, Tiki, Lazada hiện không còn mấy

xa lại với nhiều người

Trên thực tế cho thấy, hiện nay rất nhiều nhà bán hành đang có nhu cầu bánhàng trực tuyến, nhưng muốn làm 1 trang website riêng biệt để tăng độ uy tín và

mở rộng thị trường thay vì chỉ làm đối tác cho các nền tảng lớn như Shopee.Nhưng để làm 1 website bán hàng chuẩn SEO thật hoàn chỉnh sẽ mất rất nhiềuthời gian nhưng chỉ yêu cầu những tính năng cơ bản

Nắm bắt được nhu cầu đó, ý tưởng làm "WebSite bán đồ ăn vặt" với nhữngcông nghệ đơn giản giúp cho việc giới thiệu những món hàng của nhà buôn bánnhanh chóng quản lí thu chi và đơn hàng, với yêu cầu thời gian có hạn

2 MỤC TIÊU ĐỀ TÀI

Đây là tài liệu đặc tả yêu cầu về hệ thống chia sẻ giáo trình, tài liệu trên nềnweb Tài liệu này nhằm mục đích mô tả và cung cấp các thông tin về chức năng,hiệu năng, các yêu cầu về thiết kế, giao diện và các yêu cầu đặc biệt khác chothiết kế viên Bên cạnh đó còn xây dựng một hệ thống đẹp mắt, thân thiện vớingười dùng

3 ĐỐI TƯỢNG VÀ PHƯƠNG PHÁP NGHIÊN CỨU

"Website bán hàng" được xây dựng với mục đích phục vụ cho các nhà bán hàng

có 1 website riêng biệt của mình với thời gian xây dựng ngắn mà vẫn đảm bảođược công việc cốt lõi bán hàng của mình

4 NỘI DUNG NGHIÊN CỨU

Tìm hiểu cách làm 1 website bằng những công nghệ cơ bản như HTML, CSS,Javascript, PHP, mySQL Đồng thời cũng đánh mạnh vào phần UI/UX để tạocảm giác nâng cao trải nghiệm người dùng

Chương II CƠ SỞ LÝ THUYẾT

1989 Tim Berners-Lee giới thiệu World Wide Web

1991 Tim Berners-Lee giới thiệu HTML

1993 Dave Raggett đã soạn thảo HTML+

1997 HTML3.2 ra đời được W3C khuyên dùng

1999 HTML4.1 ra đời được W3C khuyên dùng

2000 XHTML 1.0 ra đời được W3C khuyên dùng

2008 WHATWG khởi động dự án HTML5

2014 HTML5 ra đời được W3C khuyên dùng

2016 HTML5.1 ra đời được W3C khuyên dùng

2017 HTML5.2 ra đời được W3C khuyên dùng

CSS3

Là viết tắt của Cascading Style Sheets, dùng để định dạng cách mà các thẻ HTMLhoạt động trên màn hình của các thiết bị, được ví như lớp áo của trang web, nó cóthể điều khiển bố cục trang, và thêm các hiệu ứng hoạt ảnh cho trang web thêm sinhđộng

CSS được sử dụng để xác định kiểu cho các trang web của bạn, bao gồm thiết kế,

bố cục và các biến thể hiển thị cho các thiết bị và kích thước màn hình khác nhauHTML chưa từng sinh ra để định dạng trang web mà nó chỉ mô tả trang web chính

1996 CSS1 được giới thiệu chính thức bởi W3C

1998 CSS2 ra đời cải tiến so với CSS1

1999 CSS3 ra đời và phát triển tới hiện nay

JavaScript

Là một ngôn ngữ lập trình thông dịch được phát triển từ các ý niệm

nguyên mẫu Ngôn ngữ này được dùng rộng rãi cho các trang web (phía ngườidùng) cũng như phía máy chủ (với Nodejs) Nó vốn được phát triển bởi

Brendan Eich tại Hãng truyền thông Netscape với cái tên đầu tiên Mocha, rồi sau đó đổi tên thành LiveScript, và cuối cùng thành JavaScript Giống Java,

JavaScript có cú pháp tương tự C, nhưng nó gần với Self hơn Java .js là phần

mở rộng thường được dùng cho tập tinmã nguồn JavaScript

File có hậu tố là

Giai đoạn phát triển Javascript

1995 Javascript được tạo ra bởi Brendan Eich

1997 Javascript trở thành chuẩn ECMA, và phiên bản

ECMAScript 1 đầu tiên ra rời

Là một Frontend Framework để giúp xây dựng website nhanh và tương thích nhiều thiết bị (laptop, điện thoại, )

Bootstrap chứa những thiết kế HTML và CSS cũng như Javascript để nhà phát triển

có thể nhanh chóng và dễ dàng phát triển web thích ứng phù hợp với mọi thiết bị, trình duyệt và tính nhất quán trong thiết kế được đảm bảo

Giai đoạn phát triển Bootstrap:

jQuery thực hiện rất nhiều tác vụ phổ biến đòi hỏi nhiều dòng code JavaScript để hoàn thành và gói chúng thành các phương thức mà bạn chỉ cần gọi chúng.

Hoạt động tốt với mọi nền tảng trang trình duyệt như IE, Firefox, Chrome… từng được các công ty lớn sử dụng như Google, Microsoft, IBM, Netflix…

Thư viện jQuery chứa:

3 Ngôn Ngữ Lập Trình Backend PHP

PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") là một ngôn ngữ lậptrình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứngdụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó rấtthích hợp với web và có thể dễ dàng nhúng vào trang HTML Do được tối ưuhóa cho các ứng dụng web, 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ếnnhất thế giới

Giai đoạn phát triển PHP

1995 PHP 1 ra đời lần đầu với tên gọi Personal Home Page Tools

(PHP Tool)

1997 PHP 2 ra đời với tên gọi PHP/FI 2.0

1998 PHP 3 ra đời, với chuyển đổi giữa dự án cá nhân thành dự

có thể tải về MySQL từ trang chủ Nó có nhiều phiên bản cho các hệ điều hànhkhá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,…

Giai đoạn phát triển mySQL:

Với “WebSite bán hàng” về phía Client thì HTML, CSS, JavaScript sẽ

áp dụng để phục vụ cho việc xây dựng Website Ngoài ra, còn sử dụng thêmBootstrap và jQuery như một công cụ hỗ trợ việc thiết kế web nhanh hơn và

dễ dàng hơn

Về phía Server, PHP nó là một ngôn ngữ lập trình dùng để xây dựngcác ứng dụng Website, hay nói cách khác nó là ngôn ngữ chính dùng để lậptrình phía Server nhằm xử lý các yêu cầu của client Kết hợp với MySQL làmột hệ quản trị CSDL dùng để lưu trữ dữ liệu

Chương III ĐẶC TẢ YÊU CẦU

1.Đặc tả yêu cầu chức năng của hệ thống

Người dùng Người dùng tự do Admin

Đăng ký người dùng Xem sản phẩm Đăng nhập

Đổi thông tin cá nhân Đăng ký Quản lý sản phẩm

Thanh toán đơn hàng

Xem đơn hàng đã mua

Liên hệ

1.2 Mô hình Use case tổng quát của đặc tả hệ thống

1.3 Mô hình Use case cụ thể của đặc tả hệ thống

2 Use case đăng ký thành viên

3 Use case đăng xuất

4 Use case xem sản phẩm

5 Use case Tìm kiếm sản phẩm

6 Use case Quản lý giỏ hàng

7 Use case thanh toán đơn hàng

8 Use case tra cứu đơn hàng

9 Use case thay đổi thông tin

10 Use case thay đổi mật khẩu

11 Use case phân tích tổng quan

12 Use case quản lý sản phẩm

13 Use case quản lý đơn hàng

14 Use case quản lý người dùng

15 Use case phản hồi liên hệ

Chương IV THIẾT KẾ GIẢI PHÁP

Sử dụng ứng dụng MySQL WorkBench để thiết kế cơ sở dữ liệu để phù hợp với

các đặc tả trên như sau:

- Bảng tb_user: thể hiện người dùng khi đã đăng nhập

Thuộc tính Kiểu dữ liệu Khoá chính Khoá phụ Not Null

- Bảng tb_category: thể hiện các loại của sản phẩm

Thuộc tính Kiểu dữ liệu Khoá chính Khoá phụ Not Null

image varchar(255) x

discount decimal(10,2)

Chú thích: ràng buộc khóa ngoại lấy từ bảng tb_category

id_product sẽ đặt là auto_increment

- Bảng tb_cart

Thuộc tính Kiểu dữ liệu Khoá chính Khoá phụ Not Null

Chú thích: ràng buộc khóa ngoại từ bảng tb_user

status có 4 giá trị bao gồm:

Thuộc tính Kiểu dữ liệu Khoá chính Khoá phụ Not Null

Chú thích: Ràng buộc khóa ngoại lấy từ bảng tb_order và tb_product

Đây là 1 thực thể yếu

Chương V CÀI ĐẶT GIẢI PHÁP

Các thư viện Javascript cần dùng:

- AOS: https://michalsnik.github.io/aos/

- chartJS: https://www.chartjs.org/

- imageuloadify: File-Uploader-With-Preview-Imageuploadify.html

https://www.jqueryscript.net/form/Drag-And-Drop-Đầu tiên là chúng sẽ đi sơ lược về cấu trúc giao diện của website

Cửa sổ trang nào cũng có:

● Header

● Footer

- Home (Trang Chủ)

- Home (Trang Chủ)

- About (Giới thiệu)

- Shop

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

- Liên hệ

- Đăng Nhập

- Đăng Ký

- Thêm món hàng

- Quản lý giỏ hàng

- Thanh Toán

- DashBoard

- Xem thông tin đơn hàng

- Xem thông tin đơn hàng

- Thay đổi thông tin cá nhân

- Thay đổi mật khẩu

Trang Admin

Trang Dashboard

- Trang quản lý sản phẩm

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

Chương VI KẾT LUẬN

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

Xây dựng thành công mô hình Website bán hàng cơ bản chỉ trong 7-10 ngày đạt được tất cả tính năng cơ bản mà các web bán hàng đều có

Tìm hiểu và áp dụng thành công

● Bootstrap 5: cho giao diện website đồng nhất và trực quan thẩm mỹ

● Jquery Ajax: sử dụng Ajax load để không cần phải load lại các thành phần không cần thiết, và tương tác song song với PHP

● MySQL: Sử dụng các function, procedure, trigger để tương tác dữ liệu

dễ hơn thông qua PHP

● PHP: Biết sử dụng PHP để tương tác với cơ sở dữ liệu

2 Đánh giá về hệ thống

Ưu điểm:

● Tính Năng: Đầy đủ các tính năng cơ bản tương tác cho một trang

web bán hàng

● Giao diện: Đơn giản, thẩm mỹ, và liền mạch không cần phải load lại

trang trong các quá trình sử dụng

● Hệ thống: Cấu trúc file viết dễ hiểu, logic, rất dễ cho việc Debug sau

này, và thêm những Plugin, components cần thiết khi phát triển lên cao

TÀI LIỆU THAM KHẢO

[1] W3school : https://w3school.com

[2] StackOverflow: https://stackoverflow.com

[3] Mã Nguồn Source (chủ sở hữu) : https:// github.com/zenfection/php_shop_order

[4] Wikipedia: https://vi.wikipedia.org