JOB II

PERSIAPAN CODING

A. TUJUAN
Pada modul 1, akan membahas secara detail hal-hal yang diperlukan dalam rangka
membuat aplikasi smartphone berbasis android, dengan tujuan agar mahasiswa :

Dapat melakukan instalasi program Java, Android SDK dan Eclipse

Dapat membuat program pertama android

B. TEORI
Android adalah aplikasi yang dikembangkan dengan berbasis Java, sehingga
sebelum melakukan coding aplikasi berbasis android, PC/ komputer harus sudah
terinstal program Java. Paket untuk instalasi dapat langsung download secara gratis di
website. Jika menggunakan platform Linux seperti Ubuntu, Java adalah program yang
sudah termasuk dalam repository dalam setiap versi dari Ubuntu, tinggal
menghubungkan Ubuntu ke repository lalu melakukan instalasi Java.
Langkah selanjutnya adalah instalasi android SDK dan Eclipse. Eclipse berisi
IDE eclipse yang akan digunakan untuk membuat coding android. SDK adalah folder
sdk, dalam hal ini platform yang sudah ada adalah android 4.2.2 (API level 17), apabila
menginginkan platform android lainnya dapat melakukan update platform dengan
menggunakan SDK Manager. Sebelum memulai coding yang harus dilakukan
selanjutnya adalah membuat
Android Virtual Device Manager (AVD) untuk menjalankan emulatornya.
Hal yang perlu diperhatikan adalah ketika me-running aplikasi android,
membutuhkan waktu untuk proses loading emulatornya, dianjurkan setelah berhasil
me-running program tidak perlu menutup emulatornya apabila ada program aplikasi
yang lain yang akan di running, sehingga tidak membutuhkan waktu lagi untuk booting
emulator tetapi langsung mengeksekusi project android yang akan dijalankan.

16
 17

C. PRAKTEK
1. Form Biodata Diri
Dalam instalasi Java memerlukan Sun Java SE versi 1.5 atau 1.6 atau versi di
atasnya untuk dapat mengkompilasi aplikasi android yang akan dibuat. Untuk
memastikan versi java yang sudah diinstal dapat dilakukan dengan mengetikkan
perintah

Linux:
Dengan masuk ke terminal/console dan mengetikkan perintah seperti

contoh
berikut:
Javac -version

Windows:
Jika menggunakan OS Windows, cara untuk mengecek versi java adalah
sama, hanya saja jika di Windows untuk mengetikkan perintahnya harus
masuk ke system command line dengan cara : Click Start- pilih run- pada
isian box run ketikkan cmd kemudian tekan Enter atau OK.

File-file yang diperlukan untuk instalasi android sdk dan eclipse adalah seperti
gambar berikut:

adt-bundle-linux-x86_64-20130219 : untuk Linux 64 bit

adt-bundle-linux-x86-20130219 : untuk Linux 32 bit
adt-bundle-windows-x86_64-20130219 : untuk Windows 64 bit
adt-bundle-windows-x86-20130219 : untuk Windows 32 bit
langkah instalasi:

1) Ekstact adt-bundle tersebut ke dalam system folder PC yang akan

digunakan untuk melakukan coding project android. Sesuiakan dengan
operating system
2) Setelah di ekstrak, kemudian buka folder. Untuk memulai membuat coding,
buka folder eclipse dan double-click eclipse.exe. seperti gambar berikut:
 18

3) Setelah itu akan muncul halaman seperti dibawah ini, lalu klik OK:

4) Setelah masuk ke eclipse, Jalankan IDE Eclipse, pilih File => New =>
Android Project, sehingga muncul pilihan seperti berikut, lalu klik Next :

5) Setelah di klik Next, lalu akan muncul halaman seperti dibawah ini dan ikuti
langah-langkahnya:
19
 20

6) Kemudian buatlah layout seperti pada gambar dibawah ini:

 21

