Tài Liệu Thiết Kế Phần Mềm Cho Phần mềm bán quần áo trực tuyến MEN’S LIFE SHOP Phiên 1.0 phê chuẩn Được chuẩn bị bởi: Lê Trung Út Trương Đình Văn Ngày tạo tài liệu 18/04/2012 GVHD: Phan Phương Lan Viết tài liệu: Nhóm Theo dõi phiên tài liệu Tên Ngày Lý thay đổi Phiên Giới thiệu 1.1Mục đích - Tài liệu thiết kế phần mềm mô tả thiết kế kiến trúc chi tiết của phiên 1.0 Đây tài liệu cần thiết cho lập trình viên dựa vào thiết kế để viết phần mềm cho yêu cầu khách hàng Đây tài liệu cho kiểm thử viên tham khảo kiểm thử phần mềm 1.2Phạm vi - Sản phẩm phần mềm bán quần áo trực tuyến nhằm bán quần áo qua mạng bao gồm toán qua mạng - Bán hàng qua mạng có nhiều lợi ích giảm chi phí, giá thành sản phẩm hạ, lợi nhuận cao - Mục tiêu sản phẩm đáp ứng yêu cầu khách hàng đặt - Phần mềm chạy tốt nhiều môi trường làm việc khác hệ điều hành khác window xp, window 7, linux, unix, ubuntu, vista, Mac OS… - Phần mềm dụng hệ sở liệu MySQL để lưu trữ liệu - Sản phẩm hoàn thành phải có mục liên hệ khách hàng tức liên hệ khách hàng người bán Hệ thống website cung cấp thông tin giới thiệu sản phẩm hình ảnh, nhạc chuông…bao gồm module lớn trang thông tin trang quản trị website 1.3Bảng giải thuật ngữ Dưới giải thuật ngữ, chữ viết tắt tài liệu này: STT Thuật ngữ/chữ viết tắt Định nghĩa/mô tả 1.4Tài liệu tham khảo Khi viết tài liệu có tham khảo tài liệu sau: Bản dịch cô Phan Phương Lan từ từ mẫu đặc tả yêu cầu phần mềm tác giả Kari E Wiegers Giáo trình Nhập môn công nghệ phần mềm-Trường Đại Học Cần Thơ Và công cụ Internet để hỗ trợ tìm kiếm thông tin cần thiết 1.5Tổng quan tài liệu Tài liệu nhằm mục đích cung cấp bảng mô tả tổng quát hệ thống thực hiện, bao gồm mục: • Tổng quan hệ thống: đưa mô tả tổng quan chức năng, ngữ cảnh thiết kế dự án Cung cấp thông tin tảng cần thiết GVHD: Phan Phương Lan Viết tài liệu: Nhóm • Kiến trúc hệ thống: mô tả tổng quan kiến trúc hệ thống, trình bày theo mô đun giải thích mối quan hệ mô đun Phân mô tả tổng quan thành hệ thống thiết kế, kết hợp lưu đồ dòng liệu, sơ đồ phân rã cấu trúc, đặt tả giao diện • Thiết kế liệu: mô tả cấu trúc liệu, giải thích thực thể sử dụng liệu, kiểu liệu, giới hạn liệu, phương thức định dạng Thiết kế chức năng: liệt kê chức mà hệ thống cung cấp, nêu mục đích, thiết kế giao diện, liệu sử dụng chức Tổng quan hệ thống Hệ thống xây dựng dựa ngôn ngữ lập trình web: HTML, CSS, Javascript, PHP Tất tính giúp trang web hoạt động tốt hơn, đáp ứng nhu cầu đặt khách hàng Phần mềm có chức sau: - Trang chủ: liệt kê sản phẩm bật công ty - Trình bày cách thức mua quần áo website, cách đưa hàng vào giỏ hàng, phương thức toán - Trình bày thông tin giảm giá mặt hàng giảm giá - Sản phẩm: liệt kê tất sản phẩm có danh mục sản phẩm công ty, sản phẩm liệt kê có nhiều trang liên kết với - Đăng kí: hỗ trợ khách hàng đăng kí làm thành viên hệ thống để mua quần áo trực tuyến từ công ty - Đăng nhập: hỗ trợ thành viên đăng nhập vào hệ thống để mua quần áo trực tuyến, toán tiền cho sản phẩm khách hàng mua - Tin tức: cập nhật tin tức nước bật, thông tin có liên quan đến lĩnh vực thời trang, thời sự,… - Liên hệ: hỗ trợ khách hàng liên hệ với người phụ trách hệ thống, công ty bán quần áo trực tuyến qua điện thọa, email, địa lên lạc - Tìm kiếm: hỗ trợ khách hàng tìm kiếm sản phẩm nhanh hơn, tìm kiếm xác Với khả xác 100% - Giỏ hàng: liệt kê sản phẩm có giỏ hàng (các sản phẩm mà khách hàng mua) bao gồm số lượng sản phẩm chế độ xem giỏ hàng liệt kê tất sản phẩm có giỏ hàng giá hay tổng giá trị mặt hàng - Hàng bán chạy: liệt kê sản phẩm quần áo bán chạy tháng công ty - Thống kê: thông kê số người truy cập vào website công ty, số lượt truy cập vào website từ bắt đầu phát triển, khách, thành viên - Danh mục: liệt kê, phân chia sản phẩm quần áo theo cấp bậc khác - Hàng mới: liệt kê sản phẩm quần áo cập nhật từ website Kiến trúc hệ thống 3.1 Thiết kế kiến trúc 3.1 Thiết kế kiến trúc 3.1.1 Yêu cầu hệ thống: - Mục đích: Xây dựng website giới thiệu sản phẩm cửa hàng - Yêu cầu đạt được: Thực việc mua sản phẩm lập đơn hàng GVHD: Phan Phương Lan Viết tài liệu: Nhóm - Chức hệ thống: Thực chức giới thiệu sản phẩm đến khách hàng đồng thời cung cấp cho khách hàng chức để thuận tiện việc mua hàng đặt hàng trực tuyến Chức cụ thể đối tượng tham gia hệ thống mô tả sau: Khách hàng: Cho phép xem thông tin chi tiết sản phẩm Tìm kiếm sản phẩm theo từ khóa giá phẩm Cho phép đặt hàng trực tuyến Người quản trị hệ thống: Cập nhật thông tin cho sản phẩm: thêm, xóa, sửa; Cập nhật thông tin cho đơn đặt hàng, khách hàng; Cập nhật thông tin cho loại sản phẩm; Quản lý xây dựng quảng cáo, banner, tin tức - Các thông tin sử dụng hệ thống: + Thông tin sản phẩm bao gồm giá sản phẩm, mã sản phẩm tất sản phẩm cửa hàng nói chung sản phẩm bán chạy nói riêng + Thông tin giỏ hàng bao gồm số lượng sản phẩm có giỏ cụ thể sản phầm + Thông tin thống kê số lượt truy cập vào hệ thống website cửa hàng, số lượng người dùng trực tuyến bao gồm khách hàng (chưa đăng ký thành viên) thành viên đăng ký + Thông tin danh sách nhóm hổ trợ trực tuyến khách hàng có nhu cầu giải đáp thắc mắc + Thông tin khách hàng - Các ràng buộc chức năng: +Cập nhật liệu: thêm, xóa, sửa + Cập nhật từ giỏ hàng: thông tin khách hàng phải lưu trữ vào sở liệu thực toán có thành viên sử dụng chức toán trực tuyến - Các ràng buộc phi chức năng: + Giao diện website thân thiện + Số lượng tài khoản người dùng lớn + Số lượng sản phẩm lưu trưc sở liệu không giới hạn + Thời gian cho tìm kiếm không quas10 giây - Các tác nhân hệ thống : Client: Khách hàng vào thăm, tìm kiếm sản phẩm, đặt hàng; Admin(Administractor): Người quản trị chịu trách nhiệm đảm bảo hoạt động Website Khách hàng, theo dõi , xử lý yêu cầu khách hàng Thành viên -Ký danh: string Mật khẩu: string GVHD: Phan Phương Lan Viết tài liệu: Nhóm Quản trị 3.1.2 Biểu đồ Usecase Biểu đồ Usecase : sử dụng để xác định chức tác nhân liên quan đến hệ thống Đăn g ký : 3.1.2.1 Biểu đồ Usecase mức tổng quát Quản Dựa yêu cầu lý hệ thống,biểu đồ usecase tổng quát hệ thống xây dựng mở rộng với chức biểu diễn hình đây: người dùng Quản lý sản phẩm Đăn g nhậ p Xem quảng cáo Tìm kiếm Quản lý danh mục Thiết lập đơn đặt hàng Quản lý đơn hảng Quản Quản lý lý tin GVHD:tức Phan Phương Lan quảng cáo Sửa thông tin thành viên Quản lý giỏ hàng Viết tài liệu: Nhóm 3.1.2.2 Phân rã Usecase: - Phân rã Usecase sửa thông tin thành viên: Sửa thông tin thành viên: bao gồm thay đổi mật khẩu, email, số điện thoại địa liên lạc Mật Email Sửa thông tin thành viên Số điện thoại Địa - Phân rã Usecase tìm kiếm: Usecase tìm kiếm phân rã thành usecase nhỏ gồm: Tìm kiếm: bao gồm tìm kiếm theo từ khóa tìm kiếm theo giá sản phẩm khách hàng lựa chọn Tìm kiếm theo từ khóa Loại sản phẩm Tìm kiếm theo giá Giá sản phẩm Viết tài liệu: Nhóm Tìm kiếm GVHD: Phan Phương Lan Hệ Thống Trang người dùng: Trang sản phẩm: hiển thị danh sách sản phẩm thời trang lưu hành thị trường, khách xem hình ảnh, giá chi tiết, đặt hàng sản phẩm đó.Để mua hàng phải thành viên mua hàng Trang Quản Trị: Để vào phần quản trị người quản trị phải thông qua bước đăng nhập vào hệ thống với tài khoản mặc định : Tên người dùng Mật admin Bên cung cấp cho người quản trị web tính quản lý thông tin Sản Phẩm ( Thêm sản phẩm mới, quản lý danh sách sản phẩm, sửa xoá sản phẩm ) Khi thêm bắt kỳ sản phẩm sản phẩm hiển thị danh sách sản phẩm trang Sản phẩm Quản lý Slide trình diễn 3.2 Mô tả phân rã 3.3 Cơ sở thiết kế Thiết kế liệu Mô tả liệu - Dữ liệu hệ thống lưu trữ server hệ thống dạng bảng hệ sở liệu MySQL lưu trữ trực tiếp server - Các liệu dạng text lưu trữ bảng sở liệu - hình ảnh, flash lưu trữ trực tiếp server đường dẫn đến lưu trữ bảng sử liệu - ta cập nhật sản phẩm nội dung liên quan đến văn lưu vào sở liệu, dạng khác hình ảnh, flash lưu trữ server - liệu khác lưu trữ bảng khác sở liệu - để lấy liệu văn ta thực truy vấn vào sở liệu kết nối với bảng khác phải xác định rõ bảng lưu trữ thông tin cần lấy để thực đắng hiệu - để lấy kiểu liệu khác ta lấy thông qua đường dẫn (hay địa server) GVHD: Phan Phương Lan Viết tài liệu: Nhóm Sơ đồ quan hệ Shopping Các bảng liệu: Cơ sở liệu: Shopping Chitietsp(masp, anh, chitiet) Hotrotructuyen(nickname, ten, sodt) Menudoc(id, tenmenu, thuocid, mamh) Menungangtren(tenmenu, lienket, tenmh) Sanpham(masp, mamh, tensp, gia, hinhanh, laspmoi) Sanphambanchay(anh, mota, masp) Slideshow(anh) Thanhvien(tendangnhap, matkhau, email, diachi, lienket, tinhthanh, gioitinh, hovaten) GVHD: Phan Phương Lan Viết tài liệu: Nhóm Bảng Hóa đơn Stt Thuộc tính id Khach_hang Ho_ten Dia_chi Hom_thu Dien_thoai Noi_dung Ky_danh Diễn giải Id hóa đơn Tên bao gồm mã số ản phẩm kết hợp với số lượng mua hang Họ tên khách hàng Type Int(225) longtext Varchar(256) Nơi cảu longtext khách hàng Dịa gửi Varchar(256) Số điện thoại cảu Varchar(256) khách hàng Nội dung khách longtext hàng Ký danh thành Varchar(256) viên mua hàng Từ điển liệu Bảng chitietsp Thuộc tính Diễn giải Masp Mã số sản phẩm Anh ảnh sản phẩm chitiet Chi tiết sản phẩm Stt Bảng hotrotructuyen Stt Thuộc tính Nickname ten Sodt Diễn giải Tentaikhoan admin Tên người hỗ trọ Số điện thoại liên lạc Type Char(6) Varchar(256) Varchar(256) Type Varchar(256) Varchar(256) Varchar(256) GVHD: Phan Phương Lan Viết tài liệu: Nhóm Bảng menudoc Stt Thuộc tính id Tenmenu Thuocid Mamh Bảng menungangtren Stt Thuộc tính Tenmenu Tenmh Lienket Bảng sanpham Stt GVHD: Phan Phương Lan Thuộc tính Masp Mamh Gia Hinhanh Laspmoi Tensp Diễn giải Type Id menu Int(225) Tên menu Varchar(256) Giá trị id thuộc vào Int 255 menu cha Mã mặt hàng Char(4) Diễn giải Tên menu Tên mặt hàng Trang liên kết tới tên menu Type Varchar(256) Varchar(256) Varchar(256) Diễn giải Mã số sản phẩm Mã số mặt hàng Giá mặt hàng Hình ảnh sản phẩm Sản phẩm Tên sản phẩm Type Char(6) Char(4) Float Text Varchar(26) Varchar(50) 10 Viết tài liệu: Nhóm Bảng sanphambanchay Stt Thuộc tính Anh Mota Masp Bảng thanhvien Stt Thuộc tính Tendangnhap Matkhau Email Diachi Tinhthanh Giới tính Hovaten GVHD: Phan Phương Lan Diễn giải ảnh sản phẩm bán chạy Mô tả sản phẩm Mã sản phẩm Type Varchar(256) Varchar(256) Varchar(256) Diễn giải Tên đăng nhập thành viên Mật Email liên hệ Địa liên hệ Tỉnh thành nơi thành viên đăng cư trú Giới tính thành viên Họ tên thật thành viên Type Varchar(256) Varchar(256) Varchar(256) Text Varchar(256) Varchar(256) Varchar(256) 11 Viết tài liệu: Nhóm Thiết kế theo chức 5.1 Chức đăng ký thành viên  Mục đích: trở thành thành viên trang web để sử dụng vài chức khác trang web hạn chế như: đặt hàng online, liên hệ…  Giao diện đăng ký thành viên 8  Các thành phần giao diện đăng ký thành viên STT 10 11 Loại điều khiển Form Text Field Select Select Textarea Text Field Text Field Password Password Submit Reset Giá trị mặc định Tên điều khiển Nội dung thực dangky hovaten gioitinh tinh diachi tendangnhap email matkhau xacnhanmk dangky nhaplai Tạo giao diện đăng ký thành viên Cho phép nhập Cho phép lựa chọn Cho phép lựa chọn Cho phép nhập Cho phép nhập Cho phép nhập Cho phép nhập Cho phép nhập Thực đăng ký Xóa liệu nhập lại từ đầu Nam Cần Thơ  Dữ liệu sử dụng STT Tên bảng thanhvien GVHD: Phan Phương Lan Phương thức Truy vấn Thêm   Sửa Xóa 12 Viết tài liệu: Nhóm  Cách xử lý: click chọn nút “Đăng ký” START $hovaten = $_POST[“hovaten”]; $gioitinh = $_POST[“gioitinh”]; $hovaten = $_POST[“hovaten”]; $tinh = $_POST["tinh"]; $diachi=$_POST[“diachi”]; $tendangnhap=$_POST[“tendangnhap”] ; $email=$_POST[“email”]; $matkhau=$_POST[“matkhau”]; $xacnhanmk=$_POST[“xacnhanmk”]; ($tendangnhap) khác rỗng and ($email) khác rỗng and ($matkhau) khác rỗng and ($xacnhanmk)khác rỗng Đúng Sai Thông báo lỗi yêu cầu nhập lại Truy xuất sở liệu bảng thanhvien ($tendangnhap! =tendangnhap) and( $matkhau=$xacnhanm k) Sai Đúng Mã hóa($matkhau) and (Thêm thông tin người dùng vào bảng) and (Thực đăng nhập tự động) and (Hiển thị giao diện trang chủ với tên người dùng) END GVHD: Phan Phương Lan 13 Viết tài liệu: Nhóm  Các ràng buộc STT Tên điều khiển matkhau xacnhanmk Ràng buộc Hiển thị với kí tự đặc biệt  Hiển thị với kí tự đặc biệt  5.2 Chức đăng nhập  Mục đích: đăng nhập sử dụng vài chức khác trang web hạn chế như: đặt hàng online, liên hệ…  Giao diện đăng nhập  Các thành phần giao diện đăng nhập STT Loại điều khiển Form Text Field Text Field Submit Button Tên điều khiển login tendangnhap matkhau dangnhap thoat Giá trị mặc định Nội dung thực Tạo giao diện đăng nhập thành viên Cho phép nhập Cho phép nhập Thực đăng nhập Đóng form đăng nhập  Dữ liệu sử dụng STT Tên bảng thanhvien GVHD: Phan Phương Lan Phương thức Truy vấn Thêm  Sửa Xóa 14 Viết tài liệu: Nhóm  Cách xử lý: click chọn nút “Đăng nhập” START $tendangnhap=$_POST[“tendangnhap”] ; $matkhau=$_POST[“matkhau”]; Sai ($tendangnhap) khác rỗng and ($matkhau) khác rỗng Đúng Thông báo lỗi yêu cầu nhập lại Truy xuất sở liệu bảng thanhvien and (mã hóa $matkhau) ($tendangnhap=tendangnhap ) and( $matkhau=matkhau) Sai Đúng (Hiển thị giao diện trang chủ với tên người dùng) END  Các ràng buộc STT Tên điều khiển matkhau GVHD: Phan Phương Lan Ràng buộc Hiển thị với kí tự đặc biệt  15 Viết tài liệu: Nhóm 5.3 Chức tìm kiếm sản phẩm  Mục đích: liệt kê sản phẩm có giá tiền theo mong muốn khách hàng  Giao diện tìm kiếm sản phẩm  Các thành phần giao diện tìm kiếm sản phẩm STT Loại điều khiển Form Select Select Select Button Button Giá trị mặc định Tên điều khiển Nội dung thực timkiemsanpham chonsanpham giadau giacuoi timkiem trove Tạo giao diện tìm kiếm sản phẩm Cho phép chọn từ khóa tìm kiếm Cho phép chọn mức giá đầu Cho phép chọn mức giá cuối Thực tìm kiếm sản phẩm Chuyển trang chủ TẤT CẢ 100.000 VNĐ 500.000 VNĐ  Dữ liệu sử dụng STT Tên bảng sanpham GVHD: Phan Phương Lan Phương thức Truy vấn Thêm  Sửa Xóa 16 Viết tài liệu: Nhóm  Cách xử lý: click chọn nút “Tìm kiếm” START $chonsanpham = $_POST["chonsanpham"]; $giadau = $_POST["giadau"]; $giacuoi=$_POST["giacuoi"]; $giadau=$giadau) and (gia=$giadau) and (gia[...]... phép lựa chọn Cho phép lựa chọn Cho phép nhập Cho phép nhập Cho phép nhập Cho phép nhập Cho phép nhập Thực hiện đăng ký Xóa dữ liệu và nhập lại từ đầu Nam Cần Thơ  Dữ liệu sử dụng STT 1 Tên bảng thanhvien GVHD: Phan Phương Lan Phương thức Truy vấn Thêm   Sửa Xóa 12 Viết tài liệu: Nhóm 7  Cách xử lý: khi click chọn nút “Đăng ký” START $hovaten = $_POST[“hovaten”]; $gioitinh = $_POST[“gioitinh”]; $hovaten... TẤT CẢ 100.000 VNĐ 500.000 VNĐ  Dữ liệu sử dụng STT 1 Tên bảng sanpham GVHD: Phan Phương Lan Phương thức Truy vấn Thêm  Sửa Xóa 16 Viết tài liệu: Nhóm 7  Cách xử lý: khi click chọn nút “Tìm kiếm” START $chonsanpham = $_POST["chonsanpham"]; $giadau = $_POST["giadau"]; $giacuoi=$_POST["giacuoi"]; $giadau=$giadau) and (gia ... phiên tài liệu Tên Ngày Lý thay đổi Phiên Giới thiệu 1.1Mục đích - Tài liệu thiết kế phần mềm mô tả thiết kế kiến trúc chi tiết của phiên 1.0 Đây tài liệu cần thiết cho lập trình viên dựa vào thiết. .. thành hệ thống thiết kế, kết hợp lưu đồ dòng liệu, sơ đồ phân rã cấu trúc, đặt tả giao diện • Thiết kế liệu: mô tả cấu trúc liệu, giải thích thực thể sử dụng liệu, kiểu liệu, giới hạn liệu, phương... rã 3.3 Cơ sở thiết kế Thiết kế liệu Mô tả liệu - Dữ liệu hệ thống lưu trữ server hệ thống dạng bảng hệ sở liệu MySQL lưu trữ trực tiếp server - Các liệu dạng text lưu trữ bảng sở liệu - hình ảnh,