Báo cáo kỹ thuật HDT

====o0o====

BÁO CÁO NHĨM
KHOA: CƠNG NGHỆ THƠNG TIN
MƠN HỌC: KỸ THUẬT LẬP TRÌNH HƯỚNG
ĐỐI TƯỢNG
ĐỀ TÀI: WEBSITE ĐỌC TRUYỆN TRANH
Giáo viên hướng dẫn:

ThS. HUỲNH TRUNG TRỤ

Sinh viên thực hiện:

MSSV

VŨ TUẤN ANH

N18DCCN010

NGUYỄN HẢI ĐĂNG

N18DCCN040

TP Hồ Chí Minh, ngày 18 tháng 10 năm 2022


NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN
------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------


Lời cảm ơn

Đầu tiên, em xin gửi lời cảm ơn chân thành đến Học viện Cơng nghệ Bưu chính Viễn
thơng (Cơ sở phía Nam) đã đưa mơn học Kỹ thuật lập trình hướng đối tượng vào chương
trình giảng dạy. Đặc biệt, nhóm em xin gửi lời cảm ơn sâu sắc đến giảng viên bộ môn –
Thầy Huỳnh Trung Trụ đã dạy dỗ, truyền đạt những kiến thức quý báu cho nhóm em
cũng như tập thể lớp trong suốt thời gian học tập vừa qua. Trong thời gian tham gia lớp

học Kỹ thuật lập trình hướng đối tượng của thầy, nhóm em đã có thêm cho mình nhiều
kiến thức bổ ích, tinh thần học tập hiệu quả, nghiêm túc. Đây chắc chắn sẽ là những kiến
thức quý báu, là hành trang để nhóm em có thể làm việc và phát triển sau này.

Bộ mơn Kỹ thuật lập trình hướng đối tượng là mơn học thú vị, vơ cùng bổ ích và có tính
thực tế cao. Đảm bảo cung cấp đủ kiến thức, gắn liền với nhu cầu thực tiễn của sinh viên.
Tuy nhiên, do vốn kiến thức còn nhiều hạn chế và khả năng tiếp thu thực tế còn nhiều bỡ
ngỡ. Mặc dù nhóm em đã cố gắng hết sức nhưng chắc chắn báo cáo khó có thể tránh khỏi
những thiếu sót và nhiều chỗ cịn chưa chính xác, kính mong thầy xem xét và góp ý để
báo cáo của nhóm em được hồn thiện hơn. Nhóm em xin chân thành cảm ơn!


1. GIỚI THIỆU ĐỀ TÀI
Hiện nay, CNTT đang phát triển mạnh mẽ ở nước ta. Máy tính điện tử khơng còn là
phương tiện quý hiếm mà đang ngày một gần gũi với con người. Công tác quản lý ngày
càng được nhiều cơ quan và các đơn vị quan tâm nhưng quản lý thế nào và quản lý làm
sao cho đạt hiệu quả cao như: nhanh, bảo mật, thân thiện, dễ sử dụng.
Đứng trước sự bùng nổ thông tin, các tổ chức và các doanh nghiệp đều tìm mọi biện pháp
để xây dựng hồn thiện hệ thống thơng tin của mình nhằm tin học hoá các hoạt động
nghiệp vụ của đơn vị mình. Mức độ hồn thiện tuỳ thuộc vào q trình phân tích và thiết
kế hệ thống. Tin học hố trong công tác quản lý làm giảm bớt sức lao động của con người
tiết kiệm được thời gian, độ chính xác cao, gọn nhẹ và tiện lợi hơn rất nhiều so với công
việc làm thủ công quản lý giấy tờ như trước đây, tránh được thất lạc dữ liệu, tự động hố
hệ thống và cụ thể hố các thơng tin theo nhu cầu của con người. Đó là những phần mềm
quản lý thay cho tệp hồ sơ dày cộp thay cho những ngăn tủ chứa đựng hồ sơ chiếm nhiều
diện tích và có thể ta phải mất nhiều thời gian để tìm kiếm các thơng tin cần thiết hay
những dữ liệu quan trọng. Tất cả những điều bất tiện trên có thể được tích hợp trong phần
mềm quản lý một sản phẩm nào đó.

Nhu cầu này cịn lớn hơn khi nói đến những tập truyện tranh dài ngắn với vơ vàn thể loại

