Skip to main content
cara buat form register user android

Cara Buat Form Register User Android Volley

Cara Buat Form Register User Android Volley

Salam sejahtera, pembahasan berikut masih berkaitan dengan penggunaan library Volley untuk komunikasi data android mysql, topik kita kali ini yaitu tentang Cara Buat Form Register User Android Volley. Sebagaimana topik kita yang sebelumnya, penggunaan library Volley sangat mudah digunakan khsusunya untuk aplikasi jaringan. Topik tentang Cara Buat Form Register User Android Volley ini sama halnya dengan operasi CRUD database android dan mysql. Bedanya dengan topik ini kita menggunakan Library Volley.

Topik Pembahasan Cara Buat Form Register User Android Volley

  • Pendahuluan
  • Pemahaman Proses Aplikasi
  • Pembuatan Project
  • Kesimpulan

Video Demo Hasil Akhr Aplikasi

Pemahaman Cara Buat Form Register User

Kita mulai pembahasan awal tentang topik Cara Buat Form Register User Android Volley. Secara umum proses aplikasi yang akan kita buat sebagai berikut :

  1. User melakukan Login dengan username yang teah terdaftar di Server
  2. Apabila user belum mempunyai akun, ada pilihan untuk melakukan daftar akun
  3. Jika inputan username dan password benar, akan masuk kedalam halaman Dashboard dan apabila salah username dan password, akan muncul pesan kesalahan
  4. Jika user telah melakukan Login dan tidak melakukan Logout, maka user tidak perlu melakukan login kedua kalinya.

Poin kedua itulah yang belum kita buat, sedangkan untuk poin lainnya telah kita selesaikan pada topik pembahasan sebelumnya. Kesimpulannya, topik ini merupakan lanjutan dari project topik sebelumnya.

Baca kembali topik sebelumnya :

Pembuatan Project

Untuk project topik Cara Buat Form Register User Android Volley ini, kita masih ambil dari project sebelumnya yaitu pada tahap Login user menggunakan Volley. Pastikan project tersebut sudah berhasil dan tidak ada kendala error. Kini kita masuk kedalam tahap lanjutan untuk proses Registrasi atau Daftar User. Data registrasi akan disimpan kedalam tabel Mysql di Komputer Server menggunakan bantuan Volley.

Pembuatan Database

Untuk perancangan Database dan tabel, kita buat sederhana saja, gunakan Tools : PhpMyAdmin, struktur tabel User adalah sebagai berikut:

cara buat form register user android
Database Mysql

Pembuatan Script PHP Server

Aplikasi Cara Buat Form Register User Android Volley ini menggunakan konsep layanan web. Data Registrasi akan disimpan kedalam database Mysql. Menghubungkan antara Aplikasi Android dan Mysql menggunakan bantuan Script PHP. Jadi, script PHP nya kita letakkan di Server komputer atau bisa juga di Hosting online (Optional). Contoh materi ini akan kita letakkan di komputer lokal (Not online).

Buatkan file PHP yaitu : registrasi.php yang menyediakan layanan koneksi ke aplikasi android.

Source code : register.php

<?php 
if($_SERVER['REQUEST_METHOD']=='POST'){ 
//Nilai field 
$email = $_POST['email']; 
$user = $_POST['username']; 
$pass = $_POST['password']; 
$nama = $_POST['nama']; 
//Creating an sql query 
$sql = "INSERT INTO user (email,username,password,nama) VALUES ('$email','$user','$pass','$nama')"; 
//Panggil Koneksi 
require_once('dbConnect.php'); 
//Executing query ke database 
if(mysqli_query($con,$sql)){ 
echo 'Sukses Tambah Data'; 
}else{ 
echo 'Gagal Tambah Data'; 
} 
//Closing the database 
mysqli_close($con); } ?>

Simpan dan letakkan di : C:/xampp/htdocs/crud (Saya simpannya sama dengan folder aplikasi saya yang materi sebelumnya).

Pembuatan Project Android Klien

Seperti kita bahas sebelumnya, untuk project di Android, kita masih menggunakan project topik sebelumnya yang untuk proses login koneksi mysql. Kini kita akan tambahkan kode nya untuk proses registrasi user yang baru.

Layout Register.xml

Pertama kali kita akan buatkan Form untuk halaman registrasi user. Caranya buatkan layout baru di : res, beri nama : register.xml. kita ambil source code yang sama dengan yang punya halaman login, tinggal kita tambahkan beberapa komponen nya. Berikut source codenya.

Source code : register.xml

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
android:background="@color/colorBackground" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" >

    <LinearLayout 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:layout_gravity="center_vertical" 
android:orientation="vertical" 
android:paddingTop="56dp" 
android:paddingLeft="24dp" 
android:paddingRight="24dp" >

        <ImageView 
android:background="@drawable/unigha" 
android:layout_gravity="center_horizontal" 
android:layout_width="150dp" 
android:layout_height="150dp" />


        <android.support.design.widget.TextInputLayout 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:layout_marginTop="8dp" 
android:layout_marginBottom="8dp">
            <EditText 
android:id="@+id/txtnama" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:inputType="text" 
android:hint="Nama Lengkap"/>
        </android.support.design.widget.TextInputLayout>


<android.support.design.widget.TextInputLayout 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:layout_marginTop="8dp" 
android:layout_marginBottom="8dp">

    <EditText 
android:id="@+id/txtemail" 
android:inputType="textEmailAddress" 
android:hint="Nama Email" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" />
</android.support.design.widget.TextInputLayout>

        <android.support.design.widget.TextInputLayout 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:layout_marginTop="8dp" 
android:layout_marginBottom="8dp">
            <EditText 
android:id="@+id/txtusername" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:inputType="textAutoComplete" 
android:hint="username"/>
        </android.support.design.widget.TextInputLayout>

        <android.support.design.widget.TextInputLayout 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:layout_marginTop="8dp" 
android:layout_marginBottom="8dp">
            <EditText 
android:id="@+id/txtPassword" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:inputType="textPassword" 
android:hint="Password"/>
        </android.support.design.widget.TextInputLayout>

        <android.support.v7.widget.AppCompatButton 
android:id="@+id/cmd_daftar" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:background="@color/colorPrimary" 
android:textColor="@color/colorAccent" 
android:layout_marginTop="24dp" 
android:layout_marginBottom="24dp" 
android:padding="12dp" 
android:text="Daftar Akun" />
    </LinearLayout>

</ScrollView>

Dan berikut tampilan hasil nya :

cara buat form register user android
Register.xml

Ubah Class Koneksi.java

Kita beralih ke class Java, setelah pembuatan layout halaman register selesai. Buka Class Koneksi.java kemudian tambahkan kode berikut yang berguna untuk melakukan koneksi dengan Script PHP di Server.

    // URL Untuk register, sesuaikan dengan alamat IP komputer
    public static final String REGISTER_URL = "http://192.168.56.1/crud/register.php";
    // Parameter Yang dikirmkan keserver
    public static final String KEY_NAMA= "nama";
    public static final String KEY_EMAIL = "email";
    public static final String KEY_USER = "username";
    public static final String KEY_PASS = "password";

Keterangan :

  • Ada dikomentar baris kode

Buatkan Class Register.java

kini kita lanjutkan dengan membuat sebuah class baru yang bertujuan untuk menghandle pengiriman data dari Aplikasi Android ke Server menggunakan Volley. Saya beri nama class nya : Register.java

Source Code : Register.java

package com.example.ciqwan.app_volley;

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

import com.android.volley.Request;
import com.android.volley.RequestQueue;
import com.android.volley.Response;
import com.android.volley.VolleyError;
import com.android.volley.toolbox.StringRequest;
import com.android.volley.toolbox.Volley;

import java.util.HashMap;
import java.util.Map;

/**
 * Created by Windows10 on 06/04/2016.
 */
// Evet melalui ClickListener
public class Register extends AppCompatActivity implements View.OnClickListener {
// Definisi View dan Button
    private EditText txtnama;
    private EditText txtemail;
    private EditText txtusername;
    private EditText txtpass;

    private Button buttonRegister;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.register);
// Inisialisasi View dan Button
        txtnama = (EditText) findViewById(R.id.txtnama);
        txtemail= (EditText) findViewById(R.id.txtemail);
        txtusername= (EditText) findViewById(R.id.txtusername);
        txtpass= (EditText) findViewById(R.id.txtPassword);
        buttonRegister = (Button) findViewById(R.id.cmd_daftar);
        // Event penekanan Button
        buttonRegister.setOnClickListener(this);
    }
// Method untuk Proses registrasi User
    private void DaftarUser(){
        // Ubah ketipe data String
        final String nama=txtnama.getText().toString().trim();
        final String email=txtemail.getText().toString().trim();
        final String username=txtusername.getText().toString().trim();
        final String password=txtpass.getText().toString().trim();
// Kirimkan data kserver menggunakan method : POST berdasarkan URL di Class Koneksi.java
        StringRequest stringRequest=new StringRequest(Request.Method.POST, Koneksi.REGISTER_URL,
                new Response.Listener<String>() {
                    @Override
                    public void onResponse(String response) {
                        Toast.makeText(Register.this, response, Toast.LENGTH_LONG).show();
                    }
                },
                new Response.ErrorListener() {
                    @Override
                    public void onErrorResponse(VolleyError error) {
                        Toast.makeText(Register.this, error.toString(), Toast.LENGTH_LONG).show();
                    }
                }){
            protected Map<String, String> getParams(){
                // Parameter yang dikirmkan sesuai di Class Koneksi.java
                Map<String,String> params = new HashMap<String, String>();
                params.put(Koneksi.KEY_NAMA,nama);
                params.put(Koneksi.KEY_EMAIL,email);
                params.put(Koneksi.KEY_USER, username);
                params.put(Koneksi.KEY_PASS, password);
                return params;
            }
        };
        RequestQueue requestQueue= Volley.newRequestQueue(this);
        requestQueue.add(stringRequest);
    }

// Panggil method DaftarUser 
    @Override
    public void onClick(View v) {

        DaftarUser();
    }
}

Keterangan :

  • Baris kode dalam class ini yang berfungsi untuk mengirmkan data dari Aplikasi android ke database mysql menggunakan Volley berdasarkan URL dan parameter yang kita set di class Koneksi.java

Edit Class LoginActivity.java

Terakhir yang kita lakukan adalah meng-edit source code di class LoginActivity.java agar sewaktu tulisan “Belum Punya aku, reg disini” di Klik akan memunculkan form register nya. Caranya tambahkan kode berikut :

cara buat form register user android
Event Click Listener

Dan dalam method OnClick(), jadikan kodenya menjadi :

   @Override
    public void onClick(View v) {
        if(v==buttonLogin){
            login();
        }
        if(v==daftar){
            Intent intent = new Intent(LoginActivity.this, Register.class);
            startActivity(intent);
        }
    }

Daftarkan di AndroidManifest.xml

Terakhir, karena kita telah buat sebuah class dan layout untuk register, kita daftarkan class tersebut di file : AndroidManifest.xml, lihat gambar :

cara buat form register user android
AndroidManifest.xml

Run Project

Selesai tahapan kita dalam Cara Buat Form Register User Android Volley. Jika tidak ada kendala dan error coba run project menggunakan Emulator (Saya pakai GenyMotion). maka akan muncul tampilan berikut :

cara buat form register user android
Inputkan Data
cara buat form register user android
Pesan Sukses

Kesimpulan cara buat form register user android

  • Aplikasi yang sederhana untuk proses registrasi user melalui android disimpan ke database mysql
  • Pastikan untuk pahami materi ini, baca lagi topik materi yang sebelumnya
  • Pembahasan selanjutnya akan coba kita bahas tentang proses pengambilan data dan gambar dari mysql ditampilkan dalam Reclyler View Android

Semoga materi cara buat form register user android ini bermanfaat.

Facebook Comments

Ridwan, SST

Seorang Tenaga Pengajar Yang Kebetulan Suka Menulis Dan Membuat Tulisan Melalui Blog Web. CP : 0852 7747 2958 E-mail : awanpijay@rocketmail.com

More Posts - Website

Follow Me:
TwitterFacebookYouTube

Ridwan, SST

Seorang Tenaga Pengajar Yang Kebetulan Suka Menulis Dan Membuat Tulisan Melalui Blog Web. CP : 0852 7747 2958 E-mail : awanpijay@rocketmail.com