BÀI TẬP MÔN HỌC PHÁT TRIỂN PHẦN MỀM ỨNG DỤNG ĐỀ TÀI XÂY DỰNG ỨNG DỤNG WEB TẠO VÀ QUẢN LÝ LANDINGPAGE

HỌC VIỆN KỸ THUẬT MẬT MÃ

KHOA CÔNG NGHỆ THÔNG TIN

BÀI TẬP MÔN HỌC

PHÁT TRIỂN PHẦN MỀM
ỨNG DỤNG
ĐỀ TÀI:
XÂY DỰNG ỨNG DỤNG
WEB TẠO VÀ QUẢN LÝ LANDINGPAGE
Sinh viên thực hiện:

Giảng viên hướng dẫn:

DƯƠNG QUANG HUY AT150323
VŨ NHƯ QUANG AT150344
NGUYỄN VIỆT HOÀNG AT150319
Nhóm 27
ThS. BÙI THỊ NHƯ

Hà Nội, 12-2021



LỜI NÓI ĐẦU

Ngày nay, với sự xuất của mạng xã hội đã kéo theo sự hình thành của phương pháp
kinh doanh online. Khi lượng người dùng mạng xã hội tăng thì hình thức kinh doanh này càng
phát triển và số lượng người tham gia kinh doanh online cũng ngày càng đơng. Do đó việc kinh
doanh online càng trở nên khắc nghiệt địi hỏi người kinh doanh phải có một hệ thống đủ tốt để

vừa kiếm được lợi nhuận vừa có thể phát triển thương hiệu
Nhận thức được nhu cầu xây dựng mơ hình kinh doanh và phát triển thương hiệu này,
nhóm em đã phát triển sản phẩm ladibook giúp cho những người muốn tạo, sử dụng landing
page trong giai đoạn thu hút và lọc khách hàng của hệ thống kinh doanh giúp chủ doanh nghiệp
có thể chọn đúng tập khách hàng mục tiêu để chăm sóc từ đó gia tăng hiệu quả kinh doanh cũng
như thương hiệu
Trong đề tài này, chúng em đã tạo được một ứng dụng web cho người dùng có thể chọn
và tự do tuỳ chỉnh các mẫu landing page có sẵn và đem đi thu hút khách hàng. Mỗi lần khách
hàng truy cập đường link landingpage hoặc quan tâm đến sản phẩm thì hệ thống sẽ ghi nhận
thông tin khách hàng rồi thống kê lại các yêu cầu cho chủ doanh nghiệp. Khi đã có một lượng
khách quan tâm thì chủ doanh nghiệp( hoặc nhân viên được phân quyền) có thể phát hành các
chiến dịch chăm sóc, khuyến mãi,… thơng qua gmail.
Nội dung trong báo cáo này được chia làm 03 phần như sau:
Chương 1: Tổng quan về đề tài. Chương này sẽ giới thiệu công nghệ được ứng dụng và
phát triển đề tài của chúng em. Cách mà bọn em kết nối các công nghệ lại với nhau thành sản
phầm
Chương 2: Phân tích hệ thống, các use case, các luồng chính trong đề tài, các trang giao
diện và cấu trúc lưu trữ
Chương 3: Trình bày về quá trình thực nghiệm và đánh giá các kết quả thu được trong
thực nghiệm. Từ đó tìm ra hướng phát triển trong tương lai



LỜI CAM ĐOAN

Tôi là Dương Quang Huy, mã số sinh viên AT150323, sinh viên lớp AT15C, khóa
AT15. Người hướng dẫn là ThS. Bùi Thị Như. Tôi xin thay mặt, cam đoan tồn bộ nội dung
được trình bày trong đồ án Xây dựng ứng dụng tổng hợp và tóm tắt tin tức là kết quả quá trình
tìm hiểu và nghiên cứu của chúng tôi. Các dữ liệu được nêu trong đồ án là hoàn toàn trung thực,
phản ánh đúng kết quả đo đạc thực tế. Mọi thơng tin trích dẫn đều tuân thủ các quy định về sở

hữu trí tuệ; các tài liệu tham khảo được liệt kê rõ ràng. Tôi xin chịu hoàn toàn trách nhiệm với
những nội dung được viết trong báo cáo này.
Hà Nội, ngày 31 tháng 12 năm 2021
Người cam đoan

Dương Quang Huy



MỤC LỤC