khác nhau. Tưởng tượng thay vì bạn phải chạy hàng cây số để đến tiệm sách, mò hàng
tiếng đồng hồ để kiếm được cuốn truyện mình thích để rồi mang nó về nhà và cảm thấy
ngán ngẫm vì nhưng cuốn truyện cũ đã chiếm hết khơng gian thì giờ đây tất cả những gì
bạn cần là ngồi tại nhà với chiếc điện thoại thông minh và internet, bạn có thể dễ dàng kết
nối với vơ số cuốn truyện trên khắp thế giới. Chính vì lí do đó mà chúng em đã chọn đề
tài “Phần mềm đọc truyện tranh” với hy vọng hiện thực những điều trên.


2. GIỚI THIỆU CÔNG NGHỆ
2.1. Web API

-API là các phương thức, giao thức kết nối với các thư viện và ứng dụng khác. Nó là viết
tắt của Application Programming Interface – giao diện lập trình ứng dụng. API cung cấp
khả năng cung cấp khả năng truy xuất đến một tập các hàm hay dùng. Và từ đó có thể
trao đổi dữ liệu giữa các ứng dụng.
2.1.1. Web API hoạt động như thế nào?
-Đầu tiên là xây dựng URL API để bên thứ ba có thể gửi request dữ liệu đến máy chủ
-cung cấp nội dung, dịch vụ thông qua giao thức HTTP hoặc HTTPS.
-Tại web server cung cấp nội dung, các ứng dụng nguồn sẽ thực hiện kiểm tra xác thực
nếu có và tìm đến tài ngun thích hợp để tạo nội dung trả về kết quả.
-Server trả về kết quả theo định dạng JSON hoặc XML thông qua giao thức
HTTP/HTTPS.
-Tại nơi yêu cầu ban đầu là ứng dụng web hoặc ứng dụng di động , dữ liệu JSON/XML
sẽ được parse để lấy data. Sau khi có được data thì thực hiện tiếp các hoạt động như lưu
dữ liệu xuống Cơ sở dữ liệu, hiển thị dữ liệu…
2.1.2. Ưu và nhược điểm của Web API
Mỗi một ứng dụng bất kỳ đều có những ưu nhược điểm riêng, hỗ trợ tốt cho các ứng
dụng. Vì vậy mà web API cũng khơng ngoại lệ:
Ưu điểm

 Web API được sử dụng hầu hết trên các ứng dụng desktop, ứng dụng mobile và
ứng dụng website.
 Linh hoạt với các định dạng dữ liệu khi trả về client: Json, XML hay định dạng
khác.
 Nhanh chóng xây dựng HTTP service: URI, request/response headers, caching,
versioning, content formats và có thể host trong ứng dụng hoặc trên IIS.
 Mã nguồn mở, hỗ trợ chức năng RESTful đầy đủ, sử dụng bởi bất kì client nào hỗ
trợ XML, Json.
 Hỗ trợ đầy đủ các thành phần MVC như: routing, controller, action result, filter,
model binder, IoC container, dependency injection, unit test.
 Giao tiếp hai chiều được xác nhận trong các giao dịch, đảm bảo độ tin cậy cao.
Nhược điểm
Do web API còn khá mới nên chưa thể đánh giá nhiều về nhược điểm của mơ hình nay.
Tuy nhiên, có hai nhược điểm dễ dàng nhận thấy:
 Web API chưa hoàn toàn phải là RESTful service, mới chỉ hỗ trợ mặc định GET,
POST
 Để sử dụng hiệu quả cần có kiến thức chuyên sâu, có kinh nghiệm backend tốt
 Tốn thời gian và chi phí cho việc phát triển, nâng cấp và vận hành
 Có thể gặp vấn đề về bảo mật khi hệ thống bị tấn công nếu không giới hạn điều
kiện kỹ.
2.2. Spring boot


-Spring Boot là một dự án phát triển bởi JAV (ngơn ngữ java) trong hệ sinh thái Spring
framework. Nó giúp cho các lập trình viên chúng ta đơn giản hóa quá trình lập trình một
ứng dụng với Spring, chỉ tập trung vào việc phát triển business cho ứng dụng.
2.2.1. Sơ lược Spring Framework là gì?
-Spring framework là một framework ứng dụng hay Java platform có mã nguồn mở cho
nền tảng Java. Được hàng triệu các lập trình viên tin tưởng lựa chọn sử dụng. Spring có

