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ọ tên Trần Long Vũ Vũ Trung Anh Đ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 thiết kế trang web .3 1.1 Mục tiêu website .3 1.2 Các chức 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ữ 2.2 Nghiệp vụ đặc thù Chương : Thiết kế giao diện chương trình 3.1 Thiết kế giao diện 3.2 Demo giao diện .8 Chương : Kết luận .20 Xây dựng thiết kế ứng dựng Web LỜI MỞ ĐẦU Ngày nay, để đáp ứng phát triển kinh tế tồn cầu, người khơng ngừng học tập, làm việc sáng tạo để đáp ứng tốt mục tiêu đặt Song song với với vấn đề học tập sáng tạo để phát triển sống nâng cao đời sống cá nhân lên người cần nhu cầu giải trí để giải tỏa thân sau ngày hay thời gian làm việc hoạt động học tập nghiên tập hăng say chăm cần giải trí để thư giãn giảm stress cho thể tâm hồn người Đó vấn đề quan trọng khơng có thời gian để thư giãn giải trí cho người làm việc thời gian dài dẫn tới nhiều bệnh tật ảnh hướng không tốt cho thể tâm trí người làm sụt giảm hiệu suất làm việc nghiên cứu học tập Trong nhu cầu giải trí mà người hướng tới đọc truyện cách tốt người với hệ trẻ với nhiều áp lực sống có nhiều khó khăn thử thách mệt mỏi với nhu cầu giải trí hoạt động nhiều khiến họ cảm thấy mệt mỏi đồng thời họ mong muốn nghỉ ngơi thư giãn lúc nghỉ ngơi họ muốn có cách giải trí khơng tốn q nhiều cơng sức hay mệt mỏi đọc truyện dành cho thư giãn khơng cịn tuyệt vời hơn.  Với hệ cũ đọc truyện thông qua trang sách sách gắn liền với tuổi thơ đậm hình ảnh hành trình lớn lên người Với việc đọc truyện qua sách truyện dễ dàng với giới trẻ ta muốn đọc phải ngồi nhà sách để mua đồng thời có truyện khơng có nhà sách hay chưa xuất truyện để bán ta lúc có thời gian để ngồi nhà sách hay thư viện để tìm truyện ta mong muốn đọc chúng Tiếp theo với truyện nước ngồi thơng qua phương tiện tìm kiếm hay bạn bè ta biết Nhóm sinh viên thực hiện: 08 Xây dựng thiết kế ứng dựng Web hứng thú mà dịch tiếng mà ta phải đọc tìm tịi ngơn ngữ khác khó khăn ta muốn giải trí thư giãn lại mệt mỏi để tra cứu dịch ngôn ngữ khác có bạn dịch truyện giúp điều truyện ta mong muốn đăng trang web ta ủng hộ họ thơng qua donate hay trả phí cho công sức họ để truyện dịch chất lượng Vì “ Web đọc truyện online ” đời dành cho tất người Chỉ cần có thiết bị kết nối internet bạn đọc truyện lúc nơi 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 để họ thấu hiểu thành người dịch đồng thời tiếp sức cho họ thông qua nhiều cách để người dịch có thu nhập để tiếp tục đường thân cải thiện tốt kỹ thân họ.  Chúc bạn đọc có thời gian thư giãn thật bổ ích bạn dịch có tiếp sức để ni dưỡng ước mơ thân hướng tới tương lai Em xin chân thành cảm ơn ! Bao gồm nội dung chính:   Chương : Phân tích thiết kế trang web Chương : Phân tích đặc điểm ,thuật ngữ Chương : Thiết kế giao diện chương trình Chương : Kết luận Nhóm sinh viên thực hiện: 08 Xây dựng thiết kế ứng dựng Web Chương 1: Phân tích thiết kế trang web 1.1 Mục tiêu website Giúp bạn đọc tìm kiếm truyện nhanh chóng hiệu Độc giả tham gia bình luận bình chọn truyện hay Bảng xếp hạng phụ thuộc vào số lượt thích độc giả dành cho truyện Ngồi bạn đọc chia sẻ chuyện sáng tác lên website đồng thời đóng góp bạn nhận nhiều quyền lợi Bên cạnh việc chia sẻ truyện yêu thích qua mạng xã hội 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 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 đọc truyện - Xem lại lịch sử đọc truyện - Theo dõi truyện yêu thích - Upload truyện thân lên web - Nâng cấp thành viên vip - Chia sẻ chuyệ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ả Nhóm sinh viên thực hiện: 08 Xây dựng thiết kế ứng dựng Web - Bình luận sau đọc - Upload truyện lên - Bình chọn 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 đọc - Upload truyện lên - Bình chọn 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 đọc - Upload truyện lên - Bình chọn 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 đọc - Upload truyện lên - Bình chọn 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 Xây dựng thiết kế ứng dựng Web Chương 2: Phân tích đặc điểm ,thuật ngữ Mơ tả thuật ngữ, nghiệp vụ đặc thù toán 2.1 Thuật ngữ - Website 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 doanh nghiệp, cửa hàng đến với người tiêu dùng khắp nơi - Upload tải file lên website, truyện thành viên thành viên tải lên chờ duyệt từ người quản lý - Csdl(Cơ sở liệu) tập hợp thông tin tổ chức theo cấu trúc định giúp máy tính dễ dàng đọc thơng tin, chỉnh sửa, thêm xóa liệu 2.2 Nghiệp vụ đặc thù Khi truy cập vào Website hệ thống gửi yêu cầu độc giả phải thực thao tác đăng ký (nếu chưa có tài khoản) đăng nhập (nếu bạn có tài khoản web) Khi đăng ký đăng nhập thành cơng độc giả tìm kiếm, lựa chọn đọc truyện thỏa thích với thể loại khác Độc giả tham gia bình luận bình chọn truyện hay Bảng xếp hạng phụ thuộc vào số lượt thích độc giả dành cho truyện Ngoài ra, đăng kí làm thành viên web, độc giả đăng truyện lên web để chia sẻ người 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 web dành tặng điểm thưởng cho truyện đă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 Xây dựng thiết kế ứng dựng Web có nghĩa độc giả đăng lên, quản trị viên phê duyệt, truyện quản trị viên cho phép đăng lên web đăng thành cơng), truyện đăng lên thành cơng tài khoản thành viên cộng thêm 20 điểm Nếu tổng điểm thưởng thành viên lớn 400 điểm nâng cấp làm thành viên vip Thành viên web chia làm cấp bậc thành viên vip thành viên bình thường + Thành viên bình thường đọc truyện, đăng truyện, tham gia bình luận, bình chọn cho truyện hay bảng xếp hạng + Thành viên vip thực tất hoạt động thành viên bình thường, ngồi thành viên vip cịn nâng cấp thành admin có nhiều đóng góp Để trở thành thành viên vip, độc giả đăng truyện để tích điểm, tổng số điểm lớn 400 nâng cấp lên thành viên vip Nhóm sinh viên thực hiện: 08 Xây dựng thiết kế ứng dựng Web Chương : 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 Hypertext Markup Language ngơn ngữ lập trình dùng để xây dựng cấu trúc lại thành phần có Website - Css : CSS chữ viết tắt Cascading Style Sheets, ngơn ngữ sử dụng để tìm định dạng lại phần tử tạo ngôn ngữ đánh dấu (HTML) Nói ngắn gọn ngơn ngữ tạo phong cách cho trang web Bạn hiểu đơn giản rằng, HTML đóng vai trị định dạng phần tử website việc tạo đoạn văn bản, tiêu đề, bảng,…thì CSS giúp thêm style vào phần tử HTML đổi bố cục, màu sắc trang, đổi màu chữ, font chữ, thay đổi cấu trúc… - Javascript : JavaScript ngơn ngữ lập trình nhà phát triển sử dụng để tạo trang web tương tác Từ làm bảng tin trang mạng xã hội đến hiển thị hình ảnh động đồ tương tác, chức JavaScript cải thiện trải nghiệm người dùng trang web Là ngôn ngữ kịch phía máy khách, JavaScript cơng nghệ cốt lõi World Wide Web Ví dụ: duyệt internet, 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ị màu sắc phần tử thay đổi động trang web lúc bạn thấy hiệu ứng JavaScript * Giao diện sau thiết kế bao gồm trang : + Trang chủ + Trang xem thơng tin truyện + Lịch sử Nhóm sinh viên thực hiện: 08 Xây dựng 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 Xây dựng thiết kế ứng dựng Web Home  Home -thơng báo  Nhóm sinh viên thực hiện: 08 Xây dựng 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 thiết kế ứng dựng Web Trang chủ  Nhóm sinh viên thực hiện: 08 11 Xây dựng 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 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 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 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 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 thiết kế ứng dựng Web Nhóm sinh viên thực hiện: 08 17 Xây dựng thiết kế ứng dựng Web javascript code chuyển trang Nhóm sinh viên thực hiện: 08 18 Xây dựng thiết kế ứng dựng Web Chương : Kết luận Kết Quả :  Đã xây dựng số giao diện trang web : Giao diện tạm thời – hoạt động số chức  Đã học kiến thức ngôn ngữ html,css ,javascript  Có hội học tập nghiên cứu nhiều môn cơng cụ hỗ trợ, ngơn ngữ khác lập trình Hạn chế : Nhóm sinh viên thực hiện: 08 19 Xây dựng thiết kế ứng dựng Web  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ình       thơng qua internet thời gian cịn hạn chế  nên chưa thể hồn thiện đầy đủ chức trang web Trên số giao diệ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 Nhóm sinh viên thực hiện: 08 20 ... 08 13 Xây dựng 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 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 thiết kế ứng dựng Web Trang. .. 08 16 Xây dựng thiết kế ứng dựng Web Nhóm sinh viên thực hiện: 08 17 Xây dựng thiết kế ứng dựng Web javascript code chuyển trang Nhóm sinh viên thực hiện: 08 18 Xây dựng thiết kế ứng dựng Web Chương... Xây dựng thiết kế ứng dựng Web Trang chủ  Nhóm sinh viên thực hiện: 08 11 Xây dựng 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 thiết kế ứng dựng Web Thể loại Nhóm