DANH MỤC HÌNH VẼ ............................................................................................................. i
DANH MỤC BẢNG BIỂU ......................................................................................................ii
CHƯƠNG 1. CƠ SỞ LÝ THUYẾT ........................................................................................ 1
1.1 Tổng quan về ngôn ngữ và các công cụ hỗ trợ ............................................................. 1
1.1.1 Tổng quan về backend trong dự án: java và spring data jpa ................................... 1
1.1.2 Tổng quan về frontend trong dự án: html, css, bootstrap, javascript ...................... 1
1.1.3 Các công cụ hỗ trợ ................................................................................................... 2
1.1.4 Lưu trữ dữ liệu ......................................................................................................... 2
1.2 Quy trình chuyển từ landingpage mẫu sang landingpage có thể tuỳ biến ................... 2
1.3 Quy trình xuất bản landingpage .................................................................................... 3
CHƯƠNG 2. THIẾT KẾ VÀ XÂY DỰNG HỆ THỐNG ..................................................... 3
2.1 Phân tích hệ thống .......................................................................................................... 3
2.1.1 Biểu đồ phân rã chức năng ...................................................................................... 3
2.1.2 Biểu đồ Use Case tổng quát ..................................................................................... 4
2.1.3 Xác định actor và chức năng .................................................................................... 5
2.1.4 Biểu đồ Use case chi tiết .......................................................................................... 5
2.1.5 Đặc tả các ca sử dụng ............................................................................................... 8
2.2 Cấu trúc ứng dụng thử nghiệm.................................................................................... 15
2.2.1 Trang đăng nhập .................................................................................................... 15

2.2.2 Trang dashboard.................................................................................................... 15
2.2.3 Trang các landingpage mẫu ................................................................................... 16
2.2.4 Trang các yêu cầu .................................................................................................. 16
2.2.5 Trang chi tiết yêu cầu ............................................................................................. 17
2.2.6 Trang chỉnh sửa vai trò .......................................................................................... 17
2.2.7 Trang chỉnh sửa landingpage ................................................................................. 18
2.3 Thiết kế hệ thống lưu và tuỳ chỉnh landingpage ......................................................... 18
2.3.1 Chuẩn hoá landingpage .......................................................................................... 18
2.3.2 Tách style, javascript ............................................................................................. 19
2.3.3 Sử dụng kỹ thuật chuyển từ thành vector số thực .................................................. 19
2.3.4 Lưu metadata vào database, nội dung landingpage vào disk ................................. 19


2.4 Hệ thống lưu trữ ........................................................................................................... 19
2.4.1 Bảng customer ....................................................................................................... 20
2.4.2 Bảng landingpage................................................................................................... 20
2.4.3 Bảng order_customer ............................................................................................. 21
2.4.4 Bảng orders ............................................................................................................ 21
2.4.5 Bảng permission..................................................................................................... 22
2.4.6 Bảng role ................................................................................................................ 22
2.4.7 Bảng role_permission ............................................................................................ 22
2.4.8 Bảng template ........................................................................................................ 23
2.4.9 Bảng user ............................................................................................................... 23
Chương 3: KẾT QUẢ THỰC NGHIỆM.............................................................................. 23
3.1 Kết quả chạy hệ thống giao diện người dùng .............................................................. 24
3.2 Kết quả chạy hệ thống tạo và quản lý landingpage..................................................... 24
3.2.1
3.2.2

Hệ thống tạo landingpage ................................................................................... 24

Hệ thống quản lý landingpage ............................................................................ 24

KẾT LUẬN ............................................................................................................................. 25
Kết luận chung .................................................................................................................... 25
Hướng phát triển ................................................................................................................ 25
PHÂN CÔNG CÔNG VIỆC .................................................................................................. 26


DANH MỤC HÌNH VẼ

Hình 1 Biểu đồ phân rã chức năng ............................................................................................. 3
Hình 2 Biểu đồ Use Case tổng quát ............................................................................................ 4
Hình 3 Biểu đồ UC Customer..................................................................................................... 5
Hình 4 Biểu đồ UC Xuất bản landingpage ................................................................................. 6
Hình 5 Biểu đồ UC quản lý tin tức ............................................................................................. 6
Hình 6 Biểu đồ UC quản lý yêu cầu ........................................................................................... 7
Hình 7 Biểu đồ UC quản lý nhân viên........................................................................................ 7
Hình 8 Trang đăng nhập ........................................................................................................... 15
Hình 9 Trang dashboard ........................................................................................................... 15
Hình 10 Trang landingpage mẫu .............................................................................................. 16
Hình 11 Trang các yêu cầu ....................................................................................................... 16
Hình 12 Trang chi tiết yêu cầu ................................................................................................. 17
Hình 13 Trang chỉnh sửa vai trị ............................................................................................... 17
Hình 14 Trang chỉnh sửa vai trị ............................................................................................... 18
Hình 15 Luồng lưu và tuỳ chỉnh landindingpage ..................................................................... 18
Hình 16 Cấu trúc dữ liệu .......................................................................................................... 19
Hình 17 Cấu trúc bảng customer .............................................................................................. 20
Hình 18 Cấu trúc bảng landingpage ......................................................................................... 20
Hình 19 Cấu trúc bảng order_customer .................................................................................... 21
Hình 20 Cấu trúc bảng orders ................................................................................................... 21

Hình 21 Cấu trúc bảng permission ........................................................................................... 22
Hình 22 Cấu trúc của bảng role ................................................................................................ 22
Hình 23 Cấu trúc của bảng role_permission ............................................................................ 22
Hình 24 Cấu trúc của bảng template ........................................................................................ 23
Hình 25 Cấu trúc của bảng user ............................................................................................... 23

i


DANH MỤC BẢNG BIỂU

Bảng 1 Chức năng các actor ....................................................................................................... 5
Bảng 2 Use Case đăng ký ........................................................................................................... 8
Bảng 3 Use Case đăng nhập ....................................................................................................... 8
Bảng 4 Use Case quên mật khẩu ................................................................................................ 9
Bảng 5 Use Case đăng xuất ........................................................................................................ 9
Bảng 6 Use Case thay đổi thông tin cá nhân ............................................................................ 10
Bảng 7 Use Case tạo landingpage ............................................................................................ 10
Bảng 8 Use Case quản lý landingpage ..................................................................................... 11
Bảng 9 Use Case xoá landingpage ........................................................................................... 11
Bảng 10 Use Case xem các yêu cầu từ landingpage ................................................................ 11
Bảng 11 Use Case quản lý yêu cầu........................................................................................... 12
Bảng 12 Use Case xem chi tiết một yêu cầu ............................................................................ 12
Bảng 13 Use Case xoá landingpage ......................................................................................... 12
Bảng 14 Use Case chỉ định nhân viên xử lý yêu cầu ............................................................... 13
Bảng 15 Use Case quản lý nhân viên ....................................................................................... 13
Bảng 16 Use Case sửa thông tin nhân viên .............................................................................. 13
Bảng 17 Use Case chỉnh sửa vai trò nhân viên ........................................................................ 14
Bảng 18 Use Case tạo vai trò ................................................................................................... 14

ii


TÓM TẮT ĐỒ ÁN
Nhu cầu tạo landingpage hiện nay tương đối lớn và cũng có nhiều cơng ty tạo ra các
giải pháp cho nhu cầu này. Tuy nhiên hầu hết các giải pháp chỉ là dùng lập trình viên gia cơng
landingpage và thu phí hoặc cho người dùng chọn mẫu có sẵn và gia cơng cho phù hợp nhu cầu
người dùng. Điều này tương đối tốn nguồn lực của công ty gia cơng landingpage khiến mơ hình
kinh doanh khơng mở rộng nhanh được mà người dùng cũng chưa chắc đã truyền đạt hết ý
tưởng của mình cho người gia cơng. Vấn đề đặt ra là làm thế nào để có thể tăng tính tuỳ biến
landingpage cho người dùng vừa có thể tập chung lại nguồn lực vào các công việc nâng cấp hệ
thống và mở rộng mơ hình kinh doanh.
Để giải quyết vấn đề này, nhóm chúng em nảy ra ý tưởng là tạo ra một trang web có thể
tuỳ ý chỉnh sửa các mẫu landingpage có sẵn từ hình ảnh, layout, tiêu đề, nội dung,…Sau khi
sửa xong thì người dùng có thể xuất bản ln landingpage của mình. Về phía người dùng điều
này giúp cho người dùng khơng cần biết cơng nghệ cũng có thể chỉnh sửa landingpage theo ý
muốn, cịn về phía cơng ty gia cơng landingpage thì có thể thu nhân lực về các cơng việc khác
để nâng cấp hệ thống và trải nghiệm dịch vụ. Trong q trình xây dựng hệ thống, chúng em
cũng có xây dựng các tính năng quản lý cơ bản của nghiệp vụ quản lý yêu cầu.
Đồ án phát triển theo ba bước được nêu ra trong quyển đồ án này lần lượt là các bước:
Đánh giá - Phân tích hệ thống, Thiết kế và tinh chỉnh các thành phần của hệ thống và cuối dùng
là việc Xây dựng và đánh giá hệ thống. Các công nghệ, phương pháp xử lý ở môi trường xử lý
của hệ thống cũng được nêu rõ trong quyển đồ án ở các phần sau
Đồ án này phần nào củng cố các kiến thức đã được học về việc thiết kế và xây dựng
một ứng dụng. Bên cạnh đó, phát triển thêm các kĩ năng tự tìm hiểu, học hỏi thêm các kiến thức
mới từ những công việc thực tế khi có thể tạo ra một hệ thống hồn chỉnh, có thể áp dụng vào
thực tế và có tính ứng dụng cao khi có thể sử dụng ứng dụng cập nhật tin tức hàng ngày nhanh
chóng và hiệu quả hơn.

