PEMROGRAMAN MOBILE

“PRAKTIKUM 6 (RESPONSI)”

Disusun oleh :

CYNTHIA STEFFI CLIFF

12.12.0037

SI 12 A

http://cliffnewbie.wordpress.com/

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM PURWOKERTO

Jl. Let. Jend. Pol. Sumarto, Purwokerto Utara

Tahun Akademik 2012

BAB I

LANDASAN TEORI

A. Landasan Teori

1. Pengertian Eclipse

Eclipse adalah sebuah IDE (Integrated Development Environment)

untuk mengembangkan perangkat lunak dan dapat dijalankan di semua

platform (platform-independent). Sifat-sifat dari eclipse dapat

diketahui sebagai berikut :

a. Multi-platform:

b. Mulit-language

c. Multi-role

2. Pengertian SDK Android

SDK (Software Development Kit). SDK adalah suatu tools dan

API yang diperlukan untuk mengembangkan aplikasi pada platform

atau linkungan Android. Pengembangan aplikasi Android

menggunakan bahasa pemrograman Java. Seperti kita ketahui,

SDK ini dikembangkan oleh OHA (Open Handsate Alliance).

Organisasi OHA ini terdiri atas Googl, Intel, Motorola, Qualcomm, T-

Mobile, dan NVIDIA.

3. Resources

Dalam project Android, kita juga akan menjumpai direktori res/

yang memuat “sumber-sumber” (file tetap seperti gambar yang

dikemas bersama dengan aplikasi). Beberapa sub direktori yang

akan dijumpai atau dibuat di bawah direktori res/ terdiri dari:

a. res/drawable/ untuk gambar (PNG, JPEG, etc)

b. res/layout/ untuk spesifikasi UI layout yang dibuat dengan XML

c. res/raw/ for general-purpose files (misalnya CSV File of

Account Information)

d. res/values/ untuk menyimpan nilai strings, dimensions dan

sejenisnya

e. res/xml/ for other general purpose XML Files you wish to ship

4. Radio Button Pada Eclipse

Radio button dapat digunakan untuk membuat suatu pilihan.

Praktikum sekarang akan mempergunakan user interface berupa radio

button.

5. Komponen User Interface

Arsitektur UI meliputi Activity dan user interface yang terdiri dari

komponen.

Berada di res/layout/filename.xml

coding java untuk memanggilnya = R.java

ViewGroup

Kumpulan view untuk menentukan tata letak komponen view

secara berbeda, c/o: Linear Layout, Relative Layout, Frame Layout

& Tabulasi. Atribut View Group: Android :id

berisi variabel unik dari element

tersebut

Android : layout_height

Android : Layout_width

View : dikenal sebagai individual UI component

6. Komponen Android Manifest.xml

<Manifest> : atribut package & paket activity

<uses permission> : user permission

<Permission> : batasan permission

<Instrumentation>: komponen instrument untuk menguji

fungsionalitas package

<Application> : element root ->deklarasi aplikasi android

<Intent Filter> : deklarasi intent yang dibutuhkan oleh aplikasi

<Action> : action type yang didukung komponen

<Category> : deklarasi kategori

<Data>: deklarasi tipe MIME, authority

<Meta- Data> : meta data yang dibutuhkan sebagai tambahan data

<Receiver> : aplikasi diberikan info sesuatu perubahan, c/o: sms

7. Checkbox Pada Eclipse

Check Box digunakan untuk pilihan yang isinya berisi yes/no,

true/false.

8. User Interface

Merupakan segala sesuatu yang dapat dilihat oleh user dan dapat

digunkaan oleh user untuk berinteraksi dengan aplikasi tersebut.

9. List View

Komponen ListView digunakan untuk menampilkan daftar opsi atau

piliahan pada android. list yang ditampilkan dapat di-scroll. Pada

ListView dapat ditambahkan action, jika kita mengklik atau memilih

salah satu item dari ListView dapat menggunakan

setOnItemClickListener

10. Array Adapter

Para ArrayAdapter terbatas karena hanya mendukung pemetaan

toString() untuk satu tampilan dalam tata letak baris. Untuk

mengontrol tugas data dan untuk mendukung beberapa pandangan,

Anda harus membuat implementasi adaptor pelanggan Anda. Untuk

ini,

11. Layout Manager

Untuk meletakan komponen (view) pada layar, android menggunakan

layout manager.

Jenis layout manager:

1. Absolute Layout,

2. Relative Layout,

3. Linear Layout,

4. Table Layout,

5. Frame Layout.

Tiap jenis layout tersebut akan dijelaskan menggunakan contoh

program android. Berikut

ini penjelasan masing-masing layout tersebut:

a) Absolute Layout

Absolute layout didasarkan pada ide sederhana dengan

