Membuat aplikasi sederhana berbasis Android

Kali saya akan memposting bagaimana cara membuat aplikasi sederhana berbasis android. Sebelum masuk ke topik pembahasan, saya ingin memberikan gambaran bahwa bahasa pemrograman android terdiri dari bahasa XML dan JAVA. Dimana XML berfungsi untuk mendesain layout dan java berfungsi untuk pemrosesan. Semua proses didalam aplikasi android diambil alih sepenuhnya oleh bahasa pemrograman JAVA. Jadi untuk membuat aplikasi berbasis android tidak bisa terlepas dari java.

Java adalah bahasa pemrogram berorientasi object (OOP) yang bersifat case sensitive, artinya huruf besar dan huruf kecil dibedakan. Jadi, untuk membuat aplikasi android benar2 dituntut ketelitian dalam pengetikan koding.

Disini saya akan membuat aplikasi selingkuhan sederhana berbasis android dengan cara kerjanya ketikan seseorang memasukan namanya, nama pasangannya, dan nama selingkuhannya dan klik tombol ok maka akan muncul pesan seperti yang terlihat pada gambar disamping.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- In Articles Ads -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-3786943708043906"
     data-ad-slot="8852105979"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Adapun software yang saya gunakan bisa download langsung disini.

Baiklah, Langsung saja kita mulai.

Buat project baru dengan cara klik menu file => New => Project.

Maka akan tampil jendela seperti gambar berikut :

Pilih Android Project lalu klik tombol Next.

Maka akan tampil jendela berikutnya untuk membuat nama project,nama aplikasi dan sebagainya.

Silahkan buat nama projectnya seperti gambar berikut ini :

Pada gambar diatas bisa kita lihat bahwa saya akan membuat sebuah project yang bernama PrjSelungkuh dan Targetnya adalah Samsung GALAXI Tab. Nah, teman2 tidak harus mengetikan sama dengan apa yang saya ketikan diatas, tetapi yang harus diperhatikan adalah min SDK Version nya harus disamakan dengan API nya samsung galaxi itu sendiri sesuai yang terlihat pada gambar diatas.

Setelah mengisi semua yang dibutuhkan diatas, lalu klik tombol Finish.

Nah, sekarang project saya sudah terlihat dijendela sebelah kiri dan silahkan klik projectnya dan klik folder res => layout => main.xml dan klik 2x pada main.xml.

Maka akan terlihat di tengah-tengah jendela Eclipse kita seperti gambar berikut ini:

Nah, disinilah kita membuat desain dari layout project android yang akan di bangun.

Secara default tampilan dari layout android kita adalah seperti gambar diatas yang terdiri dari satu Layout dan satu TextView.

Untuk membuktikannya  silahkan beralih ke Tab main.xml yang terletak dibawah desain layout kita, maka akan terlihat kodingnya seperti gambar berikut :

Koding diatas tidak kita ketikan secara manual melainkan tercipta dengan sendirinya ketikan kita melatakkan masing-masing komponen ke desain layout kita, jadi untuk sementara waktu jangan pusing2 untuk memikirkan koding diatas Ok.!

Sekarang kita masuk saja sesi mendesain tampilan dari aplikasi android kita, silahkan beralih ke tab Graphical Layout seperti semula, Ok sekarang tambahkan komponen yang bernama EditText dengan cara klik_drag ke desain android kita seperti gambar berikut:

Seperti yang terlihat pada gambar diatas yang saya beri tanda panah adalah EditText dan yang saya beri kotak berwarna hitam adalah Graphical Layout dan main.xml dan saya sebutkan sebelumnya.

Setelah menambahkan komponen EditText seperti gambar diatas, silahkan atur propertiesnya seperti tabel berikut :

Maka akan terlihat tampilan layout kita seperti berikut :

Sampai disini udah ok belum.?

Kalo ok, mari kita lanjut. Sekarang tambahkan 2 komponen EditText lagi dengan setingan Propertiesnya sama dengan yang sebelumnya sudah dijelaskan hanya yang membedakannya adalah Hint nya saja. Untuk EditText yang kedua Hint nya “Masukan Nama Pacar Anda” dan untuk Hint yang ketika adalah “Masukan Nama Selingkuhan Anda”.

Seperti yang terlihat pada layar layout saya berikut ini:

Ok, selanjutnya tambahkan juga sebuah komponen lagi yaitu Button, seperti yang terlihat pada gambar berikut :

