Aplikasi Form Registrasi Android Studio
Assalamu alaikum warahmatullahi wabarakatu, salam sejahtera bagi kita semua, kali ini saya akan membahas Aplikasi form registrasi, banyak sekali referensi yang menjelaskan tentang Aplikasi form registrasi, dan di sini saya juga mengutip dari beberapa referensi dan menggabungkannya dengan harapan semoga tulisan ini akan menambah pengetahuan dan pemahaman kita mengenai Aplikasi form registrasi, Amin.
1. Langkah pertama buat project baru dengan nama formRegistrasi pada Android Studio, pilih empty activity, dan klik finish, sehingga muncul view sebagai berikut pada Android studio Anda:
2. Selanjutnya design Layout pada activityMain.xml, bisa design melalui script xml melalui menu text ataupun langsung meletakkan pallete yang dibutuhkan melalui menu Design, pada implementasi kali ini saya menggunakan cara ke dua yaitu langsung meletakkan pallete yang dibutuhkan melalui menu Design. Berikut layout yang berhasil saya design sebagai berikut:
Tetapi jika teman-teman lebih terbiasa menggunakan script xml, berikut saya lampirkan script xml nya:
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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:id="@+id/formRegister"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<EditText
android:id="@+id/editTextNama"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="50dp"
android:layout_marginEnd="8dp"
android:ems="10"
android:inputType="textPersonName"
android:text="Nama"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<EditText
android:id="@+id/editTextAlamat"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:ems="10"
android:inputType="textPersonName"
android:text="Alamat"
app:layout_constraintEnd_toEndOf="@+id/editTextNama"
app:layout_constraintStart_toStartOf="@+id/editTextNama"
app:layout_constraintTop_toBottomOf="@+id/editTextNama" />
<EditText
android:id="@+id/editTextWa"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:ems="10"
android:inputType="textPersonName"
android:text="No Wa"
app:layout_constraintEnd_toEndOf="@+id/editTextAlamat"
app:layout_constraintStart_toStartOf="@+id/editTextAlamat"
app:layout_constraintTop_toBottomOf="@+id/editTextAlamat" />
<Button
android:id="@+id/buttonRegister"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="50dp"
android:text="Register"
app:layout_constraintEnd_toEndOf="@+id/editTextWa"
app:layout_constraintStart_toStartOf="@+id/editTextWa"
app:layout_constraintTop_toBottomOf="@+id/editTextWa" />
<TextView
android:id="@+id/textViewNama"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="50dp"
android:layout_marginEnd="8dp"
android:text="TextView"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/buttonRegister" />
<TextView
android:id="@+id/textViewAlamat"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:layout_marginEnd="8dp"
android:text="TextView"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textViewNama" />
<TextView
android:id="@+id/textViewWa"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:layout_marginEnd="8dp"
android:text="TextView"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textViewAlamat" />
3. Selanjutnya tambahkan script Java pada MainActivity.java, pada implementasi kali ini saya menggunakan bahasa pemrograman Java, walaupun ada pilihan menggunakan Kotlin, berikut saya lampirkan script Java-nya:
package com.example.formregistrasi;
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 edttxtName;
EditText edttxtAlamat;
EditText edttxtWa;
TextView txtViewName,txtViewAlamat,txtViewWa;
Button btnRegister;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
edttxtName=findViewById(R.id.editTextNama);
edttxtAlamat=findViewById(R.id.editTextAlamat);
edttxtWa=findViewById(R.id.editTextWa);
txtViewName=findViewById(R.id.textViewNama);
txtViewAlamat=findViewById(R.id.textViewAlamat);
txtViewWa=findViewById(R.id.textViewWa);
}
public void onRegisterclick(View view){
txtViewName.setText("Nama Anda: " +edttxtName.getText().toString());
txtViewAlamat.setText("Alamat Anda: " +edttxtAlamat.getText().toString());
txtViewWa.setText("WA Anda: " +edttxtWa.getText().toString());
}
}
4. Setelah selesai, Run App atau menggunakan Shortcut key Shift+F10 jika Kita menggunakan Sistem Operasi Windows dalam menjalankan Android Studio, berikut saya lampirkan hasil Run App pada Adroid Virtual Device sebagai berikut:
Demikian penjelasan singkat saya mengenai implementasi design aplikasi form registrasi sederhana menggunakan Android Studio, Semoga bermanfaat.
2. Selanjutnya design Layout pada activityMain.xml, bisa design melalui script xml melalui menu text ataupun langsung meletakkan pallete yang dibutuhkan melalui menu Design, pada implementasi kali ini saya menggunakan cara ke dua yaitu langsung meletakkan pallete yang dibutuhkan melalui menu Design. Berikut layout yang berhasil saya design sebagai berikut:
Tetapi jika teman-teman lebih terbiasa menggunakan script xml, berikut saya lampirkan script xml nya:
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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:id="@+id/formRegister"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<EditText
android:id="@+id/editTextNama"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="50dp"
android:layout_marginEnd="8dp"
android:ems="10"
android:inputType="textPersonName"
android:text="Nama"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<EditText
android:id="@+id/editTextAlamat"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:ems="10"
android:inputType="textPersonName"
android:text="Alamat"
app:layout_constraintEnd_toEndOf="@+id/editTextNama"
app:layout_constraintStart_toStartOf="@+id/editTextNama"
app:layout_constraintTop_toBottomOf="@+id/editTextNama" />
<EditText
android:id="@+id/editTextWa"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:ems="10"
android:inputType="textPersonName"
android:text="No Wa"
app:layout_constraintEnd_toEndOf="@+id/editTextAlamat"
app:layout_constraintStart_toStartOf="@+id/editTextAlamat"
app:layout_constraintTop_toBottomOf="@+id/editTextAlamat" />
<Button
android:id="@+id/buttonRegister"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="50dp"
android:text="Register"
app:layout_constraintEnd_toEndOf="@+id/editTextWa"
app:layout_constraintStart_toStartOf="@+id/editTextWa"
app:layout_constraintTop_toBottomOf="@+id/editTextWa" />
<TextView
android:id="@+id/textViewNama"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="50dp"
android:layout_marginEnd="8dp"
android:text="TextView"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/buttonRegister" />
<TextView
android:id="@+id/textViewAlamat"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:layout_marginEnd="8dp"
android:text="TextView"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textViewNama" />
<TextView
android:id="@+id/textViewWa"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:layout_marginEnd="8dp"
android:text="TextView"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textViewAlamat" />
3. Selanjutnya tambahkan script Java pada MainActivity.java, pada implementasi kali ini saya menggunakan bahasa pemrograman Java, walaupun ada pilihan menggunakan Kotlin, berikut saya lampirkan script Java-nya:
package com.example.formregistrasi;
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 edttxtName;
EditText edttxtAlamat;
EditText edttxtWa;
TextView txtViewName,txtViewAlamat,txtViewWa;
Button btnRegister;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
edttxtName=findViewById(R.id.editTextNama);
edttxtAlamat=findViewById(R.id.editTextAlamat);
edttxtWa=findViewById(R.id.editTextWa);
txtViewName=findViewById(R.id.textViewNama);
txtViewAlamat=findViewById(R.id.textViewAlamat);
txtViewWa=findViewById(R.id.textViewWa);
}
public void onRegisterclick(View view){
txtViewName.setText("Nama Anda: " +edttxtName.getText().toString());
txtViewAlamat.setText("Alamat Anda: " +edttxtAlamat.getText().toString());
txtViewWa.setText("WA Anda: " +edttxtWa.getText().toString());
}
}
4. Setelah selesai, Run App atau menggunakan Shortcut key Shift+F10 jika Kita menggunakan Sistem Operasi Windows dalam menjalankan Android Studio, berikut saya lampirkan hasil Run App pada Adroid Virtual Device sebagai berikut:
Demikian penjelasan singkat saya mengenai implementasi design aplikasi form registrasi sederhana menggunakan Android Studio, Semoga bermanfaat.