Membuat Handling Button

Assalamualaikum WR.WB.

Hay bertemu lagi di blog saya, kini kita akan belajar membuat Handling Button dengan menggunakan fungsi onClickListener.

Sebelum kita mulai saya akan jelaskan dulu apa si onClickListener itu?
Jadi onClickListener itu adalah suatu fungsi bahasa pemrograman java yang membaca klik atau touch yang dilakukan user pada Button. Nah sebagai contoh Handling Button merupakan salah satu yang memakai fungsi onClickListener tersebut.

Pada pembelajaran Handling Button ini saya akan menampilkan inputan yang akan di input pada plan text setelah itu jika di klik button maka inputan yang tadi di inputkan akan tampil pada button yang kita klik tersebut.

So Let's Try ....... 😁

1. Pertama buka dulu aplikasi Android Studio yang anda punya di dekstop anda. Jika belom punya download di sini dulu bro. Terus install aja sesuai instruksinya. So easy kok.
2. Setelah aplikasi nya terbuka lalu pilih Start a new Android Studio project.

   

   Android Studio versi 2.3.1

3. Selanjutnya beri nama projek yang akan dibuat. Disini saya coba beri nama "Handling_Button". Kalau sudah klik Next.

   

   Create New Project - New Project

4. Selanjutnya tentukan Target Andoid Device dari aplikasi kalian. Untuk lebih gampangnya liat contoh dibawah. Jika sudah pilih Next.

   

   Create New Project - Target Android Device

5. Selanjutnya bagian Add an Activity  to Mobile kita pilih template sesuai yang kita inginkan sesuai kebutuhan. Saya coba menggunakan Empty Activity lalu klik Next.

   

   Create New Project - Add an Activity to Mobile

6. Selanjutnya bagian Customize the Activity langsung saja klik Finish.

   

   Create New Project - Customize the Activity

7. Setelah itu kita tunggu sampai proses building project gradle selesai.
8. Jika proses sudah selesai buka activity_main.xml untuk membuat layoutnya. Lihat design nya pada gambar dibawah. Untuk codingannya dapat di copy di sini . 

   

   Activity_main.xml

9. Selanjutnya kita buka MainActivity.java . Untuk lebih jelasnya liat gambar dibawah. Untuk codingannya dapat di copy di sini . 

   

   MainActivity.java

   
   
   
10. Jika sudah masukan coding seperti instruksi diatas, selanjutnya RUN program nya. Dan akan muncul perintah pada bagian Select Deployment Target . Pilih Create New Virtual Device.

    

    Run Program > Select Deployment Target

    
    
11. Selanjutnya bagian Select Hardware . Setting Default saja seperti gambar dibawah. Lalu klik Next. 

    

    Virtual Device Configuration - Select Hardware

    
    
12. Jika Step diatas sudah di lakukan dan tak ada error maka jika di RUN aplikasinya akan muncul  android virtual seperti gambar dibawah.

    

    Penampakan hasil Handling Button

Nah mungkin itu saja yang bisa saya share dari pembelajaran Handling Button kali ini. Terimakasih atas perhatiannya. Semoga bermanfaat 😉

Wassalamualikum WR. WB.

Membuat Kalkulator Sederhana

Assalamualaikum WR.WB. 

Pada kesempatan ini saya akan share sedikit pengetahuan saya tentang android yaitu membuat  sebuah Aplikasi Kalkulator Sederhana . Bagi user (pengguna) Aplikasi Kalkulator mungkin salah satu Aplikasi secara default (bawaan) di perangkat Android ,yang cukup penting untuk keperluan sehari-hari. Karna Aplikasi ini memang umumnya sudah ada sebelum era Smartphone Android muncul. 

Nah disini kita akan mencoba membuat Aplikasi Simple (sederhana) Kalkulator Android dengan menggunakan Android Studio. Meskipun tidak selengkap dan sesempurna seperti Aplikasi bawaan di perangkat Android, setidaknya kita tahu prosesnya dari mulai layout (desain) dan juga bahasa pemrogramman java dan xml untuk latihan.

1. Pertama buka Android Studionya.

Android Studio Version 2.3

2. Pilih Start a new Android Studio Project.

3. Selanjutnya akan tampil content pada Create New Project, sesuaikan nama dan packace serta location file yang ingin kalian gunakan. Untuk lebih jelasnya lihat contoh dibawah. Jika sudah klik Next.

Create New Project

4. Selanjutnya tentukan Target Android Device dari aplikasi kalian, untuk lebih gampangnya sesuaikan dengan contoh dibawah. Jika sudah klik Next.

Target Android Device

5. Selanjutnya bagian Add an Activity to Mobile kita memilih template yg kalian inginkan sesuai kebutuhan. Saya coba pakai Basic Activity. Jika sudah klik Next.

Add an Activity to Mobile

6. Selanjutnya di bagian Customize the Activity kita langsung pilih aja  Finish.

Customize the Activity

7. Setelah itu kita tunggu sampai proses building project gradle selesai.

Jika proses selesai lalu kita copy kan atau terapkan baris intruksi (codingan) dibawah kedalam file layout content_main.xml dan file java mainActivity.java . 

Untuk coding content_main.xml bisa di copy di link berikut:
https://codepad.co/snippet/tunKStNP

Untuk coding mainActivity.Java bisa di copy di link berikut:
https://codepad.co/snippet/G1Dt9moQ

Design pada Layout content_main.xml

Design dan Text pada Layout activity_main.xml

Jika sudah kalian copypaste dan tidak ada error, selanjutnya jalankan program nya. 

Run program aplikasinya

Setelah di run, Munculah android virtual sehingga memungkinkan kita mencoba aplikasi yang kita bikin. 

Penampakan Aplikasi Kalkulator Sederhana

Sekian tutorial cara membuat kalkulator sederhana, Terimakasih atas perhatiannya, Semoga bermanfaat bagi kalian.

Wassalamualaikum WR.WB.