Khóa Luận Về Thiết Kế Website Bán Đồng Hồ

Khám phá cách thiết kế và triển khai hệ thống website bán đồng hồ bằng PHP và MySQL, tối ưu hóa hiệu suất và trải nghiệm người dùng.

• Tác giả: Thaikeu VATSANGA
• Người hướng dẫn: ThS. Nguyễn Thị Minh Châu
• Trường học: Đại học Quảng Nam
• Chuyên ngành: Công nghệ thông tin
• Đề tài: Khóa Luận Về Thiết Kế Website Bán Đồng Hồ
• Loại tài liệu: khóa luận
• Năm xuất bản: 2023
• Địa điểm: Quảng Nam

Mục lục chi tiết

• LỜI CẢM ƠN
• 1. CHƯƠNG 1: CƠ SỞ LÝ THUYẾT
• 1.1. Giới thiệu về đề tài
• 1.2. Giới thiệu các ngôn ngữ lập trình
• 1.2.1. Ngôn ngữ HTML
• 1.2.2. Các thẻ HTML cơ bản
• 1.2.3. Ngôn ngữ CSS
• 1.2.3.1. Định nghĩa CSS
• 1.2.3.2. Cú pháp của CSS
• 1.2.3.3. Tại sao phải sử dụng CSS
• 1.2.4. Ngôn ngữ PHP
• 1.2.4.1. Khái niệm PHP
• 1.2.4.2. Cú pháp của PHP
• 1.2.5. Một số thư viện hỗ trợ
• 1.2.6. Thư viện Javascript
• 1.2.6.1. Cách nhúng Javascript vào trong tập tin HTML
• 1.2.6.2. Biến trong JavaScript
• 1.2.6.3. Các câu lệnh trong JavaScript
• 1.3. Tổng quan MySQL
• 1.3.1. Giới thiệu MySQL
• 1.3.2. Ưu điểm của MySQL
• 1.3.3. Tại sao sử dụng MySQL
• 1.4. Visual studio code
• 2. CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ WEBSITE
• 2.1. Khảo sát hiện trạng
• 2.2. Môi trường hệ thống
• 2.3. Mô tả hệ thống bán đồng hồ
• 2.4. Đặc tính người dùng
• 2.5. Yêu cầu về chức năng
• 2.6. Yêu cầu phi chức năng
• 2.7. Phân tích hệ thống
• 2.7.1. Xác định Use Case
• 2.7.2. Sơ đồ Use Case tổng quát
• 2.7.3. Đặc tả Use Case
• 2.7.4. Biểu đồ tuần tự
• 2.7.4.1. Biểu đồ tuần tự UC_ đăng nhập
• 2.7.4.2. Biểu đồ tuần tự UC_ đăng ký
• 2.7.4.3. Biểu đồ tuần tự UC_ đăng xuất
• 2.7.4.4. Biểu đồ tuần tự UC_ tìm kiếm
• 2.7.4.5. Biểu đồ tuần tự UC_ đặt hàng
• 2.7.4.6. Biểu đồ tuần tự UC_ sản phẩm
• 2.7.4.7. Biểu đồ tuần tự UC_ loại sản phẩm
• 2.7.4.8. Biểu đồ tuần tự UC_ danh mục sản phẩm
• 2.7.4.9. Biểu đồ tuần tự UC_ người dùng
• 2.7.4.10. Biểu đồ tuần tự UC_ hóa đơn
• 2.7.5. Biểu đồ hoạt động
• 2.7.5.1. Biểu đồ hoạt động UC_ đăng nhập
• 2.7.5.2. Biểu đồ hoạt động UC_ đăng ký
• 2.7.5.3. Biểu đồ hoạt động UC_ đăng xuất
• 2.7.5.4. Biểu đồ hoạt động UC_ tìm kiếm
• 2.7.5.5. Biểu đồ hoạt động UC_ quản lý danh mục sản phẩm
• 2.7.5.6. Biểu đồ hoạt động UC_ quản lý người dùng
• 2.7.5.7. Biểu đồ hoạt động UC_ đặt hàng
• 2.7.5.8. Biểu đồ hoạt động UC_ quản lý hóa đơn
• 2.7.5.9. Biểu đồ hoạt động UC_ thanh toán
• 2.8. Thiết kế dữ liệu
• 3. CHƯƠNG 3: XÂY DỰNG WEBSITE
• 3.1. Cài đặt cơ sở dữ liệu
• 3.2. Một số giao diện chính từ trang người dùng
• 3.2.1. Giao diện trang chủ
• 3.2.2. Giao diện trang cửa hàng
• 3.2.3. Giao diện trang giới thiệu
• 3.2.4. Giao diện trang liên hệ
• 3.2.5. Giao diện trang giỏ hàng
• 3.2.6. Giao diện trang đăng nhập và đăng ký
• 3.2.7. Giao diện trang tìm kiếm sản phẩm
• 3.2.8. Giao diện trang thanh toán
• 3.3. Một số giao diện trang quản trị
• 3.3.1. Giao diện trang chủ
• 3.3.2. Giao diện trang quản lý tài khoản
• 3.3.3. Giao diện trang quản lý sản phẩm
• 3.3.4. Giao diện trang thêm sản phẩm
• 3.3.5. Giao diện trang quản lý loại sản phẩm
• 3.3.6. Giao diện trang xét duyệt hóa đơn (Quản lý hóa đơn)
• 3.3.7. Giao diện trang quản lý danh mục sản phẩm
• 3.3.8. Giao diện trang quản lý banner
• 3.3.9. Giao diện trang quản lý khuyến mãi
• TÀI LIỆU THAM KHẢO
• DANH MỤC HÌNH ẢNH

