Kamis, 11 Juli 2019

Tutorial Pembuatan Kumpulan Lagu Anak Berbasis Mobile Menggunakan Eclips

Assalamualaikum wr.wb
Haii Gaeessss.... Balik lagi ke Blogg Akoohhhhhh Vinny Wahyu Lestari....
Blogger untuk belajarr ya gaess bukan kaleng-kalenggg...

Kali ini aku akan membuat Aplikasi Berbasis Mobile tentang MP3 Lagu Anak. Mau tau kelanjutannya? yukkk di scrool ke bawahhh...ahaaaaaaa......


Langkahnya yaituu :
1. Klik New Android Application Project -> Lalu dituliskan nama project kalian dan jangan lupa tulis Activity Main kalian yaaaa....

2. Buat lah Desain XML atau layout nya terlebih dahuluuu seperti dibawah ini :

- Saya membuat Layout Login terlebih dahulu

Berikut Codingan nya :

package com.example.vinnywahyulestari;


import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.EditText;

public class Login extends Activity implements OnClickListener{
private String[][] dataUser = {{"ADMIN","ADMIN","Administrator"},
  {"user1","password1","Nama User 1"}, 
  {"user2","password2","Nama User 2"}}; 
private EditText userNameET, passwordET;  private final int SUCCESS=1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);
        userNameET = (EditText) findViewById(R.id.txtuser); 
        passwordET = (EditText) findViewById(R.id.txtpass);
        findViewById(R.id.btnlogin).setOnClickListener(this); 
        findViewById(R.id.btncancel).setOnClickListener(this);
       
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.login, menu);
        return true;
    }
    @Override
public void onClick(View v) {
// TODO Auto-generated method stub
switch (v.getId()){ 
case R.id.btnlogin:
int i=0;
  boolean success=false;
 
  while ((i<dataUser.length) && (!success)){
  if
((userNameET.getText().toString().equals(dataUser[i][0])) && 
 
  (passwordET.getText().toString().equals(dataUser[i][1]))){  success=true;
  } else {
  i++;
  }
  }
 
  Intent intent;
  if (success){
  intent = new Intent(this, MenuUtama.class);  intent.putExtra("namaUser", dataUser[i][2]);
  startActivityForResult(intent,SUCCESS);
  } else {
  userNameET.setError("Username salah");
  passwordET.setError("Password salah");
  }
  break;
 
 
case R.id.btncancel:
  System.exit(0);
  }
  }
@Override
  public void onActivityResult(int requestCode, int resultCode, Intent data){
  switch (requestCode) {  case SUCCESS:
  userNameET.setText("");  passwordET.setText("");
  break; 
}
}
}


- Kemudian Saya membuat layout untuk menu utama :


Berikut Codingan nya :

package com.example.vinnywahyulestari;



import android.os.Bundle;
import android.app.Activity;

import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MenuUtama extends Activity implements OnClickListener{
Button lagu,back;
 
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_menu_utama);
lagu = (Button) findViewById(R.id.btn_lagu);
back = (Button) findViewById(R.id.btn_back);
lagu.setOnClickListener(this);
back.setOnClickListener(this);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_utama, menu);
return true;
}
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
if (v==lagu){
            Intent intent= new Intent(this, List_Lagu.class);            
            startActivity(intent); 
            }
       
        if (v==back){
        Intent intent= new Intent(this,Login.class);            
            startActivity(intent); 
            }; }

}


- Langkah selanjutnya saya membuat Layout List Lagu nya :


Berikut Codingan nya :

package com.example.vinnywahyulestari;

import android.os.Bundle;
import android.app.Activity;
import android.view.*;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;
import android.content.Intent;

public class List_Lagu extends Activity {
ListView LV;
String [] lagu={"Burung Kaka Tua","Cicak-cicak Didinding","Dua Mata Saya","Naik-naik Ke Puncak Gunung","Topi Saya Bundar","Si Kancil"};

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_list__lagu);
LV=(ListView) findViewById(R.id.listView1);
        ArrayAdapter adapter=new ArrayAdapter(this,android.R.layout.simple_list_item_1,lagu);
        LV.setAdapter(adapter);
        LV.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
        long arg3) {
        // TODO Auto-generated method stub
        int itemke=arg2;
        String itemText=(String) LV.getItemAtPosition(arg2);
        Toast.makeText(getApplicationContext(), "text"+itemke, Toast.LENGTH_LONG).show();
       
        if(itemText.equals("Burung Kaka Tua")){
        Intent SeninIntent=new Intent(arg0.getContext(),Lagu_Burung.class);
        startActivityForResult(SeninIntent,0);

        }else if (itemText.equals("Cicak-cicak Didinding")){
            Intent SeninIntent=new Intent(arg0.getContext(),Lagu_Cicak.class);
            startActivityForResult(SeninIntent, 0);

        }else  if (itemText.equals("Dua Mata Saya")){
            Intent SeninIntent=new Intent(arg0.getContext(),Lagu_DuaMata.class);
            startActivityForResult(SeninIntent, 0);
            
        }else  if (itemText.equals("Naik-naik Ke Puncak Gunung")){
            Intent SeninIntent=new Intent(arg0.getContext(),Lagu_Puncak.class);
            startActivityForResult(SeninIntent, 0);
           
        }else  if (itemText.equals("Topi Saya Bundar")){
            Intent SeninIntent=new Intent(arg0.getContext(),Lagu_Topi.class);
            startActivityForResult(SeninIntent, 0);
           
        }else  if (itemText.equals("Si Kancil")){
            Intent SeninIntent=new Intent(arg0.getContext(),Si_Kancil.class);
            startActivityForResult(SeninIntent, 0);
        }
        }}) ;
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.list__lagu, menu);
return true;
}

}


- Sekarang jangan lupa buat activity lagunya yaaaa saya berikan contoh beberapa sajaa :


package com.example.vinnywahyulestari;


import android.app.Activity;
import android.app.AlertDialog;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class Lagu_Burung extends Activity implements MediaPlayer.OnCompletionListener {
private Button play;
private Button pause;
private Button stop;
private MediaPlayer mp;
  @Override
    public void onCreate(Bundle icicle) {
    super.onCreate(icicle);
    setContentView(R.layout.activity_lagu__cicak);
        
    pause= (Button)findViewById(R.id.pause);
    play = (Button)findViewById(R.id.btn_burung);
    stop = (Button)findViewById(R.id.stop_burung);
    
    pause.setOnClickListener(new View.OnClickListener() {
     public void onClick(View view) {
      // TODO Auto-generated method stub
      pause();
     }
    });
    
play.setOnClickListener(new View.OnClickListener() {
  public void onClick(View view) {
   // TODO Auto-generated method stub
   play();
  }
});

stop.setOnClickListener(new View.OnClickListener() {
  public void onClick(View view) {
   // TODO Auto-generated method stub
   stop();
  }
});

setup();

}

    @Override
    public void onDestroy() {
    super.onDestroy();
    if (stop.isEnabled()){
     stop();
   }
}

public void onCompletion(MediaPlayer mp) {
stop();
}

private void play() {
mp.start();
play.setEnabled(false);
pause.setEnabled(true);
stop.setEnabled(true);
}

private void stop(){
mp.stop();
pause.setEnabled(false);
stop.setEnabled(false);
try { mp.prepare();
   mp.seekTo(0);
   play.setEnabled(true);
} catch (Throwable t) {
  goBlooey(t);
}
}

private void pause() {
mp.pause();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(true);
}

private void loadClip() {
try { mp=MediaPlayer.create(this, R.raw.burung);
mp.setOnCompletionListener(this);
} catch (Throwable t) {
goBlooey(t);
}
}

private void setup() {
loadClip();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(false);
}

private void goBlooey(Throwable t) {
AlertDialog.Builder builder=new AlertDialog.Builder(this);
builder .setTitle("Exception!") .setMessage(t.toString()) .setPositiveButton("OK", null) .show();
}
}



package com.example.vinnywahyulestari;

import android.app.Activity;
import android.app.AlertDialog;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;


public class Lagu_Cicak extends Activity implements MediaPlayer.OnCompletionListener {
private Button play;
private Button pause;
private Button stop;
private MediaPlayer mp;
  @Override
    public void onCreate(Bundle icicle) {
    super.onCreate(icicle);
    setContentView(R.layout.activity_lagu__cicak);
        
    pause= (Button)findViewById(R.id.btn_pause);
    play = (Button)findViewById(R.id.btn_play);
    stop = (Button)findViewById(R.id.btn_stop);
    
    pause.setOnClickListener(new View.OnClickListener() {
     public void onClick(View view) {
      // TODO Auto-generated method stub
      pause();
     }
    });
    
play.setOnClickListener(new View.OnClickListener() {
  public void onClick(View view) {
   // TODO Auto-generated method stub
   play();
  }
});

stop.setOnClickListener(new View.OnClickListener() {
  public void onClick(View view) {
   // TODO Auto-generated method stub
   stop();
  }
});

setup();

}

    @Override
    public void onDestroy() {
    super.onDestroy();
    if (stop.isEnabled()){
     stop();
   }
}

public void onCompletion(MediaPlayer mp) {
stop();
}

private void play() {
mp.start();
play.setEnabled(false);
pause.setEnabled(true);
stop.setEnabled(true);
}

private void stop(){
mp.stop();
pause.setEnabled(false);
stop.setEnabled(false);
try { mp.prepare();
   mp.seekTo(0);
   play.setEnabled(true);
} catch (Throwable t) {
  goBlooey(t);
}
}

private void pause() {
mp.pause();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(true);
}

private void loadClip() {
try { mp=MediaPlayer.create(this, R.raw.cicak);
mp.setOnCompletionListener(this);
} catch (Throwable t) {
goBlooey(t);
}
}

private void setup() {
loadClip();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(false);
}

private void goBlooey(Throwable t) {
AlertDialog.Builder builder=new AlertDialog.Builder(this);
builder .setTitle("Exception!") .setMessage(t.toString()) .setPositiveButton("OK", null) .show();
}

}



package com.example.vinnywahyulestari;

import android.app.Activity;
import android.app.AlertDialog;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class Lagu_DuaMata extends Activity implements MediaPlayer.OnCompletionListener {
private Button play;
private Button pause;
private Button stop;
private MediaPlayer mp;
  @Override
    public void onCreate(Bundle icicle) {
    super.onCreate(icicle);
    setContentView(R.layout.activity_lagu__dua_mata);
        
    pause= (Button)findViewById(R.id.btn_Pause);
    play = (Button)findViewById(R.id.btn_play);
    stop = (Button)findViewById(R.id.btn_stop);
    
    pause.setOnClickListener(new View.OnClickListener() {
     public void onClick(View view) {
      // TODO Auto-generated method stub
      pause();
     }
    });
    
play.setOnClickListener(new View.OnClickListener() {
  public void onClick(View view) {
   // TODO Auto-generated method stub
   play();
  }
});

stop.setOnClickListener(new View.OnClickListener() {
  public void onClick(View view) {
   // TODO Auto-generated method stub
   stop();
  }
});

setup();

}

    @Override
    public void onDestroy() {
    super.onDestroy();
    if (stop.isEnabled()){
     stop();
   }
}

public void onCompletion(MediaPlayer mp) {
stop();
}

private void play() {
mp.start();
play.setEnabled(false);
pause.setEnabled(true);
stop.setEnabled(true);
}

private void stop(){
mp.stop();
pause.setEnabled(false);
stop.setEnabled(false);
try { mp.prepare();
   mp.seekTo(0);
   play.setEnabled(true);
} catch (Throwable t) {
  goBlooey(t);
}
}

private void pause() {
mp.pause();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(true);
}

private void loadClip() {
try { mp=MediaPlayer.create(this, R.raw.duamata);
mp.setOnCompletionListener(this);
} catch (Throwable t) {
goBlooey(t);
}
}

private void setup() {
loadClip();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(false);
}

private void goBlooey(Throwable t) {
AlertDialog.Builder builder=new AlertDialog.Builder(this);
builder .setTitle("Exception!") .setMessage(t.toString()) .setPositiveButton("OK", null) .show();
}
}



package com.example.vinnywahyulestari;

import android.app.Activity;
import android.app.AlertDialog;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class Lagu_Puncak extends Activity implements MediaPlayer.OnCompletionListener {
private Button play;
private Button pause;
private Button stop;
private MediaPlayer mp;
  @Override
    public void onCreate(Bundle icicle) {
    super.onCreate(icicle);
    setContentView(R.layout.activity_lagu__puncak);
        
    pause= (Button)findViewById(R.id.btn_Pause);
    play = (Button)findViewById(R.id.btn_play);
    stop = (Button)findViewById(R.id.btn_stop);
    
    pause.setOnClickListener(new View.OnClickListener() {
     public void onClick(View view) {
      // TODO Auto-generated method stub
      pause();
     }
    });
    
play.setOnClickListener(new View.OnClickListener() {
  public void onClick(View view) {
   // TODO Auto-generated method stub
   play();
  }
});

stop.setOnClickListener(new View.OnClickListener() {
  public void onClick(View view) {
   // TODO Auto-generated method stub
   stop();
  }
});

setup();

}

    @Override
    public void onDestroy() {
    super.onDestroy();
    if (stop.isEnabled()){
     stop();
   }
}

public void onCompletion(MediaPlayer mp) {
stop();
}

private void play() {
mp.start();
play.setEnabled(false);
pause.setEnabled(true);
stop.setEnabled(true);
}

private void stop(){
mp.stop();
pause.setEnabled(false);
stop.setEnabled(false);
try { mp.prepare();
   mp.seekTo(0);
   play.setEnabled(true);
} catch (Throwable t) {
  goBlooey(t);
}
}

private void pause() {
mp.pause();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(true);
}

private void loadClip() {
try { mp=MediaPlayer.create(this, R.raw.puncak);
mp.setOnCompletionListener(this);
} catch (Throwable t) {
goBlooey(t);
}
}

private void setup() {
loadClip();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(false);
}

private void goBlooey(Throwable t) {
AlertDialog.Builder builder=new AlertDialog.Builder(this);
builder .setTitle("Exception!") .setMessage(t.toString()) .setPositiveButton("OK", null) .show();
}
}



package com.example.vinnywahyulestari;

import android.app.Activity;
import android.app.AlertDialog;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class Lagu_Topi extends Activity implements MediaPlayer.OnCompletionListener {
private Button play;
private Button pause;
private Button stop;
private MediaPlayer mp;
  @Override
    public void onCreate(Bundle icicle) {
    super.onCreate(icicle);
    setContentView(R.layout.activity_lagu__topi);
        
    pause= (Button)findViewById(R.id.btn_Pause);
    play = (Button)findViewById(R.id.btn_play);
    stop = (Button)findViewById(R.id.btn_stop);
    
    pause.setOnClickListener(new View.OnClickListener() {
     public void onClick(View view) {
      // TODO Auto-generated method stub
      pause();
     }
    });
    
play.setOnClickListener(new View.OnClickListener() {
  public void onClick(View view) {
   // TODO Auto-generated method stub
   play();
  }
});

stop.setOnClickListener(new View.OnClickListener() {
  public void onClick(View view) {
   // TODO Auto-generated method stub
   stop();
  }
});

setup();

}

    @Override
    public void onDestroy() {
    super.onDestroy();
    if (stop.isEnabled()){
     stop();
   }
}

public void onCompletion(MediaPlayer mp) {
stop();
}

private void play() {
mp.start();
play.setEnabled(false);
pause.setEnabled(true);
stop.setEnabled(true);
}

private void stop(){
mp.stop();
pause.setEnabled(false);
stop.setEnabled(false);
try { mp.prepare();
   mp.seekTo(0);
   play.setEnabled(true);
} catch (Throwable t) {
  goBlooey(t);
}
}

private void pause() {
mp.pause();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(true);
}

private void loadClip() {
try { mp=MediaPlayer.create(this, R.raw.topisayabundar);
mp.setOnCompletionListener(this);
} catch (Throwable t) {
goBlooey(t);
}
}

private void setup() {
loadClip();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(false);
}

private void goBlooey(Throwable t) {
AlertDialog.Builder builder=new AlertDialog.Builder(this);
builder .setTitle("Exception!") .setMessage(t.toString()) .setPositiveButton("OK", null) .show();
}
}


Kira-kira seperti itu lahh codingan nyaaa...
Lalu hasil run nya seperti ini yaaa...

1. Masuk menu login dengan user : ADMIN dan pass : ADMIN


2. Lalu akan masuk ke menu utama klik Semua Lagu, kalau di klik back kalian akan kembali ke menu login



3. Setelah masuk ke Semua Lagu, kalian akan masuk ke List Lagu yaaa..... Silahkan di klik Pilihan lagunya 



4. Kita coba klik Cicak-cicak didinding yaaa, setelah kalian play nanti akan mendengar lagu cicak didinding, ketika kalian pause lagu berhenti dan akan lanjut lag ketika kalian klik play, tapi ketika kalian klik stop lagu akan berhenti sepenuhnya .



5. Berikut juga contoh run lagu-lagu yang lainnya :



Nahhh kira-kira seperti ituu pembuatan nyaaa... Cukup sekian yaaa tutorialnyaa, mohon maaf kalau ada kesalahan .......
Wassalamualakum wr.wb.
papaaaayyyyyyy.............................