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

Đó 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ũn

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

Trần Long Vũ 20010934 Trang lịch sử

Trang đọc chi tiết

Vũ Trung Anh 20010842

Trang cá nhânTrang đăng ký /đăng nhập

Trang chủ

Trang đọ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

LỜI MỞ ĐẦU

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 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ấttố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ộcsố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 quá 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ốnsá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ớnlê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 ngoà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úcnào cũng có thời gian để có thể ra ngoài nhà sách hay thư viện để có thể tìmcuốn truyện ta mong muốn và đọc chúng Tiếp theo với những bộ truyện nướcngoà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

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 để tracứ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ọ để ranhững bộ truyện được dịch ra càng chất lượng hơn Vì vậy “ Web đọc truyệnonline ” 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 đâubạ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ấuhiểu được những thành quả của người dịch đồng thời tiếp sức cho họ thông quanhiều cách để những người dịch có thể có những thu nhập để tiếp tục con đườngcủ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

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 Ngoà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ả

- 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 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 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 yêu thích qua mạng xã hội (facebook)

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

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

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ử

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

Home

Home -thông báo

Home-thể loại

Home-xếp hạng

Trang chủ

Lịch sử

Thể loại

Đọc truyện

Đọc chi tiết

Trang cá nhân

code chuyển trang

 Do kiến thức tìm hiểu chưa rõ ràng đồng thời nguồn tham khảo lập trìnhchỉ thông qua internet và thời gian còn hạn chế nên chưa thể hoàn thiệnđầy đủ chức năng của trang web Trên đây là một số giao diện cơ bản

Link trang web : https://nettromvietnam.000webhostapp.com/

Linh code : https://github.com/Anh59/html-css-javascritp/blob/main/Nh

%C3%B3m8-Bai-Tap-Lon-NetTrom.rar