Trường Đại học Sài Gòn
Khoa Công nghệ Thông tin
GVHD: TS.Nguyễn Thanh Bình
Nhóm sinh viên thực hiện:
1- Hồ Văn Thơm – MS: 3108410210
2- Nguyễn Thanh Trúc – MS: 3108410238
3- Đặng Thị Bé Bảy – MS: 3108410012
4- Nguyễn Hữu Thế Vĩ – MS: 3107410205
TP.HCM, tháng 11 năm 2011
NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................

3.2.2 Mô hình physical data model..........................................................................18
3.3 Nhận diện người sử dụng.......................................................................................19
3.4 Thiết kế use case....................................................................................................20
3.4.1 Phân hệ người dùng........................................................................................20
3.4.2 Phân hệ khách hàng.........................................................................................21
3.4.3 Phân hệ người quản trị....................................................................................22
3.5 Thiết kế giao diện...................................................................................................23
3.5.1 Giao diện 1: Trang chủ....................................................................................23
3.5.2 Giao diện 2: Đăng nhập..................................................................................26
3.5.3 Giao diện 3: Đăng ký thành viên.....................................................................27
3.5.4 Giao diện 4: Xem chi tiết sản phẩm................................................................29
3.5.5 Giao diện 5 : Xem chi tiết giỏ hàng...............................................................30
3
3.5.6 Giao diện 6: Quản lý user................................................................................32
3.5.7 Giao diện 7: Sửa user......................................................................................33
3.5.8 Giao diện 8: Xóa user......................................................................................35
3.5.9 Giao diện 9: Quản lý sản phẩm.......................................................................36
3.5.10 Giao diện 10: Thêm sản phẩm......................................................................38
3.5.11 Giao diện 11: Xóa sản phẩm.........................................................................40
3.5.12 Giao diện 12: Quản lý đơn đặt hàng.............................................................41
3.5.13 Giao diện 13: Chi tiết đơn đặt hàng..............................................................42
3.6 Site map..................................................................................................................44
CHƯƠNG 4: TỪ ĐIỂN DỮ LIỆU......................................................................................45
4.1 Danh mục sản phẩm...............................................................................................45
4.2 Loại sản phẩm........................................................................................................45
4.3 Sản phẩm................................................................................................................46
4.4 Người dùng............................................................................................................47
4.5 Phiếu nhập hàng.....................................................................................................48
4.6 Trạng thái đơn đặt hàng.........................................................................................48
4.7 Tồn kho..................................................................................................................49

Hình 3 - 5 - 10: Giao diện thêm sản phẩm...........................................................................38
Hình 3 - 5 - 11: Giao diện xóa sản phẩm..............................................................................40
Hình 3 - 5 - 12: Giao diện Quản lý đơn đặt hàng.................................................................41
Hình 3 - 5 - 3: Giao diện Chi tiết đơn đặt hàng....................................................................42
Hình 3 - 6 - 1 : Sitemap TshirtOnline website.....................................................................44
5
CHƯƠNG 1: MÔ TẢ BÀI TOÁN
Nhằm đáp ứng nhu cầu mua sắm và tôn thêm vẻ đẹp của công nhân viên văn phòng.
Website bán hàng trực tuyến thời trang công sở T-Shirt Online đã ra đời với đa dạng mặt
hàng cho cả nam và nữ. Các sản phẩm luôn luôn được cập nhật theo nhiều phong cách và
giá cả phải chăng.
Trang web T-Shirt Online chuyên cung cấp các sản phẩm thời trang mới nhất về
giới công sở như: Áo sơ mi nam nữ công sở, quần tây nam nữ công sở, bộ vest công sở,
váy công sở… và các phụ kiện đính kèm như: ví da, túi xách, dây nịt, mắt kính…
I. Mô tả ứng dụng:
T-Shirt Online là một website bán hàng trực tuyến thời trang công sở gồm nhiều
chức năng đối với khách hàng và người quản trị.
Trang web bao gồm các chức năng chính sau đây:
 Chức năng đối với người dùng là khách hàng: Giới thiệu sản phẩm, cho phép