kích thước rất nhỏ, trong suốt và nhẹ trong q trình chạy.
-Chính vì kích thước nhỏ, nên đây là một giải pháp khá gọn, nhẹ với khả năng hỗ trợ để
tạo ra và phát triển các ứng dụng web có mã hiệu suất cao. Hơn hết, bạn có thể dễ dàng
kiểm tra, thử nghiệm hoặc sử dụng lại code.
-2 nguyên tắc thiết kế chính để xây dựng nên spring framework đó là:


Dependency Injection.



Aspect Oriented Programming.

-Những tính năng cốt lõi của Spring framework có thể được sử dụng trong việc phát triển
java desktop, java web,… Mục tiêu chính là dễ dàng phát triển các ứng dụng J2EE dựa
trên mơ hình sử dụng POJO.

2.2.2. Spring Boot có những tính năng nào?
Một số tính năng nổi bật của Spring Boot đó là:
 Tạo ra các ứng dụng Spring mang tính độc lập.
 Nhúng trực tiếp Tomcat, Jetty hoặc Undertow mà không cần phải triển khai ra file
WAR.
 Starter dependency giúp cho việc chạy cấu hình Maven trở nên đơn giản hơn.
 Tự động chạy cấu hình Spring khi cần thiết.
 Khơng sinh code cấu hình, đồng thời khơng yêu cầu phải cấu hình bằng XML.
2.2.3. Đặc điểm nổi bật
 Được phát triển tối ưu sao cho cấu hình XML trở nên đơn giản nhanh chóng và dễ
dàng nhất trong Spring.
 Gia tăng được năng suất trong quá trình lập trình.
 Giảm ở mức tối thiểu thời gian lập trình.

 Giúp người dùng mặc dù khơng có nhiều kiến thức lập trình vẫn có thể xây dựng
được một ứng dụng.


2.3. Angular

1.1.1. Angular là gì?
-Angular là một javascript framework do google phát triển để xây dựng các Single Page
Application (SPA) bằng JavaScript , HTML và TypeScript . Angular cung cấp các tính
năng tích hợp cho animation , http service và có các tính năng như auto-complete ,
navigation , toolbar , menus ,… Code được viết bằng TypeScript , biên dịch thành
JavaScript và hiển thị tương tự trong trình duyệt.
2.3.1. Sử dụng Angular, người dùng được gì?
 Ứng dụng được giảm tối đa kích thước và tăng tối đa hiệu suất.
 HTML linh hoạt hơn.
 Code HTML mạnh mẽ hơn với những đặc trưng như IF , FOR, LOCAL
VARIABLES, …
 Dễ dàng hiển thị các field từ data model của website và theo dõi những thay đổi,
cập nhật lại từ người dùng nhờ binding data.
 Xây dựng và tái sử dụng nội dung nhờ vào những khối module độc lập.
 Nhanh chóng giải quyết các bài tốn logic nhờ back- end service hỗ trợ giao tiếp.






2.3.2. Ưu điểm nổi bật
AngularJS được đánh giá là giải pháp dành cho các Single Page Application làm
việc dễ dàng.

Code Front end thường rất thân thiện nhờ khả năng Binding data lên trên các nền
tảng HTML để có thể tạo ra mọi thao tác rất tuyệt.
Bạn có thể dễ dàng Unit test
Có thể tái sử dụng component dễ dàng hơn





Hỗ trợ cho các lập trình viên có thể viết code được ít hơn với nhiều chức năng
hơn.
Bạn có thể chạy AngularJS trên nhiều loại trình duyệt khác nhau lẫn PC hoặc
mobile.

2.3.3. Nhược điểm
 Khơng an tồn: Thơng thường, bản chất của AngularJS là một trong những các
Front End, mà front end này thường vốn không thể bảo mật bằng Back End. Chính
vì vậy, khi sử dụng API thì bạn cần xây dựng cho một hệ thống kiểm tra dữ liệu
sao cho việc trả về được tốt nhất.
 Với một số trình duyệt sở hữu tính năng Disable Javascript nên có nghĩa là
website sẽ khơng hồn tồn có thể sử dụng được dựa trên những trình duyệt đó
nữa.
3. Phân tích chức năng
3.1. Use-case
3.1.1. Admin

Đặc tả các use-case:
 Đăng nhập:
- Use-case này mô tả cách một người dùng đăng nhập vào hệ thống để thực hiện các chức
năng của mình.

- Khi một người muốn thực hiện chức năng của mình, hệ thống yêu cầu người dùng nhập
tên đăng nhập và mật khẩu. Sau khi người dùng đã nhập đầy đủ, hệ thống sẽ kiểm chứng
tên và mật khẩu được nhập, nếu nhập đúng tên và mật khẩu thì cho phép người dùng
đăng nhập vào hệ thống để thực hiện các chức năng. Nếu người dùng nhập sai tên hoặc
mật khẩu, hệ thống sẽ hiện thì một thơng báo lỗi, người dùng có thể chọn việc hủy bỏ
đăng nhập, đăng nhập lại hoặc kết thúc tác vụ.
-Nếu người dùng quên mật khẩu, họ có thể sử dụng tính năng “qn mật khẩu”. Bằng
cách nhập tên đăng nhập của người dùng, Họ có thể nhận được mật khẩu từ email.
 Đăng xuất:
- Use-case này mô tả cách người dùng đăng xuất khỏi hệ thống và kết thúc các tác vụ của
mình.
- Khi đã hồn thành cơng việc của mình, người dùng chọn đăng xuất khỏi hệ thống, lúc
này hệ thống sẽ cho người dùng đăng xuất và quay lại màn hình đăng nhập.
 Quản lí người dùng:
- Use-case này cho phép admin thêm, cập nhật thơng tin hay xóa thơng tin của người
dùng nói chung(bảo gồm cả độc giả-user và admin).
-Sau khi admin đăng nhập vào hệ thống, giao diện làm việc được hiển thị với các chức
năng: thêm người dùng, xóa người dùng và thay đổi thơng tin người dùng. Admin có thể
thay đổi vai trị của người dùng từ user lên admin và ngược lại.
+Thêm người dùng: Sau khi admin thêm các thông tin người dùng trong giao diện quản
lý, Admin sẽ kích hoạt chức năng này và người dùng mới sẽ được thêm vào cơ sở dữ liệu.
+Thay đổi thông tin người dùng: Admin chọn 1 người dùng trong danh sách được xuất
hiện và kích hoạt chức năng cập nhập. Những thông tin của người dùng sẽ nhảy lên giao
diện quản lý để admin có thể chỉnh sửa nó. Sau khi xác nhận thì thơng tin mới sẽ được
cập nhập vào cơ sở dữ liệu.
+Xóa người dùng: : Admin chọn 1 người dùng trong danh sách được xuất hiện và kích
hoạt chức năng xóa. Phần mềm sẽ thơng báo cảnh cáo và yêu cầu admin xác nhận. Sau
khi xác nhận thành công thông tin người dùng sẽ bị xóa khỏi cơ sở dữ liệu.

 Quản lí tác giả:
- Use-case này cho phép admin thêm, cập nhật thông tin hay xóa thơng tin của tác giả.
-Sau khi admin đăng nhập vào hệ thống, giao diện làm việc được hiển thị với các chức
năng: thêm tác giả, xóa tác giả và thay đổi thông tin tác giả.


+Thêm tác giả: Sau khi admin thêm các thông tin tác giả trong giao diện quản lý, Admin
sẽ kích hoạt chức năng này và tác giả mới sẽ được thêm vào cơ sở dữ liệu.
+Thay đổi thông tin tác giả: Admin chọn 1 tác giả trong danh sách được xuất hiện và kích
hoạt chức năng cập nhập. Những thơng tin của tác giả sẽ nhảy lên giao diện quản lý để
admin có thể chỉnh sửa nó. Sau khi xác nhận thì thơng tin mới sẽ được cập nhập vào cơ
sở dữ liệu.
+Xóa tác giả: : Admin chọn 1 tác giả trong danh sách được xuất hiện và kích hoạt chức
năng xóa. Phần mềm sẽ thơng báo cảnh cáo và u cầu admin xác nhận. Sau khi xác nhận
thành công thông tin tác giả sẽ bị xóa khỏi cơ sở dữ liệu.
 Quản lí thể loại:
- Use-case này cho phép admin thêm, cập nhật thơng tin hay xóa thơng tin thể loại.
-Sau khi admin đăng nhập vào hệ thống, giao diện làm việc được hiển thị với các chức
năng: thêm thể loại, xóa thể loại và thay đổi thơng tin thể loại.
+Thêm thể loại: Sau khi admin thêm các thông tin thể loại trong giao diện quản lý,
Admin sẽ kích hoạt chức năng này và thể loại mới sẽ được thêm vào cơ sở dữ liệu.
+Thay đổi thông tin thể loại: Admin chọn 1 thể loại trong danh sách được xuất hiện và
kích hoạt chức năng cập nhập. Những thơng tin của thể loại sẽw nhảy lên giao diện quản
lý để admin có thể chỉnh sửa nó. Sau khi xác nhận thì thơng tin mới sẽ được cập nhập vào
cơ sở dữ liệu.
+Xóa thể loại: : Admin chọn 1 thể loại trong danh sách được xuất hiện và kích hoạt chức
năng xóa. Phần mềm sẽ thơng báo cảnh cáo và u cầu admin xác nhận. Sau khi xác nhận
thành công thông tin thể loại sẽ bị xóa khỏi cơ sở dữ liệu.
 Quản lí truyện:
- Use-case này cho phép admin thêm, cập nhật thơng tin hay xóa thơng tin truyện và các

chương của truyện.
-Sau khi admin đăng nhập vào hệ thống, giao diện làm việc được hiển thị với các chức
năng: thêm truyện, xóa truyện và thay đổi thơng tin truyện.
+Thêm truyện: Sau khi admin kích hoạt chức năng, người dùng sẽ được điều hướng đến
một giao diện mới. Tại đây người dùng thêm các thông tin truyện trong giao diện, Admin
xác nhận và truyện mới sẽ được thêm vào cơ sở dữ liệu.
+Thay đổi thông tin truyện: Admin chọn 1 truyện trong danh sách được xuất hiện và kích
hoạt chức năng cập nhập. Sau khi admin kích hoạt chức năng, người dùng sẽ được điều
hướng đến một giao diện mới. Những thông tin của truyện sẽ nhảy lên giao diện quản lý


để admin có thể chỉnh sửa nó. Tại đây admin có thể quản lý cả các chương của bộ truyện
bao gồm: thêm, xóa, cập nhập chương truyện. Sau khi xác nhận thì thơng tin mới sẽ được
cập nhập vào cơ sở dữ liệu.
+Xóa truyện: Admin chọn 1 truyện trong danh sách được xuất hiện và kích hoạt chức
năng xóa. Phần mềm sẽ thông báo cảnh cáo và yêu cầu admin xác nhận. Sau khi xác nhận
thành công thông tin truyện sẽ bị xóa khỏi cơ sở dữ liệu.
 Tra cứu:
- Use-case này cho phép độc giả xem và tra cứu các đầu truyện có trong cơ sở dữ liệu.
- Tra cứu: Đọc giả nhập từ khóa hoặc chọn thể loại để tìm kiếm mọi thơng tin về tất cả
các truyện có trong cơ sở dữ liệu.

3.1.2. User

Đặc tả các use-case:
 Đăng ký:
- Use-case này mô tả cách một độc giả vào giao diện hệ thống để tạo một tài khoản đăng
nhập.
-Khi người dùng muốn thực hiện chức năng dành riêng cho tài khoản độc giả thì họ có
thể lựa chọn thực hiện chức năng đăng ký. Sau khi kích hoạt chức năng, người dùng sẽ

được điều hướng tới một giao diện yêu cầu nhập các thông tin của người dùng. Khi người
dùng chọn xác nhận và các trường thơng tin được điền đúng thì tài khoản mới sẽ được
thêm vào cơ sở dữ liệu. Người dùng có thể sử dụng tài khoản để thực hiện chức năng
đăng nhập.
 Đăng nhập:
- Use-case này mô tả cách một độc giả đăng nhập vào hệ thống để thực hiện các chức
năng của mình.
- Khi một người muốn thực hiện chức năng của mình, hệ thống yêu cầu người dùng nhập
tên đăng nhập và mật khẩu. Sau khi người dùng đã nhập đầy đủ, hệ thống sẽ kiểm chứng
tên và mật khẩu được nhập, nếu nhập đúng tên và mật khẩu thì cho phép người dùng
đăng nhập vào hệ thống để thực hiện các chức năng. Nếu người dùng nhập sai tên hoặc
mật khẩu, hệ thống sẽ hiện thì một thơng báo lỗi, người dùng có thể chọn việc hủy bỏ
đăng nhập, đăng nhập lại hoặc kết thúc tác vụ.
-Nếu người dùng quên mật khẩu, họ có thể sử dụng tính năng “quên mật khẩu”. Bằng
cách nhập tên đăng nhập của người dùng, Họ có thể nhận được mật khẩu từ email.
 Đăng xuất:
- Use-case này mô tả cách người dùng đăng xuất khỏi hệ thống và kết thúc các tác vụ của
mình.
- Khi đã hồn thành cơng việc của mình, người dùng chọn đăng xuất khỏi hệ thống, lúc
này hệ thống sẽ cho người dùng đăng xuất và quay lại màn hình đăng nhập.
 Quản lí truyện:
- Use-case này cho phép độc giả thêm, cập nhật thông tin hay xóa thơng tin truyện của
người dùng.
-Sau khi độc giả đăng nhập vào hệ thống, giao diện làm việc được hiển thị với các chức
năng: thêm truyện, xóa truyện và thay đổi thông tin truyện.
+Thêm truyện: Sau khi độc giả kích hoạt chức năng, người dùng sẽ được điều hướng đến
một giao diện mới. Tại đây người dùng thêm các thông tin truyện trong giao diện, độc giả
xác nhận và truyện mới sẽ được thêm vào cơ sở dữ liệu.

+Thay đổi thông tin truyện: Độc giả chọn 1 truyện trong danh sách được xuất hiện và
kích hoạt chức năng cập nhập. Sau khi độc giả kích hoạt chức năng, người dùng sẽ được
điều hướng đến một giao diện mới. Những thông tin của truyện sẽ nhảy lên giao diện
quản lý để độc giả có thể chỉnh sửa nó. Tại đây độc giả có thể quản lý cả các chương của
bộ truyện bao gồm: thêm, xóa, cập nhập chương truyện. Sau khi xác nhận thì thơng tin
mới sẽ được cập nhập vào cơ sở dữ liệu.


+Xóa truyện: Độc giả chọn 1 truyện trong danh sách được xuất hiện và kích hoạt chức
năng xóa. Phần mềm sẽ thông báo cảnh cáo và yêu cầu độc giả xác nhận. Sau khi xác
nhận thành công thông tin truyện sẽ bị xóa khỏi cơ sở dữ liệu.
 Tra cứu:
- Use-case này cho phép độc giả xem và tra cứu các đầu truyện có trong cơ sở dữ liệu.
- Tra cứu: Đọc giả nhập từ khóa hoặc chọn thể loại để tìm kiếm mọi thơng tin về tất cả
các truyện có trong cơ sở dữ liệu.
 Đánh giá truyện:
- Use-case này cho phép độc giả đánh giá truyện bằng cách thích hoặc khơng thích
truyện.
-Sau khi độc giả đăng nhập vào hệ thống, và chọn truyện qua chức năng tra cứu, giao
hiện đọc truyện sẽ hiển thị 2 nút thích và khơng thích để người dùng thực hiện chức năng.
Người dùng chỉ có thể chọn 1 trong 2 nút.
 Bình luận trong chương truyện:
- Use-case này cho phép độc giả đăng bình luận của mình lên chương truyện của tập
truyện nào đó.
-Sau khi độc giả đăng nhập vào hệ thống, người dùng sử dụng chức năng tra cứu và chọn
chương truyện bất kì trong tập truyện họ muốn đọc. Tại giao diện của chương truyện, ở
cuối mỗi chương sẽ xuất hiện phần bình luận của độc giả. Tại đây độc giả có thể xem
những bình luận của những độc giả khác và tự thêm bình luận của chính mình lên bằng
một nút thêm bình luận bên cạnh.

4. Thiết kế
4.1. Entity Relation Diagram

4.2. Database Diagram

4.3. Tables
4.3.1. User


Thuộc tính
Id
Name
Email
pass
role
Is_deleted

Kiểu dữ liệu
Bigint(20)
varchar(24)
varchar(320)
Varchar(128)
Enum(‘ADMIN’,’USER’
)
Tinyint(1)

Diễn giải
Mã định danh người dùng
Tên của người dùng

Email của người dùng, dùng để đăng nhập
Mật khẩu của người dùng
Phân quyền của người dùng
Soft delete

