Posted by : Unknown Thursday, 11 June 2015

PHP MySQL meskipun dua teknologi tersebut bagi kebanyakan dosen Informatika sudah dibilang ‘udzur’. Namun karena kebutuhan teknologi web yang semakin canggih dan bermacam-macam, PHP MySQL yang notabene sudah banyak dipakai dan populer tetaplah menjadi primadona di kalangan para developer.
Datetime PHP MySQL
Datetime PHP MySQL
Selamat datang kembali, setelah sekian lama tidak berbagi kepada pengunjung setia, kali ini penulis akan membuat sebuah tutorial sederhana mengenai PHP MySQL dan Jquery untuk pembuatan form input berbentuk tanggal (date) menggunakan fungsi List() dan Explode(). Penulis akan mencoba mengaplikasikan library date picker dari Jquery UI untuk melakukan pembuatan user interface.
Jadi cara kerja dari form nantinya seperti berikut :
- User melakukan inputan sebuah data tanggal pada form.
- Form pada user interface telah kita permak menggunakan Jquery UI, sehingga memudahkan user untuk melakukan inputan.
- Jika user memencet button, maka data input tanggal akan diproses (explode) dalam bentuk variabel tertentu, sehingga PHP dapat memasukkannya ke dalam database MySQL.

number 1Mempersiapkan database

Pertama, kita akan membuat database dan tabel yang akan memuat data-data tanggal dari inputan. Nama database bisa dibuat sesuai pembaca, begitu pun nama tabel. Yang paling penting adalah konfigurasinya disesuaikan dengan nama db maupun tabel pembaca, sehingga tidak terjadi error pada saat melakukan query ke db.
Berikut adalah struktur tabel database yang bisa pembaca tiru :
Struktur Tabel Datetime
Struktur Tabel Datetime
Disini penulis membuat database bernama ‘tanggalan’, kemudian diikuti tabel bernama ‘input’ dan tiga buah kolom (integer) yang akan memuat data tanggal, bulan dan tahun. Kenapa 3 buah kolom ? Karena saya yakin, pada suatu saat kita akan melakukan query berdasarkan hari, bulan atau bahkan tahun. Maka dari itu pembuatan 3 buah tabel ini semoga dapat memudahkan developer.

number 2Membuat konfigurasi database

Sebelum beranjak pada koding sederhana form input-nya, penulis akan membuat script untuk konfigurasi database MySQL dengan nama config.php. Skripnya bisa pembaca dapatkan di sources yang telah saya sertakan.

number 3Membuat halaman form input

Kemudian penulis akan membuat halaman form input sederhana yang telah disisipi beberapa script CDN Jquery yang diperlukan, diantaranya adalah :
– CSS Jquery UI : http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css
– Library Jquery : http://code.jquery.com/jquery-1.9.1.js
– Library Jquery UI : http://code.jquery.com/ui/1.10.3/jquery-ui.js
Dan berikut adalah halaman form sederhana yang penulis simpan dengan nama index.php :

Bisa pembaca lihat didalam tag <head> dari script index.php penulis menyisipkan library CDN Jquery tanpa perlu mendownload file library. Sedangkan konfigurasi datepicker Jquery UI terletak pada script dibawah ini, dimana menyesuaikan id CSS pada form input :


number 4Membuat file action.php

File action.php akan menangani dan mengolah hasil input tanggal dari form yang kemudian akan dimasukan ke dalam database MySQL. Berikut adalah script action.php :

Penulis memanfaatkan fungsi list() dan juga explode() untuk mengubah format tanggal dari form ke dalam variabel yang diinginkan. Semisal pada kasus di atas :
– tanggal menggunakan variabel $d
– bulan menggunakan variabel $m
– dan tahun menggunakan variabel $y
Setelah masing-masing data masuk ke dalam variabel, action.php akan mengolah dan memasukkan data-data tersebut ke dalam database. Selamat mencoba !

One Response so far.

- Copyright © Sejuta trick - Date A Live - Powered by Blogger - Designed by Johanes Djogan -