Skip to main content

Posts

EAS Pemrograman Web 2021

EAS Pemrograman Web 2021 - Membuat Aplikasi Sekolah Nama: Ramadhan Arif Hardijansyah NRP: 05111940000162 Kelas: PWeb-A Postingan berikut berisi pengerjaan EAS Pemrograman Web 2021 - Membuat Aplikasi Sekolah. Dokumen pengerjaan EAS terlampir pada file berikut ini. Soal No. 1 dan 2 Definisikan fitur dari aplikasi yang akan dibangun Rancang aplikasi menggunakan Figma Jawaban  No. 1 dan 2 Link:  https://drive.google.com/file/d/1uvY2wGBFr96De8JVY1tJkYeTnhLKfJh4/view?usp=sharing Soal No. 3 3. Implementasikan aplikasi. Boleh dikerjakan secara kelompok, didokumentasikan, dan dibuat video demo/ presentasinya di youtube. Semua hasil pekerjaan disatukan di blognya masing-masing. Jawaban No. 3 Untuk implementasai dari aplikasi website sekolah ini, dihosting menggunakan layanan hosting dari Hostinger serta menggunakan Moodle LMS, sebuah Lecture Managementt System untuk mempermudah Manajemen Sistem Website dan agar keamanan lebih terjaga.
Recent posts

Website Pendaftaran Siswa Baru

Postingan berikut menjelaskan dokumentasi website Pendaftaran Siswa Baru. Website di-hosting di local PC menggunakan XAMPP serta menggunakan MySQL untuk menangani database dari para pendaftarnya. Halaman Utama Pendaftar dapat melakukan pendaftaran pada menu Daftar Baru atau melihat list pendaftar pada bagian Pendaftar. Formulir Pendaftaran Siswa Baru Disini, siswa dapat mengisikan formulir pendaftaran dan men-submit. Menu Pendaftar Menu Pendaftar isi menyajikan tabel yang berisi siswa yang telah mendaftar. Dapat dilakukan tindakan Edit atau Hapus pada setiap baris. Formulir Edit Siswa Formulir Edit Siswa menyajikan formulir untuk mengedit data siswa yang telah mendaftar. Setelah melakukan edit, dapat menekan tombol Simpan untuk menyimpan data siswa yang telah diperbarui. Source Code Untuk source code dari website Pendaftaran Siswa Baru ini adalah sebagai berikut. Link GitHub Gist:  https://gist.github.com/dani-ramadhan7/7838e42982a0488fcc170

JQuery Booklist dan Toggle Color Animation

Postingan berikut menjelaskan dokumentasi JQuery Booklist dan Toggle Color Animation. Kedua source code di-hosting menggunakan replit.com, sebuah IDE yang tersedia secara online. Link JQuery Booklist: https://jquerybooklist.daniramadhan7.repl.co/ Link JQuery Toggle Color Animation:  https://jquerycoloranimation.daniramadhan7.repl.co/ JQuery Booklist Untuk JQuery Booklist ini dilakukan beberapa modifikasi dengan menambahkan Bootstrap CDN untuk membuat tampilan terlihat lebih bagus. User dapat menuliskan nama buku dan menambahkannya, kemudian dapat memilih buku yang telah ditambahkan pada dropdown   Select Book . Link JQuery Booklist:  https://jquerybooklist.daniramadhan7.repl.co/ HTML JQuery Toggle Color Animation Untuk JQuery Toggle Color Animation ini dilakukan modifikasi dengan menambahkan Bootstrap CDN untuk membuat tampilan terlihat lebih bagus. Saat menekan tombol Toggle Effect, Animate Box akan melebar dan berubah warna

ETS Pemrograman Web A 2021

Anggota: Yusuf Anfasya - 0511194000077 Ramadhan Arif H. - 05111940000162 Link: Website Source Code Video Dokumentasi YouTube Tampilan: Halaman Home Halaman Login Halaman FAQ Halaman About Us Video Dokumentasi YouTube

ETS PWEB A

ETS PW 2021 - Memprogram User Interface Nama: Ramadhan Arif Hardijansyah NRP: 05111940000162 Kelas: PWeb - A Soal 1. Jelaskan istilah-istilah berikut, kemudian berikan contohnya. - HTML Element - HTML Tag - CSS Selector - Ajax 2. Apa yang dimaksud URI, URL, dan URN, berikan contoh dan ilustrasinya.  Jawaban https://drive.google.com/file/d/1WlfDY8QcrHAxIneStOm6P4yNDriptz0O/view?usp=sharing

Website Berita dengan Bootstrap

Postingan berikut menjelaskan dokumentasi proses pembuatan website berita dengan Bootstrap. Website di-hosting menggunakan github pages yang dapat meng-host  static webpages . Link Website Catalog Product:  https://dani-ramadhan7.github.io/TrustedNewsID_Bootstrap/index.html Langkah-Langkah Pembuatan Website Berita dengan Bootstrap 1. Cari sebuah template yang cukup bagus untuk membuat website berita. Salah satu website yang ditemukan adalah https://startbootstrap.com/ . 2. Download file template tersebut. Lakukan modifikasi dan penambahan. Misalnya, tambahkan fitur login form yang masih belum tersedia. File index.html File about.html File post.html File contact.html File login.html 3. Upload ke Github dan cek hasilnya dengan membuka  https://dani-ramadhan7.github.io/TrustedNewsID_Bootstrap/index.html Tampilan Home Tampilan

Website Registrasi Kuliah Tatap Muka

  Postingan berikut menjelaskan dokumentasi proses pembuatan website registrasi kuliah tatap muka. Website di-hosting menggunakan github pages yang dapat meng-host  static webpages . Link Website Catalog Product:  https://dani-ramadhan7.github.io/registrasi/index.html Langkah-Langkah Pembuatan Website Registrasi Kuliah Tatap Muka 1. Ikuti langkah-langkah pada website pembelajaran. Salah satu website yang cukup bagus untuk dipelajari adalah  belajarphp.net/tutorial-validasi-form-menggunakan-html-dan-javascript/ . Coba untuk menulis ulang contoh kode pada modul pembelajaran atau langsung memilih bagian-bagian kode yang diinginkan untuk digunakan. 2. Buat file html baru, buat page html dengan acuan modul pembelajaran. Lakukan modifikasi dan penambahan. HTML JavaScript 3. Untuk desain, digunakan file css sebagaimana yang digunakan pada website, yakni menggunakan  https://stackpath.bootstrapcdn.com/bootstrap/