4.3.2. Comic
Thuộc tính
Id
Title
description
view
status
User_Id
Author_Id
Updated_time

Kiểu dữ liệu
Bigint(20)
varchar(255)
varchar(1000)
Bigint(20)
Enum(‘PENDING,’PUBLISH’,
’UNPUBLISH’,’REJECTED’)
Bigint(20)
Bigint(20)
datetime

Diễn giải
Mã định danh truyện
Tiêu đề của truyện

Mô tả truyện
Số lượt xem của truyện
Trạng thái của truyện
Mã định danh người dùng đăng truyện
Mã định danh tác giả truyện
Thời điểm truyện được đăng

4.3.3. Review
Thuộc tính
User_Id
Comic_Id
Type
Created_time

Kiểu dữ liệu
Bigint(20)
Bigint(20)
Enum(‘ADMIN’,’USER’
)
datetime

Diễn giải
Mã định danh người dùng
Mã định danh truyện
Loại đánh giá
Thời điểm đánh giá được tạo

4.3.4. Comic_gerne
Thuộc tính
Gerne_Id

Comic_Id

Kiểu dữ liệu
Bigint(20)
Bigint(20)

Diễn giải
Mã định danh thể loại truyện
Mã định danh truyện

4.3.5. Gerne
Thuộc tính
Gerne_Id
name

Kiểu dữ liệu
Bigint(20)
varchar(255)

Diễn giải
Mã định danh thể loại truyện
Tên thể loại truyện


4.3.6. Author
Thuộc tính
Author_Id
name

Kiểu dữ liệu

Bigint(20)
varchar(255)

Diễn giải
Mã định danh tác giả
Tên tác giả

4.3.7. Chapter
Thuộc tính
Id
name
Chapter_index
Comic_Id
Updated_time

Kiểu dữ liệu
Bigint(20)
varchar(255)
int(10)
Bigint(20)
datetime

Diễn giải
Mã định danh chương truyện
Tên chương truyện
Thứ tự của chương truyện
Mã định danh truyện
Thời điểm chương truyện được cập nhập

4.3.8. Content

Thuộc tính
Id
Chapter_index
Chapter_Id

Kiểu dữ liệu
Bigint(20)
int(10)
Bigint(20)

Diễn giải
Mã định danh nội dung chương truyện
Thứ tự của chương truyện
Mã định danh chương truyện

4.3.9. Comment
Thuộc tính
Id
comment
Chapter_Id
User_Id
Created_time

Kiểu dữ liệu
Bigint(20)
mediumtext
Bigint(20)
Bigint(20)
datetime

Diễn giải
Mã định danh bình luận
Nội dung bình luận
Mã định danh chương truyện
Mã định danh người dùng đăng bình luận
Thời điểm bình luận được đăng

5. Kiểm thử
5.1. Testcase
CASE
CHỨC NĂNG

DỮ LIỆU MẪU

KẾT QUẢ MONG
ĐỢI

TÌNH
TRẠNG

1
1.1

Cột Updated_Time

Ưu tiên hiện những
truyện mới cập nhập
Hiện 6 truyện được
xem nhiều nhất
Hiện tất cả những thể

loại hiện có
Hiện tên truyện dựa

Done

1.3

Trang chủ
Hiển thị truyện
mới cập nhập
Hiển thị truyện
xem nhiều nhất
Thể loại

1.3

Thanh tim kiếm

1.2

Cột View
Bảng Gerne

Done
Done
Done


1.4
2

2.1
2.2
2.3
2.3
2.4
3
3.1
3.2
3.3
3.4
3.5
3.6
4
4.1
4.2

Giao diện
Đăng nhập
Để trống
Sai username,
mật khẩu
Đăng nhập đúng

Thiết kế

Giao diện
Kiểm tra tài
khoản bị khóa
Đăng ký
Để trống

Giao diện
Nhập đúng

Thiết kế

Trùng tên tài
khoản
Trùng email
Sai định dạng
email
Admin
Kiểm tra quyền

5.2

Kiểm tra đăng
nhập
Quản lý tác giả
Hiển thị danh
sách tác giả
Thêm mới

5.3

Sửa

5.4

Xóa

6

Thêm mới Sửa tác giả
Để trống
Giao diện
Nhập đúng

5
5.1

6.1
6.2
6.3

(TeoVN, 123),
(TeoNV, 321)
TeoNV, 123

