1. Trang chủ
  2. » Luận Văn - Báo Cáo

Khóa luận tốt nghiệp Công nghệ thông tin: Xây dựng Website bán máy lọc nước trên nền tảng Drupal

67 0 0
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Thiết Kế Website Bán Máy Lọc Nước
Tác giả Nguyễn Duy Nam
Người hướng dẫn Th.S Lê Thị Phương Anh
Trường học Đại học Hải Phòng
Chuyên ngành Công nghệ thông tin
Thể loại báo cáo đồ án tốt nghiệp
Năm xuất bản 2024
Thành phố Hải Phòng
Định dạng
Số trang 67
Dung lượng 3,07 MB

Cấu trúc

  • CHƯƠNG I: TỔNG QUAN VỀ DRUPAL VÀ MODULE DRUPAL COMMERCE (11)
    • 1.1 Giới thiệu chung về Drupal (11)
    • 1.2. Những Thành tựu của Drupal (11)
    • 1.3 Giới thiệu Drupal Commerce (14)
      • 1.3.1 Cài đặt và thiết lập cơ bản (15)
    • CHƯƠNG 2: PHÂN TÍCH, THIẾT KẾ HỆ THỐNG (21)
      • 2.1 Phân tích và thiết kế hướng đối tượng (21)
        • 2.1.1 Phân tích và thiết kế hướng đối tượng(OOAD) là gì? (21)
        • 2.1.2. UML là gì? (21)
      • 2.2. Biểu đồ UseCase (23)
        • 2.2.1 Biểu đồ Use-case tổng quát (23)
        • 2.2.2 UC cho khách hàng (24)
        • 2.2.3 UC cho người bán hàng (0)
        • 2.2.4 Use Case: Đăng nhập (26)
        • 2.2.5 Use Case: Đăng ký (27)
        • 2.2.6 Use Case: Tìm kiếm (28)
        • 2.2.7 Use case quản lí thông tin cá nhân (30)
        • 2.2.8 Use case quản lí giỏ hàng (33)
        • 2.2.9 Use case đặt hàng (36)
        • 2.2.10 Use case quản lý sản phẩm (37)
        • 2.2.11 Use case quản lý đơn đặt hàng (37)
      • 2.3. Biểu đồ hoạt động (41)
        • 2.3.1 Đăng nhập (41)
        • 2.3.2 Đăng ký (42)
        • 2.3.3 Tìm kiếm (42)
        • 2.3.4 Sửa thông tin cá nhân (0)
        • 2.3.5 Thêm sản phẩm vào giỏ (45)
        • 2.3.6 Cập nhật trạng thái đơn hàng (46)
      • 2.4 Biểu đồ tuần tự (47)
        • 2.4.1 Biểu đồ tuần tự đăng nhập (47)
        • 2.4.2 Biểu đồ tuần tự đăng ký (48)
        • 2.4.3 Biểu đồ tuần tự tìm kiếm (49)
        • 2.4.4 Biểu đồ tuần tự đặt hàng (50)
        • 2.4.5 Biểu đồ tuần tự thêm sản phẩm (51)
        • 2.4.6 Biểu đồ tuần cập nhật trạng thái (52)
        • 2.4.7 Biểu đồ cộng tác đăng nhập (53)
        • 2.4.8 Biểu đồ cộng tác sửa thông tin cá nhân (0)
        • 2.4.9 Biểu đồ cộng tác tìm kiếm sản phẩm (0)
        • 2.4.10 Biểu đồ cộng tác đặt hàng (56)
        • 2.4.11. Biểu đồ lớp (57)
    • CHƯƠNG 3: THỰC NGHIỆM XÂY DỰNG HỆ THỐNG (57)
      • 3.1. Môi trường cài đặt (57)
      • 3.2. Giới thiệu Website (58)
        • 3.2.1 Giao diện trang chủ (58)
        • 3.2.2: Phần footer (59)
        • 3.2.3 Giao diện đăng nhập, đăng ký thành viên (60)
        • 3.2.4 Giao diện tìm kiếm sản phẩm (60)
        • 3.3.5. Giao diện đặt hàng (61)
        • 3.2.6 Giao diện giỏ hàng, thanh toán (61)
        • 3.2.8 Giao diện trang quản lý tài khoản cho admin (63)
        • 3.2.9 Giao diện quản lý sản phẩm (64)
  • KẾT LUẬN (66)
  • TÀI LIỆU THAM KHẢO (67)

Nội dung