Tóm tắt

I. Giới thiệu về Khóa Luận Thiết Kế Website Bán Đồng Hồ

Khóa luận này tập trung vào việc thiết kế một website bán đồng hồ, nhằm đáp ứng nhu cầu mua sắm trực tuyến ngày càng tăng. Thương mại điện tử đã trở thành một phần không thể thiếu trong cuộc sống hiện đại, và việc xây dựng một website hiệu quả sẽ giúp các cửa hàng đồng hồ tiếp cận được nhiều khách hàng hơn.

1.1. Tầm quan trọng của website bán đồng hồ

Website bán đồng hồ không chỉ giúp tiết kiệm thời gian cho khách hàng mà còn tạo ra một kênh bán hàng hiệu quả cho các doanh nghiệp. Việc có một trang web chuyên nghiệp sẽ thu hút khách hàng và tăng doanh thu.

1.2. Mục tiêu của khóa luận

Mục tiêu chính của khóa luận là phát triển một website bán đồng hồ với giao diện thân thiện, dễ sử dụng và tối ưu hóa cho SEO, giúp tăng cường khả năng tiếp cận và trải nghiệm người dùng.

II. Vấn đề và Thách thức trong Thiết Kế Website Bán Đồng Hồ

Trong quá trình thiết kế website bán đồng hồ, nhiều vấn đề và thách thức cần được giải quyết. Các vấn đề này bao gồm việc tối ưu hóa giao diện người dùng, quản lý sản phẩm và đảm bảo an toàn thông tin cho khách hàng.

2.1. Thách thức về giao diện người dùng

Giao diện người dùng cần phải trực quan và dễ sử dụng. Việc thiết kế một giao diện hấp dẫn sẽ giúp giữ chân khách hàng lâu hơn trên trang web.

2.2. Quản lý sản phẩm hiệu quả

Cần có một hệ thống quản lý sản phẩm hiệu quả để theo dõi số lượng hàng tồn kho, cập nhật thông tin sản phẩm và xử lý đơn hàng một cách nhanh chóng.

III. Phương Pháp Thiết Kế Website Bán Đồng Hồ Hiệu Quả

Để thiết kế một website bán đồng hồ hiệu quả, cần áp dụng các phương pháp và công nghệ hiện đại. Việc sử dụng HTML, CSS và PHP là rất quan trọng trong quá trình phát triển.

3.1. Sử dụng HTML và CSS trong thiết kế

HTML và CSS là hai ngôn ngữ cơ bản giúp xây dựng cấu trúc và giao diện cho website. Việc sử dụng chúng một cách hợp lý sẽ tạo ra một trang web đẹp và dễ sử dụng.

3.2. Tích hợp PHP cho chức năng động

PHP cho phép website hoạt động một cách động, giúp xử lý các yêu cầu từ người dùng và quản lý cơ sở dữ liệu một cách hiệu quả.

IV. Ứng Dụng Thực Tiễn và Kết Quả Nghiên Cứu

Khóa luận đã áp dụng các lý thuyết và phương pháp đã học để xây dựng một website bán đồng hồ thực tế. Kết quả cho thấy website hoạt động ổn định và đáp ứng được nhu cầu của người dùng.

4.1. Kết quả đạt được

Website đã được hoàn thành với đầy đủ chức năng như tìm kiếm sản phẩm, đặt hàng và thanh toán trực tuyến, giúp nâng cao trải nghiệm người dùng.

4.2. Phản hồi từ người dùng

Người dùng đã có những phản hồi tích cực về giao diện và tính năng của website, cho thấy sự thành công trong việc thiết kế và phát triển.

V. Kết Luận và Tương Lai của Website Bán Đồng Hồ

Khóa luận đã chứng minh rằng việc thiết kế một website bán đồng hồ không chỉ là một dự án học thuật mà còn có giá trị thực tiễn cao. Tương lai của website này có thể mở rộng với nhiều tính năng mới.

5.1. Tương lai phát triển

Có thể tích hợp thêm các tính năng như đánh giá sản phẩm, chương trình khuyến mãi và hỗ trợ khách hàng trực tuyến để nâng cao trải nghiệm người dùng.

5.2. Khuyến nghị cho nghiên cứu tiếp theo

Nên tiếp tục nghiên cứu về các công nghệ mới trong thiết kế web và marketing online để cải thiện hiệu quả kinh doanh cho website bán đồng hồ.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

