Laporan Pratikum Job 10 PPB

Desember 07, 2019

LAPORAN PPB

Jobsheet 10

Dosen Pembimbing :

Djufri, S.Pd, M.Kom

Di susun oleh :

Syafri Wardian

18214046

PROGRAM STUDI D2 TEKNIK ELEKTRONIKA

AKADEMI KOMUNITAS NEGERI PADANG PARIAMAN

PDD FAKULTAS TEKNIK

2019

MEMBUAT TAB MENU

Buat project baru dengan nama MenuTab
Kemudian buka folder res => layout => main.xml. Disini ada 3 komponen yaitu TabHost,TabWidget dan FrameLayout. TabWidget digunakan untuk menampilkan menu - menu tab yang kita buat. Dan FrameLayout digunakan untuk menampilkan isi dari menu tab. Berikut kode lengkapnya.

<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom" />

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_gravity="bottom" />

    </LinearLayout>
</TabHost>

Selanjutnya masuk ke folder src -> MenuTabActivity.java untuk membuat menu - menu tab. MainActivity dibawah memakai extends TabActivity yang dimana artinya class yang terdapat di TabActivity bisa diturunkan ke MainActivity.

package menu.tab;

import android.os.Bundle;
import android.app.TabActivity;
import android.content.Intent;
import android.widget.TabHost;

@SuppressWarnings("deprecation")
public class MenuTabActivity extends TabActivity {

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        TabHost tabhost = getTabHost();
        TabHost.TabSpec spec;
        Intent intent;

        intent = new Intent().setClass(this, BerandaActivity.class);//content pada tab yang akan kita buat
        spec = tabhost.newTabSpec("beranda").setIndicator("Beranda",null).setContent(intent);//mengeset nama tab dan mengisi content pada menu tab anda.
        tabhost.addTab(spec);//untuk membuat tabbaru disini bisa diatur sesuai keinginan anda

        intent = new Intent().setClass(this, BeritaActivity.class);
        spec = tabhost.newTabSpec("berita").setIndicator("Berita",null).setContent(intent);
        tabhost.addTab(spec);

        intent = new Intent().setClass(this, TemanActivity.class);
        spec = tabhost.newTabSpec("teman").setIndicator("Teman",null).setContent(intent);
        tabhost.addTab(spec);

    }
}

Kemudian kita menyiapkan layout untuk ditampilkan di menu tab.
Buat file baru dengan nama beranda.xml. pada folder res => layout. Layout ini digunakan untuk menampilkan menu beranda. Sesuaikan source codenya seperti code berikut:

<?xml version="1.0" encoding="utf-8"?>
<DigitalClock xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center_vertical|center"
    android:textSize="50sp" >

</DigitalClock>

Buat file baru dengan nama berita.xml. pada folder res => layout. Layout ini digunakan untuk menampilkan menu beranda. Sesuaikan source codenya seperti code berikut:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
>
    <ListView
        android:id="@android:id/list"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        />
</LinearLayout>

Buat file baru dengan nama teman.xml. pada folder res => layout. Layout ini digunakan untuk menampilkan menu beranda. Sesuaikan source codenya seperti code berikut:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
>
    <ListView
        android:id="@android:id/list"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        />
</LinearLayout>

Selanjutnya membuat class baru pada folder src => menu.tab untuk memanggil layout-layout yang sudah kita buat.
Pertama buat class BerandaActivity, sesuaikan dengan source berikut:
package menu.tab;

import android.app.Activity;
import android.os.Bundle;

public class BerandaActivity extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        setContentView(R.layout.beranda);
    }
}

Kedua buat class BeritaActivity, sesuaikan dengan source berikut:
package menu.tab;

import android.app.ListActivity;
import android.os.Bundle;
import android.widget.ArrayAdapter;

public class BeritaActivity extends ListActivity {
String [] berita ={"Jadwal Piala Dunia 2014", "Capres Indonesia",

"Debat Capres", "Debat Cawapres", "Pengumuma Pelantikan Nama-nama Mentri Indonesia Kerja", "Garuda Muda Indonesia Lolos Semifinal SeaGames Manila Filipina",};

    @Override
    public void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        setContentView(R.layout.berita);

        setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, berita));

    }
}

Ketiga buat class TemanActivity, sesuaikan dengan source berikut:
package menu.tab;

import android.app.ListActivity;
import android.os.Bundle;
import android.widget.ArrayAdapter;

public class TemanActivity extends ListActivity {
String [] teman ={"Fadhel", "Riyan", "Reni", "Yola", "Tia", "Syafri", "Zefri", "Zulmaini",

                                                "Salma", "Yusniar", "Silvia","Sovia","Suci",};
    @Override
    public void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        setContentView(R.layout.teman);

        setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, teman));

    }
}

Jangan lupa untuk mendaftarkan activity yang kita buat ke Androidmanifest.xml yang dapat ditemukan langsung pada file project di bagian bawah, kodenya seperti berikut.
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="menu.tab"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk android:minSdkVersion="8" />

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name" >
        <activity
            android:name=".MenuTabActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name="BerandaActivity"></activity>
        <activity android:name="BeritaActivity"></activity>
        <activity android:name="TemanActivity"></activity>

    </application>

</manifest>
Jalankan! Maka akan tampil seperti dibawah ini ;