Thiết kế
TeoNV, 123

@abc.com

Admin

[Kim lân, Vũ
Trọng Phụng]

Thiết kế
Kim Lân

trên từ khóa nhập vào
Đúng bản thiết kế

Done

Yêu cầu nhập
Thông báo nhập sai
thông tin dăng nhập
Chuyển về trang web
u cầu trước đó
Đúng bản thiết kế
Thơng báo tài khoản đã
bị khóa

Done
Done

u cầu nhập
Đúng bản thiết kế
Thơng báo đã đăng ký
thành công
Thông báo trùng

Done
Done
Done

Thông báo trùng
Thông báo sai định

dạng

Done
Done

Thông báo khơng có
quyền truy cập
Chuyển về web đăng
nhập

Done

Done
Done
Done

Done

Done

Danh sách tất cả tác giả Done
Chuyển sang trang
thêm mới
Chuyển sang trang sửa
thông qua ID
Hiện thơng báo cảnh
cáo trước khi xóa

Done

u cầu nhập
Đúng bản thiết kế
Thông báo đã thêm
thành công

Done
Done
Done

Done
Done


6.4
6.5
7

7.2

Nút quay lại
Trùng tên tác giả
Quản lý thể
loại
Hiển thị danh
[Hài hước, Lãng
sách thể loại
mạn]
Thêm mới

7.3

Sửa

7.4

Xóa

8

Thêm mới Sửa thể loại
Để trống
Giao diện
Nhập đúng

7.1

8.1
8.2
8.3
8.3
8.4
9

Thiết kế

9.2

Nút quay lại
Trùng tên tác giả
Quản lý tài

khoản
Hiển thị danh
[user 1, user 2]
sách tài khoản
Thêm mới

9.3

Sửa

9.4

Khóa

10

Thêm mới Sửa tài khoản
Để trống
Giao diện
Nhập đúng

9.1

10.1
10.2
10.3
10.4
10.5
10.6
10.7

Nút quay lại
Trùng tên tài
khoản
Trùng email
Sai định dạng

Thiết kế

@abc.com

Quay lại trang quản lý
Thông báo trùng

Done
Done

Danh sách tất cả thể
loại
Chuyển sang trang
thêm mới
Chuyển sang trang sửa
thông qua ID
Hiện thơng báo cảnh
cáo trước khi xóa

Done

u cầu nhập
Đúng bản thiết kế

Thông báo đã thêm
thành công
Quay lại trang quản lý
Thông báo trùng

Done
Done
Done

Danh sách tất cả tài
khoản
Chuyển sang trang
thêm mới
Chuyển sang trang sửa
thơng qua ID
Hiện thơng báo cảnh
cáo trước khi khóa

Done

u cầu nhập
Đúng bản thiết kế
Thông báo đã thêm
thành công
Quay lại trang quản lý
Thông báo trùng

Done
Done
Done

Thông báo trùng
Thông báo sai định

Done
Done

Done
Done
Done

Done
Done

Done
Done
Done

Done
Done


11.2

email
Quản lý truyện
Hiển thị danh
sách truyện
Thêm mới

11.3

Sửa

11.4

Xóa

12

Thêm mới Sửa truyện
Để trống
Giao diện
Nhập đúng

11
11.1

12.1
12.2
12.3
12.4
12.5
12.6
12.7

Nút quay lại
Tự động thêm
tác giả
Chọn nhiều thể

loại
Để trống
chương chuyện

dạng
Danh sách tất cả truyện Done

Thiết kế

Bảng Author
[Hài hước, Lãng
mạn]
Bảng Chapter

Chuyển sang trang
thêm mới
Chuyển sang trang sửa
thông qua ID
Hiện thơng báo cảnh
cáo trước khi xóa

Done

u cầu nhập
Đúng bản thiết kế
Thông báo đã thêm
thành công
Quay lại trang quản lý
Tự động thêm tác giả
nếu không tồn tại

Thông báo lỗi nếu thể
loại chưa được chọn
Yêu cầu thêm tối thiểu
1 chương truyện

Done
Done
Done

Done
Done

Done
Done
Done
Done


5.2. User
5.2.1. Trang chủ

5.2.2. Đăng ký


5.2.3. Đăng nhập

5.2.4. User Profile


5.2.5. Thanh tìm kiếm

5.2.6. Truyện của User