Đồ án được thực hiện trong bối cảnh thương mại điện tử phát triển nhanh chóng, khi internet trở thành phương tiện truyền thông có sức ảnh hưởng lớn và thúc đẩy nhu cầu mua sắm trực tuyến. Tác giả chỉ ra rằng hình thức kinh doanh đồng hồ truyền thống qua bảng báo giá phát sinh nhiều bất cập: chi phí cao do số lượng sản phẩm đa dạng, giá cả thay đổi liên tục, tính phổ biến thấp, đồng thời cửa hàng chưa quản lý được thông tin người dùng, nhà sản xuất, và dữ liệu sản phẩm một cách hệ thống. Trên cơ sở đó, tác giả xác định sự cần thiết phải xây dựng một website thương mại điện tử chuyên về mặt hàng đồng hồ để đáp ứng nhu cầu mua sắm trực tuyến và nâng cao hiệu quả quản lý cửa hàng.

Mục tiêu của đề tài:

1. Xây dựng website bán đồng hồ phục vụ quảng cáo và bán hàng trên mạng, nhằm tăng hiệu quả kinh doanh của cửa hàng.
2. Thu hút người tiêu dùng đến cửa hàng, tạo điều kiện mở rộng quy mô.
3. Giúp công tác quản lý trở nên đơn giản, hiệu quả hơn, tiết kiệm nguồn nhân lực trong quản lý sổ sách.

Đối tượng nghiên cứu:

• Quy trình quản lý bán các mặt hàng đồng hồ.
• Các vấn đề cần giải quyết trong quản lý số lượng đồng hồ, tra cứu tìm kiếm mặt hàng.
• Xây dựng và khai thác cơ sở dữ liệu phục vụ quản lý.
• Theo dõi và thống kê các chức năng: doanh thu tháng, doanh thu năm, nhân viên, khách hàng, đồng hồ nam, đồng hồ nữ, đồng hồ trẻ em, hóa đơn chưa duyệt.

Phạm vi nghiên cứu: Hệ thống website bán đồng hồ trực tuyến, áp dụng cho mô hình cửa hàng kinh doanh đồng hồ tại Việt Nam, hoàn thành tháng 4 năm 2023.

---

Cơ sở lý thuyết và phương pháp

Công nghệ và nền tảng kỹ thuật

Đồ án sử dụng tổ hợp công nghệ web phổ biến theo mô hình client-server:

Công nghệ	Vai trò trong hệ thống
HTML (HyperText Markup Language)	Xây dựng cấu trúc và nội dung trang web
CSS (Cascading Style Sheets)	Định dạng giao diện, phong cách hiển thị
PHP (Hypertext Preprocessor)	Ngôn ngữ lập trình phía server, xử lý logic nghiệp vụ
JavaScript	Xử lý tương tác phía client, kiểm tra dữ liệu nhập
MySQL	Hệ quản trị cơ sở dữ liệu quan hệ, lưu trữ toàn bộ dữ liệu
Visual Studio Code	Môi trường soạn thảo và phát triển mã nguồn
XAMPP (Apache + MySQL + PHP + Perl)	Môi trường máy chủ cục bộ để phát triển và kiểm thử

Tác giả lựa chọn PHP do khả năng tích hợp tốt với MySQL, hỗ trợ mã nguồn mở, chạy trên Apache và tương thích với Linux, đồng thời MySQL được chọn vì miễn phí, linh hoạt về nền tảng, hiệu năng cao và bảo mật phù hợp với ứng dụng web thương mại điện tử.

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

Tác giả kết hợp các phương pháp sau:

• Lý luận: Tìm hiểu tài liệu từ sách, giáo trình, internet về các công nghệ web và thương mại điện tử.
• Logic, phân tích, tổng hợp, thống kê: Áp dụng trong phân tích yêu cầu hệ thống, xây dựng tài liệu đặc tả Use Case và biểu đồ UML.
• Khảo sát hiện trạng: Phân tích thực trạng kinh doanh đồng hồ trực tuyến tại Việt Nam và các vấn đề của mô hình truyền thống.
• Thiết kế hệ thống: Sử dụng sơ đồ Use Case tổng quát, biểu đồ tuần tự (sequence diagram), biểu đồ hoạt động (activity diagram) và thiết kế cơ sở dữ liệu quan hệ.

Nguồn dữ liệu

Dữ liệu được xây dựng trực tiếp trong quá trình thiết kế hệ thống, bao gồm cơ sở dữ liệu MySQL với các bảng: nguoidung, loaisanpham, khuyenmai, phanquyen, sanpham, hoadon, danhmuc, chitiethoadon, banner.

---

Nội dung chính theo từng chương

Chương 1: Cơ sở lý thuyết

Chương này trình bày nền tảng lý thuyết về các công nghệ được sử dụng trong đồ án. Tác giả giới thiệu lần lượt HTML với cấu trúc cơ bản gồm ba phần <!Doctype>, <head> và <body>, cùng các thẻ thường dùng như <table>, <img>, <a>, <form>, thẻ Input và thẻ Select. Với CSS, tác giả trình bày cú pháp selector – declaration block và ba lợi ích chính: giải quyết vấn đề lặp lại định dạng, tiết kiệm thời gian chỉnh sửa toàn trang, và cung cấp thêm thuộc tính so với HTML.