iii

CHƯƠNG 1. CƠ SỞ LÝ THUYẾT

Chương 1 miêu tả tổng quan nhất về các ngôn ngữ, công cụ hỗ trợ, nêu ra các quy trình xây
dựng lên hệ thống. Cùng với đó là vấn đề chính của đồ án này, đó là quy trình chuyển từ một
landingpage mẫu sang landingpage có thể tuỳ biến theo ý người dùng, lưu landingpage kết quả
và quản lý các yêu cầu đến landinpage.

1.1 Tổng quan về ngôn ngữ và các công cụ hỗ trợ
1.1.1 Tổng quan về backend trong dự án: java và spring data jpa
Java là ngơn ngữ lập trình bậc cao, được phát triển bởi Sun Microsystems, do James
Gosling khởi xướng và phát hành vào năm 1995 như là một thành phần cốt lõi của nền tảng
Java của Sun Microsystems (Java 1.0 [J2SE]). Java chạy trên rất nhiều nền tảng khác nhau, như
Windows, Mac và các phiên bản khác nhau của UNIX.
Phiên bản mới nhất của Java Standard Edition là Java SE 8. Với sự tiến bộ của Java và
sự phổ biến rộng rãi của nó, nhiều cấu hình đã được xây dựng để phù hợp với những loại nền
tảng khác nhau. Ví dụ: J2EE cho các ứng dụng doanh nghiệp, J2ME cho các ứng dụng di động.
Spring Data jpa là một module của Spring Framework. Mục đích của Spring Data JPA
là giảm thiểu việc thực hiện quá nhiều bước để có thể implement được JPA. Spring Data JPA
là một phần của Spirng Data và nó hỗ trợ Hibernate 5, OpenJPA 2.4 và EclipseLink 2.6.1.
Trong tương lai có thể chúng em sẽ tiếp tục backend của dự án tiến tới mơ hình
microservice để có thể sử dụng ngơn ngữ phù hợp với từng nghiệp vụ. Ví dụ như dùng rabbitmq
hoặc kafa để quản lý queue gửi mail, dùng redis để đếm số lượng truy cập landingpage để giảm
tải cho database, dùng docker để đóng gói sản phẩm,…
1.1.2 Tổng quan về frontend trong dự án: html, css, bootstrap, javascript
html là viết tắt của cụm từ Hypertext Markup Language (tạm dịch là Ngôn ngữ đánh
dấu siêu văn bản). html được sử dụng để tạo và cấu trúc các thành phần trong trang web hoặc
ứng dụng, phân chia các đoạn văn, heading, titles, blockquotes… và html khơng phải là ngơn

ngữ lập trình.
css là chữ viết tắt của Cascading Style Sheets, nó là một ngơn ngữ được sử dụng để tìm
và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (html). Nói ngắn gọn hơn
là ngơn ngữ tạo phong cách cho trang web. Bạn có thể hiểu đơn giản rằng, nếu html đóng vai
trị định dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng,…thì
CSS sẽ giúp chúng ta có thể thêm style vào các phần tử html đó như đổi bố cục, màu sắc trang,
đổi màu chữ, font chữ, thay đổi cấu trúc…
JavaScript là một ngơn ngữ lập trình thơng dịch được phát triển từ các ý niệm nguyên
mẫu. Ngôn ngữ này được dùng rộng rãi cho các trang web (phía người dùng) cũng như phía
máy chủ (với Nodejs). Nó vốn được phát triển bởi Brendan Eich tại Hãng truyền thông Netscape

1


