1.2.

1 Mô tả use case Xem Trợ Giúp (Phạm Quang Toàn)

Mô tả vắn tắt:Use case này cho phép khách hàng xem,chọn các phương thức
trợ giúp
Luồng cơ bản:
1) Use case này bắt đầu khi khách hàng kích vào nút tai nghe trên thanh
menu quản trị.Hệ thống sẽ hiển thị ra danh mục trợ giúp.
2)Gọi hotline:Khách hàng kích vào nút “Hotline” trên danh mục trợ giúp.Hệ
thống sẽ hiển thị số điện thoại liên hệ.
3)Live Chat: Khách hàng kích vào nút “Live Chat” trên danh mục trợ
giúp.Hệ thống sẽ hiển thị cửa sổ chat ra màn hình.
4)Messenger:Khách hàng kích vào nút “Messenger” trên danh mục trợ
giúp.Hệ thống sẽ chuyển khách hàng đến Messenger của Ivymoda.
5)Tra cứu đơn hàng:
a.Khách hàng kích vào nút “Tra cứu đơn hàng” trên danh mục trợ
giúp. Hệ thống sẽ hiển thị màn hình yêu cầu nhập thông tin của đơn hàng gồm Mã
đơn hàng và Số điện thoại.
b.Khách hàng nhập thông tin đơn hàng gồm Mã đơn hàng , Số điện
thoại và kích vào nút “Tra cứu”.Hệ thống lấy thông tin từ bảng DONHANG và
hiển thị thông tin đơn hàng ra màn hình.

Luồng rẽ nhánh:
1) Tại bước 5 trong luồng cơ bản nếu Khách hàng nhập thông tin đơn hàng
không có trong hệ thống sẽ hiển thị thông báo lỗi và yêu cầu nhập lại.
2) Tại bất kì thời điểm nào trong quá trình thực hiện use case, nếu không kết
nối được với cơ sở dữ liệu thì hệ thống sẽ không hiển thị thông báo “Lỗi
kết nối” và use case kết thúc.
- Các yêu cầu đặc biệt:
Không có
- Tiền điều kiện:
 Không có
- Hậu điều kiện:
Không có
- Điểm mở rộng:
Không có.
Dữ liệu liên quan:

1.2.2 Mô tả use case Xem sản phẩm mới về (Phạm Quang Toàn)
Mô tả vắn tắt: Use case này cho phép người quản trị xem các sản phẩm mới
ra mắt.
Luồng cơ bản:
1) Use case này bắt đầu khi khách hàng kích vào nút: “IVY moda”hoặc “IVY
men”hoặc “IVY kids”.Hệ thống sẽ lấy thông tin từ bảng SANPHAM và hiển thị
danh sách các sản phẩm ra màn hình thông tin về tên sản phẩm , màu sắc và giá.
2)Khách hàng kích vào nút hình mũi tên trái,phải.Hệ thống sẽ hiển thị thêm các sản
phẩm.
3)Khách hàng kích vào nút “xem tất cả”.Hệ thống sẽ hiển thị tất cả các sản phẩm.
Luồng rẽ nhánh:
1) Tại bất kỳ thời điểm nào trong quá trình thực hiện use case nếu không kết
nối được với cơ sử dữ liệu thì hệ thống sẽ hiển thị một thông báo lỗi và use
case kết thúc.
- Các yêu cầu đặc biệt:
Không có.
- Tiền điều kiện:
Không có.
- Hậu điều kiện:
Không có.
- Điểm mở rộng:
Không có.

Dữ liệu liên quan:

1.2.3 Mô tả use case Xem chính sách đổi trả (Phạm Quang Toàn)
Mô tả vắn tắt:Use case này cho phép khách hàng xem chính sách đổi trả hàng
Luồng cơ bản:
1) Use case này bắt đầu khi khách hàng di chuột vào mục “Về chúng tôi”
trên thanh menu quản trị và kích vào “chính sách đổi trả”.Hệ thống hiển thị trên
màn hình nội dung chính sách đổi trả.
Luồng rẽ nhánh:
1) Tại bất kì thời điểm nào trong quá trình thực hiện use case, nếu không kết
nối được với cơ sở dữ liệu thì hệ thống sẽ không hiển thị thông báo “Lỗi
kết nối” và use case kết thúc.
- Các yêu cầu đặc biệt:
Không có
- Tiền điều kiện:
Không có
- Hậu điều kiện:
 Không có
- Điểm mở rộng:
Không có.
Dữ liệu liên quan:

1.2.4 Mô tả use case Xem bảo hành trọn đời (Phạm Quang Toàn)
Mô tả vắn tắt: Use case này cho phép người dùng xem các chính sách bảo hành
trọn đời.
Luồng cơ bản:
1) Use case này bắt đầu khi khách hàng di chuột vào mục “Về chúng tôi” trên
thanh menu quản trị và kích vào “bảo hành trọn đời”. Hệ thống hiển thị trên màn
hình nội dung chính sách đổi trả.
Luồng rẽ nhánh:
1) Tại bất kỳ thời điểm nào trong quá trình thực hiện use case nếu không kết
nối được với cơ sử dữ liệu thì hệ thống sẽ hiển thị một thông báo lỗi và use
case kết thúc.
- Các yêu cầu đặc biệt:
Không có.
- Tiền điều kiện:
Không có.
- Hậu điều kiện:
Không có.
- Điểm mở rộng:
Không có.

Dữ liệu liên quan:

1.2.5 Mô tả use case Xem hệ thống cửa hàng(Phạm Quang Toàn)

Mô tả vắn tắt:Use case này cho phép khách hàng xem danh sách các cửa
hàng.
Luồng cơ bản:
1) Use case này bắt đầu khi khách hàng di chuột vào mục “Về chúng tôi”
trên thanh menu quản trị và kích vào “Hệ thống cửa hàng”.Hệ thống sẽ truy vấn
thông tin từ bảng DANHMUCCUAHANG,CUAHANG và hiển thị ra màn hình
tên Miền và tên tỉnh.
2)Khách hàng kích vào vào nút “Miền Bắc” hoặc“Miền Trung” hoặc“Miền
Nam”.Hệ thống sẽ hiển thị danh sách các tỉnh tương ứng.
3)Khách hàng kích vào tên của một tỉnh thành hiển thị trên màn hình.Hệ
thống sẽ hiển thị thông tin của cửa hàng tương ứng bao gồm tên cửa hàng, địa
chỉ,số điện thoại.
Luồng rẽ nhánh:
1) Tại bất kì thời điểm nào trong quá trình thực hiện use case, nếu không kết
nối được với cơ sở dữ liệu thì hệ thống sẽ không hiển thị thông báo “Lỗi
kết nối” và use case kết thúc.
- Các yêu cầu đặc biệt:
Không có
- Tiền điều kiện:
Không có
- Hậu điều kiện:
Không có
- Điểm mở rộng:
Không có.
Dữ liệu liên quan:

CHƯƠNG 2: PHÂN TÍCH USECASE

2.1 Phân tích các use case
2.1.1 Phân tích use case Xem Sản Phẩm Mới Về (Phạm Quang Toàn)
2.1.1.1 Biểu đồ trình tự

:
: KhachHang : XemSanPhamMoiVeUI XemSanPhamMoiVeController : SANPHAM : ICoSoDuLieu
: CoSoDuLieu

1: kich vao "Ivymoda" hoac "Ivykids" hoac"Ivymen"()

2: lay thong tin cac san pham()

3: doc bang SANPHAM()

4: doc bang SANPHAM()

5: getSANPHAM()

6: return ket qua

7: hien thi cac san pham()

8: kich vao mui ten()

9: hien thi them cac san pham()

10: kich vao "Xem tat ca"()

11: Hien thi danh sach tat ca san pham()

2.1.1.2 Biểu đồ lớp phân tích

 <<boundary>>
XemSanPhamMoiVeUI <<boundary>>
ICoSoDuLieu
kich vao "Ivy moda" hoac "Ivy kids" hoac "Ivy men"()
kich vao mui ten() doc bang san pham()
kich vao "Xem tat ca"()
hien thi cac san pham()
hien thi them cac san pham() 1
hien thi danh sach tat ca cac san pham() <<entity>>
1 SANPHAM
maSanPham
tenSanPham
mauSac
size
donGia
luotDanhGia
anhSP
gioiThieu
chiTietSP
1
* baoQuan
<<control>>
XemSanPhamMoiVeController getMaSanPham()
setMaSanPham()
lay thong tin cac san pham() 1 getTenSanPham()
setTenSanPham()
1 getMauSac()
setMauSac()
getSize()
setSize()
getDonGia()
setDonGia()
getluotDanhGia()
setluotDanhGia()
getanhSP()
setanhSP()
getgioiThieu()
setgioiThieu()
getchiTietSP()
setchiTieuSP()
getbaoQuan()
setbaoQuan()

2.1.2 Phân tích use case Xem hệ thống cửa hàng (Phạm Quang Toàn)
2.1.2.1 Biểu đồ trình tự
 : XemHeThongCuaHangUI : : DANHMUCCUAHANG : CUAHANG : ICoSoDuLieu : CoSoDuLieu
: KhachHang XemHeThongCuaHangController

1: di chuot vao ve chung toi()

2: hien thi cac muc chon()

3: kich vao he thong cua hang()

4: lay danh sach ten mien tinh()

5: doc bang DANHMUCCUAHANG()

6: doc bang DANHMUCCUAHANG()

7: getDANHMUCCUAHANG()

8: doc bang CUAHANG()

9: doc bang CUAHANG()

10: getCUAHANG()

11: return ket qua

12: kich vao mien()

13: hien thi danh sach cac tinh()

14: kich vao ten tinh()

15: hien thi danh sach cac cua hang()

2.1.2.2 Biểu đồ lớp phân tích

 <<boundary>>
XemHeThongCuaHangUI <<boundary>>
ICoSoDuLieu
di chuot vao "VeChungToi"()
kich vao "He Thong Cua Hang"() doc bang DANHMUCCUAHANG()
kich vao "Mien"() doc bang CUAHANG()
kich vao ten tinh()
hien thi danh sach cac muc chon() 1
hien thi danh sach cac tinh()
hienh thi danh sach cac cua hang()1

<<control>> *
XemHeThongCuaHangController

lay danh muc ten mien,tinh() <<entity>>

CUAHANG
<<entity>> 1
maCuaHang
DANHMUCCUAHANG tenCuaHang
maDanhMuc diaChi
tenDanhMuc std
tenTinh 1
getMaCuaHang()
getMaDanhMuc() * setMaCuaHang()
1
setMaDanhMuc() getTenCuaHang()
getTenDanhMuc() setTenCuaHang()
setTenDanhMuc() getDiaChi()
getTenTinh() setDiaChi()
setTenTinh() getStd()
setStd()

CHƯƠNG 3: THIẾT KẾ GIAO DIỆN

3.1 Thiết kế giao diện cho các use case
3.1.1 Giao diện use case Xem sản phẩm mới về (Phạm Quang Toàn)
3.1.1.1 Hình dung màn hình
3.1.1.2 Biểu đồ lớp màn hình
 <<Screen>> <<Screen>>
TrangChuScreen SanPhamScreen
anhMinhHoa
k ich Ivymoda
Ivy moda() mauSac
Ivy kids() tenSanPham
Ivy men() giaTien
<<system>> navigate() size

xemTatCa()
<<system>> navigate()
k ich xem tat ca
<<Screen>>
IVYModaScreen
anhMinhHoa
mauSac
tenSanPham
giaTien
size
luotDanhGia
anhSP
gioiThieu
chiTietSP
baoQuan

<<system>> navigate()

3.1.1.3 Biểu đồ cộng tác của các màn hình

: TrangChuScreen : SanPhamScreen : IVYModaScreen

: Khach Hang

1: kich "Ivymoda"()

2: navigate()

3: kich "Xem tat ca"()

4: navigate

3.1.2 Giao diện use case Xem hệ thống cửa hàng (Phạm Quang Toàn)
3.1.2.1 Hình dung màn hình
3.1.2.2 Biểu đồ lớp màn hình

<<Screen>> <<Screen>>
TrangChuScreen HeThongCuaHangScreen
k ich "He thong cua hang"
veChungToi() mienBac()
heThongCuaHang() mienTrung()
<<system>> navigate() mienNam()
<<system>> navigate()

k ich "mien Bac"

<<Screen>>
CuaHangScreen
maCuaHang
tenCuaHang
diaChi
sdt

tenCuaHang()
<<system>> navigate()

3.1.2.3 Biểu đồ cộng tác của các màn hình

: TrangChuScreen : : CuaHangScreen
HeThongCuaHangScreen
: KhachHang

1: kich vao "Ve chung toi"()

2: hien thi danh muc chon()

3: kich vao "He thong cua hang"()

4: navigate()

5: kich vao "mien Bac"()

6: navigate()

7: kich vao ten cua hang()

8: hien thi thong tin chi tiet cua hang