Bài tập lớn xây dựng ứng dụng web đề tài xây dựng trang web đọc truyện nettruyen

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC PHENIKAA

BÀI TẬP LỚN
HỌC PHẦN : XÂY DỰNG ỨNG DỤNG WEB
Đề tài:

“Xây dựng trang web đọc truyện NETTRUYEN”

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

:

Nguyễn Thị Thùy Liên

Lớp

:

Xây dựng ứng dụng web

(N01)

Họ và tên
1. Trần Long Vũ
2. Vũ Trung Anh
3. Đoàn Trung Vũ

HÀ NỘI, 12/2022

Mã sinh viên

20010934
20010842
20010884


BẢNG PHÂN CÔNG NHIỆM VỤ THÀNH VIÊN
Thành viên

Mã SV

Trần Long Vũ

20010934

Nhiệm vụ
Trang lịch sử
Trang đọc chi tiết
Trang cá nhân

Vũ Trung Anh

20010842

Trang đăng ký /đăng nhập
Trang chủ

Đoàn Trung Vũ

20010884

Trang thể loại
Trang đọc


MỤC LỤC
LỜI MỞ ĐẦU.......................................................................................................1
Chương 1: Phân tích và thiết kế trang web.............................................................................3
1.1 Mục tiêu của website..............................................................................................................3
1.2 Các chức năng chính của website đọc truyện online...........................................3
Chương 2: Phân tích đặc điểm ,thuật ngữ.........................................................5
2.1 Thuật ngữ................................................................................................5
2.2 Nghiệp vụ đặc thù...................................................................................5
Chương 3 : Thiết kế giao diện chương trình.....................................................6
3.1 Thiết kế giao diện....................................................................................6
3.2 Demo giao diện.......................................................................................8
Chương 4 : Kết luận........................................................................................20


Xây dựng và thiết kế ứng dựng Web

LỜI MỞ ĐẦU
Ngày nay, để đáp ứng được sự phát triển kinh tế tồn cầu, con người đã khơng
ngừng học tập, làm việc và sáng tạo để đáp ứng tốt các mục tiêu đã đặt ra. Song
song với với những vấn đề học tập sáng tạo để có thể phát triển cuộc sống nâng
cao đời sống cá nhân lên thì con người rất cần nhu cầu giải trí để có thể giải tỏa
bản thân sau một ngày hay một thời gian làm việc hoạt động học tập nghiên tập
hăng say chăm chỉ cật lực thì rất cần giải trí để thư giãn giảm stress cho cả cơ
thể cũng như tâm hồn con người. Đó là một vấn đề rất quan trọng vì nếu khơng
có thời gian để thư giãn giải trí cho con người làm việc một thời gian dài sẽ dẫn
tới nhiều bệnh tật những ảnh hướng không tốt cho cơ thể cũng như tâm trí con

người làm sụt giảm hiệu quả năng suất làm việc nghiên cứu học tập ..Trong
những các nhu cầu giải trí mà con người hướng tới thì đọc truyện là một cách
rất tốt đối với con người nhất là với những thế hệ trẻ với nhiều áp lực thì trong
cuộc sống có nhiều khó khăn thử thách mệt mỏi thì với nhu cầu giải trí hoạt
động nhiều khiến họ càng cảm thấy mệt mỏi hơn đồng thời họ mong muốn được
nghỉ ngơi thư giãn và trong lúc nghỉ ngơi họ muốn có một cách giải trí có thể
khơng tốn q nhiều cơng sức hay mệt mỏi thì đọc truyện dành cho những giờ
thư giãn thì khơng cịn gì tuyệt vời hơn.
Với những thế hệ cũ đọc truyện thông qua những trang sách những cuốn
sách gắn liền với tuổi thơ đậm những hình ảnh đã đi cũng trong hành trình lớn
lên của mỗi người. Với hiện nay thì việc đọc truyện qua sách truyện cũng rất dễ
dàng với giới trẻ nhưng khơng phải ta muốn đọc thì phải đi ra ngồi nhà sách để
có thể mua đồng thời có những cuốn truyện khơng có trong nhà sách hay chưa
được xuất bản ra truyện để được bán không những thế ta cũng khơng phải lúc
nào cũng có thời gian để có thể ra ngồi nhà sách hay thư viện để có thể tìm
cuốn truyện ta mong muốn và đọc chúng. Tiếp theo với những bộ truyện nước
ngồi thơng qua các phương tiện tìm kiếm hay bạn bè thì ta biết được và rất
Nhóm sinh viên thực hiện: 08

1


Xây dựng và thiết kế ứng dựng Web

hứng thú mà khơng có bản dịch tiếng mà ta phải đọc và tìm tịi bằng ngơn ngữ
khác thì rất khó khăn trong khi ta muốn giải trí và thư giãn thì lại mệt mỏi để tra
cứu và dịch ngơn ngữ khác thì có những bạn dịch truyện đã giúp chúng ta điều
đó và những cuốn truyện ta mong muốn thì được đăng trên những trang web và
ta có thể ủng hộ họ thơng qua donate hay trả phí cho cơng sức của họ để ra
những bộ truyện được dịch ra càng chất lượng hơn. Vì vậy “ Web đọc truyện