PHP được giới thiệu là ngôn ngữ lập trình kịch bản phía máy chủ, mã nguồn mở, với ưu điểm tích hợp tốt cùng MySQL và XAMPP, cú pháp gần với C. Tác giả trình bày cú pháp nhúng PHP vào HTML, khai báo biến với tiền tố $, và các quy tắc lập trình cơ bản. JavaScript được giới thiệu là ngôn ngữ thông dịch phía client, phát triển bởi Brendan Eich tại Netscape, với khả năng kiểm tra dữ liệu nhập và tạo hiệu ứng tương tác thông qua DOM. Chương cũng trình bày MySQL với các ưu điểm về linh hoạt nền tảng, hiệu năng cao, hỗ trợ giao dịch ACID, bảo mật tốt và chi phí thấp; Visual Studio Code và XAMPP được giới thiệu như công cụ phát triển chính.

Chương 2: Phân tích và thiết kế Website

Chương này thực hiện phân tích toàn diện hệ thống và thiết kế kiến trúc website. Tác giả khảo sát hiện trạng kinh doanh đồng hồ trực tuyến tại Việt Nam, chỉ ra thuận lợi (không mất chi phí thuê mặt bằng, không cần vốn lớn) và hạn chế (người dùng lo ngại về chất lượng sản phẩm và uy tín giao hàng, phía bán hàng không kiểm soát được phản ứng khách hàng).

Yêu cầu chức năng được phân chia theo hai nhóm tác nhân. Người quản trị (Admin) có các chức năng: đăng nhập/đăng xuất, quản lý sản phẩm (xem/thêm/sửa/xóa), quản lý loại sản phẩm, quản lý danh mục sản phẩm, quản lý hóa đơn (xét duyệt/hủy), quản lý người dùng, quản lý khuyến mãi, quản lý banner, thống kê doanh thu theo tháng/năm. Khách hàng có các chức năng: đăng ký tài khoản, đăng nhập/đăng xuất, tìm kiếm sản phẩm, xem thông tin sản phẩm, thêm vào giỏ hàng, đặt hàng và thanh toán.

Hệ thống được phân tích thông qua sơ đồ Use Case tổng quát với hai tác nhân chính (khách hàng và người quản lý), cùng 10 biểu đồ tuần tự (UC đăng nhập, đăng ký, đăng xuất, tìm kiếm, đặt hàng, sản phẩm, loại sản phẩm, danh mục sản phẩm, người dùng, hóa đơn) và 9 biểu đồ hoạt động (đăng nhập, đăng ký, đăng xuất, tìm kiếm, quản lý danh mục sản phẩm, quản lý người dùng, đặt hàng, quản lý hóa đơn, thanh toán). Mỗi Use Case được đặc tả chi tiết với luồng sự kiện chính, luồng phụ và các điều kiện rẽ nhánh.

Thiết kế dữ liệu xây dựng 9 bảng trong MySQL: nguoidung, loaisanpham, khuyenmai, phanquyen, sanpham, hoadon, danhmuc, chitiethoadon, banner.

Chương 3: Xây dựng Website

Chương này trình bày kết quả hiện thực hóa hệ thống, bao gồm cài đặt cơ sở dữ liệu và các giao diện chính. Phía người dùng có 8 giao diện: trang chủ, cửa hàng, giới thiệu, liên hệ, giỏ hàng, đăng nhập và đăng ký, tìm kiếm sản phẩm, thanh toán. Phía quản trị có 9 giao diện: trang chủ quản trị, quản lý tài khoản, quản lý sản phẩm, thêm sản phẩm, quản lý loại sản phẩm, xét duyệt hóa đơn, quản lý danh mục sản phẩm, quản lý banner, quản lý khuyến mãi. Các giao diện được hiển thị trực tiếp qua ảnh chụp màn hình trong văn bản.

---

Thiết kế và triển khai

Kiến trúc hệ thống

Website được xây dựng theo mô hình client-server với kiến trúc LAMP cục bộ (Linux/Windows – Apache – MySQL – PHP), triển khai trên môi trường XAMPP. Phía client sử dụng HTML, CSS và JavaScript; phía server xử lý logic bằng PHP, dữ liệu lưu trữ trong MySQL.

Cơ sở dữ liệu

Hệ thống gồm 9 bảng dữ liệu với quan hệ rõ ràng:

Bảng	Mô tả
nguoidung	Thông tin tài khoản người dùng và khách hàng
sanpham	Thông tin sản phẩm đồng hồ
loaisanpham	Phân loại sản phẩm (nam, nữ, trẻ em)
danhmuc	Danh mục sản phẩm
hoadon	Thông tin hóa đơn đặt hàng
chitiethoadon	Chi tiết từng mục trong hóa đơn
khuyenmai	Thông tin chương trình khuyến mãi
phanquyen	Phân quyền truy cập (admin, khách hàng)
banner	Quản lý banner hiển thị trên trang chủ

Các chức năng chính được triển khai

