TUGAS 6 PEMROGRAMAN WEB (A) - Form Login & Contact Us dengan Bootstrap

Tugas kali ini membuat website form login dan contact us menggunakan salah satu framework CSS paling populer, yaitu Bootstrap. Dalam proses pengerjaannya, menggunakan HTML, CSS (Bootstrap), dan JavaScript (internal). JavaScript di sini dipakai untuk menampilkan alert bahwa data telah di-submit atau dikirim. Laman website-nya dapat diakses pada link berikut. Untuk hosting web sendiri memakai Netlify. 


Konten dari website:

    1. Login page, berisi halaman login sebagai tampilan awal ketika website pertama kali dijalankan.              Ada beberapa kolom yang semuanya wajib diisi dan tidak boleh kosong, yaitu:

  • Email, harus berformat seperti email pada umumnya.
  • Password
    2. Contact us page, berisi halaman contact us guna mengirim pesan ke pemilik web. Ada beberapa             kolom yang semuanya wajib diisi dan tidak boleh kosong, yaitu:
  • Name
  • Email, harus berformat seperti email pada umumnya.
  • Phone
  • Message

Di tiap page, bagian bawah form, terdapat tautan (hyperlink) yang mengarahkan page satu sama lain.

Tampilan Website

1. Login Page



2. Contact us




Source Code

  • index.html
  • contact.html
  • style.css
Sekian dan terimakasih telah membaca artikel ini :)

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 5 PBO : Game The World of Zuul

Gambar
Halo teman-teman, saat ini kita akan belajar membuat sebuah project kecil yang dibuat berdasarkan buku Object First With Java. Game ini bisa menjadi implementasi untuk Designing Classes. Permainan ini sudah aku ubah sedikit, sehingga ada unsur mengenai ITS nya. Terdapat 5 kelas pada project ini, yaitu: CommandWords - Kelas ini untuk mendefinisikan semua Command yang valid dalam permainan (pergi, help, pulang). Ini dilakukan dengan menyimpan array objek String yang mewakili kata-kata perintah. Parser - Berfungsi untuk membaca baris input dari terminal danmenafsirkannya sebagai Command. Ini membuat objek dari Class Command yang mewakili perintah itu masuk. Command - Sebuah objek perintah mewakili perintah yang dimasukkan oleh pengguna. Ini memiliki metode yang memudahkan kita untuk memeriksa apakah ini adalah perintah yang valid dan untuk mendapatkan kata pertama dan kedua dari perintah tersebut sebagai string terpisah. Room - Objek ruangan merepresentasikan lokasi dalam game.  Game ...
Baca selengkapnya

TUGAS 7 PBO : CLASS JAVAFX

Gambar
Pemrograman JavaFX   JavaFX adalah library Java yang berguna dalam membangun Rich Internet Applications (RIA). Aplikasi yang dikembangkan menggunakan JavaFX dapat berjalan di berbagai perangkat modern saat ini. Seperti Komputer Desktop, Mobile Phones, TV, Tablet, dll. Untuk mengembangkan Aplikasi GUI menggunakan bahasa pemrograman Java, programmer mengandalkan perpustakaan seperti Advanced Windowing Toolkit dan Swings. Setelah munculnya JavaFX, programmer java sekarang dapat mengembangkan aplikasi GUI dengan konten yang banyak. Dengan menggunakan teknologi Java, aplikasi ini memiliki tingkat penetrasi browser yang lebih tinggi daripada sebelum-sebelumnya. Dibeberapa compiler seperti IntelliJ tidak bisa menerapkan ini, karena sebenarnya JavaFX sudah tidak bisa dipakai diatas JDK 11. untuk mempelajari ini bhanay bisa menggunakan BlueJ atau Eclipse. Nah untuk semakin memahami penggunaan class JavaFX, mari kita buat program sederhannya. Berikut contoh dari Fortune Teller, dimana setiap...
Baca selengkapnya

Tugas 4 PBO : Technical Support System Sederhana

Gambar
  Sebuah Technical Support System yang sering dipakai di berbagai aplikasi pasti memakai bot didalamnya, dan itu memerlukan ilmu yang lebih tinggi karena merupakan salah satu contoh aplikasi kognitif dan penerapan kecerdasan buatan, atau bahasanya kerennya artificial intelligence . Tapi kali ini kita akan membuat yang versi sederhana saja berdasarkan buku Objects First With Java bab 5 bagian 5.2. Jadi di buku sebenarnya sudah dibuatkan dasar-dasar pengembangan materinya, namun kita ubah sedikit agar terlihat lebih nyata programnya, serta kita ubah menggunakan Bahasa Indonesia sehingga lebih mudah dimengerti. Input Reader Responder Support System main Support System Berfungsi untuk menampilkan hasil program kita Beberapa contoh hasil program dari input yang berbeda :   Nah itu lah beberapa contoh yang bisa kita buat, kalian bisa kok menggunakan kode tersebut untuk membuat perintah se-mau kalian. Semangattt !!!!!!
Baca selengkapnya