Pages

0

Tutorial membuat aplikasi Form Input Data di Android Studio

Halo Sobat Overzealous
Pada Postikan kali ini kita akan membahsa bagaimana cara membuat sebuah program penginputan data mahasiswa. Caranya gampang kok!!
kalian cukup pantengin terus artikel yang telah kita buat disini mau tau gimana caranya??

Android by mn9x


· Langkah pertama adalah membuat project baru dengan cara mengklik pada Start a new Android Studio Project.




· Kemudian memberikan nama pada project nya dan menentukan letak penyimpanan untuk project yang akan kita buat. Lalu Next.
  
· Setelah itu pada tahap ini hanya mencentang pada pilihan  Phone and Tablet, kemudian Next.


· Selanjutnya memilih Empty Activity. Kemudian menekan tombol Next.


· Kemudian mengisikan Activity Name dengan nama MainActivity. Kemudian menekan tombol Finish.

· Setelah itu akan muncul tampilan awal Android Studio seperti gambar dibawah ini.

· Pada main activity, kita akan membuat tampilan layout dimana kita membutuhkan 4 TextView, 5 Edit Text, dan 1 Button. Untuk memasukkannya yaitu dengan cara mendrag atau menyeret widget iconnnya ke layar Android.
· Kemudian Anda bisa membuat kode yang ada di activity_main.xml dengan kode di bawah ini.

 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp"
    tools:context="com.zebhi.formdata.MainActivity">

    <com.rengwuxian.materialedittext.MaterialEditText
        android:id="@+id/input_nama"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Nama"
        android:inputType="textPersonName"
        android:textSize="16sp"

        app:met_floatingLabel="highlight" />

    <com.rengwuxian.materialedittext.MaterialEditText
        android:id="@+id/input_nik"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Nomor Induk Kependudukan"
        android:inputType="number"
        android:textSize="16sp"
        app:met_floatingLabel="highlight" />

    <com.rengwuxian.materialedittext.MaterialEditText
        android:id="@+id/input_umur"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Usia"
        android:inputType="number"
        android:textSize="16sp"
        app:met_floatingLabel="highlight"
        app:met_maxCharacters="2" />

    <com.rengwuxian.materialedittext.MaterialEditText
        android:id="@+id/input_alamat"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Alamat"
        android:inputType="text"
        android:textSize="16sp"
        app:met_floatingLabel="highlight" />

    <com.rengwuxian.materialedittext.MaterialEditText
        android:id="@+id/input_institusi"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Asal Institusi"
        android:inputType="textCapWords"
        android:textSize="16sp"
        app:met_floatingLabel="highlight" />

    <Button

        android:id="@+id/simpan_button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="submit"
        android:text="simpan"
        android:textAllCaps="true"
        android:textSize="16sp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="180dp"
        android:background="#eceff1"
        android:orientation="horizontal">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:layout_marginLeft="8dp"
            android:layout_marginTop="8dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="Nama" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="NIK" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="Umur" />

            <TextView

                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="Alamat" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="Asal Institusi" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:layout_marginLeft="8dp"
            android:layout_marginTop="8dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text=":" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text=":" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text=":" />

            <TextView
                android:layout_width="wrap_content"

                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text=":" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text=":" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:layout_marginLeft="8dp"
            android:layout_marginTop="8dp">

            
<TextView
                android:id="@+id/hasil_nama"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1" />

            <TextView
                android:id="@+id/hasil_nik"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1" />

            <TextView
                android:id="@+id/hasil_umur"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1" />

            <TextView
                android:id="@+id/hasil_alamat"

                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1" />

            <TextView
                android:id="@+id/hasil_institusi"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1" />

        </LinearLayout>

    </LinearLayout>

</LinearLayout>

· Setelah membuat tampilan pada activity_main.xml, selanjutnya membuat kode agar program dapat berjalan pada MainActivity.java


 
package com.example.masta.formdata;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    EditText nama, nik, alamat, usia, institusi;
    TextView hnama, hnik, halamat, humur, hinstitusi;
    Button btnsimpan;

 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        nama = (EditText) findViewById(R.id.name);
        nik = (EditText) findViewById(R.id.nonik);
        alamat = (EditText) findViewById(R.id.alamak);
        usia = (EditText) findViewById(R.id.old);
        institusi = (EditText) findViewById(R.id.asal);
        hnama = (TextView) findViewById(R.id.hasil_nama);
        hnik = (TextView) findViewById(R.id.hasil_nik);
        halamat= (TextView) findViewById(R.id.hasil_alamat);
        humur= (TextView) findViewById(R.id.hasil_umur);
        hinstitusi= (TextView) findViewById(R.id.hasil_institusi);
        btnsimpan = (Button) findViewById(R.id.simpan_button);

        btnsimpan.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String namae, alam, usi, institus;
                String nomorik;

                namae = nama.getText().toString().trim();
                alam = alamat.getText().toString().trim();
                usi = usia.getText().toString().trim();
                institus = institusi.getText().toString().trim();

                nomorik = nik.getText().toString().trim();

                hnama.setText(namae);
                hnik.setText(nomorik);
                halamat.setText(alam);
                humur.setText(usi);
                hinstitusi.setText(institus);
            }
        });
    }
}

· Dan saatnya kita meng-run programnya dengan cara menekan tombol seperti digambar.



· Selanjutnya ketika di Run, pilih jenis Emulator. Yang akan kita gunakan untuk menjalankan program ini adalah smartphone android Sony C5503 yang dihubungkan dengan kabel USB.



· Setelah itu menunggu sampai prosesnya selesai. Proses ini akan berlangsung paling tidak 1 sampai 2 menit, jika proses ini gagal maka terdapat kesalahan pada pengcodingannya.



· Dan berikut adalah tampilan output dari Project yang telah kita buat.



Jadi pada program kali ini bisa dapat saya menganalisakan, pada pembuatan Aplikasi ini hanya memunculkan data saja dari isian kolom yang ada dan kita bisa mengkombinasikan dengan database SQLite, Firebase, atau yang lainnya kita dapat mengisi isian di kolom-kolom yang tersedia dan apabila klik tombol ‘Simpan’ maka akan muncul data yang paling terakhir kemudian secara otomatis program tersebut menyimpan yang telah kita isikan data yang kita isi sebelumnya.

Apabila ada kesilapan mau pun unsur tidak sengaja mohon di maafkan sebesar besarnya semoga bermanfaat bagi wacther semua maka saya pamit undur diri

 Keep respect and happy {\Coding} BYE BYE....

OZ DARK

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

No comments:

Post a Comment

http://www.resepkuekeringku.com/2014/11/resep-donat-empuk-ala-dunkin-donut.html http://www.resepkuekeringku.com/2015/03/resep-kue-cubit-coklat-enak-dan-sederhana.html http://www.resepkuekeringku.com/2014/10/resep-donat-kentang-empuk-lembut-dan-enak.html http://www.resepkuekeringku.com/2014/07/resep-es-krim-goreng-coklat-kriuk-mudah-dan-sederhana-dengan-saus-strawberry.html http://www.resepkuekeringku.com/2014/06/resep-kue-es-krim-goreng-enak-dan-mudah.html http://www.resepkuekeringku.com/2014/09/resep-bolu-karamel-panggang-sarang-semut-lembut.html