9. Môi trường thực hiện đề tài
3.5. Phân tích và thiết kế CSDL
3.5.1. Danh sách các bảng csdl
Bảng tbl_NhanVien
Tên cột Kiểu dữ liệu Độ dài Mô tả TenDangNhap Nvarchar 100 Tên đăng nhập
MatKhau Nvarchar 100 Mật khẩu
HoTen Nvarchar 500 Họ tên đầy đủ
DiaChi Nvarchar 500 Địa chỉ
SoDienThoai Nchar 20 Số điện thoại
Bảng tbl_KhachHang
Tên cột Kiểu dữ liệu Độ dài Mô tả TenDangNhap Nvarchar 100 Tên đăng nhập
MatKhau Nvarchar 100 Mật khẩu
HoTen Nvarchar 500 Họ tên đầy đủ
DiaChi Nvarchar 500 Địa chỉ
Email Nvarchar 500 Email khách
hàng
SoDienThoai Nchar 20 Số điện thoại
Bảng tbl_NhapHang
Tên cột Kiểu dữ liệu Độ dài Mô tả
MaHoaDon Int Mã hóa đơn
MaNhaCungCap Int Mã nhà cung
cấp
MaSanPham Int Mã sản phẩm
TongSoLuong Int Tổng số lượng
TongTien Int Tổng tiền
Bảng tbl_ChiTietNhapHang
Tên cột Kiểu dữ liệu Độ dài Mô tả
MaHoaDon Int Mã hóa đơn
MaSanPham Int Mã sản phẩm
SoLuong Int Số lượng
GiaNhap Int Giá nhập
Bảng tbl_BanHang
52
MaHoaDon Int Mã hóa đơn
TenDangNhap Nvarchar 100 Tên đăng nhập
NgayBan Nvarchar 50 Ngày bán hàng
TongSoLuong Int Tổng số lượng
TongTien Int Tổng tiền
TrangThai Bit Trạng thái hóa
đơn
Bảng tbl_ChiTietBanHang
Tên cột Kiểu dữ liệu Độ dài Mô tả
MaHoaDon Int Mã hóa đơn
MaSanPham Int Mã sản phẩm
SoLuong Int Số lượng
GiaBan Int Giá bán
Bảng tbl_NhaCungCap
Tên cột Kiểu dữ liệu Độ dài Mô tả
MaNhaCungCap Int Mã nhà cung
cấp TenNhaCungCap Nvarchar 100 Tên nhà cung
cấp
DiaChi Nvarchar 100 Địa chỉ
Bảng tbl_LoaiSanPham
Tên cột Kiểu dữ liệu Độ dài Mô tả
MaLoai Int Mã loại
TenLoai Nvarchar 100 Tên loại sản
phẩm
Bảng tbl_SanPham
Tên cột Kiểu dữ liệu Độ dài Mô tả
MaSanPham Int Mã sản phẩm
MaLoai Int Mã loại
MaNhaCungCap Int Mã nhà cung
cấp
TenSanPham Nvarchar 200 Tên sản phẩm
GiaNhap Int Giá nhập
GiaBan Int Giá bán
53 AnhHienThi Nvarchar 100 Ảnh hiện thị
Mota Nvarchar Max Mô tả
Bảng tbl_TinTuc
Tên cột Kiểu dữ liệu Độ dài Mô tả
MaTinTuc Int Mã tin tức
54
3.5.2. Mô hình quan hệ dữ liệu
55
Chương 4: THIẾT KẾ VÀ ĐẶC TẢ GIAO DIỆN WEBSITE
4.1.Giao diện trang chủ
Hình 4-1: Giao diện trang chủ
Khi khách hàng truy cập vào website ở trang chủ khách hàng sẽ thấy được danh sách các sản phẩm, menu lựa chọn loại sản phẩm, ảnh quảng cáo, tin tức…Ô tìm kiếm được thiết kế ở phía dưới menu để khách hàng có thể tiện lợi sử dụng tìm kiếm các sản phẩm theo tiêu chí riêng của mình.
56
4.2.Giao diện trang sản phẩm
Hình 4-2: Giao diện trang sản phẩm
Trang sản phẩm là trang có tất cả các sản phẩm có cùng loại. Ở đây khách hàng có thể thu hẹp sự lựa chọn tìm kiếm của mình trong một phạm vi nhỏ hơn trang chủ.
57
4.3.Giao diện trang chi tiết sản phẩm
Hình 4-3: Giao diện trang chi tiết sản phẩm
Trang chi tiết sản phẩm cho khách hàng thấy thông tin chi tiết của từng món sản phẩm riêng bảo gồm: màu sắc, kích thước, chất liệu… được lọc theo mã sản phẩm.
Kèm theo ở phía dưới là 3 sản phẩm cùng loại sản phẩm mà khách hàng đã lựa chọn xem ở trên.
58
4.4.Giao diện trang đăng ký khách hàng
Hình 4-4: Giao diện trang đăng ký khách hàng
Trang đăng ký tài khoản sẽ giúp cho khách hàng tạo một tài khoản trên trang website để có thể mua hàng. Có 2 thông tin bắt buộc khách hàng phải nhập là “tên đăng nhập” và “mât khẩu”.
59
4.5.Giao diện trang đăng nhập khách hàng
Hình 4-5: Giao diện trang khách hàng đăng nhập
Khách hàng sau khi đã đăng ký thành viên sẽ đăng nhập để có thể mua hàng trên website của cửa hàng. Nếu khách hàng chưa đăng nhập mà click vào nút Đặt hàng trong giỏ hàng thì hệ thống sẽ tự động chuyển sang trang đăng nhập để khách hàng có thể đăng nhập.
60
4.6.Giao diện trang giỏ hàng
Hình 4-6: Giao diện trang giỏ hàng
Tại đây khách hàng có thể xem được những mặc hàng nào mình đã click chọn mua, cập nhật số lượng sản phẩm muốn mua trong ô số lượng. Tổng giá trị của gió hàng sẽ được hiển thị ở ngay phía dưới giỏ hàng.
61
4.7.Giao diện trang đăng nhập quản trị
Hình 4-7: Giao diện trang đăng nhập quản trị
Quản trị viên muốn thao tác xử lý trong trang quản trị trước hết phải đăng nhập vào hệ thống với các tài khoản đã đăng ký hoặc được cấp tài khoản đã có sẵn bởi chủ cửa hàng.
62
4.8.Giao diện trang quản trị
Hình 4-8: Giao diện trang quản trị
Trang quản trị giúp quản trị viên (chủ cửa hàng hoặc nhân viên) có thể quản lý được các mục trên website của mình.
Giao diện quản lý bao gồm: quản lý tin tức, loại sản phẩm, sản phẩm, nhân viên, khách hàng, nhà cung cấp…từ đây quản trị viên có thể thao tác thêm mới, cập nhật hoặc xóa.
63
4.9.Giao diện trang quản lý loại sản phẩm
64
4.10. Giao diện trang quản lý sản phẩm
65
4.11. Giao diện trang quản lý thêm mới sản phẩm
66
PHẦN III: KẾT LUẬN
Sau gần một thời gian nỗ lực tìm hiểu về thiết kế website em đã tạo ra được “Website quảng bá và bán nội thất cho cửa hàng LUXURY” bằng ngôn ngữ lập trình ASP.Net, trang web với giao diện thân thiện dễ dùng phù hợp cho mọi lứa tuổi yêu thích những tin tức về công nghệ.
Trong thời gian thực hiện đề tài, em đã hoàn thành được website với các chức năng như: trừng bày các sản phẩm nội thất của cửa hàng lên trang chủ, có trang phân loại sản phẩm, chi tiết của từng sản phẩm, liên hệ với cửa hàng…
Ngoài việc hoàn thành đề tài thì qua đề tài này em còn hiểu được các yêu cầu cần thiết khi thiết kế một websie, kỹ năng làm việc …điều này sẽ giúp em rất nhiều sau khi ra trường để em có một công việc tốt, theo mong muốn của mình.
Tuy nhiên do thời gian nghiên cứu chưa được nhiều, bên cạnh những kết quả đạt được còn tồn tại một số vấn đề hạn chế:
- Website vẫn còn đơn giản chưa đáp ứng hết được nhu cầu của xã hội. - Các thông tin về công nghệ vẫn còn ít…
Từ những hạn chế trên, em đưa ra hướng phát triển của đề tài:
- Phát triển ứng dụng bằng việc mở rộng thêm các chức năng đáp ứng nhu cầu khách hàng như mua hàng thông qua tài khoản các ngân hàng, thanh toán qua ngân lượng…
67
PHẦN IV: TÀI LIỆU THAM KHẢO
Tài liệu
[1.] Tiến sĩ Dương Kiều Hoa- Tôn Thất Hòa An, Phân tích và thiết kế hệ thống thông tin theo UML.
[2.] Nguyễn Ngọc Bình Phương, Các giải pháp lập trình asp.net tập 1. [3.] Nguyễn Ngọc Bình Phương, Các giải pháp lập trình asp.net tập 2. [4.] Phan Hữu Tiệp, Lập trình asp.net.
Internet
http://www.congdongcviet.com/ http://www.nhatnghe.com/ http://www.java2s.com/ http://www.sinhvienit.net/
Và một số tài liệu khác của thầy cô giáo khoa công nghệ thông tin trường Đại học Sư phạm Kỹ thuật Hưng Yên cung cấp.