menempatkan masing-masing kontrol pada posisi absolut.

Penentuan koordinat x dan y pada layar untuk setiap kontrol.

b) Relative Layout

RelativeLayout mengatur posisi secara relatif berdasarkan

posisi widget yang lain atau parentnya. Hal ini bisa dibilang tata

letak yang rumit , dan kita perlu beberapa properti untuk benar-

benar mendapatkan tata letak yang kita inginkan.

c) Linear Layout

Tata letak linear mengatur elemen sepanjang garis tunggal.

Menentukan apakah garis yang vertikal atau horizontal

menggunakan android: orientasi.

d) Table Layout

TableLayout meletakan komponen dalam bentuk tabel (baris

dan kolom), mirip seperti Table yang digunakan di HTML

untuk mengatur layout. Pengguna mendefinisikan baris dengan

tag <TableRow> dan secara otomatis sistem mendefinisikan

kolomnya. Penentuan bahwa elemen harus menempati lebih dari

satu kolom menggunakan android: layout_span. Hal ini dapat

meningkatkan jumlah total kolom juga, jadi jika kita memiliki

baris dengan dua elemen dan setiap elemen memiliki android:

layout_span = "3" maka akan memiliki setidaknya enam

kolom dalam tabel. Kolom dimulai dari nol.

e) Frame Layout

Framelayout digunakan untuk menampilkan satu komponen. Jika

ada lebih dari satu widget, maka akan ditampilkan secara

bertumpuk. Kita bisa menambahkan layout lain sebagai child

di dalam frame layout. Contoh untuk deklarasi berikut

menampilkan dua ImageView (pastikan file image telah

disimpan di direktori : project]/res/drawable-xxhdpi,

BAB II

ISI

Tutorial Membuat Tugas Praktikum 1- 6 Pemrograman Mobile

Berikut ini merupakan tahapan pembuatan aplikasi sederhana dengan

menggabungkan projek dan menggabungkannya sesuai ketentuan yang ada.

1. Buatlah projek android yang ingin kita buat dengan cara file new

project application android beri nama (missal : response).

2. Setelah itu tambahkan kelas java. Buka folder src buka package

com.example.respon klik kanan package tersebut new pilih class.

3. Buatlah terlebih dahulu class yang ingin kita buat dan apa yang ingin kita

panggil dalam layar home aplikasi yang kita buat. Di sini terbuat dari 8

class java yakni : class string, kalkulator, checkbox, radiobutton, listview,

prak5, table layout, dan response. Beri nama masing-masing kelas dengan

Diwali huruf besar agar membedakan dengan kelas pada xml agar tidak

bingung.

4. Ketika semua kelas java sudah terbuat, dilanjut dengan membuat file xml

pada folder res layout folder layout di klik kanan tambahkan

kelas xml. Buatlah beberapa kelas xml sebanyak pada kelas java yakni

beri nama sama seperti kelas java hanya saja untuk kelas pada xml beri

namanya dengan huruf kecil karena pada kelas xml tidak bias mengunakan

huruf dengan awalan huruf besar.

5. Setelah semua kelas java dan xml sudah terbuat dilanjut kita membuat

kode program pada kelas java.

6. Berikut merupakan kode program untuk kelas string.java

String.java

7. Setelah kode program string dibuat, lanjut membuat kode program pada

class kalkulator.java

Kode program kalkulator.java bagian 2.

8. Buat kode program untuk class CheckBox.java seperti berikut.

Kode program CheckBox.java bagian 2.

9. Setelah sudahmembuat kode program pada java jangan lupa untuk di save

all setiap selesai membuat kode program. Berikut merupakan kode

program untuk listview.java

10. Klik kelas radiobutton.java dan berilah kode seperti berikut.

Lanjutan kode program radiobutto.java bagian 2.

11. Klik class layout.java dan beri kode program seperti berikut.

12. Kode program pada prak5.java

13. Tambhakan juga kode program pada class utama yakni MainActivity.java

seperti berikut.

Kode program MainActivty.java bagian 2.

Kode program MainActivity.java bagian 3

14. Tambahkan juga kode pada AndroidManifest.xml pada folder res.

15. Lanjutan kode program xml pada AndroidManifest.xml

16. Apabila ingin membuat tampilan pada layout secara manual dapat dengan

cara membuat koding pada tab nama project pada layout.xml namun

apabila ingin praktis gunakan dengan cara pada tab graphical layout.

Namun di sini membuatnya dengan cara membuat kode program pada

masing-masing class xml.

17. Kode activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#25474a" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" > <Button android:id="@+id/btString" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/txtbiodata" android:layout_below="@+id/txtbiodata" android:layout_marginTop="30dp" android:layout_toLeftOf="@+id/btlayout" android:text="@string/btnstring" /> <Button android:id="@+id/btkalkulator" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBaseline="@+id/btString"

android:layout_alignBottom="@+id/btString" android:layout_alignRight="@+id/btlayout" android:text="@string/btnkalkulator" /> <Button android:id="@+id/btradio" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/btString" android:layout_alignRight="@+id/btString" android:layout_below="@+id/btString" android:layout_marginTop="30dp" android:text="@string/btnradio" /> <Button android:id="@+id/btcek" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBottom="@+id/btradio" android:layout_alignRight="@+id/txtbiodata" android:text="@string/btncek" /> <Button android:id="@+id/btlayout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/btcek" android:layout_alignRight="@+id/btcek" android:layout_below="@+id/btcek" android:layout_marginTop="30dp" android:text="@string/btnlayout" /> <Button android:id="@+id/btlist" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBaseline="@+id/btlayout" android:layout_alignBottom="@+id/btlayout" android:layout_alignLeft="@+id/btradio" android:layout_alignRight="@+id/btradio" android:text="@string/btnlist" /> <TextView android:id="@+id/txtbiodata" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:text="@string/txtmateri" android:textAppearance="?android:attr/textAppearanceLarge" /> <Button android:id="@+id/btresponsi" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/btprak5" android:layout_alignRight="@+id/btlist" android:layout_below="@+id/btlayout" android:text="@string/btnresponsi" /> <Button android:id="@+id/btprak5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/btresponsi" android:layout_marginTop="18dp" android:layout_toLeftOf="@+id/btkalkulator" android:text="@string/btnprak5" /> </RelativeLayout>

Viewcheckbox.xml

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/RelativeLayout1" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#b5173d" android:orientation="vertical" > <TextView android:id="@+id/txtnados" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:layout_marginTop="50dp" android:text="@string/txtnados" android:textAppearance="?android:attr/textAppearanceLarge" /> <CheckBox android:id="@+id/cbeko" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_below="@+id/txtnados" android:layout_marginLeft="46dp" android:layout_marginTop="48dp" android:text="@string/cbeko" /> <CheckBox android:id="@+id/cbfaizal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/cbeko" android:layout_below="@+id/cbeko" android:layout_marginTop="19dp" android:text="@string/cbfaizal" /> <CheckBox android:id="@+id/cbindah" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/cbfaizal" android:layout_below="@+id/cbfaizal" android:layout_marginTop="26dp" android:text="@string/cbindah" /> <CheckBox android:id="@+id/cbeldas" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/cbindah" android:layout_below="@+id/cbindah" android:layout_marginTop="24dp" android:text="@string/cbeldas" /> </RelativeLayout>

Viewkalkulator.xml

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/RelativeLayout1" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#39ab1e" android:orientation="vertical" > <Button android:id="@+id/btnKurang" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBaseline="@+id/btnTambah" android:layout_alignBottom="@+id/btnTambah" android:layout_alignLeft="@+id/btnKali" android:text="(-)" /> <EditText android:id="@+id/Bil2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@+id/btnBagi" android:layout_centerHorizontal="true" android:layout_marginBottom="37dp" android:ems="10" android:inputType="number" /> <EditText android:id="@+id/Bil1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@+id/Bil2" android:layout_alignLeft="@+id/Bil2" android:ems="10" android:inputType="number" > <requestFocus /> </EditText> <TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@+id/Bil1" android:layout_alignRight="@+id/viewHasil" android:layout_marginBottom="18dp" android:text="Kalkulator" android:textAppearance="?android:attr/textAppearanceLarge" /> <TextView android:id="@+id/viewHasil" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/btnTambah" android:layout_centerHorizontal="true" android:layout_marginTop="20dp" android:text="Hasil" android:textAppearance="?android:attr/textAppearanceLarge" /> <Button android:id="@+id/btnKali" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_toRightOf="@+id/viewHasil" android:text="(*)" /> <Button android:id="@+id/btnBagi" android:layout_width="wrap_content"

android:layout_height="wrap_content" android:layout_above="@+id/btnKurang" android:layout_alignLeft="@+id/textView2" android:text="(/)" /> <Button android:id="@+id/btnTambah" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/btnBagi" android:layout_below="@+id/btnKali" android:text="(+)" /> </RelativeLayout>

Viewlist.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:id="@+id/yangDipilih" android:layout_width="fill_parent" android:layout_height="wrap_content" /> <ListView android:id="@android:id/list" android:layout_width="fill_parent" android:layout_height="fill_parent" android:drawSelectorOnTop="false" /> </LinearLayout>

Viewprak5.xml

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/RelativeLayout1" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#2c2a4c" android:orientation="vertical" > <Button android:id="@+id/bt2" android:layout_width="70dp" android:layout_height="70dp" android:layout_alignParentLeft="true" android:layout_below="@+id/bt3" android:background="#18a4a9" android:text="View 2" /> <Button android:id="@+id/bt4" android:layout_width="fill_parent" android:layout_height="85dp" android:layout_alignParentLeft="true"

android:layout_below="@+id/bt2" android:background="#840a29" android:text="View 4" /> <Button android:id="@+id/bt5" android:layout_width="250dp" android:layout_height="140dp" android:layout_alignParentLeft="true" android:layout_below="@+id/bt4" android:background="#105e07" android:text="View 5" /> <Button android:id="@+id/button6" android:layout_width="70dp" android:layout_height="70dp" android:layout_alignParentRight="true" android:layout_alignTop="@+id/bt5" android:background="#077817" android:text="View 6" /> <Button android:id="@+id/bt7" android:layout_width="70dp" android:layout_height="70dp" android:layout_alignParentRight="true" android:layout_below="@+id/button6" android:background="#0ddc2a" android:text="View 7" /> <Button android:id="@+id/bt3" android:layout_width="70dp" android:layout_height="70dp" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:background="#0b7c80" android:text="View 3" /> <Button android:id="@+id/bt1" android:layout_width="250dp" android:layout_height="140dp" android:layout_alignParentRight="true" android:layout_alignParentTop="true" android:background="#075255" android:text="View 1" /> </RelativeLayout>

Viewradiobutton.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/LinearLayout1" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <RadioGroup android:id="@+id/orientation" android:orientation="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="5px"> <RadioButton android:id="@+id/horizontal" android:text="horizontal"/>

<RadioButton android:id="@+id/vertical" android:text="vertical"/> </RadioGroup> <RadioGroup android:id="@+id/gravity" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content" android:padding="5px"> <RadioButton android:id="@+id/left" android:text="left" /> <RadioButton android:id="@+id/center" android:text="center" /> <RadioButton android:id="@+id/right" android:text="right" /> </RadioGroup> </LinearLayout>

Viewstring.xml

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/RelativeLayout1" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#207772" android:orientation="vertical" > <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/txthasil" android:layout_centerHorizontal="true" android:layout_marginTop="61dp" android:text="@string/nama" android:textAppearance="?android:attr/textAppearanceLarge" /> <TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/textView1" android:layout_centerHorizontal="true" android:layout_marginTop="24dp" android:text="@string/nim" android:textAppearance="?android:attr/textAppearanceLarge" /> <TextView android:id="@+id/textView3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/textView2" android:layout_centerHorizontal="true" android:layout_marginTop="42dp" android:text="@string/kelas" android:textAppearance="?android:attr/textAppearanceLarge" /> </RelativeLayout>

Viewtablelayout.xml

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/TableLayout1" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".ViewTableLayout" > <TableRow> <Button android:id="@+id/bckbutton" android:text="Back" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </TableRow> <TableRow> <TextView android:text="First Name :" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_column="1" /> <EditText android:width="100px" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </TableRow> <TableRow> <TextView android:text="Last Name :" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_column="1" /> <EditText android:width="100px" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </TableRow> <TableRow> <Button android:id="@+id/btnpanjang" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_span="4" android:text="Aku button panjang"/> </TableRow> </TableLayout>

BAB III

KESIMPULAN

Dapat dismpulkan dari praktikum 6 tentang response membuat beberapa aplikasi

dalam satu layout. Eclipse adalah sebuah IDE (Integrated Development

Environment) untuk mengembangkan perangkat lunak dan dapat dijalankan di

semua yang mana mempunyai resources seperti : res/drawable/ untuk gambar

(PNG, JPEG, etc), res/layout/ untuk spesifikasi UI layout yang dibuat dengan

XML. Radio button dapat digunakan untuk membuat suatu pilihan.

Praktikum sekarang akan mempergunakan user interface berupa radio button.

Serta ViewGroup merupakan kumpulan view untuk menentukan tata letak

komponen view secara berbeda, c/o: Linear Layout, Relative Layout, Frame

Layout & Tabulasi. Atribut View Group: Android :id berisi variabel unik dari

element. Komponen Android Manifest.xml: <Manifest> : atribut package & paket

activity, <uses permission> : user permission, <Permission> : batasan permission.

Checkbox Check Box digunakan untuk pilihan yang isinya berisi yes/no,

true/false. ListView digunakan untuk menampilkan daftar opsi atau piliahan pada

android. list yang ditampilkan dapat di-scroll. Layout Manager untuk meletakan

komponen (view) pada layar, android menggunakan layout manager.

Jenis layout manager:

1. Absolute Layout,

2. Relative Layout,

3. Linear Layout,

4. Table Layout,

5. Frame Layout.