Để kiểm chứng điều đó, các bạn cần biết là: -Mô-đun và Linh Hoạt Mở Rộng: Hệ thống mô-đun của Drupal cho phép người dùng mở rộng chức năng của trang web một cách dễ dàng.. -Quản Lý N

TỔNG QUAN VỀ DRUPAL VÀ MODULE DRUPAL COMMERCE

Giới thiệu chung về Drupal

Drupal được phát triển bởi Dries Buytaert, một sinh viên Bỉ, bắt đầu từ năm 2000 như một hệ thống diễn đàn cá nhân và nhanh chóng mở rộng thành hệ thống quản lý nội dung (CMS) Dries đã công bố mã nguồn mở cho dự án và đặt tên là "Drupal", từ tiếng Hà Lan có nghĩa là "đâm nhau" hay "điên đảo" Phiên bản Drupal 1.0 chính thức được phát hành vào tháng 1 năm 2001.

Drupal đã trải qua nhiều phiên bản, mỗi phiên bản đều mang lại những cải tiến đáng kể về tính năng và hiệu suất Cộng đồng người dùng và phát triển của Drupal ngày càng lớn mạnh, chứng tỏ rằng Drupal không chỉ phù hợp với các dự án nhỏ Hiện tại, khoảng 25% trong số 100 website lớn nhất thế giới sử dụng mã nguồn Drupal, bao gồm các trang nổi tiếng như TechCrunch, Mashable, CNN, BBC America, Variety, Sony Music, MTV News, Bata và Quartz.

Những Thành tựu của Drupal

Khi khám phá Drupal, bạn sẽ cảm thấy tự hào về những thành tựu vượt bậc của nền tảng mã nguồn mở này, được công nhận là một trong những hệ thống quản lý nội dung (CMS) phổ biến nhất trên toàn cầu.

-Mô-đun và Linh Hoạt Mở Rộng:

Hệ thống mô-đun của Drupal giúp người dùng dễ dàng mở rộng chức năng trang web Cộng đồng Drupal cung cấp hàng nghìn mô-đun miễn phí và trả phí, phục vụ cho nhiều nhu cầu từ quản lý nội dung đến thương mại điện tử và tích hợp dịch vụ bên ngoài.

-Quản Lý Nội Dung Hiệu Quả:

Drupal là một hệ thống quản lý nội dung mạnh mẽ, giúp người dùng dễ dàng tạo, chỉnh sửa và quản lý nội dung cho trang web Nó hỗ trợ đa dạng các loại nội dung như bài viết, hình ảnh, video và nhiều tài liệu khác.

-Đa Ngôn Ngữ và Đa Khu Vực:

Drupal hỗ trợ quản lý nội dung đa ngôn ngữ, cho phép người dùng xây dựng trang web hoạt động hiệu quả trên nhiều khu vực và ngôn ngữ khác nhau.

Thiết Kế Đáp Ứng (Responsive Design):

Drupal tập trung vào việc phát triển các trang web có thiết kế đáp ứng, đảm bảo tính tương thích và hiển thị tối ưu trên nhiều thiết bị khác nhau, từ máy tính cho đến điện thoại di động.

Drupal luôn chú ý đến vấn đề bảo mật và cung cấp các bản cập nhật định kỳ để bảo vệ trang web khỏi các mối đe dọa an ninh

-Hỗ Trợ Doanh Nghiệp và Tổ Chức Lớn:

Drupal là một nền tảng phổ biến trong các doanh nghiệp và tổ chức lớn, bao gồm cả các cơ quan chính phủ Với khả năng mở rộng và tính linh hoạt vượt trội, Drupal là lựa chọn lý tưởng cho các dự án lớn và phức tạp.

-Cộng Đồng Lớn và Hỗ Trợ:

Drupal sở hữu một cộng đồng lớn mạnh và năng động, với hàng nghìn người dùng và nhà phát triển trên toàn cầu Cộng đồng này cung cấp sự hỗ trợ, tài liệu và nguồn lực phong phú, giúp người dùng Drupal tối ưu hóa trải nghiệm của họ với hệ thống này.

Các dữ liệu làm việc thế nào?

Drupal được lập trình với nhiều tính năng cho phép tương tác với cơ sở dữ liệu như MySQL, giúp người dùng lưu trữ dữ liệu mềm trên website Tất cả dữ liệu mềm, bao gồm nội dung văn bản, thiết lập và một số loại dữ liệu khác, đều được lưu trữ trong cơ sở dữ liệu.

