Membuat Formulir Entri Mahasiswa di Android (Design Only, No Database)

Posted on Updated on

Android_logo

Formulir? Di android? Untuk apa?

Hmm..sebelum saya menulis artikel ini, saya ingin memberitahukan bahwa saya sekarang sedang ingin belajar tentang android. Maksudnya bagaimana men-develop aplikasi yang berada dalam platform Android, sebuah platform mobile baru yang akhir-akhir ini sedang naik daun karena experience-nya yang dirasa baru dalam dunia mobile. Platform Android ini popularitasnya semakin naik seiring berjalannya waktu, makin menyaingin Symbian, Java, bahkan Iphone dalam perebutan pasar sistem operasi mobile. Android adalah platform yang dikembangkan oleh Google, tahu sendiri lah kredibilitas Google seperti apa kalau mengembangkan sebuah teknologi.

Di sini saya penasaran banget, pengen banget belajar Android, sekalian belajar Java (sekedar info : bahasa pemrograman yang digunakan dalam Android adalah Java), hehe 🙂 . Awalnya bingung, mau mulai dari mana. Dan dengan saya menulis artikel ini, setidaknya saya tahu arah saya kemana saya harus belajar untuk memulai android ini.. ^_^. Coming soon, akan banyak artikel tentang Android yang memenuhi blog perekam jejak ini, selain artikel tentang rekaman jejak-jejak saya tentunya. Semoga mood mempelajari Android ini terus terjaga. Untuk itu, buat teman-teman yang juga berminat mempelajari Android ini, ayo gabung bareng-bareng. Kita belajar bareng, sharing bareng..

Oke,mulai saja..

Saya di sini mengambil kasus saat pengambilan data-data tentang mahasiswa. Untuk proses pengambilan dta, tentu dibutuhkan formulir yang digunakan untuk mendata field-field mahasiswa, seperti: Nama,NRP, Jurusan, Angkatan, Alamat (<- saya contohkan seperti itu dulu). Bagi teman-teman yang pernah berkecimpung di pemrograman web, biasanya untuk membuat aplikasi seperti ini yang pertama dibuat adalah element form. Di sini pengembangan masih sebatas desain, belum sampai level database. Ke depannya semoga saya bisa meng-share ilmu saya tentang database pada android.

Ini saya beri gambaran form-nya.

Formulir_webFormat

Field-fieldnya adalah : Nama, NRP, Jenis Kelamin, Jurusan, Angkatan, Alamat. Sekarang pertanyaannya, apakah bisa kita konversi ke paltform android? Jawabannya bisa!

Baik, sekarang kita mulai proses pembuatannya. Tool yang digunakan di sini adalah Eclipse Ganymade yang telah disinkronkan dengan Android SDK. Jadi, sebelum memulai belajar android, segera lengkapi tool-tool yang ada agar tidak mengganggu proses pengembangan aplikasi.

Di sini step-step pengembangan aplikasi tidak akan dijelaskan secara detail.

Pada AndroidManifest.xml, edit sehingga menjadi seperti ini:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="fadlikadn.main.sample.org"
      android:versionCode="1"
      android:versionName="1.0">
    <uses-sdk android:minSdkVersion="8" />

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

    </application>
</manifest>

Pada source code java (pada file source, bernama form_activity.java), ketikan source code berikut :

package fadlikadn.main.sample.org;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;

public class form_activity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }

    public void submitProcess(View view)
    {
    	Toast.makeText(this, "Submit Process!", Toast.LENGTH_SHORT).show();
    }

    public void CancelProcess(View view)
    {
    	Toast.makeText(this, "Cancel Process!", Toast.LENGTH_SHORT).show();
    }
}

Source code di atas adalah kumpulan fungsi-fungsi yang digunakan pada aplikasi

Kemudian untuk layout, sesuaikan dengan format formulir yang ada. Dalam android, cara desain layout dapat dilakukan secara GUI yang mirip pada desain Visual Basic ataupun langsung editing source XML yang merepresentasikan tampilan aplikasi. Mengapa menggunakan XML? Sebenarnya dalam android ada beberapa cara untuk mendesain tampilan, bisa menggunakan XML yang digunakan sekarang, ataupun menggunakan source code Java langsung. artikel desain menggunakan Java akan dibahas di artikel saya yang lain (doakan semoga tercapai.. 😀 ).

