Postingan

Implementasi CRUD menggunakan PHP

Gambar
 CRUD CRUD adalah Create, Read, Update, Delete. Disini kita akan mengimplementasikan keempat proses ini dalam bentuk pendaftaran mahasiswa baru. Web-app nya akan kita gunakan untuk: Membuat data mahasiswa baru (CREATE) Melihat semua data mahasiswa baru yang ada (READ) Meng-update data mahasiswa yang sudah ada (UPDATE) Menghapus data mahasiswa yang sudah disimpan (DELETE) 1. Homepage (Beranda) Pertama-tama kita akan membuat beranda yang dapat mengakses dua laman web, yakni laman untuk memasukkan data mahasiswa baru dan laman untuk melihat daftar mahasiswa yang sudah didaftarkan. Laman website dapat dilihat sebagai berikut. 2. Add New Data (CREATE) Setelah itu, kita akan membuat laman untuk pendaftaran mahasiswa baru. Kita akan memasukkan informasi-informasi mahasiswa baru yang akan ditambahkan. Kemudian kita akan klik tombol "Submit" untuk memasukkan data baru pada database. Setelah menambahkan data baru, kita akan mendapatkan feedback berupa teks bertuliskan "Data berhas...

Dokumentasi ETS PWEB 2022

Gambar
 ETS Pemrograman Web 2022 Anggota Kelompok Ahmad Ibnu Malik Rahman - 5025201232 Anggito Anju - 5025201216 Nama Aplikasi : SIMPRU ITS Link Website            : Link Repository     :  https://github.com/Anggito02/ETS-PWEB-2022 Link Video               : Problem Statement Pada masa sekarang, teknologi digital telah diimplementasikan pada berbagai hal. Mulai dari pendidikan, kesehatan, bahkan transportasi pun sudah mulai memakai teknologi digital untuk implementasinya. Tidak hanya kemudahan, perkembangan teknologi digital juga menawarkan keamanan yang sangat baik dibandingkan teknologi lawas. Misalnya, dahulu kita masih menggunakan buku yang sangat tebal untuk menyimpan arsip yang sangat banyak. Sekarang, kita hanya membutuhkan perangkat keras dan internet untuk menyimpan data yang sangat banyak. ITS juga mulai menggencarkan perubahan sistem pengarsipan sedikit demi-sedikit menuju pengarsipan yang lebi...

Membuat Form Validation dengan JQuery

Gambar
 JQuery JQuery adalah javascript library yang dapat membantu memudahkan pengembangan website dengna menggunakan bahasa pemrograman javascript. JQuery dapat membantu memudahkan animasi untuk antarmuka pengguna, pengelolaan data, dan masih banyak kegunaan lainnya. JQuery juga merupakan salah satu library javascript dengan ukurang kecil Validasi Form Ada banyak cara umtuk mem-validasi form pada HTML. Pada kesempatan kali ini, kita akan menggunakan jQuery. JQuery bisa sangat membantu pengembangan web untuk validasi form. Hal ini dikarenakan JQuery memiliki fungsi .validate() yang dapat membantu mengecek isi dari form. Karena sifat JQuery yang asinkronus, fungsi validasi form dari jQuery dapat terus dipanggil tanpa menunggu halamam website di-refresh/dibuka kembali Implementasi jQuery pada Validasi Form Berikut merupakan dokumentasi halaman form yang divalidasi menggunakan jQuery. Dan berikut ini merupakan link-link penting untuk mendukung informasi di atas Link Repositori :  https...

Membuat Website dengan Implementasi JQuery

Gambar
 Apa itu JQuery ? JQuery adalah library  javascript yang digunakan untuk memudahkan akses javascript ke dalam elemen-elemen yang ada pada HTML. JQuery juga sangat membantu untuk melakukan metode POST dan GET untuk pemrosesan data pada pemrograman Web. Metode ini menggunakan AJAX (Asynchronus Javascript And XML). Metode AJAX membantu pemrograman Web agar dapat memperbarui isi web tanpa harus melakukan reload pada halaman web. Mengapa bisa demikian ? Hal ini dikarenakan sifat V8 engine (Engine chrome untuk website) yang sifatnya single-thread dibantu dengan AJAX yang memiliki sifat asinkron sehingga bisa bekerja menyelesaikan proses lain, meskipun sebuah proses belum selesai dilakukan. Proses asinkron ini akan di-run menggunakan Callbacks yang ada pada javascript Implementasi Website Link Website : https://anggito02.github.io/jQuery_PWEB Link Repositori :  https://github.com/Anggito02/jQuery_PWEB

Mencoba memakai Toolkit Bootstrap untuk Responsive Design

Gambar
Dokumentasi Tugas Link Repositori :  https://github.com/Anggito02/Bootstrap-PWeb

Quiz 1 - Membuat Form

QUIZ 1 - Membuat Website Formulir Pendaftaran Pasien Link Github : https://github.com/Anggito02/quiz-1-pweb Link Website : https://anggito02.github.io/quiz-1-pweb/

Membuat Website Pencari Kode Pos Indonesia

Gambar
  Pencarian Kode Pos Pada latihan kali ini, kami ditugaskan untuk membuat website yang dapat mencari kode pos sebuah lokasi sesuai yang diinginkan oleh user. Pada penugasan ini, saya menggunakan HTML, CSS, dan VanillaJs. Untuk database kode pos di Indonesia saya menggunakan file .json yang saya dapatkan dari  https://github.com/pentagonal/Indonesia-Postal-Code . Kemudian untuk melakukan fetch  dari .json tersebut. Saya menggunakan Ajax yang tersedia dalam library jQuery. Setelah itu, data yang sudah saya dapatkan saya atur sedemikian rupa hingga menjadi website yang dapat digunakan secara utuh. Berikut gambar-gambar yang saya tangkap sebagai bentuk dokumentasinya. TAMPILAN AWAL TAMPILAN PENCARIAN DITEMUKAN TAMPILAN PENCARIAN GAGAL Website di atas dapat diakses pada link berikut. https://anggito02.github.io/cari-kodepos/ REFERENSI Youtube Web Programming UNPAS http://fajarbaskoro.blogspot.com/2022/09/java-script-membuat-pencarian-kode-pos.html https://github.com/pentagonal...