Thiết kế chi tiết

DỰ ÁN

XÂY DỰNG CMS QUẢN TRỊ CHO WEBSITE VBI

TÀI LIỆU THIẾT KẾ QUY TRÌNH CMS

==========================================

PHIÊN BẢN :

HÀ NỘI - <2022>

VBI 1
Thiết kế chi tiết

MỤC LỤC
I. GIỚI THIỆU CHUNG.........................................................................................
I.1. Giới thiệu...................................................................................................................... 4
I.2. Mục đích........................................................................................................................ 4
I.3. Phạm vi.......................................................................................................................... 4
I.4. Tham chiếu...................................................................................................................4
I.5. Các khái niệm, thuật ngữ và viết tắt...........................................................................4
II. QUY TRÌNH TÁI TỤC........................................................................................
II.1. Quy trình tái tục...........................................................................................................5
1. Mô tả quy trình.......................................................................................................................5
2. Đối tượng tham gia.................................................................................................................5
3. Điều kiện thực hiện.................................................................................................................6
4. Quy trình xử lý........................................................................................................................6
4.1. Sơ đồ......................................................................................................................................6
4.2. Quy tắc nghiệp vụ..................................................................................................................6
5. Trường hợp đặc biệt cần chú ý..............................................................................................9
III. QUẢN LÝ HỢP ĐỒNG KHAI THÁC NGHIỆP VỤ XE CƠ GIỚI................
III.1. Mô tả chức năng...................................................................................................9
III.2. Điều kiện đầu vào.................................................................................................9
1. Điều kiện tác nhân..................................................................................................................9
2. Điều kiện nghiệp vụ................................................................................................................9
III.3. Tác động dữ liệu...................................................................................................9
III.4. Sơ đồ hoạt động..................................................................................................10
1. Tải dữ liệu Hợp đồng khai thác...........................................................................................10
1.1. Sơ đồ....................................................................................................................................10
1.2. Mô tả hoạt động...................................................................................................................10
1.3. Diễn biến chính....................................................................................................................11
1.4. Kết quả.................................................................................................................................11
2. Truy vấn Hợp đồng khai thác.............................................................................................12
2.1. Sơ đồ....................................................................................................................................12
2.2. Mô tả hoạt động...................................................................................................................12
2.3. Diễn biến chính....................................................................................................................13
2.4. Kết quả.................................................................................................................................13
3. Chuyển Hợp đồng khai thác sang Portal...........................................................................13
4. Hiển thị chi tiết Đơn khai thác............................................................................................13

VBI 2
Thiết kế chi tiết

5. Thêm mới Hợp đồng khai thác............................................................................................13

6. Sửa Hợp đồng khai thác.......................................................................................................13
7. Xóa Hợp đồng khai thác......................................................................................................13
IV. PHỤ LỤC............................................................................................................
1. Quy tắc sinh mã Chào phí....................................................................................................13
2. Quy tắc sinh mã Hợp đồng..................................................................................................13
3. Quy tắc sinh mã Khách hàng..............................................................................................13

VBI 3
Thiết kế chi tiết

I. KIỂM SOÁT PHIÊN BẢN

I.1. Lịch thay đổi

Phiên Thực Đánh

Ngày Tóm tắt thay đổi
bản hiện giá

0.1 28/03/2022 HaoNTT Khởi tạo tài liệu

I.2. Ma trận trách nhiệm

- * : Ủy quyền (Authorize), là người có thẩm quyền ký phê duyệt mọi thay đổi của tài liệu.
- R : Chịu trách nhiệm (Responsible), là người chịu trách nhiệm tạo ra tài liệu này.
- A : Trách nhiệm giải trình, là người chịu trách nhiệm về tính chính xác của tài liệu này (ví
dụ như Quản lý dự án).
- S : Hỗ trợ (Supports), là người cung cấp các dịch vụ hỗ trợ xây dựng tài liệu này.
- C : Tư vấn (Consulted), là người cung cấp đầu vào.
- I : Được thông báo, là người phải được thông báo về bất kỳ thay đổi nào.

Họ tên Vị trị * R A S C I

HaoNTT BA x

II. GIỚI THIỆU CHUNG

II.1. Giới thiệu

- CMS (viết tắt của Content Management System) là hệ quản trị nội dung của trang Web, có
chức năng điều khiển tất cả hoạt động về nội dung, thông tin của Website

II.2. Mục đích

- Nhằm Giúp doanh nghiệp quản trị Website 1 cách hiệu quả
- Bảo trì, nâng cấp Website thuận tiện, nhanh chóng

VBI 4
Thiết kế chi tiết

- Giao diện đa dạng

II.3. Tham chiếu

- Các tài liệu thiết kế hệ thống gồm:

+ TaiTuc-ThietKeChiTiet.docx
+ TaiTuc-ThietKeCSDL.docx

II.4. Các khái niệm, thuật ngữ và viết tắt

Bảng danh mục mô tả các khái niệm, thuật ngữ, từ viết tắt dùng trong tài liệu

TT Thuật ngữ Mô tả

1 CSDL Cơ sở dữ liệu

III. DANH SÁCH CHỨC NĂNG

Liệt kê danh sách chức năng, mô tả ngắn gọn. Có thể nhóm các loại chức năng vào từng khối.

TT TÊN CHỨC NĂNG MÔ TẢ

1 Quản lý phân cấp trang -

2 Quản lý bài viết -

3 Quản lý media -

4 Quản lý dịch vụ -

5 Quản lý tư vấn viên -

6 Hỗ trợ -

7 Quản lý sản phẩm -

8 Marketing -

VBI 5
Thiết kế chi tiết

9 Quản lý khách hàng -

10 Báo cáo -

11 Setting -

12 Dashboard -

IV. THIẾT KẾ CHI TIẾT

IV.1. Quản lý bài viết

1. Quản lý tag

1.1. Mô tả chức năng

- Chức năng hỗ trợ người quản trị thêm mới/sửa/xóa thẻ tag (các chủ đề, các nội dung nhất
định) vào các bài viết.

1.2. Điều kiện đầu vào

1.2.1 Điều kiện tác nhân

- Người dùng đăng nhập hệ thống CMS thành công.

- Người dùng được phân quyền thêm mới tag.
- Người dùng được phân quyền quản trị hệ thống

1.2.2 Điều kiện nghiệp vụ

1.3. Giao diện

1.3.1 Danh sách giao diện

TT Mã giao diện Tên giao diện Diễn giải

1. TagList Giao diện danh sách tag Giao diện này được sử dụng
để:

- Hiển thị thông tin

danh sách tag.
- Hiển thị kết quả tìm
kiếm tag

Điều hướng các hoạt động

tiếp theo của người dùng:

VBI 6
Thiết kế chi tiết

Xem/Sửa/Xóa.

2. Giao diện thêm mới thẻ tag Giao diện này được sử dụng
để:

- Thêm mới các thông

AddTag
tin thẻ tag.
- Hiển thị thông tin khi
cần xem chi tiết.

1.3.2 Giao diện danh sách (TagList)

a. Giao diện

b. Mô tả điều khiển

TT Điều khiển Mô tả

1. TextBox Tìm kiếm - Id: TagList_txtSearch

- Cho phép tìm kiếm theo các trường:
+, Tên thẻ tag.

2. ComboBox Trạng thái - Id: TagList_cbbStatus

- Cho phép tìm kiếm theo các trạng thái:
+, Tất cả
+, Hoạt động.
+, Không hoạt động.

VBI 7
Thiết kế chi tiết

3. Button Thêm mới - Id: TagList_btnAddNew

- Sự kiện Click Button Thêm mới để thực hiện thêm
mới thông tin thẻ tag: Tên thẻ, Chuỗi URL, Mô tả, Trạng
thái.

4. Button Xóa - Id: TagList_btnDelete

- Click Button Xóa để thực hiện xóa các bản ghi.

5. Grid thông tin Danh sách - Các trường hiển thị lên giao diện bao gồm:
thẻ tag
Cột Định dạng

- Id: TagList_colCheck
Check
- Căn giữa. Dạng icon ô check

- Id: TagList_colSTT
STT - Căn giữa. Hiển thị dạng số lần lượt từ
1…n

Tên thẻ - Id: TagList_colTagName

tag - Căn giữa. Dạng text

Trạng - Id: TagList_colStatus

thái - Căn giữa.

- Id: TagList_colAction
- Icon ,
- Sự kiện click chuột vào icon => Hiển
Hành
thị form thông tin chi tiết thẻ tag để người
động
dùng thực hiện chỉnh sửa.
- Sự kiện click chuột vào icon => Xóa
thông tin thẻ tag.

- Tổng số bản ghi: Hiển thị tổng số bản ghi có trên Grid
theo điều kiện tìm kiếm.
- Phân trang: Trang đầu, trang trước, trang sau, trang
cuối.
- Combobox hiển thị số lượng bản ghi trên Grid:

+ Giá trị gồm: 5, 10, 25, 50, 100, 250, 500.

+ Giá trị mặc định: 10.

VBI 8
Thiết kế chi tiết

1.3.3 Giao diện thêm mới thẻ tag (AddTag)

a. Giao diện

b. Mô tả điều khiển

TT Điều khiển Mô tả Bắt buộc Kiểu

1. Tên thẻ tag - Gồm label và text input X TextBox