Nếu vào xem database thông qua phpMyAdmin hoặc các ứng dụng tương tự, sẽ thấy Drupal có nhiều bảng dữ liệu để chứa các dữ liệu được lưu vào

Drupal làm gì mỗi khi có người truy cập vào website?

Khi một người truy cập vào website, Drupal sẽ tự động xử lý theo quy trình sau:

1 Xác Định Đường Dẫn (Routing):

Khi người dùng nhập một URL, Drupal sẽ xác định đường dẫn cụ thể thông qua quy trình định tuyến Cơ sở dữ liệu sẽ xác định các mô-đun, trang và chức năng liên quan đến đường dẫn đó.

2 Kiểm Tra Quyền Truy Cập (Access Control):

Hệ thống kiểm tra quyền truy cập của người dùng đối với trang hoặc nội dung yêu cầu, dựa trên quyền và vai trò của họ Quyền và vai trò này được quản lý thông qua hệ thống phân quyền của Drupal.

3 Xử Lý Yêu Cầu (Request Handling):

Sau khi xác định đường dẫn và quyền truy cập, Drupal sẽ tiến hành xử lý yêu cầu Các mô-đun và theme được kích hoạt để tạo ra trang web và hiển thị nội dung một cách hiệu quả.

4 Truy Cập Cơ Sở Dữ Liệu (Database Access):

Drupal sử dụng cơ sở dữ liệu để lưu trữ nội dung, cài đặt và cấu hình, cho phép hệ thống truy cập thông tin cần thiết để hiển thị trang web khi cần thiết.

5 Xây Dựng Trang (Page Building):

Drupal xây dựng trang web bằng cách sử dụng dữ liệu từ cơ sở dữ liệu và các mô-đun đã được kích hoạt Giao diện người dùng được tạo ra dựa trên theme đã được chọn và tùy chỉnh.

6 Hiển Thị Nội Dung (Content Rendering):

Drupal cung cấp một cấu trúc và giao diện hiển thị nội dung nhất quán, hỗ trợ nhiều định dạng nội dung đa dạng như văn bản, hình ảnh, video và nhiều loại tài liệu khác.

Trang web được tạo ra và gửi đến trình duyệt của người dùng dưới dạng phản hồi Trình duyệt sẽ hiển thị trang web dựa trên dữ liệu mà nó nhận được.

8 Theo Dõi và Thống Kê (Tracking and Logging):

Giới thiệu Drupal Commerce

Drupal Commerce là một module miễn phí, lý tưởng cho việc xây dựng trang thương mại điện tử nhỏ trong Drupal Nó không chỉ bổ sung chức năng cho website mà còn cung cấp hầu hết các tính năng cần thiết cho một trang bán hàng đơn giản.

Drupal Commerce sẽ có các chức năng chính như:

• Linh Hoạt và Tùy Chỉnh:

Drupal Commerce mang đến sự linh hoạt và tùy chỉnh cao, cho phép người dùng xây dựng các trang web thương mại điện tử với những tính năng độc đáo, đáp ứng đầy đủ các yêu cầu cụ thể của doanh nghiệp.

• Kết Hợp Sâu Sắc với Drupal:

Drupal Commerce tích hợp trực tiếp với hệ thống quản lý nội dung Drupal, cho phép người dùng khai thác tối đa các tính năng mạnh mẽ của Drupal trong việc xây dựng và quản lý nội dung hiệu quả.

• Quản Lý Sản Phẩm và Danh Mục:

Drupal Commerce cung cấp các công cụ quản lý sản phẩm và danh mục hiệu quả, cho phép người dùng dễ dàng tạo và quản lý sản phẩm, xác định thuộc tính cũng như biểu mẫu đặt hàng.

• Quản Lý Đơn Hàng và Thanh Toán:

Hệ thống quản lý đơn hàng của Drupal Commerce cho phép theo dõi và quản lý quy trình đặt hàng một cách hiệu quả từ đầu đến cuối Nó hỗ trợ nhiều cổng thanh toán phổ biến và có khả năng tích hợp linh hoạt với các dịch vụ thanh toán trực tuyến.

• Tích Hợp Giao Hàng và Thuế:

Drupal Commerce cho phép tích hợp với các dịch vụ vận chuyển và tự động tính toán thuế Người dùng có thể dễ dàng cấu hình chi phí vận chuyển dựa trên nhiều yếu tố khác nhau và quản lý quy tắc thuế một cách linh hoạt.

