cara membuat pilihan menu dan tab host
DESCRIPTION
Pertemuan 8 Pemrograman MobileTRANSCRIPT
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.