với cái tên đầu tiên Mocha, rồi sau đó đổi tên thành LiveScript, và cuối cùng thành JavaScript.
Giống Java, JavaScript có cú pháp tương tự C, nhưng nó gần với Self hơn Java. .js là phần mở
rộng thường được dùng cho tập tin mã nguồn JavaScript. Phiên bản mới nhất của JavaScript là
ECMAScript 12[3]. ECMAScript là phiên bản chuẩn hóa của JavaScript. Trình duyệt Mozilla
phiên bản 1.8 beta 1 có hỗ trợ không đầy đủ cho E4X - phần mở rộng cho JavaScript hỗ trợ làm
việc với XML, được chuẩn hóa trong ECMA-357.
1.1.3 Các cơng cụ hỗ trợ
Trình hỗ trợ soạn thảo mã nguồn: Cho phép mọi người lập trình và chạy các mã
nguồn. Visual Studio Code là một trong số đó. Với những extention có thể tích hợp dễ dàng,
giúp cho việc lập trình và thực thi mã nguồn tiện lợi, hiệu quả. Đó là cơng cụ mạnh mẽ mà
chúng em sẽ sử dụng xuyên suốt khi phát triển frontend của đề tài. Còn về backend chúng em
sử dụng eclipse để lập trình java
Version Control System: là hệ thống kiểm soát các phiên bản phân tán mã nguồn mở.
Các VCS sẽ lưu trữ tất cả các file trong toàn bộ dự án và ghi lại toàn bộ lịch sử thay đổi của
file. Mỗi sự thay đổi được lưu lại sẽ được và thành một version. Chúng em sử dụng Git để làm
công cụ quản lý vesion và làm việc nhóm

1.1.4 Lưu trữ dữ liệu
Hệ thống sử dụng lưu trữ dạng dữ liệu quan hệ. Sử dụng phần mềm MySQL để quản lý
và truy vấn các thông tin trong hệ thống. Phần mềm này thông dụng và dễ dàng sử dụng, triển
khai cũng như là bảo trì và vận hành. Với khối lượng thông tin không quá lớn, dữ liệu đơn giản,
độ phức tạp dữ liệu cũng thấp, nên nhóm quyết định sử dụng MySQL để quản lý cơ sở dữ liệu
của hệ thống.

1.2 Quy trình chuyển từ landingpage mẫu sang landingpage có thể tuỳ biến
−
Tiền xử lý landingpage: Landingpage mẫu có rất nhiều nhưng đa phần là có
cấu trúc chưa đủ gọn, hiện tượng thừa thiếu style, script, các thẻ html chưa hợp bố cùng thường
thấy thường xuyên cho nên cần phải có bước tiền xử lý để chuẩn hố các landingpage này nhằm
mục đích tránh các style lạ khi chỉnh sửa landingpage không như ý muốn cũng như sẵn sàng
hơn khi khách hàng có nhu cầu khó và cần đến nhân viên trợ giúp.
−
Tách style và javascrip của landingpage: Ở bước này, sẽ tách các thẻ style và
script riêng để tránh việc style, script bị xung đột với trình chỉnh sửa landingpage
−
Truyền tải landingpage đã chuẩn hố cùng trình chỉnh sửa: Khi người dùng
có u cầu chỉnh sửa landingpage thì backend sẽ trả ra một file html kèm với thư viện grapejs
đã được cài đặt theo mẫu sẵn, sau khi html và thư viện được tải xong thì sẽ tiếp tục yêu cầu lấy
style và script của landingpage mẫu. Sau q trình này thì người dùng đã có thể nhìn và chỉnh
sửa được landingpage mẫu và cịn có thể chỉnh sửa trực tiếp được luôn

2


1.3 Quy trình xuất bản landingpage
−
Lưu nội dung landingpage sau khi tuỳ chỉnh: Sau khi người dùng chọn được

landingpage mẫu và tuỳ chỉnh xong và ấn xuất bản thì frontend sẽ gửi nội dung người dùng tuỳ
chỉnh rồi ghép với style, script gốc và lưu vào disk( Sau này có thể cài đặt thêm giao thức nfs
để chia sẻ kết quả giữa các server để mở rộng hệ thống) và lưu các metadata vào mysql
−
Truyền tải landingpage sau khi tuỳ chỉnh: Khi xuất bản xong thì người dùng
đã có một đường dẫn để chia sẻ landingpage, khi có yêu cầu vào đường dẫn này thì backend tự
động truy xuất vào mysql và disk và landingpage cho người dùng
−
Nhận yêu cầu từ landingpage: Khi người ấn nút gửi yêu cầu trên giao diện thì
backend tự động lưu lại yêu cầu và thông báo cho chủ doanh nghiệp

CHƯƠNG 2. THIẾT KẾ VÀ XÂY DỰNG HỆ THỐNG

Chương 2 sẽ khái quát quá trình của nhóm đã làm trên thực tế, bao gồm các cơng việc phân
tích, thiết kế và xây dựng hệ thống. Đây là chương mang trọng tâm lớn với quy trình phát triển
ứng dụng đã được học từ các môn trước. Cùng với đó, ở trong chương này, cách hoạt động và
xử lý văn bản của hệ thống thu thập và tóm tắt thơng tin cũng được nêu rõ, kèm với các hình
ảnh hoạt động thực tế của hệ thống.

2.1 Phân tích hệ thống
2.1.1 Biểu đồ phân rã chức năng