+, Label “Tên thẻ tag”
+, Text input: cho phép nhập ký tự chữ, ký
tự số, ký tự đặc biệt, có chứa dấu cách.
- Maxlengh: 500 kí tự
- Sự kiện hover chuột vào => hiển thị
tooltip “Tên thẻ sẽ hiển thị trên mỗi bài
viết, website”
- Nếu quản trị hệ thống không nhập thông
tin thẻ tag, hiển thị thông báo “Tên thẻ tag
không được để trống”.

2. Chuỗi URL - Gồm label và text input: X TextBox

+, Label “Chuỗi URL”
+, Text input: nhập link URL.
+, Định dạng:
Https://www.company.com/blog/page-
name hoặc
Http://www.company.com/blog/page-

VBI 9
Thiết kế chi tiết

name
- Nếu quản trị hệ thống không nhập thông
tin thẻ tag, hiển thị thông báo “Chuỗi URL
không được để trống”.

3. TextBox Mô - Gồm label và text input: TextBox

tả +, Label “Mô tả”
+, Text input: nhập mô tả cho thẻ tag. Cho
phép nhập ký tự chữ, ký tự số, ký tự đặc
biệt, có chứa dấu cách.
- Maxlengh: 500 kí tự
- Sự kiện hover chuột vào => hiển thị
tooltip “Hiển thị khi bạn di chuột qua thẻ
tag”.

4. CheckBox - Gồm: X Checkbox

Trạng thái +, Label “Trạng thái”
+, Value: Hoạt động/ Không Hoạt động
+, Giá trị mặc định: Hoạt động

5. Button Lưu - Sự kiện click chuột vào button Lưu => hệ Button
thống thực hiện lưu thông tin thẻ tag vừa
thêm mới.
- Hiển thị thông báo “Thêm dữ liệu thành
công”

6. Button Hủy - Sự kiện click chuột vào button Hủy => hệ Button
thống không lưu thông tin thẻ tag vừa nhập
và thực hiện đóng form thêm mới thẻ tag.

1.4. Tác động dữ liệu

- Chức năng có tác động dữ liệu lên các bảng sau:

TT Tên bảng S I U D

1. BH_XEHDCP X X X X

2. BH_XEHDCP_DSNV X X X X

3. BH_XEHDCP_LAN X X X X

VBI 1
Thiết kế chi tiết

1.5. Điều hướng trang

1.6. Sơ đồ hoạt động

1.6.1 Tải dữ liệu Danh sách tag

a. Sơ đồ

b. Mô tả hoạt động

TT Hành động Mô tả

1. Click mở chức năng - Click mở Quản lý tag

2. Tải dữ liệu - Hiển thị danh sách bản ghi

3. Hiển thị trang danh sách - Tải dữ liệu thành công: Hiển thị trang danh sách bản
bản ghi ghi.

4. Hiển thị trang lỗi - Tải dữ liệu thất bại: Hiển thị trang báo lỗi.

c. Diễn biến chính

c.1. Tải dữ liệu

TT Bước thực hiện Mô tả

1. Tải dữ liệu Lấy các bản ghi bảng ……

- Nếu thành công: Hiển thị trang danh sách bản ghi.

VBI 1
Thiết kế chi tiết

- Nếu thất bại: Hiển thị trang báo lỗi.

d. Kết quả

- Nếu thành công hiển thị danh sách các bản ghi bảng….(Có thể có hoặc không có bản ghi
nào).
- Nếu thất bại thì hiển thị trang báo lỗi.

1.6.2 Truy vấn Thẻ tag

a. Sơ đồ

b. Mô tả hoạt động

TT Hành động Mô tả

1. Nhập điều kiện tìm kiếm - Nhập điều kiện tìm kiếm vào TextBox Tìm kiếm.

2. Click Button Tìm kiếm - Click Button Tìm kiếm.

3. Tìm kiếm - Thực hiện tìm dữ liệu theo TextBox Tìm kiếm. Xem
chi tiết tại phần Diễn biến chính.

VBI 1
Thiết kế chi tiết

4. Hiển thị kết quả lên trang - Tìm kiếm thành công: Hiển thị kết quả lên trang danh
danh sách sách.

5. Hiển thị trang lỗi - Tìm kiếm thất bại: Hiển thị trang báo lỗi.

c. Diễn biến chính

c.1. Tìm kiếm nâng cao nhiều điều kiện

TT Bước thực hiện Mô tả

1. Tìm kiếm Tìm kiếm các bản ghi trong bảng và các bản ghi bảng
TAG_NAME với điều kiện tìm kiếm như sau:

- Nếu thành công: Hiển thị trang danh sách bản ghi.
- Nếu thất bại: Hiển thị trang báo lỗi.

d. Kết quả

1.6.3 Thêm mới Thẻ tag

a. Sơ đồ

b. Mô tả hoạt động