Website phân quyền hai nhóm người dùng rõ ràng. Luồng xử lý đặt hàng trải qua các bước: đăng nhập → chọn sản phẩm → thêm vào giỏ hàng → xác nhận thanh toán → admin xét duyệt hóa đơn → giao hàng. Chức năng tìm kiếm sản phẩm cho phép truy vấn theo tên sản phẩm và hiển thị kết quả tức thì. Hệ thống phân quyền kiểm soát truy cập riêng biệt giữa admin và khách hàng thông qua bảng phanquyen.

---

Kết quả và đóng góp

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

Đồ án hoàn thành xây dựng website bán đồng hồ trực tuyến với đầy đủ chức năng theo yêu cầu đặt ra, gồm:

• 8 giao diện phía người dùng: trang chủ, cửa hàng, giới thiệu, liên hệ, giỏ hàng, đăng nhập/đăng ký, tìm kiếm sản phẩm, thanh toán.
• 9 giao diện phía quản trị: trang chủ, quản lý tài khoản, quản lý sản phẩm, thêm sản phẩm, quản lý loại sản phẩm, xét duyệt hóa đơn, quản lý danh mục, quản lý banner, quản lý khuyến mãi.
• 9 bảng cơ sở dữ liệu được cài đặt và vận hành trong MySQL.

Giải pháp và kiến nghị

Hệ thống giải quyết các bài toán cụ thể mà tác giả đặt ra: quản lý danh mục sản phẩm đồng hồ (nam, nữ, trẻ em); theo dõi doanh thu theo tháng và năm; xét duyệt và theo dõi trạng thái hóa đơn; quản lý thông tin khách hàng; vận hành chương trình khuyến mãi và banner quảng cáo.

Đóng góp

Tác giả nêu ba đóng góp chính:

1. Giúp công tác quản lý trở nên đơn giản và hiệu quả hơn, tiết kiệm nguồn nhân lực trong quản lý sổ sách.
2. Tạo tính chuyên nghiệp trong quản lý bán đồng hồ.
3. Cung cấp kênh mua sắm trực tuyến giúp khách hàng tiết kiệm thời gian và chi phí, không cần đến cửa hàng trực tiếp.

---

Hạn chế và hướng nghiên cứu tiếp

Văn bản không đề cập trực tiếp đến phần hạn chế và hướng mở, song dựa trên phạm vi nghiên cứu, một số giới hạn có thể xác định:

• Hệ thống được xây dựng và kiểm thử trên môi trường cục bộ (XAMPP), chưa triển khai lên máy chủ thực tế phục vụ người dùng thật.
• Chức năng thanh toán được mô tả dưới dạng quy trình xác nhận thủ công qua quản trị viên, chưa tích hợp cổng thanh toán điện tử.
• Phạm vi sản phẩm giới hạn ở mặt hàng đồng hồ, chưa mở rộng sang các danh mục thương mại điện tử khác.
• Hướng phát triển tiếp theo có thể bao gồm: tích hợp cổng thanh toán trực tuyến, triển khai trên hosting thực tế, bổ sung chức năng đánh giá sản phẩm và thống kê báo cáo chi tiết hơn.

---

Giá trị tham khảo

Đồ án phù hợp làm tài liệu tham khảo cho:

• Sinh viên ngành Công nghệ thông tin, Toán – Tin đang thực hiện đồ án tốt nghiệp về xây dựng website thương mại điện tử lần đầu, đặc biệt ở giai đoạn học tập cơ bản với tổ hợp PHP – MySQL.
• Sinh viên mới bắt đầu học lập trình web có thể tham khảo Chương 1 về cú pháp và vai trò của HTML, CSS, PHP, JavaScript, MySQL trong một dự án thực tế.
• Người thực hiện đề tài tương tự về website bán hàng trực tuyến có thể tham khảo Chương 2 về cách xây dựng Use Case, biểu đồ tuần tự, biểu đồ hoạt động và thiết kế cơ sở dữ liệu; Chương 3 về tổ chức giao diện quản trị và giao diện người dùng.
• Người nghiên cứu mô hình thương mại điện tử quy mô nhỏ có thể tham khảo phần khảo sát hiện trạng và phân tích yêu cầu hệ thống ở Chương 2.

---

Câu hỏi thường gặp

1. Website bán đồng hồ trong đồ án phân chia quyền người dùng như thế nào? Hệ thống phân chia thành hai nhóm tác nhân chính: người quản trị (Admin) và khách hàng. Admin quản lý toàn bộ dữ liệu sản phẩm, hóa đơn, người dùng, khuyến mãi và banner, đồng thời xét duyệt hoặc hủy hóa đơn đặt hàng. Khách hàng cần đăng ký tài khoản trước khi tiến hành thanh toán; sau khi đăng nhập, khách hàng có thể tìm kiếm sản phẩm, thêm vào giỏ hàng, đặt hàng và theo dõi trạng thái đơn hàng.

