Aplikasi Mengenal Rambu Lalu Lintas Berbasis Android

“Membuat Aplikasi Mengenal Rambu Lalu Lintas"

Assalamulaikum, Wr. Wb.

    Pada laporan kali ini saya akan membuat aplikasi Input data Array. Disini saya membuat Aplikasi android dengan menggunankan ADT.

• Membuat projek baru di editor yang akan kita gunakan seperti ADT, Android Studio, Dll.

File > New > Android Application Project dan beri nama pada aplikasi yang akan kita buat, contoh “Input Data”

• Disni file xml dengan nama “awal” dan file java “AwalActivity”

Awal.xml:

<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:background="@drawable/bgr"

   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=".AwalActivity" >

  <Button

      android:id="@+id/masuk"

      android:layout_width="wrap_content"

      android:layout_height="wrap_content"

      android:background="@drawable/bg"

      />

</RelativeLayout>

Hasil :

Kita buat tampilan menu

Menu.xml

<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:background="@drawable/back"

   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=".MenuActivity" >

    <Button

        android:id="@+id/help"

        android:layout_width="70dp"

        android:layout_height="70dp"

        android:layout_above="@+id/about"

        android:layout_centerHorizontal="true"

        android:background="@drawable/help" />

    <Button

        android:id="@+id/about"

        android:layout_width="70dp"

        android:layout_height="70dp"

        android:layout_alignParentBottom="true"

        android:layout_marginBottom="86dp"

        android:layout_marginLeft="25dp"

        android:layout_toRightOf="@+id/help"

        android:background="@drawable/about" />

    <Button

        android:id="@+id/mulai"

        android:layout_width="70dp"

        android:layout_height="70dp"

        android:layout_above="@+id/help"

        android:layout_marginRight="23dp"

        android:layout_toLeftOf="@+id/help"

        android:background="@drawable/awal" />

</RelativeLayout>

Hasil:

MenuActivity.java

package com.riski.mengenalrambulalulintas;

import android.os.Bundle;

import android.app.Activity;

import android.content.Intent;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

public class MenuActivity extends Activity implements OnClickListener{

   

    Button mulai;

    Button help;

    Button about;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.menu);

       

        Button awal = (Button)findViewById(R.id.mulai);

        Button help = (Button)findViewById(R.id.help);

        Button about = (Button)findViewById(R.id.about);

       

        awal.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent awal = new Intent(MenuActivity. this, MenuaActivity.class);

                startActivity(awal);

            }

        });

        help.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent awal = new Intent(MenuActivity. this, HelpActivity.class);

                startActivity(awal);

            }

        });

        about.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent awal = new Intent(MenuActivity. this, AboutActivity.class);

                startActivity(awal);

            }

        });

    }

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.

        getMenuInflater().inflate(R.menu.menu, menu);

        return true;

    }

    @Override

    public void onClick(View v) {

        // TODO Auto-generated method stub

       

    }

}

• Menua.xml

<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:background="@drawable/ba"

   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=".MenuaActivity" >

 

   <Button

       android:id="@+id/satu"

       android:layout_width="50dp"

       android:layout_height="50dp"

       android:background="@drawable/kiri"

       android:layout_marginTop="20dp"

       android:layout_marginLeft="20dp"

       />

   <Button

       android:id="@+id/dua"

       android:layout_width="50dp"

       android:layout_height="50dp"

       android:background="@drawable/kanan"

       android:layout_marginTop="20dp"

       android:layout_marginLeft="120dp"

       />

    <Button

       android:id="@+id/tiga"

       android:layout_width="50dp"

       android:layout_height="50dp"

       android:background="@drawable/tikungan_ganda"

       android:layout_marginTop="20dp"

       android:layout_marginLeft="220dp"

       />

   <Button

       android:id="@+id/empat"

       android:layout_width="50dp"

       android:layout_height="50dp"

       android:background="@drawable/tikungan_tajam"

       android:layout_below="@+id/satu"

       android:layout_marginTop="30dp"

       android:layout_marginLeft="20dp"

       />

  <Button

       android:id="@+id/lima"

       android:layout_width="50dp"

       android:layout_height="50dp"

       android:background="@drawable/tikungan_tajam_ganda"

       android:layout_below="@+id/dua"

       android:layout_marginTop="30dp"

       android:layout_marginLeft="120dp"

       />

  <Button

       android:id="@+id/enam"

       android:layout_width="50dp"

       android:layout_height="50dp"

       android:background="@drawable/penyempitan_jalan"

       android:layout_below="@+id/tiga"

       android:layout_marginTop="30dp"

       android:layout_marginLeft="220dp"

       />

  <Button

       android:id="@+id/tujuh"

       android:layout_width="50dp"

       android:layout_height="50dp"

       android:background="@drawable/penyempitan_jalan_kanan"

       android:layout_below="@+id/empat"

       android:layout_marginTop="30dp"

       android:layout_marginLeft="20dp"

       />

  <Button

       android:id="@+id/lapan"

       android:layout_width="50dp"

       android:layout_height="50dp"

       android:background="@drawable/jembatan"

       android:layout_below="@+id/lima"

       android:layout_marginTop="30dp"

       android:layout_marginLeft="120dp"

       />

  <Button

       android:id="@+id/sembilan"

       android:layout_width="50dp"

       android:layout_height="50dp"

       android:background="@drawable/turunan_lantai"

       android:layout_below="@+id/enam"

       android:layout_marginTop="30dp"

       android:layout_marginLeft="220dp"

       />

  <Button

       android:id="@+id/sepuluh"

       android:layout_width="50dp"

       android:layout_height="50dp"

       android:background="@drawable/turunan_curam"

       android:layout_below="@+id/tujuh"

       android:layout_marginTop="30dp"

       android:layout_marginLeft="20dp"

       />

  <Button

       android:id="@+id/sebelas"

       android:layout_width="50dp"

       android:layout_height="50dp"

       android:background="@drawable/jalan_licin"

       android:layout_below="@+id/lapan"

       android:layout_marginTop="30dp"

       android:layout_marginLeft="120dp"

       />

  <Button

       android:id="@+id/duabelas"

       android:layout_width="50dp"

       android:layout_height="50dp"

       android:background="@drawable/cekungan"

       android:layout_below="@+id/lapan"

       android:layout_marginTop="30dp"

       android:layout_marginLeft="220dp"

       />

  <Button

       android:id="@+id/tigabelas"

       android:layout_width="50dp"

       android:layout_height="50dp"

       android:background="@drawable/jalan_cembung"

       android:layout_below="@+id/sepuluh"

       android:layout_marginTop="30dp"

       android:layout_marginLeft="20dp"

       />

  <Button

       android:id="@+id/empatbelas"

       android:layout_width="50dp"

       android:layout_height="50dp"

       android:background="@drawable/jalan_bergelombang"

       android:layout_below="@+id/sebelas"

       android:layout_marginTop="30dp"

       android:layout_marginLeft="120dp"

       />

  <Button

       android:id="@+id/limabelas"

       android:layout_width="50dp"

       android:layout_height="50dp"

       android:background="@drawable/lontaran_kecil"

       android:layout_below="@+id/duabelas"

       android:layout_marginTop="30dp"

       android:layout_marginLeft="220dp"

       />

  

