Xây Dựng Website Bán Hàng Bằng PHP, HTML, CSS

Chuyên khảo phân tích Thực tập cơ sở đề tài viết website bán hàng bằng php html css, đánh giá các khía cạnh quan trọng, đề xuất hướng nghiên cứu tiếp theo.

• Đề tài: Xây Dựng Website Bán Hàng Bằng PHP, HTML, CSS

Mục lục chi tiết

• LỜI CẢM ƠN
• LỜI CAM ĐOAN
• LỜI NÓI ĐẦU
• 1. CHƯƠNG 1: GIỚI THIỆU VỀ CÁC CÔNG NGHỆ
• 1.1. GIỚI THIỆU CHUNG VỀ BOOTSTRAP
• 1.1.1. Bootstrap là gì
• 1.1.2. Ưu điểm
• 1.1.3. Nhược điểm
• 1.2. GIỚI THIỆU VỀ NGÔN NGỮ PHP
• 1.2.1. Cách hoạt động của PHP
• 1.3. GIỚI THIỆU VỀ HỆ QUẢN TRỊ MYSQL
• 1.4. GIỚI THIỆU VỀ HTML
• 1.4.1. Ưu điểm
• 1.4.2. Nhược điểm
• 1.5. GIỚI THIỆU VỀ CSS
• 1.5.1. Ưu điểm
• 1.5.2. Nhược điểm
• 1.6. GIỚI THIỆU MÔ HÌNH MVC (MODELS-VIEWS-CONTROLLERS)
• 1.6.1. Ưu điểm
• 1.6.2. Nhược điểm
• 2. CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH VÀ THIẾT KẾ
• 2.1. Giới thiệu về cửa hàng
• 2.2. Hiện trạng cửa hàng
• 2.3. Nhu cầu xây dựng Web
• 2.4. Giới thiệu Web bán hàng
• 2.5. YÊU CẦU HỆ THỐNG THÔNG TIN
• 2.5.1. Yêu cầu hệ thống
• 2.5.2. Yêu cầu chức năng
• 2.5.3. Yêu cầu phi chức năng
• 2.6. PHÂN TÍCH HỆ THỐNG
• 2.6.1. Các tác nhân
• 2.6.2. Danh sách các UseCase
• 2.6.3. UseCase tổng quát
• 2.6.4. Ca sử dụng Quản trị viên
• 2.6.5. Biểu đồ ca sử dụng của Nhân viên
• 2.6.6. Ca sử dụng khách hàng
• 2.6.7. Đặc tả UseCase
• 2.6.7.1. Đặc tả UseCase đăng nhập
• 2.6.7.2. Đặc tả UseCase quản lý khách hàng
• 2.6.7.3. Đặc tả Phân quyền
• 2.6.7.4. Đặc tả quản lý sản phẩm
• 2.6.7.5. Đặc tả đăng kí
• 2.6.8. Biểu đồ hoạt động UC
• 2.6.8.1. Biểu đồ UC quản lý sản phẩm
• 2.6.8.2. Biểu đồ hoạt UC quản lý khách hàng
• 2.6.8.3. Biểu đồ hoạt động UC đăng nhập
• 2.6.8.4. Biểu đồ hoạt động UC đăng kí
• 2.6.9. Biểu đồ tuần tự
• 2.6.9.1. Biểu đồ tuần tự chức năng đăng nhập
• 2.6.9.2. Biểu đồ tuần tự chức năng đăng kí
• 2.6.9.3. Biểu đồ tuần tự chức năng thêm sản phẩm
• 2.6.9.4. Biểu đồ tuần tự chức năng sửa sản phẩm
• 2.6.9.5. Biểu đồ tuần tự chức năng xóa sản phẩm
• 2.6.9.6. Biểu đồ tuần tự chức năng thêm khách hàng
• 2.6.9.7. Biểu đồ tuần tự chức năng sửa thông tin khách
• 2.6.9.8. Biểu đồ tuần tự chức năng xóa khách hàng
• 2.6.10. Biểu lớp tổng quát
• 3. CHƯƠNG 3: XÂY DỰNG WEBSITE
• 3.1. Mô tả website
• 3.2. XÂY DỰNG VÀ CÀI ĐẶT CHƯƠNG TRÌNH
• 3.2.1. Chạy chương trình
• 3.2.2. Một số giao diện của hệ thống
• TÀI LIỆU THAM KHẢO
• NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

Tóm tắt

I. Hướng Dẫn Toàn Diện Xây Dựng Website Bán Hàng Bằng PHP

Việc xây dựng website bán hàng bằng PHP, HTML, CSS là một lựa chọn nền tảng và vững chắc cho các dự án thương mại điện tử. Sự kết hợp của bộ ba công nghệ này cho phép tạo ra các web động, linh hoạt và có khả năng tùy biến cao. PHP, với vai trò là một ngôn ngữ kịch bản phía máy chủ (backend PHP), chịu trách nhiệm xử lý logic nghiệp vụ, tương tác với cơ sở dữ liệu và sinh mã HTML trả về cho trình duyệt. Theo báo cáo của Nguyễn Văn Viên, "PHP đã trải qua nhiều phiên bản và được tối ưu hóa cho các ứng dụng web, với cách viết mã rõ ràng, tốc độ nhanh, dễ học". Trong khi đó, HTML (HyperText Markup Language) đóng vai trò định hình cấu trúc xương sống của trang web, xác định các thành phần như tiêu đề, đoạn văn, hình ảnh. Cuối cùng, CSS (Cascading Style Sheets) đảm nhận việc định dạng, trang trí giao diện, giúp website trở nên chuyên nghiệp và hấp dẫn. Kiến trúc này tạo ra một sự phân tách rõ ràng giữa logic, cấu trúc và trình bày, một nguyên tắc cơ bản trong lập trình web PHP hiện đại. Việc nắm vững cách các công nghệ này phối hợp với nhau là bước đầu tiên và quan trọng nhất để xây dựng một hệ thống bán hàng trực tuyến hoàn chỉnh, từ việc hiển thị sản phẩm đến xử lý giỏ hàng và đơn đặt hàng.

1.1. Vai trò của PHP HTML CSS trong phát triển web hiện đại

Trong một dự án website bán hàng, mỗi công nghệ đảm nhận một vai trò không thể thay thế. PHP hoạt động ở phía máy chủ, xử lý các yêu cầu từ người dùng như tìm kiếm sản phẩm, thêm hàng vào giỏ, hay xử lý đăng nhập. Nó kết nối trực tiếp với cơ sở dữ liệu MySQL để truy xuất và lưu trữ dữ liệu. HTML là ngôn ngữ đánh dấu siêu văn bản, có nhiệm vụ xây dựng cấu trúc cơ bản cho mọi trang web, từ trang chủ, trang danh mục đến trang chi tiết sản phẩm. Cấu trúc HTML chuẩn SEO giúp các công cụ tìm kiếm dễ dàng đọc và lập chỉ mục nội dung. CSS là công cụ quyết định tính thẩm mỹ của website. Nó kiểm soát màu sắc, font chữ, bố cục và hiệu ứng, tạo ra trải nghiệm người dùng nhất quán và chuyên nghiệp. Sự kết hợp này là nền tảng để tạo ra các trang web có khả năng tương tác cao và quản lý nội dung hiệu quả.

