Báo cáo đồ án: Xây dựng Web Bán Thú Cưng - Lập trình web nâng cao

Báo cáo chuyên đề đồ án lập trình web nâng cao: Xây dựng website bán thú cưng chuyên nghiệp. Tìm hiểu quy trình, công nghệ và giải pháp tối ưu.

• Tác giả: Hoàng Trung Thịnh
• Người hướng dẫn: Phương Văn Cảnh
• Trường học: Trường Đại Học Điện Lực
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Xây Dựng Web Bán Thú Cưng
• Loại tài liệu: Báo cáo chuyên đề học phần/Đồ án
• Năm xuất bản: 2023
• Địa điểm: Hà Nội

Mục lục chi tiết

• DANH MỤC HÌNH ẢNH
• 1. CHƯƠNG I: MỤC TIÊU ĐỀ TÀI
• 1.1. Lý do chọn đề tài
• 1.2. Mục tiêu của đề tài
• 1.3. Giới hạn và phạm vi của đề tài
• 1.4. Nội dung thực hiện
• 1.5. Phương pháp tiếp cận
• 2. CHƯƠNG II: PHÂN TÍCH BÀI TOÁN
• 2.1. Phân tích thiết kế hệ thống
• 2.1.1. Các chức năng hệ thống
• 2.1.2. Các tác nhân hệ thống
• 2.1.3. Đặc tả chức năng của hệ thống
• 2.1.3.1. Use case tổng quát của hệ thống
• 2.1.3.2. Use case quản lý sản phẩm/ thú cưng
• 2.1.3.3. Use case danh mục quản lý sản phẩm/ thú cưng
• 2.1.3.4. Use case đăng nhập
• 2.1.3.5. Use case quản lý bình luận
• 2.1.3.6. Use case quản lý đơn hàng
• 2.1.3.7. Use case quản lý tài khoản
• 2.2. Biểu đồ tuần tự cho từng chức năng Use case
• 2.2.1. Biểu đồ tuần tự Use case thêm sản phẩm/ thú cưng
• 2.2.2. Biểu đồ tuần tự Use case cập nhập sản phẩm/ Thú cưng
• 2.2.3. Biểu đồ tuần tự Use case danh sách sản phẩm/ thú cưng
• 2.2.4. Biểu đồ Use case duyệt sản phẩm/ Thú cưng
• 2.2.5. Biểu đồ tuần tự Use case khoá sản phẩm/ thú cưng
• 2.2.6. Biểu đồ tuần tự chức năng đặt hàng (Người dùng)
• 2.3. Thiết kế CSDL
• 2.3.1. Bảng khách hàng(users):
• 2.3.2. Bảng loại hàng:
• 2.3.3. Bảng bình luận (comments):
• 2.3.4. Bảng Thú cưng:
• 2.3.5. Bảng hóa đơn chi tiết
• 2.3.6. Kết nối bảng
• 3. CHƯƠNG III: GIẢI PHÁP VÀ CÀI ĐẶT
• 3.1. Giải pháp công nghệ lựa chọn
• 3.2. Giao diện của Web bán thú cưng
• 4. CHƯƠNG IV: KẾT QUẢ ĐẠT ĐƯỢC
• 4.1. Kết quả đạt được
• 4.2. Các nội dung hạn chế
• 4.3. Hướng phát triển
• TÀI LIỆU THAM KHẢO
• DANH MỤC HÌNH ẢNH

Tóm tắt

I. Tổng quan đồ án web bán thú cưng từ ý tưởng đến báo cáo

Đề tài xây dựng website bán thú cưng là một lựa chọn phổ biến và thiết thực cho các đồ án tốt nghiệp CNTT hoặc đồ án môn học Lập trình Web nâng cao. Bối cảnh thị trường thương mại điện tử phát triển mạnh mẽ, đặc biệt sau giai đoạn đại dịch, đã thúc đẩy nhu cầu chuyển đổi từ mô hình kinh doanh truyền thống sang trực tuyến. Một website không chỉ là kênh bán hàng mà còn là công cụ quảng bá thương hiệu, giới thiệu sản phẩm và tương tác với khách hàng hiệu quả. Báo cáo đồ án này tập trung vào việc áp dụng các kiến thức về công nghệ lập trình web để xây dựng một hệ thống hoàn chỉnh, giải quyết bài toán quản lý shop thú cưng một cách toàn diện. Mục tiêu chính của đồ án là xây dựng một website với đầy đủ chức năng cho cả người dùng và quản trị viên, từ việc xem, tìm kiếm, đặt hàng cho đến quản lý sản phẩm, đơn hàng và khách hàng. Phương pháp tiếp cận của dự án dựa trên việc nghiên cứu các tài liệu chuyên ngành, phân tích các website bán hàng mẫu và áp dụng phương pháp thực nghiệm để triển khai hệ thống. Quá trình thực hiện bao gồm các giai đoạn cốt lõi: phân tích yêu cầu, thiết kế hệ thống, xây dựng cơ sở dữ liệu, lập trình các module chức năng, kiểm thử và triển khai. Toàn bộ quá trình này được ghi lại chi tiết trong báo cáo đồ án, mang lại giá trị tham khảo cao cho các sinh viên khóa sau.

