Halaman

Senin, 10 Februari 2014

Tutorial membuat kalkulator konversi sederhana pada eclipse Cara membuat kalkulator konversi sederhana menggunakan eclipse cukup sederhana, disini saya menggunakan eclipse versi 4.2.1 . Kita mulai dengan langkah pertama :
1.Pada menu File > New > Android Project. Atau bisa juga menggunakan Button New yang ada pada Toolbars, kemudain pada dialog New Project, pilih Android > Android Project.
2.Pada dialog new Android Project, beri nama Project dengan nama ”Kalkulator Konversi”. Kemudian pilih Next>.


 3. Kemudian pilih Next > akan muncul tampilan seperti dibawah.





Ket : Dibawah pilihan "Create Project in Workspace" ada tulisan "C:\Users\MI-WON\workspace\KalkuKonversi" itu menujukkan tempat project anda tersimpan.

4.Berikut ini tampilan untuk mengganti icon (bisa menggunakan gambar.ico atau berupa text).untuk mengganti icon kita bahas pada posting berikutnya, skrg kita pakai yg standar saja, klik next.



 5. Nama activity bisa anda sesuaikan, Pilih next.


Ket : Create Activity adalah nama file tmpat kita mengatur tampilan aplikasi Project Overview. Setelah Project berhasil dibuat, secara otomatis framework aplikasi Android Anda akan digenerate (lihat pada gambar). Beberapa hal penting yang perlu Anda perhatikan dari project ini diantaranya yakni:
  • src
berisi source code/script Java untuk Program.
  • gen
berisi file-file yang digenerate otomatis oleh SDK. Karena akan secara otomatis di ubah oleh SDK maka jangan mengubah file-file yang ada di dalamnya.
  • res
Berisi file-file resource yang dibutuhkan aplikasi. Seperti file gambar, audio, layout, theme dan lainnya.
  • AndroidManifest.xml Berisi konfigurasi Activity aplikasi dan perizinan akses aplikasi terhadap
system.


Mode yang bisa digunakan untuk membuat layout melalui Layout Editor ada 2 yakni dengan menggunakan mode Grafis atau mode XML. Pada mode Grafis telah disediakan Pallete yang didalamnya terdapat Widgetwidget yang dapat digunakan pada aplikasi.
Kita akan mencoba membuat layout dengan menggunakan mode grafis. Berikut langkah-langkahnya:
  1. Buka layout main (main.xml).
  2. Hapus Text widget yang telah ada (bertuliskan ”Hello World, KalkulatorKonversiActivity!”pada layout).
  3. Tambahkan beberapa widget berikut secara berurutan:
    1. TextView (berada pada pallete Form Widgets),
    2. EditText (berada pada pallete Text Field, bila perlu pilih Edit-Text dengan format Number),RadioGroup (berada pada pallete Form Widgets), dan Button (berada pada pallete Form Widgets).
  
6. Selanjutnya, kita perlu mengubah property masing-masing widget yang telah kita tambahkan pada layout. Cara yang bisa kita gunakan untuk mengubah propertynya yakni dengan cara meng-klik kanan pada widget
tersebut, kemudian pilih sub-menu yang merepresentasikan propertynya.atau bisa juga dengan mengubahnya langsung pada file XML-nya dengan memasuki mode XML Editor.
Untuk lebih memudahkan pemahaman, kita akan mengubah propertinya melalui XML editornya. Masuk ke mode XML editor dengan mengklik tab activity_main.xml yang berada persis dibawah editor layout.
Kemudian Ubah property masing-masing Widget yang ada menjadi:

 
Setelah itu klik Graphical Layout untuk melihat hasilnya.

Selanjutnya untuk menambahkan logika program kita perlu membuat activity untuk layout yang tadi kita buat, klik pada MainActivity kemudian isikan script seperti di bawah ini :
Perhatikan script :setContentView(R.layout.activity_kalkulator_konversi); ini tergantung nama activity yang anda buat.

Selanjutnya kita perlu menambahkan logika program ke dalamnya. Skenario aplikasinya yakni:
• User memasukkan input berupa angka ke dalam Text Field,
• Kemudian user memilih jenis konversi Meter ke Feet atau Feet ke Meter, pilihan default adalah Meter ke Feet (1 meter = 3.2808399 feet).
• Ketika user menekan button ”Proses”, program akan mengkalkulasi angka yang dimasukkan pada text field sesuai dengan pilihan modenya.

Keterangan: Toast digunakan untuk menampilkan notifikasi pada layar. Sedangkan AlertDialog.Builder dan AlertDialog digunakan untuk membuat Alert dialog, dimana nanti hasil kalkulasi akan ditampilkan ke dalam dialog ini.



Selanjutnya kita lakukan Running.
Ada beberapa cara untuk menjalankan program, Pertama dengan menekan kombinasi tombol Ctrl+F11 atau melalui menu Run > Run atau dengan menekan Button Run pada toolbar atau klik kanan pada project explorer yg ada di sebelah kiri-> pilih Run As -> Android Aplication.




Hasil setelah dijalankan.





Okee.. selesai sudah tutorial kali ini...
Nantikan Tutorial berikutnya ;)