Postingan

Sistem Admin Menggunakan AJAX

Gambar
Pada kesempatan kali ini saya akan membagikan tutorial mengenai sistem admin dengan menggunakan AJAX. Bagi yang baru belajar pemrograman web pasti akan bertanya-tanya. Apa itu AJAX? Apakah susah untuk menggunakannya? Jawabannya sangat sederhana yaitu, AJAX atau dalam istilah bahasanya adalah Asynchronous Javascript and XML yang dapat digunakan untuk melakukan proses CRUD (Creat, Read, Update, Delete) tanpa adanya refresh pada halaman web. Dengan demikian, penggunaan data untuk merefresh halaman setiap proses CRUD akan berkurang dan menghemat penggunaan data tersebut. Jika ditanya apakah mudah atau sulit, semuanya tergantung anda apakah dapat memahami dengan baik. Tidak perlu waktu lama, langsung saja menuju pada peralatan dan bahan yang diperlukan yaitu. 1. Text Editor. Disarankan menggunakan Sublime atau Notepad++. 2. XAMPP atau WAMPP. 3. Bootstrap 4. 4. Font Awesome. 5. JQuery. 6. Database. Untuk langkah pertama yang harus dilakukan adalah membuat sebuah database u

Rancangan Sistem Login

Gambar
Gambar Form Login Pada kesempatan ini saya akan membagikan tentang bagaimana untuk membuat rancangan login untuk postingan sebelumnya . Rancangan yang akan dibuat yaitu algoritma, pseudocode, dan flowchart. Langsung saja berikut ini alur algoritma dalam rancangan login yang akan dibuat. 1. Masukkan alamat email dan password pada form di dalam input. 2. Kemudian klik pada tombol bertuliskan LOGIN. 3. Lalu sistem akan mengecek data yang telah diinputkan. 4. Jika data yang diinputkan sama dengan data yang berada di dalam database, maka akan dialihkan ke halaman utama. 5. Apabila data yang diinputkan tidak sama dengan data yang ada maka akan ada pemberitahuan bahwa email dan atau password salah. 6. Kembali ke halaman login untuk memasukkan email dan password kembali. 7. Jika terjadi kesalahan dalam memasukkan email dan password lebih dari tiga kali, maka otomatis akan diblokir. 8. Jika benar maka akan langsung menuju halaman menu utama. Kemudian untuk pseudocoden

Membuat Form Registrasi dengan Modal Bootstrap 4

Gambar
Pada kesempatan kali ini, saya akan membagikan tutorial bagaimana menggunakan Modal dari Bootstrap 4 untuk membuat sebuah form yang akan digunakan untuk proses registrasi user. Bahan dan alat yang diperlukan sama seperti pada tutorial sebelumnya yaitu, 1. Text Editor. Misalnya Notepad, Notepad++, Sublime Text Editor dan sebagainya. 2. Browser. Saya rekomendasikan menggunakan Google Chrome untuk hasil yang lebih baik. 3. XAMPP atau WAMPP. 4. Bootstrap 4. Pada tutorial ini saya sarankan untuk membuat sebuah form login seperti pada tutorial sebelumnya untuk mempermudah dalam memahami syntax yang nantinya akan ditulis. Jika alat, bahan dan kebutuhan lain sudah siap maka langsung saja kita coba. Pertama buka file index.php yang berada di dalam folder login. Kemudian tuliskan syntax berikut pada bagian dalam tag head. <head> <meta charset= "UTF-8" > <title> LOGIN </title> <!-- IMPORT FILE DARI DIRECTORY -->