XÂY DỰNG WEBSITE QUẢNG bá THƯƠNG HIỆU nước mắm PHÚ QUỐC

DỰ ÁN: XÂY DỰNG WEBSITE QUẢNG BÁ THƯƠNG HIỆU NƯỚC MẮM PHÚ QUỐC Software Design Description Version 1.0.0 - - 2016 Người phụ trách: Nguyễn Tuấn Anh Theo dõi lịch sử cập nhật Ngày thay đổi Phiên Mô tả Tác giả Ghi Danh sách tiêu đề hình ảnh Số bảng Tên bảng Mục Lục Giới thiệu - 5- 1.1 Mục tiêu - - 1.2 Phạm vi - - 1.3 Chú giải - - Phương án triển khai -6- Thiết kế kiến trúc phần mềm -7a Các module tương tác -7- a Sơ đồ phân rã chức -8 - b Sơ đồ dòng liệu mức đỉnh -9- Thiết kế liệu -9- Thiết kế giao diện -14a Giao diện Website -14- b Form đăng nhập -15 - c Form giao diện -15- d Form quản lý quyền .-16- e Form thêm quyền -16- f Form quản lý tài khoản -17- g Form thêm tài khoản .-18- h Form quản lý slide .-18- j Form thêm slide -19- j Form quản lý loại sản phẩm -20- k Form thêm loại sản phẩm .-20- l Form quản lý sản phẩm -21- m Form thêm sản phẩm .-22- Giới thiệu 1.1 Mục tiêu tài liệu Tài liệu thiết kế chi tiết hệ thống mô tả cách xây dựng hệ thống Nó đưa yêu cầu chức (cái mà hệ thống làm), cách vận hành (cách vận hành hệ thống) chuyển đổi chúng sang mô tả phần mềm phần cứng, xây dựng xem xét ràng buộc ( yêu cầu quy định an toàn, đặc tả giao diện, yêu cầu ràng buộc khác) Nhìn chung, mục đích tài liệu để: - Cung cấp mô tả tài liệu hóa thiết kế hệ thống mà xem xét lại chấp thuận bên liên quan suốt trình xem xét lại thiết kế quan trọng - Cung cấp mô tả hệ thống đủ chi tiết để chuẩn bị xây dựng phận cấu thành hệ thống - Cung cấp mô tả thành phần phần cứng phần mềm hệ thống cách chi tiết để bảo trì nâng cấp chúng Tài liệu chứa mô tả thiết kế đề cập đến chi tiết kỹ thuật thiết kế khác cần thiết Ở khía cạnh này, điểm mấu chốt để xác định tất thông số kỹ thuật thiết kế Khi mô tả thiết kế kết phân tích xác định hoạt động xác minh cho hệ thống, phần mô tả phải đề cập đến có liên quan yêu cầu Id chúng liên quan đến kế hoạch xác minh Báo cáo thẩm tra (phần sử dụng "Tham khảo") 1.2 Phạm vi Hệ thống website gồm hai phần là: website phía người dùng website phía quản trị Phần người dùng sử dụng kiến trúc client-server chuẩn với sở liệu máy chủ Phần quản lý kiến trúc lưu trữ sử dụng sở liệu Hệ thống không giao tiếp với hệ thống bên Tài liệu sở giao tiếp thành viên phát triển, để kiểm thử, vận hành bảo trì hệ thống… 1.3 Chú giải Thuật ngữ Định nghĩa Giải thích Client-server Mô hình khách- Mô hình client-server mô chủ hình tiếng mạng máy tính, áp dụng rộng rãi mô hình trang web có Ý tưởng mô hình máy (đóng vài trò máy khách) gửi yêu cầu (request) để máy chủ (đóng vai trò người cung ứng dịch vụ), máy chủ xử lý trả kết cho máy khách CSDL Cơ sở liệu Là tập hợp liên kết liệu, thường đủ lớn để lưu thiết bị lưu trữ đĩa hay băng Dữ liệu trì dạng tập hợp tập tin hệ điều hành hay lưu trữ hệ quản trị sở liệu PK Primary key Khóa bảng CSDL UK Unique key Khóa FK Foreign key Khóa ngoại NN Not Null Không để trống Phương án triển khai Sơ đồ triển khai: Hình Sơ đồ triển khai Khách hàng truy cập vào máy chủ website bán hàng thông qua web browser nhờ mạng internet Sau kết nối đến máy chủ, khách hàng thao tác với giao diện website lựa chọn thao tác phù hợp với nhu cầu, ví dụ tìm kiếm sản phẩm, tra cứu sản phẩm,… Sau yêu cầu khách hàng gửi từ máy chủ phận quản trị website thông qua mạng nội intranet Bộ phận quản trị website phân tích yêu cầu khách hàng tìm đến hệ quản trị sở liệu để lấy liệu tương ứng cho yêu cầu Nếu tìm thấy liệu thích hợp hệ quản trị gửi lại liệu cho phận quản trị website qua intranet, tiêp phận gửi lại liệu xử lý theo yêu cầu khách hàng đến máy chủ hiển thị cho người dùng xem web browser Thiết kế cấu trúc a.Các module tương tác b Sơ đồ phân rã chức năng: Hình Biểu đồ phân rã chức c.Sơ đồ mức đỉnh: Hình Sơ đồ mức đỉnh Thiết kế liệu Cấu trúc sở liệu hệ thống: a Bảng liên hệ STT Tên cột Kiểu liệu Ràng buộc PK Ý nghĩa id int(10) Id liên hệ ho_ten varchar(50) Họ tên dien_thoai varchar(11) Điện thoại email varchar(50) Email b Bảng slide STT Tên cột Kiểu liệu Ràng buộc Ý nghĩa id int(11) PK Id slide tieu_de varchar(200) UK, NN Tiêu đề hinh_anh varchar(200) Link ảnh trang_thai Tinyint(1) Trạng thái thu_tu int(11) Thứ tự c Bảng quyền STT Tên cột Kiểu liệu id int(10) Ràng buộc PK Ý nghĩa Id quyền ten_quyen varchar(50) trang_thai tinyint(1) UK, NN Tên quyền Trạng thái d Bảng tài khoản STT Tên cột Kiểu liệu Ràng buộc Ý nghĩa id int(10) PK Id tài khoản tai_khoan varchar(50) UK, NN Tài khoản mat_khau varchar(50) NN Mật ho_ten varchar(50) NN Họ tên ngay_tao timestamp dia_chi varchar(200) NN Địa dien_thoai varchar(11) NN Điện thoại email varchar(100) Email ngay_sinh varchar(50) Ngày sinh 11 id_quyen int(10) Ngày tạo FK Id quyền e Bảng loại sản phẩm STT Tên cột Kiểu liệu Ràng buộc Ý nghĩa id int(10) PK Id loại sản phẩm ten_loai varchar(100) UK, NN Tên loại 10 trang_thai tinyint(4) id_loai_san _pham_cha int(10) Trạng thái FK Id loại sản phẩm cha f Bảng sản phẩm STT Tên cột Kiểu liệu Ràng buộc id int(10) PK ten_san_pham gia int(10) Giá gia_khuyen_mai int(10) Giá khuyến mại tinh_trang tinyint(1) Tình trạng hinh_anh varchar(2 00) Hình ảnh so_luong int(5) Số lượng thong_tin text Thông tin ngay_nhap timestamp Ngày nhập 10 thu_tu tinyint(2) Thứ tự 11 id_loai_san_pham int(10) varchar(200) UK, NN FK Ý nghĩa Id sản phẩm Tên sản phẩm Id loại sản phẩm g Bảng đơn đặt hàng 11 STT Tên cột Kiểu liệu Ràng buộc Ý nghĩa Id int(10) PK Id đơn đặt hàng ngay_dat timestamp trang_thai int(1) NN Trạng thái id_khach_hang int(10) FK Id khách hàng Ngày đặt h Bảng chi tiết đơn đặt hàng STT Tên cột Kiểu liệu Ràng buộc Ý nghĩa id int(10) PK Id chi tiết đơn đặt hàng so_luong int(5) NN Số lượng don_gia int(10) NN Đơn giá thanh_tien int(10) id_don_dat _hang int(10) FK Id đơn đặt hàng id_san_pham int(10) FK Id sản phẩm Thành tiền g.Bảng video STT Tên cột Kiểu liệu Ràng buộc Ý nghĩa id int(10) pk id video ten_video nvarchar(100) nn Tên video 12 link varchar(200) nn Đường link dẫn tới video trang_thai nn Trạng thái ngay_dang int(1) timestampadd Ngày đăng video Thiết kế giao diện a Giao diện Website 13 b Form đăng nhập 14 Trên giao diện đăng nhập người dùng nhập thông tin đăng nhập vào form để đăng nhập vào hộ thống c Giao diện làm việc Sau đăng nhập thành công,người dùng đăng nhập vào hệ thống chờ hình giao diện chính.Người dùng thao tác công việc hình d Giao diện quản lý quyền 15 Trên giao diện quản lý quyền có chức hiển thị danh sách quyền, thêm quyền mới, tìm kiếm quyền, sửa quyền, xóa quyền Chức hiển thị danh sách cho phép hiển thị tất thông tin quyền có bảng quyền Chức thêm quyền: ta nhấn nút thêm quyền website chuyển sang trang thêm quyền đưa ô text để người quản trị nhập liệu cho trường bảng quyền, sau nhấn nút thêm để thêm ghi vào bảng quyền e Giao diện thêm quyền: Tương tự, với dòng liệu bảng quyền có chức sửa xóa Khi nhấn chọn sửa quyền, giao diện sửa quyền gọi thông tin tương ứng với dòng liệu chèn tương ứng với ô form trang sửa Sau sửa ta lại chọn nút lưu để lưu lại việc sửa đổi liệu Còn ấn vào nút xóa, thông báo hiển thị để xác nhận việc xóa đó, chọn OK xóa liệu dòng đó, chọn Cancel việc xóa dòng bị hủy bỏ Chức tìm kiếm tìm kiếm quyền theo phần text gõ ô tìm kiếm Kết tìm kiếm hiển thị lưới liệu bên 16 f Giao diện quản lý tài khoản Trên giao diện quản lý tài khoản có chức hiển thị danh sách tài khoản, thêm tài khoản mới, sửa tài khoản, xóa tài khoản Chức hiển thị danh sách cho phép hiển thị tất thông tin tài khoản có bảng tài khoản Chức thêm tài khoản: ta nhấn nút thêm tài khoản website chuyển sang trang thêm tài khoản đưa ô text để người quản trị nhập liệu cho trường bảng tài khoản, sau nhấn nút thêm để thêm ghi vào bảng tài khoản g Giao diện thêm tài khoản: 17 Tương tự, với dòng liệu bảng tài khoản có chức sửa xóa Khi nhấn chọn sửa tài khoản, giao diện sửa tài khoản gọi thông tin tương ứng với dòng liệu chèn tương ứng với ô form trang sửa Sau sửa ta lại chọn nút lưu để lưu lại việc sửa đổi liệu Còn ấn vào nút xóa, thông báo hiển thị để xác nhận việc xóa đó, chọn OK xóa liệu dòng đó, chọn Cancel việc xóa dòng bị hủy bỏ h Giao diện quản lý slide Trên giao diện quản lý slide có chức hiển thị danh sách slide, thêm slide mới, sửa slide, xóa slide, tìm kiếm slide Chức hiển thị danh sách cho phép hiển thị tất thông tin slide có bảng slide 18 Chức thêm slide: ta nhấn nút thêm slide website chuyển sang trang thêm slide đưa ô text để người quản trị nhập liệu cho trường bảng slide, sau nhấn nút thêm để thêm ghi vào bảng slide i Giao diện thêm slide: Tương tự, với dòng liệu bảng slide có chức sửa xóa Khi nhấn chọn sửa slide, giao diện sửa slide gọi thông tin tương ứng với dòng liệu chèn tương ứng với ô form trang sửa Sau sửa ta lại chọn nút lưu để lưu lại việc sửa đổi liệu Còn ấn vào nút xóa, thông báo hiển thị để xác nhận việc xóa đó, chọn OK xóa liệu dòng đó, chọn Cancel việc xóa dòng bị hủy bỏ Chức tìm kiếm tìm kiếm slide theo phần text gõ ô tìm kiếm Kết tìm kiếm hiển thị lưới liệu bên j Giao diện quản lý loại sản phẩm 19 Trên giao diện quản lý loại sản phẩm có chức hiển thị danh sách loại sản phẩm, thêm loại sản phẩm mới, sửa loại sản phẩm, xóa loại sản phẩm, tìm kiếm loại sản phẩm Chức hiển thị danh sách cho phép hiển thị tất thông tin loại sản phẩm có bảng loại sản phẩm Chức thêm loại sản phẩm: ta nhấn nút thêm loại sản phẩm website chuyển sang trang thêm loại sản phẩm đưa ô text để người quản trị nhập liệu cho trường bảng loại sản phẩm, sau nhấn nút thêm để thêm ghi vào bảng loại sản phẩm k Giao diện thêm loại sản phẩm: Tương tự, với dòng liệu bảng loại sản phẩm có chức sửa xóa Khi nhấn chọn sửa loại sản phẩm, giao diện sửa loại sản phẩm gọi thông tin tương ứng với dòng liệu chèn tương ứng với ô form trang sửa Sau sửa ta lại chọn nút lưu để lưu lại việc sửa đổi liệu Còn ấn vào nút xóa, thông báo hiển thị để xác nhận việc xóa 20 đó, chọn OK xóa liệu dòng đó, chọn Cancel việc xóa dòng bị hủy bỏ Chức tìm kiếm tìm kiếm loại sản phẩm theo phần text gõ ô tìm kiếm Kết tìm kiếm hiển thị lưới liệu bên l Giao diện quản lý sản phẩm Trên giao diện quản lý sản phẩm có chức hiển thị danh sách sản phẩm, thêm sản phẩm mới, sửa sản phẩm, xóa sản phẩm, tìm kiếm sản phẩm Chức hiển thị danh sách cho phép hiển thị tất thông tin sản phẩm có bảng sản phẩm Chức thêm sản phẩm: ta nhấn nút thêm sản phẩm website chuyển sang trang thêm sản phẩm đưa ô text để người quản trị nhập liệu cho trường bảng sản phẩm, sau nhấn nút thêm để thêm ghi vào bảng sản phẩm m Giao diện thêm sản phẩm: 21 Tương tự, với dòng liệu bảng sản phẩm có chức sửa xóa Khi nhấn chọn sửa sản phẩm, giao diện sửa sản phẩm gọi thông tin tương ứng với dòng liệu chèn tương ứng với ô form trang sửa Sau sửa ta lại chọn nút lưu để lưu lại việc sửa đổi liệu Còn ấn vào nút xóa, thông báo hiển thị để xác nhận việc xóa đó, chọn OK xóa liệu dòng đó, chọn Cancel việc xóa dòng bị hủy bỏ Chức tìm kiếm tìm kiếm sản phẩm theo phần text gõ ô tìm kiếm Kết tìm kiếm hiển thị lưới liệu bên 22 [...]... 2 ten_video nvarchar(100) nn Tên video 12 3 link varchar(200) nn Đường link dẫn tới video 4 trang_thai nn Trạng thái 5 ngay_dang int(1) timestampadd Ngày đăng video 5 Thiết kế về giao diện a Giao diện Website 13 b Form đăng nhập 14 Trên giao diện đăng nhập người dùng nhập thông tin đăng nhập vào form để đăng nhập vào hộ thống c Giao diện làm việc chính Sau khi đăng nhập thành công,người dùng sẽ đăng... quyền, thêm quyền mới, tìm kiếm quyền, sửa quyền, xóa quyền Chức năng hiển thị danh sách cho phép hiển thị tất cả thông tin về các quyền có trong bảng quyền Chức năng thêm quyền: khi ta nhấn nút thêm quyền website sẽ chuyển sang trang thêm quyền và đưa ra các ô text để người quản trị nhập dữ liệu cho các trường của bảng quyền, sau đó nhấn nút thêm để thêm bản ghi mới vào bảng quyền e Giao diện thêm quyền:... và các thông tin tương ứng với dòng dữ liệu đó sẽ được chèn tương ứng với các ô trên form của trang sửa Sau khi sửa ta lại chọn nút lưu để lưu lại việc sửa đổi dữ liệu Còn nếu ấn vào nút xóa, một thông báo sẽ được hiển thị để xác nhận việc xóa đó, nếu chọn OK thì sẽ xóa dữ liệu dòng đó, nếu chọn Cancel thì việc xóa dòng đó sẽ bị hủy bỏ Chức năng tìm kiếm sẽ tìm kiếm quyền theo phần text gõ trên ô tìm... khoản mới, sửa tài khoản, xóa tài khoản Chức năng hiển thị danh sách cho phép hiển thị tất cả thông tin về các tài khoản có trong bảng tài khoản Chức năng thêm tài khoản: khi ta nhấn nút thêm tài khoản website sẽ chuyển sang trang thêm tài khoản và đưa ra các ô text để người quản trị nhập dữ liệu cho các trường của bảng tài khoản, sau đó nhấn nút thêm để thêm bản ghi mới vào bảng tài khoản g Giao diện... và các thông tin tương ứng với dòng dữ liệu đó sẽ được chèn tương ứng với các ô trên form của trang sửa Sau khi sửa ta lại chọn nút lưu để lưu lại việc sửa đổi dữ liệu Còn nếu ấn vào nút xóa, một thông báo sẽ được hiển thị để xác nhận việc xóa đó, nếu chọn OK thì sẽ xóa dữ liệu dòng đó, nếu chọn Cancel thì việc xóa dòng đó sẽ bị hủy bỏ h Giao diện quản lý slide Trên giao diện quản lý slide có các chức... thêm slide mới, sửa slide, xóa slide, tìm kiếm slide Chức năng hiển thị danh sách cho phép hiển thị tất cả thông tin về các slide có trong bảng slide 18 Chức năng thêm slide: khi ta nhấn nút thêm slide website sẽ chuyển sang trang thêm slide và đưa ra các ô text để người quản trị nhập dữ liệu cho các trường của bảng slide, sau đó nhấn nút thêm để thêm bản ghi mới vào bảng slide i Giao diện thêm slide:... và các thông tin tương ứng với dòng dữ liệu đó sẽ được chèn tương ứng với các ô trên form của trang sửa Sau khi sửa ta lại chọn nút lưu để lưu lại việc sửa đổi dữ liệu Còn nếu ấn vào nút xóa, một thông báo sẽ được hiển thị để xác nhận việc xóa đó, nếu chọn OK thì sẽ xóa dữ liệu dòng đó, nếu chọn Cancel thì việc xóa dòng đó sẽ bị hủy bỏ Chức năng tìm kiếm sẽ tìm kiếm slide theo phần text gõ trên ô tìm... tìm kiếm loại sản phẩm Chức năng hiển thị danh sách cho phép hiển thị tất cả thông tin về các loại sản phẩm có trong bảng loại sản phẩm Chức năng thêm loại sản phẩm: khi ta nhấn nút thêm loại sản phẩm website sẽ chuyển sang trang thêm loại sản phẩm và đưa ra các ô text để người quản trị nhập dữ liệu cho các trường của bảng loại sản phẩm, sau đó nhấn nút thêm để thêm bản ghi mới vào bảng loại sản phẩm... và các thông tin tương ứng với dòng dữ liệu đó sẽ được chèn tương ứng với các ô trên form của trang sửa Sau khi sửa ta lại chọn nút lưu để lưu lại việc sửa đổi dữ liệu Còn nếu ấn vào nút xóa, một thông báo sẽ được hiển thị để xác nhận việc xóa 20 đó, nếu chọn OK thì sẽ xóa dữ liệu dòng đó, nếu chọn Cancel thì việc xóa dòng đó sẽ bị hủy bỏ Chức năng tìm kiếm sẽ tìm kiếm loại sản phẩm theo phần text gõ... sản phẩm, xóa sản phẩm, tìm kiếm sản phẩm Chức năng hiển thị danh sách cho phép hiển thị tất cả thông tin về các sản phẩm có trong bảng sản phẩm Chức năng thêm sản phẩm: khi ta nhấn nút thêm sản phẩm website sẽ chuyển sang trang thêm sản phẩm và đưa ra các ô text để người quản trị nhập dữ liệu cho các trường của bảng sản phẩm, sau đó nhấn nút thêm để thêm bản ghi mới vào bảng sản phẩm m Giao diện thêm