PEMBUATAN APLIKASI PEMBAYARAN SPP SEKOLAH BERBASIS ANDROID

Pada kesempatan ini saya akan membagikan hasil codingan beserta tampilan layout aplikasinya dengan menggunakan Eclipse (bisa juga menggunakan Android Studio).

Berikut Code nya:

1. Menu Login

a. activity_main.xml

<LinearLayout 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:orientation="vertical"

    tools:context="com.example.uts06tplp001_tegarkusmiawan_161011400134.LoginActivity" >

    <TextView

        android:id="@+id/textView1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Username"

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

    <EditText

        android:id="@+id/edituser"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:ems="10" >

        <requestFocus />

    </EditText>

    <TextView

        android:id="@+id/textView2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Password"

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

    <EditText

        android:id="@+id/editpass"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:ems="10"

        android:inputType="textPassword" />

    <Button

        android:id="@+id/btnlogin"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Login" />

</LinearLayout>

b. MainActivity.java

package com.example.uas06tplp001_tegarkusmiawan_161011400134;

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.EditText;

import android.widget.Toast;

public class MainActivity extends Activity implements OnClickListener {

EditText edituser;

EditText editpass;

Button btnlogin;

private String[][] dataUser = {{"admin","admin","Administrator"}, 

  {"user1","password1","Nama User 1"}, 

  {"user2","password2","Nama User 2"}};  

private final int SUCCESS=1;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

edituser = (EditText) findViewById(R.id.edituser);

editpass = (EditText) findViewById(R.id.editpass);

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

btnlogin.setOnClickListener(this);

}

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

}

@Override

public boolean onOptionsItemSelected(MenuItem item) {

// Handle action bar item clicks here. The action bar will

// automatically handle clicks on the Home/Up button, so long

// as you specify a parent activity in AndroidManifest.xml.

int id = item.getItemId();

if (id == R.id.action_settings) {

return true;

}

return super.onOptionsItemSelected(item);

}

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

int i=0; 

boolean success=false; 

 

while ((i<dataUser.length) && (!success)){ 

if 

((edituser.getText().toString().equals(dataUser[i][0])) &&  

 

(editpass.getText().toString().equals(dataUser[i][1]))){   

success=true; 

} else { 

i++; 

} 

} 

 

Intent intent; 

if (success){ 

intent = new Intent(this, HomeActivity.class);   

intent.putExtra("namaUser", dataUser[i][2]); 

startActivityForResult(intent,SUCCESS); 

// Toast.makeText(getApplicationContext(), "Login Sukses", Toast.LENGTH_SHORT).show();

} else { 

intent = new Intent(this, MainActivity.class); 

startActivity(intent); 

Toast.makeText(getApplicationContext(), "Login Gagal", Toast.LENGTH_SHORT).show();

} 

}

}

2. Menu Home

a.activity_home.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"

    tools:context="com.example.uas06tplp001_tegarkusmiawan_161011400134.HomeActivity" >

    <LinearLayout

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_alignParentTop="true"

        android:layout_marginLeft="64dp"

        android:orientation="vertical"

        android:padding="20dp" >

        <Button

            android:id="@+id/btndash1"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_centerHorizontal="true"

            android:text="DASHBOARD " 

        android:onClick="dash"/>

        <Button

            android:id="@+id/btndata"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="DATA SISWA" 

            android:onClick="data"/>

    </LinearLayout>

</RelativeLayout>

b. HomeActivity.java

package com.example.uas06tplp001_tegarkusmiawan_161011400134;

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

public class HomeActivity extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_home);

}

public void dash (View view) {

Intent intent = new Intent(HomeActivity.this, Dashboard.class);

startActivity(intent);

}

public void data(View view) {

Intent intent=new Intent(HomeActivity.this, DataSiswa.class);

startActivity(intent);

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

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

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

return true;

}

@Override

public boolean onOptionsItemSelected(MenuItem item) {

// Handle action bar item clicks here. The action bar will

// automatically handle clicks on the Home/Up button, so long

// as you specify a parent activity in AndroidManifest.xml.

int id = item.getItemId();

if (id == R.id.action_settings) {

return true;

}

return super.onOptionsItemSelected(item);

}

}

3. Menu Dashboard

a. activity_activity.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: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="com.example.uas06tplp001_tegarkusmiawan_161011400134.Dashboard" >

    <TextView

        android:id="@+id/textView1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Ini Tampilan Dashboard" />

    <Button

        android:id="@+id/kembali"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_below="@+id/textView1"

        android:layout_marginTop="28dp"

        android:text="Kembali" 

        android:onClick="kmb"/>

</RelativeLayout>

b. Dashboard.java

package com.example.uas06tplp001_tegarkusmiawan_161011400134;

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

public class Dashboard extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_dashboard);

}

public void kmb(View view) {

Intent intent = new Intent(Dashboard.this, HomeActivity.class);

startActivity(intent);

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

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

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

return true;

}

@Override

public boolean onOptionsItemSelected(MenuItem item) {

// Handle action bar item clicks here. The action bar will

// automatically handle clicks on the Home/Up button, so long

// as you specify a parent activity in AndroidManifest.xml.

int id = item.getItemId();

if (id == R.id.action_settings) {

return true;

}

return super.onOptionsItemSelected(item);

}

}

4. Menu DataSiswa

