My Programming Notes: March 2019

Aplikasi RT Online

Pengurus Rukun Tetangga (RT) di lingkungan sebuah perumahan XYZ berkeinginan membuat aplikasi mobile berbasis android untuk mengelola data warga yang tinggal pada lingkungan RT tersebut.

Pada aplikasi tersebut diharapkan mencakup beberapa hal, yaitu:

Terdapat halaman login untuk pengurus dan warga yang akan melakukan pendaftaran
Terdapat halaman menu utama
Terdapat halaman untuk mengisi informasi terkait data kepala keluarga, status tempat tinggal, dan anggota keluarga yang tinggal di dalamnya.

Berikut di bawah ini merupakan langkah-langkah yang dilakukan untuk membuat Aplikasi RT Online sesuai kebutuhan di atas.

1. Login Activity
Screenshot Login Form:

Berikut di bawah ini merupakan xml script untuk login_activity:

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

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="vertical">

<TextView

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Login Form"

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

<TextView

android:id="@+id/textView2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text=" "

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

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content">

<TextView

android:id="@+id/textView3"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Username :"/>

<EditText

android:id="@+id/etxtUsernane"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_weight="1"

android:ems="10"/>

<requestFocus/>

</LinearLayout>

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content">

<TextView

android:id="@+id/textView4"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Password :"/>

<EditText

android:id="@+id/etxtPassword"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:ems="10"

android:inputType="textPassword">

</EditText>

</LinearLayout>

<TextView

android:id="@+id/textView5"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text=" "

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

<Button

android:id="@+id/btnLogin"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="Login"/>

<Button

android:id="@+id/btnExit"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="Exit"/>

</LinearLayout>

</RelativeLayout>

Berikut di bawah ini merupakan java script untuk login_activity:

packagecom.anggi.aplikasirtonline;

importandroid.os.Bundle;

importandroid.app.Activity;

importandroid.content.Intent;

importandroid.view.Menu;

importandroid.view.View;

importandroid.widget.Button;

publicclassLoginActivityextends Activity {

      Button btnLogin;

      Button btnExit;



@Override

publicvoidonCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_login);

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

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

btnLogin.setOnClickListener(newView.OnClickListener() {



                  publicvoidonClick(View v) {

                        // TODO Auto-generated method stub

                        Intent i = newIntent(LoginActivity.this, MenuActivity.class);

                        i.putExtra("Pesan", "Sukses Login");

                        startActivity(i);

                  }

            });

btnExit.setOnClickListener(newView.OnClickListener() {



                  publicvoidonClick(View v) {

                        // TODO Auto-generated method stub

                        moveTaskToBack(true);

                        android.os.Process.killProcess(android.os.Process.myPid());

                        System.exit(0);

                  }

            });

    }

@Override

publicbooleanonCreateOptionsMenu(Menu menu) {

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

returntrue;

    }
}

2. Menu Activity
Screenshot Menu Utama

Berikut di bawah ini merupakan xml script untuk menu_activity:

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

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="vertical">

<Button

android:id="@+id/btnPendaftaranWarga"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="PendaftaranWarga"/>

<Button

android:id="@+id/btnLihatWarga"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="Lihat Data Warga"/>

<Button

android:id="@+id/btnLogout"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="Logout"/>

</LinearLayout>

</RelativeLayout>

Berikut di bawah ini merupakan java script untuk menu_activity:

packagecom.anggi.aplikasirtonline;

importandroid.os.Bundle;

importandroid.app.Activity;

importandroid.content.Intent;

importandroid.view.Menu;

importandroid.view.MenuItem;

importandroid.view.View;

importandroid.widget.Button;

import android.support.v4.app.NavUtils;

publicclassMenuActivityextends Activity {

      Button btnPendaftaranWarga;

      Button btnLihatWarga;

      Button btnLogout;



@Override

publicvoidonCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_menu);

//getActionBar().setDisplayHomeAsUpEnabled(true);

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

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

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

btnPendaftaranWarga.setOnClickListener(newView.OnClickListener() {



                  publicvoidonClick(View v) {

                        // TODO Auto-generated method stub

                        Intent i = newIntent(MenuActivity.this, PendaftaranActivity.class);

                        i.putExtra("Pesan", "Form PendaftaranWarga");

                        startActivity(i);

                  }

            });

