Website đọc truyện online

TRƯỜNG ĐẠI HỌC NÔNZG LÂM TP.HỒ CHÍ MINH
KHOA CÔNG NGHỆ THÔNG TIN


BÁO CÁO CUỐI KÌ
Môn học: GIAO

TIẾP NGƯỜI MÁY.

Đề tài: “ Website

đọc truyện online”.

TP.Hồ Chí Minh, ngày 11, tháng 06, năm 2016

Page 1 of 81


Mục lục

I.

PHÁT BIỂU BÀI TOÁN.
Ngày nay, để đáp ứng được sự phát triển kinh tế toà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 con người cũng không phải chỉ
sinh ra để học tập và làm việc, nhu cầu giải trí của con người sau những thời gian làm việc căng
thẳng đó là vô cùng cần thiết. Và đọc truyện dành cho những giờ thư giản thì không còn gì tuyệt vời
hơn. Nhưng không phải lúc nào, bạn cũng có thời gian để tới hiệu sách để tìm mua và đọc những
cuốn sách mà bạn muố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. Chúc các bạn có những thời gian thư giản thật bổ ích.

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. Ngoài ra bạn đọc có thể chia sẻ truyệ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ê.

2.

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

II.
3.

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).

THUẬT NGỮ TRONG SẢN PHẨM.
Mô tả các thuật ngữ, nghiệp vụ đặc thù của bài toán
a.
-

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ý.

Page 2 of 81


-

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.

b.

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.
Ngoà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 web site. Để 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 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, ngoà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.

4.

Các control, công cụ được sử dụng trong thiết kế.
-

Giao diện sử dụng công cụ Dreamweaver để thiết kế giao diện cho website. Giao
diện của dreamweaver bố trí rất trực quan dễ dàng cho người sử dụng.
Công cụ WOWSlider được sử dụng để những hình ảnh được sắp xếp để trình
chiếu thành dạng slide với nhiều hiệu ứng trên nền web.
Sử dụng thư viện Bootstrap, Bootstrap là một Framework CSS giúp bạn phát triển
nhanh giao diện trang web dựa trên giao diện chuẩn của Twitter.

Page 3 of 81


III.

SƠ ĐỒ GIAO DIỆN.

Page 4 of 81


1. Sơ đồ màn hình giao diện người dùng cuối.

Page 5 of 81


2. Sơ đồ quản trị viên.

Page 6 of 81


IV.

ĐẶC TẢ CÁC MÀN HÌNH.
1. Màn hình Trang Chủ.

Page 7 of 81


Page 8 of 81


Page 9 of 81


1.1 Header

ID
(tên)

Kiểu Nguồn
dữ liệu dữ liệu

1
(Tên Đăng
nhập)

link

2
(Upload)
3
(Đăng xuất)
4
(Tìm kiếm)

Link

5
(Menu item)
6
(Wowslider)

MenuBar

Mặc

định

Link
Text

CSDL

Mô tả / Ghi chú
Sau khi đăng nhập thành công, hệ thống
chuyển qua trang chủ và đính kèm tên
đăng nhập của người dùng. Khi click
vào nó thì sẽ chuyển đến trang thông tin
cá nhân người dùng.
Hệ thống sẽ hiển thị ra màn hình form
đăng bài lên website.
Đăng xuất đến trang đăng ký đăng nhập
của website.
Tìm kiếm truyện theo tên truyện, tên tác
giả.
Danh sách các menu item.

Image

Hiển thị Slider từ công cụ WOWSlider.

Page 10 of 81


1.2 Body_Right

Page 11 of 81


ID
(tên)

Kiểu
dữ liệu

Nguồn
dữ liệu

Mặc
định

1.1
(Video)

video

Csdl

Giới thiệu video truyện được
chuyển thể thành phim.

1.2
(Truyện đã
chyển thể thành
phim )

Link

Csdl

Chuyển đến website truyện đã được
chuyển thể thành phim.

1.3
(Quảng
cáo)
ID (Tên)

Link

Csdl

Kiểu dữ
liệu

Nguồn
dữ liệu

Hiển thị liên kết với các thông tin
quảng cáo.
Mô tả / Ghi chú

2.2
(Danh sách
BXH)

Table

Csdl

2.2
(Quảng cáo)

Link

Mặc
định

Mô tả / Ghi chú

Hiển thị danh sách các truyện gồm
thông tin về tên truyện và trạng thái
của truyện được xếp hạng theo thứ tự
lượt thích nhiều nhất giảm dần.
Hiển thị liên kết với các thông tin
quảng cáo.

Page 12 of 81


1.3 Body_Left

1

2

Page 13 of 81


ID (Tên)

