XÂY DỰNG ỨNG DỤNG đọc TRUYỆN đa nền TẢNG

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH XÂY DỰNG ỨNG DỤNG ĐỌC TRUYỆN ĐA NỀN TẢNG Giảng viên hướng dẫn : TS HỒ VĂN PHI Sinh viên thực : TRẦN MINH ĐỨC Lớp : 18IT4 Đà Nẵng, ngày 20 tháng 10 năm 2021 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THƠNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH XÂY DỰNG ỨNG DỤNG ĐỌC TRUYỆN ĐA NỀN TẢNG Giảng viên hướng dẫn : TS HỒ VĂN PHI Sinh viên thực : TRẦN MINH ĐỨC Lớp : 18IT4 Đà Nẵng, ngày 20 tháng 10 năm 2021 LỜI CẢM ƠN Để đồ án chuyên ngành đạt kết tốt đẹp, nhận hỗ trợ, giúp đỡ thầy Với tình cảm sâu sắc, chân thành, cho phép tơi bày tỏ lịng biết ơn sâu sắc đến tất quý thầy cô tạo điều kiện giúp đỡ trình học tập nghiên cứu phát triển đề tài Trước hết xin gửi tới thầy khoa Khoa học máy tính – Trường Đại học Công nghệ thông tin Truyền thông Việt - Hàn lời chào trân trọng, lời chúc sức khỏe lời cảm ơn sâu sắc Với quan tâm, dạy dỗ, bảo tận tình chu đáo thầy cơ, đến tơi hồn thành Đồ án chuyên ngành Đặc biệt xin gửi lời cảm ơn chân thành tới giảng viên, tiến sĩ Hồ Văn Phi quan tâm giúp đỡ, hướng dẫn chúng tơi hồn thành tốt đồ án thời gian qua Với điều kiện thời gian kinh nghiệm hạn chế sinh viên, đồ án khơng thể tránh thiếu sót Chúng tơi mong nhận bảo, đóng góp ý kiến thầy để tơi có điều kiện bổ sung, nâng cao ý thức mình, phục vụ tốt công tác thực tế sau Tôi xin chân thành cảm ơn! NHẬN XÉT (Của giảng viên hướng dẫn) ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… Ký tên (Giáo viên hướng dẫn) TS Hồ Văn Phi MỤC LỤC LỜI CẢM ƠN NHẬN XÉT MỤC LỤC MỞ ĐẦU Tổng quan .7 Công cụ, kết Cấu trúc đồ án CHƯƠNG 1: NGHIÊN CỨU TỔNG QUAN 1.1 Tìm hiểu cơng cụ 1.1.1 Về tảng Website 1.1.2 Về tảng Android 1.2 Kết luận 10 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 11 2.1 Mô hình tổng quan 11 2.1.1 Yêu cầu chức 11 2.1.2 Yêu cầu phi chức 11 2.1.3 Yêu cầu hệ thống 11 2.2.1 Xác định tác nhân .11 2.2.2 Xác định trường hợp sử dụng 11 2.2.3 Biểu đồ trường hợp sử dụng 13 2.2.4 Đặc tả trường hợp sử dụng .14 2.3 Mơ hình hóa khái niệm 22 2.3.1 Các lớp biên hệ thống 22 2.3.2 Các lớp điều khiển hệ thống .22 2.3.3 Các lớp đối tượng hệ thống 22 2.3.4 Biểu đồ lớp .23 CHƯƠNG 3: SẢN PHẨM HOÀN THIỆN .24 3.1 Cơ sở liệu 24 3.2 Nền tảng website 25 3.3 Nền tảng Android 30 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 34 Xây dựng ứng dụng đọc truyện đa tảng MỞ ĐẦU Tổng quan Truyện tranh, phương tiện sử dụng để thể ý tưởng hình ảnh, thường kết hợp với văn thơng tin hình ảnh khác truyện tranh thường có dạng chuỗi hình ảnh nối tiếp nhau, thơng thường dạng văn bóng hội thoại (speech balloon), thích từ tượng biểu thị đoạn hội thoại tường thuật, hiệu ứng âm thơng tin khác Kích thước xếp khung tranh góp phần tạo nhịp độ tường thuật Ngày nay, xã hội ngày phát triển, nhu cầu giải trí người theo tăng lên, cách giải trí đọc truyện Tuy nhiên có ứng dụng đọc truyện xây dựng nhiều tảng, phần lớn chúng có tảng website Trên sở đó, em định xây dựng ứng dụng đọc truyện đa tảng Công cụ, kết Công cụ: Sublime Text 3, Android studio Ngôn ngữ: HTML, CSS, Javascript, PHP Mã nguồn mở: Laravel Hệ quản trị sở liệu: mySQL Kết quả: Xây dựng ứng dụng đọc truyện hồn thiện chạy nhiều tảng Cấu trúc đồ án Cấu trúc đồ án gồm phần: - Chương 1: Nghiên cứu tổng quan - Chương 2: Phân tích thiết kế hệ thống - Chương 3: Sản phẩm hoàn thiện - Chương 4: Kết luận hướng phát triển Khoa: Khoa học máy tính – Lớp: 18IT4 Xây dựng ứng dụng đọc truyện đa tảng CHƯƠNG 1: NGHIÊN CỨU TỔNG QUAN 1.1 Tìm hiểu cơng cụ 1.1.1 Về tảng Website a) PHP gì? PHP (viết tắt Hypertext Preprocessor) ngơn ngữ lập trình đa mục đích phát triển từ đầu năm 1994 Cụ thể hơn, PHP ngôn ngữ kịch mã nguồn mở, chạy phía server dùng để tạo ứng dụng web Đến nhiều người sử dụng để phát triển ứng dụng phần mềm thơng qua lập trình web đặc điểm ngơn ngữ lập trình sử dụng mã nguồn mở, dễ dàng nhúng vào HTML để phát triển website b) Framework gì? Framework đoạn code viết sẵn, cấu thành nên khung thư viện lập trình đóng gói Chúng cung cấp tính có sẵn mơ hình, API yếu tố khác để tối giản cho việc phát triển ứng dụng web phong phú, động Các framework giống có khung nhà làm sẵn móng bản, bạn cần vào xây dựng nội thất theo ý c) Laravel gì? Laravel PHP framework mã nguồn mở miễn phí, phát triển Taylor Otwell nhắm vào mục tiêu hỗ trợ phát triển ứng dụng web theo kiến trúc model-viewcontroller (MVC) Những tính bật Laravel bao gồm cú pháp dễ hiểu – rõ ràng, hệ thống đóng gói modular quản lý gói phụ thuộc, nhiều cách khác để truy cập vào sở liệu quan hệ, nhiều tiện ích khác hỗ trợ việc triển khai vào bảo trì ứng dụng Theo W3Techs, PHP sử dụng cho 82% website, tên tuổi lớn kể đến Flickr, Facebook, WordPress, … PHP ngôn ngữ lập trình phía máy chủ tuyệt vời cho phép bạn tập trung vào nguyên tắc chính, giúp bạn mở rộng cần thiết, phát triển nhanh chóng dễ dàng với code dễ bảo trì d) Ưu nhược điểm Laravel  Ưu điểm - Sử dụng tính PHP - Tài liệu phong phú - Giảm chu kỳ phát triển truyện - Hỗ trợ cache backend phổ biến - Tích hợp với cơng cụ mail dễ sử dụng Khoa: Khoa học máy tính – Lớp: 18IT4 Xây dựng ứng dụng đọc truyện đa tảng 10  Nhược điểm - Laravel khơng có nhược điểm rõ ràng, chủ yếu đến từ việc không liên kết chặt chẽ phiên dẫn đến việc update gặp khó khăn hay framework tương đối nặng dẫn tới việc tải trang thiết bị di động chậm đôi chút e) Tính Laravel  Những tính tuyệt vời kể đến Laravel là: - Composer: sử dụng để nâng cấp, cài đặt… - Eloquent ORM: thao tác với cú pháp đẹp mắt đơn giản - Restful API: hỗ trợ biến Laravel thành web service API - Artisan: cung cấp lệnh cần thiết để phát triển ứng dụng - View: giúp code nhiều - Migrations: hỗ trợ tạo trường sở liệu, thêm cột bảng, tạo mối quan hệ bảng, hỗ trợ quản lý sở liệu - Authentication: cung cấp sẵn tính đăng nhập, đăng ký, quên mật khẩu… - Unit Testing: hỗ trợ test lỗi để sửa chữa 1.1.2 Về tảng Android a) Android Studio gì? Android Studio IDE thức sử dụng phát triển ứng dụng Android dựa IntelliJ IDEA Chức Android Studio cung cấp giao diện giúp người dùng tạo ứng dụng xử lý công cụ file phức tạp sau hậu trường Ngơn ngữ lập trình sử dụng Android Studio Java cài đặt sẵn thiết bị Khi sử dụng Android Studio ta cần viết, chỉnh sửa lưu trữ chúng dự án file nằm dự án Đồng thời, Android Studio cung cấp quyền truy cập vào Android SDK b) Ưu nhược điểm Android Studio  Ưu điểm - Được phát triển Google, chủ sở hữu hệ điều hành Android - Các gói công cụ hỗ trợ cập nhật đầy đủ - Giao diện tính dễ làm quen sử dụng điểm cộng lớn Khoa: Khoa học máy tính – Lớp: 18IT4 Xây dựng ứng dụng đọc truyện đa tảng Hành động tác nhân 21 Hành động hệ thống Chọn truyện muốn xóa website Chọn mục xóa trang web tin Xóa truyện khỏi hệ thống - Điều kiện sau: Admin xóa thành cơng truyện khỏi hệ thống Sửa truyện - Tác nhân: Admin - Mô tả: Admin chỉnh sửa truyện hệ thống - Điều kiện trước: Đã đăng nhập vào tài khoản - Luồng kiện chính: Hành động tác nhân Hành động hệ thống Chọn mục sửa truyện Hiển thị form sửa truyện Điền thông tin muốn chỉnh sửa truyện Nhấn nút sửa truyện Lưu truyện chỉnh sửa vào hệ thống - Luồng kiện phụ: Hành động tác nhân Hành động hệ thống Thay đổi ý định, hủy sửa bấm quay lại - Điều kiện sau: Admin sửa thành công truyện vào hệ thống Khoa: Khoa học máy tính – Lớp: 18IT4 Xây dựng ứng dụng đọc truyện đa tảng 22 Sửa danh mục truyện - Tác nhân: Admin - Mô tả: Admin chỉnh sửa danh mục truyện vào hệ thống - Điều kiện trước: Đã đăng nhập vào tài khoản - Luồng kiện chính: Hành động tác nhân Hành động hệ thống Chọn mục sửa danh mục truyện Hiển thị form sửa danh mục truyện Điền thông tin muốn chỉnh sửa Nhấn nút sửa Lưu thông tin chỉnh sửa vào hệ thống - Luồng kiện phụ Hành động tác nhân Hành động hệ thống Thay đổi ý định, hủy sửa bấm quay lại Điều kiện sau: Admin sửa thành công danh mục truyện vào hệ thống Khoa: Khoa học máy tính – Lớp: 18IT4 Xây dựng ứng dụng đọc truyện đa tảng 2.3 Mơ hình hóa khái niệm 2.3.1 Các lớp biên hệ thống Hình 2: Các lớp biên 2.3.2 Các lớp điều khiển hệ thống Hình 3: Các lớp điều khiển 2.3.3 Các lớp đối tượng hệ thống Khoa: Khoa học máy tính – Lớp: 18IT4 23 Xây dựng ứng dụng đọc truyện đa tảng Hình 4: Các lớp đối tượng 2.3.4 Biểu đồ lớp Hình 5: Biểu đồ lớp Khoa: Khoa học máy tính – Lớp: 18IT4 24 Xây dựng ứng dụng đọc truyện đa tảng 25 CHƯƠNG 3: SẢN PHẨM HOÀN THIỆN 3.1 Cơ sở liệu Gồm bảng: - Users: Chứa liệu id, tên tài khoản, email, mật quyền tài khoản - Password_resets: Chứa id, email, token - Slide: Chứa liệu id, tên, hình ảnh, nội dung id truyện slide - Truyen: Chứa id, tiêu đề truyện, tóm tắt, nội dung, id thể loại số lượt xem - Theloai: Chứa id thể loại truyện, tên thể loại tên không dấu thể loại - Chap: Chứa id chap, id truyện, thứ tự chap tiêu đề - Trang: Chứa id trang truyện, id chap, thứ tự trang truyện - Comment: Chứa id bình luận, id chap thứ tự bình luận Khoa: Khoa học máy tính – Lớp: 18IT4 Xây dựng ứng dụng đọc truyện đa tảng 26 Hình 6: Biểu đồ sở liệu 3.2 Nền tảng website - Trang chủ: Có chức đăng ký, đăng nhập, giới thiệu, liên hệ, tìm kiếm Phía hiển thị slide, truyện bật thể loại truyện Hình 7: Trang chủ - Trang đăng nhập: Hiển thị ô nhập email, mật để người dùng đăng nhập vào tài khoản cá nhân Hình 8: Trang đăng nhập Khoa: Khoa học máy tính – Lớp: 18IT4 Xây dựng ứng dụng đọc truyện đa tảng - 27 Trang đăng ký: Hiển thị ô nhập họ tên, email, mật để người dùng đăng ký tài khoản Hình 9: Trang đăng ký - Danh sách thể loại: Sau đăng nhập tài khoản admin, trang admin hiển thị danh sách thể loại bao gồm id, tên thể loại, tên khơng dấu, xóa sửa Hình 10: Danh sách thể loại Khoa: Khoa học máy tính – Lớp: 18IT4 Xây dựng ứng dụng đọc truyện đa tảng - 28 Danh sách truyện: Hiển thị danh sách bao gồm id, tiêu đề, tóm tắt, thể loại, bật, xóa, sửa Hình 11: Danh sách truyện - Thêm truyện: Hiển thị ô nhập thể loại, tiêu đề, tóm tắt, nội dung, ảnh truyện Hình 12: Thêm truyện Khoa: Khoa học máy tính – Lớp: 18IT4 Xây dựng ứng dụng đọc truyện đa tảng - 29 Sửa truyện: Hiển thị ô chỉnh sửa thể loại, tiêu đề, tóm tắt, nội dung, hình ảnh, danh sách chap bình luận Hình 13: Sửa truyện - Danh sách người dùng: Hiển thị thông tin người dùng id, tên, email, level, xóa, sửa Hình 14: Danh sách người dùng Khoa: Khoa học máy tính – Lớp: 18IT4 Xây dựng ứng dụng đọc truyện đa tảng - Trang thơng tin truyện: Hiển thị hình ảnh, nội dung truyện, danh sách chap, bình luận Hình 15: Trang thơng tin truyện - 30 Trang truyện: hiển thị hình ảnh truyện, số chap nút chuyển chap Hình 16: Trang truyện Khoa: Khoa học máy tính – Lớp: 18IT4 Xây dựng ứng dụng đọc truyện đa tảng 31 3.3 Nền tảng Android - Màn hình đăng nhập: Hiển thị ô nhập email, mật để đăng nhập vào tài khoản cá nhân - Màn hình đăng ký: Hiển thị ô nhập tên, email, mật khẩu, xác nhận mật để đăng ký tài khoản Hình 17: Màn hình đăng nhập (trái) đăng ký (phải) Khoa: Khoa học máy tính – Lớp: 18IT4 Xây dựng ứng dụng đọc truyện đa tảng 32 - Danh sách truyện: Hiển thị danh sách truyện, tìm kiếm - Danh mục truyện: Hiển thị danh mục thể loại truyện để lọc truyện có danh mục Hình 18: Danh sách truyện (trái) danh mục truyện (phải) Khoa: Khoa học máy tính – Lớp: 18IT4 Xây dựng ứng dụng đọc truyện đa tảng 33 - Màn hình trơng tin truyện: Hiển thị tên truyện, ảnh bìa, tóm tắt, danh sách chap bình luận - Màn hình truyện: Hiển thị hình ảnh truyện, số trang nút chuyển chap Hình 19: Màn hình thơng tin truyện (trái) hình truyện (phải) Khoa: Khoa học máy tính – Lớp: 18IT4 Xây dựng ứng dụng đọc truyện đa tảng - 34 Màn hình thông tin tài khoản cá nhân: Hiển thị tên tài khoản, nút tài khoản chỉnh sửa tên, mật tài khoản Hình 20: Màn hình thơng tin tài khoản cá nhân Khoa: Khoa học máy tính – Lớp: 18IT4 Xây dựng ứng dụng đọc truyện đa tảng 35 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Báo cáo đồ án chuyên ngành trình bày trình bày vấn đề để phát triển ứng dụng đọc truyện đa tảng Từ kết thực tế cho thấy ứng dụng nhiều hạn chế Để ứng sử dụng vào thực tế, cần giải nhược điểm cịn tồn tại, hồn thành tiếp chức chưa hoàn thiện, thực ý tưởng nhằm nâng cao hiệu suất tính thực tiễn ứng dụng Khoa: Khoa học máy tính – Lớp: 18IT4 ... 18IT4 13 Xây dựng ứng dụng đọc truyện đa tảng 2.2.3 Biểu đồ trường hợp sử dụng Hình 1: Biểu đồ trường hợp sử dụng Khoa: Khoa học máy tính – Lớp: 18IT4 14 Xây dựng ứng dụng đọc truyện đa tảng 15... rút kết luận cơng cụ phù hợp cho việc xây dựng ứng dụng đọc truyện đa tảng theo đề tài đề Khoa: Khoa học máy tính – Lớp: 18IT4 Xây dựng ứng dụng đọc truyện đa tảng 12 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ... giải trí đọc truyện Tuy nhiên có ứng dụng đọc truyện xây dựng nhiều tảng, phần lớn chúng có tảng website Trên sở đó, em định xây dựng ứng dụng đọc truyện đa tảng Công cụ, kết Công cụ: Sublime