• Thư Viện Mô-đun Mở Rộng:

Cộng đồng Drupal Commerce cung cấp một thư viện lớn các mô-đun mở rộng, giúp người dùng mở rộng chức năng theo nhu cầu cụ thể của dự án

• Bảo Mật và Cập Nhật:

Drupal Commerce tập trung vào việc bảo mật và thường xuyên cập nhật, giúp bảo vệ trang web thương mại điện tử khỏi các mối đe dọa an ninh.

1.3.1 Cài đặt và thiết lập cơ bản:

-Trước tiên bạn tìm Module tên Drupal Commerce trên trang chủ drupal và cài module

Hình 1 1 Tìm Module “Drupal Commerce” trên Website Copy link tar.g,sau đó bạn tìm mục cài module,paste link vừa cop rồi tiến hành cài đặt

Hình 1 2 Cài đặt Drupal Commerce

Kế đến ta sẽ phải bật module trong phần module

Hình 1 3 Bật module Drupal commerce 1.4 Thêm một sản phẩm đơn giản:

1.4.1 Nhập thông tin sản phẩm: Để thêm một sản phẩm, bạn vào Sản phẩm -> Thêm sản phẩm

Hình 1 4 Trang thêm sản phẩm

Tại đây nó sẽ giống như trang thêm bài viết, nhưng nó sẽ có nhiều chức năng riêng để thêm một sản phẩm

Phần tiêu đề và nội dung chúng ta sẽ nhập nó như tiêu đề sản phẩm và nội dung mô tả chi tiết của sản phẩm

Hình 1 5 Nhập mô tả sản phẩm

Ngay bên dưới nó là phần Variable, ở đây bạn sẽ được cung cấp và điền một số thông tin cốt lõi về sản phẩm

Hình 1 6 Khung nhập dữ liệu Variable

Chung: Nhập thông tin về mã sản phẩm và giá sản phẩm Mã sản phẩm giúp bạn quản lý kho hàng hiệu quả Giá bán chuẩn là mức giá cơ bản của sản phẩm, trong khi giá khuyến mãi là giá sau khi giảm, cho phép bạn lên lịch để giá khuyến mãi có hiệu lực trong một khoảng thời gian nhất định.

Kiểm kê kho hàng giúp xác định số lượng sản phẩm và tình trạng hàng hóa trong kho Để quản lý kho hàng hiệu quả, bạn cần đánh dấu số lượng hàng tồn kho Tình trạng kho hàng sẽ cho biết sản phẩm còn hàng hay hết hàng Khi kích hoạt tính năng kiểm kê kho, nếu khách hàng mua hết số lượng đã thiết lập, hệ thống sẽ tự động chuyển trạng thái sản phẩm về "hết hàng".

• Giao nhận: Thiết lập trọng lượng, kích thước của sản phẩm và loại hình giao hàng

Nhập trọng lượng sản phẩm trong Drupal Commerce tại mục Cài đặt, và nhập kích thước bao gồm chiều dài, chiều rộng và chiều cao cũng ở phần Cài đặt Ngoài ra, chọn loại hình giao nhận hàng phù hợp, thông tin chi tiết sẽ được trình bày ở bài viết khác.

Kết nối các sản phẩm lại với nhau giúp người mua dễ dàng tìm thấy và nhận được gợi ý về các sản phẩm kèm theo Điều này không chỉ tạo thuận lợi cho khách hàng mà còn khuyến khích họ mua thêm sản phẩm thay thế cho những gì họ đang xem.

Ví dụ sau này bạn có một sản phẩm tốt hơn sản phẩm này thì có thể thêm nó vào phần này

• Các thuộc tính: Thiết lập thuộc tính sản phẩm như màu sắc, kích thước,…nhưng mình sẽ nói kỹ hơn ở phần khác

Nâng cao trải nghiệm mua sắm với các thiết lập sản phẩm bổ sung, bao gồm ghi chú thanh toán để gửi thông điệp đến khách hàng sau khi mua hàng, menu đơn hàng để xác định thứ tự ưu tiên của sản phẩm trong giỏ hàng (số càng nhỏ thì càng ưu tiên), và tùy chọn cho phép đánh giá sản phẩm, giúp khách hàng có thể chia sẻ ý kiến của họ.

PHÂN TÍCH, THIẾT KẾ HỆ THỐNG

2.1 Phân tích và thiết kế hướng đối tượng:

2.1.1 Phân tích và thiết kế hướng đối tượng(OOAD) là gì?