1.2. Tổng quan về các công nghệ hỗ trợ như Bootstrap và MySQL

Để đẩy nhanh quá trình phát triển và tăng cường chức năng, các công nghệ hỗ trợ đóng vai trò quan trọng. Bootstrap 5, một framework frontend mạnh mẽ, cung cấp một bộ sưu tập các thành phần HTML, CSS và Javascript được thiết kế sẵn. Báo cáo đề tài nhấn mạnh, "Bootstrap cho phép thiết kế website responsive nhanh hơn và dễ dàng hơn". Điều này đảm bảo website hiển thị tốt trên mọi thiết bị, từ máy tính để bàn đến điện thoại di động. Về phía backend, cơ sở dữ liệu MySQL là hệ quản trị cơ sở dữ liệu nguồn mở phổ biến nhất, được biết đến với tốc độ cao, tính ổn định và bảo mật. Nó là nơi lưu trữ toàn bộ thông tin quan trọng của website, bao gồm thông tin sản phẩm, khách hàng, và lịch sử đơn hàng. Việc sử dụng các công cụ này giúp giảm thiểu thời gian viết code web bán hàng từ đầu và tập trung hơn vào logic kinh doanh.

II. Phân Tích Các Thách Thức Khi Lập Trình Web Bán Hàng PHP

Phát triển một website thương mại điện tử đặt ra nhiều thách thức phức tạp hơn so với một trang web thông tin tĩnh. Thách thức lớn nhất nằm ở việc đảm bảo tính toàn vẹn dữ liệu và an toàn cho người dùng. Các chức năng cốt lõi như quản lý sản phẩm PHP, quản lý đơn hàng, và xử lý thanh toán online đòi hỏi một hệ thống backend được xây dựng cẩn thận. Một sai sót nhỏ trong logic có thể dẫn đến thất thoát tài chính hoặc lộ thông tin khách hàng. Một vấn đề quan trọng khác là bảo mật website PHP. Các lỗ hổng phổ biến như SQL Injection, Cross-Site Scripting (XSS) phải được phòng chống triệt để. Việc quản lý phiên làm việc của người dùng thông qua session và cookie cũng cần được thực hiện một cách an toàn để tránh bị đánh cắp phiên. Ngoài ra, việc xây dựng một giao diện người dùng (UI) trực quan và trải nghiệm người dùng (UX) mượt mà trên nhiều thiết bị cũng là một yêu cầu không thể bỏ qua. Hệ thống phải đáp ứng nhanh chóng, ngay cả khi có lượng truy cập lớn. Những thách thức này đòi hỏi lập trình viên phải có kiến thức sâu rộng về cả frontend HTML CSS và backend PHP.

2.1. Yêu cầu về chức năng và phi chức năng của một hệ thống

Một website bán hàng thành công phải đáp ứng đầy đủ các yêu cầu chức năng và phi chức năng. Về chức năng, hệ thống cần có các module chính: quản lý người dùng (đăng nhập đăng ký PHP), danh mục sản phẩm, tìm kiếm, giỏ hàng PHP, và quy trình thanh toán. Đối với quản trị viên, cần có các chức năng quản lý toàn diện như thêm/sửa/xóa sản phẩm và xử lý đơn hàng. Về yêu cầu phi chức năng, theo đề tài nghiên cứu, hệ thống cần đảm bảo "giao diện đẹp, thân thiện với người dùng", "hoạt động liên tục", và "phục vụ một lúc được nhiều người". Tính bảo mật, hiệu suất tải trang và khả năng mở rộng trong tương lai cũng là những yếu tố phi chức năng cực kỳ quan trọng, quyết định sự bền vững của dự án.

2.2. Vấn đề bảo mật và quản lý phiên người dùng Session và Cookie

Bảo mật là ưu tiên hàng đầu. Lập trình viên cần lọc và xác thực mọi dữ liệu đầu vào từ người dùng để ngăn chặn các cuộc tấn công. Sử dụng các câu lệnh SQL được tham số hóa (Prepared Statements) là phương pháp hiệu quả để chống SQL Injection. Quản lý phiên người dùng là một phần cốt lõi của bảo mật website PHP. Session và cookie được sử dụng để duy trì trạng thái đăng nhập và lưu trữ thông tin tạm thời. Điều quan trọng là phải cấu hình session an toàn, sử dụng mã định danh session phức tạp và thiết lập cờ HttpOnly cho cookie để ngăn chặn truy cập trái phép từ Javascript, qua đó giảm thiểu rủi ro từ các cuộc tấn công XSS. Mật khẩu người dùng phải được băm (hashing) bằng các thuật toán mạnh như bcrypt trước khi lưu vào cơ sở dữ liệu.

III. Bí Quyết Xây Dựng Backend PHP Và Cơ Sở Dữ Liệu MySQL

Nền tảng của một website bán hàng mạnh mẽ nằm ở phần backend. Việc xây dựng backend PHP hiệu quả đòi hỏi một cấu trúc mã nguồn có tổ chức và một thiết kế cơ sở dữ liệu được tối ưu. Một trong những phương pháp hay nhất là áp dụng mô hình MVC PHP. Như đã nêu trong tài liệu tham khảo, mô hình MVC "tách biệt phần xử lý ra khỏi giao diện, cho phép phát triển, kiểm tra và làm việc theo dự án". Cụ thể, Model chịu trách nhiệm tương tác với cơ sở dữ liệu MySQL, View đảm nhận việc hiển thị dữ liệu, và Controller đóng vai trò trung gian điều phối luồng yêu cầu. Việc áp dụng kiến trúc này, ngay cả khi sử dụng PHP thuần, cũng giúp mã nguồn trở nên dễ bảo trì và mở rộng. Thiết kế cơ sở dữ liệu là một bước quan trọng không kém. Các bảng như users, products, categories, orders, order_details cần được thiết kế với các mối quan hệ (foreign keys) rõ ràng để đảm bảo tính nhất quán của dữ liệu. Việc chuẩn hóa cơ sở dữ liệu giúp loại bỏ sự dư thừa và cải thiện hiệu suất truy vấn, đặc biệt quan trọng đối với các chức năng quản lý sản phẩm PHP và quản lý đơn hàng.

3.1. Thiết kế và triển khai cơ sở dữ liệu MySQL hiệu quả

Thiết kế cơ sở dữ liệu MySQL bắt đầu bằng việc xác định các thực thể chính của hệ thống. Bảng products cần các cột như id, name, description, price, image, category_id. Bảng users lưu thông tin khách hàng. Bảng orders chứa thông tin chung về đơn hàng và liên kết với bảng users. Bảng order_details sẽ lưu chi tiết từng sản phẩm trong một đơn hàng, liên kết với orders và products. Sử dụng các kiểu dữ liệu phù hợp (ví dụ: DECIMAL cho giá tiền, DATETIME cho ngày tạo) và thiết lập chỉ mục (index) cho các cột thường xuyên được truy vấn (như id hoặc các khóa ngoại) sẽ cải thiện đáng kể tốc độ của website. File SQL khởi tạo cơ sở dữ liệu là một phần không thể thiếu trong mọi source code PHP.

3.2. Áp dụng mô hình MVC PHP để tối ưu hóa mã nguồn