online ” của chúng tôi ra đời là dành cho tất cả mọi người. Chỉ cần có các thiết
bị kết nối internet thì bạn có thể đọc truyện ở mọi lúc mọi nơi và bất kể nơi đâu
bạn tới .Đồng thời gắn kết người đọc với người dịch với nhau để họ có thể thấu
hiểu được những thành quả của người dịch đồng thời tiếp sức cho họ thông qua
nhiều cách để những người dịch có thể có những thu nhập để tiếp tục con đường
của bản thân cũng như cải thiện tốt những kỹ năng bản thân họ. Chúc các bạn
đọc có những thời gian thư giãn thật bổ ích và các bạn dịch có được những sự
tiếp sức để có thể nuôi dưỡng ước mơ của bản thân hướng tới tương lai mới. Em
xin chân thành cảm ơn !
Bao gồm 4 nội dung chính:
Chương 1 : Phân tích và thiết kế trang web
Chương 2 : Phân tích đặc điểm ,thuật ngữ
Chương 3 : Thiết kế giao diện chương trình
Chương 4 : Kết luận

Nhóm sinh viên thực hiện: 08

2


Xây dựng và thiết kế ứng dựng Web

Chương 1: Phân tích và thiết kế trang web
1.1 Mục tiêu của website.
Giúp bạn đọc tìm kiếm truyện nhanh chóng và hiệu quả. Độc giả cũng có thể
tham gia bình luận và bình chọn truyện hay nhất. Bảng xếp hạng sẽ phụ thuộc
vào số lượt thích của độc giả dành cho mỗi truyện. Ngồi ra bạn đọc có thể chia
sẻ chuyện do chính mình sáng tác lên website đồng thời sự đóng góp bạn sẽ
nhận được nhiều quyền lợi hơn. Bên cạnh đó việc chia sẻ truyện yêu thích qua
mạng xã hội sẽ giúp cho web tới nhiều độc giả kết nối nhiều bạn trẻ chia sẻ

đam mê.

1.2 Các chức năng chính của website đọc truyện online.
-

Tìm kiếm truyện cần đọc theo tên truyện, tác giả

-

Bình luận khi đọc truyện

-

Xem lại lịch sử đọc truyện

-

Theo dõi truyện yêu thích

-

Upload truyện của bản thân lên web

-

Nâng cấp thành viên vip

-

Chia sẻ chuyện yêu thích qua mạng xã hội(Facebook)

-

Tìm kiếm truyện cần đọc theo tên truyện, tên tác giả.
Nhóm sinh viên thực hiện: 08

3


Xây dựng và thiết kế ứng dựng Web

-

Bình luận sau khi đọc

-

Upload truyện của mình lên.

-

Bình chọn trong bảng xếp hạng.

-

Nâng cấp thành thành viên vip.

-

Chia sẻ truyện yêu thích qua mạng xã hội(facebook).

-

Tìm kiếm truyện cần đọc theo tên truyện, tên tác giả.

-

Bình luận sau khi đọc.

-

Upload truyện của mình lên.

-

Bình chọn trong bảng xếp hạng.

-

Nâng cấp thành thành viên vip.

-

Chia sẻ truyện u thích qua mạng xã hội(facebook).

-

Tìm kiếm truyện cần đọc theo tên truyện, tên tác giả.

-

Bình luận sau khi đọc.

-

Upload truyện của mình lên.

-

Bình chọn trong bảng xếp hạng.

-

Nâng cấp thành thành viên vip.

-

Chia sẻ truyện u thích qua mạng xã hội(facebook).

-

Tìm kiếm truyện cần đọc theo tên truyện, tên tác giả.

-

Bình luận sau khi đọc.

-

Upload truyện của mình lên.

-

Bình chọn trong bảng xếp hạng.

-

Nâng cấp thành thành viên vip.

-

Chia sẻ truyện yêu thích qua mạng xã hội (facebook).

Nhóm sinh viên thực hiện: 08

4


Xây dựng và thiết kế ứng dựng Web

Chương 2: Phân tích đặc điểm ,thuật ngữ
Mơ tả các thuật ngữ, nghiệp vụ đặc thù của bài toán

2.1 Thuật ngữ
-

Website là kênh thông tin để quảng bá, giới thiệu dịch vụ, sản phẩm, mơ hình

hoạt động của doanh nghiệp, cửa hàng đến với người tiêu dùng khắp mọi nơi.
-

Upload là tải file lên website, truyện của thành viên được chính thành viên tải

lên và chờ duyệt từ người quản lý.
-

Csdl(Cơ sở dữ liệu) là một tập hợp các thông tin được tổ chức theo một cấu

trúc nhất định giúp máy tính có thể dễ dàng đọc thơng tin, chỉnh sửa, thêm hoặc
xóa dữ liệu.