VBI 1
Thiết kế chi tiết

TT Hành động Mô tả

1. Click button Thêm mới - Click button Thêm mới

2. Nhập thông tin thêm mới - Nhập thông tin thêm mới trên form gồm:
+, Tên thẻ tag
+, Chuỗi URL
+, Mô tả
+, Trạng thái

6. Nhấn nút Lưu - Thực hiện check validate các trường thông tin nhập
vào trên form thêm mới. Xem chi tiết tại phần Diễn biến
chính.

7. Hiển thị kết quả lên trang - Lưu thông tin thành công: Hiển thị kết quả lên trang
danh sách danh sách.

8. Hiển thị trang lỗi - Lưu thông thất bại: Hiển thị thông báo lỗi.

c. Diễn biến chính

TT Bước thực hiện Mô tả

1. Nhấn nút Lưu Thực hiện check validate các trường thông tin theo điều kiện
như sau:

- Các trường thông tin có dấu * là trường bắt buộc

nhập.
- Nhập ký tự theo đúng Maxlengh.
- Nếu thành công: Hiển thị vào trang danh sách bản
ghi.
- Nếu thất bại: Hiển thị thông báo lỗi.

d. Kết quả

1.6.4 Sửa Thông tin thẻ tag

a. Sơ đồ

VBI 1
Thiết kế chi tiết

b. Mô tả hoạt động

TT Hành động Mô tả

1. Click button Sửa - Click button Sửa

2. Nhập thông tin chỉnh sửa - Nhập thông tin chỉnh sửa trên form gồm:
+, Tên thẻ tag
+, Chuỗi URL
+, Mô tả
+, Trạng thái

3. Nhấn nút Lưu - Thực hiện check validate các trường thông tin nhập
vào trên form thêm mới. Xem chi tiết tại phần Diễn biến
chính.

4. Lưu thông tin chỉnh sửa và - Chỉnh sửa thông tin thành công: Lưu thông tin chỉnh
Hiển thị kết quả lên trang sửa và Hiển thị kết quả lên trang danh sách.
danh sách

5. Hiển thị thông báo lỗi - Chỉnh sửa thông tin thất bại: Hiển thị thông báo lỗi.

c. Diễn biến chính

VBI 1
Thiết kế chi tiết

TT Bước thực hiện Mô tả

1. Nhập thông tin chỉnh sửa Thực hiện nhập các trường thông tin có trên form với điều
kiện:

- Các trường thông tin có dấu * là trường bắt buộc

nhập.
- Nhập ký tự theo đúng Maxlengh.

2. Nhấn nút Lưu Thực hiện check validate các trường thông tin theo điều kiện
như sau:

- Nếu thành công: Lưu thông tin chỉnh sửa và Hiển thị
kết quả lên trang danh sách.
- Nếu thất bại: Hiển thị thông báo lỗi.

d. Kết quả

1.6.5 Xóa Thẻ tag

a. Sơ đồ

VBI 1
Thiết kế chi tiết

b. Mô tả hoạt động

TT Hành động Mô tả

1. Click Xóa - Click Xóa

2. Xóa bản ghi khỏi danh - Xóa bản ghi thành công: Bản ghi được xóa khỏi Danh
sách sách hiển thị.

3 Hiển thị thông báo lỗi - Xóa bản ghi thất bại: Hiển thị thông báo lỗi.

c. Diễn biến chính

TT Bước thực hiện Mô tả

1. Click Xóa Thực hiện xóa bản ghi theo điều kiện sau:
- Xóa bản ghi thành công: bản ghi xóa khỏi danh sách
hiển thị
- Xóa bản ghi thất bại: hiển thị thôn báo lỗi

d. Kết quả

2. Quản lý banner

2.1. Mô tả chức năng

2.2. Điều kiện đầu vào

2.2.1 Điều kiện tác nhân

2.2.2 Điều kiện nghiệp vụ

2.3. Giao diện

2.3.1 Danh sách giao diện

2.3.2 Giao diện danh sách banner (BannerList)

a. Giao diện

b. Mô tả điều khiển

VBI 1
Thiết kế chi tiết

V. PHỤ LỤC

1. Quy tắc sinh mã Chào phí

- Mã chào phí = Mã đơn vị.mã phòng/ban.CP.mã nghiệp vụ.năm hiện tại (2 số cuối của
năm).6 số sinh theo thứ tự (từ 00000)

2. Quy tắc sinh mã Hợp đồng

- Mã hợp đồng = Mã đơn vị.mã phòng/ban.CP.mã nghiệp vụ.năm hiện tại (2 số cuối của
năm).6 số sinh theo thứ tự (từ 000001)

3. Quy tắc sinh mã Khách hàng

- Mã khách hàng = Mã đơn vị.

VBI 1