Phân tích thiết kế hướng đối tượng (OOAD) là giai đoạn quan trọng trong phát triển phần mềm, nhằm xây dựng một mô hình chính xác và dễ hiểu cho người sử dụng Mô hình này bao gồm các đối tượng và khái niệm từ đời thực, giúp người dùng dễ dàng nắm bắt và tương tác với hệ thống.

Phân tích thiết kế hướng đối tượng dựa trên những nguyên tắc chung nhằm cung cấp hướng dẫn giúp tránh thiết kế kém Có năm nguyên tắc cơ bản trong thiết kế hướng đối tượng mà người phát triển cần nắm vững.

Một lớp trong lập trình nên chỉ có một lý do để thay đổi, tức là nó chỉ nên xử lý một chức năng đơn lẻ và duy nhất Việc tích hợp nhiều chức năng vào một lớp sẽ tạo ra sự phụ thuộc giữa các chức năng, và khi có sự thay đổi ở một chức năng, nó có thể làm ảnh hưởng đến các chức năng còn lại.

• Các lớp, module, chức năng nên dễ dàng Mở(Open) cho việc thêm chức năng mới, và Đóng(Close) cho việc thay đổi

• Lớp dẫn xuất phải có khả năng thay thế được lớp cha

• Chương trình không nên buộc phải cài đặt một Interface mà nó không sử dụng đến

Các module cấp cao không nên phụ thuộc vào các module cấp thấp; thay vào đó, cả hai nên tương tác thông qua một lớp trừu tượng Lớp trừu tượng này không được phép phụ thuộc vào các chi tiết cụ thể, mà ngược lại, các chi tiết nên phụ thuộc vào lớp trừu tượng.

UML, hay Ngôn ngữ Mô hình hóa Hợp nhất, là công cụ quan trọng để biểu diễn và mô tả thiết kế hệ thống Nó cho phép tạo ra các bản vẽ trực quan, giúp các nhóm thiết kế dễ dàng trao đổi thông tin và thực thi hệ thống một cách hiệu quả.

UML sử dụng hệ thống ký hiệu thống nhất để biểu diễn các phần tử mô hình Các phần tử này tập hợp lại tạo thành các sơ đồ UML Trong UML, có nhiều loại sơ đồ chính, mỗi loại phục vụ cho các mục đích khác nhau trong việc mô tả hệ thống.

• Sơ đồ lớp (Class Diagram)

• Sơ đồ đối tượng (Object Diagram)

• Sơ đồ tình huống sử dụng (Use Case Diagram)

• Sơ đồ trình tự (Sequence Diagram)

• Sơ đồ cộng tác (Composite Structure Diagram)

• Sơ đồ trạng thái (State machine Diagram)

• Sơ đồ thành phần (Component Diagram)

• Sơ đồ hoạt động (Activity Diagram)

• Sơ đồ triển khai (Deployment Diagram)

• Sơ đồ gói (Package Diagram)

• Sơ đồ tương tác (Interaction Overview Diagram)

2.2.1.Biểu đồ Use-case tổng quát

Hình 2 1 Biểu đồ use case tổng quát

Hình 2 2 UC cho khách hàng

15 2.2.3 UC cho người bán hàng

Hình 2 3 Các UC cho người bán hàng

Tác nhân Khách hàng, người quản lý

Mô tả UC cho phép khách hàng đăng nhập vào hệ thống

Tiền điều kiện Thành viên chưa đăng nhập vào hệ thống

1 Thành viên chọn chức năng đăng nhập

2 Form đăng nhập hiển thị

3 Nhập tên, mật khẩu vào form đăng nhập

4 Nếu thành viên nhập sai mật khẩu hoặc tài khoản thì chuyển sang luồng A1

5 Đăng nhập thành công sẽ thực hiện một phiên của khách hàng

Luồng sự kiện rẽ nhánh

Luồng sự kiện A1 : Thành viên đăng nhập không thành công

Hệ thống thông báo quá trình đăng nhập không thành công

Hệ thống yêu cầu khách thành viên nhập lại tài khoản, mật khẩu

Hậu điều kiện Khách thành viên đăng nhập thành công và có thể sử dụng những tính năng mà hệ thống cung cấp

Bảng 2 1 Use Case: Đăng nhập

Hình 2 4 Use Case: Đăng nhập

Hình 2 5 Use Case: Đăng ký

Mô tả Cho phép khách xem đăng ký thành viên của hệ thống