2. Cơ sở dữ liệu của website gồm những bảng nào và mỗi bảng lưu thông tin gì? MySQL gồm 9 bảng: nguoidung (tài khoản người dùng), sanpham (thông tin đồng hồ), loaisanpham (phân loại: nam, nữ, trẻ em), danhmuc (danh mục sản phẩm), hoadon (đơn đặt hàng), chitiethoadon (chi tiết từng sản phẩm trong hóa đơn), khuyenmai (chương trình giảm giá), phanquyen (quyền truy cập), banner (ảnh banner trang chủ).

3. Quy trình đặt hàng và thanh toán trong hệ thống diễn ra như thế nào? Theo biểu đồ tuần tự UC đặt hàng và UC thanh toán: khách hàng đăng nhập vào hệ thống → xem chi tiết sản phẩm → yêu cầu đặt hàng → hệ thống kiểm tra tình trạng hàng → thêm vào giỏ hàng → khách hàng xác nhận → kích chọn thanh toán trong giỏ hàng → người quản lý nhận yêu cầu và thực hiện xác nhận/hủy hóa đơn → thông báo kết quả.

4. Website cung cấp những chức năng thống kê nào cho người quản trị? Theo phần yêu cầu chức năng, hệ thống thống kê các chỉ số: doanh thu tháng hiện tại, doanh thu năm hiện tại, số lượng nhân viên, số lượng khách hàng, số lượng đồng hồ nam, đồng hồ nữ, đồng hồ trẻ em, và số hóa đơn chưa được duyệt.

5. Những công cụ và môi trường nào được sử dụng để phát triển website? Đồ án sử dụng: Visual Studio Code làm trình soạn thảo mã nguồn; XAMPP (tích hợp Apache, MySQL, PHP, Perl) làm môi trường máy chủ cục bộ; ngôn ngữ lập trình gồm HTML, CSS, PHP, JavaScript; hệ quản trị cơ sở dữ liệu MySQL. Toàn bộ được kiểm thử trên môi trường cục bộ trước khi hoàn thành báo cáo vào tháng 4 năm 2023.

---

Kết luận

Đồ án "Xây dựng website bán đồng hồ" của sinh viên Thaikeu VATSANGA, Khoa Toán – Tin, Đại học Quảng Nam (2023), trình bày toàn bộ quy trình phát triển một website thương mại điện tử từ phân tích yêu cầu, thiết kế hệ thống đến hiện thực hóa bằng tổ hợp công nghệ HTML, CSS, PHP, JavaScript và MySQL. Hệ thống đáp ứng đầy đủ hai nhóm chức năng cho người quản trị và khách hàng, với 9 bảng cơ sở dữ liệu, 10 Use Case đặc tả chi tiết, và tổng cộng 17 giao diện được triển khai. Đây là đồ án ứng dụng mang tính thực tiễn cho bài toán quản lý bán hàng trực tuyến quy mô nhỏ, đặc biệt phù hợp làm tài liệu tham khảo cho sinh viên Công nghệ thông tin trong giai đoạn học tập lập trình web cơ bản với PHP và MySQL.

Trích đoạn nội dung tài liệu

CHƯƠNG 1 : CƠ SỞ LÝ THUYẾT 1. Giới thiệu về đề tài Việc kinh doanh mua bán là nhu cầu không thể thiếu đối với mọi chúng ta. Trong thời đại cạnh tranh hiện nay việc giới thiệu sản phẩm kinh doanh đến từng cá nhân với chi phí thấp, hiệu quả cao là một vấn đề nan giải của người kinh doanh cùng với nhu cầu mua sắm với những sản phẩm đa chủng loại, đạt chất lượng, và hợp túi tiền của người tiêu dùng vì vậy thương mại điện tử đã được ra đời và dần dần phát triển trên toàn thế giới. Việc phổ biến các sản phẩm của cửa hàng kinh doanh đến khách hàng thông qua các bảng báo giá tuy nhiên chi phí khá cao vì số lượng sản phẩm ngày một đa dạng và giá cả thay đổi liên tục và tính phổ biến không cao chưa đáp ứng được nhu cầu người dùng.

Mặt khác của hàng còn gặp nhiều khó khăn như chưa quản lý được người dùng, thông tin nhà sản xuất, cập nhật giá sản phẩm, quản lý sản phẩm. Nắm bắt được tình hình trên em tiến hành thiết kế trang web mua bán hàng online để mong sao giúp cho các cửa hàng phát triển nhanh hơn, giúp cho chủ cửa hàng có thể quản lý cửa hàng của mình một cách tốt hơn. Giới thiệu các ngôn ngữ lập trình 1. Ngôn ngữ HTML Ngôn ngữ HTML (HyperText Markup Language – ngôn ngữ siêu văn bản) là một trong các loại ngôn ngữ được sử dụng trong lập trình web.

Khi truy cập một trang web cụ thể là click vào các đường link, bạn sẽ được dẫn tới nhiều trang các nhau và các trang này được gọi là một tài liệu HTML (tập tin HTML). Một trang HTML như vậy được cấu thành bởi nhiều phần tử HTML nhỏ và được quy định bằng các thẻ tag. Bạn có thể phân biệt một trang web được viết bằng ngôn ngữ HTML hay PHP thông qua đường link của nó. Ở cuối các trang HTML thường hay có đuôi là HTML hoặc HTM.1: Mô hình của HTML Một trang HTML được cấu thành bởi nhiều phần tử HTML nhỏ và được quy định bằng các thẻ tag.