Việc triển khai mô hình MVC PHP giúp phân chia dự án thành ba thành phần độc lập. Model là lớp làm việc trực tiếp với CSDL, chứa các hàm như getProductById(), getAllProducts(), createUser(). View là các tệp tin HTML/PHP chỉ chứa mã hiển thị, nhận dữ liệu từ Controller và trình bày cho người dùng. Controller nhận yêu cầu từ URL, gọi các phương thức tương ứng trong Model để lấy dữ liệu, sau đó truyền dữ liệu này cho View để hiển thị. Ví dụ, một URL như /product/view/1 sẽ được Controller phân tích, sau đó gọi Model để lấy thông tin sản phẩm có ID là 1, và cuối cùng tải View chi tiết sản phẩm để hiển thị thông tin đó. Cấu trúc này làm cho code web bán hàng trở nên sạch sẽ, logic và dễ dàng cho nhiều người cùng phát triển.

IV. Cách Tối Ưu Frontend HTML CSS Và Tích Hợp Tính Năng

Giao diện người dùng là yếu tố quyết định trực tiếp đến trải nghiệm mua sắm và tỷ lệ chuyển đổi. Việc tối ưu frontend HTML CSS không chỉ là làm cho website đẹp mắt mà còn phải đảm bảo tốc độ tải trang nhanh và tương thích trên mọi thiết bị. Sử dụng framework như Bootstrap 5 là một giải pháp hiệu quả. Nó cung cấp một hệ thống lưới (grid system) linh hoạt và các thành phần giao diện được xây dựng sẵn, giúp tạo ra các trang web đáp ứng (responsive) một cách nhanh chóng. Để tăng cường tính tương tác, Javascript và thư viện jQuery đóng vai trò không thể thiếu. Chúng được sử dụng để tạo các hiệu ứng động, xác thực biểu mẫu phía client, hoặc cập nhật nội dung trang mà không cần tải lại toàn bộ. Kỹ thuật AJAX PHP MySQL là một ví dụ điển hình, cho phép gửi và nhận dữ liệu từ máy chủ một cách bất đồng bộ. Ví dụ, khi người dùng thêm sản phẩm vào giỏ hàng, AJAX có thể được sử dụng để cập nhật số lượng sản phẩm trong biểu tượng giỏ hàng ngay lập tức, mang lại trải nghiệm mượt mà và hiện đại cho người dùng.

4.1. Lập trình tính năng giỏ hàng PHP và thanh toán online

Tính năng giỏ hàng PHP là trái tim của mọi trang thương mại điện tử. Thông thường, giỏ hàng được quản lý bằng cách sử dụng PHP Session. Khi người dùng thêm một sản phẩm, thông tin sản phẩm (ID, số lượng, giá) sẽ được lưu vào một mảng trong biến $_SESSION. Điều này cho phép giỏ hàng được duy trì qua nhiều trang khác nhau trong suốt phiên làm việc của người dùng. Quá trình thanh toán online là bước tiếp theo, yêu cầu xử lý thông tin đơn hàng, lưu vào cơ sở dữ liệu MySQL, và tích hợp với các cổng thanh toán bên thứ ba thông qua API. Đây là một module phức tạp, đòi hỏi độ chính xác và bảo mật cao.

4.2. Tăng cường tương tác với Javascript JQuery và AJAX

Sự kết hợp giữa Javascript, JQuery, và AJAX PHP MySQL tạo nên một web động thực thụ. Ví dụ, trong trang sản phẩm, JQuery có thể được dùng để tạo slideshow ảnh sản phẩm. Trên trang danh sách sản phẩm, AJAX có thể được dùng để triển khai chức năng lọc sản phẩm theo giá hoặc danh mục mà không cần tải lại trang. Khi người dùng nhập từ khóa vào ô tìm kiếm, một yêu cầu AJAX có thể được gửi đến một file PHP để truy vấn cơ sở dữ liệu và hiển thị các gợi ý tìm kiếm theo thời gian thực. Những tương tác nhỏ này cải thiện đáng kể trải nghiệm người dùng, làm cho trang web trở nên chuyên nghiệp và tiện dụng hơn.

V. Triển Khai Thực Tế Website Bán Hàng Với Source Code PHP

Sau khi hoàn tất quá trình lập trình, bước tiếp theo là triển khai website để người dùng có thể truy cập. Quá trình này bao gồm việc thiết lập môi trường máy chủ, tải lên source code PHP, và cấu hình cơ sở dữ liệu. Đối với giai đoạn phát triển và kiểm thử, việc sử dụng một môi trường cục bộ (localhost) là rất cần thiết. Công cụ XAMPP là một lựa chọn phổ biến, tích hợp sẵn máy chủ web Apache, PHP và MySQL. Nó cho phép mô phỏng một môi trường máy chủ thực tế ngay trên máy tính cá nhân, giúp việc gỡ lỗi và phát triển trở nên thuận tiện. Theo hướng dẫn trong tài liệu, "để chạy chương trình, chúng ta phải bật Xampp, chuyển 2 module Apache và MySQL sang chế độ Start". Sau khi website hoạt động ổn định trên môi trường cục bộ, bước cuối cùng là triển khai lên môi trường production. Điều này đòi hỏi phải mua một dịch vụ hosting PHP MySQL và một tên miền. Quá trình này bao gồm việc tải toàn bộ mã nguồn lên máy chủ hosting thông qua FTP và nhập (import) cơ sở dữ liệu đã được xuất ra từ môi trường cục bộ.

5.1. Cài đặt môi trường phát triển cục bộ với XAMPP

XAMPP là một bộ công cụ phát triển web mã nguồn mở, miễn phí và dễ cài đặt. Nó bao gồm Apache, MariaDB (một nhánh của MySQL), PHP và Perl. Để bắt đầu, lập trình viên chỉ cần tải và cài đặt XAMPP, sau đó đặt toàn bộ source code PHP vào thư mục htdocs. Khởi động các dịch vụ Apache và MySQL từ bảng điều khiển XAMPP sẽ biến máy tính cá nhân thành một máy chủ web. Người dùng có thể truy cập website thông qua địa chỉ http://localhost/ten_thu_muc_du_an. Công cụ phpMyAdmin đi kèm giúp quản lý cơ sở dữ liệu MySQL một cách trực quan thông qua giao diện web.

5.2. Phân tích các giao diện chính đăng nhập và đăng ký PHP

Giao diện đăng nhập đăng ký PHP là cổng vào của người dùng. Trang đăng ký yêu cầu người dùng nhập các thông tin như tên, email, mật khẩu. Dữ liệu này sau khi được xác thực sẽ được lưu vào bảng users trong cơ sở dữ liệu, với mật khẩu đã được băm. Trang đăng nhập yêu cầu người dùng cung cấp email và mật khẩu. Hệ thống sẽ so sánh thông tin này với dữ liệu trong CSDL. Nếu khớp, một phiên làm việc (session) sẽ được tạo ra để xác thực người dùng cho các yêu cầu tiếp theo. Các giao diện này, như được minh họa trong báo cáo, cần được thiết kế đơn giản, rõ ràng và có các thông báo lỗi cụ thể để hướng dẫn người dùng.

VI. Kết Luận Định Hướng Phát Triển Tương Lai Cho Dự Án PHP

