Responsive Login Page – Bootstrap


Nama: Zakia Kolbi

NRP: 5025211049

Kelas: Pemrograman Web A

Mengembangkan halaman login berbasis web menggunakan framework Bootstrap sebagai latihan penerapan framework CSS dalam membangun antarmuka pengguna. Proyek berfokus pada penyusunan komponen form login dan pengaturan layout agar tampilan terlihat terstruktur dan mudah digunakan.

Fitur

  • Form input username/email dan password.
  • Tombol login sebagai komponen utama antarmuka.
  • Menggunakan komponen dan utility Bootstrap untuk membangun layout.
  • Mengatur tampilan halaman menggunakan HTML dan CSS.
  • Menerapkan desain antarmuka login yang terstruktur.


Latihan Bootstrap : Membuat Login Page


Pada pertemuan ke-7 kelas Pemrograman Web A kali ini, kami mendapat tugas membuat login page menggunakan framework bootstrap. Berikut adalah hasil dokumentasinya :






Link Github: Github

Link Deploy: Deploy




Terima Kasih Telah Berkunjung.

Komentar

Posting Komentar

Postingan populer dari blog ini

ETS - Pemrograman Web A

Gambar
Nama : Zakia Kolbi NRP : 5025211049 Kelas : Pemrograman Web A Tahun : 2023 Link Github:  Github Link Youtube :  Link YT Evaluasi Tengah Semester Pertanyaan Jelaskan fungsi html, css, javascript, bootstrap, dalam pembangunan aplikasi web. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya. Sebuah perpustakaan ingin membuat aplikasi web. Fungsi aplikasi untuk display koleksi buku, peta lokasi, informasi berita/ kegiatan, dan pendaftaran online. Desainkan front end website perpustakaan. Implementasikan desainmu dan buat dokumentasi. Presentasikan dalam video youtube, dan diembedded ke dalam blog dokumentasi. Jawaban 1. Berikut Fungsi HTML, CSS, JavaScript, Bootstrap HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk membuat halaman web. HTML digunakan untuk menandai dan memformat konten pada halaman web, seperti teks, gambar, dan video. HTML juga digunakan untuk membuat tautan antara halaman web dan meng...
Baca selengkapnya

Perkenalan

Gambar
Zakia Kolbi - 5025211049 Halo, Sahabat Teknologi! Perkenalkan, saya Zakia Kolbi dengan NRP 5025211049. Mahasiswa kelas PBKK A, jurusan Teknik Informatika di Institut Teknologi Sepuluh Nopember (ITS). Blog ini akan berisi dokumentasi tugas-tugas perkuliahan dan proyek selama saya berkuliah di Teknik Informatika ITS terutama untuk mata kuliah Pemrograman Berbasis Kerangka Kerja (PBKK).  Link GitHub :  verozaskia (github.com) Portopolio : 1. Tic-Tac-Toe (2022) :  https://github.com/verozaskia/FP-TicTacToe2022 2. Desain Mockup APSI (2023) 3. Image Prediction (2023) :  KB F 2023 - Image Prediction Proyek-proyek yang telah saya selesaikan merupakan proyek kecil, karena belum ditujukan untuk pengguna umum atau klien. Untuk proyek pertama adalah sebuah permainan yang merupakan  Final Project  dari mata kuliah Pemrograman Berorientasi Objek (PBO) pada semester tiga. Untuk proyek kedua adalah sebuah Design Mockup mata kuliah Analisis dan Perancangan Sistem ...
Baca selengkapnya

Quiz 1 - PBKK A

Gambar
Nama : Zakia Kolbi NRP : 5025211049 Kelas : PBKK A Tahun : 2023 Github :  Link Github Youtube :  Link YT Quiz 1 Pertanyaan : 1. Jelaskan struktur framework, dan apa saja kegunaanya dalam pengembangan Perangkat Lunak? Jawab : Struktur Framework : Beberapa framework memiliki struktur tertentu dalam pengembangannya. Contohnya, ASP.NET Core menggunakan arsitektur Model-View-Controller (MVC) untuk memisahkan komponen-komponen dalam pengembangan, seperti model yang mengelola data, view yang menampilkan informasi kepada pengguna, dan controller yang mengatur alur bisnis aplikasi. Selain itu, terdapat juga Model-View-ViewModel (MVVM) yang digunakan oleh platform seperti Windows Presentation Foundation (WPF) dan Xamarin. Kegunaan Framework dalam Pengembangan Perangkat Lunak : Framework menyediakan alat, komponen, dan pola desain yang telah teruji untuk memudahkan pengembangan perangkat lunak. Ini menghemat waktu dan usaha pengembang karena mereka tidak perlu memulai dari nol dalam memb...
Baca selengkapnya