2.2 Nghiệp vụ đặc thù
Khi truy cập vào Website thì hệ thống sẽ gửi yêu cầu độc giả phải thực
hiện thao tác đăng ký (nếu chưa có tài khoản) hoặc đăng nhập (nếu bạn đã có tài
khoản của web).
Khi đăng ký hoặc đăng nhập thành cơng thì độc giả có thể tìm kiếm, lựa
chọn và đọc truyện thỏa thích với thể loại khác nhau. Độc giả cũng có thể
tham gia bình luận và bình chọn truyện hay nhất.
Bảng xếp hạng sẽ phụ thuộc vào số lượt thích của độc giả dành cho mỗi
truyện. Ngồi ra, khi đăng kí làm thành viên của web, độc giả sẽ được đăng
truyện của chính mình lên web để chia sẻ cùng mọi người và web không giới
hạn số lượng truyện độc giả đăng lên website.
Để khuyến khích thành viên đăng truyện thì web sẽ dành tặng điểm
thưởng cho mỗi truyện được đăng lên web thành cơng ( đăng truyện thành cơng
Nhóm sinh viên thực hiện: 08

5


Xây dựng và thiết kế ứng dựng Web

có nghĩa là khi độc giả đăng bài lên, quản trị viên sẽ phê duyệt, nếu truyện được
quản trị viên cho phép đăng lên web thì
đăng thành cơng), mỗi truyện đăng lên thành cơng thì tài khoản của thành viên
sẽ được cộng thêm 20 điểm. Nếu tổng điểm thưởng của thành viên lớn hơn 400
điểm thì sẽ được nâng cấp làm thành viên vip.
Thành viên trong web được chia làm 2 cấp bậc là thành viên vip và
thành viên bình thường.
+

Thành viên bình thường thì chỉ có thể đọc truyện, đăng truyện, tham gia bình

luận, bình chọn cho truyện hay nhất trong bảng xếp hạng.
+

Thành viên vip có thể thực hiện tất cả các hoạt động của thành viên bình

thường, ngồi ra thành viên vip cịn có thể được nâng cấp thành admin nếu có
nhiều đóng góp. Để trở thành thành viên vip, độc giả có thể đăng truyện để tích
điểm, khi tổng số điểm lớn hơn 400 thì có thể nâng cấp lên thành viên vip.

Nhóm sinh viên thực hiện: 08

6


Xây dựng và thiết kế ứng dựng Web

Chương 3 : Thiết kế giao diện chương trình
3.1 Thiết kế giao diện

Giao diện website sử dụng
-

Html : HTML viết tắt của Hypertext Markup Language là ngơn ngữ lập trình

dùng để xây dựng và cấu trúc lại các thành phần có trong Website.
-

Css : 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 : JavaScript là ngôn ngữ lập trình được nhà phát triển sử dụng để

tạo trang web tương tác. Từ làm mới bảng tin trên trang mạng xã hội đến hiển thị
hình ảnh động và bản đồ tương tác, các chức năng của JavaScript có thể cải thiện
trải nghiệm người dùng của trang web. Là ngơn ngữ kịch bản phía máy khách,
JavaScript là một trong những cơng nghệ cốt lõi của World Wide Web. Ví dụ: khi
duyệt internet, bất cứ khi nào bạn thấy quảng cáo quay vịng dạng hình ảnh, menu
thả xuống nhấp để hiển thị hoặc màu sắc phần tử thay đổi động trên trang web
cũng chính là lúc bạn thấy các hiệu ứng của JavaScript.
*

Giao diện sau khi thiết kế bao gồm các trang như : + Trang chủ

+ Trang xem thông tin
truyện + Lịch sử
Nhóm sinh viên thực hiện: 08

7


Xây dựng và thiết kế ứng dựng Web

+

Tìm kiếm nâng cao

+

Đọc truyện chi tiết

+

Thông tin người dùng

+

Đăng Ký / Đăng nhập

3.2 Demo giao diện
Đăng nhập

Đăng ký

Nhóm sinh viên thực hiện: 08

8


Xây dựng và thiết kế ứng dựng Web

Home

Home -thơng báo

Nhóm sinh viên thực hiện: 08

9


Xây dựng và thiết kế ứng dựng Web

Home-thể loại

Home-xếp hạng

Nhóm sinh viên thực hiện: 08

10


Xây dựng và thiết kế ứng dựng Web

Trang chủ

Nhóm sinh viên thực hiện: 08

11


Xây dựng và thiết kế ứng dựng Web

Lịch sử

Nhóm sinh viên thực hiện: 08

12


Xây dựng và thiết kế ứng dựng Web

Thể loại

Nhóm sinh viên thực hiện: 08

13


Xây dựng và thiết kế ứng dựng Web

Đọc truyện

Nhóm sinh viên thực hiện: 08

14


Xây dựng và thiết kế ứng dựng Web

Đọc chi tiết

Nhóm sinh viên thực hiện: 08

15


Xây dựng và thiết kế ứng dựng Web

Trang cá nhân

Nhóm sinh viên thực hiện: 08

16


Xây dựng và thiết kế ứng dựng Web

Nhóm sinh viên thực hiện: 08

17