Javascript | Sistem Informasi IT

Membuat Tabel Dinamis Dengan Javascript

Selamat datang di tutorial javascript sistemit.com. Dikesempatan kali ini saya akan share bagaimana membuat tabel dinamis dengan javascript. Membuat tabel dinamis disini maksudnya adalah tabel akan terupdate sendiri ketika ada perubahan di bagian table. Apa Fungsinya??? Kita sering melihat pengumuman digital yang biasa digunakan di kantor atau perusahan perusahan yang berbentuk tabel yang terupdate otomatis. Nah. Dengan tabel dinamis ini hal tersebut sangat mudah dilakukan. Berikut adalah langkah langkah membuat tabel dinamis dengan javascript. Bagaimana Cara Membuat Tabel Dinamis Dengan Javascript Coba lihat gambar berikut ini : Jika saya mengupdate…

Membuat Tulisan Berjalan dengan Javascript

sistemit.com

Di era sekarang ini tulisan berjalan pada suatu halaman HTML sudah tidak asing lagi bahkan lumrah atau wajib digunakan untuk tampilan sebuah website atau sistem informasi. Kali ini saya akan membagikan tutorial mengenai cara membuat tulisan berjalan dengan menggunakan javascrpt. Sebelumnya tag tulisan berjalan ini dikenal dan populer adalah marquee. Yaitu teks diapit dengan tag marquee. Kali ini saya akan berbagi beberapa source code yang dapat anda gunakan baik dengan HTML maupun javascript. Semoga Bermanfaat untuk anda Berikut adalah beberapa source code nya : 1. Membuat Tulisan Berjalan Biasa dengan…

Cara Membatasi Tipe File Upload Javascript HTML PHP

sistemit.com

Jika anda membuat suatu form upload file tentu kita membutuhkan validasi tipe file yang boleh di upload dan yang tidak boleh di upload. Berikut merupakan tutorial mengenai upload file dengan HTML dan javascript yang bisa anda terapkan pada project anda. Yang mana source code berikut bermanfaat sekali. Cara kerja source code berikut adalah melakukan validasi langsung tanpa harus reload melalui file submit php yang tentunya sangat memakan waktu lama. karena harus submit ke halaman lain untuk melakukan pengecekan. Nah, dengan javascript kita tidak perlu melakukan reload halaman karena javascript dapat…

Membuat Range Tanggal PHP

sistemit.com

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…

Membuat Aplikasi Kalkulator Web Javascript HTML

sistemit.com

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)…

Cara Membatasi Ukuran Upload dengan Javascript

sistemit.com

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…

Cara Membuat Upload File dengan Drag dan Drop

sistemit.com

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…

Membuat Grafik Pada Website PHP HTML JAVASCRIPT

sistemit.com

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…

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

sistemit.com

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…

Membuat Kondisi If Dengan Javascript

sistemit.com

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…