1.1. Lý do chọn đề tài và mục tiêu cốt lõi của đồ án

Việc lựa chọn đề tài xây dựng web bán thú cưng xuất phát từ thực tiễn rằng việc kinh doanh tại cửa hàng vật lý không còn mang lại hiệu quả tối ưu về doanh thu và khả năng tiếp cận khách hàng. Báo cáo đồ án của nhóm sinh viên Hoàng Trung Thành và Đào Anh Vũ chỉ rõ: "Việc bán hàng qua các cửa hàng thường không mang lại hiệu quả cao cả về doanh thu lẫn quảng cáo sản phẩm". Mục tiêu chính là áp dụng các công nghệ lập trình web hiện đại để tạo ra một nền tảng trực tuyến, cho phép giới thiệu các chủng loại thú cưng, phụ kiện thú cưng, và cung cấp công cụ tìm kiếm đa tiêu chí. Đồ án hướng tới việc đơn giản hóa quá trình mua bán cho khách hàng và tối ưu hóa quy trình quản lý cho chủ cửa hàng, bao gồm quản lý thông tin thú cưng, hóa đơn và danh mục.

1.2. Phạm vi nghiên cứu và phương pháp tiếp cận dự án

Phạm vi của đồ án được giới hạn trong việc sử dụng ngôn ngữ lập trình PHP kết hợp với hệ quản trị cơ sở dữ liệu MySQL (thông qua XAMPP và phpMyAdmin). Phương pháp tiếp cận được áp dụng một cách hệ thống, bao gồm: phương pháp đọc và phân tích tài liệu để nắm vững lý thuyết về PHP, mô hình MVC; phương pháp phân tích mẫu thông qua việc nghiên cứu các trang web bán hàng thành công khác để học hỏi về thiết kế giao diện và luồng chức năng; và cuối cùng là phương pháp thực nghiệm để xây dựng, kiểm thử và triển khai ứng dụng. Cách tiếp cận này đảm bảo rằng báo cáo đồ án lập trình nâng cao không chỉ là sản phẩm lý thuyết mà còn có tính ứng dụng thực tiễn cao, bám sát các quy trình phát triển phần mềm chuyên nghiệp.

II. Cách phân tích và thiết kế hệ thống web bán thú cưng

Giai đoạn phân tích thiết kế hệ thống là nền tảng quyết định sự thành công của một dự án phần mềm. Đối với đồ án web bán thú cưng, quá trình này bắt đầu bằng việc xác định rõ ràng các chức năng hệ thống và các tác nhân tương tác. Hệ thống cần đáp ứng nhu cầu của ba tác nhân chính: Khách hàng (người xem và mua hàng), Nhân viên (người quản lý nội dung, sản phẩm) và Người quản trị (Admin - người có toàn quyền điều hành hệ thống). Các chức năng được phân chia rõ ràng, từ phía người dùng như xem sản phẩm, thêm vào giỏ hàng, đặt hàng, đến phía quản trị như quản lý sản phẩm, quản lý đơn hàng, quản lý bình luận và tài khoản người dùng. Để trực quan hóa các yêu cầu này, các biểu đồ chuẩn hóa trong UML được sử dụng. Use case diagram (biểu đồ ca sử dụng) được dùng để mô tả tổng quan các tương tác giữa tác nhân và hệ thống. Tiếp theo, các biểu đồ tuần tự (Sequence Diagram) được vẽ chi tiết cho từng chức năng quan trọng như 'Thêm sản phẩm', 'Cập nhật sản phẩm', 'Đặt hàng', giúp làm rõ luồng xử lý thông tin giữa các thành phần trong hệ thống. Quá trình phân tích này đảm bảo mọi yêu cầu nghiệp vụ đều được hiểu đúng và là cơ sở vững chắc cho việc thiết kế cơ sở dữ liệu website bán hàng và lập trình các module chức năng sau này.

2.1. Đặc tả yêu cầu chức năng và các tác nhân hệ thống

