Skip to main content

Tugas 6: Membuat Website dengan Bootstrap

By

 Tugas 6: Membuat Website dengan Bootstrap

Nama: Aulia Eka Putri Aryani
NRP: 05111940000044
Kelas: PWEB-B

Pembahasan

Pada pertemuan PWEB minggu lalu, saya diminta untuk membuat website yang berisikan form login, kontak, dan carousel dengan menggunakan bootstrap. Dalam pembuatan website ini, saya mengimplementasikan HTML, CSS, JavaScript, dan Bootstrap yang telah dipelajari sebelumnya, serta memanfaatkan Github Pages untuk meng-host website ini. Adapun konten dari website yang saya buat adalah sebagai berikut.

  1. Home, yang berisikan navigation, carousel, dan footer
  2. Contact, yang berisikan navigation, map, informasi kontak, form kontak, dan footer
  3. Modal Login, yang berisikan form login yang dilengkapi dengan bootstrap alert danger apabila terdapat kolom yang kosong atau alert success apabila login berhasil

Berikut adalah tampilan dari website yang telah saya buat. Untuk lebih Jelasnya dapat diakses pada link berikut.

Halaman Home

Halaman Contact

Modal Login

Modal Login dengan Danger Alert

Modal Login dengan Success Login

Adapun source code dari website ini dapat diakses pada link berikut atau dapat dilihat pada embed di bawah ini.

  • index.html (sebgaai halaman home dan modal login)
  • contact.html (untuk halaman contact dan modal login)
  • style.css (untuk style website)
  • login.js (untuk validation dan alert pada modal login)
Labels:

Comments

Post a Comment

Popular posts from this blog

Tugas 4: Membuat Website Katalog Produk dengan CSS

By
Tugas 4: Membuat Website Katalog Produk dengan CSS Nama: Aulia Eka Putri Aryani NRP: 05111940000044 Kelas: PWEB-B Pembahasan Pada pertemuan PWEB terakhir kali, saya diminta untuk membuat website yang berisi katalog produk dengan menggunakan CSS yang telah dipelajari.  Sama seperti tugas-tugas sebelumnya, saya memanfaatkan Github Pages untuk meng- host  halaman web ini, dimana  default  domain yang digunakan adalah github.io.  Berikut adalah tampilan dari website yang telah saya buat. Untuk lebih lengkapnya dapat dilihat pada link berikut . Tampilan Website Konten website yang saya buat adalah beranda dari website. Saya membagi beranda menjadi 3 div utama, yaitu div yang berperan sebagai header, main, dan footer. Pada div header saya meletakkan logo, kolom pencarian, akun,  wishlist ,  bag , serta navigasi yang yang terdiri dari beranda, layanan pelanggan
Post a Comment
Read more

Tugas 3: Analisis Kegagalan RE Process melalui Film Dokumenter Downfall

By
Tugas 3: Analisis Kegagalan RE Process melalui Film Dokumenter Downfall Nama: Aulia Eka Putri Aryani NRP: 05111940000044 Kelas: RK-D Pembahasan MCAS (Maneuvering Characteristics Augmentation System) MCAS (Maneuvering Characteristics Aug mentation System) merupakan sistem baru yang dikembangkan oleh Boeing Company melalui Pesawat Boeing 737 Max. MCAS didesain untuk menurunkan hidung pesawat  secara otomatis   ketika  sudut serang ( angle-of-attack ) terlalu besar.  Ia memanfaatkan motor Speed Trim untuk memutar stabilisator horizontal ( h orizontal stabilizer )  setiap kali angle-of-attack yang  terlalu besar terdeteksi.  Hal ini dilakukan untuk mencegah pesawat berada dalam kondisi  stall – kondisi dimana koefisien angkat yang dihasilkan oleh foil (sayap dalam pesawat)  berkurang atau hilangnya  karena  angle-of-attack  yang terlalu besar . Namun, apabila sensor  angle-of-attack ,  sensor yang terletak pada kedua sisi
Post a Comment
Read more