Hệ thống tạo & quản lý landingpage

Quản lý
landingpage

Tạo landingpage

Tạo từ

landingpage
mẫu

Xuất bản
landingpage

Xoá & Sửa nội
dung trước
xuất bản

Xem trước
landingpage

Cho phép mọi
người truy cập

Xoá & Sửa nội
dung sau xuất
bản

Xử lý, thơng báo
u cầu, thống kê

Hình 1 Biểu đồ phân rã chức năng

3


Ở biểu đồ trên, hệ thống được chia ra làm 2 phân vùng, gồm tạo landingpage và quản
lú landingpage. Với 2 phân vùng như trên, nó tương ứng với chức năng được nêu ra ở mỗi phần.

Với phần vùng tạo landingpage, người dùng ở đây là những chủ doanh nghiệp có thể tạo, xem
trước, xuất bản landingpage. Các landingpage được lưu vào disk và metadata vào database. Ở
phân vùng quản lý landingpage, các landingpage ở đây là các landingpage đã được xuất bản
cho mọi người có thể truy cập, hệ thống có thể thống kê số lần truy cập, số lần yêu cầu, tỷ lệ
yêu cầu/truy cập, phân quyền cho nhân viên xử lý yêu cầu, phân quyền nhân viên với các tính
năng hệ thống, gửi mail, xem thơng tin khách hàng,…
2.1.2 Biểu đồ Use Case tổng quát

Hình 2 Biểu đồ Use Case tổng quát

Với hệ thống ứng dụng được xây dựng, người dùng được chia làm 3 dạng với các Use
Case tổng quát khác nhau gồm có: Chủ doanh nghiệp, nhân viên và khách hàng. Với chủ doanh
nghiệp thì sẽ có quyền admin và có thể thực thi tất cả các quyền hạn. Với nhân viên thì mặc
định sẽ có role employee các quyền hạn sẽ có thể được chỉnh sửa bảo chủ doanh nghiệp. Với
khách hàng thì có thể xem và tạo yêu cầu đến doanh nghiệp thông qua landingpage đã xuất bản
4


2.1.3 Xác định actor và chức năng

STT

Tác nhân

1

Customer

2

Amin

3

Employee

Mô tả tác
nhân

Chức năng

Là đối tượng Đăng kí để trở thành admin, xem
chưa có tài
landingpage đã xuất bản, gửi yêu
khoản trong cầu đến doanh nghiệp
hệ thống.

Là người hỗ
trợ quản lí
nắm bắt các
nghiệp vụ
của ứng
dụng

Đăng nhập, đăng xuất, tạo, quản lý
landingpage, quản lý các yêu cầu,
quản lý khách hàng, quản lý nhân
viên

Là đối tượng Đăng nhập, đăng xuất, tạo, quản lý

được tạo bởi landingpage, quản lý các yêu cầu,
admin
quản lý khách hàng tuỳ theo phân
quyền của admin
Bảng 1 Chức năng các actor

2.1.4 Biểu đồ Use case chi tiết
2.1.4.1

Biểu đồ UC Customer

Hình 3 Biểu đồ UC Customer

Với người dùng là Khách (Customer), họ chỉ có thể sử dụng tính năng cơ bản xem
landingpae, tạo yêu cầu ngồi ra có thể đăng ký trở thành người dùng hệ thống

5


2.1.4.2

Biểu đồ UC xuất bản landingpage

Hình 4 Biểu đồ UC Xuất bản landingpage

Với người dùng là Admin( hoặc employee được phân quyền) có thể chọn landingpage
mẫu, xuất bản, chỉnh sửa, xem trước xuất bản của mình
2.1.4.3

Biểu đồ UC quản lý landingpage

Hình 5 Biểu đồ UC quản lý tin tức

Với người dùng là Admin( hoặc employee được phân quyền) có thể chỉnh sửa
landingpage sau xuất bản, xoá landingpage, xem các yêu cầu tương ứng với landingpage…

6


2.1.4.4

Biểu đồ UC quản lý yêu cầu

Hình 6 Biểu đồ UC quản lý yêu cầu

Với người dùng là Admin( hoặc employee được phân quyền) có thể tương tác với khác
hàng qua hình thức gửi mail, xem chi tiết yêu cầu, cập nhật trạng thái yêu cầu…
2.1.4.5

Biểu đồ UC quản lý Employee

Hình 7 Biểu đồ UC quản lý nhân viên

Với người dùng là Admin có thể tạo, chỉnh sửa, phân quyền lại cho nhân viên

7


2.1.5 Đặc tả các ca sử dụng
Use Case

Đăng ký

Actor

Customer

Brief Description

