APLIKASI PHP MYSQL – CICILAN BARANG ENAM BULAN DENGAN BOOTSTRAP – V 1.1

Aplikasi Unggulan ASANOER.com ini bisa Anda lihat di ulasan temen blog saya. Juga dapat langsung download dari sana untuk versi aplikasi yang lama. Cek saja langsung kemari Broo!!

Sedot Code PHP

Alkhamdulillah, sekarang APLIKASI PHP MYSQL – CICILAN BARANG ENAM BULAN DENGAN BOOTSTRAP ini sudah ada update, yahh walopun hanya sekedar kecil saja. Yaitu, bagaimana membuat semua cendela add, update (edit), dan konfirmasi delete menjadi sebuah modal (cendela popup / popup yang muncul di atas cendela). Ternyata di Bootstrap sudah menyediakan sebuah fitur kecil untuk menampilkan sebuah cendela popup / modal window seperti di bawah ini.

asanoer.com_cendela-popup-modal-konfirmasi

asanoer.com_cendela-popup-modal-konfirmasi

Jika Anda sudah punya account hosting di hostinger.co.id, maka Anda bisa langsung instalasikan aplikasi ini ke hosting tersebut, ikuti langkahnya di ASANOER.COM – LANGKAH-LANGKAH INSTALASI APLIKASI KREDIT ENAM BULAN DI IDHOSTINGER.

 

Latar Belakang Masalah

Saat sebuah event atau misalnya sebuah tombol tertentu ditekan atau sebuah tindakan dilakukan user maka akan muncul konfirmasi pilihan seperti di atas. Nah efek ini saya tambahkan ke dalam aplikasi yang sudah di download oleh beberapa user ini. Yaitu pada bagian CRUD (Create, Read, Update dan Delete) tabel di menu Master Data. Untuk awal memang masih sebeatas di Master Data, karena keterbatasan waktu saya saat update aplikasi ini.

Langkah-langkah Update

Untuk itu marilah kita mulai :

  •  Buka Halaman Standar Asanoer.com

Yahh memang dalam standar saya semua pengunjung dianjurkan membuka halaman ini untuk dibaca dan dipersiapkan sewajarnya, dan setelah itu silahkan kembali lagi ke artikel ini. Berikut halamannya : Halaman KLIK INI.

Jika kurang jelas langsung saja Buka Formulir Pesan Saya di ASANOER.com – Hubungi Saya.

 

  • Download

Untuk Anda yang sudah mendownload pada artikel APLIKASI PHP MYSQL – CICILAN BARANG ENAM BULAN DENGAN BOOTSTRAP maka Anda sekarang hanya perlu menambahkan dan melakukan sedikit updatenya. Namun untuk Anda yang baru pertama melihat ini, maka silahkan buka Link INI untuk mendownload.

[ DOWNLOAD APLIKASI ]

Lakukan instalasi sesuai dalam file paket downloadnya dan baca cara-install.txt

Khusus untuk update ini, maka sengaja ada beberapa file yang saya kosongkan yaitu :

  1. barang-list.php
  2. barang-edit.php
  3. barang-tambah.php
  4. confirm-hapus-barang.php

Sengaja saya kosongkan supaya Anda tahu dimana saja posisi update tersebut.

 

  • 1. Update barang-list.php

Dalam file ini yang saya update adalah semua tag <button> diganti menjadi <asanoerhapus> , <asanoeredit> , dan <asanoertambah>. Silahkan diperhatikan pada link ini barang-list.php. Terdapat tag-tag baru yang sengaja saya masukkan sesuai dengan CRUD dan akan dipanggil oleh beberapa baris code jQuery :

 

code tersebut akan meload beberapa isi modal window ke <div> ber-id “asanoer-modal”. Silahkan diperhatikan…

Nah silahkan masukkan code ini barang-list.php ke file barang-list.php di aplikasi Anda. Di file update yang baru ini juga ada tag <div> yang menghandle cendela modal / popup ini yaitu id asanoer-modal, silahkan diperhatikan :

Gunanya untuk menampung code baru yang di load secara instant ke atas cendela parent (orang tua). Maksudnya cendela di atas cendela sebelumnya.

asanoer.com_cendela-daftar-barang

asanoer.com_cendela-daftar-barang (masih sama sperti versi 1.0)

 

  • 2. Update barang-edit.php

Khusus barang edit sebenarnya tidak ada sama sekali perubahan, hanya saja Anda tinggal menambahkan attribut ini :

ke tombol BATAL pada file barang-edit.php. Silahkan buka kode barang-edit.php dan copy kan ke file Anda dan silahkan diperhatikan.

asanoer.com_cendela-modal-edit-barang

asanoer.com_cendela-modal-edit-barang

Selesai untuk file ini. Kemudian…

  • 3. Update barang-tambah.php

Sekarang waktunya cendela menambah data diedit. Lakukan hal yang sama seperti barang-edit.php, dan perhatikan ini.

Silahkan buka file barang-tambah.php dan copykan juga ke file Anda.

 

asanoer.com_cendela-modal-tambah-nama-barang-baru

asanoer.com_cendela-modal-tambah-nama-barang-baru

 

  • 4. Membuat cendela konfirmasi hapus

Pada versi 1.0 memang tidak ada konfirmasi dengan cendela modal dari jQuery, jadi masih menggunakan yang tradisional alias memakai cendela konfirmasi dari Java Script.

Langsung saja, buka file confirm-hapus-barang.php pada file Anda dan copy-kan script ini confirm-hapus-barang.php.

Nampak di sini kalau popupda inilah yang menjadi dasar pembuatan artikel ini yaitu bagaimana sebuah popup Bootstrap dapat dibuat.

Sedangkan di Master Data lainnya sengaja sudah tersedia, karena harapan saya, Anda sudah mengerti di mana posisi update ini, dan sampai di sini saja, semoga bermanfaat, dan tetaplah berpesta coding dengan bijak (coding party).

asanoer.com_cendela-popup-modal-konfirmasi-hapus-data

asanoer.com_cendela-popup-modal-konfirmasi-hapus-data

Sumber :

Gambar : capture dari demo.asanoer.com/cicilan/tabah/

Tujuan Pembuatan Artikel :

Untuk informasi update artikel APLIKASI PHP MYSQL – CICILAN BARANG ENAM BULAN DENGAN BOOTSTRAP

asanoer.com_cendela-popup-modal-konfirmasi

asanoer.com_cendela-popup-modal-konfirmasi

asanoer.com_cendela-popup-modal-konfirmasi

asanoer.com_cendela-popup-modal-konfirmasi

asanoer.com_cendela-popup-modal-konfirmasi

asanoer.com_cendela-popup-modal-konfirmasi

Leave a Reply

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *