Tugas Pertemuan 7 - Membuat Formulir Login dan Registration dengan Bootstrap

Nama    : Kartika Diva Asmara Gita

NRP      : 5025211039 

Kelas     : PWEB - A

Tahun    : 2023


Membuat Formulir Login dan Registration dengan Bootstrap

Bootstrap adalah sebuah framework HTML, CSS, dan JavaScript yang berfungsi untuk mendesain website responsive dengan cepat dan mudah. Bootstrap menyediakan berbagai pilihan warna, ukuran, font, dan layout yang dapat diimplementasikan ke dalam sebuah website. Bootstrap juga dapat digunakan untuk mengembangkan website dengan lebih cepat dan bersifat gratis. Pada laman kali ini, akan berisi dokumentasi dari Tugas Pertemuan 7 PWEB yaitu membuat Formulir Login dan Registration responsif dengan Bootstrap. Berikut tampilan dan fitur :

1. Klik salah satu tombol yaitu Login (blue button) atau Register (green button)

2. Sebagai contoh, setelah menekan tombol Login, user diminta mengisi e-mail dan password.


3. Berikut akan menampilkan pesan kesalahan jika ada kesalahan validasi input dimana format penulisan e-mail tidak benar. Apabila user menekan "Register" pada bagian paling bawah yaitu "Don't have an account? Register", maka user akan diarahkan pada laman registrasi akun.


4. Pada halaman Registrasi, user diminta untuk mengisi data nama, email, dan password serta konfirmasi ulang password.


5. Berikut akan menampilkan pesan kesalahan jika ada kesalahan validasi input.


Link Github : Github

Link Deploy Deploy


Comments

Post a Comment

Popular posts from this blog

Tugas Pertemuan 2&3 - Membuat Aplikasi Desktop Kalkulator & WebCam

Image
Nama     : Kartika Diva Asmara Gita NRP        : 5025211039  Kelas      : PBKK - A Tahun     : 2023 Membuat Aplikasi Desktop Kalkulator & WebCam Microsoft .Net Framework adalah sebuah software kerangka kerja yang beroperasi pada sistem operasi Windows. Pada laman kali ini, akan berisi dokumentasi dari Tugas Pertemuan 2 dan 3 PBKK yaitu membuatAplikasi Desktop Kalkulator dan WebCam.  Kalkulator Adapun fitur pada aplikasi ini sebagai berikut : pertambahan (+) pengurangan (-) perkalian (*) pembagian (/) Berikut komponen utama : button_click untuk angka, koma, clear, dan operator text box untuk display hasil perhitungan Terakhir dokumentasi tampilan dan jalannya kalkulator sebagai berikut : Link YT :  Calculator_YT Link Repository Github :  Calculator_Github Webcam Capture Menerapkan library AForge.NET Framework untuk kebutuhan gambar dengan fitur sebagai berikut : Memilih kamera yang terdeteksi pada desktop Mena...
Read more

Tugas Pertemuan 5 - Membuat Dashboard (Rich UI)

Image
Nama     : Kartika Diva Asmara Gita NRP        : 5025211039  Kelas      : PBKK - A Tahun     : 2023 Membuat Dashboard (Rich UI) WPF (Windows Presentation Foundation) adalah kerangka Rich UI yang digunakan oleh developer untuk membangun aplikasi desktop Windows. WPF memanfaatkan Extensible Markup Language (XML) untuk mendefinisikan tampilan secara deklaratif sehingga memberikan desain intuitif, tema, navigasi, dan kontrol imersif baru. Pada laman kali ini, akan berisi dokumentasi dari Tugas Pertemuan 5 PBKK yaitu membuat  Dashboard . Berikut tampilan Dashboard yang telah saya buat : Link YT :  YT Link Github :  Github
Read more

ETS PWEB-A

Image
Nama     : Kartika Diva Asmara Gita NRP        : 5025211039  Kelas      : PWEB - A Tahun     : 2023 Evaluasi Tengah Semester 1. Menjelaskan fungsi html, css, javascript, dan bootstrap dalam pembangunan aplikasi web. Jawaban : HTML, CSS, JavaScript, dan Bootstrap adalah teknologi yang sangat penting dalam pembangunan aplikasi website. Berikut fungsinya : HTML (Hypertext Markup Language) Digunakan untuk membuat struktur dasar dari halaman web yang menyediakan elemen-elemen dasar seperti judul, paragraf, tautan, gambar, dan formulir.  CSS (Cascading Style Sheets) Digunakan untuk mempercantik tampilan halaman web dengan mengendalikan tata letak, warna, ukuran, dan gaya elemen HTML.  JavaScript Merupakan bahasa pemrograman yang berjalan di sisi klien (browser) dan memberikan interaktivitas pada halaman web. JavaScript dapat memberikan efek animasi, validasi formulir, memanipulasi elemen HTML, dan berkomunikasi dengan serve...
Read more