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

14
PEMROGRAMAN PIRANTI BERGERAK LAPORAN RESMI SELECTION WIDGET “MUSIC PLAYER” DOSEN : MUHAMMAD ROBIHUL MUFID, S.ST OLEH : SALLY KARTIKA SARI 2 TEKNIK INFORMATIKA-A TEKNIK INFORMATIKA AKADEMI KOMUNITAS NEGERI LAMONGAN

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

Page 1: sallykartikaa.files.wordpress.com€¦  · Web viewMembuat Music Player dengan Android Studio. Buka aplikasi Android Studio. Membuat project baru. Klik Start a new 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

Page 2: sallykartikaa.files.wordpress.com€¦  · Web viewMembuat Music Player dengan Android Studio. Buka aplikasi Android Studio. Membuat project baru. Klik Start a new Android Studio

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

Page 3: sallykartikaa.files.wordpress.com€¦  · Web viewMembuat Music Player dengan Android Studio. Buka aplikasi Android Studio. Membuat project baru. Klik Start a new Android Studio

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 :

Page 4: sallykartikaa.files.wordpress.com€¦  · Web viewMembuat Music Player dengan Android Studio. Buka aplikasi Android Studio. Membuat project baru. Klik Start a new Android Studio

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

Page 5: sallykartikaa.files.wordpress.com€¦  · Web viewMembuat Music Player dengan Android Studio. Buka aplikasi Android Studio. Membuat project baru. Klik Start a new Android Studio

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

Page 6: sallykartikaa.files.wordpress.com€¦  · Web viewMembuat Music Player dengan Android Studio. Buka aplikasi Android Studio. Membuat project baru. Klik Start a new Android Studio

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">

Page 7: sallykartikaa.files.wordpress.com€¦  · Web viewMembuat Music Player dengan Android Studio. Buka aplikasi Android Studio. Membuat project baru. Klik Start a new Android Studio

<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>

Page 8: sallykartikaa.files.wordpress.com€¦  · Web viewMembuat Music Player dengan Android Studio. Buka aplikasi Android Studio. Membuat project baru. Klik Start a new Android Studio

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); }

Page 9: sallykartikaa.files.wordpress.com€¦  · Web viewMembuat Music Player dengan Android Studio. Buka aplikasi Android Studio. Membuat project baru. Klik Start a new Android Studio

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(); }}

Page 10: sallykartikaa.files.wordpress.com€¦  · Web viewMembuat Music Player dengan Android Studio. Buka aplikasi Android Studio. Membuat project baru. Klik Start a new Android Studio

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

Page 11: sallykartikaa.files.wordpress.com€¦  · Web viewMembuat Music Player dengan Android Studio. Buka aplikasi Android Studio. Membuat project baru. Klik Start a new Android Studio

14. Cek pada HP Anda, aplikasi telah terinstal

15. Buka dan jalankan aplikasi tersebut

16. Selesai😊

Page 12: sallykartikaa.files.wordpress.com€¦  · Web viewMembuat Music Player dengan Android Studio. Buka aplikasi Android Studio. Membuat project baru. Klik Start a new Android Studio

DAFTAR PUSTAKA

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