1 Khách xem chọn mục đăng ký thành viên

2 Form đăng ký thành viên hiển thị

3 Khách xem nhập thông tin cần thiết vào form

5 Hệ thống thông báo kết quả Nếu thông tin không chính xác thì thực hiện luồng A1 Nếu chính xác thì thực hiện bước 6

6 Hệ thống cập nhật thông tin khách xem vào danh sách thành viên

Luồng sự kiện rẽ nhánh

Luồng A1 : Quá trình nhập thông tin không chính xác

1 Hệ thống báo thông tin nhập không chính xác

2 Hệ thống yêu cầu khách nhập lại thông tin

3 Nếu khách hàng đồng ý thì quay về bước 2 của luồng sự kiện chính, nếu không đồng ý thì UC kết thúc

Hậu điều kiện Khách hàng trở thành thành viên của hệ thống

Bảng 2 2 Use Case: Đăng ký 2.2.6 Use Case: Tìm kiếm

Hình 2 6 Use Case: Tìm kiếm

Mô tả Cho phép tìm kiếm các sản phẩm

1 Người sử dụng kích vào mục tìm kiếm sản phẩm

2 Hệ thống hiển thị form tìm kiếm

3 Người sử dụng nhập thông tin cần thiết vào form tìm kiếm

5 Hệ thống báo kết quả tìm kiếm

6 Kết thúc UC Luồng sự kiện rẽ nhánh

Bảng 2 3 Use Case: Tìm kiếm

2.2.7 Use case quản lí thông tin cá nhân

Tên UC Xem thông tin cá nhân

Mô tả UC cho phép thành viên của hệ thống xem các thông tin cá nhân của mình

Khách hàng đã đăng nhập vào hệ thống Hậu điều kiện

Hình 2 7 Use case quản lí thông tin cá nhân

1 Thành viên chọn mục Xem thông tin cá nhân

2 Form xem thông tin thành viên xuất hiện, hệ thống hiển thị thông tin cá nhân của thành viên

3 Hệ thống cung cấp liên kết để thành viên có thể sửa đổi thông tin cá nhân

Luồng sự kiện rẽ nhánh

Bảng 2 4 Xem thông tin cá nhân

Tên UC Sửa thông tin cá nhân

Cho phép thành viên chỉnh sửa thông tin cá nhân của mình

Thành viên phải đăng nhập vào hệ thống

1 Thành viên chọn chức năng sửa thông tin

2 Hệ thống hiển thị các thông tin hiện tại của thành viên

3 Thành viên nhập các thông tin mới

4 Nhấn nút lưa thông tin

5 Nếu cập nhật thành công thì thực hiện bước 6 Nếu sai thì thức hiện luồng rẽ nhánh A1

Luồng sự kiện rẽ nhánh

Luồng A1 : Thông tin nhập không hợp lệ

1 Hệ thống thông báo việc nhập không hợp lệ

2 Thành viên nhập lại thông tin

3 Quay lại bước 4 của luồng sự kiên chính

Thông tin thành viên được lưu vào hệ thống

Bảng 2 5 Sửa thông tin cá nhân

2.2.8 Use case quản lí giỏ hàng

Tên UC Thêm sản phẩm vào giỏ

Mô tả UC cho phép khách hàng thêm sản phẩm vào giỏ hàng của mình

Tiền điều kiện Sản phẩm đã được chọn

1 Chọn chức năng thêm giỏ hàng Nếu sản phẩm đã tồn tại trong giỏ chuyển A1

2 Hiển thị thông báo xác nhận chuyển tới giỏ hàng Nếu đồng ý thì chuyển A2

3 Sản phẩm được thêm vào giỏ

Hình 2 8 Use case quản lí giỏ hàng

Luồng sự kiện rẽ nhánh

A1 : Sản phẩm tồn tại trong giỏ hàng

1 Hiển thị thông báo sản phẩm đã tồn tại trong giỏ

2 UC kết thúc A2 : Chuyển đến giỏ hàng

1 Hiển thị danh sách sản phẩm khách hàng đã chọn có trong giỏ

2 UC kết thúc Hậu điều kiện Sản phẩm được hệ thống lưu tại giỏ hàng

Tên UC Xóa sản phẩm trong giỏ hàng

Mô tả UC cho phép khách hàng thực hiện xóa sản phẩm trong giỏ hàng

Tiền điều kiện Giỏ hàng phải tồn tại sản phẩm

1 Khách hàng chọn chức năng xóa tại sản phẩm cẩn xóa