HTML là ngôn ngữ lập trình web được đánh giá là đơn giản. Mọi trang web, mọi trình duyệt web đều có thể hiển thị tốt ngôn ngữ HTML. Hiện nay, phiên bản mới nhất của HTML là HTML 5 với nhiều tính năng tốt và chất lượng hơn so với các phiên bản HTML cũ. Vậy, đối với các website, ngôn ngữ HTML đóng vai trò như thế nào? HTML, theo đúng nghĩa của nó, là một loại ngôn ngữ đánh dấu siêu văn bản, thế nên các chức năng của nó cũng xoay quanh yếu tố này.

Cụ thể, HTML giúp cấu thành các cấu trúc cơ bản trên một website (chia khung sườn, bố cục các thành phần trang web) và góp phần hỗ trợ khai báo các tập tin kĩ thuật số như video, nhạc, hình ảnh.2: Mô hình hoạt động JavaScript, CSS, HTML Ưu điểm nổi trội nhất và cũng là thế mạnh của HTML là khả năng xây dựng cấu trúc và khiến trang web đi vào quy cũ một hệ thống hoàn chỉnh. Nếu bạn mong muốn sở hữu một website có cấu trúc tốt có mục đích sử dụng nhiều loại yếu tố 4 trong văn bản, hãy hỏi HTML. Nhiều ý kiến cho rằng tùy theo mục đích sử dụng mà lập trình viên hay người dùng có thể lựa chọn ngôn ngữ lập trình riêng cho website của bạn, tuy nhiên thực chất HTML chứa những yếu tố cần thiết mà dù website của bạn có thuộc thể loại nào, giao tiếp với ngôn ngữ lập trình nào để xử lý dữ liệu thì nó vẫn phải cần đến ngôn ngữ HTML để hiển thị nội dung cho người truy cập. Nói đúng hơn, dù website của bạn được xây dựng như thế nào, trên nền tảng nào thì nó cũng cần đến sự hỗ trợ của HTML, dù ít dù nhiều.

Đối với các lập trình viên hay nhà phát triển web, họ đều phải học HTML như một loại ngôn ngữ cơ bản trước khi bắt tay vào thiết kế trang web nào. Cấu trúc cơ bản của một trang HTML Cấu trúc cơ bản của HTML Cấu trúc cơ bản của trang HTML/XHTML có dạng như sau, thường gồm 3 phần: <!Doctype>: Phần khai báo chuẩn của html hay xhtml. <head></head>: Phần khai báo ban đầu, khai báo về meta, title, CSS, javascript. <body></body>: Phần chứa nội dung của trang web, nơi hiển thị nội dung.

 Cấu trúc cơ bản <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 3.4 Transitional//EN" "http://www.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Tiêu đề trang web</title> </head> <body> .Phần thân viết ở đây. </body> </html> Cấu trúc cơ bản của trang web Mỗi trang web đều có cách thể hiện cấu trúc khác nhau, có trang 1 cột, có trang 2 và cũng có trang chứa nhiều cột, bên dưới đây chúng ta tham khảo một trang đơn giản sử dụng 2 cột để layout. 5  Phần đầu: header, có thể chứa logo, câu slogan, các liên kết, các banner liên kết, các button, đoạn flash, hoặc các form ngắn như form tìm kiếm.  Phần liên kết toàn cục: global navigation, dùng để chứa các liên kết đến những trang quan trọng trong toàn bộ trang, trong phần này có thể chứa thêm các liên kết con (Sub Navigation).

 Phần thân của trang: page body, phần này chứa phần nội dung chính (Content) và phần nội dung phụ (Sidebar).  Phần nội dung chính: content, phần này chứa nội dung chính cần thể hiện cho người dùng xem.  Phần nội dung phụ: sidebar, phần này có thể chứa liên kết phụ của từng trang (Local Navigation), hoặc các banner chứa liên kết liên quan, hoặc có thể dùng để chứa các liên kết quảng cáo.  Phần cuối trang web: footer, phần này thường chưa phân liên hệ như: tên công ty, địa chỉ, số điện thoại, mail liên hệ,.

và đặc biệt là copyright, hoặc có thể chứa các liên kết toàn trang, các banner liên kết.3: Mô hình cấu trúc cơ bản của trang HTML 6 1. Các thẻ HTML cơ bản • Thẻ <head>.</head>: Tạo đầu mục trang • Thẻ <title>.</title>: Tạo tiêu đề trang trên thanh tiêu đề, đây là thẻ bắt buộc. Thẻ title cho phép bạn trình bày chuỗi trên thanh tựa đề của trang Web mỗi khi trang Web đó được duyệt trên trình duyệt Web. • Thẻ <body>…</body>: Tất cả các thông tin khai báo trong thẻ <body> đều có thể xuất hiện trên trang Web.

Những thông tin này có thể nhìn thấy trên trang Web. • Các thẻ định dạng khác.</p>: Tạo một đoạn mới.</font>: Thay đổi phông chữ , kích cỡ và màu kí tự. • Thẻ định dạng bảng <table>.<table>: Đây là thẻ định dạng bảng trên trang Web. Sau khi khai báo thẻ này, bạn phải khai báo các thẻ hàng <tr> và thẻ cột <td> cùng với các thuộc tính của nó.

• Thẻ hình ảnh <img>: Cho phép bạn chèn hình ảnh vào trang Web. Thẻ này thuộc loại thẻ không có thể đóng. • Thẻ liên kết <a>.</a>: Là loại thẻ dùng để liên kết giữa các trang Web hoặc liên kết đến địa chỉ Internet, Mail hay Intranet (URL) và địa chỉ trong tập tin trong mạng cục bộ (UNC). Bạn đã gửi Hôm nay lúc 13:39 • Các thẻ Input: Thẻ Input cho phép người dùng nhập dữ liệu hay chỉ thị thực thi một hành động nào đó, thẻ Input bao gồm các loại thẻ như: text, password, submit button, reset, checkbox, radio, image.

• The Textarea: <Textarea>.<\Textarea>: The Textarea cho phép người dùng nhập liệu với rất nhiều dòng. Với thẻ này bạn không thể giới hạn chiều dài lớn nhất trên trang Web. • Thẻ Select: Thẻ Select cho phép người dùng chọn phần tử trong tập phương thức đã được định nghĩa trước. Nếu thẻ Select cho phép người dùng chọn một phần tử trong danh sách phần tử thì thẻ Select sẽ giống như combobox.

Nếu thẻ Select cho phép người dùng chọn nhiều phần tử cùng một lần trong danh sách phần tử, thẻ Select đó là dạng listbox. • Thẻ Form: Khi bạn muốn submit dữ liệu người dùng nhập từ trang web phía Client 7 lên phía Server, bạn có hai cách để làm điều nàu ứng với hai phương thức POST và GET trong thẻ form. Trong một trang Web có thể có nhiều thẻ Form khác nhau, nhưng các thẻ Form này không được lồng nhau, mỗi thẻ form sẽ được khai bảo hành động (Action) chỉ đến một trang khác. Ngôn ngữ CSS 1.1 Định nghĩa CSS CSS là viết tắt của Cascading Style Sheets.

Đây là một ngôn ngữ style sheet được sử dụng để mô tả giao diện và định dạng của một tài liệu viết bằng ngôn ngữ đánh dấu (Markup). Nó cung cấp một tính năng bổ sung cho HTML. Nó thường được sử dụng với HTML để thay đổi phong cách của trang web và giao diện người dùng. Nó cũng có thể được sử dụng với bất kỳ loại tài liệu XML nào bao gồm cả XML đơn giản, SVG và XUL.

CSS được sử dụng cùng với HTML và JavaScript trong hầu hết các trang web để tạo giao diện người dùng cho các ứng dụng web và giao diện người dùng cho nhiều ứng dụng di động.  CSS làm được những gì? Bạn có thể thêm giao diện mới vào các tài liệu HTML cũ. Bạn hoàn toàn có thể thay đổi giao diện trang web của mình chỉ với một vài thay đổi trong mã CSS.2 Cú pháp của CSS Bộ quy tắc CSS chứa selector và khối khai báo.4: Mô hình cú pháp của CSS. Selector: Bộ chọn cho biết phần tử HTML bạn muốn tạo kiểu cách.

Nó có thể là bất kỳ thẻ nào như <h1>, <title>,. Declaration Block: Khối khai báo có thể chứa một hoặc nhiều khai báo được phân cách bởi dấu chấm phẩy (;). Đối với ví dụ trên, có hai khai báo: 8 1. font-size: 11 px; Mỗi khai báo chứa một tên thuộc tính và giá trị, được phân cách bởi dấu hai chấm.

Property: Một property là một kiểu của thuộc tính của phần tử HTML. Nó có thể là color, border,. Value: Các giá trị được gán cho thuộc tính CSS. Trong ví dụ trên, giá trị “yellow” được gán cho thuộc tính color.

Selector{Propertyl: valuel; Property2: value2; .3 Tại sao phải sử dụng CSS Đây là ba lợi ích chính của CSS:  Giải quyết một vấn đề lớn Trước khi có CSS, các thẻ như phông chữ, màu sắc, kiểu nền, các sắp xếp phần tử, đường viền và kích thước phải được lặp lại trên mọi trang web. Đây là một quá trình rất dài tốn thời gian và công sức. Ví dụ: Nếu bạn đang phát triển một trang web lớn nơi phông chữ và thông tin màu được thêm vào mỗi trang, nó sẽ trở thành một quá trình dài và tốn kém. CSS đã được tạo ra để giải quyết vấn đề này.

Đó là một khuyến cáo của W3C.  Tiết kiệm rất nhiều thời gian Định nghĩa kiểu CSS được lưu trong các tệp CSS bên ngoài vì vậy có thể thay đổi toàn bộ trang web bằng cách thay đổi chỉ một tệp.