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 MainActivity.java

program

seperti

berikut

ini

pada

package com.example.tabandroid; import import import import import android.os.Bundle; android.app.Activity; android.view.Menu; android.widget.TabHost; 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.