Source code XML untuk layout (main.xml):

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:id="@+id/ScrollView01"
	android:layout_width="fill_parent"
	android:layout_height="wrap_content"
	android:scrollbars="vertical">
	<LinearLayout
	    android:layout_width="fill_parent"
	    android:orientation="vertical"
	    android:layout_height="fill_parent">

	    <TextView
	    	android:id="@+id/judulForm"
	    	android:gravity="center"
	    	android:layout_width="fill_parent"
	    	android:layout_height="wrap_content"
	    	android:text="@string/formTitle"
	    	android:minHeight="60dp"
	    	android:textSize="10pt">
	    </TextView>
	    <EditText
	    	android:id="@+id/txtNama"
	    	android:layout_height="wrap_content"
	    	android:layout_width="fill_parent"
	    	android:hint="@string/namaTitle"
	    	>
	    </EditText>
	    <EditText
	    	android:id="@+id/txtNRP"
	    	android:layout_height="wrap_content"
	    	android:layout_width="fill_parent"
	    	android:hint="@string/nrpTitle"
	    	>
	    </EditText>
	    <Spinner
	    	android:id="@+id/pilJK"
	    	android:layout_height="wrap_content"
	    	android:layout_width="fill_parent"
	    	android:prompt="@string/JK1"
	    	android:entries="@array/JKlist"
	    	>
	    </Spinner>
	    <EditText
	    	android:id="@+id/txtJurusan"
	    	android:layout_height="wrap_content"
	    	android:layout_width="fill_parent"
	    	android:hint="@string/jurTitle"
	    	>
	    </EditText>
	    <EditText
	    	android:id="@+id/txtAngkatan"
	    	android:layout_height="wrap_content"
	    	android:layout_width="fill_parent"
	    	android:hint="@string/angkatanTitle"
	    	>
	    </EditText>
	    <EditText
	    	android:id="@+id/txtAlamat"
	    	android:layout_height="wrap_content"
	    	android:layout_width="fill_parent"
	    	android:hint="@string/alamatTitle"
	    	>
	    </EditText>

	    <Button
	    	android:id="@+id/btnSubmit"
	    	android:layout_height="wrap_content"
	    	android:layout_width="fill_parent"
	    	android:text="@string/SubmitTitle"
	    ></Button>

	    <Button
	    	android:id="@+id/btnCancel"
	    	android:layout_height="wrap_content"
	    	android:layout_width="fill_parent"
	    	android:text="@string/CancelTitle"
	    >
	    </Button>
	</LinearLayout>
</ScrollView>

Kemudian buka file strings.xml, yang ada pada folder “values”. Edit sehingga menjadi seperti ini :

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="hello">Hello World, form_activity!</string>
    <string name="app_name">Formulir_Mahasiswa</string>
    <string name="formTitle">Pendataan Mahasiswa</string>
    <string name="namaTitle">Nama</string>
    <string name="nrpTitle">NRP</string>
    <string name="jurTitle">Jurusan</string>
    <string name="angkatanTitle">Angkatan</string>
    <string name="alamatTitle">Alamat</string>

    <string name="SubmitTitle">Submit</string>
    <string name="CancelTitle">Cancel</string>

    <string name="JK1">Laki-Laki</string>
    <string name="JK2">Perempuan</string>
</resources>

Langkah selanjutnya, buat file arrays.xml. File ini berguna untuk menyimpan konfigurasi array yang digunakan untuk list data pada komponen spinner (pada web, objek “option”)

<?xml version="1.0" encoding="utf-8"?>
<resources>
	<string-array name="JKlist">
		<item>@string/JK1</item>
		<item>@string/JK2</item>
	</string-array>
</resources>

Sip, aplikasi selesai sudah, ini nih screenshootnya :

Versi vertical
Android_Form_Vertical
Versi horizontal

Android_Form_Horizontal

Selesai sudah. Yang masih bingung dengan alur pembuatan aplikasi, bisa langsung download source code-nya di sini.
Cara import:
• Extract File
• Klik File – Import – Pilih “Existing Project Into Workspace”, Klik Next, Klik Browse, Cari directory di mana folder hasil extract, klik ok, dan klik finish.

Selamat belajar. Jika masih gagal, jangan malu-malu untuk bertanya ke Google atau bisa langsung tinggalkan komentar di bawah.

Iklan

11 thoughts on “Membuat Formulir Entri Mahasiswa di Android (Design Only, No Database)

    Syafrie said:
    3 April 2011 pukul 20:20

    Sippt… Like it… Tingkatkandd…!! Hee…

    AnakOmak said:
    10 April 2011 pukul 01:14

    bagus sekali..

    ane ijin menggunakan gan…

    mimika said:
    14 Juni 2011 pukul 04:13

    bgs,.,.,
    i like it,.
    q coba y,.,

    derry said:
    19 Oktober 2011 pukul 13:28

    mas, database menggunkana mysql gak????

      Fadlika Dita Nurjanto responded:
      19 Oktober 2011 pukul 15:45

      untuk tahap ini belum menggunakan database. Hanya sebatas interface-nya saja.. 🙂

        Annovcoer Amd said:
        31 Juli 2016 pukul 03:27

        mas, klo bikin form kyak yg di atas, trus pengen menampilkan data yang isi dalam form tersebut kedalam bentuk PDF bisa gak mas…??

    maman said:
    30 Desember 2011 pukul 04:32

    Nice Tutor ..

    Mohon ijin untuk mencoba

    Machfudz said:
    13 Januari 2012 pukul 16:33

    Coba ahh…
    😀

    Kiranatecno said:
    8 Juli 2014 pukul 13:34

    gan link downlloadnya da gak bisa gan

    NurFakhrudinSaifuloh (@NF_Saifuloh) said:
    21 Mei 2016 pukul 15:57

    izin ya, buat tugas kelompok kuliah
    thanks

    mamduh said:
    17 Maret 2017 pukul 17:16

    kirimin projeknya gan, link yang diatas sudah mati, kirim ke email mamduhbbm@gmail.com

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s