Skip to main content

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.

Comments

Unknown said…
bang kalo ditambahin didatabase latitude dan longitude maps serta nampilin rute mapsnya gimana bang?
Blog basbas said…
comming soon bang, stay tune nanti artikel akan di update
Unknown said…
siap bang ditunggu, tutorialnya mudah dipahami, mantaap bang:))

Popular posts from this blog

Membuat Aplikasi Ramalan Cuaca Menggunakan Kotlin 2017

Hallo Kuy, Masih sehat dengan Codingganya? semoga tetap sehat dan enggak muntah-muntah dalam belajar pemmogramman, pada artikel kali ini saya akan membahas tentang Kotlin, materi ini saya dapatkan waktu mengikuti workshop di kantor Go-jek, materi ini diberikan oleh salah satu Depelover Google Expert Indonesia yaitu Sidiq Permana dan di workshop juga ada Mobile Engginernya Gojek, teman-teman engginer java dan lain lain yang ingin berhijrah ke kotlin, kenapa sih kotlin? iya, Google kedepan akan menjadikan bahasa kotlin itu menjadi bahasa utama untuk android, itu nanti ya. motivasi belajar proggraming Pada artikel yang akan saya share yaitu bukan project buatan saya, akan tetapi projectnya Sidiq permana, yang mana dalam projectnya mengimplementasikan konsep MVP pada projectnya. Apa itu MVP ?  baca disini  lebih lengkap. untuk anda yang pemula atau yang ingin hijrah ke kotlin bisa belajar di link bawah ini dasar kotlin android untuk membuat perhitungan luas segitiga...

Membuat App Android Karyawan Inventory Menggunakan CRUD SQLite Part 1

Hii Kuy, salam sejahtera, semoga sehat selalu dan dalam lindungan Tuhan YME. aplikasi kali ini hanya untuk newbie ya. untuk teman-teman yang baru / mau belajar android /mobile proggramming seperti saya. Pada aplikasi kali ini yaitu membuat aplikasi karyawan inventory, apa itu karyawan inventory? yaitu satu aplikasi yang dapat menginput, menampilkan, mengedit dan

Contact Person

Hello Semua, bagi yang ingin menanyakan persoalan isi content yang saya telah post bisa menghubungi saya di daftar kontak saya dibawah ini : Whatsap  0853-9803-8073 Email       Basriumar12@gmail.com Group Belajar Android LINK GROUP WHATSAP   http://bit.ly/2x3H0oT  full kuota LINK GORUP TELEGRAM  http://bit.ly/2knZ5gu