2 Hệ thống hiển thị xác nhận xóa sản phẩm trong giỏ

3 Sản phẩm được xóa khỏi giỏ

Luồng sự kiện rẽ nhánh

Hậu điều kiện Hệ thống loại bỏ sản phẩm khỏi giỏ

Bảng 2 6 Use case quản lí giỏ hàng

Hình 2 9 Use case đặt hàng

UC cho phép khách hàng tạo đơn đặt hàng để mua sản phẩm trong cửa hàng, với điều kiện khách hàng phải đăng nhập vào hệ thống.

1 Khách hàng tìm kiếm và chọn sản phẩm mình muốn mua

2 Hệ thống hiện thị chi tiết sản phẩm

3 Khách hàng chọn nút thêm vào giỏ hàng

4 Hệ thống hiển thị giỏ hàng của bạn

5 Khách hàng chọn nút mua hàng

6 Khách hàng điền thông tin cá nhân vào đơn đặt hàng

7 Khách hàng chọn nút chấp nhận đặt hàng Nếu không rẽ A1

Luồng sự kiện rẽ nhánh

A1: Khách hàng không muốn đặt hàng

Khách hàng có thể chọn hủy đơn hàng bất kỳ thời gian nếu trước khi chấp nhận đặt hàng

Bảng 2 7 Use case đặt hàng

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

2.2.11 Use case quản lý đơn đặt hàng

Hình 2 11 Use case quản lý đơn đặt hàng

Hình 2 10 Use case quản lý sản phẩm

Tên UC Quản lý sản phẩm

Tác nhân Quản lý bán hàng

UC cho phép người quản lý thêm, xoá, thay đổi thông tin của các sản phẩm trong danh mục

Tiền điều kiện Người quản lý đã đăng nhập vào hệ thống

Người quản lý chọn kiểu tác động lên sản phẩm: thêm sản phẩm, thay đổi thông tin sản phẩm, xoá sản phẩm ra khỏi danh mục

1 Hệ thống hiển thị form nhập thông tin sản phẩm

2 Người quản lý nhập thông tin sản phẩm

3 Nhấn nút lưu thông tin Nếu nhập thành công thì thực hiện bước 1.5 Nếu sai thực hiện luồng sự kiện rẽ nhánh A1

4 Lưu thông tin sản phẩm

B Thay đổi thông tin sản phẩm:

1 Hệ thống hiển thị form sửa thông tin của sản phẩm

2 Người quản lý nhập các thông tin cần thay đổi

3 Nhấn nút lưu thông tin

4 Nếu việc thay đổi thành công thì thực hiện bước

5 Nếu sai thực hiện luồng sự kiện rẽ nhánh A1

6 Lưu thông tin sản phẩm

1 Người quản lý chọn sản phẩm cần xoá

2 Nhấn nút xoá để thực hiện loại bỏ sản phẩm

3 Hệ thống hiển thị thông báo xác nhận loại bỏ Nếu người quản lý đồng ý thì thực hiện bước 1.4 Nếu không đồng ý thì thực hiện bước 1.5

4 Thông báo sản phẩm đã đươc xoá

5 Hệ thống hiển thị lại danh sách sản phẩm

Luồng sự kiện rẽ nhánh

Luồng sự kiện rẽ nhánh A1:

1 Hệ thống thông báo việc nhập dữ liệu không hợp lệ

2 Người quản lý nhập lại thông tin

3 Quay lại bước 1.3 của luồng sự kiện chính Hậu điều kiện Các thông tin về sản phẩm được cập nhật vào cơ sở dữ liệu

Bảng 2 8 Quản lý sản phẩm

Tên UC Quản lý đơn đặt hàng

Tác nhân Quản lý bán hàng

Mô tả Hệ thống cho phép admin cập nhật trạng thái và xóa đơn đặt hàng trong

CSDL Tiền điều kiện Admin đã đăng nhập vào hệ thống

Người quản lý chọn kiểu tác động lên đơn đặt hàng :

1 Người quản lý chọn nút thay đổi trạng thái đơn đặt hàng tại đơn hàng mình cần thay đổi

2 Hệ thống hiện thị thông báo xác nhận thay đổi

3 Người quản lý chọn lưu

4 Đơn đặt hàng thay đổi trang thái sau khi được chọn

1 Người quản lý chọn sản phẩm cần xoá

2 Nhấn nút xoá để thực hiện loại bỏ sản phẩm

