Tugas 4: Bootstrap

Pada tugas kali ini saya diharuskan membuat halaman web dengan menggunakan Bootstrap. Sebenarnya saya sudah menggunakan Bootstrap pada tugas pertama sehingga sekarang saya hanya akan menjelaskan source code dari halaman profil yang sudah saya buat pada Tugas 1

1. Untuk menggunakan Bootstrap silahkan memanggil bootstrap css pada bagian header file html, untuk memanggil anda dapat mendownload css Bootstrap dan memanggil dari folder html anda. Cara lain untuk memanggil Bootstrap adalah dengan menggunakan link referensi yang sudah disediakan oleh Bootstrap. Disini saya menggunakan link referensi Bootstrap untuk memanggilnya

Keuntungan menggunakan link referensi adalah loading yang cepat, karena banyak website lain yg menggunakan bootstrap, sehingga bootstrap sudah di cache dalam browser pengguna

Selanjutnya kita akan menambahkan carousel. Carousel adalah tampilan website untuk presentasi gambar yang jumlahnya lebih dari satu. Setiap gambar dapat diakses menggunakan tombol yang ada pada tampilan. Carousel juga dapat menampilkan gambar-gambar secara otomatis dengan selang waktu.

Setelah menambahkan code di atas maka tampilan carousel akan seperti ini

2. Selanjutnya kita akan menambahkan navbar. Navbar adalah tampilan navigasi pada web yang selalu ada pada setiap bagian html. Navbar berisi link-link yang ada pada suatu website

Untuk menampilkan navbar seperti di atas tambahkan code

3. Untuk mengatur ukuran carousel dapat di atur pada pengaturan css bootstrap. Buatlah sebuah file css kemudian link dengan halaman html yang sudah dibuat lalu tambahkan code

Silahkan kunjungi website saya di dickymp.me untuk melihat tampilan penuh dari website yang saya buat

Tugas 3 : JavaScript

Pada kesempatan kali ini saya akan memposting hasil tugas saya untuk mata kuliah Pemrograman Web yaitu pembuatan Form Registrasi Mahasiswa.

Pada tugas kali ini saya mengimplementasikan fungsi dari html yaitu datalist. Datalist adalah element dalam html input yang digunakan sebagai option atau suggestion ketika pengguna akan memasukan input data dalam form. Saya menggunakan JavaScript sebagai input untuk mengisi data pada datalist html. Javascript yang saya buat sudah disertakan dalam source code html yang saya buat. Seperti biasa, saya menggunakan framework bootstrap untuk tampilannya.



Berikut hasil pic dari halaman web form mahasiswa yang sudah saya buat

Berikut adalah source code dari halaman web yang saya buat





Halaman website tersebut dapat diakses di 

dickymp.me/form-nrp.html

Tugas 1: Aplikasi HTML dan CSS

Pada kesempatan kali ini saya akan memposting hasil tugas saya untuk mata kuliah Pemrograman Web yaitu pembuatan halaman profile.

Pada tugas kali ini saya mengimplementasikan fungsi-fungsi dari html. Kemudian menggunakan framework bootstrap untuk tampilannya. Semua tutorial tentang fungsi html form serta bootstrap saya dapatkan di w3school.com



Berikut hasil pic dari halaman web yang sudah saya buat

Berikut adalah source code dari halaman web yang sudah saya buat

Halaman profile web yang sudah saya buat dapat di akses di:

dickymp.me

Tugas 2 : Form HTML dan CSS

Pada kesempatan kali ini saya akan memposting hasil tugas saya untuk mata kuliah Pemrograman Web yaitu form pengisian untuk pemesanan tiket kereta api online.

Pada tugas kali ini saya menggunakan salah satu fungsi html yaitu form. Kemudian menggunakan framework bootstrap untuk tampilannya. Semua tutorial tentang fungsi html form serta bootstrap saya dapatkan di w3school.com



Berikut hasil pic dari halaman web yang sudah saya buat

Berikut source code dari halaman web yang sudah saya buat


URL hasil form :

dickymp.me/form-tiket.html