KTPMUD

TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ ĐIỆN TỬ-THƠNG TIN BÁO CÁO ĐỒ ÁN Mơn: Kỹ Thuật Phần Mềm Ứng Dụng Đề tài : Làm web shop bán giày GVHD: Th.s Vũ Song Tùng Sinh viên thực hiện: Nguyễn Bảo Long Phạm Gia Long Đinh Văn Minh Nguyễn Quốc Trung Lớp: K21_ĐT2 HÀ NỘI – NĂM 2021 MỤC LỤC MỤC LỤC .2 CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 1.1 Giới thiệu .3 1.2 Mục tiêu 1.3 Giới hạn phạm vi 1.4 Nội dung thực CHƯƠNG CƠ SỞ LÝ THUYẾT CHƯƠNG CHỨC NĂNG 3.1 Các chức hệ thống 3.2 Các tác nhân hệ thống 3.3 Đặc tả chức hệ thống 14 CHƯƠNG THIẾT KẾ GIA DIỆN HỆ THỐNG 4.1 Thiết kế giao diện hệ thống người dùng 15 4.2 Thiết kế giao diện hệ thống quản trị .37 CHƯƠNG KẾT LUẬN 39 CHƯƠNG 1: 1.1 TỔNG QUAN VỀ ĐỀ TÀI Giới thiệu Việc bán hàng qua cửa hàng thường không mang lại hiệu cao doanh thu lẫn quảng cáo sản phẩm Áp dụng công nghệ thông tin để giới thiệu sản phẩm cho phép người dùng mua bán trực tuyến từ lâu mang lại hiệu cao so với cách truyền thống Xuất phát từ yếu tố qua tìm hiểu, nhóm em chọn đề tài xây dựng website bán giày tảng ngơn ngữ lập trình ASP.NET MVC 1.2 Mục tiêu đề tài - Áp dụng mơ hình MVC hệ quản trị sở liệu SQL để xây dựng website bán giày - Giới thiệu mẫu giày hot tới người tiêu dùng - Tìm kiếm theo: tên sản phẩm, giá thành - Giúp khách hàng dễ dàng tìm mua sản phẩm website - Giúp người quản trị trang web dễ dàng quản lý thông tin sản phẩm, slider, hóa đơn, danh mục sản phẩm 1.3 Giới hạn phạm vi đề tài - Lập trình ngôn ngữ ASP MVC với công cụ Visual Studio hệ quản trị sở liệu SQL Server - Nghiên cứu trang web bán hàng khác để có hướng thiết kế giao diện chức cần có website bán hàng 1.4 Nội dung thực Nội dung thực cụ thể sau: CHƯƠNG 2: - Thiết kế hệ thống - Xây dựng Cơ sở liệu - Lập trình hệ thống - Kiểm thử hệ thống CƠ SỞ LÝ THUYẾT Nguyên tắc 1: Tổ chức website chặt chẽ dễ sử dụng Cách tổ chức phân chia nội dung cho website vấn đề quan trọng người dùng truy cập web Ngoài ra, bạn cần phải quan tâm đến bố cục website cho hợp lý để người dùng dễ dàng tiếp cận thông tin cần thiết truy cập Bởi website tổ chức khơng tốt người dùng khó tiếp cận nội dung theo ý muốn đơn vị Từ đó, người truy cập nhanh chóng khỏi web khơng muốn quay lại có nhu cầu tìm kiếm thông tin liên quan khác Về cách phân chia tổ chức nội dung, trước thiết kế, định hình số khung giao diện thường gặp thiết kế chúng Sau phân chia Control theo Module vị trí Qua việc phân tích nhu cầu tìm đọc người dùng, nhóm đề tài lựa chọn xây dựng module chính, module tiện ích giúp người dùng tìm đến tin cách nhanh Nguyên tắc 2: Đảm bảo liên kết khám phá dễ dàng Các đường liên kết điểm mạnh website so với tập thơng tin giấy Do đó, nhóm đề tài tận dụng tối đa ưu điểm để phân chia nội dung nhằm giúp người tiếp cận thông tin bạn cách dễ dàng Một vấn đề đặt ra, mạng xã hội, thông tin truyền tải nhanh rộng rãi Bởi nhà thiết kế tạo nhiều liên kết tồn thơng tin người dùng với bạn bè họ Tương tự vậy, muốn người dùng khám phá nhiều thơng tin website, nhóm đề tài phân chia nội dung bố cục có đường liên kết đến vị trí thích hợp cho người dùng CHƯƠNG 3: CHỨC NĂNG 3.1 Các chức hệ thống - Người ghé thăm website xem, tìm kiếm thơng tin sản phẩm, tin tức, chương trình khuyến cơng ty - Cho phép khách hàng chọn sản phẩm vào giỏ hàng để đánh dấu sản phẩm muốn chọn, chắn sản phẩm muốn mua khách hàng chọn đặt hàng để đặt sản phẩm mà không cần phải đăng nhập - Khách hàng liên hệ trực tiếp tới nhân viên công ty để trao đổi, tư vấn - Có thể cho tổ chức lưu trữ, cập nhật thơng tin tin tức, thơng tin chương trình cơng ty - Cho phép lưu trữ, cập nhật thông tin sản phẩm, chi tiết sản phẩm - Cho phép cập nhật thông tin khách hàng đặt hàng - Cho phép lưu trữ, cập nhật thông tin đặt hàng, đơn hàng - Cho phép người quản trị nhân viên quản lý thực dễ dàng nghiệp vụ có liên quan 3.2 Các Tác nhân hệ thống Dựa vào Mơ tả tốn, ta xác định Tác nhân hệ thống sau: - Nhân viên: người quản lý trì, kiểm sốt thơng tin web site, thơng tin nhập xuất … - Người quản trị: người điều hành, quản lý theo dõi hoạt động hệ thống, phân quyền kiểm soát hành động nhân viên - Khách hàng: người xem tác động có giao dịch với hệ thống thông qua hoạt động đặt mua hàng 3.3 Đặc tả chức hệ thống a Use case tổng quát hệ thống Hình Use Case tổng quát hệ thống b Use case quản lý sản phẩm Hình Use case quản lý sản phẩm - Tác nhân: Nhân viên, Admin - Mô tả: Use case cho phép nhân viên admin quản lý thơng tin sản phẩm có sở liệu Trừ chức duyệt sản phẩm dành riêng cho admin nhân viên viết sản phẩm - Điều kiện trước: Đã đăng nhập thành công vào hệ thống với quyền admin nhân viên tài khoản chưa bị khóa - Dịng kiện chính: Chọn chức quản lý sản phẩm Giao diện hiển thị chức tương ứng Người quản trị chọn kiểu tác động: Thêm, danh sách sản phẩm chờ duyệt, danh sách sản phẩm duyệt, duyệt, bỏ duyệt, khóa mở khóa + Thêm sản phẩm:  Hệ thống hiển thị giao diện nhập thông tin sản phẩm  Người quản trị nhập thông tin sản phẩm nhấn nút “Thêm” sản phẩm để thêm sản phẩm vào sở liệu  Nếu thành công, sản phẩm có trạng thái tương ứng với sản phẩm chờ duyệt chuyển qua trang duyệt sản phẩm  Nếu thất bại thông báo thất bại chuyển sang trang duyệt sản phẩm + Danh sách sản phẩm chờ duyệt:  Hệ thống hiển thị danh sách sản phẩm có trạng thái tương ứng với sản phẩm chờ duyệt  Người quản trị chọn nút duyệt sản phẩm tương ứng với sản phẩm  Hệ thống chuyển trạng thái sản phẩm chọn thành tương ứng với duyệt + Danh sách sản phẩm duyệt  Hệ thống hiển thị danh sách sản phẩm có trạng thái tương ứng với sản phẩm duyệt  Người quản trị chọn nút bỏ duyệt sản phẩm nút cập nhật tương ứng với sản phẩm  Nếu người quản trị chọn nút duyệt sản phẩm, hệ thống chuyển trạng thái sản phẩm duyệt thành tương ứng với sản phẩm chờ duyệt  Nếu người quản trị chọn nút cập nhật, hệ thống lấy mã sản phẩm chọn, chuyển sang trang cập nhật hiển thị thơng tin sản phẩm lên điều khiển để người quản trị sửa trực tiếp Người quản trị nhấn nút “Cập nhật” để cập nhật lại thơng tin sản phẩm thực dịng kiện rẽ nhánh A1 Use case kết thúc Cập nhật thông tin sản phẩm  Nếu cập nhật thành công, hệ thống thông báo cho người dùng cập nhật thành công chuyển sang trang sản phẩm duyệt  Nếu cập nhật thất bại, hệ thống thông báo cho người dùng cập nhật thành công chuyển sang trang sản phẩm duyệt c Use case quản lý danh mục sản phẩm Hình 1.2 Use case quản lý danh mục sản phẩm - Tác nhân: Nhân viên, Admin - Mô tả: Use case cho phép nhân viên admin quản lý thơng tin danh mục sản phẩm có sở liệu - Điều kiện trước: Đã đăng nhập thành công vào hệ thống với quyền admin nhân viên tài khoản chưa bị khóa - Dịng kiện chính: Chọn chức quản lý danh mục sản phẩm Giao diện hiển thị chức tương ứng Người quản trị chọn kiểu tác động: Thêm, hiển thị danh sách danh mục sản phẩm chờ duyệt, danh sách danh mục sản phẩm duyệt Use case kết thúc Cập nhật thông tin danh mục sản phẩm  Nếu cập nhật thành công, hệ thống thông báo cho người dùng cập nhật thành công chuyển sang trang danh mục sản phẩm duyệt  Nếu cập nhật thất bại, hệ thống thông báo cho người dùng cập nhật thất bại chuyển sang trang danh mục sản phẩm duyệt d Use case đăng nhập Hình 1.3 Use case đăng nhập - Tác nhân: Nhân viên, Admin - Mô tả: Use case cho phép admin, thành viên đăng nhập vào hệ thống - Dòng kiện chính: Chọn chức đăng nhập Giao diện đăng nhập hiển thị Nhập tên, mật vào giao diện đăng nhập Hệ thống kiểm tra tên, mật nhập Nếu nhập sai tên, mật hệ thống thông báo tài khoản không tồn Nếu nhập chuyển đến trang chức Use case kết thúc 10