Cách thức thực hiện của từng đối tượng

Một phần của tài liệu THIẾT KẾ WEBSITE BÁN HÀNG LƯU NIỆM TRỰC TUYẾN SỬ DỤNG MÃ NGUỒN MỞ JOOMLA (Trang 37)

2.3.1. Khách hàng

a,Xem sản phẩm bán chạy

1. Người dùng vào trang web (trang chủ)

2. Click vào xem sản phẩm bán chạy (hoặc click xem thêm) 3. Click vào Chi tiết… để xem chi tiết sản phẩm

4. Hiển thị thông tin sản phẩm gồm: tên sản phẩm, mã sản phẩm, giá, hình ảnh, phí vận chuyển, các dịch vụ khác,…

5. Có thể xem được các sản phẩm liên quan 6. Kết thúc (có thể click mua hàng).

b, Thêm vào giỏ hàng

1. Người dùng đang ở trang xem sản phẩm cần mua 2. Click vào Mua Ngay

3. Chọn sản phẩm

4. Sản phẩm tự đưa vào giỏ hàng. Hiển thị thông tin Giỏ hàng gồm: Xóa, Sản phẩm, đơn giá, số lượng, thành tiền…. Khách hàng có thể mua thêm.

6. Đăng nhập hoặc tạo tài khoản mới c, Xem, sửa, xóa sản phẩm trong giỏ hàng

1. Click giỏ hàng

2. Tùy chỉnh thêm, sửa, xóa sản phẩm trong giỏ hàng 3. Kết thúc (có thể đặt mua hoặc không)

d, Xem, hủy đơn hàng đã đặt 1. Click Lịch sử mua hàng 2. Chọn xóa sản phẩm 3. Kết thúc e, Gửi phản hồi 1. Click phản hồi 2. Nhập thông tin 3. Gửi

f,Xem thông tin cửa hàng 1. Click thông tin Shop 2. Chọn thông tin cần xem 3. Kết thúc

g, Sửa thông tin cá nhân nếu có tài khoản 1. Click chọn thông tin cá nhân 2. Chỉnh sửa thông tin

3. Kết thúc h, Tìm kiếm sản phẩm

2.3.2. Người quản trị (admin)

a, Cập nhật thông tin shop b, Quản lý sản phẩm c, Quản lý hóa đơn bán d, Quản lý khách hàng e, Trả lời phản hồi f, thống kê

Thống kê số lượng sản phẩm đã bán được, tổng giá trị mình đã thu về cho sản phẩm đó, thống kê xem khách hàng đã mua bao nhiêu hàng, đã thanh toán cho mình bao nhiêu.

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

Người quản trị cũng có tất cả những chức năng của khách vãng lai và thành viên.

2.5. Các biểu đồ cho từng chức năng của hệ thống1/ Chức năng xem thông tin shop 1/ Chức năng xem thông tin shop

* Biểu đồ trình tự:

2-Chức năng xem thông tin sản phẩm

* Biểu đồ trình tự:

3/ Chức năng tìm kiếm sản phẩm

* Biểu đồ trình tự:

4/ Chức năng đăng ký

* Biểu đồ trình tự:

5/ Chức năng thêm vào giỏ hàng (adsbygoogle = window.adsbygoogle || []).push({});

7/ Chức năng đăng nhập

* Biểu đồ hoạt động:

* Biểu đồ trình tự:

8/ Chức năng thanh toán

9/ Chức năng xem các đơn đặt hàng 10/ Chức năng sửa thông tin cá nhân

* Biểu đồ trình tự:

11/ Chức năng đặt hàng

* Biểu đồ trình tự:

12/ Chức năng gửi phản hồi 13/ Chức năng quản lý hóa đơn

* Biểu đồ trình tự:

14/ Chức năng quản lý sản phẩm

*Biểu đồ trình tự:

15/ Chức năng quản lý thành viên

*Biểu đồ trình tự:

16/ Chức năng cập nhật thông tin cửa hàng

16/ Chức năng trả lời phản hồi 17/ Chức năng thống kê  Tổng hợp Các View View errors message data show() showerrors() showmessage() Các controller Controller model view loadModel() memberController login() logout() register() profile() pageController gioi thieu() lien he() cartController viewcart() checkout() checkout2() checkout3() add() setqty() remove() sanphamController sanphammoi() sanphambanchay() chitietsanpham() timkiem() danhmuc() <<use>> <<use>> <<use>> <<use>> Các model

Model errors data messages db memberModel login() updateUserSession() GetMemberInfo() register() updateprofile() changepassword() OrderModel orderhistory() cancel() opname() Getdetail() cartModel getCart() remove() buildOrder() completeOder() sanphamModel Laysanphammoi() laysanphambanchay() laythongtinsanpham() timkiem() Sptrongdanhmuc() <<use>> <<use>> <<use>> <<use>>

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

3.1 Giao diện trang chủ

Hình ảnh giao diện trang chủ

Trang chủ là trang web mà khi người dùng gõ địa chỉ website nó sẽ hiển thị ra đầu tiên. Vì vậy, trang chủ phải là trang mà thể hiện được toàn bộ các nội dung của website một cách tổng quát nhất. Các sản phẩm mới nhất của công ty phải được thể hiện một cách đầy đủ. Giao diện thân thiện bắt mắt là yếu tố đầu tiên cho người duyệt có cảm hứng xem các nội dung tiếp theo. Bố cục chặt chẽ, gọn gàng của website sẽ làm cho website trở nên trong sáng, đẹp hơn.

3.2 Giao diện form đăng nhập

Hình ảnh giao diện đăng nhập

3.3 Giao diện trang sản phẩm

3.3 Giao diện trang chi tiết sản phẩm

TÀI LIỆU THAM KHẢO

[1]. PGS, TS.Nguyễn Văn Ba, Phân tích và thiết kế hệ thống, Nxb Đại học Quốc gia - Hà Nội, 2003.

[2]. Lập trình web động với PHP và Mysql do Tổng Phước Khải biên soạn [3]. Advanced PHP for Web professional – By Bierbak

Ngoài ra, còn có một số website hỗ trợ học lập trình web rất hay như: [4]. Doc.joomla.com [5]. http://izwebz.com [6]. http://qhonline.info [7]. http://phpvn.org [8]. http://sinhvienit.net [9]. vinaora.com/

(adsbygoogle = window.adsbygoogle || []).push({});

Một phần của tài liệu THIẾT KẾ WEBSITE BÁN HÀNG LƯU NIỆM TRỰC TUYẾN SỬ DỤNG MÃ NGUỒN MỞ JOOMLA (Trang 37)