Monday, February 22, 2016

Belajar Android Studio dengan Membuat Aplikasi Android Sederhana

Nama / NIM : I Gusti Ngurah Made Ardika / 1404505096
Jurusan / Fakultas / Perguruan Tinggi : Teknologi Informasi / Teknik / Universitas Udayana
Mata Kuliah : Pemrograman Mobile
Dosen : I Putu Agus Eka Pratama, ST., MT.

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.
01RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
02    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
03    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
04    android:paddingRight="@dimen/activity_horizontal_margin"
05    android:paddingTop="@dimen/activity_vertical_margin"
06    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"
07    android:id="@+id/relativeLayout">
08
09    <TextView
10        android:layout_width="wrap_content"
11        android:layout_height="wrap_content"
12        android:text="Panjang"
13        android:id="@+id/textView"
14        android:layout_alignParentTop="true"
15        android:layout_alignParentLeft="true"
16        android:layout_alignParentStart="true" />
17
18    <EditText
19        android:layout_width="wrap_content"
20        android:layout_height="wrap_content"
21        android:inputType="number"
22        android:ems="10"
23        android:id="@+id/editTextPanjang"
24        android:layout_below="@+id/textView"
25        android:layout_alignParentLeft="true"
26        android:layout_alignParentStart="true"
27        />
28
29    <TextView
30        android:layout_width="wrap_content"
31        android:layout_height="wrap_content"
32        android:text="Lebar"
33        android:id="@+id/textView2"
34        android:layout_below="@+id/editTextPanjang"
35        android:layout_alignParentLeft="true"
36        android:layout_alignParentStart="true" />
37
38    <EditText
39        android:layout_width="wrap_content"
40        android:layout_height="wrap_content"
41        android:inputType="number"
42        android:ems="10"
43        android:id="@+id/editTextLebar"
44        android:layout_below="@+id/textView2"
45        android:layout_alignParentLeft="true"
46        android:layout_alignParentStart="true" />
47
48    <Button
49        android:layout_width="wrap_content"
50        android:layout_height="wrap_content"
51        android:text="Hitung Luas"
52        android:id="@+id/buttonHitungLuas"
53        android:layout_below="@+id/editTextLebar"
54        android:layout_alignParentLeft="true"
55        android:layout_alignParentStart="true" />
56
57    <TextView
58        android:layout_width="wrap_content"
59        android:layout_height="wrap_content"
60        android:text="Luas"
61        android:id="@+id/textView3"
62        android:layout_below="@+id/buttonHitungLuas"
63        android:layout_alignParentLeft="true"
64        android:layout_alignParentStart="true" />
65
66    <EditText
67        android:layout_width="wrap_content"
68        android:layout_height="wrap_content"
69        android:inputType="number"
70        android:ems="10"
71        android:id="@+id/editTextLuas"
72        android:layout_below="@+id/textView3"
73        android:layout_alignParentLeft="true"
74        android:layout_alignParentStart="true" />
75</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.

4. Kalau dulu di eclipse untuk konfigurasi aplikasi ada difile AndroidManifest.xml, kalau di Android Studio konfigurasinya ada pada filebuild.gradle (module:app)
01
apply plugin: 'com.android.application'
02


03
android {
04
    compileSdkVersion 21

05
    buildToolsVersion "21.1.2"
06


07
    defaultConfig {
08
        applicationId "net.agusharyanto.persegipanjang"

09
        minSdkVersion 15
10
        targetSdkVersion 21

11
        versionCode 1
12
        versionName "1.0"

13
    }
14
    buildTypes {

15
        release {
16
            minifyEnabled false

17
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
18
        }

19
    }
20
}

21

22
dependencies {

23
    compile fileTree(dir: 'libs', include: ['*.jar'])
24
    compile 'com.android.support:appcompat-v7:21.0.3'

25
}
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.

BERKOMENTARLAH YANG SANTUN, JANGAN SPAM, AYO BERKOMENTARLAH DISINI. . .

Ditulis Oleh : I Gusti Ngurah Made Ardika ~ Mari Berbagi dan Belajar Bersama

Artikel Belajar Android Studio dengan Membuat Aplikasi Android Sederhana ini diposting oleh I Gusti Ngurah Made Ardika pada hari Monday, February 22, 2016. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

0 komentar:

Post a Comment

Mari kita saling berkomentar. Jika kalian suka dengan artikel ini, ayo kita "Share" untuk membagikan informasi ini kepada sobat yang lain agar lebih bermanfaat. Terima kasih, Salam Blogger . . .