Việc xây dựng website bán hàng bằng PHP, HTML, CSS cung cấp một nền tảng vững chắc và khả năng kiểm soát toàn diện đối với mã nguồn. Phương pháp này đặc biệt phù hợp cho các dự án cần sự tùy biến cao hoặc cho mục đích học tập và nghiên cứu sâu về lập trình web PHP. Dự án đã thành công trong việc triển khai các chức năng cốt lõi của một trang thương mại điện tử, từ quản lý sản phẩm, giỏ hàng đến xử lý đơn hàng, dựa trên mô hình MVC PHP và cơ sở dữ liệu MySQL. Tuy nhiên, việc sử dụng PHP thuần cũng có những hạn chế nhất định, như đòi hỏi nhiều thời gian hơn để xây dựng các thư viện và cấu trúc nền tảng so với việc sử dụng một framework có sẵn như Laravel hay Symfony. Hướng phát triển trong tương lai có thể tập trung vào việc tối ưu hóa hiệu suất, tăng cường bảo mật và mở rộng tính năng. Việc tích hợp các API của bên thứ ba, như cổng thanh toán, dịch vụ giao hàng, hoặc hệ thống marketing tự động, sẽ giúp nâng cao giá trị và tính chuyên nghiệp của website. Ngoài ra, việc xây dựng các API riêng cho phép ứng dụng di động có thể kết nối và sử dụng chung cơ sở dữ liệu với website, tạo ra một hệ sinh thái bán hàng đa kênh.

6.1. Đánh giá ưu nhược điểm của việc sử dụng PHP thuần

Ưu điểm lớn nhất của PHP thuần là sự linh hoạt và không có sự phụ thuộc vào các thư viện bên ngoài, giúp lập trình viên hiểu sâu về cách hoạt động của web. Nó cũng giúp tối ưu hóa hiệu suất vì chỉ tải những gì thực sự cần thiết. Tuy nhiên, nhược điểm là tốn nhiều thời gian phát triển hơn, đòi hỏi phải tự xây dựng các tính năng phổ biến như routing, ORM, hay quản lý template. Mã nguồn cũng có nguy cơ trở nên khó bảo trì nếu không tuân theo một cấu trúc rõ ràng như mô hình MVC PHP. So với các framework hiện đại, việc đảm bảo bảo mật website PHP viết bằng code thuần cũng đòi hỏi sự cẩn trọng và kiến thức sâu hơn từ lập trình viên.

6.2. Hướng phát triển Tích hợp API và các dịch vụ bên thứ ba

Để nâng cao khả năng cạnh tranh, website cần được mở rộng bằng cách tích hợp các dịch vụ bên ngoài. Việc tích hợp API cổng thanh toán (như Momo, VNPay) sẽ cung cấp nhiều lựa chọn thanh toán tiện lợi cho khách hàng. Kết nối với API của các đơn vị vận chuyển (như Giao Hàng Nhanh, Viettel Post) giúp tự động hóa quy trình xử lý và theo dõi đơn hàng. Xây dựng một hệ thống API RESTful riêng cho website cũng là một bước đi chiến lược, mở đường cho việc phát triển ứng dụng di động (mobile app) hoặc cho phép các đối tác khác kết nối và trao đổi dữ liệu một cách an toàn và có cấu trúc, tạo ra một hệ sinh thái thương mại điện tử hoàn chỉnh.

Nội dung chính

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

Trong bối cảnh công nghệ thông tin và mạng Internet phát triển mạnh mẽ, thương mại điện tử đã trở thành một hình thức kinh doanh phổ biến trên toàn cầu. Phương thức bán hàng qua mạng mang lại nhiều lợi ích thiết thực cho nhà sản xuất, doanh nghiệp và người tiêu dùng thông qua việc tiết kiệm chi phí, rút ngắn thời gian giao dịch và giảm bớt khoảng cách địa lý. Đặc biệt, trong bối cảnh dịch bệnh, mô hình mua bán trực tuyến càng thể hiện rõ tính an toàn, tiện ích và tối ưu trong việc vận hành kinh doanh.

Đề tài thực tập cơ sở được tác giả lựa chọn xuất phát từ yêu cầu thực tế của cửa hàng S'cool:

• Tên đơn vị khảo sát: Cửa hàng S’cool.
• Địa chỉ: Số 15, phường Tân Thịnh, Thành phố Thái Nguyên.
• Ngành nghề kinh doanh: Dép Basic trendy và dép đi trong nhà.
• Hiện trạng tổ chức: Cửa hàng vận hành với hai nhóm nhân sự chính gồm Quản lý (điều hành công việc chung, quản lý khách hàng) và Nhân viên (bán hàng, quản lý thông tin hàng hóa, tương tác và liên hệ khi khách hàng đặt hàng thành công).

Nhu cầu ứng dụng công nghệ thông tin tại cơ sở tập trung vào 4 mục tiêu chính:

1. Xây dựng công cụ giúp cửa hàng dễ dàng quản lý danh mục và số lượng sản phẩm.
2. Quản lý dữ liệu thông tin khách hàng một cách khoa học.
3. Mở rộng khả năng tiếp cận người dùng trên môi trường mạng.
4. Đảm bảo hoạt động kinh doanh diễn ra an toàn, liên tục trong thời kỳ dịch bệnh.

Đối tượng nghiên cứu của đồ án là quy trình quản lý, kinh doanh bán lẻ giày dép tại cửa hàng S'cool và các công nghệ lập trình web mã nguồn mở. Phạm vi nghiên cứu tập trung vào việc phân tích, thiết kế và lập trình website thương mại điện tử phục vụ hoạt động bán hàng của cửa hàng tại địa bàn Thái Nguyên năm 2022.

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

Đồ án vận dụng các kiến thức nền tảng trong phát triển ứng dụng web và kỹ thuật công nghệ phần mềm:

• Ngôn ngữ và công nghệ nền tảng: Ngôn ngữ kịch bản phía máy chủ PHP (Hypertext Preprocessor) kết hợp cùng HTML (HyperText Markup Language) và CSS (Cascading Style Sheets).
• Hệ quản trị cơ sở dữ liệu: MySQL (sử dụng thư viện kết nối MySQLi) để lưu trữ và xử lý truy vấn dữ liệu có cấu trúc.
• Framework giao diện: Bootstrap (do Mark Otto và Jacob Thornton phát triển), cung cấp hệ thống mẫu HTML, CSS và JavaScript mở rộng nhằm tối ưu hóa giao diện đa thiết bị (responsive).
• Mô hình kiến trúc phần mềm: Mô hình MVC (Model - View - Controller) nhằm phân tách rõ ràng ba thành phần: xử lý dữ liệu (Model), giao diện người dùng (View) và bộ điều khiển điều hướng logic (Controller).

Phương pháp nghiên cứu được tác giả triển khai bao gồm:

• Phương pháp khảo sát thực tế: Tìm hiểu mô hình vận hành, cơ cấu quản lý và các hoạt động kinh doanh trực tiếp tại cửa hàng S'cool.
• Phương pháp phân tích và thiết kế hệ thống: Xác định yêu cầu chức năng, phi chức năng; phân tích tác nhân hệ thống; mô hình hóa quy trình nghiệp vụ bằng biểu đồ Use Case, biểu đồ hoạt động (Activity Diagram), biểu đồ tuần tự (Sequence Diagram) và biểu đồ lớp tổng quát (Class Diagram).
• Phương pháp thực nghiệm: Cài đặt và cấu hình môi trường máy chủ cục bộ (XAMPP với Apache, MySQL), nhập dữ liệu và kiểm thử các chức năng trên trình duyệt web.

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

CHƯƠNG 1: GIỚI THIỆU VỀ CÁC CÔNG NGHỆ

Chương 1 tổng hợp cơ sở lý thuyết về các công nghệ, ngôn ngữ và kiến trúc được sử dụng trong quá trình phát triển website, đồng thời phân tích ưu điểm và nhược điểm của từng thành phần:

Công nghệ / Kiến trúc	Đặc điểm và Vai trò	Ưu điểm ghi nhận	Nhược điểm ghi nhận
Bootstrap	Front-End Framework gồm các mẫu HTML, CSS, JavaScript cho thiết kế responsive.	Dễ sử dụng, hỗ trợ responsive đa giao diện, khả năng tùy biến cao, tiết kiệm thời gian phát triển.	Dung lượng nặng, tốc độ tối ưu chưa cao, chưa đầy đủ mọi thư viện cần thiết, có code thừa.
PHP	Ngôn ngữ kịch bản chạy phía máy chủ (Server-side) sinh mã HTML trả về client.	Mã nguồn rõ ràng, tốc độ xử lý nhanh, dễ học, tích hợp tốt với Apache, Linux và MySQL.	Cần môi trường máy chủ biên dịch (PHP Engine), bảo mật phụ thuộc vào người viết mã.
MySQL	Hệ quản trị cơ sở dữ liệu quan hệ mã nguồn mở sử dụng ngôn ngữ SQL.	Tốc độ cao, ổn định, miễn phí, tính bảo mật tốt, khả năng tương thích và di động cao.	Yêu cầu quản lý cấu trúc bảng và tối ưu hóa câu lệnh truy vấn khi dữ liệu lớn.
HTML	Ngôn ngữ đánh dấu siêu văn bản định dạng cấu trúc trang web do Tim Berners-Lee tạo ra.	Chuẩn W3C, cộng đồng lớn, chạy mượt trên mọi trình duyệt, dễ học, tích hợp tốt với back-end.	Chủ yếu dành cho web tĩnh, mỗi trang cần tạo riêng, khó kiểm soát cách đọc/hiển thị riêng biệt của trình duyệt.
CSS	Ngôn ngữ tạo phong cách (style sheet) quy định giao diện và bố cục cho tài liệu HTML.	Tiết kiệm thời gian định dạng, tải trang nhanh, dễ bảo trì, sở hữu thuộc tính định dạng phong phú.	Hoạt động có thể khác biệt giữa các trình duyệt, tiềm ẩn rủi ro về hiển thị giao diện.
Mô hình MVC	Kiến trúc phân tách phần mềm thành 3 tầng: Model, View và Controller.	Hệ thống phân tầng rõ ràng, dễ bảo trì, dễ nâng cấp, chia module tốt cho làm việc nhóm, dễ gỡ lỗi (debug).	Tốc độ xử lý chậm hơn PHP thuần, cấu trúc xây dựng phức tạp và mất nhiều thời gian thiết lập ban đầu.

CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH VÀ THIẾT KẾ

Chương 2 trình bày chi tiết kết quả khảo sát thực tế tại cửa hàng S'cool, xác định yêu cầu hệ thống thông tin và mô hình hóa hệ thống thông qua các công cụ UML.

1. Yêu cầu hệ thống thông tin:

   • Yêu cầu hệ thống: Sử dụng PHP, HTML, CSS, Bootstrap và cơ sở dữ liệu MySQL.
   • Yêu cầu chức năng: Quản trị hệ thống (đăng nhập, đăng xuất, phân quyền); Quản lý sản phẩm (thêm, sửa, xóa); Quản lý khách hàng (thêm, sửa, xóa); Quản lý đơn hàng (tiếp nhận và xử lý đơn hàng); Tìm kiếm sản phẩm theo danh mục và tên.
   • Yêu cầu phi chức năng: Giao diện thân thiện, vận hành liên tục, đáp ứng phục vụ nhiều người dùng cùng thời điểm, đảm bảo tính chính xác của dữ liệu.

2. Phân tích tác nhân và danh mục Use Case:

   • Quản trị viên (Admin): Thực hiện phân quyền hệ thống, quản lý người dùng/khách hàng, quản lý danh mục sản phẩm, quản lý đơn đặt hàng.
   • Nhân viên: Quản lý thông tin sản phẩm, kiểm tra trạng thái đơn hàng, tương tác và chăm sóc khách hàng sau khi đặt mua thành công.
   • Khách hàng: Xem thông tin sản phẩm, thêm sản phẩm vào giỏ hàng, đặt mua hàng, đăng ký thành viên, đăng nhập tài khoản, gửi thông tin liên hệ.

3. Đặc tả luồng sự kiện một số Use Case tiêu biểu:

   • Đặc tả Use Case Đăng nhập (Admin): Tiếp nhận tài khoản và mật khẩu từ người dùng, kiểm tra điều kiện xác thực qua cơ sở dữ liệu; nếu hợp lệ, khởi tạo phiên làm việc (session) và chuyển hướng vào trang quản trị tổng quan; nếu thất bại, xuất thông báo lỗi và yêu cầu nhập lại.
   • Đặc tả Use Case Quản lý khách hàng (UC_QLNGUOIDUNG): Cho phép Quản trị viên thực hiện ba luồng chính gồm Thêm, Sửa và Xóa khách hàng. Hệ thống kiểm tra tính hợp lệ của dữ liệu đầu vào trước khi lưu hoặc cập nhật trong cơ sở dữ liệu.
   • Đặc tả Use Case Phân quyền (UC_PHANQUYEN): Quản trị viên lựa chọn tài khoản người dùng, chọn quyền hạn tương ứng và gửi yêu cầu cập nhật quyền hạn trong hệ thống.
   • Đặc tả Use Case Quản lý sản phẩm (UC_QLSANPHAM): Tiếp nhận thao tác Thêm/Sửa/Xóa từ quản trị viên, xác thực thông tin sản phẩm (tên, giá, mô tả, hình ảnh) và cập nhật dữ liệu vào bảng cơ sở dữ liệu tương ứng.
   • Đặc tả Use Case Đăng ký (NGUOIDUNG): Khách hàng nhập thông tin gồm tài khoản, mật khẩu, địa chỉ và số điện thoại. Hệ thống kiểm tra tính duy nhất của tài khoản; nếu hợp lệ sẽ khởi tạo bản ghi mới và chuyển hướng về trang đăng nhập.

4. Hệ thống biểu đồ mô hình hóa: Tác giả xây dựng các biểu đồ Use Case tổng quát, biểu đồ Use Case phân hệ quản trị, biểu đồ Use Case khách hàng; các biểu đồ hoạt động (quản lý sản phẩm, quản lý khách hàng, đăng nhập, đăng ký); các biểu đồ tuần tự tương ứng cho từng chức năng chi tiết và biểu đồ lớp tổng quát nhằm biểu diễn cấu trúc quan hệ giữa các đối tượng dữ liệu.

CHƯƠNG 3: XÂY DỰNG WEBSITE

Chương 3 tập trung vào quy trình triển khai cài đặt, nhập cơ sở dữ liệu và vận hành giao diện thực tế của website:

• Cấu trúc phân hệ website:
  • Phân hệ người dùng (Front-end): Giao diện trang chủ hiển thị sản phẩm nổi bật, hiển thị sản phẩm theo danh mục dép trendy/dép đi trong nhà, chi tiết sản phẩm, công cụ tìm kiếm, giao diện giỏ hàng và đặt hàng, màn hình đăng nhập và đăng ký tài khoản.
  • Phân hệ quản trị (Back-end): Màn hình tổng quan, các chức năng quản lý danh mục sản phẩm (thêm, sửa, xóa sản phẩm), quản lý thông tin khách hàng, chức năng tìm kiếm dữ liệu nội bộ và quản lý xử lý đơn hàng.
• Quy trình cài đặt và vận hành hệ thống:
  • Bước 1: Khởi động phần mềm máy chủ XAMPP, kích hoạt hai dịch vụ Apache và MySQL sang trạng thái hoạt động (Start).
  • Bước 2: Truy cập giao diện quản trị cơ sở dữ liệu http://localhost/phpmyadmin, tạo mới cơ sở dữ liệu với bảng mã và giá trị tham chiếu ký tự chuẩn utf8mb4_unicode_ci.
  • Bước 3: Nhập (Import) tập tin mã nguồn dữ liệu định dạng .sql có sẵn vào cơ sở dữ liệu vừa tạo.
  • Bước 4: Mở trình duyệt web và truy cập địa chỉ cục bộ http://localhost/Bai_TTCS/ để kiểm tra toàn bộ các giao diện và chức năng của website.

Thiết kế và triển khai

Hệ thống được thiết kế và hiện thực hóa dựa trên các thông số kỹ thuật cụ thể sau:

[Trình duyệt Client] 
[Web Server: Apache (XAMPP)]
[Kiến trúc MVC - PHP]
[Hệ quản trị CSDL: MySQL (utf8mb4_unicode_ci)]

• Môi trường phát triển và máy chủ: XAMPP chạy trên máy cục bộ, quản lý máy chủ web Apache và hệ quản trị cơ sở dữ liệu MySQL.
• Mã hóa ký tự: Sử dụng chuẩn utf8mb4_unicode_ci để hiển thị chính xác tiếng Việt có dấu trên toàn bộ giao diện và cơ sở dữ liệu.
• Phân quyền người dùng: Hệ thống phân chia thành 2 mức quyền chính thức là quyền Quản trị viên (Admin) và quyền Khách hàng/Người dùng.
• Các giao diện chính đã hoàn thiện:
  • Giao diện Trang chủ hiển thị banner và danh mục dép thời trang.
  • Giao diện Đăng nhập và Đăng ký thành viên có cơ chế bắt lỗi khi sai mật khẩu hoặc trùng lặp tài khoản.
  • Giao diện Danh sách sản phẩm và Chi tiết sản phẩm.
  • Giao diện Quản trị viên (Admin Dashboard) với các chức năng thêm mới sản phẩm, cập nhật thông tin sản phẩm và quản lý thông tin khách hàng.

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

• Kết quả đạt được:
  • Hoàn thành đầy đủ báo cáo thực tập cơ sở gồm 3 chương với đầy đủ tài liệu phân tích thiết kế hệ thống theo chuẩn UML (Use Case, Activity, Sequence, Class Diagram).
  • Xây dựng thành công website bán hàng hoàn chỉnh cho cửa hàng S'cool, chạy ổn định trên môi trường máy chủ thử nghiệm cục bộ (localhost/Bai_TTCS/).
  • Hiện thực hóa đầy đủ hai phân hệ Front-end (cho người mua) và Back-end (cho quản lý/nhân viên), đáp ứng các thao tác xem hàng, đặt hàng, quản lý sản phẩm và quản trị người dùng.
• Đóng góp của đồ án:
  • Cung cấp giải pháp số hóa quy trình quản lý và kinh doanh bán lẻ dép cho cửa hàng S'cool tại Thái Nguyên, giải quyết nhu cầu bán hàng an toàn trong bối cảnh dịch bệnh.
  • Áp dụng thành công mô hình MVC vào lập trình PHP kết hợp Bootstrap, giúp mã nguồn có cấu trúc rõ ràng, thuận tiện cho việc bảo trì.

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

• Hạn chế:
  • Do thời gian thực hiện đồ án có hạn, hệ thống vẫn còn một số điểm cần tiếp tục tối ưu hóa.
  • Việc tự xây dựng cấu trúc MVC từ đầu làm tăng độ phức tạp và khiến tốc độ xử lý trang chậm hơn so với viết PHP thuần đơn giản.
  • Mã nguồn Bootstrap nhúng vào còn chứa các thành phần thừa chưa được tinh gọn triệt để.
  • Hệ thống mới được thử nghiệm trên môi trường máy chủ cục bộ (XAMPP Localhost), chưa triển khai thực tế trên máy chủ Internet công cộng (Hosting/Domain).
• Hướng phát triển tiếp theo:
  • Tối ưu hóa hiệu năng mã nguồn và câu lệnh truy vấn cơ sở dữ liệu.
  • Tích hợp thêm các cổng thanh toán trực tuyến và chức năng quản lý vận chuyển chuyên sâu.
  • Đưa hệ thống lên môi trường hosting trực tuyến phục vụ người dùng thực tế.

Giá trị tham khảo

Đồ án là tài liệu tham khảo phù hợp cho sinh viên chuyên ngành Công nghệ thông tin, Kỹ thuật phần mềm đang thực hiện học phần Thực tập cơ sở hoặc Đồ án chuyên ngành về xây dựng website thương mại điện tử. Các nội dung có giá trị sử dụng cao gồm:

• Quy trình mô hình hóa UML chi tiết từ bảng đặc tả Use Case đến các biểu đồ tuần tự và biểu đồ hoạt động.
• Hướng dẫn thiết lập môi trường XAMPP, cấu hình cơ sở dữ liệu MySQL với chuẩn mã hóa utf8mb4_unicode_ci.
• Cấu trúc tổ chức ứng dụng web theo mô hình MVC sử dụng PHP thuần và Bootstrap.

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

1. Đề tài thực tập cơ sở này được thực hiện tại cơ sở giáo dục nào và nghiên cứu cho đơn vị nào?
Đề tài được thực hiện bởi sinh viên Nguyễn Văn Viên (lớp CNTT K18C), dưới sự hướng dẫn của ThS. Trần Quang Huy tại Khoa Công nghệ Thông tin - Trường Đại học Công nghệ Thông tin và Truyền thông (Đại học Thái Nguyên) năm 2022. Đối tượng khảo sát và xây dựng website là Cửa hàng dép S'cool tại số 15, phường Tân Thịnh, TP. Thái Nguyên.

2. Công nghệ và kiến trúc chính được sử dụng để xây dựng website S'cool là gì?
Hệ thống sử dụng ngôn ngữ lập trình PHP kết hợp HTML5, CSS3, Framework Bootstrap cho giao diện phía client, hệ quản trị cơ sở dữ liệu MySQL (giao tiếp qua MySQLi) và được tổ chức theo mô hình kiến trúc MVC (Model - View - Controller).

