Postingan

EAS Pemrograman Web - I

Gambar
EAS PEMROGRAMAN WEB Nama: Anggito Anju Hartawan Manalu NRP: 5025201216 Kelas: Pemrograman Web C 1. EAS INDIVIDU a. Deskripsi Aplikasi - Latar Belakang ITS memiliki banyak sekali sarana dan prasarana yang disediakan untuk seluruh Civitas Akademik ITS.  Misalnya, organisasi-organisasi maupun kepanitiaan senantia menggunakan ruangan-ruangan rapat yang disediakan oleh ITS. Namun sayangnya, sistem peminjamannya masih sangat sulit dan belum mengimplementasikan sistem informasi digital dalam sistemnya. - Tujuan Pembuatan aplikasi pemesanan/peminjaman sarana pra-sarana milik ITS diharapkan dapat mempermudah sistem peminjaman sarana prasarana. Aplikasi ini juga bertujuan untuk mempersingkat sistem peminjaman agar lebih singkat dan lebih aman. b. Perancangan UI HEADER FOOTER LANDING PAGE INFORMASI RUANGAN JADWAL PEMESANAN PEMESANAN KONFIRMASI PEMESANAN c. Tabel dan Database yang dipakai Kita akan menggunakan Database MySQL dengan penggunaan tabel sebagai berikut. d. Algoritma Proses Pada Bac...

Membuat Upload Foto pada Form PHP

Gambar
 Upload Foto Untuk melakukan upload foto atau file dengan bentuk ekstensi lainnya, kita dapat menggunakan input tipe file pada file php yang kita ingin tambahkan input berbentuk file sebagai berikut Upload file adalah hal yang cukup rentan dalam penyerangan perusakan sistem (hacking), maka dari itu, kita perlu menambahkan atribut enctype=multipart/form-data pada form untuk dapat menghubungkannya dengan backend sebagai berikut. Setelah itu, kita dapat mengakses gambar sesuai dengan nama direktori dimana gambar akan disimpan. Untuk apakah gambar sudah ter-upload pada server, kita dapat menggunakan function move_uploaded_file(). Implementasi 1. Pertama-tama kita akan membuka website 2. Kemudian kita akan menambahkan data mahasiswa baru 3. Setelah itu, kita akan mengecek apakah gambar sudah muncul sesuai dengan yang telah dimasukkan pada form. Kita dapat melihat bahwa tiap siswa telah memiliki gambar masing-masing sesuai yang dimasukkan pada form. Demikian implementasi upload foto/file...

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