Untuk Button (Tombol) silahkan atur propertiesnya seperti tabel berikut :

Nah, sekarang kita sudah selesai dalam mendesain aplikasi android kita sekarang kita masuk ke tahap berikutnya yaitu pembuatan koding, supaya aplikasi kita bisa digunakan dan diproses sesuai dengan keinginan kita.

Seperti yang saya jelaskan sebelumnya, semua proses yang ada di aplikasi android yang kita buat diambil alih oleh java. Jadi kita harus menguasai bahasa java dalam pemrograman android ini.

Ok langsung saja, klik project kita yang berada disebelah kiri jendela Eclipse kita dan masuk ke Aktivity1.java seperti gambar berikut ini:

Klik 2x pada Aktivity1.java maka akan tampil jendela default kodingnya seperti gambar berikut:

Nah, disinilah kita menyusun barisan perintah (koding) yang disusun berdasarkan logika kita sendiri dengan syarat tidak menyalahi aturan dari konsep penulisan koding java.
Sekarang ketikan koding untuk mengimport widget yang kita gunakan didesain aplikasi android yang telah kita desain agar komponen-komponen yang kita letakkan di layout di kenali oleh java.

Ketikan koding berikut :

package fikriberbagi.com;

import android.app.Activity;

import android.os.Bundle;

import android.widget.*;

import android.view.*;

public class Aktivity1 extends Activity {

    /** berikut ini adalah variabel. */

       EditText NamaAnda;

       EditText NamaPasanganAnda;

       EditText NamaSelingkuhAnda;

       Button TombolOK;

       CharSequence pesan;

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

       

        NamaAnda=(EditText)findViewById(R.id.EditText01);

        NamaPasanganAnda=(EditText)findViewById(R.id.EditText02);

        NamaSelingkuhAnda=(EditText)findViewById(R.id.EditText03);

        TombolOK=(Button)findViewById(R.id.Button01);

    }

    public void Ok(View v){

       pesan="Nama Anda Adalah "+NamaAnda.getText()+" Bepacaran dengan "+NamaPasanganAnda.getText()+" Sekarang sedang berselingkuh dengan "+NamaSelingkuhAnda.getText();

       Toast.makeText(getApplicationContext(), pesan, Toast.LENGTH_LONG).show();

    }

}

Penjelasan Koding :

Koding diatas berfungsi untuk mendeklarasikan variabel, seperti yang kita buat di desain layout kita terdiri dari 3 komponen EditText dan sebuah Button, sedang CharSequence berfungsi untuk menampung data bertipe String yang diinputkan dari EditText.

Catt : Nama variabel tidak boleh menggunakan spasi.

Nah, koding diatas ini berfungsi agar ketika aplikasi dijalankan maka EditText01 akan dianggap sebagai NamaAnda dan EditText02 akan dianggap sebagai NamaPasanganAnda dan seterusnya. 

Sedangkan koding dibawahnya seperti gambar berikut ini  adalah koding yang berfungsi untuk mengeksekusi perintah dari aplikasi android yang kita buat.

Jika gambarnya kurang jelas, bisa dilihat lagi di koding lengkap diatas.

Nah, koding ini bekerja dengan cara ketika tombol OK diklik maka tampil Nama anda adalah (apa yang diinputkan dari EditText1) berpacaran dengan (apa yang diinputkan di EditText2) sekarang sedang berselingkuh dengan (apa yang dinputkan di EditText3) yang tampung didalm sebuah variabel pesan.

Catt: ketikan koding berikut satu baris seperti gambar diatas, jika tidak maka akan error .

Apa yang ditampung di dalam variabel pesan akan ditampilkan ditampilkan menggunakan koding berikut :

Akhirnya selesai juga aplikasi android kita.

Silahkan jalankan project nya dengan cara klik kanan pada projectnya => Run As => Android Aplication seperti gambar berikut:

Maka akan tampil smartphone Samsung GALAXI Tab kita seperti gambar berikut :

Masukan nama anda, nama pasangan anda dan nama selingkuhan anda lalu kli tombo Ok

Maka, akan tampil pesan seperti gambar diatas yaitu “Nama Anda adalah Fikri Berpacaran dengan Cinta Laura sekarang berselingkuh dengan annisa cherybell”.

Catt: jangan iri ya, melihat nama pacar dan selingkuhan saya hehe..!!

Sekian dulu guys tutorial kali ini, kita bertemu lagi di tutorial berikutnya wassalam...