Kiểu
dữ liệu

Nguồn
dữ liệu

Mặc
định

1
(Truyện mới
cập nhật)

Text

Csdl

Hiển thị các truyện mới được cập
nhật, cập nhật dựa vào ngày cập
nhật để giới thiệu cho người đọc.

2
(Form thông
tin truyện)

Form

Csdl

Hiển thị form thông tin truyện gồm
bài truyện, tên, tác giả, thể loại,
nguồn và lượt xem của truyện.

Page 14 of 81

Mô tả / Ghi chú


1

2

Page 15 of 81


4.Footer

ID (Tên)

Kiểu
dữ liệu

Nguồn
dữ liệu

Mặc
định

1
(Truyện đề
cử)

Text

Csdl

Hiển thị các truyện được đề cử là hay và
hấp dẫn nhất cho người đọc, truyện được
đề cử dựa vào lượt thích của người đọc .

2
(Form thông
tin truyện)

Form

Csdl

Hiển thị form thông tin truyện gồm bài
truyện, tên, tác giả, thể loại, nguồn, tình
trạng và lượt xem của truyện.

ID
(Tên)

Kiểu dữ
liệu

Nguồn
dữ liệu

Footer

Text

Csdl

Page 16 of 81

Mô tả / Ghi chú

Mặc
định

Mô tả / Ghi chú
Những thông tin về website và
thông tin liên hệ(email).


2. Màn hình Đăng nhập, Đăng ký.

1.1 Màn hình Đăng nhập.

ID
(Tên

)

Kiểu Nguồn
dữ liệu dữ liệu

Mặc
định

Mô tả / Ghi chú

Email

Text

CSDL

Nhập email đăng nhập

Mật khẩu

Password

CSDL

Nhập mật khẩu sẽ được hiển thị bằng
dấu chấm.

Đăng
nhập

Button

Khi click thì sẽ kiểm
tra sự hợp lệ và chuyển sang giao diện
thành viên hoặc admin.

Page 17 of 81


 Thông tin phản hồi từ trang đăng nhập khi người dùng chưa nhập thông tin đầy đủ.

 Thông tin phản hồi từ trang đăng nhập khi người dùng nhập email hoặc mật khẩu không

chính xác.

1.2 Màn hình Đăng ký.

Page 18 of 81


ID
(Tên)

Kiểu dữ
liệu

Nguồn
dữ liệu

Mặc

định

Đăng ký.

Form

Form đăng ký, người dùng sẽ điền
thông tin đăng ký vào các trường để trở
thành viên của website.

Check

Checkbox

Đăng ký

Button

Người dùng chọn vào để đồng ý với
mọi điều khoản của website.
Xác nhận đăng ký, servlet sẽ xử lý
thông tin hợp lệ, phản hồi và gửi email
về cho người đăng ký

Page 19 of 81

Mô tả / Ghi chú




Màn hình thông tin phản hồi từ trang đăng ký khi người dùng chưa nhập đầy đủ thông tin
đăng ký.

 Màn hình thông tin phản hồi từ trang đăng ký khi người dùng nhập tên tài khoản hoặc email

đã được sử dụng đăng ký.
Page 20 of 81


1.3 Màn hình xác nhận Đăng ký thành công

 Màn hình phản hồi khi đăng ký thành viên thành công.

Page 21 of 81


3. Màn hình Trang Truyện lãng mạn.

Page 22 of 81


Page 23 of 81


3.1 Màn hình Header giống trên.
3.2 Màn hình Body

ID (Tên)
1

(Truyện mới
cập nhật)
2
(Thông tin
truyện)
3
(Chuyển
trang)

Kiểu dữ Nguồn
liệu
dữ liệu

Mặc
định

Mô tả / Ghi chú

Table

Csdl

Hiển thị các truyện lãng mạn mới được
cập nhật để giới thiệu cho người đọc.

Table

Csdl

Hiển thị form thông tin truyện gồm bìa

truyện, tên truyện.

Button

Các button chuyển trang để hiển thị đầy
đủ các bộ truyện lãng mạn của website.
Page 24 of 81


ID (Tên)

Kiểu
dữ liệu

Nguồn dữ
liệu

1
(Truyện đề cử)

Tab

Csdl

2
(thông tin truyện)

Form

Csdl

3
(Chuyển trang)

Button

Page 25 of 81

Mặc
định

Mô tả / Ghi chú
Hiển thị các truyện lãng
mạn được đề cử là hay và
hấp dẫn nhất cho người đọc.
Hiển thị form thông tin
truyện gồm bìa truyện, tên
truyện.
Các button chuyển trang để
hiển thị đầy đủ các bộ
truyện lãng mạn của
website.