btnLogout.setOnClickListener(newView.OnClickListener() {



                  publicvoidonClick(View v) {

                        // TODO Auto-generated method stub

                        moveTaskToBack(true);

                        android.os.Process.killProcess(android.os.Process.myPid());

                        System.exit(0);

                  }

            });

    }

@Override

publicbooleanonCreateOptionsMenu(Menu menu) {

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

returntrue;

    }

@Override

publicbooleanonOptionsItemSelected(MenuItem item) {

switch (item.getItemId()) {

caseandroid.R.id.home:

NavUtils.navigateUpFromSameTask(this);

returntrue;

        }

returnsuper.onOptionsItemSelected(item);

    }

}

3. Pendaftaran Activity
Screenshot Form Pendaftaran

Berikut di bawah ini merupakan xml script untuk pendaftaran_activity:

<RelativeLayoutxmlns: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:scrollbarStyle="insideOverlay"

android:scrollbars="vertical">

<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:scrollbars="vertical">

<TextView

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Data KepalaKeluarga"

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

android:textStyle="bold"/>

<TextView

android:id="@+id/textView11"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text=" "

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

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content">

<TextView

android:id="@+id/textView4"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="NIK :"/>

<EditText

android:id="@+id/etxtKKNIK"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:ems="10"

android:inputType="number"/>

<requestFocus/>

</LinearLayout>

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content">

<TextView

android:id="@+id/textView2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="NamaLengkap :"/>

<EditText

android:id="@+id/etxtKKNamaLengkap"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:ems="10">

</EditText>

</LinearLayout>

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content">

<TextView

android:id="@+id/textView5"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="NamaPanggilan :"/>

<EditText

android:id="@+id/etxtKKNamaPanggilan"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:ems="10"/>

</LinearLayout>

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content">

<TextView

android:id="@+id/textView3"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="JenisKelamin :"/>

<RadioButton

android:id="@+id/rbtnKKJKPria"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Pria"/>

<RadioButton

android:id="@+id/rbtnKKJKWanita"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Wanita"/>

</LinearLayout>

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content">

<TextView

android:id="@+id/textView6"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Kota Kelahiran :"/>

<EditText

android:id="@+id/etxtKKKotaKelahiran"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:ems="10"/>

</LinearLayout>

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content">

<TextView

android:id="@+id/textView7"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="TanggalLahir :"/>

<EditText

android:id="@+id/etxtKKTanggalLahir"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:ems="10"

android:inputType="date"/>

</LinearLayout>

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content">

<TextView

android:id="@+id/textView8"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="e-mail :"/>

<EditText

android:id="@+id/etxtKKEmail"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:ems="10"

android:inputType="textEmailAddress"/>

</LinearLayout>

<LinearLayout

android:layout_width="wrap_content"

android:layout_height="wrap_content">

<TextView

android:id="@+id/textView9"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:text="Pekerjaan :"/>

<EditText

android:id="@+id/etxtKKPekerjaan"

android:layout_width="245dp"

android:layout_height="wrap_content"

android:ems="10"/>

</LinearLayout>

<TextView

android:id="@+id/textView10"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text=" "

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

<Button

android:id="@+id/btnKKSelanjutnya"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="Selanjutnya"/>

</LinearLayout>

</RelativeLayout>

Berikut di bawah ini merupakan java script untuk pendaftaran_activity:

packagecom.anggi.aplikasirtonline;

importandroid.os.Bundle;
importandroid.app.Activity;
importandroid.view.Menu;
importandroid.view.MenuItem;
import android.support.v4.app.NavUtils;

public class PendaftaranActivity extends Activity {

    @Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_pendaftaran);
getActionBar().setDisplayHomeAsUpEnabled(true);
    }

    @Override
publicbooleanonCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_pendaftaran, menu);
return true;
    }

    @Override
publicbooleanonOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
caseandroid.R.id.home:
NavUtils.navigateUpFromSameTask(this);
return true;
        }
returnsuper.onOptionsItemSelected(item);
    }

}

Demikian yang dapat saya sampaikan.
Penulis menyadari terdapat kekurangan pada penulisan ini, sehingga penulis membuka kesempatan bagi pembaca untuk dapat memberikan kritik dan saran yang membangun untuk penulisan yang lebih baik lagi di masa depan.

Semoga tulisan ini dapat bermanfaat.

Monday, March 25, 2019

Aplikasi RT Online