Evaluasi Tengah Semester

Nama : Fahmi Anhar Fatwaddin

NRP : 5025221143

Kelas : PWeb A

Evaluasi Tengah Semester

1. Jelaskan fungsi html, css, javascript, bootstrap, dalam pembangunan aplikasi web.

HTML

HTML atau yang biasa disebut Hypertext Marksup Language merupakan salah satu format yang digunakan untuk pembuatan dokumen dan aplikasi yang berjalan dihalaman web. HTML memungkinkan kita untuk mengatur tata letak halaman web sehingga tersusun dengan rapih. HTML berguna untuk membuat struktur halaman web dengan menggunakan tag untuk menentukan bagian-bagian dari halaman web, seperti judul, paragraf, gambar, dan lain-lain.

CSS atau Cascading Style Sheet adalah kumpulan kode yang digunakan untuk mendesain suatu halaman web agar terlihat lebih bagus atau cantik. CSS mampu mengubah teks, background, gambar dan lain-lain yang terlihat di halalam web.

JavaScript

Javascript adalah bahasa pemrograman yang juga digunakan dalam halaman web agar halaman web lebih terlihat dinamis dan interaktif. contohnya seperti dalam membuat sebuah form, javascript mampu membuat halaman web untuk mengecek apakah semua kolom dalam halaman web telah terisi atau tidak, javascrip mampu mengeluarkan peringatan yang menuruh untuk mengisi kolom yang belum terisi.

Bootstrap

Bootsrap mirip dengan sebuah library yang mampu mempersingkat dalam penulisan kode dalam CSS dan juga penulisan kode javascript, dengan menggunakan bootsrap yang perlu dituliskan dalam web hanya sedikit, hanya perlu menuliskan classnya didalam tagline html yang ingin dibuat. Misal ingin mempecantik sebuah button dalam html hanya perlu membuat class dan mengisi dengan yang kita mau dengan template kode yang telah disediakan oleh bootstrap, tanpa menulis kode panjang dalam tag style. Bootstrap dapat digunakan dengan mendownload librarynya ataupun mengekses via CDN.

2. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya.

Contoh halaman web menggunakan HTML, CSS, Javascritpt

HTML akan mampu membuat teks kolom input dan juga button pada halaman web, lalu CSS mampu mendesain elemen-elemen yang ada dalam html, seperti tulisan judul yang berada ditengah, background putih yang sebagian kecil halaman, kolom input yang sebesar background putih, tombol submit yang berwarna biru dan berubah ketika diklik dan lainnya.

Javascript membuat peringatan pada halaman website yang memerintahkan untuk mengisi kolom yang wajib diisi. jika kolom tersebut kosong.

Source Code

https://github.com/Fahmi300/Form-with-validation.git

3. 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.

Halaman Utama dengan tampilan buku hangat dan berita serta kegiatan

halaman peta dengan tampilan peta

Halaman koleksi dengan tampilan buku berdasarkan genre

Halaman login

Halaman pendaftaran

*Tampilan Web tidak akan jauh dari design yang dibuat, mungkin ada beberapa perubahan seperti warna font dan beberapa lainnya. tetapi tata letak mungkin akan mirip dengan gambar.

Link Canva

https://www.canva.com/design/DAFxeVwiw4c/ApTIL1086vs57dN-GJVhag/edit?utm_content=DAFxeVwiw4c&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

4. Implementasikan desainmu dan buat dokumentasi.

Halaman Home