PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG ỨNG DỤNG NGHE NHẠC ONLINE

lOMoARcPSD|9242611 TỔNG LIÊN ĐOÀN LAO ĐỘNG VIỆT NAM TRƯỜNG ĐẠI HỌC TÔN ĐỨC THẮNG KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG ỨNG DỤNG NGHE NHẠC ONLINE Người hướng dẫn: Thầy Nguyễn Thanh Phước Sinh viên thực hiện: Ngô Thanh Phú – MSSV: 518H0243 Nguyễn Phúc Luân – MSSV: 518H00536 Nguyễn Hoàng Thu Ngân – MSSV: 518H0540 Nhóm : Khố : 22 THÀNH PHỐ HỒ CHÍ MINH, NĂM 2021 lOMoARcPSD|9242611 LỜI CẢM ƠN Để thực báo cáo này, nhóm chúng em không ngừng nghiên cứu nổ lực hết mình, với mong muốn hồn thành tốt giao Bên cạnh cố gắng tất cảm thành viên, chúng em xin cảm ơn người bạn lớp đồng hành giúp đỡ thời gian tham gia lớp học, với chúng em xin gửi lời cảm ơn sâu sắc đến thầy Nguyễn Thanh Phước – giảng viên phụ trách giảng dạy môn Phát Triển Ứng Dụng Di Động trường Đại học Tôn Đức Thắng, người tận tâm dạy giúp đỡ chúng em suốt trình học tập làm báo cáo Dù vậy, chúng em khơng khỏi cịn nhiều thiếu sót Rất mong nhận ý kiến đóng góp từ thầy bạn Chúng em xin chân thành cảm ơn lOMoARcPSD|9242611 ĐỒ ÁN ĐƯỢC HỒN THÀNH TẠI TRƯỜNG ĐẠI HỌC TƠN ĐỨC THẮNG Chúng em xin cam đoan cơng trình nghiên cứu riêng chúng em hướng dẫn khoa học thầy Nguyễn Thanh Phước Các nội dung nghiên cứu, kết đề tài trung thực chưa cơng bố hình thức trước Những số liệu bảng biểu phục vụ cho việc phân tích, nhận xét, đánh giá tác giả thu thập từ nguồn khác có ghi rõ phần tài liệu tham khảo Ngồi ra, luận văn cịn sử dụng số nhận xét, đánh số liệu tác giả khác, quan tổ chức khác có trích dẫn thích nguồn gốc Nếu phát có gian lận tơi xin hoàn toàn chịu trách nhiệm nội dung luận văn Trường đại học Tơn Đức Thắng khơng liên quan đến vi phạm tác quyền, quyền tơi gây q trình thực (nếu có) TP Hồ Chí Minh, ngày tháng năm Tác giả (ký tên ghi rõ họ tên) Ngô Thanh Phú Nguyễn Phúc Luân Nguyễn Hoàng Thu Ngân lOMoARcPSD|9242611 PHẦN XÁC NHẬN VÀ ĐÁNH GIÁ CỦA GIẢNG VIÊN Phần xác nhận GV hướng dẫn _ _ _ _ _ _ _ Tp Hồ Chí Minh, ngày tháng năm (kí ghi họ tên) Phần đánh giá GV chấm _ _ _ _ _ _ _ Tp Hồ Chí Minh, ngày tháng năm (kí ghi họ tên) lOMoARcPSD|9242611 TÓM TẮT Music App ứng dụng nghe nhạc giải trí online gồm thể loại nhạc Việt Nam (Vpop), Hàn Quốc (Kpop), Âu Mỹ (USUK) Ý tưởng thực ứng dụng nhằm giúp người “sành nhạc”, người nghe nhạc nói chung thưởng thức hát u thích khơng cần phải tải nhạc máy, mà cần thiết bị Android có kết nối với internet Music app đúc kết ngắn gọn chương sau: Chương Giới thiệu hệ điều hành Android Chương Lý thuyết lập trình ứng dụng Android Chương Phân tích thiết kế hệ thống giao di Chương Kết luận lOMoARcPSD|9242611 MỤC LỤC DANH MỤC CÁC BẢNG BIỂU, HÌNH VẼ, ĐỒ THỊ CHƯƠNG GIỚI THIỆU VỀ HỆ ĐIỀU HÀNH ANDROID .4 CHƯƠNG CƠ SỞ LÝ THUYẾT .5 1) Tổ chức thư mục project android 1.1) Thư mục manifests .5 1.2) Thư mục java 1.3) Thư mục res 2) Các khối cấu thành nên ứng dụng android 2.1) Activity .6 2.2) Service 2.3) Content Provider 2.4) Intent 2.5) Broadcast Receiver .7 2.6) Notification 3) Các thành phần giao diện android 3.1) Lập trình giao diện người dùng 3.2) Views Layouts .7 3.2.1) LinearLayout 3.2.2) FrameLayout 3.2.3) Button 3.2.4) ImageButton .10 3.2.5) ListView .10 3.2.6) TextView .11 CHƯƠNG PHÂN TÍCH – THIẾT KẾ 12 1) Phân tích ứng dụng 12 2) Đặc tả chức 12 2.1) Chức hiển thị danh sách nhạc 12 2.2) Chức Seekbar 13 lOMoARcPSD|9242611 2.3) Chức Play 13 2.4) Chức Pause 13 2.5) Chức Previous 13 2.6) Chức Next 13 3) Thiết kế ứng dụng 13 3.1) Gói Android.media 13 3.2) Lớp MediaPlayer 14 3.3) Quyền Truy cập 15 4) Demo ứng dụng 15 CHƯƠNG KẾT LUẬN 20 TÀI LIỆU THAM KHẢO 20 DANH MỤC CÁC BẢNG BIỂU, HÌNH VẼ, ĐỒ THỊ lOMoARcPSD|9242611 DANH MỤC HÌNH Hình 1 Giao diện màng hình hệ điều dành Android Hình tạo button play next sử dụng XML layout Hình 2 ImageButton .10 Hình Hình minh họa listView 11 Hình Giao diện ứng dụng 16 Hình Màn hình ứng dụng 17 Hình 3 List nhạc ứng dụng 18 Hình Giao diện ứng dụng phát hát .19 CHƯƠNG GIỚI THIỆU VỀ HỆ ĐIỀU HÀNH ANDROID lOMoARcPSD|9242611 Android hệ điều hành di động phổ biến tại, phát triển nhanh Do có, song hành cịn có hệ điều hành khác IOS Winphone Hình 1 Giao diện màng hình hệ điều dành Android Lịch sử Android: - Ra đời vào vào năm 2005, phần chiến lược không gian mobile - Là hệ điều hành nhân Linux sau goolge mua lại đưa Android trở thành hệ điều hành mã nguồn mở Có nghĩa bạn download mã nguồn Android phục vụ cho mục đích riêng Hiện tại, Android xuất sản phẩm nhà sản xuất lớn Samsung, Sony, Htc…từ điện thoại thơng minh-smart phone máy tính bảng, ti vi…Và nói nguyên nhân để phát triển mạnh tới tiềm lớn cho lập trình viên với hệ điều hành lOMoARcPSD|9242611 - Giao diện người dùng android dựa nguyên tắc tác động trực tiếp, sử dụng cảm ứng chạm tương tự động tác đời thực vuốt, chạm, kéo dãn thu lại để xử lý đối tượng hình CHƯƠNG CƠ SỞ LÝ THUYẾT 1) Tổ chức thư mục project android 1.1) Thư mục manifests  Thư mục chứa file AndroidManifest.xml  Trong project Android tạo có file AndroidManifest.xml, file dùng để khai báo với hệ điều hành Activity (hay hình) sử dụng, permission (cấp quyền ứng dụng ví dụ như: gọi điện, gửi tin nhắn hay đọc danh bạ …) theme cho ứng dụng Đồng thời chứa thông tin phiên SDK Activity chạy File tự động sinh tạo Android project Trong file manifest có thành phần là: application, permission version 1.2) Thư mục java  Nơi lưu trữ file java (file java Activity, java class, …) 1.3) Thư mục res Thư mục có thư mục nhỏ bên trong, là: drawable, layout, mipmap, values  drawable: thư mục chứa ảnh ứng dụng lOMoARcPSD|9242611 2.4) Intent - Được sử dụng để truyền thông báo nhằm khởi tạo activity service để thực công việc bạn muốn 2.5) Broadcast Receiver - Thành phần thu nhận intent từ bên gửi tới 2.6) Notification - Đưa cảnh báo mà không làm cho activity ngừng hoạt động Activity, Service, Broadcast Receiver Content Provider thành phần cấu thành nên ứng dụng Android, bắt buộc phải khai báo AndroidManifest 3) Các thành phần giao diện android 3.1) Lập trình giao diện người dùng - Việc lập trình giao diện người dùng bao hàm việc viết mã Java để phát triển giao diện Về bản, muốn tạo nút lập trình, phải khai báo biến button, tạo phiên nó, thêm vào chỗ chứa đặt đặc tính button color, text, text size, background… Bạn muốn khai báo mà button làm mà click, đoạn mã khác - Mọi thứ khai báo lập trình Nhưng java cho phép bạn cụ thể hóa xảy button thực click Đây thuận lợi việc lập trình giao diện người sử dụng Downloaded by tran quang (quangsuphamhoak35@gmail.com) lOMoARcPSD|9242611 3.2) Views Layouts - Android tổ chức thành phần UI Layouts Views, thứ mà nhìn thấy chẳng hạn button, label, textbox chúng View Layouts tổ chức Views, chẳng hạn nhóm button label lại với hay nhóm thành phần - Mỗi Layouts chịu trách nhiệm phân bổ khoảng trống cho thành phần Các Layouts khác sử dụng cách tiếp cận khác để bố trí widgets chúng - Có vài layouts mà thường hay sử dụng nhiều layouts khác, sử dụng như: LinearLayout, RelativeLayout 3.2.1) LinearLayout - LinearLayout Android view group, xếp view (EditText, Button…) nằm theo chiều ngang chiều dọc dựa vào thuộc tính android:orientation 3.2.2) FrameLayout - FrameLayout Android view group thuộc loại layout đơn giản, sử dụng để khoanh vùng khu vực để hiển thị view Tuy nhiên bạn sử dụng nhiều view vào FrameLayout với thuộc tính android:layout_gravity 3.2.3) Button Downloaded by tran quang (quangsuphamhoak35@gmail.com) lOMoARcPSD|9242611 - Button đại diện cho widget nút nhấn Push-button nhấn clicked người sử dụng để thực hành động Hình tạo button play next sử dụng XML layout - Sử dụng button activity sau: public class MyActivity extends Activity { protected void onCreate(Bundle icicle) { super.onCreate(icicle); setContentView(R.layout.content_layout_id); final Button button = (Button) findViewById(R.id.button_id); button.setOnClickListener(new View.OnClickListener() { public void onClick(View v) { // Perform action on click } }); } } 3.2.4) ImageButton Downloaded by tran quang (quangsuphamhoak35@gmail.com) lOMoARcPSD|9242611 10 - ImageButton cách sử dụng hình ảnh nút bấm Theo mặc định trơng giống Button bình thường có background chuẩn - Hình ảnh mặt nút xác định thuộc tính android:src thành phần XML phương thức setImageResource(int) Hình 2 ImageButton 3.2.5) ListView - Được sử dụng để thể danh sách thông tin theo ô, ô thông thường tải lên từ tệp XML cố định số lượng thơng tin loại thơng tin cần thể - Để thể list thơng tin lên screen cần phải có yếu tố chính:  Data Source: ArrayList cấu trúc liệu kiểu danh sách  Adapter: lớp trung gian giúp ánh xạ liệu Data Source vào vị trí hiển thị ListView Chẳng hạn, Data Source có trường name ListView có TextView để thể trường name Tuy nhiên, ListView Downloaded by tran quang (quangsuphamhoak35@gmail.com) lOMoARcPSD|9242611 11 hiển thị liệu Data Source lên Adapter không gán liệu vào cho đối tượng hiển thị  ListView: đối tượng để hiển thị thông tin Data Source cách trực quan người dùng thao tác trực tiếp Hình Hình minh họa listView Downloaded by tran quang (quangsuphamhoak35@gmail.com) lOMoARcPSD|9242611 12 3.2.6) TextView - Hiển thị văn tới người sử dụng cho phép người dùng tùy ý chỉnh sửa Một TextView trình soạn thảo văn đầy đủ, nhiên lớp cấu hình để không cho phép chỉnh sửa Nếu muốn chỉnh sửa văn nhập vào sử dụng EditText thay dùng TextView để chỉnh sửa nội dung CHƯƠNG PHÂN TÍCH – THIẾT KẾ 1) Phân tích ứng dụng 1.1) Đặc tả ứng dụng - Music App ứng dụng nghe nhạc tiện lợi cho phép người dùng nghe hát online mà không cần thời gian tải máy Trong phiên Android hỗ trợ trình phát nhạc “Music” cho phép load hát thẻ nhớ chạy hát Music App ứng dụng tương tự bao gồm chức năng:  Hiển thị danh sách hát, ca sĩ kho liệu online  Phát hát danh sách  Quản lí nhạc theo thể loại, ca sĩ  Chạy hát mặc định sẵn URL Downloaded by tran quang (quangsuphamhoak35@gmail.com) lOMoARcPSD|9242611 13 2) Đặc tả chức 2.1) Chức hiển thị danh sách nhạc - Cho phép hiển thị hát kho liệu dạng list Người dùng phát hát list - Cách hoạt động: - Load đường link khai báo sẵn item (Item.java) - Hiển thị danh sách hát với tên hát, thời gian tên ca sĩ - Người dùng chọn hát để nghe 2.2) Chức Seekbar - Hiển thị thời gian hát phát dùng để tua nghe vị trí tùy thích 2.3) Chức Play - Chạy hát lựa chọn chạy tiếp tục hát người dùng PAUSE hát 2.4) Chức Pause - Tạm dừng hát phát thời điểm CLICK ứng dụng phát lại hát từ đầu ứng dụng quay trở lại danh sách hát để phát lại hát Downloaded by tran quang (quangsuphamhoak35@gmail.com) lOMoARcPSD|9242611 14 2.5) Chức Previous (-10s) - Khi ấn nút hát tua lùi sau 10 giây 2.6) Chức Next (+10s) - Chuyển đến 10 giây hát Khi ấn nút hát tua nhanh đến 10 giây 3) Thiết kế ứng dụng - Android thiết kế dựa tảng Linux lấy ngơn ngữ lập trình Java làm sở thiết kế ứng dụng Lớp gói Android chủ yếu dựa thư viện java.lang.Object Vì nói kiến thức để lập trình android kiến thức java, nghĩa hiểu class, package, biết ý nghĩa từ khóa public, private, protected, thành thạo lệnh if, for(), switch(), while(), cần thiết trình xây dựng ứng dụng 3.1) Gói Android.media - Cung cấp lớp để quản lý giao diện media âm video Các API media sử dụng để chạy số trường hợp dùng để ghi âm lại file media - Android hỗ trợ đầu cho audio music thơng qua lớp MediaPlayer Nó dùng để điều khiển việc chạy phát audio video 3.2) Lớp MediaPlayer Downloaded by tran quang (quangsuphamhoak35@gmail.com) lOMoARcPSD|9242611 15 - Khi đối tượng MediaPlayer vừa tạo lệnh new, lúc trạng thái Idle sau gọi phương thức release, trạng thái End Giữa hai trạng thái vòng đời đối tượng MediaPlayer - Việc gọi phương thức setDataSource(String) để chuyển đối tượng MediaPlayer trạng thái Idle sang trạng thái Initialized - Để bắt đầu việc phát lại, phương thức start() phải gọi Sau gọi thành công start(), đối tượng MediaPlayer trạng thái Started Phương thức isPlaying() gọi để kiểm tra xem đối tượng MediaPlayer có trạng thái Started hay khơng - Việc phát lại tạm dừng, dừng hẳn, vị trí phát lại thời điều chỉnh Việc phát lại tạm dừng thông qua phương thức paused() Khi gọi phương thức paused() trả về, đối tượng MediaPlayer vào trạng thái Paused Chú ý việc chuyển từ trạng thái Started sang trạng thái Paused cố xảy không đồng máy nghe nhạc Nó cần chút thời gian trước trạng thái cập nhật việc gọi phương thức isPlaying() vài giây trường hợp cập nhật nội dung cách trực tiếp - Gọi phương thức stop() để dừng lại chuyển MediaPlayer từ trạng thái Started, Paused sang trạng thái Stopped - Gọi phương thức seekTo() để điều chỉnh vị trí phát lại Õ Mặc dù việc gọi phương thức không đồng seekTo(int) trả theo cách Thực tế hoạt động chuyển động lúc để kết thúc Downloaded by tran quang (quangsuphamhoak35@gmail.com) lOMoARcPSD|9242611 16 Õ Phương thức seekTo(int) gọi trạng thái khác chẳng hạn Prepared, Paused, PlaybackCompleted Õ Hơn nữa, thực tế vị trí phát lại thời đưa với việc gọi phương thức getCurrentPosition() 3.3) Quyền Truy cập - Để sử dụng lớp MediaPlayer ta phải khai báo quyền truy cập (permission) tệp tin AndroidMainfest.xml - Internet Permisson (quyền truy cập Internet): dùng cho trường hợp sử dụng Mediaplayer chơi nhạc URL mạng Ta phải khai báo quyền truy cập sau: 4) Demo ứng dụng Downloaded by tran quang (quangsuphamhoak35@gmail.com) lOMoARcPSD|9242611 17 Hình Giao diện ứng dụng Downloaded by tran quang (quangsuphamhoak35@gmail.com) lOMoARcPSD|9242611 18 Hình List nhạc ứng dụng Downloaded by tran quang (quangsuphamhoak35@gmail.com) lOMoARcPSD|9242611 19 Hình 3 Giao diện phát hát Downloaded by tran quang (quangsuphamhoak35@gmail.com) lOMoARcPSD|9242611 20 CHƯƠNG KẾT LUẬN Android chiếm 87,7% thị phần điện thoại thơng minh tồn giới vào thời điểm quý năm 2017, với tổng cộng tỷ thiết bị kích hoạt 1,3 triệu lượt kích hoạt ngày Sự thành cơng hệ điều hành khiến trở thành mục tiêu vụ kiện liên quan đến phát minh, góp mặt gọi "cuộc chiến điện thoại thông minh" công ty công nghệ Đồ án “Xây dựng ứng dụng nghe nhạc online hệ điều hành Android” đề tài bật ứng dụng phổ biến điện thoại ngày Qua trình làm đề tài lần giúp nhóm em có thêm kiến thức Android đồng thời nắm lập trình ứng dụng Android Kết đạt được: tìm hiểu hệ điều hành Android thực xây dựng demo ứng dụng nghe nhạc sử dụng ngơn ngữ lập trình Java tảng Android  Hạn chế: ứng dụng đơn giản hỗ trợ chạy file có sẵn kho liệu  Hướng phát triển: khắc phục hạn chế trên, tạo ứng dụng hoàn chỉnh giao diện chức năng, chạy máy điện thoại thật đồng thời bổ sung thêm nhiều chức tìm kiếm hát danh sách nhạc,… Downloaded by tran quang (quangsuphamhoak35@gmail.com) lOMoARcPSD|9242611 21 TÀI LIỆU THAM KHẢO Website: http://developer.android.com/ Ebook ebook Android Programming for Beginners Ebook ebook_Hello_Android_2nd_Edition.pdf Ebook help_android_media.pdf Downloaded by tran quang (quangsuphamhoak35@gmail.com) ... Android.media - Cung cấp lớp để quản lý giao di? ??n media âm video Các API media sử dụng để chạy số trường hợp dùng để ghi âm lại file media - Android hỗ trợ đầu cho audio music thơng qua lớp MediaPlayer... EditText thay dùng TextView để chỉnh sửa nội dung CHƯƠNG PHÂN TÍCH – THIẾT KẾ 1) Phân tích ứng dụng 1.1) Đặc tả ứng dụng - Music App ứng dụng nghe nhạc tiện lợi cho phép người dùng nghe hát online. .. AndroidManifest 3) Các thành phần giao di? ??n android 3.1) Lập trình giao di? ??n người dùng - Việc lập trình giao di? ??n người dùng bao hàm việc viết mã Java để phát triển giao di? ??n Về bản, muốn tạo nút lập