Skip to main content

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/4.4.1/css/bootstrap.min.css .

4. Upload ke Github dan cek hasilnya dengan membuka https://dani-ramadhan7.github.io/registrasi/index.html
Sekian post tentang dokumentasi proses pembuatan website registrasi kuliah tatap muka ini. Semoga bermanfaat.

Comments

Popular posts from this blog

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/7838e42982a0488fc...

Java Classes and Objects: A Deeper Look

Pada post kali ini, kita ingin melihat lebih dalam pada pembuatan class , mengontrol akses kepada member dari sebuah class dan membuat constructors . Kita juga ingin mendiskusikan composition - sebuah kemampuan yang bisa membuat suatu kelas memiliki referensi kepada objek dari kelas-kelas lainnya sebagai member. 8.2 TIME CLASS CASE STUDY Time1 Class Declaration Contoh awal ini kita memiliki 2 kelas, Time1 dan Time1Test. Kelas Time1 merepresentasikan waktu hari ini. Kelas Time1Test adalah kelas aplikasi dimana main  membuat satu objek kelas Time1 dan memanggil method -nya. Fig. 8.1. Time1 class declaration maintains the time in a 24-hour format. /** * // Fig. 8.1: Time.java * // Time1 class declaratoin maintains the time in 24-hour format. * * @author Ramadhan Arif Hardijansyah * @version 0.1 10 October 2020 */ public class Time1 { private int hour; // 0 - 23 private int minute; // 0 - 59 private int second; // 0 - 59 /* set a new time value using univers...

Java Biodata

Berikut ini adalah sebuah program untuk menampilkan biodata yang ditulis dalam bahasa pemrograman Java dan di- compile  menggunakan BlueJ. Biodata berisi data mahasiswa berupa nama, alamat, umur, jurusan, dan no. HP/WA mahasiswa. /** * Class Biodata menampung data mahasiswa, nama, alamat, umur, jurusan * * @author Ramadhan Arif Hardijansyah * @version 0.1 8 Oktober 2020 */ public class Biodata { public Biodata() { System.out.println("Data Mahasiswa "); System.out.println("======================"); System.out.println("Nama Mahasiswa : Ramadhan Arif Hardijansyah"); System.out.println("Alamat Mahasiswa : Jl. Bhaskara V no 5 Surabaya"); System.out.println("Umur Mahasiswa : 20 tahun"); System.out.println("Jurusan Mahasiswa : Informatika"); System.out.println("No. HP/WA Mahasiswa : 081358852890"); } } Dan berikut adalah class diagram serta hasil ter...