7) <RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
8) xmlns:tools="http://schemas.android.com/tools"
9) android:layout_width="match_parent"
10) android:layout_height="match_parent"
11) android:background="@drawable/retno"
12) android:paddingBottom="@dimen/activity_vertical_margin"
13) android:paddingLeft="@dimen/activity_horizontal_margin"
14) android:paddingRight="@dimen/activity_horizontal_margin"
15) android:paddingTop="@dimen/activity_vertical_margin"
16) tools:context=".MainActivity" >
17)
18) <TextView
19) android:id="@+id/textView2"
20) android:layout_width="wrap_content"
21) android:layout_height="wrap_content"
22) android:text="Nama :"
23) android:textColor="#000000" />
24)
25) <TextView
26) android:id="@+id/textView3"
27) android:layout_width="wrap_content"
28) android:layout_height="wrap_content"
29) android:layout_alignLeft="@+id/textView2"
30) android:layout_below="@+id/textView2"
31) android:layout_marginTop="14dp"
32) android:text="NIM :"
33) android:textColor="#000000" />
34)
35) <TextView
36) android:id="@+id/textView5"
37) android:layout_width="wrap_content"
38) android:layout_height="wrap_content"
39) android:layout_alignParentLeft="true"
40) android:layout_below="@+id/textView3"
41) android:layout_marginTop="17dp"
42) android:text="TTL :"
43) android:textColor="#000000" />
44)
45) <TextView
46) android:id="@+id/textView9"
47) android:layout_width="wrap_content"
48) android:layout_height="wrap_content"
49) android:layout_below="@+id/textView5"
50) android:layout_marginTop="14dp"
51) android:text="Alamat :"
52) android:textColor="#000000" />
53)
54) <Button
55) android:id="@+id/button2"
56) android:layout_width="wrap_content"
57) android:layout_height="wrap_content"
58) android:layout_alignBaseline="@+id/button1"
59) android:layout_alignBottom="@+id/button1"
60) android:layout_alignRight="@+id/ratingBar1"
61) android:layout_marginRight="22dp"
62) android:text="exit" />
63)
 22

64) <Button
65) android:id="@+id/button1"
66) android:layout_width="wrap_content"
67) android:layout_height="wrap_content"
68) android:layout_alignParentBottom="true"
69) android:layout_marginBottom="54dp"
70) android:layout_toRightOf="@+id/textView13"
71) android:text="enter" />
72)
73) <RatingBar
74) android:id="@+id/ratingBar1"
75) android:layout_width="wrap_content"
76) android:layout_height="wrap_content"
77) android:layout_above="@+id/button2"
78) android:layout_centerHorizontal="true"
79) android:layout_marginBottom="25dp" />
80)
81) <TextView
82) android:id="@+id/textView11"
83) android:layout_width="wrap_content"
84) android:layout_height="wrap_content"
85) android:layout_alignLeft="@+id/textView9"
86) android:layout_below="@+id/textView9"
87) android:layout_marginTop="14dp"
88) android:text="Hobby :"
89) android:textColor="#000000" />
90)
91) <TextView
92) android:id="@+id/textView1"
93) android:layout_width="wrap_content"
94) android:layout_height="wrap_content"
95) android:layout_above="@+id/textView3"
96) android:layout_toLeftOf="@+id/button2"
97) android:text="Retno wulansuci" />
98)
99) <TextView
100) android:id="@+id/textView13"
101) android:layout_width="wrap_content"
102) android:layout_height="wrap_content"
103) android:layout_alignLeft="@+id/textView11"
104) android:layout_below="@+id/textView11"
105) android:layout_marginTop="17dp"
106) android:text="Surel :"
107) android:textColor="#000000" />
108)
109) <TextView
110) android:id="@+id/textView4"
111) android:layout_width="wrap_content"
112) android:layout_height="wrap_content"
113) android:layout_alignBaseline="@+id/textView3"
114) android:layout_alignBottom="@+id/textView3"
115) android:layout_alignLeft="@+id/textView1"
116) android:text="061440352033" />
117)
118) <TextView
119) android:id="@+id/textView6"
120) android:layout_width="wrap_content"
121) android:layout_height="wrap_content"
 23

122) android:layout_above="@+id/textView9"
123) android:layout_alignLeft="@+id/textView4"
124) android:text="23 Januari 1996" />
125)
126) <TextView
127) android:id="@+id/textView7"
128) android:layout_width="wrap_content"
129) android:layout_height="wrap_content"
130) android:layout_alignBaseline="@+id/textView9"
131) android:layout_alignBottom="@+id/textView9"
132) android:layout_alignLeft="@+id/textView6"
133) android:text="Jln. Rawasari No.1861" />
134)
135) <TextView
136) android:id="@+id/textView10"
137) android:layout_width="wrap_content"
138) android:layout_height="wrap_content"
139) android:layout_alignBottom="@+id/textView13"
140) android:layout_alignLeft="@+id/textView8"
141) android:text="reretwulansuci@gmail.com" />
142)
143) <TextView
144) android:id="@+id/textView8"
145) android:layout_width="wrap_content"
146) android:layout_height="wrap_content"
147) android:layout_above="@+id/textView13"
148) android:layout_alignLeft="@+id/textView7"
149) android:text="Membaca Komik" />
150)
151) </RelativeLayout>