Thursday, August 24, 2017

Membuat Aplikasi Daftar Wisata Menggunakan Database MYSQL no Library Json

Pada kesempatan ini kita akan membuat satu aplikasi menampilkan daftar wisata (Nama Wisata, Alamat Wisata dan Gambar Wisata) data tersebut di simpan pada databse MYSQL kita akan menggunakan teknologi Json Parsing data pada android, dimana data yang ada pada database MYSQL akan di get dan ditampilkan pada android.

Pada aplikasi ini kita akan menggunakan library useLibrary 'org.apache.http.legacy' karena pada versi android sdk 22.+ bawan libarary itu tidak ada, harus di panggil dari gradle.
Ini akan menggunakan api json yang di buat oleh pt erporte yang apinya sebagai berikut :
http://www.erporate.com/bootcamp/jsonBootcamp.php
semoga dalam praktek anda belum di hapus apinya, secara detail sebagai berikut :
jsonarray :”data”
jsonobject :
  1. ”nama_pariwisata”
  2. ”alamat_pariwisata”
  3. ”detail_pariwisata”
  4. ”gambar_pariwisata”
aplikasi yang akan dibuat, di ambil dari latihan soal ini :
  1. buat halaman login aturan :
  1. jika pengguna atau user memasukkan username : admin dan password : admin. Tidak perlu membuat database untuk login.
  2. Setelah klik button (submit) maka akan mengarah ke halaman splash screen

  1. buat halaman splash screen aturan :
  1. setelah splash screen selesai mengarah ke halaman daftar pariwisata
  2. buat halaman daftar pariwisata aturan :
  1. Halaman daftar pariwisata memunculkan semua lsit daftar pariwisata dan gambar.
  2. data JSON di ambil dari online dengan alamat : erporate.com/bootcamp/jsonBootcamp.php
  3. pada halaman daftar pariwisata buat halaman semenarik mungkin
  4. pengambilan data json menggunakan class dari bawaan android yaitu Asynctask (tidak diperbolehkan menggunakan library pihak ketiga seperti "volley, retrofit dll")

  1. buat halaman detail dari setiap pariwisata
aturan :
  1. jika di klik pada salah satu pariwisata pada daftar pariwisata mengarahkan ke halaman detail pariwisata.
  2. buat halaman detail pariwisata semenarik mungkin
  3. untuk menampilkan gambar menggunakan class dari bawaan android yaitu Asynctask (tidak boleh menggunakan library pihak ketiga "glide, picasso dll")
  4. ambil gambar dari alamat : erporate.com/bootcamp/img

file login.java
import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.EditText;
import android.widget.Toast;

public class Login extends AppCompatActivity {
    EditText editText1 ,editText2; //Deklarasi object dari class EdiText
    String text1 ,text2; //Deklarasi object string

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

    }
    public void loginMasuk(View view) {
        //Method onClick pada Button

        editText1 = (EditText)findViewById(R.id.edittext_username);
        editText2 = (EditText) findViewById(R.id.edittext_password);
        text1 = editText1.getText().toString();
        text2 = editText2.getText().toString();

        if ((text1.contains("Username"))&&((text2.contains("Password")))) {
            Toast.makeText(this, "Sukses Login", Toast.LENGTH_SHORT).show();
            Intent intent = new Intent(Login.this, Splash.class);
            startActivity(intent);
        }

        else if ((text1.matches("")||text2.matches("")))
        {
            //Maka akan menampilkan pesan text toast
            Toast.makeText(this, "Isikan Username dan Password", Toast.LENGTH_SHORT).show();

        }

        else {
            //jika kedua kondisi diatas tidak memenuhi

            Toast.makeText(this, "Login Gagal /Username Password Salah", Toast.LENGTH_SHORT).show();
        }

    }
    @Override
    public void onBackPressed() {
        finish();


    }


}

activity_login.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="10dp"
    >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="#0091EA"
        >

        <Button
            android:text="Masuk "
            android:textColor="#FFF"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#76ff03"
            android:id="@+id/button2"
            android:onClick="loginMasuk"
            android:textStyle="normal|bold"/>
        />

    </LinearLayout>

    <EditText
        android:id="@+id/edittext_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Passwordnya : Password"
        android:inputType="textCapWords"
        style="@style/AppTheme"
        android:layout_centerVertical="true"
        android:textSize="20sp"
        android:fontFamily="monospace"/>

    <EditText
        android:id="@+id/edittext_username"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Usernamenya : Username"
        android:inputType="textCapWords"
        android:layout_marginBottom="10dp"
        android:textSize="20sp"
        android:fontFamily="monospace"
        android:layout_above="@+id/edittext_password"
       />

    <TextView
        android:text="Login User"
        android:textColor="#fff"
        android:background="#76ff03"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/textView2"
        android:textStyle="normal|bold"
        android:textSize="36sp"
        android:textAlignment="center"
        android:layout_marginTop="52dp"/>

</RelativeLayout>


tampilan aplikasinya seperti ini :
pada awalnya akan muncul tampilan login, untuk username diisi : Username dan passwordnya diisi : Password.







projectnya bisa di download di github.
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner