BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN CƠ SỞ LẬP TRÌNH WEB ĐỀ TÀI: WEBSITE ĐỌC TRUYỆN MADMANGA

lOMoARcPSD|17343589 TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN CƠ SỞ LẬP TRÌNH WEB ĐỀ T䄃I: WEBSITE ĐỌC TRUYỆN MADMANGA Sinh viên thực : Nguyễn Đức Minh : Trần Việt Anh PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: HN ọ ộ i v d u n t g ê n t : Nguyễn Hữu Duy Giảng viên hướng dẫn NGÀNH C h ữ Chuyên ngành k Khóa ý Lớp : Cấn Đức Điệp : Công nghệ thông tin :Quản trị an ninh mạng :2020-2025 :D15QTANM lOMoARcPSD|17343589 hực Nguyễn Đức Minh Web page Trang chủ, thể loại, thông tin truyện Trần Việt Anh Web page Đăng nhập, Đăng ký Theo dõi Nguyễn Hữu Duy Web page Ủng hộ, Chương truyện Gíao viên chấm điểm: Họ tên Chữ ký Ghi Giáo viên 1: Giáo viên 2: MỤC LỤC Trang lOMoARcPSD|17343589 Lời mở đầu CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI ……………………………………….1 1.1 Giới thiệu đề tài ……………………………………………………………….1 1.2 Mục đích website cần thiết kế ………………………………………… 1.3 Mục tiêu quảng bá website …………………………………… ………2 1.4 Một số trang website ……………………………………… …….2 CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH HỆ THỐNG ……………… …3 2.1 Khảo sát trạng.…………………………………………………… ……3 2.2 Mô tả toán ……………………………………………………… …….…3 2.3 Yêu cầu chức ………………………………………………….… …3 2.4 Yêu cầu phi chức ………………………………………………… …3 2.5 Mô tả chức …………………………………………………… …4 2.6 Layout trang web …………………………………………………… …4 CHƯƠNG 3: THIẾT KẾ TRANG WEB ………………………………… …8 3.1 Trang chủ ……………………………………………………………… …8 3.2 Thể loại …………………………………………………………………… …8 3.3 Thông tin truyện ……………………………………………………… ……9 3.4 Chương truyện ……………………………………………………………… 3.5 Đăng nhập …………………………………………….……………… ……10 3.6 Đăng ký ………………………………………………………….……… …10 3.7 Theo dõi ……………………………………………………………… ……11 3.8 Ủng hộ …………………………………………………………………… …11 KẾT LUẬN …………………………………………… ………………………12 LỜI MỞ ĐẦU lOMoARcPSD|17343589 Ngành Công nghệ thông tin (CNTT) năm gần có bước phát triển vượt bậc giới nước CNTT góp phần lớn cho phát triển kinh tế nước ta thời kỳ đổi Nhắc đến cơng nghệ thơng tin khơng thể khơng nhắc đến lập trình Lập trình cơng việc tạo sản phẩm tiện ích giúp người làm việc hiệu thao tác với máy tính hay thiết bị cơng nghệ Để lập trình sản phẩm bạn cần phải biết ngơn ngữ lập trình, để kết nối người dùng máy tính Với phát triển vượt bậc CNTT, người xây dựng, phát triển bảo trì trang web lưu trữ internet hình thức lập trình web Một trang web đơn giản viết ngôn ngữ HTML, CSS chứa vài trăm dòng lệnh Tuy nhiên trang web lớn Facebook lên đến 60 triệu dịng lệnh để phát triển hoàn chỉnh trang web Trước nhu cầu đọc truyện online, nhóm em xây dựng website qua mạng để đáp ứng nhu cầu giúp họ tiết kiệm thời gian, chi phí việc phải hiệu sách, thư viện hay chợ truyền thống để mua tìm kiếm manga Thay vào việc ngồi nhà hay đâu với máy tính, điện thoại kết nối interner người thỏa sức tìm kiếm, lựa chọn thể loại manga mà u thích Đó lý nhóm em chọn đề tài “Xây dựng website đọc truyện online” lOMoARcPSD|17343589 CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1.Giới thiệu đề tài Sau học, làm việc căng thẳng thường tìm đến thú vui, sở thích riêng để giải tỏa căng thẳng Nên đọc truyện mạng dần trở lên phổ biến thuận tiện, linh hoạt thời gian người cần truy cập vào trang web lựa chọn thể loại ưa thích Web madmanga tạo nhằm cung cấp trải nghiệm đọc truyện tốt cho độc cập nhật truyện nhanh với :  Giao diện: Đơn giản, đẹp mắt, dễ thao tác hình  Sản phẩm: Đa dạng thể loại, hình ảnh sắc nét 1.2.Mục đích website cần thiết kế Khi xây dựng website phải hình dung cần phải thiết kế gì? Cho website Khơng có chủ định mục tiêu rõ ràng website trở nên sai lầm, lan man cuối tới hướng khó trở lại Thiết kế cẩn thận định hướng rõ chìa khóa hướng tới thành cơng việc xây dựng website Vận dụng tổng hợp kiến thức học để tiến hành thiết kế website bán hàng online nhằm giải khó khăn cửa hàng Tìm hiểu thực trạng thương mại điện tử Việt Nam để triển khai hệ thống thương mại điện tử cửa hàng cho phù hợp Khai phá lợi ích Internet để hướng đến môi trường kinh doanh toàn cầu Dựa kiến thức tảng thầy trao đổi lớp số tài liệu tham khảo nhóm em tổng hợp kiến thức để xây dựng trang web Báo cáo lập trình web “WEBSITE MADMANGA” tích hợp giao diện chức sau:  Giao diện website  Truyện website  Đăng ký người dùng  Đăng nhập vào website  Theo dõi truyện  Thông tin truyện lOMoARcPSD|17343589 1.3 Mục tiêu quảng bá website Ở thời điểm tại, giới trẻ ngày u thích việc đọc truyện online thơng qua website ứng dụng Trong đó, việc đọc truyện website xu hướng phổ biến Việt Nam thuận tiện mang lại Chính vậy, nhiều nhóm dịch có nhu cầu thiết kế website đọc truyện online để phục vụ nhu cầu đọc giả Hàng loạt website đọc truyện đời kể đến số website tiếng Nettruyen, Truyensieuhay, Truyenqq Thichtruyentranh Nắm bắt nhu cầu đó, Madmanga giới thiệu web đọc truyện mang tới cho độc giả website đọc truyện chuyên nghiệp với đầy đủ tính mong muốn 1.4 Một số trang website -Trang đăng nhập đăng ký: Để độc giả dễ dàng theo dõi truyện xem lịch sử đọc truyện -Trang chủ: Đây trang bao gồm thể loại truyện truyện hot -Trang thông tin truyện: Đây trang độc giả xem giới thiệu qua đọc truyện -Trang theo dõi truyện: Đây trang độc giả nhấn theo dõi có chap nhận thơng báo -Trang fanpage nhóm dịch: Đây link face nhóm dịch thuật -Trang ủng hộ: Đây trang mà độc giả ủng hộ dịch thuật chúng tơi -Trang thể loại:Đây trang để tìm kiếm truyện theo thể loại cho độc giả -Trang chương truyện: Đây nơi đọc truyện đọc giả lOMoARcPSD|17343589 CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH HỆ THỐNG 2.1 Khảo sát trạng Hiện đọc sách mạng ngày trở nên phố biến Internet phát triển kéo theo nhiều dịch vụ phát triển theo liền với Và việc tiếp cận với inernet khơng xa lạ với người trở thành phương tiện truyền thông nhiều người sử dụng giới Ở Việt Nam có nhiều trang web đọc truyện online với giao diện, hình thức đẹp thêm vào nhiều ưu đãi để níu kéo độc giả Tuy hình thức kinh doang có ưu nhược điểm nó, thành cơng cịn phụ thuộc vào ý tưởng cách kinh doanh người quản lý 2.2 Mô tả toán Khi độc giả truy cập vào web đọc truyện miễn phí, lựa chọn truyện để đọc tùy theo nhu cầu, thể loại Độc giả đăng ký thực đăng nhập để nhận thơng báo theo dõi truyện u thích có chương truyện cập nhật 2.3 Yêu cầu chức -User: Là độc giả có nhu cầu đọc truyện Họ tìm kiếm thể loại truyện ưa thích từ hệ thống đọc Vì trang web phải thỏa mãn chức sau: +Hiển thị danh sách thể loại truyện thư viện để độc giả xem lựa chọn, để độc giả tìm kiếm nhanh hiệu thể loại truyện mà họ cần tìm -Admin: Là người làm chủ ứng dụng có quyền kiểm sốt hoạt động hệ thống Người cấp username password để đăng nhập vào hệ thống thực chức Nếu q trình đăng nhập thành cơng nhà quản lý có chức sau: 2.4 Yêu cầu phi chức -Hỗ trợ độc giả đọc truyện thông tin cá nhân liên quan đến độc giả đảm bảo an toàn Giao diện thân thiện, dễ dùng, hấp dẫn, dễ tìm kiếm thơng tin sản phẩm -Website có dung lượng khơng q lớn, tốc độ xử lý nhanh lOMoARcPSD|17343589 -Việc tính tốn đảm bảo xác khơng chấp nhận sai sót -Đảm bảo an tồn liệu chạy -Có khả lưu trữ nhiều liệu 2.5 Mô tả chức -Chức năng: Quản lý người dùng +Đăng nhập: Khi độc giả muốn theo dõi truyện bắt buộc phải đăng nhập vào hệ thống +Đăng ký: Nếu độc giả chưa có tài khoản đăng ký cách điền thông tin đầy đủ chờ xác nhận hệ thống, thơng tin xác hệ thống thông báo thành công cho độc giả, lỗi độc giả phải kiểm tra lại thơng tin mà nhập -Chức năng: Quản lý truyện +Theo dõi:Để theo dõi truyện độc giả phải có tài khoản chức giúp độc giả theo dõi dễ truyện yêu thích 2.6 Layout trang web Hình 2.1:Layout trang chủ lOMoARcPSD|17343589 Hình 2.2:Layout thơng tin truyện Hình 2.3:Layout chương truyện lOMoARcPSD|17343589 Hình 2.4:Layout đăng nhập Hình 2.5:Layout đăng ký Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 Hình 2.6:Layout thể loại Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 CHƯƠNG 3: THIẾT KẾ TRANG WEB 3.1 Trang chủ 3.2 Thể loại Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 3.3 Thông tin truyện 3.4 Chương truyện Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 3.5 Đăng nhập 3.6 Đăng ký 10 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 3.7 Theo dõi 3.8 Ủng hộ 11 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 KẾT LUẬN Nhìn chung, giao diện website đáp ứng nhu cầu người dùng đạt tiêu chí sau: • Hồn thiện ý tưởng nội dung trang web madmanga • Thiết kế giao diện đơn giản, đáp ứng nhu cầu với người dùng • Thao tác trang web dễ dàng, bố cục chia khoa học • Dễ hoạt động tảng cơng nghệ • Tối ưu hóa dung lượng trang web • Cung cấp sản phẩm giải trí đến cho đối tượng Tuy vậy, hạn chế trình độ nên nhóm chúng em khơng khỏi có thiếu sót q trình tìm hiểu, nghiên cứu thực nghiệm Chúng em mong nhận đánh giá chỉnh sửa từ thầy Nhóm em xin chân thành cảm ơn! 12 Downloaded by v? ngoc (vuchinhhp10@gmail.com)