3 Hệ thống hiển thị thông báo xác nhận loại bỏ Nếu người quản lý đồng ý thì thực hiện bước 1.4 Nếu không đồng ý thì thực hiện bước 1.5

4 Thông báo sản phẩm đã đươc xoá

5 Hệ thống hiển thị lại danh sách sản phẩm

Luồng sự kiện rẽ nhánh

Hậu điều kiện Thông tin về đơn đặt hàng được cập nhật vào cơ sở dữ liệu

Bảng 2 9 Quản lý đơn đặt hàng 2.3 Biểu đồ hoạt động

Hình 2 12 Biểu đồ đăng nhập

Hình 2 13 Biểu đồ đăng ký

Hình 2 14 Biểu đồ tìm kiếm

34 2.3.4 Sửa thông tin cá nhân

Hình 2 15 Biểu đồ sửa thồng tin cá nhân

35 2.3.5 Thêm sản phẩm vào giỏ

Hình 2 16 Thêm sản phẩm vào giỏ

36 2.3.6 Cập nhật trạng thái đơn hàng

Hình 2 17 Cập nhật trạng thái đơn hàng

2.4.1 Biểu đồ tuần tự đăng nhập

Hình 2 18 Biểu đồ tuần tự đăng nhập

38 2.4.2 Biểu đồ tuần tự đăng ký

Hình 2 19 Biểu đồ tuần tự đăng ký

39 2.4.3 Biểu đồ tuần tự tìm kiếm

Hình 2 20 Biểu đồ tuần tự tìm kiếm

40 2.4.4 Biểu đồ tuần tự đặt hàng

Hình 2 21 Biểu đồ tuần tự đặt hàng

41 2.4.5 Biểu đồ tuần tự thêm sản phẩm

Hình 2 22 Biểu đồ tuần tự thêm sản phẩm

42 2.4.6 Biểu đồ tuần cập nhật trạng thái

Hình 2 23 Biểu đồ tuần cập nhật trạng thái

43 2.4.7 Biểu đồ cộng tác đăng nhập

Hình 2 24 Biểu đồ cộng tác đăng nhập

44 2.4.8 Biểu đồ cộng tác sửa thông tin cá nhân

Hình 2 25 Biểu đồ cộng tác sửa thông tin cá nhân

45 2.4.9 Biểu đồ cộng tác tìm kiếm sản phẩm

Hình 2 26 Biểu đồ cộng tác tìm kiếm sản phẩm

46 2.4.10 Biểu đồ cộng tác đặt hàng

Hình 2 27 Biểu đồ cộng tác đặt hàng

THỰC NGHIỆM XÂY DỰNG HỆ THỐNG

Việc lựa chọn công nghệ phù hợp với ứng dụng phát triển là rất quan trọng Sự phát triển nhanh chóng của công nghệ thông tin đã dẫn đến sự ra đời của nhiều công nghệ và ngôn ngữ mới, đáp ứng nhu cầu đa dạng trong các lĩnh vực khác nhau.

Đề tài "Thiết kế website bán thời trang bằng Drupal" được phát triển dựa trên những kiến thức cơ bản về nghiệp vụ kết hợp với công nghệ hiện đại trong ngôn ngữ lập trình.

• Công nghệ sử dụng: Drupal

• Ngôn ngữ lập trình: PHP, AJAX, Javascript & jQuery

• Lưu trữ dữ liệu: MySQL

• Quản trị dữ liệu:Phpmyadmin

Hình 3 1 Giao diện trang chủ

3.2.3 Giao diện đăng nhập, đăng ký thành viên

Hình 3 3 Giao diện trang đăng nhập

Hình 3 4 Giao diện trang đăng ký

3.2.4 Giao diện tìm kiếm sản phẩm

Hình 3 5 Hiển thị kết quả tìm kiếm sản phẩm

Hình 3 6 Giao diện đặt hàng 3.2.6 Giao diện giỏ hàng, thanh toán

Hình 3 7 Giao diện giỏ hàng 3.2.7 Giao diện thanh toán

Hình 3 8 Giao diện thanh toán

53 3.2.8 Giao diện trang quản lý tài khoản cho admin

Hình 3 9 Giao diện quản lý tài khoản cho admin

3.2.9 Giao diện quản lý sản phẩm

Hình 3 10 Giao diện quản lý sản phẩm

55 3.2.10 Giao diện quản lý đơn hàng

Hình 3 11 Giao diện quản lý đơn hàng

Ngày đăng: 03/12/2024, 15:50

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN