Menampilkan Data Menggunakan ListView (JSONObject) Part 1


Hello sobat, Hari ini saya akan memberikan tutorial menampilkan data menggunakan ListView dengan HTTP Request menggunakan JSONObject, jadi JSONObject yang kita gunakan untuk mengambil data berupa API dalam bentuk JSON yang udah kita buat menggunakan PHP, Perlu diingat dalam pembuatan aplikasi ini dibagi menjadi 4 Part setiap part saling terhubung. Baik untuk langkah pembuatan aplikasi untuk Part 1 sebagai berikut.

Membuat Database
Untuk databasesnya gunakan di artikel sebelumnya disini

Membuat API
Untuk membuat api sobat gunakan PHP 
  • Buat file koneksi php dapat dilihat disini
  • Buat file php dengan nama siswa.php dan masukan code

PHP

<?php $nis = $_GET['nis']; require_once('koneksi.php'); $sql = "SELECT * FROM siswa WHERE nis=$nis"; $r = mysqli_query($status,$sql); $result = array(); $row = mysqli_fetch_array($r); array_push($result,array( "nis"=>$row['nis'], "nama"=>$row['nama'] )); echo json_encode(array('result'=>$result)); mysqli_close($status);
  • Buat file php dengan nama siswa_all.php dan masukan kode

PHP

<?php
require_once('koneksi.php');

$sql = "SELECT * FROM siswa";

$r = mysqli_query($status,$sql);

$result = array();

while($row = mysqli_fetch_array($r)){

array_push($result,array(
"nis"=>$row['nis'],
"nama"=>$row['nama']
));
}
echo json_encode(array('result'=>$result));
mysqli_close($status);
  • Buat file php dengan nama input_siswa.php dan masukan kode

PHP

<?php
if($_SERVER['REQUEST_METHOD']=='POST'){

$nis = $_POST['nis'];
$nama = $_POST['nama'];

$sql = "INSERT INTO siswa (nis,nama) VALUES ('$nis','$nama')";

require_once('koneksi.php');

$res = array();
if(mysqli_query($status,$sql)){
array_push($res, array("pesan"=>"Berhasil disimpan"));
}else{
array_push($res, array("pesan"=>"Gagal disimpan"));
}
echo json_encode($res);

mysqli_close($status);
}
  • Buat file php dengan nama hapus_siswa.php dan masukan kode

PHP

<?php
$nis = $_GET['nis'];

require_once('koneksi.php');

$sql = "DELETE FROM siswa WHERE nis=$nis;";

$res = array();
  if(mysqli_query($status,$sql)){
    array_push($res, array("pesan"=>"Berhasil dihapus"));
  }else{
    array_push($res, array("pesan"=>"Gagal dihapus"));
  }
  echo json_encode($res);
mysqli_close($status);
  • Buat file php dengan nama edit_siswa.php dan masukan kode

PHP

<?php
if($_SERVER['REQUEST_METHOD']=='POST'){
$nis = $_POST['nis'];
$nama = $_POST['nama'];

require_once('koneksi.php');

$sql = "UPDATE siswa SET nama = '$nama WHERE nis = $nis;";

$res = array();
if(mysqli_query($status,$sql)){
array_push($res, array("pesan"=>"Berhasil diubah"));
}else{
array_push($res, array("pesan"=>"Gagal diubah"));
}
echo json_encode($res);
mysqli_close($status);
}

Design Layout Android Studio
Selanjutnya masuk ke tools android studio


  • Membuat design layout dengan struktur 

  • Masukan code xml di bagian list_item.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="20dp"> 
 
    <TextView 
        android:id="@+id/textView" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="NIS" /> 
 
    <TextView 
        android:id="@+id/textView2" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignParentLeft="true" 
        android:layout_alignParentStart="true" 
        android:layout_below="@+id/textView" 
        android:text="NAMA" /> 
 
    <TextView 
        android:id="@+id/tvNis" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_alignParentTop="true" 
        android:layout_marginLeft="10dp" 
        android:layout_toEndOf="@+id/textView2" 
        android:layout_toRightOf="@+id/textView2" /> 
 
    <TextView 
        android:id="@+id/tvNama" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_alignBottom="@+id/textView2" 
        android:layout_marginLeft="10dp" 
        android:layout_toEndOf="@+id/textView2" 
        android:layout_toRightOf="@+id/textView2" /> 
 
</RelativeLayout>
  • Masukan code xml di bagian activity_tampil_siswa.xml


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" 
    android:orientation="vertical" 
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    tools:context=".TampilSiswa"> 
 
    <ListView 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:id="@+id/listView" /> 
 
</LinearLayout> 

Package

Comments

Popular posts from this blog

PRIVACY POLICY BELMANDIYSAH

PRIVACY POLICY - APLICATION BELMANDIYSAH

Privacy Policy - Aplikasi Mining Algoritma