Setelah tahapan instalasi selesai dilakukan, kita lanjut dengan membuat aplikasi sederhana dengan Android Studio.
Dalam belajar sesuatu yang baru biasanya saya belajar dari hal yang mudah-mudah dulu. Ibarat belajar matematika kia tahu angka dulu baru belajar pertambahan, pengurangan, perkalian dan pembagian. Coba bayangkan bisakah kita memahami penambahan dalam matematika kalau tidak tahu angka. Begitu juga dalam pembuatan aplikasi bisakah kita buat aplikasi Android yang kompleks dan banyak fitur kalau membuat aplikasi yang sederhana saja tidak bisa.
Aplikasi Android sederhana yang akan kita buat adalah aplikasi yang dapat membantu kita menghitung luas persegi panjang.
Sekarang mari kita mulai
1. Buka Android Studio lalu pilih Start a new Android Studio Project.
Akan tampil jendela Create New Project, isikan seperti di bawah ini.
Klik Next lalau centang Phone and Tablet
Klik Next, lalu pilih Blank Activity
Klik Next, dan isi Activity Name dan lainnya seperti dibawah ini.
Setelah itu Klik Finish. Maka secara otomatis menampilkan project yang kita buat.
Disini langsung diperlihatkan layout tampilan activity_main.xml. Dan bisa kita langsung run.
Jika kita punya Device Android silahkan connectkan ke komputer melalui usb port.
Klik Tombol Run maka akan muncul pilihan aplikasi uang dirun dimana. Karena saya sudah menghubungkan Android Moto G saya ke komputer, maka Moto G saya akan muncul Jendela Choose Device. Agar lebih cepat runnya Kita pilih saja Choose Running Device.
Jika tidak punya device maka bisa pilih “Launch Emulator” kemidan klik OK
Maka hasil tampilannya adalah seperti ini.
Loh aplikasi persegi panjang kok isinya Hello World. Harusnya kan ada inputan panjang dan lebar.
2. Untuk menambahkan inputan panjang dan lebar maka kita harus mengedit file layoutnya dalam hal ini activity_main.xml untuk itu replace kode yang ada pada file tersebut dengan kode dibawah ini.
RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity" android:id="@+id/relativeLayout"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Panjang" android:id="@+id/textView" android:layout_alignParentTop="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> <EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:inputType="number" android:ems="10" android:id="@+id/editTextPanjang" android:layout_below="@+id/textView" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Lebar" android:id="@+id/textView2" android:layout_below="@+id/editTextPanjang" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> <EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:inputType="number" android:ems="10" android:id="@+id/editTextLebar" android:layout_below="@+id/textView2" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hitung Luas" android:id="@+id/buttonHitungLuas" android:layout_below="@+id/editTextLebar" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Luas" android:id="@+id/textView3" android:layout_below="@+id/buttonHitungLuas" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> <EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:inputType="number" android:ems="10" android:id="@+id/editTextLuas" android:layout_below="@+id/textView3" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> </RelativeLayout>
Nah salah satu android studio ini adalah kita bisa langsung lihat previewnya
3. Setelah layout selesai sekarang mari kita kerjakan otak dari aplikasi ini yaitu bagian javanya. Buka MainActivity.java lalu ketikan kode berikut.
package net.agusharyanto.persegipanjang; import android.support.v7.app.ActionBarActivity; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; import android.view.View; import android.widget.Button; import android.widget.EditText; public class MainActivity extends ActionBarActivity { private EditText edtPanjang; private EditText edtLebar; private EditText edtLuas; private Button btnHitungLuas; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initUI(); initEvent(); } private void initUI(){ edtPanjang = (EditText) findViewById(R.id.editTextPanjang); edtLebar = (EditText) findViewById(R.id.editTextLebar); edtLuas = (EditText) findViewById(R.id.editTextLuas); btnHitungLuas = (Button) findViewById(R.id.buttonHitungLuas); } private void initEvent(){ btnHitungLuas.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { hitungLuas(); } }); } private void hitungLuas(){ int panjang = Integer.parseInt(edtPanjang.getText().toString()); int lebar = Integer.parseInt(edtLebar.getText().toString()); int luas = panjang*lebar; edtLuas.setText(luas+""); } @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_main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); //noinspection SimplifiableIfStatement if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } }
4. Kalau dulu di eclipse untuk konfigurasi aplikasi ada difile AndroidManifest.xml, kalau di Android Studio konfigurasinya ada pada file build.gradle (module:app)
apply plugin: 'com.android.application' android { compileSdkVersion 21 buildToolsVersion "21.1.2" defaultConfig { applicationId "net.agusharyanto.persegipanjang" minSdkVersion 15 targetSdkVersion 21 versionCode 1 versionName "1.0" } buildTypes { release { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' } } } dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) compile 'com.android.support:appcompat-v7:21.0.3' }
6.Sekarang mari kita run aplikasi kita. Saya sarankan kita punya Handphone Android jadi kita bisa langsung Run ke HP. Karena kalau ke Run menggunakan Emulator itu lambat dan banyak makan Resource komputer kita
Hasil dari aplikasi kita
Isikan nilai Panjang dan Lebar kemudian sentuh tombol Hitung Luas
Mudahkan buat aplikasi android dengan android studio.
Untuk tutorial dalam versi pdf bisa dilihat dibawah ini
Untuk yang masih bingung bisa lihat videonya
Semoga Bermanfaat
Salam Hangat Developer Android
Agus Haryanto
terimakasih gan infonya dan semoga bermanfaat
terima kasih bermanfaat sekali ilmunya
Kok saya di main activity javanya eror ya?
sangat lengkap,
nice post
terima kasih ilmunya om, izin save page buat dipraketkin 🙂
Terima kasih pak agus atas artikel2 yang dulu membantu saya dalam mengerjakan skripsi, sangat bermanfaat..
kenapa saya error di R.menu dan cannot resolve symbol actionsetting
Mantap kang… Langsung dicoba 😀
Dear Mas Agus,
Mohon info nya apa melayani pembuatan App Android?
Best Regards,
Bowo-Manado
baru pertama upload android studio,.. jian lama banget,.. tapi hasilnya joss,..
Its really liked. Thank you!!
sangat membantu dalam belajar Android. thanks
mantap , Thank
Error:CreateProcess error=216, This version of %1 is not compatible with the version of Windows you’re running. Check your computer’s system information to see whether you need a x86 (32-bit) or x64 (64-bit) version of the program, and then contact the software publisher
sulit juga ya om, tapi patut di coba. thanks for share…
javanya error gan
getMenuInflater().inflate(R.menu.menu_main, menu);
if (id == R.id.action_settings) {
thanks gan.
kalo gasupport pake R.id jadi pake apa ya mas?
mantep gan, kalo bikin game bisa pake ini g ya?
good idea. sangat bermanfaat
kenapa punya ane kok java bukan xml?
Bukan nya android studio,tujuanya memudahkan dlm membuat app,just click!!click click kecuali code programing nya…mengapa ribet tutor nya..sayang fitur canggih just click tak di sampaikan… Bagi anda2 kenalih fitur click dan cari tahu fungsinya,ntar kalian tahu sendiri syntax2 nya
mantap gan… tapi praktek kok susah ya…
pingin buat app streaming radio tempat kerja saya kok susah
sukur2 kalau mau berbagi codingannya hehe
makasi mas.. sangat membantu jangan lupa mampir yaa..
http://balog18.blogspot.com/2018/05/contoh-program-gojek-sederhana-dengan.html
Mantap Gan .. Kalau ada yang mau install android studio bisa mengukuti tutorialnya disni http://myphone17.blogspot.com/2018/06/cara-install-android-studio-di-pc.html
Mas punya referensi membuat app ojek online..?
Thank you mas. Saya baru mau belajar nih. Paling susah sih mau buat apa dulu. Sekalinya buat yang susah, gak tahu 🙂