sallykartikaa.files.wordpress.com€¦  · Web viewMembuat Music Player dengan Android Studio....

Post on 12-Oct-2020

21 views 0 download

Transcript of sallykartikaa.files.wordpress.com€¦  · Web viewMembuat Music Player dengan Android Studio....

PEMROGRAMAN PIRANTI BERGERAKLAPORAN RESMI

SELECTION WIDGET “MUSIC PLAYER”

DOSEN :MUHAMMAD ROBIHUL MUFID, S.ST

OLEH :SALLY KARTIKA SARI

2 TEKNIK INFORMATIKA-A

TEKNIK INFORMATIKAAKADEMI KOMUNITAS NEGERI LAMONGAN

PROGRAM STUDI DI LUAR DOMISILI KABUPATEN LAMONGANPOLITEKNIK ELEKTRONIKA NEGERI SURABAYA

2019

Membuat Music Player dengan Android Studio1. Buka aplikasi Android Studio.

2. Membuat project baru.Klik Start a new Android Studio Project

3. Memilih project Pilih Phone and Tablet – Empty Activity – Next

4. Mengkonfigurasi projectIsi kolom Name, Save Location, Minimum API Level kemudian Next

5. Gradle syncTunggu proses gradle snyc sampai selesai dan bertanda centang semua.

6. Membuat directory baru dalam “res” yang akan digunakan untuk meletakkan music yang akan diputar. Caranya :

Klik kanan res – New – Directory

Kemudian muncul pop up menambahkan nama baru dan isi nama directorynya dengan “raw”

Copy lagu yang akan anada gunakan

Paste lagu tersebut pada directory raw

7. Mengganti icon, background dan menambahkan gambar Icon

Copy paste gambar untuk icon pada directory mipmap dengan nama “bg”

BackgroundCopy paste gambar pada directory drawable degan nama “bg”

Gambar

Copy paste gambar pada directory drawable dengan nama img

8. Kemudian atur perizinannyaBuka AndroidManifest.xmlGanti nama “senja” pada android:icon="@mipmap/senja" dan android:roundIcon="@mipmap/senja" menjadi nama yang anda gunakan.

9. Pada layout activity_main.xml ketikkan kode program seperti di bawah ini, dan jangan lupa mengganti nama file utuk backgroundya.

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.musicsally">

<application android:allowBackup="true" android:icon="@mipmap/senja" android:label="@string/app_name" android:roundIcon="@mipmap/senja" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application>

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/bg" tools:context=".MainActivity">

<ImageView android:layout_width="359dp" android:layout_height="299dp" android:layout_alignParentStart="true" android:layout_alignParentTop="true" android:layout_alignParentEnd="true" android:layout_centerInParent="true" android:layout_marginStart="25dp" android:layout_marginTop="230dp" android:layout_marginEnd="26dp" android:src="@drawable/img" /> <Button android:id="@+id/button" android:layout_width="109dp" android:layout_height="wrap_content" android:layout_alignParentStart="true" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:layout_marginStart="156dp" android:layout_marginBottom="30dp" android:fontFamily="casual" android:text="PLAY" android:textSize="25sp" android:textStyle="bold" /> <Button android:id="@+id/button2" android:layout_width="109dp" android:layout_height="wrap_content" android:layout_alignParentStart="true" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:layout_marginStart="23dp" android:layout_marginBottom="30dp" android:fontFamily="casual" android:text="PAUSE" android:textSize="25sp" android:textStyle="bold" /> <Button android:id="@+id/button3" android:layout_width="109dp" android:layout_height="wrap_content" android:layout_alignParentEnd="true" android:layout_alignParentBottom="true" android:layout_marginEnd="25dp" android:layout_marginBottom="30dp" android:fontFamily="casual" android:text="STOP" android:textSize="25sp" android:textStyle="bold" /> <TextView android:id="@+id/textView" android:layout_width="412dp" android:layout_height="50dp" android:layout_alignParentStart="true" android:layout_alignParentTop="true" android:layout_alignParentEnd="true" android:layout_marginStart="-2dp" android:layout_marginTop="30dp" android:layout_marginEnd="1dp" android:background="#56E91E63" android:fontFamily="casual" android:text="Fourtwnty - Diskusi Senja" android:textAlignment="center" android:textSize="35sp" android:textStyle="bold" /></RelativeLayout>

10. Pada kelas java MainActivity.java ketik kode program seperti di bawah ini, dan jangan lupa pada bagian “mPlayer = MediaPlayer.create(this,R.raw.senja);” ubah nama senja sesuai dengan nama file music yang sudah Anda siapkan.package com.example.musicsally;

import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import android.media.MediaPlayer;import android.widget.Button;import java.io.IOException;public class MainActivity extends AppCompatActivity { Button btn_play, btn_pause, btn_stop; MediaPlayer mPlayer; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); btn_play = (Button)findViewById(R.id.button); btn_pause = (Button)findViewById(R.id.button2); btn_stop = (Button)findViewById(R.id.button3); stateAwal(); btn_play.setOnClickListener(new View.OnClickListener(){ @Override public void onClick(View view){ play(); btn_play.setEnabled(false); btn_pause.setEnabled(true); btn_stop.setEnabled(true); } }); btn_pause.setOnClickListener(new View.OnClickListener(){ @Override public void onClick(View view){ pause(); } }); btn_stop.setOnClickListener(new View.OnClickListener(){ @Override public void onClick(View view){ stop(); } }); } public void stateAwal(){ btn_play.setEnabled(true); btn_pause.setEnabled(false); btn_stop.setEnabled(false); }

11. Kemudian sambungkan HP android Anda menggunakan kabel USB dan aktifkan opsi debugging

private void play(){ mPlayer = MediaPlayer.create(this,R.raw.senja); try { mPlayer.prepare(); }catch (IllegalStateException e){ e.printStackTrace(); }catch (IOException e){ e.printStackTrace(); } mPlayer.start(); mPlayer.setOnCompletionListener(new MediaPlayer.OnCompletionListener(){ @Override public void onCompletion (MediaPlayer mediaPlayer){ stateAwal(); } }); } public void pause(){ if (mPlayer.isPlaying()) if (mPlayer!=null){ mPlayer.pause(); }else{ if (mPlayer!=null){ mPlayer.start(); } } } public void stop(){ mPlayer.stop(); try { mPlayer.prepare(); mPlayer.seekTo(0); }catch (Throwable t){ t.printStackTrace(); } stateAwal(); }}

12. Cek apakah HP sudah terhubung ke android studio, jika sudah tehubung maka llik tombol di sampingnya, yaitu tombol RUN

13. Tunggu proses build output selesai

Kemudian, terdapat pemberitahuan installasi successfully seperti di bawah ini

14. Cek pada HP Anda, aplikasi telah terinstal

15. Buka dan jalankan aplikasi tersebut

16. Selesai😊

DAFTAR PUSTAKA

http://bacacoding.blogspot.com/2017/09/cara-membuat-aplikasi-audio-player.html