</RelativeLayout>

Hasil:

MenuaActivity.java

package com.riski.mengenalrambulalulintas;

import android.os.Bundle;

import android.app.Activity;

import android.content.Intent;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

public class MenuaActivity extends Activity implements OnClickListener{

   

    Button satu;

    Button dua;

    Button tiga;

    Button empat;

    Button lima;

    Button enam;

    Button tujuh;

    Button delapan;

    Button sembilan;

    Button sepuluh;

    Button seblas;

    Button duablas;

    Button tigablas;

    Button empatblas;

    Button limablas;

   

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.menua);

        Button satu = (Button)findViewById(R.id.satu);

        satu.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent satu = new Intent(MenuaActivity. this, Satu.class);

                startActivity(satu);

            }

        });

        Button dua = (Button)findViewById(R.id.dua);

        dua.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent satu = new Intent(MenuaActivity. this, DuaActivity.class);

                startActivity(satu);

            }

        });

        Button tiga = (Button)findViewById(R.id.tiga);

        tiga.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent satu = new Intent(MenuaActivity. this, TigaActivity.class);

                startActivity(satu);

            }

        });

        Button empat = (Button)findViewById(R.id.empat);

        empat.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent satu = new Intent(MenuaActivity. this, EmpatActivity.class);

                startActivity(satu);

            }

        });

        Button lima = (Button)findViewById(R.id.lima);

        lima.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent satu = new Intent(MenuaActivity. this, LimaActivity.class);

                startActivity(satu);

            }

        });

        Button enam = (Button)findViewById(R.id.enam);

        enam.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent satu = new Intent(MenuaActivity. this, EnamActivity.class);

                startActivity(satu);

            }

        });

        Button tujuh = (Button)findViewById(R.id.tujuh);

        tujuh.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent satu = new Intent(MenuaActivity. this, TujuhActivity.class);

                startActivity(satu);

            }

        });

        Button delapan = (Button)findViewById(R.id.lapan);

        delapan.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent satu = new Intent(MenuaActivity. this, DelapanActivity.class);

                startActivity(satu);

            }

        });

        Button sembilan = (Button)findViewById(R.id.sembilan);

        sembilan.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent satu = new Intent(MenuaActivity. this, SembilanActivity.class);

                startActivity(satu);

            }

        });

        Button sepuluh = (Button)findViewById(R.id.sepuluh);

        sepuluh.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent satu = new Intent(MenuaActivity. this, SepuluhActivity.class);

                startActivity(satu);

            }

        });

        Button seblas = (Button)findViewById(R.id.sebelas);

        seblas.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent satu = new Intent(MenuaActivity. this, SeblasActivity.class);

                startActivity(satu);

            }

        });

        Button duablas = (Button)findViewById(R.id.duabelas);

        duablas.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent satu = new Intent(MenuaActivity. this, DuablasActivity.class);

                startActivity(satu);

            }

        });

        Button tigablas = (Button)findViewById(R.id.tigabelas);

        tigablas.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent satu = new Intent(MenuaActivity. this, TigablasActivity.class);

                startActivity(satu);

            }

        });

        Button empatblas = (Button)findViewById(R.id.empatbelas);

        empatblas.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent satu = new Intent(MenuaActivity. this, EmpatblasActivity.class);

                startActivity(satu);

            }

        });

        Button limablas = (Button)findViewById(R.id.limabelas);

        limablas.setOnClickListener(new OnClickListener() {

           

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                Intent satu = new Intent(MenuaActivity. this, LimablasActivity.class);

                startActivity(satu);

            }

        });

    }

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.

        getMenuInflater().inflate(R.menu.menua, menu);

        return true;

    }

    @Override

    public void onClick(View v) {

        // TODO Auto-generated method stub

       

    }

}

Help.xml

<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:background="@drawable/helpb"

   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=".HelpActivity" >

   

</RelativeLayout>

Hasil:

About.xml

<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:background="@drawable/tentang"

   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=".AboutActivity" >

   

</RelativeLayout>

Hasil:

Hasil Running Aplikasi :