cara membuat pilihan menu dan tab host

PEMROGRAMAN MOBILE

“PRAKTIKUM 8 MENU PILIHAN & TAB HOST”

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

2013

BAB I

PENDAHULUAN

1. Rumusan Masalah

Dalam praktikum satu ini dapat dirumuskan masalah bahwa :

a. Bagaimana pembuatan program untuk membuat pilihan menu dan

tabhost pada eclipse?

b. Bagaimana hasil pengaplikasian dari praktikum 8 tentang pilihan menu

dan tabhost?

2. Batasan Masalah

Adapun batasan masalah pada praktikum layout yang dapat kita ketahui,

yaitu :

a. Tahapan pembuatan aplikasi pilihan menu dan tabhost pada eclipse.

b. Hasil aplikasi sederhana dari praktikum 8 pilihan menu dan tabhost.

3. Tujuan

Adapun tujuan dari pembuatan aplikasi sederhana dengan eclipse,

diantaranya :

a. Mengetahui pemrograman mobile dengan aplikasi eclipse.

b. Menambah nilai tugas dalam laporan praktikum.

c. Dapat membuat dan menjalankan aplikasi yang dibuat dengan baik dan

benar.

BAB II

LANDASAN TEORI

Dalam praktikum 8 kali ini mengenai pilihanmenu dan tabhost merupakan sebuah

dari fitur pada eclipse android. Fitur ini dapatkita gunakan di berbagi versi pada

android. Untuk pilihan menu dapat kita lihat pada emulator pada tombol menu.

Pilihan menu ini terlihat saat kita memilih tombl menu yang mana nanti akan

memberi pilihan menu. Untuk lebih jelasya dapat dilihat pada bab selajutnya.

Tabhost :

Tab di Android berfungsi untuk melihat multiple views dalam satu window dan

me-navigasi seluruh windows tersebut dengan sebuah tab container. Hal ini bisa

dilakukan di Android menggunakan kontrol TabHost.

Ada dua cara menggunakan aplikasi TabHost di Android :

Menggunakan TabHost untuk me-navigasi seluruh multiple views dalam activity

yang sama.menggunakan TabHost untuk me-navigasi seluruh actual multiple

activities menggunakan intents.

Activity terdiri dari :

Sebuah TabHost : root element dari layout.

TabHost membungkus TabWidgets yang me-represent tab bar.

TabHost membungkus FrameLayout yang membungkus content dari setiap tab.

Ada beberapa rules yang harus kita masukkan ketika menggunakan tab activity :

1. Jika activity merupakan tipe dari TabActivity [optional], maka TabHost

harus mempunyai id : @+id/tabhost.

2. TabWidget harus mempunyai id : @+id/tabs

3. FrameLayout Harus mempunya id : @+id/tabcontent

BAB III

PEMBAHASAN

A. Tutorial Membuat Pilihan Menu Sederhana

Dapat kita ketahui mengenai pilihan menu, untuk itu dala penjelasan

praktikum mengenai cara membuat pilihan menu sebagai berikut.

1. Buka eclipse buat project baru file new application beri

nama project next hingga finish.

2. Jangan lupa untuk memilih symbol dari aplikasi android yang ingin

dibuat. Contohnya saja seperti gambar di bawah ini.

3. Apabila sudah muncul tampilan graphical layout pada android maka

segera buatlah tampilan seperti gambar berikut.

4. Kemudian atur id tiap masig-masing pallete yang sudah dipilih danatur

juga nama dari tiap pallete tersebut. Dapat kita lakukan dengan cara

klik kanan apabila ingin merubah id name dan name string.

5. Setelah semua pallete sudah diatur, ketik beberapa kode program di

main.xml dan mainactivity.java

Berikut ini merupakan kode program pada main.xml yang terdapat

pada res menu main.xml

Dapat dilihat bahwa dalam main.xml ini ditambahkan beberapa item

pilihan menu pada menu di android nanti. Untuk item pertama

merupakan warna yellow yang mana apabila kita akan memilih menu

yellow maka background akan berubah warna menjadi warna kuning

begitupun juga dengan item yang lain seperti putih dan biru makan

background akan berubah sesuai apa yang akan kita pilih. Untuk item

button itu merupakan button dapat kita hide atau show.

Berikut ini merupakan kode program pada MainActivity.java

Kode program MainActivity.java bagian kedua.

Kode program MainActivity.javabagian ketiga

Pada kode program untuk MainActivity.java ini menggunakan

perulangan switch case. Perulangan ini merupakan sebuah pilihan.

Untuk tombol dapat kita atur dengan menggunakan variable invisible

untuk hide gambar sedangkan visible untuk menampilkan gambar.

6. Buatlah sebuah device pada emulator android seperti berikut ini

sebelum menjalankan emulator androidnya.

device manager android

7. Berikut ini merupakan hasil dari aplikasi pilihan menu.

B. Tutorial Membuat TabHost Sederhana

Dapat kita ketahui mengenai pilihan menu, untuk itu dala penjelasan

praktikum mengenai cara membuat pilihan menu sebagai berikut.

1) Buka eclipse buat project baru file new application

beri nama project next hingga finish.

2) Kemudian buat kode program seperti berikut ini pada

MainActivity.java

package com.example.tabandroid; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.widget.TabHost; import android.widget.TabHost.TabSpec; public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); TabHost tabHost=(TabHost)findViewById(R.id.tabHost); tabHost.setup();

TabSpec spec1=tabHost.newTabSpec("NAME"); spec1.setContent(R.id.tab1); spec1.setIndicator("NAME"); TabSpec spec2=tabHost.newTabSpec("CLASS"); spec2.setIndicator("CLASS"); spec2.setContent(R.id.tab2); TabSpec spec3=tabHost.newTabSpec("NIM"); spec3.setIndicator("NIM"); spec3.setContent(R.id.tab3); tabHost.addTab(spec1); tabHost.addTab(spec2); tabHost.addTab(spec3); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; }

3) Activity_main.xml <?xml version="1.0" encoding="utf-8"?>

<TabHost android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/tabHost" xmlns:android="http://schemas.android.com/apk/res/android" > <TabWidget android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@android:id/tabs" /> <FrameLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@android:id/tabcontent" >

<LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@+id/tab1" android:orientation="vertical" android:paddingTop="60px" > <TextView android:layout_width="fill_parent" android:layout_height="100px"

android:text="Cynthia" android:id="@+id/txt1" /> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/tab2" android:orientation="vertical" android:paddingTop="60px" > <TextView android:layout_width="fill_parent" android:layout_height="100px" android:text="SI 12 A" android:id="@+id/txt2" /> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/tab3" android:orientation="vertical" android:paddingTop="60px" > <TextView android:layout_width="fill_parent" android:layout_height="100px" android:text="12.12.0037" android:id="@+id/txt3" /> </LinearLayout> </FrameLayout> </TabHost>

Buatlah device manager pada android sebelum menjalankan programnya

Berikut ini merupakan hasil output dari aplikasi tabhost

BAB IV

KESIMPULAN

Dari praktikum ke-8 ini dapat disimpulkan bahwa dengan membuat pilihan menu

pada tombol menu sangat mempermudah user untuk memilih pilihan dengan cepat

hanya dengan memlalui tombol menu. Serta, Tab di Android berfungsi untuk

melihat multiple views dalam satu window dan me-navigasi seluruh windows

tersebut dengan sebuah tab container. Hal ini bisa dilakukan di Android

menggunakan kontrol TabHost.

Ada dua cara menggunakan aplikasi TabHost di Android :

Menggunakan TabHost untuk me-navigasi seluruh multiple views dalam activity

yang sama.menggunakan TabHost untuk me-navigasi seluruh actual multiple

activities menggunakan intents.