PHÂN TÍCH THIẾT KẾ VỚI UML
Biểu đồ usecase
Là người có toàn quyền tương tác với hệ thống, quyền sử dụng tất cả các chức năng mà website xây dựng, điều khiển và kiểm soát mọi hoạt động của website
Là những người truy cập vào website, có thể đăng kí làm thành viên hoặc không Người dùng chỉ có một số quyền nhất định đối với website
Bảng 1: Danh sách các Actor
1 Đăng nhập UC này mô tả chức năng đăng nhập vào hệ thống của User hoặc Admin
2 Đăng kí UC này mô tả chức năng đăng kí tài khoản làm thành viên của User
3 Đặt mua UC này mô tả chức năng đặt mua sản phẩm tại website của User
4 Thanh toán UC này mô tả chức năng thanh toán tiền của User
5 Xem thông tin sản phẩm
UC này mô tả chức năng xem thông tin sản phẩm có trên website của User
6 Quản lý thông tin UC này mô tả chức năng quản lý các thông tin như
4 quản lý User, sản phẩm, nhà cung cấp của Admin
UC này mô tả chức năng tìm kiếm các thông tin như: sản phẩm, khách hàng, nhà cung cấp, hãng sản xuất của Admin
Bảng 2: Danh sách các Usecase
1.1 Đặc tả usecase mức tổng quát
1.1.1 Biểu đồ usecase tổng quát
Hình ảnh 1: Biểu đồ usecase tổng quát
Hình ảnh 2: Biểu đồ usecase User
Hình ảnh 3: Biểu đồ usecase Admin
1.2.1 Đặc tả Usecase đăng nhập (User)
Hình ảnh 4: Usecase đăng nhập
2 Mô tả UC: Cho phép người dùng đăng nhập vào hệ thống website bán hàng bằng tài khoản và mật khẩu đã đăng ký.
4 Trigger: Người dùng truy cập vào trang web và chọn liên kết "Đăng nhập".
5 Điều kiện trước: Người dùng đã tạo tài khoản trên website.
Tài khoản của người dùng chưa bị khóa.
6 Điều kiện sau: Trường hợp đăng nhập thành công:
Hệ thống hiển thị trang chủ của hệ thống Sau khi đăng nhập thành công, Người dùng có thể thực hiện các chức năng tương ứng với quyền đăng nhập của mình, như là thanh toán tiền, gửi ý kiến phản hồi.
Trường hợp đăng nhập thất bại: Hệ thống đưa ra thông báo đăng nhập không thành công và hiển thị trang chủ.
7.1 Luồng chính: 1 Người dùng chọn chức năng đăng nhập từ trang chủ của website
2 Trang chủ sẽ mở đến trang đăng nhập
3 Người dùng nhập tài khoản của mình (bao gồm tên đăng nhập và mật khẩu)
4 Hệ thống xác nhận thông tin đăng nhập
6 Kết thúc Usecase 7.2 Luồng sự kiện thay thế: 1 Người dùng hủy yêu cầu đăng nhập
2 Hệ thống bỏ qua trang đăng nhập, trở lại trang hiện tại.
3 Kết thúc Usecase 7.3 Luồng ngoại lệ: 1 Người dùng nhập sai thông tin đăng nhập
1.2 Bảng Chi tiết đơn hàng
Chương IV: XÂY DỰNG TRANG WEB BÁN BÀN GHẾ
Giao diện chính của chương trình bao gồm 2 phần : Phần dành cho nguời quản trị và phần dành cho khách hàng.
1.Giao diện trang chủ dành cho khách hàng.
Là menu chứa danh sách các loại bàn ghế Khách hàng có thể sử dụng menu này để làm việc.
Trang sản phẩm hiển thị thông tin của tất cả các sản phẩm theo yêu cầu của khách hàng bao gồm ảnh sản phẩm, tên sản phẩm và giá Muốn xem thêm các thông tin chi tiết của sản phẩm, khách hàng chỉ cần click vào ảnh sản phẩm hoặc tên sản phẩm để liên kết đến trang Chi tiết sản phẩm.
1.3 Trang chi tiết sản phẩm
Hình ảnh 25: Chi tiết sản phẩm
Trang chi tiết sản phậm hiển thị các thông tin chi tiết của sản phẩm như trên. Bên dưới là các sản phẩm cùng loại bàn ghế với sản phẩm mà khách hàng lựa chọn để khách hàng có thêm sự lựa chọn Sau khi đã xem chi tiết các thông tin về sản phẩm, nếu ưng ý khách hàng điền đầy đủ thông tin sau đó nhấn nút Thêm vào giỏ hàng để cho sản phẩm vào giỏ hàng của mình chờ thanh toán.
Giỏ hàng là trang lưu trữ các sản phẩm mà khách hàng đã chọn mua Tại đây khách hàng có thể:
- Sửa số lượng sau đó nhấn nút UPDATE
- Xóa sản phẩm: bằng cách click vào icon xóa thùng rác.
- Thanh toán: Khi bạn đã chắc chắn muốn mua các sản phẩm có trong giỏ hàng bạn hãy nhấn nút Đặt hàng sau đó làm theo các yêu cầu để hoàn tất quá trình đặt mua sản phẩm
1.5.Trang thông báo thanh toán thành công
Hình ảnh 27: Thông báo thanh toán thành công
Khi nhấn Đắt hàng sẽ chuyển đến trang hiển thị thông báo thanh toán thành công.
1.6.Trang thanh toán bằng ngân hàng
Hình ảnh 28: Thanh toán ngân hàng Khi chọn phương thức chuyển khoản sẽ chuyển đến trang chọn phương thức thanh toán qua VNPay.
1.7.Hóa đơn thanh toán sản phẩm
Hình ảnh 29: Hóa đơn thanh toán Sau khi chọn phương thức thanh toán VNPay sẽ xuất ra hóa đơn sản phẩm.
Hình ảnh 30: Đăng kí Để đăng kí tài khoản khách hàng phải nhập đầy đủ các trường trong mục thông tin tài khoản Hệ thống khuyên bạn nên nhập các thông tin cá nhân để tiện cho quá trình thanh toán.
- Khách hàng có thể đăng nhập vào trang sau khi đã đăng ký thành công
1.10 Trang Kết quả tìm kiếm
Hình ảnh 21: Tìm kiếm sản phẩm
Khi khách hàng đã chọn tiêu chí tìm kiếm Các sản phẩm sẽ hiển thị ra theo yêu cầu của khách hàng như hình trên.
2 Giao diện dành cho ban quản trị
Hình ảnh 22: Danh mục quản lý Admin
Khi Admin đăng nhập vào hệ thống có thể chọn các chức năng có trên thanh Menu để tương tác với hệ thống.
Admin có thể tiến hàng đăng nhập vào trang chức năng admin bắng cách chọn vào chức năng đăng nhập sau đó đăng nhập vào tài khoản có phân quyền admin.
Hình ảnh 24: Trang chủ admin
Admin sau khi đăng nhập sẽ được chuyển đến Trang chủ của admin, ở đây admin có thể chọn các chức năng có bên thanh menu đề tương tác với hệ thống.
2.3 Trang quản lý Tài khoản QuảnTrị Viên
Hình ảnh 25: Quản lý Tài khoản Quản trị viên
Khi truy cập vào trang quản lý Tài khoản Quản trị viên, admin có toàn quyền thêm, xóa, sửa Tài khoản Quản trị viên.
2.4 Trang thông tin Quản trị viên
Hình ảnh 26: Xem thông tin Quản trị viên
Admin có thể xem thông tin của Quản trị viên bằng cách nhấn vào nút Xem thông tin.
2.5.Trang Quản lý tài khoản người dùng
Hình ảnh 27: Quản lý tài khoản người dùng
Khi truy cập vào trang quản lý Tài khoản Ngươi dùng, admin có toàn quyền thêm, xóa, sửa Tài khoản Người dùng.
2.6.Trang xem thông tin người dùng.
Hình ảnh 28 :Thông tin người dùng
Admin có thể xem thông tin của Người dùng bằng cách nhấn vào nút Xem thông tin.
2.7.Trang quản lý sản phẩm.
Hình ảnh 29: Quản lý sản phẩm.
Khi truy cập vào trang quản lý Sản phẩm, admin có toàn quyền thêm, xóa, sửa Sản phẩm.
2.8.Trang quản lý Đơn đặt hàng
Hình ảnh 30: Quản lý đơn đặt hàng
Khi truy cập vào trang quản lý Đơn đặt hàng, admin có toàn quyền xóa, sửa Đơn đặt hàng.
Chương V: THỬ NGHIỆM VÀ ĐÁNH GIÁ CHƯƠNG
Yêu cầu hệ thống máy tính tối thiểu:
Thiết bị thông minh có kết nối Internet.
Chương trình chạy tốt nhất trên trình duyệt Web IE 7.0 và trên trình duyệt khác như FireFox, Cốc cốc…
Các chức năng đã thiết kế chạy đúng và ổn định.
Tốc độ duyệt chương trình lần đầu tiên chưa thể nhanh vì giao diện quản trị được thiết kế hoàn toàn trên một trang asp.net.
Về cơ bản, Website đã giới thiệu và cung cấp đầy đủ các chức năng cần thiết phục vụ cho công việc bán hàng của cửa hàng. Đưa hình ảnh cửa hàng đến với nhiều người.
Trong thời gian thực hiện đề tài, với sự cố gắng nỗ lực hết mình em đã hoàn thành đề tài đúng thời gian quy định.
Xây dựng thành công Website bán bán ghế có thể đáp ứng được yêu cầu của người sử dụng.
Tìm hiểu tương đối kỹ về Website
Tìm hiểu tương đối căn bản và đầy đủ về ASP.Net, CSS, JavaScript, HTML Phân tích thiết kế hệ thống tương đối đầy đủ.
Giao diện Website được thiết kế đơn giản, thân thiện và dễ sử dụng
Việc biểu diễn các thông tin trên Website chưa được linh hoạt.
Các thao tác quản lý còn chậm, chưa nhanh so với winform.
Hạn hẹp về kiến thức và thời gian khiến cho sản phẩm vẫn chưa hoàn thiện. Giao diện Website còn khá đơn giản, chưa có tính chuyên môn hóa cao.
Cơ sở dữ liệu còn nghèo nàn, chưa phong phú.
Còn nhiều chức năng chưa được phát triển so với các Website đã có mặt trên thị trường.
Sinh viên thực hiện Trương Quang Linh Phạm Tiến Quý Phạm Văn Đôn
THIẾT KẾ CƠ SỞ DỮ LIỆU
XÂY DỰNG TRANG WEB BÁN BÀN GHẾ
Menu sản phẩm
Là menu chứa danh sách các loại bàn ghế Khách hàng có thể sử dụng menu này để làm việc.
Trang sản phẩm
Trang sản phẩm hiển thị thông tin của tất cả các sản phẩm theo yêu cầu của khách hàng bao gồm ảnh sản phẩm, tên sản phẩm và giá Muốn xem thêm các thông tin chi tiết của sản phẩm, khách hàng chỉ cần click vào ảnh sản phẩm hoặc tên sản phẩm để liên kết đến trang Chi tiết sản phẩm.
Trang chi tiết sản phẩm
Hình ảnh 25: Chi tiết sản phẩm
Trang chi tiết sản phậm hiển thị các thông tin chi tiết của sản phẩm như trên. Bên dưới là các sản phẩm cùng loại bàn ghế với sản phẩm mà khách hàng lựa chọn để khách hàng có thêm sự lựa chọn Sau khi đã xem chi tiết các thông tin về sản phẩm, nếu ưng ý khách hàng điền đầy đủ thông tin sau đó nhấn nút Thêm vào giỏ hàng để cho sản phẩm vào giỏ hàng của mình chờ thanh toán.
Trang Giỏ hàng
Giỏ hàng là trang lưu trữ các sản phẩm mà khách hàng đã chọn mua Tại đây khách hàng có thể:
- Sửa số lượng sau đó nhấn nút UPDATE
- Xóa sản phẩm: bằng cách click vào icon xóa thùng rác.
- Thanh toán: Khi bạn đã chắc chắn muốn mua các sản phẩm có trong giỏ hàng bạn hãy nhấn nút Đặt hàng sau đó làm theo các yêu cầu để hoàn tất quá trình đặt mua sản phẩm
Trang thông báo thanh toán thành công
Hình ảnh 27: Thông báo thanh toán thành công
Khi nhấn Đắt hàng sẽ chuyển đến trang hiển thị thông báo thanh toán thành công.
Trang thanh toán bằng ngân hàng
Hình ảnh 28: Thanh toán ngân hàngKhi chọn phương thức chuyển khoản sẽ chuyển đến trang chọn phương thức thanh toán qua VNPay.
Hóa đơn thanh toán sản phẩm
Hình ảnh 29: Hóa đơn thanh toán Sau khi chọn phương thức thanh toán VNPay sẽ xuất ra hóa đơn sản phẩm.
Trang Đăng kí
Hình ảnh 30: Đăng kí Để đăng kí tài khoản khách hàng phải nhập đầy đủ các trường trong mục thông tin tài khoản Hệ thống khuyên bạn nên nhập các thông tin cá nhân để tiện cho quá trình thanh toán.
Trang Đăng nhập
- Khách hàng có thể đăng nhập vào trang sau khi đã đăng ký thành công
Trang Kết quả tìm kiếm
Hình ảnh 21: Tìm kiếm sản phẩm
Khi khách hàng đã chọn tiêu chí tìm kiếm Các sản phẩm sẽ hiển thị ra theo yêu cầu của khách hàng như hình trên.
Giao diện dành cho ban quản trị
Hình ảnh 22: Danh mục quản lý Admin
Khi Admin đăng nhập vào hệ thống có thể chọn các chức năng có trên thanh Menu để tương tác với hệ thống.
Admin có thể tiến hàng đăng nhập vào trang chức năng admin bắng cách chọn vào chức năng đăng nhập sau đó đăng nhập vào tài khoản có phân quyền admin.
Hình ảnh 24: Trang chủ admin
Admin sau khi đăng nhập sẽ được chuyển đến Trang chủ của admin, ở đây admin có thể chọn các chức năng có bên thanh menu đề tương tác với hệ thống.
2.3 Trang quản lý Tài khoản QuảnTrị Viên
Hình ảnh 25: Quản lý Tài khoản Quản trị viên
Khi truy cập vào trang quản lý Tài khoản Quản trị viên, admin có toàn quyền thêm, xóa, sửa Tài khoản Quản trị viên.
2.4 Trang thông tin Quản trị viên
Hình ảnh 26: Xem thông tin Quản trị viên
Admin có thể xem thông tin của Quản trị viên bằng cách nhấn vào nút Xem thông tin.
2.5.Trang Quản lý tài khoản người dùng
Hình ảnh 27: Quản lý tài khoản người dùng
Khi truy cập vào trang quản lý Tài khoản Ngươi dùng, admin có toàn quyền thêm, xóa, sửa Tài khoản Người dùng.
2.6.Trang xem thông tin người dùng.
Hình ảnh 28 :Thông tin người dùng
Admin có thể xem thông tin của Người dùng bằng cách nhấn vào nút Xem thông tin.
2.7.Trang quản lý sản phẩm.
Hình ảnh 29: Quản lý sản phẩm.
Khi truy cập vào trang quản lý Sản phẩm, admin có toàn quyền thêm, xóa, sửa Sản phẩm.
2.8.Trang quản lý Đơn đặt hàng
Hình ảnh 30: Quản lý đơn đặt hàng
Khi truy cập vào trang quản lý Đơn đặt hàng, admin có toàn quyền xóa, sửa Đơn đặt hàng.
THỬ NGHIỆM VÀ ĐÁNH GIÁ CHƯƠNG TRÌNH
Cài đặt
Yêu cầu hệ thống máy tính tối thiểu:
Thiết bị thông minh có kết nối Internet.
Thử nghiệm
Chương trình chạy tốt nhất trên trình duyệt Web IE 7.0 và trên trình duyệt khác như FireFox, Cốc cốc…
Các chức năng đã thiết kế chạy đúng và ổn định.
Tốc độ duyệt chương trình lần đầu tiên chưa thể nhanh vì giao diện quản trị được thiết kế hoàn toàn trên một trang asp.net.
Đánh giá
Về cơ bản, Website đã giới thiệu và cung cấp đầy đủ các chức năng cần thiết phục vụ cho công việc bán hàng của cửa hàng. Đưa hình ảnh cửa hàng đến với nhiều người.