TUGAS 6 PWEB : Membuat Form Login dengan Bootstrap


        Dengan menggunakan Boostrap, kita dapat dapat membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah website, dengan cara yang mudah, hanya dengan memanggil fungsi CSS (class yang sudah disediakan oleh Bootstrap) dari berkas HTML yang telah didefinisikan. Bootstrap juga menyediakan komponen-komponen lain yang dibangun dengan menggunakan JavaScript.

Pada kesempatan kali ini, dilakukan pengaplikasian Bootstrap melalui pembuatan web berupa formulir login, contact, dan register. dimana login yang akan dibuat dicontohkan adalah form login situs kampus merdeka. Memanfaatkan Bootstrap, form login yang dibangun dengan html dimaksudkan untuk mempermudah penyusunan kode. Untuk tampilan kurang lebih seperti berikut.

^ Tampilan login page

^ Tampilan register page

^ Tampilan contact us page


Untuk akses bisa melalui link berikut https://amanullahddd.github.io/FormLogin/
Untuk dokumentasi source code bisa dilihat lewat github


Sekian TUGAS 6 PWEB : Membuat Form Login dengan Bootstrap.


Komentar

Posting Komentar

Postingan populer dari blog ini

TUGAS 6 PBKK : NET Web Development

Gambar
  ASP.Net adalah kumpulan teknologi dalam Framework .Net untuk membantu pengembangan aplikasi web yang menggunakan Object – Oriented secara dinamis, teknologi yang diciptakan oleh Microsoft untuk pemograman Internet yang lebih efisien.  (referensi) Secara general keunggulan ASP.NET adalah : Penyederhanaan Perbaikan Performa Form – form Web Kode Nonspaghetti Perbaikan Manajemen Status Pengamanan Konfigurasi Layanan Web Caching Debugging Deployment Pada kesempatan ini, untuk menerapkan ASP.NET dilakukan dalam bentuk membangun sebuah aplikasi web berupa RazorPagesMovie yaitu web berisi daftar film-film yang ada fitur CRUD menggunakan visual studio. Tampilan web sebagai berikut. Jadinya sebagai berikut. Referensi yang digunakan (All credit goes to): https://github.com/dotnet-presentations/aspnetcore-for-beginners Sekian  TUGAS 6 PBKK : NET Web Development.
Baca selengkapnya

TUGAS 6 PBO : World Of Zuul

Gambar
  Pada minggu ke-tujuh, tugas yang diberikan adalah mencoba latihan game "World Of Zuul". Game ini adalah sebuah game petualangan dimana pemainnya bisa berpindah dari satu ruangan ke ruangan lain dengan meng- input sebuah perintah. Game ini mengimplementasikan cohesion dan coupling yang merupakan materi desain class pada pertemuan tersebut. Terdapat 5 class utama yaitu class Command, CommandWords, Game, Parser, dan Room. Berikut modularisasi dari "World Of Zuul": Tampilan terminal window output setelah program dieksekusi: Tampilan source code dari class Command: Tampilan source code dari class CommandWords: Tampilan source code dari class Game: Tampilan source code dari class Parser: Tampilan source code dari class Room: Sekian TUGAS 6 PBO : World Of Zuul
Baca selengkapnya

TUGAS 8 PBKK : Mencoba Framework CodeIgniter 4

Gambar
  CodeIgniter adalah salah satu framework PHP yang ringan dan bersifat  open-source . Framework ini memungkinkan Anda untuk mengembangkan aplikasi web dengan fitur lengkap secara lebih cepat. Hal itu berkat dukungan library yang beragam.  CodeIgniter 4 merupakan pengembangan dari versi sebelumnya, yaitu CodeIgniter 3. Versi terbaru ini hanya mendukung PHP versi 7.3 ke atas. Jadi, Anda perlu menggunakan versi PHP yang sesuai sebelum mencoba CodeIgniter 4.  ( Referensi ) Untuk aktivitas kali ini adalah mencoba framework CI tersebut dimana akan dicoba versi terbaru yaitu CI 4. Langkah-langkah yang harus dilakukan secara singkat: Download Codeigniter; Ekstrak File ZIP Codeigniter ke htdocs. Ganti nama folder menjadi cobaCI4 [Custom] Buka alamat:  http://localhost/cobaCI4/public/ Selesai, CI 4 bisa digunakan lebih lengkapnya (All credit goes to) :  https://www.petanikode.com/codeigniter4-install/ Tampilan ketika Framework CodeIgnister 4 berhasil dan siap dipakai...
Baca selengkapnya