3. Môi trường kiểm thử và quy trình cài đặt cơ sở dữ liệu của đồ án được tiến hành ra sao?
Hệ thống chạy trên phần mềm XAMPP (kích hoạt module Apache và MySQL). Cơ sở dữ liệu được tạo trên giao diện http://localhost/phpmyadmin với bảng mã tham chiếu utf8mb4_unicode_ci, sau đó tiến hành import tập tin dữ liệu .sql và truy cập website qua đường dẫn http://localhost/Bai_TTCS/.

4. Hệ thống phân chia những tác nhân và quyền hạn người dùng nào?
Hệ thống phân chia 3 tác nhân nghiệp vụ gồm Quản lý (Quản trị viên), Nhân viên và Khách hàng; phân quyền trên hệ thống web gồm 2 nhóm chính: quyền Quản trị viên (quản lý sản phẩm, quản lý khách hàng, xử lý đơn hàng, phân quyền) và quyền Khách hàng/Người dùng (xem sản phẩm, tìm kiếm, đặt hàng, đăng ký, đăng nhập).

5. Tác giả đã đánh giá những ưu và nhược điểm gì khi áp dụng mô hình MVC trong đề tài?
Ưu điểm của mô hình MVC là phân tách rõ ràng các tầng xử lý, giúp cấu trúc code có hệ thống, dễ phát triển theo nhóm, dễ bảo trì, nâng cấp và thuận tiện gỡ lỗi. Nhược điểm là việc xây dựng cấu trúc và thư viện phức tạp, tốn thời gian thiết lập và tốc độ thực thi có phần chậm hơn so với việc viết mã PHP thuần không chia tầng.

Kết luận

Báo cáo thực tập cơ sở của sinh viên Nguyễn Văn Viên đã hoàn thành tốt mục tiêu khảo sát, phân tích thiết kế và xây dựng website bán hàng hoàn chỉnh cho cửa hàng S'cool tại Thái Nguyên. Bằng việc kết hợp PHP, MySQL, Bootstrap theo mô hình MVC, tác giả đã tạo ra một hệ thống đáp ứng đầy đủ các quy trình nghiệp vụ mua bán dép trực tuyến cho khách hàng và công tác quản lý cho quản trị viên. Đồ án cung cấp một tài liệu tham khảo có giá trị thực tiễn cao cho sinh viên ngành Công nghệ thông tin trong việc nghiên cứu và phát triển các ứng dụng web thương mại điện tử cơ bản.

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

CHƯƠNG 1: GIỚI THIỆU VỀ CÁC CÔNG NGHỆ Bán hàng qua mạng là một loại hình th ức thương mại điện tử. Hi ện nay thương mại điện tử ngày càng được được phát triển trên mọi qu ốc gia và th ế giới, đặc biệt là trong thời kỳ dịch bệnh hiện nay càng làm nổi b ật sự ti ện ích, t ối ưu của loại hình này. Bán hàng qua mạng không những đem lại lợi ích cho ng ười s ản xuất, doanh nghiệp ,người tiêu dùng mà nó còn giúp tiết kiệm chi phí, tiết kiệm thời gian , rút ngắn khoảng cách giữa người bán và mua, giữa các doanh nghi ệp, và giữa các nước với nhau.Do nhu càu và sự phát triển cũng như hiệu quả của của việc bán hàng qua mạng mang lại nên em đã quyết định chọn đề tài xây d ựng Website bán hàng với giao diện dựa trên Framework Bootstrap. Bootstrap là Font-End Framework được phát triển bởi Mark Otto và Jacob Thornon , nó là một bộ sưu tập miễn phí các công cụ để tạo ra các trang web và ứng dụng web.

Nó chứ HTML5 và CSS 3 dựa trên các mẫu thiết kế cho kiểu ch ữ , hình thức ,các nút, chuyển hướng và các thành phần giao di ện khác , cũng như m ở rộng JavarScript tùy chọn .1Giới thiệu chung về Boostrap: 1.1 Boostrap là gì:  Boostrap là một Framework cho phép thiết kế website reponsive nhanh hơn và dễ hàng hơn.  Boostrap bao gồm các HTML templates, CSS templates và Javarscript giúp cho việc thiết kế reponsive dễ dàng hơn.2 Ưu điểm:  Dễ sử dụng: chỉ cần có kiến thức cơ bản về html, css và javarscript.  Tính năng reponsive: với boostrap việc phát tri ển website dễ phù hợp với đa giao diện.  Tùy biến cao, tương thích trình duyệt và ti ết ki ệm th ời gian.1 Giao diện hiển thị trên các thiết bị.3 Nhược điểm:  Dung lượng nặng, tốc độ tối ưu chưa cao.

 Chưa đầy đủ các thư viện cần thiết.  Quá nhiều code thừa, không khuyến khích sáng tạo.2 Giới thiệu về ngôn ng ữ PHP:  PHP là viết tắt quy hồi của “ Hupertext Preprocessor”, là một ngôn ng ữ lập trình kịch bản được chạy ở phía sever nhằm sinh ra mã html trên client. PHP đã trải qua nhiều phiên bản và được tối ưu hóa cho các ứng dụng web, với cách viết mã rõ ràng, tốc độ nhanh, dễ học nên PHP đã tr ở thành ngôn ngữ lập trình web phổ biến và được ưa chuộng.  PHP chạy trên môi trường Websever và lưu trữ dữ liệu thông qua h ệ quản trị cơ sở dữ liệu nên PHP thường đi kèm với Apache, MySQL và hệ điều hành Linux.

 Apache là một phần mềm Web sever có nhiệm vụ tiếp nhận các request từ trình duyệt người dùng sau đó chuy ển giao cho PHP x ử lý và gửi trả cho trình duyệt.  MySQL cũng tương tự như các hệ cơ sở dữ liệu khác (Postgress, Orale,SQL sever…).  Linux hệ điều hành mã nguồn mở đ ược sử dụng rộng rãi cho các Web sever.1 Cách hoạt động của PHP: Khi người sử dụng gọi trang PHP, Web sever sẽ triệu gọi PHP Engine để thông dịch trang PHP và kết quả trả v ề như hình bên dưới.2 Cách thức hoạt động cảu PHP.3Giới thiệu về hệ quản trị MySQL:  MySQL là hệ quản trị cơ s ở dữ liệu tự do nguồn mở phổ biến nhất th ế giới và được các nhà phát triển rất ưa chu ộng trong quá trình phát triển ứng dụng. Vì MySQL là c ơ sở dữ liệu tốc độ cao, ổn định và dễ s ử dụng, có tính khả chuyển, hoạt động trên nhiều hệ điều hành cung c ấp một hệ thống lớn các hàm tiện ích rất mạnh.

Với tốc độ và tính bảo m ật cao, MySQL phù hợp với các ứng dụng có truy cập CSDL trên INTERNET.  MySQL miễn phí hoàn toàn nên có thể tải về từ trang chủ và có nhiều phiên bản cho từng hệ điều hành khác nhau.MySQL là một trong những ví dụ cơ bản về Hệ Quản Trị sử dụng ngôn ngữ truy vấn có cấu trúc (SQL).  MySQL được sử dụng cho việc bổ trợ PHP,Perl và nhiều ngôn ngữ khác. Nó làm nới lưu trữ những thông tin trên các Web viết bằng PHP hay Perl.4Giới thiệu về HTML:  HTML được tạo ra bởi Tim Berners-Lee,tạm dịch là ngôn ngữ đánh dấu siêu văn bản.

Người ta thường sử dụng HTML cho việc phân chia đoạn văn.  HTML không phải là ngôn ngữ lập trình , nó không thể th ực hiện các chức năng động , nó có tác dụng định dạng bố c ục và định dạng trang Web.1 Ưu điểm:  Có nhiều tài nguyên sử dụng với cộng đồng vô cùng lớn.  Hoạt động mượt rên hầu hết mọi trinh duyệt.  Học đơn giản, các markup ngắn gọn , có độ đồng nhất cao.

 Sử dụng mã nguồn mở hoàn toàn miễn phí.  Được vận hành bởi W3C, dễ dàng tích hợp với các loại ngôn ngữ Backend(PHP,NODE.2 Nhược điểm:  Chỉ áp dụng chủ yếu cho Web tĩnh  Mỗi trang HTML cần tạo riêng biệt  Khó kiểm soát cách đọc và hiển thị file HTML  Một vài trình duyệt còn châm cập nhật tính năng của HTML 6 1.5Giới thiệu về CSS:  CSS là viết tắt của Cascading Style Sheets. Đây là một ngôn 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.1 Ưu điểm: Tiết kiệm thời gian. Khả năng tải trang nhanh chóng.

Dễ dàng thực hiện khi bảo trì. Sở hữu thuộc tính rộng. Tính tương thích tốt.2 Nhược điểm:  CSS hoạt dộng khác biệt cho từng trình duyệt.  Khá khó khăn cho người mới.

 Định dạng Web có khả năng gặp rủi ro.6 Giới thiệu mô hình MVC (Models-Views-Controllers):  Mô hình MVC là một kiến trúc phần mềm, là mô hình tổ chức code một cách hợp lý và có hệ thống. Mô hình MVC tách biệt phần xử lý ra kh ỏi giao diện , cho phép phát triển , kiểm tra và làm việc theo dự án.3 Mô hình MVC  Models: là lớp thao tác với database , nó thể hiện c ấu trúc dữ li ệu các l ớp thành phần ở Models thực hiện các tác vụ nh ư truy vấn thêm, sửa ,xóa… dữ liệu. Khi dữ li ệu trong Model thay đ ổi thành phần view sẽ được cập nhật lại.  Views: là lớp hiển thị dữ liệu ra bên ngoài cho người dùng xem , là thành phần thể hiển dữ liệu trong Model thành các giao diện tương tác v ới người dùng.

 Controllers: là lớp điều khiển , có chức năng điều khi ển các hành vi yêu cầu, đóng vai trò trung gian giữa Model và Views.1 Ưu điểm:  Hệ thống phân tầng , dễ phát triển.  Chia thành nhiều modunl nhỏ nên nhiều người có thể cùng làm.  Dễ dàng bảo trì và nâng cấp.  Dễ dàng Debug trong quá trình xây dựng.2 Nhược điểm: 8  Hệ thống chạy châm hơn PHP thuần.

 Xây dựng cầu kì, mất thời gian xây dựng thư viện , cấu trúc CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH VÀ THIẾT KẾ 2.1 Giới thiệu về cửa hàng: - Tên cửa hàng: S’cool. - Ngành nghề kinh doanh: dép Basic trendy và dép đi trong nhà. - Địa chỉ: Số 15, phường Tân Thịnh, TP Thái Nguyên. - Từ khi kinh doanh đến nay cửa hàng luôn cố g ắng t ạo ni ềm tin v ới khách hàng và luôn cập nhật các loại dép thời trang bắt kịp xu hướng của người dùng sản phẩm .Cố gắng đáp ứng các nhu cầu và tiêu chí của người dùng.

- Tiêu chí hoạt động của cửa hàng là đưa đến người sử dụng với sản phẩm với giá thành vừa phải nhưng vẫn đảm bảo chất lượng. Việc tạo niềm tin với uy tín với khách hàng là ưu tiên hàng đầu c ủa cửa hàng 2.2 Hiện trạng cửa hàng: - Quản lý: có trách nhiệm điều hành mọi công việc trong cửa hàng và quản lý khách hàng. - Nhân viên: bán hàng, quản lý thông tin hàng , tương tác với khách hàng , liên hệ với khách hàng khi khách đặt hàng thành công.3 Nhu cầu xây dựng Web: - Dễ dàng quản lý sản phẩm. - Quản lý thông tin khách hàng.

- Dễ tiếp cận với mọi người dùng. - An toàn trong thời kỳ dịch bệch.2 Giới thiệu Web bán hàng: Website được xây dựng theo 2 phần:  Phần 1: Font-end: Phần Font-end là phần các chức năng cho người dùng hay còn gọi là khách hàng. Font-end gôm các chức năng và nhiệm vụ sau:  Giao diện hiển thị trang chủ.  Giao diện hiển thị theo danh mục sản phẩm.

 Chức năng quản trị (thêm -sửa- xóa).  Giao diện chi tiết đặt hàng.  Giao diện chi tiết sản phẩm  Chức năng tìm kiếm sản phẩm.  Giao diện đăng nhập.

 Giao diện đăng kí.  Phần 2:Back-end:  Phần Back-end là phần cho quản trị viên, trong đó xây d ựng các chức năng sau:  Chức năng quản lý sản phẩm ( thêm , sửa, xóa).  Chức năng quản lý khách hàng (thêm , sửa, xóa).  Chức năng tìm kiếm.

 Chức năng xử lý đơn hàng.3 Yêu cầu hệ thống thông tin : 2.1 Yêu cầu hệ thống:  Sử d ụng HTML , PHP,CSS  Sử dụng hệ quản trị MySQL;  Frameworlk Boostrap.2 Yêu cầu chức năng:  Quản trị hệ thống: đăng nhập, đăng xuất.  Quản lý sản phẩm: Thêm sửa xóa sản phẩm.  Quản lý khách hàng: Thêm, sửa ,xóa khách.  Quản lý đơn hàng: Xử lý đơn hàng.

 Tìm kiếm sản phẩm : theo danh mục và tên sản phẩm.3 Yêu cầu phi chức năng:  Giao diện đẹp, thân thiện với người dùng.  Hệ thống hoạt động liên tục.  Phục vụ một lúc được nhiều người.  Thông tin Web chính xác.Phân tích hệ thống: 2.1 Các tác nhân: - Quản lý (Quản trị viên):,phân quyền, quản lý khách hàng.

- Nhân viên: Quản lý sản phẩm, liên hệ và chăm sóc khách khi đặt hàng thành công, kiểm tra đơn hàng. - Khách hàng: Xem hàng, mua hàng, liên hệ với cửa hàng , đăng nhập , đăng kí tài khoản.2 Danh sách các UseCase: STT UseCase Mô tả 1 Phân quyền Cho phép cấp quyền, hủy quyền. 2 Quản lý sản phẩm Thêm , sửa, xóa sản phẩm.