khách hàng đặt hàng trực tuyến, tìm kiếm thông tin sản phẩm ở dạng nhập từ khóa hoặc
tìm kiếm nâng cao.
 Chức năng đối với người quản trị trang web gồm: quản lý người dùng, quản lý
sản phẩm và quản lý đơn hàng. Các chức năng này chỉ được hiển thị nếu người dùng đăng
nhập với tài khoản là admin.
II. Mô tả chi tiết:
1- Đăng nhập:
Để sử dụng các chức năng của 1 người quản trị (admin) thì người dùng phải đăng
nhập thành công vào hệ thống trang web với tài khoản là admin.
Để xem thông tin sản phẩm, tìm kiếm sản phẩm, chọn mua hàng vào giỏ hàng thì
người dùng không cần đăng nhập vào hệ thống trang web, nhưng để thực hiện được chức

 Phụ kiện đính kèm
 Túi xách
 Ví da
 Dây nịt
 Mắt kính
Trong mỗi loại sản phẩm, sẽ có nhiều sản phẩm tương ứng. Mỗi sản phẩm sẽ được trình
bày thông qua hình ảnh mô tả, giá bán và tình trạng (còn hàng/hết hàng) của sản phẩm đó.
Khách hàng có thể xem chi tiết về sản phẩm bằng cách click vào hình ảnh sản phẩm để
xem lớn hình ảnh và thông tin chi tiết về sản phẩm.
Mỗi sản phẩm được xác định bởi các thông tin: Mã sản phẩm, tên sản phẩm, hình
ảnh sản phẩm, giá cả sản phẩm, đặc điểm sản phẩm.
 Sản phẩm theo phân loại: Khách hàng có thể xem các sản phẩm theo từng loại cụ thể
(chọn ở phần danh mục bên trái trang web). Khi click vào danh mục nào, các sản phẩm
thuộc danh mục đó sẽ hiển thị lên trang web (6 ảnh/1 trang).
5- Tìm kiếm sản phẩm:
Có 2 cách tìm kiếm sản phẩm: thông thường và nâng cao
- Tìm kiếm thường: Khách hàng nhập từ khóa (vd: áo sơ mi trắng) vào ô nhập từ
khóa để tìm kiếm những sản phẩm có nội dung tương ứng.
- Tìm kiếm nâng cao: Khách hàng đồng thời được chọn khoảng giá và loại sản
phẩm ở phần tìm kiếm để liệt kê các sản phẩm theo mong muốn của khách hàng.
7
6- Giỏ hàng:
Sau khi xem các hình ảnh và thông tin về các sản phẩm, khách hàng có thể click
chọn mua hàng để đưa sản phẩm vào giỏ mua hàng và đăng ký đặt mua hàng một cách dễ
dàng.
Thông tin giỏ hàng là những sản phẩm mà khách hàng đã click chọn vào giỏ hàng
bao gồm: Mã sản phẩm, tên sản phẩm, hình ảnh sản phầm, giá cả sản phẩm, số lượng đặt
mua, thành tiền của từng sản phẩm và tổng giá tiền của cả giỏ hàng. Ở phần thông tin giỏ
hàng, khách hàng cũng có thể thêm/xóa/sửa các sản phẩm trong giỏ hàng (vd: Khách hàng
có thể thay đổi số lượng sản phẩm trong giỏ hàng, xóa những sản phẩm không muốn mua

quản lý đơn hàng, lúc này tình trạng giao hàng sẽ được cập nhật thường xuyên để thông
báo tới khách hàng và cập nhật số lượng hàng vào tồn kho.
8- Quản lý người dùng:
Chức năng này chỉ có người quản trị mới thực hiện được.
Người quản trị có quyền sửa/xóa user/ghi chú user xấu.
9- Quản lý sản phẩm:
Chức năng này chỉ có người quản trị mới thực hiện được.
Người quản trị có quyền thêm/sửa/xóa các sản phẩm.
 Thêm sản phẩm:
Tại giao diện quản lý sản phẩm, khi chọn nút thêm sản phẩm thì website sẽ chuyển
tới trang thêm sản phẩm, admin nhập các thông tin của sản phẩm và nhấn nút “thêm”,
website sẽ kiểm tra thông tin nhập vào và phản hồi với admin.
 Sửa sản phẩm:
Đối với giao diện là admin, ở mỗi dòng thông tin sản phẩm sẽ có liên kết sửa cho
phép người quản trị chọn vào để tiến hành việc sửa đổi thông tin của chính sản phẩm đó.
Người quản trị có thể sửa thông tin chi tiết của sản phẩm để phù hợp với nhu cầu bán hàng
(vd: thay đổi đặc điểm của sản phẩm, thay đổi giá bán của sản phẩm…)
Khi chọn vào liên kết sửa thì trang chi tiết sản phẩm đó sẽ hiển thị, các thông tin
được hiển thị là những thông tin cũ và cho phép người quản trị sửa đổi.
 Xóa sản phẩm:
Đối với giao diện là admin, ở mỗi dòng thông tin sản phẩm sẽ có liên kết xóa cho
phép người quản trị chọn vào để tiến hành việc xóa sản phẩm đó. Thông thường, người
quản trị sẽ xóa những sản phẩm nào không còn hàng và không được bán nữa (qua mốt, hết
sản xuất...)
Khi chọn vào liên kết xóa thì sẽ hiển thị một thông báo nhắc nhở xác nhận lại trước
khi xóa. Nếu chấp nhận xóa thì sản phẩm được xóa thành công, nếu không chấp nhận thì
thao tác xóa bị hủy bỏ.
10- Quản lý đơn hàng:
Chức năng này chỉ có người quản trị mới thực hiện được.
Người quản trị thường xuyên cập nhật các đơn hàng mới nhất của khách hàng để

Các loại sản phẩm của cửa hàng Tshirt Online bao gồm: Áo sơ mi nam, Quần tây
nam, Vest nam (thuộc Danh mục Thời trang nam công sở); Áo sơ mi nữ, Quần tây nữ, Vest
nữ (thuộc Danh mục Thời trang nữ công sở); Túi xách, ví da, dây nịt, mắt kính (thuộc
Danh mục Phụ kiện).
Mỗi loại sản phẩm có một mã loại để phân biệt – mã này là mã duy nhất, ngoài ra
còn có tên loại sản phẩm.
Trong mỗi loại sản phẩm thì có nhiều sản phẩm.
2.1.3 Sản phẩm
Sản phẩm là tên gọi nhằm phân loại ở mức thấp nhất của sản phẩm. Mỗi sản phẩm
phải thuộc một Loại sản phẩm. Tùy vào loại sản phẩm nào mà có các sản phẩm tương ứng
với nó. Vd: Loại sản phẩm Áo sơ mi nữ gồm các sản phẩm sau: Áo nữ sọc hồng, Áo nữ
caro, Áo nữ trơn trắng…
Mỗi sản phẩm có một mã để phân biệt – mã này là mã duy nhất, ngoài ra còn có tên
sản phẩm, hình ảnh sản phẩm, giá sản phẩm, đặc điểm sản phẩm, thời gian cập nhật sản
phẩm.
2.1.4 Người dùng
Người dùng là các tác nhân sử dụng trang web. Có 2 loại người dùng: một là khách
hàng, 2 là quản trị. Khách hàng sử dụng trang web để xem thông tin về sản phẩm, đặt hàng
11
trực tuyến. Quản trị sử dụng trang web để quản lý thông tin về sản phẩm, quản lý người
dùng và xử lý đơn đặt hàng của khách.
Mỗi người dùng có một tên đăng nhập để phân biệt – tên đăng nhập là duy nhất,
ngoài ra còn có mật khẩu đăng nhập, họ tên người dùng, email, địa chỉ, điện thoại và số dư
tài khoản của người dùng đó.
Đối với khách hàng, nếu số dư tài khoản nhỏ hơn tổng tiền đặt hàng thì khách hàng
sẽ không được phép mua hàng.
2.1.5 Phiếu nhập
Phiếu nhập thể hiện các thông tin khi nhập hàng.
Mỗi phiếu nhập có một mã để phân biệt – mã này là duy nhất, ngoài ra còn có thời
gian nhập hàng, ghi chú phiếu nhập hàng.

- Tìm kiếm sản phẩm/Tìm kiếm dạng nâng cao
- Đặt hàng trực tuyến
2.2.2 Về phía người dùng là quản trị:
Ngoài các chức năng về phía người dùng là khách hàng, người quản trị còn có các
chức năng sau đây:
- Quản lý người dùng
- Quản lý sản phẩm
- Xử lý đơn đặt hàng
13
CHƯƠNG 3: THIẾT KẾ
3.1 Nhận diện dữ liệu
Stt Tên đối tượng Các thuộc tính
1 Danh mục
2 Loại sản phẩm
3 Sản phẩm
14
4 Người dùng
5 Phiếu nhập
6 Trạng thái đơn hàng
7 Đơn đặt hàng
15
8 Tồn kho
16
3.2 Thiết kế cơ sở dữ liệu
3.2.1 Mô hình Entity Relationship Diagram (ERD)
Hình 3 - 2 - : Mô hình ERD TshirtOnline
17
3.2.2 Mô hình physical data model
Hình 3 - 2 - : Mô hình physical data model TshirtOnline
18

Quá trình đăng nhập:
Người dùng nhập tên đăng nhập và mật khẩu đúng để đăng nhập thành công vào hệ
thống. Có 2 loại tài khoản khi đăng nhập: một là tài khoản đối với người dùng là khách
hàng, hai là tài khoản đối với người dùng là quản trị.
20
3.4.2 Phân hệ khách hàng
CapNhatTTCaNhan
XemTTCaNhan
DangXuat
QuanLyTaiKhoan
XemChiTietSanPham
XemSPtheoPhanLoai
<<extend>>
TimKiemSanPham
<<extend>>
<<extend>>
<<extend>>
ThemHangVaoGio
XoaHang
KhachHang
ChonHangVaoGioHang
DangNhap
DatHangOnline
ThanhToan
<<extend>>
<<extend>>
<<include>>
Hình 3 - 4 - : Use case phân hệ khách hàng
Mô tả:
- Khi khách hàng muốn thoát khỏi hệ thống sẽ chọn đăng xuất.

<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
Hình 3 - 4 - : Use case phân hệ người quản trị
Mô tả:
- Khi đăng nhập vào hệ thống với tài khoản là admin thì người quản trị sẽ thực hiện
được các chức năng về quản lý như: Quản lý user, Quản lý sản phẩm và Quản lý đơn đặt
hàng của khách hàng.
- Khi admin muốn thoát khỏi hệ thống thì chọn đăng xuất.
22
3.5 Thiết kế giao diện
3.5.1 Giao diện 1: Trang chủ
Hình 3 - 5 - : Giao diện Trang chủ
23
Mô tả
Giao diện: GD01
Mục đích: Mua hàng và tìm hiểu thông tin về trang web
Người sử dụng: User thuộc nhóm khách hàng
Tên gọi và các chức năng các control trên giao diện:
• hyperlink_TrangChu: link trang chủ khi được click sẽ đưa về giao diện như trang
hiện tại.
• hyperlink_GioiThieu: link giới thiệu khi được lick sẽ liên kết đến trang hiển thị
thông tin giới thiệu về lịch sử của trang web.
• hyperlink_TinTuc: link tin tức khi được click sẽ liên kết đến trang hiển thị tin tức
• hyperlink_HuongDanMuaHang: link hướng dẫn mua hàng được click sẽ liên kết
đến trang hướng dẫn mua hàng.

Trích đoạn Giao diện 13: Chi tiết đơn đặt hàng

---