a. activity_data_siswa.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"

    tools:context="com.example.uas06tplp001_tegarkusmiawan_161011400134.DataSiswa" >

   <LinearLayout

        android:id="@+id/linearLayout1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:orientation="vertical" >

    

        <TextView

            android:id="@+id/namasiswa1"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="Masukkan NIS" />

        

        <EditText

        android:id="@+id/nis"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignRight="@+id/linearLayout1"

        android:layout_below="@+id/btndash1"

        android:ems="10" >

        </EditText>

        

    </LinearLayout>

    <Button

        android:id="@+id/btncari"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_below="@+id/linearLayout1"

        android:gravity="center"

        android:onClick="cari"

        android:text="Cari Siswa " />

   

        <requestFocus />

</RelativeLayout>

b. DataSiswa.java

package com.example.uas06tplp001_tegarkusmiawan_161011400134;

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.EditText;

import android.widget.Toast;

public class DataSiswa extends Activity implements OnClickListener{

Button btncari;

EditText nis;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_data_siswa);

nis = (EditText) findViewById(R.id.nis);

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

btncari.setOnClickListener(this);

}

public boolean onCreateOptionsMenu(Menu menu) {

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

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

return true;

}

@Override

public boolean onOptionsItemSelected(MenuItem item) {

// Handle action bar item clicks here. The action bar will

// automatically handle clicks on the Home/Up button, so long

// as you specify a parent activity in AndroidManifest.xml.

int id = item.getItemId();

if (id == R.id.action_settings) {

return true;

}

return super.onOptionsItemSelected(item);

}

@Override

public void onClick(View arg0) {

// TODO Auto-generated method stub

Intent intent = new Intent(DataSiswa.this, TagihanSiswa.class);

        intent.putExtra("nis", nis.getText().toString());

        startActivity(intent);

}

}

5. Menu TagihanSiswa

a. activity_tagihan_siswa.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: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="com.example.uas06tplp001_tegarkusmiawan_161011400134.TagihanSiswa" >

    <LinearLayout

        android:id="@+id/linearLayout1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:orientation="vertical" >

        

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Nama" />

    

    <EditText

        android:id="@+id/nama"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignRight="@+id/linearLayout1"

        android:layout_below="@+id/btnnama"

        android:ems="10" 

        android:text="Tegar Kusmiawan">

        </EditText>

     <LinearLayout

        android:id="@+id/linearLayout2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:orientation="vertical" >

        

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Kelas" />

    

    <EditText

        android:id="@+id/Kelas"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignRight="@+id/linearLayout1"

        android:layout_below="@+id/btnKelas"

        android:ems="10" 

        android:text="IXA">

        </EditText>

 </LinearLayout>

 <LinearLayout

        android:id="@+id/linearLayout3"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:orientation="vertical" >

        

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Jumlah" />

    

    <EditText

        android:id="@+id/jml"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignRight="@+id/linearLayout1"

        android:layout_below="@+id/btnJumlah"

        android:ems="10" 

        android:text="250.000">

        </EditText>

 </LinearLayout>

 

     <Button 

        android:id="@+id/btnbayar"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_below="@+id/linearLayout1"

        android:gravity="center"

        android:onClick="bayar"

        android:text="Bayar"

         />

     

 </LinearLayout>

</RelativeLayout>

b. TagihanSiswa.java

package com.example.uas06tplp001_tegarkusmiawan_161011400134;

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

import android.widget.Button;

import android.widget.EditText;

public class TagihanSiswa extends Activity {

EditText nama,kelas,jml;

Button btnbayar;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_tagihan_siswa);

//        TextView tvData1 = (TextView) findViewById(R.id.tv_data1);

}

public void bayar(View view) {

Intent intent = new Intent(TagihanSiswa.this, Bayar.class);

startActivity(intent);

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

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

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

return true;

}

@Override

public boolean onOptionsItemSelected(MenuItem item) {

// Handle action bar item clicks here. The action bar will

// automatically handle clicks on the Home/Up button, so long

// as you specify a parent activity in AndroidManifest.xml.

int id = item.getItemId();

if (id == R.id.action_settings) {

return true;

}

return super.onOptionsItemSelected(item);

}

}

6. Menu Bayar

a. activity_bayar.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: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="com.example.uas06tplp001_tegarkusmiawan_161011400134.Bayar" >

    <LinearLayout

        android:id="@+id/linearLayout1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:orientation="vertical" >

        

     <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Transaksi Berhasil" />

        

    <TextView

        android:id="@+id/nama"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="" />

    

     <LinearLayout

        android:id="@+id/linearLayout2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:orientation="vertical" >

        

    <TextView

        android:id="@+id/kelas"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="" />

    

    <TextView

        android:id="@+id/jml"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="" />

    

     </LinearLayout>

 </LinearLayout>

</RelativeLayout>

b. Bayar.java

package com.example.uas06tplp001_tegarkusmiawan_161011400134;

import android.app.Activity;

import android.os.Bundle;

import android.view.Menu;

import android.view.MenuItem;

public class Bayar extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_bayar);

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

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

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

return true;

}

@Override

public boolean onOptionsItemSelected(MenuItem item) {

// Handle action bar item clicks here. The action bar will

// automatically handle clicks on the Home/Up button, so long

// as you specify a parent activity in AndroidManifest.xml.

int id = item.getItemId();

if (id == R.id.action_settings) {

return true;

}

return super.onOptionsItemSelected(item);

}

}

Tampilan dari masing masing activity :

1. Menu Login

2. Menu Home

3. Menu Dashboard

4. Menu DataSiswa

5. Menu TagihanSiswa

6. Menu Bayar'

Selesai.