TUGAS MEMBUAT MENU PILIHAN

LAPORAN PRAKTIKUM 7

PEMROGRAMAN MOBILE

                                                              “Menu Pilihan”

DISUSUN OLEH :

Ari Sulistyaningsih

12.12.0122/SI 12 C

LABORATORIUM KOMPUTER DAN JARINGAN

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM PURWOKERTO

JL. LET.JEND.POL SUMARTO PURWOKERTO

2013

    MEMBUAT APLIKASI MENU PILIHAN ANDROID MENGGUNAKAN ECLIPSE :

1.Langkah Pertama Pilih new à Android Application project

2.Langkah Kedua isikan Application Name.nya sesuai project anda. Kemudian pilih next.

3. Langkah ketiga ,centrang create project in workspaceuntuk memilih tempat dimana anda akan menyimpan data tersebut.

4. Langkah KeEmpat pilih icon yang akan anda gunakan untuk lembar kerja pada eclipse. Anda bisa menggunakan image, clipart, atau teks Pilih next.

5.Langkah Kelimat Pilih Blank activity à next

6.Langkah Keenam  anda bisa mengganti main activity.nya, terserah anda lalu Pilih finish.

           

7.Langkah KeTujuh akan muncul tampilan seperti dibawah ini caranya :

ü  Klik  image & media pada palette , pilih immage Buttonm klik kemudian drag

ü  Kemudian klik Form widgets, pilih Large text , klik kemudian drag pada halaman

ü  Kemudian klik kanan à edit text

ü  Lakukan sebanyak 3 kali untuk menuliskan text seperti di bawah ini            

            8.Langkah Kedelapan klik activity_main.xml pada layout.

            Lalu masukan Syntak dibawah ini :

<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: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" >

    <ImageButton

        android:id="@+id/imageButton1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="51dp"

        android:src="@drawable/ic_launcher" />

    <TextView

        android:id="@+id/TV1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_centerHorizontal="true"

        android:layout_centerVertical="true"

        android:text="Assalamualikum"

        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView

        android:id="@+id/TV2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_below="@+id/TV1"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="42dp"

        android:text="My Menu"

        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView

        android:id="@+id/TV3"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_below="@+id/TV2"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="54dp"

        android:text="Menu Android"

        android:textAppearance="?android:attr/textAppearanceLarge" />

</RelativeLayout>

            9.Langkah Kesembilan pilih menu pada Package Explorer, double klik main.xml

            Lalu masukan syntak dibawah ini :

<menu xmlns:android="http://schemas.android.com/apk/res/android" >

    <item

        android:id="@+id/action_settings"

        android:orderInCategory="100"

        android:showAsAction="never"

        android:title="@string/action_settings"/>

   

     <item

        android:id="@+id/yellow"

        android:orderInCategory="200"

        android:showAsAction="never"

        android:title="Yellow"

        />

    <item

        android:id="@+id/blue"

        android:orderInCategory="200"

        android:showAsAction="never"

        android:title="Blue"

        />

    <item

        android:id="@+id/white"

        android:orderInCategory="200"

        android:showAsAction="never"

        android:title="White"

        />

     <item

        android:id="@+id/btn"

        android:orderInCategory="200"

        android:showAsAction="never"

        android:title="Hide Image"

        />

      <item

        android:id="@+id/btnok"

        android:orderInCategory="200"

        android:showAsAction="never"

        android:title="show Image"

        />

    

</menu>

            10.Langkah Kesepuluh Memasukan syntak pada MainActivity.java

           

Lalu masukan syntak dibawah ini :

package biru.menupilihanary;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.content.Intent;

import android.graphics.Color;

import android.view.View;

import android.view.MenuItem;

import android.widget.ImageButton;

import android.widget.TextView;

public class MainActivity extends Activity {

    TextView appName;

    TextView appName1;

    TextView appName2;

   

@Override

protected void onCreate(Bundle savedInstanceState) {

                super.onCreate(savedInstanceState);

                setContentView(R.layout.activity_main);

               

                ImageButton startAct = (ImageButton)findViewById(R.id.imageButton1);

                appName =(TextView)findViewById(R.id.TV1);

                appName1 =(TextView)findViewById(R.id.TV2);

                appName2 =(TextView)findViewById(R.id.TV3);

                startAct.setOnClickListener(new View.OnClickListener(){

                                @Override

                                public void onClick(View v) {

                                                Intent myIntent = new Intent (getBaseContext(),SecondActivity.class);

                                                startActivity(myIntent);

                                }

                });

}

@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;

}

public boolean onOptionsItemSelected(MenuItem item){

                switch (item.getItemId()){

    case R.id.yellow:getWindow().getDecorView().setBackgroundColor(Color.YELLOW);

                appName.setTextColor(Color.GREEN);

                appName1.setTextColor(Color.GREEN);

                appName2.setTextColor(Color.GREEN);

                return true;

    case R.id.blue:getWindow().getDecorView().setBackgroundColor(Color.BLUE);

                appName.setTextColor(Color.RED);

                appName1.setTextColor(Color.RED);

                appName2.setTextColor(Color.RED);

                return true;                              

    case R.id.white:getWindow().getDecorView().setBackgroundColor(Color.WHITE);

                appName.setTextColor(Color.CYAN);

                appName1.setTextColor(Color.CYAN);

                appName2.setTextColor(Color.CYAN);

                return true;

    case R.id.btn:findViewById(R.id.imageButton1).setVisibility(ImageButton.INVISIBLE);

                return true;

                }

    return super.onOptionsItemSelected(item);

    }

11.Langkah Kesebelas  buat secondActivity.xml , klik kanan pada project Pilih New, kemudian pilih Android XML file

            12.Langkah keduabelas Isikan nama kedua activitynya

            13.Langkah ketigabelas akan muncul tampilan seperti dibawah ini biarkan tetap kosong.

14.Langkah KeEmpatbelas membuat class baru dengan cara Lalu klik kanan pada nama project , pilih new à class

           

15.Langkah Kelimabelas isikan name pada java class lalu klik finish.

16.Langkah keenambelas kita jalankan aplikasinya, sebelum itu kita buat emulatornya terlebih dahulu dengan cara:

ü  Pilih windows, klik Android virtual Device manager.

ü  Lalu pilih emulator yang akan digunakan untuk menjalankan aplikasi

ü  Klik salah satu kemudian klik start

ü  Klik launch

17.Langkah Ketujuhbelas jika aplikasi yang kita buat berhasil maka akan muncul pada menu android.

            18.Langkah keDelapanbelas jika aplikasi kita klik akan muncul tampilan seperti dibawah ini.

19.Langkah ke sembilanbelas Klik button menu,

ü  pilih Yellow maka background akan berubah jadi kuning

ü  Pilih biru maka akan berubah jadi biru

20.Langkah keduapuluh sama seperti cara diatas pilih button menu  jika memilih hide image dan show image akan muncul tampilan seperti dibawah ini.