Membuat Range Tanggal PHP

Untuk membuat suatu website atau sistem informasi kita sangat membutuhkan range tanggal. Hal ini guna untuk menarik informasi dari database yang memiliki field tanggal di dalamnya/ Kali ini saya akan share bagaimana membuat range tanggal dengan menggunakan bahasa pemrogramana PHP, HTML, dan didukung dengan pemrograman javascript. Pada umumnya pembuatan range tanggal seringkali kita temukan pada proses pencarian data, pemesanan reservasi hotel, penginapan, data penjualan, mencetak laporan, dan keperluan lainnya. Ini juga seringkali kita temukan pada website e-commerce besar seperti shopee, tokopedia, dan lain-lain. Adapun cara memmbuat range tanggal ini antara…

Read More

Membuat Aplikasi Kalkulator Web Javascript HTML

Pada kesempatan kali ini saya akan berbagi tutorial mengenai cara membuat aplikasi calculator dengan menggunakan javascript. Pembuatan aplikasi ini sangat mudah dan cara mengaksesnya adalah melalui web browser. Baik langsung saja, berikut adalah cara membuat aplikasi kalkukator berbasis website dengan menggunakan javascript. Demo : Caranya adalah sebagai berikut : Cara 1 : Silahkan download CSS dan Library Javascript di bawah ini : 1. styles.css 2. script.js 3. Letakkan file styles.css dan script.js di folder yang sama dengan file index.html Berikut adalah source code file index html (simpan dengan nama index.html)…

Read More

Cara Membatasi Ukuran Upload dengan Javascript

Pada kesempatan ini saya akan berbagi cara mengenai membatasi ukuran upload dengan javascript. Terkadang kita membutuhkan cara bagaimana bisa membatasi file yang akan di upload melalui php dengan bantuan form upload dari html. Cara lain juga dapat kita jumpai dengan menggunakan validasi pada bahasa php pada saat submit. Namun dengan javascript semua akan jadi cepat dan mudah. Anda cukup memilih file kemudian langsung ada pemberitahuan bahwa file telah melebihi batas ukuran yang ditetapkan. Cara kerja source code ini adalah, pertama tama user memilih file yang diupload, kemudian source code javascript…

Read More

Cara Membuat Upload File dengan Drag dan Drop

Pernahkah ketika anda mengunjungi suatu website dan melakukan upload ? tentu saja pernah dan bahkan mungkin sangat sering. Beberapa website terkenal seperti google drive atau berbagai macam situs photo stock umumnya menggunakan multi upload yang didukung dengan fitur drag dan drop di dalamnya. Hal ini didukung dengan fitur dari javascript yang sangat memudahkan pengguna dalam kenyamanan mengakses website ( baca : Keunggulan Javascript ). Pada dasarnya fitur ini sama saja dengan melakukan copy paste ke suatu folder. Namun karena yang di akses adalah website kita memerlukan bahasa pemrograman php untuk…

Read More

Membuat Grafik Pada Website PHP HTML JAVASCRIPT

Grafik atau dalam bahasa inggris dikenal dengan Chart merupakan sebuah representasi data yang dapat kita gunakan untuk presentasi, memperoleh informasi, gambaran dan berbagai bentuk informasi lainnya yang mempermudah kita dalam mengambil keputusan. Penggunaan grafik pun tidak lepas dari yang namanya pengelolaan data perusahaan baik untuk keperluan rapat dan lain hal. Penggunaan grafik juga sangat dibutuhkan terutama pada data yang berjumlah sangat besar. Dengan adanya grafik kita dapat melakukan rekapitulasi data, melakukan perbandingan, melakukan analisis dari waktu ke waktu (misal : kasus penjualan, keuntungan penjualan maupun kerugian penjualan). Grafik telah digunakan…

Read More

Membuat Select dengan Loading PHP (Ajax, Server Side, Json)

Kali ini saya akan membagikan sedikit tutorial untuk membuat select otomatis yang mereload dari database. Select option seperti ini biasanya sangat berguna bagi sistem informasi yang memiliki banyak data. Tentu jika menampilkan langsung secara keseluruhan di tag combo box (select) sangat berpotensi membutuhkan reload data yang lama. Oleh karena itu untuk memaksimalkan select pada web atau sistem informasi yang kita buat, diperlukan suatu select yang dapat terkoneksi secara server side agar membutuhkan waktu yang lebih singkat dalam load data. Select seperti ini biasa disebut dengan select data menggunakan json atau…

Read More

Membuat Kondisi If Dengan Javascript

Dalam pemrograman kondisi if merupakan suatu hal yang tidak dapat terpisahkan. Karena if merupakan suatu syarat yang harus di kuasai dalam menjalankan pemrograman. If artinya adalah JIKA. Dan otomatis ketika aja JIKA. Muncullah MAKA.. nah. Kondisi if adalah kondisi dimana ketika syarat terpenuhi. Maka kondisi yang di tetapkan akan tereksekusi. Contoh 1 : Jika mirna sakit Maka mirna tidak datang ke kampus Contoh 2 : Jika nilai mirna kecil dari 75 Maka mirna tidak lulus mata kuliah TIK Nah. Dalam hal ini kita akan mencontohkan kondisi if dengan menggunakan bahasa…

Read More

Membuat Teks Muncul Setelah Klik Tombol Javascript

Dalam pengembangan suatu website seringkali kita dapati ketika menekan suatu tombol akan muncul sebuah tulisan. Nah. Tulisan tersebut merupakan suatu fitur yang bekerja berdasarkan javascript yang telah terdapat di dalam halaman suatu website html. Website dengan menggunakan javascript tentu akan lebih menarik dan efisian. Seperti ulasan artikel saya sebelumnya yang berjudul keunggulan javascript. Kali ini sistemit.com akan berbagi tutorial mengenai pembuatan suatu tombol yang mana ketika tombol tersebut ditekan maka akan menampilkan suatu teks hasil dari tindakan klik tersebut. 1. Model 1 – Menampilkan Teks Biasa Simpan kode di atas…

Read More

Keunggulan Penggunaan Javascript Untuk Website

Seiring dengan berkembangnya dunia website, javascript kini hadir dengan berbagai keunggulan dan fitur di dalamnya. Di saat dahulu javascript sempat menjadi kendala bagi pengembang web karena beberapa dapat membuat kinerja website menurun. Kini javascript menjelma menjadi pendukung web atau komponen utama website itu sendiri. Banyak pengembang web atau sistem informasi menggunakan javascript untuk menunjang web mereka. Javascript mendukung web agar lebih responsif sehingga waktu eksekusi pun lebih cepat. Nah. Apa saja manfaat yang bisa kita dapatkan dengan javascript ? Mari kita lanjutkan JavaScript sangat mudah diterapkan. Yang perlu Anda lakukan…

Read More

Melakukan Penjumlahan Dengan Javascript

Berikut adalah cara untuk melakukan jumlah data dengan menggunakan javascript dan menampilkan nya di browser. Trik ini tentu dapat digunakan dengan penggabungan terhadap HTML atau pun php. Berikut adalah source code untuk melakukan penjumlahan dengan javascript : Penjelasan source code : Dalam hal ini function bernama add digunakan untuk melakukan kegiatan penjumlahan yang mana fungsi tersebut di panggil ketika button di klik. Pada bagiab button kita dapat melihat kode onclick=”add()” Elemen onclick dapat memanggil fungsi add() yang telah di jabarkan sebelumnya. Simpan kode tersebut ke dalam file berekstensi .html atau…

Read More