Hệ thống được xác định có ba tác nhân chính: Người quản trị (Admin), Nhân viên và Khách hàng. Mỗi tác nhân có một tập hợp các quyền hạn và chức năng riêng. Chức năng hệ thống bao gồm: cho phép khách hàng xem, tìm kiếm thú cưng, thêm vào chức năng giỏ hàng, và đặt hàng. Đối với nhân viên và admin, hệ thống cung cấp một admin panel để thực hiện các nghiệp vụ như quản lý sản phẩm (thêm, sửa, xóa, duyệt), quản lý danh mục, quản lý bình luận, quản lý đơn hàng (xác nhận, hủy, hoàn thành đơn) và quản lý tài khoản khách hàng. Việc đặc tả chi tiết này là bước đầu tiên và quan trọng nhất trong quy trình phân tích thiết kế hệ thống.

2.2. Xây dựng biểu đồ Use Case tổng quát và chi tiết

Biểu đồ Use Case Diagram được sử dụng để mô hình hóa các chức năng chính của website. Báo cáo gốc trình bày một Use Case tổng quát cho thấy toàn bộ các tương tác có thể xảy ra. Sau đó, các Use Case chi tiết được xây dựng cho từng nghiệp vụ phức tạp như 'Use case quản lý sản phẩm/ thú cưng', 'Use case quản lý đơn hàng', và 'Use case quản lý tài khoản'. Ví dụ, trong Use case quản lý sản phẩm, các hành động như 'Thêm sản phẩm', 'Duyệt sản phẩm', 'Khóa sản phẩm' được mô tả rõ ràng, đi kèm với điều kiện trước, dòng sự kiện chính và các dòng sự kiện rẽ nhánh. Cách trình bày này giúp các lập trình viên hiểu rõ logic nghiệp vụ trước khi bắt tay vào viết mã nguồn.

2.3. Mô hình hóa dữ liệu với sơ đồ quan hệ thực thể ERD

Thiết kế cơ sở dữ liệu website bán hàng là một công đoạn cốt lõi. Sơ đồ ERD (Entity-Relationship Diagram), hay còn gọi là sơ đồ quan hệ giữa các bảng, được xây dựng để thể hiện cấu trúc lưu trữ dữ liệu. Các thực thể chính trong hệ thống bao gồm Khách hàng (users), Loại hàng, Bình luận (comments), Thú cưng, Hóa đơn và Hóa đơn chi tiết. Mối quan hệ giữa các bảng được xác định rõ ràng (ví dụ: một khách hàng có thể có nhiều hóa đơn, một hóa đơn có thể có nhiều hóa đơn chi tiết). Thiết kế này, theo tài liệu gốc, được triển khai trên MySQL thông qua công cụ phpMyAdmin, đảm bảo tính toàn vẹn và nhất quán của dữ liệu trong toàn bộ hệ thống.

III. Giải pháp công nghệ và thiết kế cơ sở dữ liệu website

Việc lựa chọn công nghệ phù hợp là yếu tố then chốt, ảnh hưởng trực tiếp đến hiệu năng, khả năng bảo trì và mở rộng của website bán thú cưng. Đồ án này đã lựa chọn một bộ công nghệ phổ biến và mạnh mẽ. Về phía backend, ngôn ngữ PHP được sử dụng làm ngôn ngữ chính. Đây là một lựa chọn hợp lý cho các dự án web vừa và nhỏ nhờ cộng đồng hỗ trợ lớn, tài liệu phong phú và dễ triển khai trên hầu hết các nhà cung cấp hosting. Hệ thống được phát triển trên môi trường XAMPP, một gói phần mềm tích hợp sẵn Apache, MySQL và PHP, giúp đơn giản hóa quá trình cài đặt và phát triển cục bộ. Kiến trúc hệ thống tuân thủ theo mô hình MVC (Model-View-Controller), một mẫu thiết kế giúp tách biệt logic xử lý, giao diện người dùng và dữ liệu. Cách tiếp cận này giúp mã nguồn trở nên có tổ chức, dễ quản lý và bảo trì hơn. Về cơ sở dữ liệu website bán hàng, MySQL được chọn làm hệ quản trị CSDL, được quản lý thông qua giao diện trực quan của phpMyAdmin. Cấu trúc các bảng được thiết kế cẩn thận để lưu trữ thông tin về khách hàng, sản phẩm (thú cưng), danh mục, đơn hàng và bình luận, đảm bảo tính toàn vẹn dữ liệu thông qua các khóa chính và khóa ngoại.

3.1. Lựa chọn ngôn ngữ lập trình PHP và mô hình MVC

Ngôn ngữ PHP là nền tảng của backend hệ thống. Việc áp dụng mô hình MVC giúp cấu trúc dự án một cách khoa học. Trong đó, Model chịu trách nhiệm tương tác với cơ sở dữ liệu MySQL, thực hiện các truy vấn thêm, sửa, xóa, lấy dữ liệu. View chịu trách nhiệm hiển thị dữ liệu và giao diện người dùng, sử dụng HTML, CSS. Controller đóng vai trò trung gian, nhận yêu cầu từ người dùng, gọi đến Model thích hợp để xử lý dữ liệu và sau đó chọn View tương ứng để trả về kết quả cho người dùng. Các biểu đồ tuần tự trong báo cáo đã minh họa rất rõ luồng hoạt động này, ví dụ như khi 'thêm sản phẩm', Controller sẽ nhận dữ liệu từ form, gọi Model để lưu vào CSDL và trả về thông báo qua View.

3.2. Thiết kế chi tiết cơ sở dữ liệu MySQL cho shop thú cưng

Cơ sở dữ liệu được thiết kế gồm các bảng chính: users (lưu thông tin khách hàng và admin), loai_hang (danh mục sản phẩm), comments (bình luận), thuc_ung (thông tin chi tiết thú cưng), hoa_don (thông tin đơn hàng) và hoa_don_chi_tiet. Mỗi bảng được định nghĩa với các trường, kiểu dữ liệu và ràng buộc cụ thể. Ví dụ, bảng users chứa các trường như ma_kh, ho_ten, mat_khau, email. Bảng thuc_ung chứa các thông tin như ma_tc, ten_tc, hinh, don_gia. Sơ đồ ERD trong báo cáo đã thể hiện rõ mối quan hệ giữa các bảng này, chẳng hạn mối quan hệ một-nhiều giữa users và hoa_don.

IV. Phương pháp xây dựng giao diện và chức năng web thú cưng

Việc triển khai và xây dựng các chức năng là giai đoạn hiện thực hóa các phân tích và thiết kế đã thực hiện. Quá trình này được chia thành hai phần chính: xây dựng giao diện người dùng (frontend) và lập trình logic phía máy chủ (backend). Đối với frontend, đồ án sử dụng các công nghệ web cơ bản như HTML, CSS và JavaScript để tạo ra một giao diện website thú cưng thân thiện và dễ sử dụng. Báo cáo cũng đề cập đến việc sử dụng framework ReactJS, cho thấy một hướng tiếp cận hiện đại để xây dựng giao diện người dùng động và có tính tương tác cao. Các trang giao diện chính được thiết kế bao gồm trang chủ, trang sản phẩm, chi tiết sản phẩm, chức năng giỏ hàng, trang thanh toán, và các trang thông tin (giới thiệu, tin tức, liên hệ). Về phía backend, các chức năng được lập trình bằng PHP. Một admin panel hoàn chỉnh được xây dựng để cho phép quản trị viên thực hiện các thao tác quan trọng. Các module chính bao gồm quản lý sản phẩm (cho phép thêm, sửa, xóa và duyệt thú cưng), quản lý đơn hàng (xem, xác nhận, hủy đơn), quản lý khách hàng và quản lý bình luận. Mỗi chức năng đều được lập trình cẩn thận để tương tác với cơ sở dữ liệu MySQL, đảm bảo luồng dữ liệu chính xác và an toàn.

4.1. Xây dựng giao diện người dùng UI UX với ReactJS

Giao diện người dùng là bộ mặt của website. Theo báo cáo, giao diện được thiết kế dựa trên các yêu cầu đã đề ra, bao gồm các trang chức năng như đăng ký đăng nhập, xem sản phẩm, giỏ hàng, và thanh toán. Việc sử dụng ReactJS, một thư viện JavaScript mạnh mẽ, giúp tạo ra các thành phần giao diện có thể tái sử dụng và quản lý trạng thái ứng dụng một cách hiệu quả, mang lại trải nghiệm mượt mà cho người dùng. Các hình ảnh minh họa từ Hình 3.1 đến Hình 3.10 trong tài liệu gốc cho thấy một giao diện trực quan, rõ ràng, tập trung vào việc trưng bày sản phẩm và đơn giản hóa quá trình mua hàng.

4.2. Triển khai các chức năng quản trị viên Admin Panel

Trang quản trị (admin panel) là trung tâm điều hành của website. Được xây dựng bằng PHP và kết nối với cơ sở dữ liệu MySQL, nó cung cấp đầy đủ công cụ cho người quản trị. Các chức năng chính được triển khai bao gồm: quản lý sản phẩm (thêm mới, cập nhật thông tin, hình ảnh, giá cả), quản lý loại hàng, quản lý khách hàng, quản lý bình luận và quan trọng nhất là quản lý đơn hàng. Hệ thống cho phép admin xem danh sách đơn hàng theo các trạng thái khác nhau (chờ giao, đã xuất, đã hủy, hoàn thành), giúp theo dõi và xử lý đơn hàng một cách có hệ thống. Các giao diện quản trị (từ Hình 3.11 đến Hình 3.16) được thiết kế đơn giản, tập trung vào chức năng.

V. Kết quả đạt được và đánh giá đồ án web bán thú cưng

Sau quá trình phân tích, thiết kế và triển khai, đồ án lập trình web nâng cao đã đạt được những kết quả đáng kể. Sản phẩm cuối cùng là một website bán thú cưng hoạt động ổn định, đáp ứng được các mục tiêu ban đầu đề ra. Hệ thống cho phép khách hàng thực hiện đầy đủ các thao tác của một trang thương mại điện tử: xem thông tin sản phẩm, tìm kiếm, thêm vào giỏ hàng và tiến hành đặt hàng. Về phía quản trị, trang admin cung cấp các công cụ cần thiết để quản lý hiệu quả hoạt động kinh doanh của cửa hàng. Website được kiểm thử và đảm bảo chạy tốt trên các trình duyệt phổ biến như Google Chrome, Firefox. Quá trình thực hiện đồ án đã giúp nhóm sinh viên củng cố kiến thức lý thuyết và tích lũy kinh nghiệm thực tế về quy trình phát triển một dự án web hoàn chỉnh. Tuy nhiên, bên cạnh những thành công, đồ án cũng tồn tại một số hạn chế nhất định. Việc nhận diện và đánh giá khách quan những điểm yếu này là rất quan trọng, không chỉ để hoàn thiện sản phẩm mà còn là cơ sở để đề ra hướng phát triển trong tương lai, biến đồ án thành một sản phẩm có tính ứng dụng cao hơn.

5.1. Các chức năng hoàn thiện và cung cấp source code tham khảo

Kết quả chính là một website bán thú cưng hoàn chỉnh với các chức năng cốt lõi. Khách hàng có thể dễ dàng đặt hàng, và quản trị viên có thể quản lý các mục một cách thuận tiện. Đồ án này, với đầy đủ tài liệu báo cáo và source code web bán thú cưng, trở thành một tài nguyên tham khảo giá trị cho các sinh viên ngành CNTT đang thực hiện các đồ án tốt nghiệp tương tự. Nó minh họa rõ nét quy trình từ khâu lên ý tưởng, phân tích nghiệp vụ, thiết kế CSDL bằng sơ đồ ERD, cho đến lập trình và triển khai.

5.2. Hạn chế của hệ thống và các vấn đề còn tồn tại

Báo cáo đã thẳng thắn chỉ ra các hạn chế. Điểm yếu lớn nhất là hệ thống chưa tích hợp được nhiều phương thức thanh toán online hiện đại, vẫn còn phụ thuộc vào các thủ tục thủ công. Giao diện, mặc dù đã đáp ứng yêu cầu cơ bản, nhưng vẫn chưa thực sự chuyên nghiệp về mặt thiết kế và màu sắc. Ngoài ra, một số chức năng vẫn còn lỗi tiềm ẩn và chưa được tối ưu hoàn toàn. Nhận thức rõ những hạn chế này là bước đầu tiên để cải tiến và nâng cấp hệ thống trong các phiên bản tiếp theo.

VI. Tổng kết đồ án và hướng phát triển trong tương lai

Quá trình thực hiện đề tài “Xây dựng website bán thú cưng” đã mang lại nhiều bài học quý báu. Nó không chỉ là một bài tập lớn của môn lập trình web nâng cao mà còn là một dự án mô phỏng quy trình làm việc thực tế. Sinh viên đã được rèn luyện kỹ năng phân tích vấn đề, thiết kế hệ thống, làm việc với cơ sở dữ liệu, và lập trình ứng dụng. Mặc dù sản phẩm đã đạt được mục tiêu cơ bản, tiềm năng phát triển của nó vẫn còn rất lớn. Những hạn chế hiện tại chính là những định hướng phát triển cho tương lai. Việc nâng cấp hệ thống không chỉ giúp sản phẩm hoàn thiện hơn mà còn mở ra cơ hội để sinh viên tiếp cận và áp dụng các công nghệ mới, phức tạp hơn. Đồ án đã đặt một nền móng vững chắc, từ đó có thể xây dựng thêm nhiều tính năng tiên tiến, biến nó thành một giải pháp thương mại điện tử toàn diện cho ngành hàng thú cưng. Lời cảm ơn chân thành được gửi đến giảng viên hướng dẫn, người đã đồng hành và chia sẻ những kiến thức bổ ích trong suốt quá trình thực hiện đồ án.

6.1. Bài học kinh nghiệm từ đồ án lập trình web nâng cao

Thông qua đồ án, nhóm thực hiện đã học hỏi được nhiều kỹ năng và kiến thức thực tiễn. Quá trình này giúp trau dồi khả năng làm việc nhóm, quản lý thời gian và giải quyết vấn đề. Quan trọng hơn, sinh viên đã nắm vững quy trình phát triển một website từ A-Z: từ khảo sát yêu cầu, sử dụng use case diagram để mô hình hóa, thiết kế cơ sở dữ liệu website bán hàng, đến việc lựa chọn và áp dụng các công nghệ như PHP, ReactJS, MySQL vào thực tế. Đây là những kinh nghiệm vô giá cho sự nghiệp của một kỹ sư công nghệ thông tin trong tương lai.

6.2. Hướng phát triển tiềm năng cho website bán thú cưng

Để nâng cao chất lượng và tính cạnh tranh của sản phẩm, báo cáo đã đề ra một số hướng phát triển rõ ràng. Trước hết là bổ sung và đa dạng hóa các cổng thanh toán online như MoMo, VNPay để tăng tiện ích cho khách hàng. Tiếp theo là xây dựng thêm các module hỗ trợ marketing và chăm sóc khách hàng online như live chat, hệ thống đánh giá sản phẩm, gửi email marketing. Về mặt sản phẩm, website có thể mở rộng kinh doanh các mặt hàng phụ kiện thú cưng, thức ăn và dịch vụ chăm sóc. Về công nghệ, hệ thống có thể được nâng cấp bằng cách áp dụng các framework mạnh mẽ hơn như Laravel hoặc NodeJS cho backend để cải thiện hiệu năng và khả năng mở rộng.

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

CHƯƠNG I: MỤC TIÊU ĐỀ TI 1.1 Lý do chọn đề tài Ngành công nghệ thông tin hiện nay đang trên đà phát triển vượt bậc, đỉnh điểm của sự bùng nổ này có thể thấy rõ qua thời kỳ COVID-19 vừa qua. Đây cũng là một ngành không thể thiếu của khoa học và kỹ thuật hiện nay, CNTT giữ một vai trò quan trọng trong sự phát triển và thúc đẩy nền khoa học hiện nay. Nó giúp đỡ con người trong rất nhiều mặt trong cuộc sống, giúp chúng ta có những khoảnh khắc thú vị khi tìm hiểu một kỹ thuật mới, cũng như giúp chúng ta bớt đi những nặng nhọc trong công việc thường nhật v. Mỗi một công việc có sự góp mặt của công nghệ thông tin luôn đem lại hiệu quả cao hơn rất nhiều so với việc không áp dụng công nghệ thông tin.

Việc bán hàng qua các cửa hàng thường không mang lại hiệu quả cao cả về doanh thu lẫn quảng cáo sản phẩm. Áp dụng công nghệ thông tin để giới thiệu sản phẩm và cho phép người dùng có thể mua bán trực tuyến từ lâu đã mang lại hiệu quả rất cao so với những cách truyền thống. Ta có thể thấy rõ điều này thông qua thời kỳ vừa rồi của đất nước. Xuất phát từ những yếu tố trên và qua khảo sát, em đã chọn đề tài xây dựng website bán thú cưng Dogily trên nền tảng ngôn ngữ lập trình php.2 Mục tiêu của đề tài - Áp dụng mô hình Xampp, ngôn ngữ php và hệ quản trị cơ sở dữ liệu Phpmyadmin để xây dựng website bán thú cưng Dogily.

- Giới thiệu được các chủng loại thú cưng tới người tiêu dùng. - Tìm kiếm theo đa tiêu chí: tên thú cưng, thông tin y tế, giá thành. - Giúp khách hàng dễ dàng tìm và nhận nuôi thông qua website. - Giúp người quản trị trang web dễ dàng quản lý những thông tin về thú cưng, hóa đơn, danh mục đã được nhận nuôi .3 Giới hạn và phạm vi của đề tài - Lập trình trên ngôn ngữ PHP với công cụ Visual Studio code, xampp và hệ quản trị cơ sở dữ liệu Phpmyadmin.

2 - Nghiên cứu các trang web bán hàng khác để có hướng thiết kế về giao diện cũng như các chức năng cần có của một website bán hàng.4 Nội dung thực hiện Nội dung thực hiện/nghiên cứu cụ thể như sau: - Nghiên cứu lập trình website sử dụng ngôn ngữ PHP - Phân tích yêu cầu và đề xuất giải pháp Website trên công nghệ xampp. - Thiết kế đặc tả hệ thống. - Xây dựng Cơ sở dữ liệu. - Lập trình cho các Module của hệ thống - Kiểm thử hệ thống.

- Triển khai thực nghiệm hệ thống trên mạng Internet.5 Phương pháp tiếp cận - Cách tiếp cận : Nghiên cứu các ngôn ngữ trong lập trình website như HTML,PHP, CSS, Jquerry, Javascript, các nền tảng công nghệ … - Sử dụng các phương pháp nghiên cứu: ⁺ Phương pháp đọc tài liệu. ⁺ Phương pháp phân tích mẫu. ⁺ Phương pháp thực nghiệm. 3 CHƯƠNG II: PHÂN TÍCH BI TOÁN 2.1 Phân tích thiết kế hệ thống 2.1 Các chức năng hệ thống - Người ghé thăm website có thể xem, tìm kiếm thông tin về thú cưng, tin tức, chương trình khuyến mãi của cửa hàng.

- Cho phép khách hàng có thể chọn thú cưng muốn nuôi vào giỏ hàng để đánh dấu mình muốn hoặc có thể chọn, khi chắc chắn muốn nuôi khách hàng có thể chọn nhận nuôi để nhận được giấy nhận nuôi. - Khách hàng có thể liên hệ trực tiếp tới nhân viên của cửa hàng để trao đổi, tư vấn. - Có thể cho tổ chức lưu trữ, cập nhật thông tin tin tức, thông tin các chương trình của cửa hàng. - Cho phép lưu trữ, cập nhật thông tin về sản phẩm, chi tiết thú cưng.

- Cho phép cập nhật thông tin của khách hàng đặt hàng. - Cho phép lưu trữ, cập nhật thông tin muốn nhận nuôi, nhận nuôi. - Cho phép người quản trị và nhân viên quản lý thực hiện dễ dàng các nghiệp vụ có liên quan.2 Các tác nhân hệ thống Dựa vào mô tả bài toán, ta có thể xác định được các tác nhân chính của hệ thống như sau: - Nhân viên: là người quản lý duy trì, kiểm soát các thông tin trên web site, thông tin nhập xuất … - Người quản trị: là người điều hành, quản lý và theo dõi mọi hoạt động của hệ thống, phân quyền và kiểm soát các hành động của các nhân viên. - Khách hàng: là người xem tác động hoặc có các giao dịch với hệ thống thông qua hoạt động nhận nuôi.3 Đặc tả chức năng của hệ thống 2.1 Use case tổng quát của hệ thống Hình 2.1 Use Case tổng quát hệ thống 2.2 Use case quản lý sản phẩm/ thú cưng Hình 2.2 Use case quản lý sản phẩm/ thú cưng 5 - Tác nhân: Nhân viên, Admin.

- Mô tả: Use case cho phép nhân viên cũng như admin có thể quản lý thông tin của các sản phẩm/ thú cưng có trong cơ sở dữ liệu. Trừ chức năng duyệt sản phẩm chỉ dành riêng cho admin khi nhân viên viết bài về sản phẩm - Điều kiện trước: Đã đăng nhập thành công vào hệ thống với quyền admin hoặc nhân viên và tài khoản chưa bị khóa - Dòng sự kiện chính: 1. Chọn chức năng quản lý sản phẩm/ thú cưng 2. Giao diện hiển thị các chức năng tương ứng.

Người quản trị chọn kiểu tác động: Thêm, danh sách sản phẩm chờ duyệt, danh sách sản phẩm đã duyệt, duyệt, bỏ duyệt, khóa hoặc mở khóa. + Thêm sản phẩm: ▪ Hệ thống hiển thị giao diện nhập thông tin sản phẩm ▪ Người quản trị nhập thông tin sản phẩm và nhấn nút “Thêm” sản phẩm để thêm sản phẩm/ thú cưng mới vào cơ sở dữ liệu. ▪ Nếu thành công, sản phẩm sẽ có trạng thái bằng 0 tương ứng với sản phẩm đang chờ duyệt và chuyển qua trang duyệt sản phẩm. ▪ Nếu thất bại sẽ thông báo thất bại và cũng chuyển sang trang duyệt sản phẩm.

+ Danh sách sản phẩm/ thú cưng chờ duyệt: ▪ Hệ thống hiển thị ra danh sách các sản phẩm có trạng thái bằng 0 tương ứng với các sản phẩm đang chờ duyệt. 6 ▪ Người quản trị chọn nút duyệt sản phẩm tương ứng với mỗi sản phẩm. ▪ Hệ thống chuyển trạng thái của sản phẩm được chọn thành 2 tương ứng với đã duyệt. + Danh sách sản phẩm đã duyệt: ▪ Hệ thống hiển thị ra danh sách các sản phẩm có trạng thái bằng 2 tương ứng với các sản phẩm đã duyệt.

▪ Người quản trị chọn nút bỏ duyệt sản phẩm hoặc nút cập nhật tương ứng với mỗi sản phẩm. ▪ Nếu người quản trị chọn nút duyệt sản phẩm, hệ thống sẽ chuyển trạng thái của sản phẩm được duyệt thành 0 tương ứng với sản phẩm chờ duyệt. ▪ Nếu người quản trị chọn nút cập nhật, hệ thống lấy mã của sản phẩm được chọn, chuyển sang trang cập nhật và hiển thị thông tin của sản phẩm đó lên các điều khiển để người quản trị có thể sửa trực tiếp. Người quản trị nhấn nút “Cập nhật” để cập nhật lại thông tin sản phẩm thực hiện dòng sự kiện rẽ nhánh A1.

Use case kết thúc. + Dòng sự kiện rẽ nhánh: + Dòng rẽ nhánh A1: Cập nhật thông tin sản phẩm/ thú cưng. ▪ Nếu cập nhật thành công, hệ thống thông báo cho người dùng cập nhật thành công và chuyển sang trang sản phẩm/ thú cưng đã duyệt. 7 ▪ Nếu cập nhật thất bại, hệ thống thông báo cho người dùng cập nhật thất bại.3 Use case danh mục quản lý sản phẩm/ thú cưng Hình 2.3 Use case quản lý danh mục sản phẩm/ thú cưng - Tác nhân: Nhân viên, Admin.

- Mô tả: Use case cho phép nhân viên cũng như admin có thể quản lý thông tin của các danh mục sản phẩm có trong cơ sở dữ liệu. - Điều kiện trước: Đã đăng nhập thành công vào hệ thống với quyền admin hoặc nhân viên và tài khoản chưa bị khóa - Dòng sự kiện chính: 1. Chọn chức năng quản lý danh mục thú cưng 2. Giao diện hiển thị các chức năng tương ứng.

Người quản trị chọn kiểu tác động: Thêm, hiển thị danh sách danh mục thú cưng chờ duyệt, danh sách danh mục thú cưng đã duyệt. + Thêm danh mục sản phẩm: ▪Hệ thống hiển thị giao diện nhập thông tin danh mục thú cưng 9 ▪Người quản trị nhập thông tin sản phẩm và nhấn nút “Thêm” để thêm danh mục thú cưng để thêm thú cưng mới vào cơ sở dữ liệu. ▪Nếu thành công, thú cưng sẽ có trạng thái bằng 0 tương ứng với danh mục thú cưng đang chờ duyệt và chuyển qua trang duyệt danh mục thú cưng. ▪Nếu thất bại sẽ thông báo thất bại và cũng chuyển sang trang duyệt danh mục thú cưng.

+ Danh sách sản phẩm chờ duyệt: ▪Hệ thống hiển thị ra danh sách các danh mục thú cưng có trạng thái bằng 0 tương ứng với các danh mục thú cưng đang chờ duyệt. ▪Người quản trị chọn nút duyệt sản phẩm tương ứng với mỗi danh mục thú cưng. ▪Hệ thống chuyển trạng thái của danh mục thú cưng được chọn thành 2 tương ứng với đã duyệt. + Danh sách danh mục thú cưng đã duyệt ▪Hệ thống hiển thị ra danh sách các danh mục thú cưng có trạng thái bằng 2 tương ứng với các danh mục thú cưng đã duyệt.

▪Người quản trị chọn nút bỏ duyệt danh mục thú cưng hoặc nút cập nhật tương ứng với mỗi thú cưng. Nếu người quản trị chọn nút “duyệt” để duyệt danh mục thú cưng, hệ thống sẽ chuyển trạng thái của thú cưng được duyệt thành 0 tương ứng với thú cưng chờ duyệt. 10 Nếu người quản trị chọn nút cập nhật, hệ thống lấy mã của danh mục thú cưng được chọn, chuyển sang trang cập nhật và hiển thị thông tin của danh mục thú cưng đó lên các điều khiển để người quản trị có thể sửa trực tiếp. Người quản trị nhấn nút “Cập nhật” để cập nhật lại thông tin danh mục thú cưng, thực hiện dòng sự kiện rẽ nhánh A1.

+ Xóa danh mục sản phẩm: ▪Người quản trị chọn nút xóa tương ứng với danh mục thú cưng cần xóa. ▪Hệ thống tiến hành xóa bản ghi được yêu cầu và thông báo xóa thành công. Use case kết thúc. + Dòng sự kiện rẽ nhánh: + Dòng rẽ nhánh A1: Cập nhật thông tin danh mục thú cưng.

▪Nếu cập nhật thành công, hệ thống thông báo cho người dùng cập nhật thành công và chuyển sang trang danh mục thú cưng đã duyệt. ▪Nếu cập nhật thất bại, hệ thống thông báo cho người dùng cập nhật thất bại và chuyển sang trang danh mục thú cưng đã duyệt.4 Use case đăng nhập 11 Hình 2.4 Use case đăng nhập - Tác nhân: Nhân viên, Admin.