Đồ án tốt nghiệp ngành công nghệ thông tin PTIT Học viện Công nghệ Bưu chính Viễn thông. Phát triển ứng dụng nghe nhạc trên nền tảng Android.....................................................................................................................................................................................................................................................
HỌ VÀ TÊN SINH VIÊN BỘ THÔNG TIN VÀ TRUYỀN THƠNG HỌC VIỆN CƠNG NGHỆ BƢU CHÍNH VIỄN THƠNG - NGUYỄN BÁ NHẬT ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Đề tài: “Xây dựng ứng dụng nghe nhạc trực tuyến tảng Android” LỚP D17CNPM5 Giảng viên hƣớng dẫn : TS Trần Tiến Công Sinh viên thực hiện: Nguyễn Bá Nhật MSSV: B17DCCN479 Lớp: D17CNPM5 Hệ: Đại học quy HÀ NỘI - 2021 BỘ THÔNG TIN VÀ TRUYỀN THÔNG HỌC VIỆN CƠNG NGHỆ BƢU CHÍNH VIỄN THƠNG - ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Đề tài: “Xây dựng ứng dụng nghe nhạc trực tuyến tảng Android” Giảng viên hƣớng dẫn: TS Trần Tiến Công Sinh viên thực hiện: Nguyễn Bá Nhật MSSV: B17DCCN479 Lớp: D17CNPM5 Hệ: Đại học quy Đồ án tốt nghiệp Đại học NHẬN XÉT (Của giảng viên phản biện) ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… Hà Nội, 12/2021 Giảng viên phản biện SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học NHẬN XÉT (Của giảng viên hƣớng dẫn) ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… Hà Nội, 12/2021 Giảng viên hƣớng dẫn SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Lời cảm ơn LỜI CẢM ƠN Em xin chân thành cảm ơn Khoa Công nghệ Thông tin 1, Học viện Cơng nghệ Bƣu Viễn thơng tạo điều kiện tốt cho em thực đề tài Em xin chân thành cảm ơn Thầy Trần Tiến Cơng, ngƣời tận tình hƣớng dẫn em, giúp em giải vấn đề, bảo em suốt thời gian thực đề tài Em xin gửi lời cảm ơn sâu sắc đến quý Thầy Cô Khoa Công nghệ Thông tin tận tình giảng dạy, trang bị cho em kiến thức quí báu năm học vừa qua Mặc dù em cố gắng hoàn thành luận văn phạm vi khả cho phép, nhƣng chắn khơng tránh khỏi thiếu sót, kính mong cảm thơng tận tình bảo q Thầy Cơ bạn Sinh viên thực Nguyễn Bá Nhật i SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Mục lục MỤC LỤC LỜI CẢM ƠN i MỤC LỤC ii DANH MỤC CÁC KÍ HIỆU VÀ CHỮ VIẾT TẮT iv DANH MỤC CÁC BẢNG vi DANH MỤC CÁC HÌNH VẼ vii MỞ ĐẦU 10 CHƢƠNG 1: GIỚI THIỆU CHUNG 11 1.1 Sự phát triển app di động 11 1.2 Mục tiêu đồ án 12 CHƢƠNG 2: CÁC KIẾN THỨC, KỸ THUẬT SỬ DỤNG 14 2.1 Hệ điều hành Android 14 2.1.1 Giới thiệu 14 2.1.2 Kiến trúc hệ điều hành Android 15 2.2 Ngơn ngữ Java kỹ thuật lập trình hƣớng đối tƣợng 16 2.2.1 Ngơn ngữ lập trình Java 16 2.2.2 Kỹ thuật lập trình hƣớng đối tƣợng 18 2.3 Webservice 18 2.3.1 Giới thiệu Webservice 18 2.3.2 RESTful API 19 2.3.4 Spring Boot 20 2.3.5 Hệ quản trị sở liệu MySQL 20 2.3.6 JPA (Java Persistence API) 21 2.4 Một số kiến thức lập trình Android 22 2.4.1 Activity 22 2.4.2 Fragment 23 2.4.3 Các thƣ viện sử dụng 24 2.4.4 ExoPlayer 24 2.4.6 Service 25 2.4.7 RecyclerView 26 CHƢƠNG 3: PHÂN TÍCH, THIẾT KẾ 28 3.1 Biểu đồ Use case 28 3.1.1 Biểu đồ Use case tổng quát 28 3.1.2 Biểu đồ Use case chi tiết 28 3.2 Biểu đồ hoạt động (activity diagram) 36 3.2.1 Use case đăng ký 36 3.2.2 Use case đăng nhập 36 ii SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Mục lục 3.2.3 Use case đăng xuất 37 3.2.4 Use case xem chi tiết nghệ sĩ/album/playlist/thể loại 37 3.2.5 Use case tạo playlist 37 3.2.6 Use case thêm hát vào playlist 38 3.2.7 Use case theo dõi nghệ sĩ 38 3.2.8 Use case lƣu hát yêu thích 38 3.2.9 Use case xem bảng xếp hạng 39 3.2.10 Use case tìm kiếm nghệ sĩ/bài hát/album/playlist/thể loại 39 3.2.11 Use case chơi nhạc 39 3.2.12 Use case thêm admin/nghệ sĩ/bài hát/album/playlist/thể loại 40 3.2.13 Use case sửa admin/nghệ sĩ/bài hát/album/playlist/thể loại 40 3.2.14 Use case xóa admin/nghệ sĩ/bài hát/album/playlist/thể loại 41 3.3 Biểu đồ lớp phân tích 41 3.4 Kiến trúc hệ thống 42 3.5 Thiết kế sở liệu 42 CHƢƠNG 4: TỔNG KẾT 44 4.1 Giao diện ứng dụng 44 4.1.1 Giao diện website admin 44 4.1.2 Giao diện ứng dụng 53 4.2 Kết luận 56 4.2.1 Đạt đƣợc 56 4.2.2 Hạn chế 56 4.3 Hƣớng phát triển tƣơng lai 56 DANH MỤC TÀI LIỆU THAM KHẢO 57 iii SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Danh mục ký hiệu chữ viết tắt DANH MỤC CÁC KÍ HIỆU VÀ CHỮ VIẾT TẮT Chữ viết tắt Nghĩa tiếng Việt PC: Personal Computer Máy tính cá nhân OS: Operating System Hệ điều hành API: Application Programming Interface Giao diện lập trình ứng dụng OOP: Object Oriented Programming Lập trình hƣớng đối tƣợng JVM: Java Virtual Machine Máy ảo Java RMI: Remote Method Invocation Lời gọi phƣơng thức từ xa EJB: Enterprise Java Beans Giao diện lập trình ứng dụng Java phía máy chủ W3C: World Wide Web Consortium Tổ chức tiêu chuẩn quốc tế cho World Wide Web XML: Extensible markup language Ngơn ngữ đánh dấu mở rộng URL: Uniform Resource Locators Bộ định vị tài ngun thống B2B: Business-to-business Mơ hình kinh doanh thƣơng mại điện tử giao dịch xảy trực tiếp doanh nghiệp với JSON: JavaScript Object Notation Ký hiệu đối tƣợng JavaScript REST: Representational State Transfer Chuyển trạng thái trình bày HTTP: Hypertext Transfer Protocol Giao thức truyền siêu văn HTML: Hypertext Markup Language Ngôn ngữ đánh dấu siêu văn DBMS: Database Management System Hệ quản trị sở liệu JPA: Java Persistence API Là đặc tả tiêu chuẩn Java để làm việc với sở liệu quan hệ ORM: Object Relational Mapping Ánh xạ quan hệ đối tƣợng iv SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Danh mục ký hiệu chữ viết tắt SQL: Structured Query Language Ngôn ngữ truy vấn có cấu trúc JDBC: Java Database Connectivity Kết nối sở liệu Java IPC: Interprocess Communication Giao tiếp liên tiến trình ER Diagram: Entity Relationship Diagram Biểu đồ quan hệ thực thể AI: Artificial Intelligence Trí tuệ nhân tạo v SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Danh mục bảng, hình vẽ DANH MỤC CÁC BẢNG Bảng 3.1: Kịch use case đăng ký 28 Bảng 2: Kịch use case đăng nhập 29 Bảng 3: Kịch use case đăng xuất 29 Bảng 4: Kịch use case xem chi tiết 30 Bảng 5: Kịch use case tạo playlist 31 Bảng 6: Kịch use case thêm hát vào playlist 31 Bảng 7: Kịch use case theo dõi nghệ sĩ 31 Bảng 8: Kịch use case lƣu hát yêu thích 32 Bảng 9: Kịch use case xem bảng xếp hạng 32 Bảng 10: Kịch use case tìm kiếm 33 Bảng 11: Kịch use case chơi nhạc 33 Bảng 12: Kịch use case thêm 34 Bảng 13: Kịch use case sửa 34 Bảng 14: Kịch use case xóa 35 vi SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Chƣơng 4: Tổng kết CHƢƠNG 4: TỔNG KẾT 4.1 Giao diện ứng dụng 4.1.1 Giao diện website admin Hình 1: Giao diện danh sách admin Hình 2: Giao diện thêm admin 44 SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Chƣơng 4: Tổng kết Hình 3: Giao diện sửa admim Hình 4: Giao diện xóa admin Hình 5: Giao diện danh sách nghệ sĩ 45 SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Chƣơng 4: Tổng kết Hình 6: Giao diện thêm nghệ sĩ Hình 7: Giao diện sửa nghệ sĩ Hình 8: Giao diện xóa nghệ sĩ 46 SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Chƣơng 4: Tổng kết Hình 9: Giao diện danh sách hát Hình 10: Giao diện thêm hát Hình 11: Giao diện sửa hát 47 SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Chƣơng 4: Tổng kết Hình 12: Giao diện xóa hát Hình 13: Giao diện danh sách album Hình 14: Giao diện thêm album 48 SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Chƣơng 4: Tổng kết Hình 15: Giao diện sửa album Hình 16: Giao diện xóa album Hình 17: Giao diện danh sách playlist 49 SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Chƣơng 4: Tổng kết Hình 18: Giao diện thêm playlist Hình 19: Giao diện sửa playlist Hình 20: Giao diện xóa playlist 50 SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Chƣơng 4: Tổng kết Hình 21: Giao diện danh sách thể loại Hình 22: Giao diện thêm thể loại Hình 23: Giao diện sửa thể loại 51 SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Chƣơng 4: Tổng kết Hình 24: Giao diện xóa thể loại 52 SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Chƣơng 4: Tổng kết 4.1.2 Giao diện ứng dụng Hình 25: Màn hình welcome Hình 26: Màn hình đăng ký Hình 27: Màn hình đăng nhập Hình 28: Màn hình profile 53 SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Chƣơng 4: Tổng kết Hình 29: Màn hình discover Hình 30: Màn hình trending Hình 31: Màn hình tìm kiếm (1) Hình 32: Màn hình tìm kiếm (2) 54 SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Chƣơng 4: Tổng kết Hình 33: Màn hình chi tiết nghệ sĩ Hình 34: Màn hình chi tiết album Hình 35: Màn hình chi tiết playlist Hình 36: Màn hình chơi nhạc 55 SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Chƣơng 4: Tổng kết 4.2 Kết luận 4.2.1 Đạt đƣợc - Ứng dụng hỗ trợ từ Android 5.0 Lollipop (API 21) trở lên, cho phép khoảng 98% thiết bị chạy Android cài đặt ứng dụng - Giao diện đƣợc thiết kế chế độ dark mode Theo thống kê, dành khoảng đến tiếng ngày nhìn vào hình điện thoại Mặc dù thói quen vừa hại mắt, lại vừa tốn pin điện thoại, khó bỏ đƣợc Xem điện thoại chế độ tối không bảo vệ mắt bạn khỏi bị khơ, mỏi sử dụng nơi có ánh sáng kém, mà cịn giúp tiết kiệm pin cho điện thoại - Nhƣ nói chƣơng 1, cách thức nghe nhạc truyền thống nhƣ: đĩa CD, đĩa than,… có nhiều nhƣợc điểm giá cả, tính di động,… Nhƣng với ứng dụng này, tất nhƣợc điểm khơng cịn Giờ với smartphone kết nối internet, bạn trải nghiệm tính tuyệt vời app: Tìm kiếm hát, nghệ sĩ, album, playlist, thể loại mà bạn u thích cách dễ dàng nhanh chóng Chơi nhạc với chế độ lặp lại, xáo trộn Bạn tạo playlist để lƣu hát u thích Để khơng bỏ lỡ hát từ nghệ sĩ yêu thích, bạn theo dõi họ Màn hình Discover hiển thị playlist, hát, nghệ sĩ hot, album phát hành Màn hình Trending hiển thị bảng xếp hạng hát đƣợc nghe nhiều ngày qua 4.2.2 Hạn chế - Chƣa deploy website admin lên server - Ứng dụng chƣa tối ƣu - Chức dừng lại mức 4.3 Hƣớng phát triển tƣơng lai - Ứng dụng AI để gợi ý hát, nghệ sĩ, album, playlist, thể loại dựa hoạt động ngƣời dùng, từ tăng trải nghiệm ngƣời dùng - Tối ƣu ứng dụng, cải thiện hiệu ứng dụng - Có thể đăng nhập thơng qua Google, Facebook - Thêm số chức nhƣ: hiển thị lời hát; chia sẻ hát lên mạng xã hội; tải hát thiết bị; bình luận, đánh giá hát, nghệ sĩ 56 SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Danh mục tài liệu tham khảo DANH MỤC TÀI LIỆU THAM KHẢO [1] (2021, Feb.) 2/3 dân số giới dùng smartphone [Online] https://zingnews.vn/23dan-so-the-gioi-su-dung-smartphone-post1179822.html [2] (2020, Oct.) Android chiếm ƣu iOS với 60% thị phần Việt Nam [Online] https://vtv.vn/cong-nghe/gan-70-so-smartphone-chinh-hang-tai-viet-nam-comuc-gia-duoi-5-trieu-dong-2020102706471847.htm [3] (2021, Dec.) Mobile Operating System Market Share Worldwide [Online] https://gs.statcounter.com/os-market-share/mobile/worldwide [4] (2017, Sep.) Brief History of Mobile Apps [Online] https://expertise.jetruby.com/briefhistory-of-mobile-apps-286fbbf766a9 [5] Android (hệ điều hành) [Online] https://vi.wikipedia.org/wiki/Android_(hệ_điều_hành) [6] Spring Boot [Online] https://spring.io/projects/spring-boot#overview [7] Jpa-api [Online] https://github.com/eclipse-ee4j/jpa-api [8] Developer Guides | Android Developers [Online] https://developer.android.com/guide [9] ExoPlayer [Online] https://exoplayer.dev/ [10] Retrofit [Online] https://square.github.io/retrofit/ [11] Glide [Online] https://bumptech.github.io/glide/ 57 SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Danh mục tài liệu tham khảo 58 SV Nguyễn Bá Nhật – D17CNPM5 ... lệ, ứng dụng thông báo đăng ký thành công chuyển đến hình đăng nhập 2a Một số trƣờng không hợp lệ, ứng dụng hiển thị thông báo Bảng 3.1: Kịch use case đăng ký 28 SV Nguyễn Bá Nhật – D17CNPM5... 26 SV Nguyễn Bá Nhật – D17CNPM5 Đồ án tốt nghiệp Đại học Chƣơng 2: Các kiến thức, kỹ thuật sử dụng Hình 11: Cơ chế tái sử dụng View RecyclerView (Nguồn: viblo.asia) 27 SV Nguyễn Bá Nhật – D17CNPM5... quí báu năm học vừa qua Mặc dù em cố gắng hoàn thành luận văn phạm vi khả cho phép, nhƣng chắn không tránh khỏi thiếu sót, kính mong cảm thơng tận tình bảo q Thầy Cơ bạn Sinh viên thực Nguyễn Bá