Người dùng chưa có tài khoản muốn đăng ký

Pre-conditions

Chưa có tài khoản

Basic Flows

Alternative Flows

Post-conditions
Special Requiements

1. Người dùng chọn đăng ký tài khoản
2. Hệ thống hiển thị from đăng kí
3. Điền đầy đủ thông tin vào form
4. Xác thực thông qua email
Nếu người dùng điền sai, thiếu thông tin hệ
thống sẽ báo lỗi và gửi lại form đăng ký
Nếu thực hiện đăng ký thành cơng người
dùng có tài khoản trong hệ thống ứng dụng

Chưa tồn tại username trên hệ thống
Bảng 2 Use Case đăng ký

Use Case

Đăng nhập

Actor

Employee, Admin

Brief Description

Người dùng có tài khoản muốn đăng nhập

Pre-conditions

Đã có tài khoản

Basic Flows

1. Người dùng chọn đăng nhập tài khoản
2. Hệ thống hiển thị from đăng nhập
3. Điền đầy đủ thông tin vào form

Alternative Flows

Nếu người dùng điền sai, thiếu thông tin hệ
thống sẽ báo lỗi và gửi lại form đăng nhập

Post-conditions

Nếu thực hiện đăng nhập thành cơng người
dùng có thể đăng nhập vào hệ thống ứng dụng

Special Requiements

Không tồn tại username trong hệ thống
Bảng 3 Use Case đăng nhập

8


Use Case
Actor
Brief Desecription
Pre-conditions
Basic Flows

Alternative Flows
Post-conditions
Special requiements

Quên mật khẩu
User
Khi người dùng quên mật khẩu và muốn
reset lại mật khẩu
Đã có tài khoản
Người dùng đã nhập lại mật khẩu nhiều lần
khơng chính xác

1. Chọn mục “quên mật khẩu”
2. Hệ thống sẽ hiển thị 1 form nhập email
tài khoản
3. Người dùng đặt lại mật khẩu thông qua
đường dẫn gửi qua email
Nếu nhập sai email hệ thống sẽ không thể
gửi email đặt lại mật khẩu
Khách hàng sử dụng mật khẩu mới
Khơng có
Bảng 4 Use Case quên mật khẩu

Use Case

Đăng xuất

Actor

Admin, User

Brief Description
Pre-conditions
Basic Flows

Người sử dụng muốn thoát khỏi phiên làm
việc
Đang đăng nhập
1. Người dùng chọn Đăng xuất
2. Hệ thống chuyển hướng đến trang đăng
nhập

Alternative Flows

Post-conditions

Nếu thực hiện đăng xuất thành công người
dùng kết thúc phiên làm việc của mình.

Special Requiements
Bảng 5 Use Case đăng xuất

9


Use Case

Thay đổi thơng tin cá nhân

Actor

User

Brief Description

Người dùng có thông tin cá nhân cần thay đổi

Pre-conditions

Đăng nhập

Basic Flows

1. Người dùng chọn thay đổi thông tin
2. Hệ thống hiển thị from thay đổi
3. Điền đầy đủ thông tin vào form

Alternative Flows

Nếu người dùng điền sai, thiếu thông tin hệ
thống sẽ báo lỗi và gửi lại form thay đổi

Post-conditions

Nếu thực hiện thành công, hệ thống sẽ cập
nhật thông tin mới của người dùng

Special Requiements

Tồn tại thông tin trên hệ thống
Bảng 6 Use Case thay đổi thông tin cá nhân

Use Case

Tạo landingpage

Actor

Employee, Admin

Brief Description

Người dùng muốn tạo mới landingpage

Pre-conditions

Đăng nhập

Post-conditions

1. Người dùng chọn landingpage mẫu
2. Hệ thống hiển thị trang tuỳ chỉnh
landingpage
3. Người dùng tuỳ chỉnh landingpage
4. Hệ thống lưu lại landingpage sau khi
người dùng xuất bản
Người dùng không xuất bản, hệ thống sẽ
không lưu lại landingpage sau khi chỉnh sửa
Người dùng sẽ tạo được landingpage

Special Requiements

Khơng có

Basic Flows

Alternative Flows

Bảng 7 Use Case tạo landingpage

10

Use Case
Actor
Brief Description
Pre-conditions
Basic Flows

Alternative Flows
Post-conditions
Special Requiements

Quản lý Landingpage
Employee, Admin
Người dùng muốn quản lý landingpage đã
tạo
Đăng nhập
1. Người dùng chọn phần menu
landingpage
2. Hệ thống hiện thị các landingpage đã
tạo
Khơng có
Menu quản lý được hiển thị
Khơng có
Bảng 8 Use Case quản lý landingpage

