Đăng ký
Tạo tài khoản mới Tên đăng nhập Mật khẩu Xác nhận mật khẩu Họ & Tên Email Số điện thoại Địa chỉ Số tài khoản Đăng ký (*) (*) (*) (*)
42
Control ”Đăng ký” có tác dụng lưu thông tin khách hàng đăng ký vào hệ thống.
Dữ liệu nhập : Tên đăng nhập, mật khẩu, họ tên, địa chỉ, email, số điện thoại, số tài khoản của người dùng.
Giao diện GDUs005
Mục đích : Hiển thị thơng tin đăng nhập, cho phép người dùng đăng xuất, thay đổi thông tin cá nhân và mật khẩu.
Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.
Hình thức
Hình 3.5.2.5_Giao diện Thơng tin đăng nhập
Control “Đăng xuất” có tác dụng giúp người dùng đăng xuất ra khỏi hệ thống.
Control “Thay đổi thơng tin cá nhân” có tác dụng cho phép người dùng thay đổi thông tin cá nhân.
Control “Đổi mật khẩu” có tác dụng cho phép người dùng đổi mật khẩu.
Tài khoản
Xin chào : [ Họ tên khách hàng]
Đăng xuất
Thay đổi thông tin cá nhân
43
Giao diện GDUs006
Mục đích : Hiển thị thơng tin của người dùng và cho phép người dùng thay đổi.
Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.
Hình thức
Hình 3.5.2.6_Giao diện Thay đổi thơng tin cá nhân
Control “Đồng ý” có tác dụng lưu các thay đổi khi người dùng chỉnh sửa thơng tin cá nhân của mình.
Thơng tin cá nhân
Họ & Tên : Số tài khoản : Địa chỉ : Email : Số điện thoại : [Địa chỉ khách hàng] [Họ tên khách hàng] Đồng ý [Email khách hàng] [Số điện thoại khách hàng] [Số tài khoản khách hàng]
44
GDUs007
Mục đích : Cho phép người dùng thay đổi mật khẩu.
Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.
Hình thức
Hình 3.5.2.7_Giao diện đổi mật khẩu
Control “Đồng ý” có tác dụng lưu lại mật khẩu mới cho người dùng.
Đổi mật khẩu
Mật khẩu cũ
Mật khẩu mới
Xác nhận mật khẩu
45
GDUs008
Mục đích : Hiển thị danh mục loại sản phẩm.
Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.
Hình thức
Hình 3.5.2.8_Giao diện Danh mục loại sản phẩm
Khi chọn vào tên loại sản phẩm, các sản phẩm thuộc loại vừa chọn sẽ hiển thị.
Loại sản phẩm Nhẫn Dây chuyền Lắc tay Bông tai Bộ sưu tập
46
Giao diện GDUs009
Mục đích : Hiển thị sản phẩm theo phân loại.
Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”
Hình thức
Hình 3.5.2.9_Giao diện Sản phẩm theo loại
Tên loại 1 2 3.. << < > >> Hình ảnh Hình ảnh Hình ảnh Hình ảnh Hình ảnh Hình ảnh Tên sản phẩm Tên sản phẩm Tên sản phẩm
Tên sản phẩm Tên sản phẩm
47
Giao diện GDUs010
Mục đích : Hiển thị thơng tin chi tiết của sản phẩm.
Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.
Hình thức
Hình 3.5.2.10_Giao diện Chi tiết sản phẩm
Control “Chọn mua” có tác dụng thêm sản phẩm này vào Giỏ hàng.
Control “Zoom” có tác dụng phóng to hình ảnh.
Tên sản phẩm
Hình ảnh
Mơ tả
Thơng tin chi tiết của sản phẩm
Giá : Giá của sản phẩm
Chọn mua zoom Chi tiết Mã sản phẩm : [Mã sản phẩm] Loại : [Loại sản phẩm] Chất liệu Chất liệu sản phẩm
48
Giao diện GDUs011
Mục đích : Hiển thị thơng tin giỏ hàng.
Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.
Hình thức
Hình 3.5.2.10_Giao diện Thông tin giỏ hàng
Control “xem” có tác dụng liên kết đến trang Giỏ hàng của bạn.
Giỏ hàng
49
Giao diện GDUs012
Mục đích : Hiển thị thơng tin chi tiết giỏ hàng.
Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.
Hình thức
Hình 3.5.2.12_Giao diện Chi tiết giỏ hàng
Control “Xóa” có tác dụng xóa sản phẩm ra khỏi giỏ hàng.
Control “Sửa” có tác dụng cho phép sửa số lượng sản phẩm cần mua.
Control “Tiếp tục mua” có tác dụng quay lại trang chủ để người dùng tiếp tục mua hàng.
Control “Thanh tốn” có tác dụng thanh tốn khi người dùng quyết định mua hàng.
Dữ liệu nhập : sửa số lượng
Dữ liệu xuất : Cập nhật lại thông tin chi tiết giỏ hàng sau khi sửa, xóa.
Giỏ hàng
Giá tiền Số lượng Thành tiền Sửa Sản phẩm Hình ảnh Tên sản phẩm Giá bán của sản phẩm [SL] Hình ảnh Tên sản phẩm Giá bán của sản phẩm [SL] [Giá * SL] [Giá * SL] Tổng tiền : [Tổng số tiền]
<< Tiếp tục mua Thanh tốn >>
Hình ảnh Xóa
Sửa Xóa
50
Giao diện GDUs013
Mục đích : Cho phép người dùng nhập thơng tin cá nhân để hồn tất q trình thanh toán.
Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.
Hình thức
Hình 3.5.2.13_Giao diện Thơng tin khách hàng
Control “Hồn thành” có tác dụng lưu thơng tin khách hàng và hồn tất việc thanh toán, hệ thống sẽ trừ số tiền mua hàng vào tài khoản của khách hàng.
Dữ liệu nhập : Họ tên, email, số điện thoại, số tài khoản của khách hàng.
Thông tin khách hàng Họ & Tên : Số tài khoản : Email : Số điện thoại : Hoàn thành
51
Giao diện GDUs014
Mục đích : Hiển thị sản phẩm mới.
Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.
Hình thức
Hình 3.5.2.14_Giao diện sản phẩm mới
Sản phẩm mới Hình ảnh Hình ảnh Hình ảnh Hình ảnh Hình ảnh Hình ảnh Tên sản phẩm Tên sản phẩm Tên sản phẩm
Tên sản phẩm Tên sản phẩm
Tên sản phẩm
New New
New New New
52
Giao diện GDUs015
Mục đích : Hiển thị sản phẩm đề cử.
Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.
Hình thức
Hình 3.5.2.15_Giao diện Sản phẩm đề cử
Control “Chitiet” có tác dụng cho phép người dùng xem chi tiết của sản phẩm
Sản phẩm đề cử Hình ảnh Hình ảnh Tên sản phẩm Mơ tả về sản phẩm -chitiet- Tên sản phẩm Mô tả về sản phẩm -chitiet-
53
Giao diện GDUs016
Mục đích : Hiển thị các sản phẩm ngẫu nhiên.
Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.
Hình thức
Hình 3.5.2.16_Giao diện sản phẩm ngẫu nhiên
Ngẫu nhiên Hình ảnh Tên sản phẩm Tên sản phẩm Hình ảnh New
54
3.6 Site map
3.6.1 Trang Quản lý
Hình 3.6.1 _Site map trang quản lý
Đăng nhập
Trang chủ admin
Website Trang chủ user
Khách hàng Quản lý khách hàng
Thông tin khách hàng
Sản phẩm Quản lý sản phẩm Thông tin sản phẩm
Đơn hàng Quản lý đơn
hàng
Thông tin đơn hàng
55
3.6.2 Trang người dùng
Hình 3.6.2_Site map trang người dùng
Trang chủ user
Loại sản phẩm Sản phẩm
Sản phẩm
Chi tiết sản phẩm
Chi tiết giỏ hàng, thanh tốn
Thơng tin giỏ hàng
Chi tiết giỏ hàng, thanh tốn
Tìm kiếm Kết quả tìm kiếm
Đăng nhập
Đăng ký
Tài khoản
Thay đổi thông tin cá nhân
56
Chương 4 : Từ diển dữ liệu
STT Tên gọi Ý nghĩa Dùng trong Kiểu dữ liệu Ràng
buộc
1 IDSanPham ID sản
phẩm
Bảng SanPham int Khóa
chính 2 MaSanPham Mã sản phẩm Bảng SanPham nvarchar(50) 3 TenSanPham Tên sản phẩm Bảng SanPham nvarchar(100)
4 SoLuong Số lượng Bảng SanPham int
5 GiaBan Giá bán Bảng SanPham money
6 HinhAnh Hình ảnh Bảng SanPham nvarchar(250)
7 ThongTinSanPham Thông tin sản phẩm
Bảng SanPham nvarchar(MAX)
8 IDLoaiSanPham ID loại sản phẩm
Bảng SanPham int Khóa
ngoại 9 IDLoaiSanPham ID loại sản phẩm Bảng LoaiSanPham int Khóa chính 10 MaLoai Mã loại Bảng LoaiSanPham nvarchar(50)
11 TenLoai Tên loại Bảng
LoaiSanPham
nvarchar(100)
12 IDKhachHang ID khách
hàng
Bảng KhachHang int Khóa
chính
13 MaKhachHang Mã khách
hàng
57
14 TenKhachHang Tên khách hàng
Bảng KhachHang nvarchar(100)
15 DiaChi Đại chỉ Bảng KhachHang nvarchar(100)
16 Email Địa chỉ email Bảng KhachHang nvarchar(50) 17 SoDienThoai Số điện thoại Bảng KhachHang nvarchar(20)
18 GhiChu Ghi chú Bảng KhachHang nvarchar(100)
19 UseName Tên đăng
nhập
Bảng KhachHang nvarchar(50)
20 Password Mật khẩu Bảng KhachHang nvarchar(50) 21 TaiKhoanMuaHang Tài khoản
mua hàng
Bảng KhachHang money
22 IDPhanQuyen ID phân
quyền
Bảng KhachHang int Khóa
ngoại
23 IDDonHang ID đơn
hàng
Bảng DonHang int Khóa
chính
24 MaDonHang Mã đơn
hàng
Bảng DonHang nvarchar(50)
25 TongTien Tổng tiền Bảng DonHang money
26 ThoiGian Thời gian Bảng DonHang datetime
27 TrangThai Trạng thái Bảng DonHang nvarchar(50)
28 IDKhachHang ID khách
hàng
Bảng DonHang int Khóa
ngoại 29 IDChiTietDonHang ID chi tiết
đơn hàng Bảng ChiTietDonHang int Khóa chính 30 SoLuong Số lượng Bảng ChiTietDonHang int
58 31 ThanhTien Thành tiền Bảng ChiTietDonHang money 32 IDSanPham ID sản phẩm Bảng ChiTietDonHang int Khóa ngoại 33 IDDonHang ID đơn hàng Bảng ChiTietDonHang int Khóa ngoại 34 IDPhanQuyen ID phân quyền
Bảng PhanQuyen int Khóa
chính
35 Quyen Quyền Bảng PhanQuyen nvarchar(50)
36 co có Hình 3.2.1.1 37 duoc được Hình 3.2.1.1 37 thuoc thuộc Hình 3.2.1.1 39 Khach Hang Khách hàng Hình 3.4.1.1, Hình 3.4.1.2, Hình 3.4.1.3, Hình 3.4.1.4
40 Dang nhap Đăng
nhập Hình 3.4.2.1, Hình 3.4.2.2, Hình 3.4.2.3, Hình 3.4.2.4, Hình 3.4.2.5, Hình 3.4.2.6 41 Nhap vao “Đang
ky”
Nhấp vào “Đăng ký”
Hình 3.4.1.1
42 Nhap thong tin ca nhan
Nhập thông tin ca nhân
59
43 Nhan “Hoan thanh” Nhấn “Hồn thành”
Hình 3.4.1.1
44 Mua hang Mua hàng Hình 3.4.1.2
45 Sua so luong Sửa số lượng
Hình 3.4.1.2
46 Xoa san pham Xóa sản phẩm
Hình 3.4.1.2
47 Xem gio hang Xem giỏ hàng
Hình 3.4.1.2
48 Chap nhan Chấp
nhận
Hình 3.4.1.2
49 Nhap thong tin ca nhan
Nhập thông tin cá nhân
Hình 3.4.1.2
50 Nhan “Thanh toan” Nhấn “Thanh tốn”
Hình 3.4.1.2
51 Nhap ten san pham can tim
Nhập tên sản phẩm cần tìm
Hình 3.4.1.3
52 Nhan “Tim kiem” Nhấn “Tìm kiếm”
Hình 3.4.1.3, Hình 3.4.1.4
53 Xem ket qua Xem kết
quả
Hình 3.4.1.3, Hình 3.4.1.4 54 Chon loai san pham Chọn loại
sản phẩm
60
55 Nhap ten san pham Nhập tên sản phẩm
Hình 3.4.1.4
56 Chon muc gia Chọn mức
giá
Hình 3.4.1.4
57 Nguoi Quan Ly Người Quản Lý Hình 3.4.2.1, Hình 3.4.2.2, Hình 3.4.2.3, Hình 3.4.2.4, Hình 3.4.2.5, Hình 3.4.2.6, 58 Quan Ly Nguoi Dung Quản Lý Người Dùng Hình 3.4.2.1
59 Sua thong tin nguoi dung
Sửa thơng tin người dùng
Hình 3.4.2.1
60 Xoa thong tin nguoi dung
Xóa thơng tin người dùng
Hình 3.4.2.1
61 Ghi chu nguoi dung xau
Ghi chú người dùng xấu
Hình 3.4.2.1
62 Quan Ly San Pham Quản Lý Sản Phẩm
Hình 3.4.2.2
63 Them san pham Thêm sản phẩm
Hình 3.4.2.2
64 Sua thong tin san pham
Sửa thông tin sản
61
phẩm 65 Xoa thong tin san
pham
Xóa thơng tin sản phẩm
Hình 3.4.2.2
66 Quan Ly Don Hang Quản Lý Đơn Hàng
Hình 3.4.2.3, Hình 3.4.2.4, Hình 3.4.2.5, Hình 3.4.2.6 67 Xem danh sach don
hang
Xem danh sách đơn hàng
Hình 3.4.2.3
68 Sap xep don hang Sắp xếp đơn hàng
Hình 3.4.2.3, Hình 3.4.2.6 69 Loc don hang Lọc đơn
hàng
Hình 3.4.2.3, Hình 3.4.2.5 70 Xem chi tiet don
hang Xem chi tiết đơn hàng Hình 3.4.2.3, Hình 3.4.2.4
71 Chi tiet nguoi mua Chi tiết người mua
Hình 3.4.2.4
72 Chi tiet san pham dat mua
Chi tiết sản phẩm đặt mua
Hình 3.4.2.4
73 Theo ngay Theo ngày Hình 3.4.2.5, Hình 3.4.2.6 74 Theo trang thai Theo
trạng thái
Hình 3.4.2.5, Hình 3.4.2.6
62
75 Chua lien lac Chưa liên lạc
Hình 3.4.2.5, Hình 3.4.2.6 76 Chua giao Chưa giao Hình 3.4.2.5,
Hình 3.4.2.6
77 Da giao Đã giao Hình 3.4.2.5,
Hình 3.4.2.6 78 Theo so tien Theo số
tiền
63
Chương 5 : Phần cứng và công cụ 5.1 Phần cứng 5.1 Phần cứng
Từ yêu cầu về phần cứng phù hợp với hệ thống websie “Trang sức shop”, cấu hình phần cứng sau được đề xuất :
CPU : Intel Pentium 4 (P4, 32.GHz) hoặc cao hơn.
Ram : 1024 MB.
Disk : 80GB.
Hệ điều hành : Windows 2000 Server hoặc Windows XP hoặc Windows Vista hoặc Windows 7.
5.2 Công cụ
5.2.1 Hệ quản trị cơ sở dữ liệu
Hệ quản trị cơ sở dữ liệu là phần mềm hay hệ thống được thiết kế để quản trị một cơ sở dữ liệu. Cụ thể, các chương trình thuộc loại này hỗ trợ khả năng lưu trữ, sửa chữa, xóa và tìm kiếm thơng tin trong một cơ sở dữ liệu (CSDL). Có rất nhiều loại hệ quản trị CSDL khác nhau: từ phần mềm nhỏ chạy trên máy tính cá nhân cho đến những hệ quản trị phức tạp chạy trên một hoặc nhiều siêu máy tính. Tuy nhiên, đa số hệ quản trị CSDL trên thị trường đều có một đặc điểm chung là sử dụng ngôn ngữ truy vấn theo cấu trúc mà tiếng Anh gọi là Structured Query Language (SQL). Các hệ quản trị CSDL phổ biến được
nhiều người biết đến là MySQL, Oracle, PostgreSQL, SQL Server, DB2, Infomix, ... Phần lớn các hệ quản trị CSDL kể trên hoạt động tốt trên nhiều hệ điều hành khác nhau như Linux, Unix và MacOS ngoại trừ SQL Server của Microsoft chỉ chạy trên hệ điều hành Windows.
64
Chúng ta chọn hệ quản trị CSDL của Microsoft là MS SQL Server 2005 để cài đặt.
5.2.2 Cơng cụ lập trình
Hiện nay có rất nhiều ngơn ngữ lập trình và rất nhiều cơng cụ lập trình hỗ trợ tốt cho việc lập trình. Visual Studio (VS) được coi là bộ cơng cụ lập trình thơng dụng nhất thế giới. Mặc dù các công cụ VS và ứng dụng xây dựng bởi VS chỉ chạy trên Windows nhưng nhờ sự bành trướng của Windows - đặc biệt là trong thế giới phần mềm khơng có bản quyền, VS trở nên phổ biến và ngày càng phổ biến nhờ cộng đồng đông đảo sử dụng VS. Visual Studio.NET là một sự phát triển mới của VS trên nền tảng mới mà Microsoft gọi là.NET Framework.
Chúng ta chọn phần mềm Microsoft Visual Studio 2008, trên nền tảng Dot Net 2.0 của Microsoft để cài đặt. Sử dụng ASP.NET (ngôn ngữ C#) để thiết kế trang web.
5.2.3 Cơng cụ thiết kế các mơ hình
Chúng ta có các mơ hình cần thiết kế như : mơ hình thực thể kết hợp, mơ hình dữ liệu quan hệ và các sơ đồ mô tả dịng cơng việc. Để thiết kế các mơ hình và vẽ các sơ đồ, chúng ta cần phải có một số phần mềm để hỗ trợ.
Chúng ta chọn các phần mềm sau :
Phần mềm Sybase PowerDesigner để thiết kế mơ hình thực thể kết hợp và mơ hình quan hệ.
Vì Sybase PowerDesigner là một phần mềm hỗ trợ đắc lực trong việc thiết kế mơ hình quan hệ, mơ hình thực thể kết hợp, mơ hình dữ liệu vật lý, ... trong việc phân tích thiết kế hệ thống thơng tin.
65
Phần mềm Rational Rose để vẽ các usecase mơ tả dịng cơng việc.
Vì Rational Rose là một cơng cụ lập mơ hình trực quan mạnh trợ giúp bạn phân tích và thiết kế các hệ thống phần mềm hướng đối tượng. Nó được dùng để lập mơ hình hệ thống trước khi bạn viết mã (code). Nó bao gồm tất cả các sơ đồ UML, các actor, các use case, các đối tượng, các lớp…
66
Kết luận
Với những yêu cầu từ hệ thống website “Trang sức shop”, bản thiết kế này đã thỏa mãn được các yêu cầu sau:
3
Hiển thị sản phẩm theo phân loại.
Hiển thị chi tiết sản phẩm.
Tìm kiếm cơ bản (theo tên).
Tìm kiếm nâng cao (theo loại, theo tên, khoảng giá).
Hiển thị sản phẩm và kết quả tìm kiếm dạng phân trang (6 sản phẩm/trang).
Đăng ký (người dùng cuối), đăng nhập và đăng xuất.
Giỏ hàng (Mua hàng trực tuyến).
Thanh toán trực tuyến.
Quản lý người dùng : sửa, xóa người dùng, ghi chú người dùng xấu.
Thêm sản phẩm theo đúng phân loại, up hình ảnh.
Sửa sản phẩm : hiển thị đúng thông tin trước khi sửa.
Xóa sản phẩm : thơng báo trước khi xóa.
Xem danh sách đơn hàng.
Sắp xếp đơn hàng theo ngày.
Sắp xếp đơn hàng theo tổng tiền.
Sắp xếp đơn hàng theo trạng thái (chưa liên lạc, chưa giao, đã giao).
Lọc đơn hàng theo ngày đặt.
Lọc đơn hàng theo trạng thái (mặc định là chưa liên lạc).
Xem chi tiết đơn hàng : chi tiết người mua (họ tên, email, số điện thoại), chi tiết sản phẩm đặt mua.
Vì năng lực và thời gian có hạn, mặc dù chúng em đã đáp ứng được các yêu cầu của hệ thống nhưng vẫn chưa được tối ưu và hoàn thiện lắm. Mong thầy thông cảm !
67
Bảng phân công
Để thực hiện thành công đồ án, bảng phân công sau được áp dụng :
STT Công việc Thực hiện Ngày bắt đầu Ngày kết thúc Hoàn tất 1 Thiết kế cơ sở dữ
liệu
Cả nhóm 28/10/2011 10/12/2011
2 Hiển thị sản phẩm theo loại, chi tiết sản