Use Case
Actor
Brief Description
Pre-conditions
Basic Flows

Alternative Flows
Post-conditions
Special Requiements

Xoá landingpage
Employee, Admin
Người dùng muốn xoá landingpage
Đăng nhập, đã tạo landingpage
1. Người dùng chọn landingpage
2. Người dùng chọn xoá các landingpage
đã chọn
3. Hệ thống xoá landingpage
Khơng có
Landingpage được xố
Khơng có
Bảng 9 Use Case xố landingpage

Use Case
Actor
Brief Description
Pre-conditions
Basic Flows

Alternative Flows
Post-conditions
Special Requiements

Xem yêu cầu từ landingpage
Employee, Admin

Người dùng muốn xem các yêu cầu
landingpage
Đăng nhập, đã tạo landingpage, có yêu cầu
đến landingpage đã tạo
1. Người dùng chọn landingpage
2. Người dùng ấn xem các yêu cầu từ
landingpage
3. Hệ thống hiển thị những u cầu từ
landingpage đã chọn
Khơng có
Người dùng xem được những u cầu từ
landingpage đã chọn
Khơng có
Bảng 10 Use Case xem các yêu cầu từ landingpage

11


Use Case
Actor
Brief Description
Pre-conditions
Basic Flows
Alternative Flows
Post-conditions
Special Requiements

Quản lý yêu cầu
Employee, Admin
Người dùng quản lý các yêu cầu

Đăng nhập
1. Người dùng chọn mục quản lý yêu cầu
2. Hệ thống hiển thị các u cầu
Khơng có
Người dung xem được danh sách các u
cầu
Khơng có
Bảng 11 Use Case quản lý yêu cầu

Use Case
Actor
Brief Description
Pre-conditions
Basic Flows

Alternative Flows
Post-conditions
Special Requiements

Xem chi tiết một yêu cầu
Employee, Admin
Người dùng muốn xem chi tiết một yêu cầu
Đăng nhập, đã có yêu cầu
1. Người dùng chọn một yêu cầu
2. Hệ thống hiển thị chi tiết u cầu người
dùng chọn
Khơng có
Landingpage được xố
Khơng có
Bảng 12 Use Case xem chi tiết một u cầu

Use Case
Actor
Brief Description
Pre-conditions
Basic Flows

Alternative Flows
Post-conditions
Special Requiements

Xoá landingpage
Employee, Admin
Người dùng muốn xoá landingpage
Đăng nhập, đã tạo landingpage
3. Người dùng chọn landingpage
4. Người dùng chọn xoá các landingpage
đã chọn
5. Hệ thống xoá landingpage
Khơng có
Landingpage được xố
Khơng có
Bảng 13 Use Case xố landingpage

12


Use Case
Actor
Brief Description

Pre-conditions
Basic Flows

Alternative Flows
Post-conditions
Special Requiements

Chỉ định nhân viên xử lý yêu cầu
Employee, Admin
Người dùng muốn chỉ định nhân viên xử lý
yêu cầu
Đăng nhập, đã chọn yêu cầu
1. Người dùng chọn một thành viên
2. Hệ thống thay đổi nhân viên xử lý u
cầu
Khơng có
Nhân viên xử lý u cầu được thay đổi
Khơng có
Bảng 14 Use Case chỉ định nhân viên xử lý yêu cầu

Use Case
Actor
Brief Description
Pre-conditions
Basic Flows

Alternative Flows
Post-conditions
Special Requiements

Quản lý nhân viên
Employee, Admin
Employee, Admin quản lý nhân viên
Đăng nhập, có quyền quản lý nhân viên
1. Người dùng chọn quản lý nhân viên
2. Người dùng chọn nhận viên muốn quản
lý
Khơng có
Nhân viên được thay đổi thông tin
Không đủ quyền hạn
Bảng 15 Use Case quản lý nhân viên

Use Case
Actor
Brief Desecription
Pre-conditions
Basic Flows

Sửa thông tin nhân viên
Employee, Admin
Employee, Admin sửa thông tin nhân viên
Đăng nhập, có quyền quản lý nhân viên
1. Chọn một nhân viên muốn chỉnh sửa
2. Thay đổi các thông tin muốn sửa
3. Hệ thống lưu thông tin sau chỉnh sửa

Alternative Flows

Nếu người dùng nhập thiếu thông tin, hệ
thống sẽ báo lỗi và gửi lại form. Người dùng

có thể khơng nhập thơng tin và chọn hủy
Cập nhật thơng tin nhân viên
Khơng có

Post-conditions
Special requiements

Bảng 16 Use Case sửa thông tin nhân viên

13