Evaluasi Tengah Semester Pemrograman Web A | 5025221280

Nama: Arya Gading Prinandika

NRP: 5025221280

Kelas: Pemrograman Web A

Evaluasi Tengah Semester

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

    Dalam pembangunan aplikasi web hal hal yang disebutkan memiliki peranan yang sangat penting, pada HTML misalnya. HTML ini dapat diibaratkan sebagai kerangka atau penopang dari aplikasi web, hal ini dikarenakan pada html memiliki sintaks-sintaks penting dalam aplikasi web, sintaks inilah nanti yang akan digunakan oleh CSS dan JS untuk mempercantik tampilan yang kerangka nya telah dibuat oleh HTML. Kemudian CSS, jika dianalogikan dalam tubuh manusia, CSS merupakan bentuk atau tampilan pada diri kita, pada css ini memiliki peran yang sangat penting dan vital untuk pengembangan website, hal ini karena pada CSS merupakan pemberi tampilan dan menentukan apa yang nanti akan dilihat oleh pengguna. Jadi setelah membuat kerangka pada HTML, sintaks pada html akan di modifikasi dan dipercantik tampilannya dengan menggunakan CSS karena jika tanpa CSS web akan menjadi polos dan tidak bagus untuk dilihat. Maka dari itu CSS mempunyai peranan yang vital dan penting dalam pengembangan web. JavaScript dalam pengembangan web bisa memberikan perubahan yang sangat besar dalam aplikasi web, hal ini karena JavaScript mempunyai berbagai peranan seperti memberikan animasi pada aplikasi web yang dibuat kemudian JavaScript dapat juga sebagai penghubung antara aplikasi frontend dan backend karena pada JavaScript dapat melakukan fetch API, selain itu JavaScript juga dapat melakukan beberapa fungsi untuk memodifikasi HTML yang biasa menjadi fitur yang sangat berguna, contohnya fitur search dalam form input, kemudian dependant form select, menampilkan modal atau notifikasi dan juga beberapa fitur yang tidak bisa dipakai oleh HTML dan CSS saja. Bootstrap sendiri merupakan salah satu framework CSS yang sangat terkenal dalam dunia pengembangan web, bootstrap memudahkan programmer untuk membuat aplikasi web dengan komponen komponen bawaan yang sudah dibuatkan oleh bootstrap. Jadi dengan menggunakan bootstrap ini dapat mempercepat programmer dalam membuat sebuah aplikasi web dengan komponen buatannya, selain itu bootstrap juga mempunyai beberapa fungsi JS yang sangat membantu, contohnya seperti loading, modal, form step by step dan lain lainnya. Namun bootstrap juga mempunyai kekurangan yaitu desain yang sama, hal ini membuat kita dapat dengan mudah mengetahui sebuah web yang menggunakan bootstrap karena penggunaan desain dari bootstrap yang sama pada setiap komponennya.

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

Berikut merupakan screenshot dan source code yang diupload di GitHub untuk masing masing aplikasi yang pernah saya buat, baik dalam tugas pemrograman web atau aplikasi lainnya.

- Tugas tugas Pemrograman Web

   Tugas 1 membuat cv dengan hanya HTML

Sourcecode GitHub Tugas 1

   Tugas 2 membuat CV dengan HTML dan CSS

Sourcode GitHub Tugas 2

Tugas 3 Membuat Website Kursus

Sourcecode GitHub Tugas 3 Kursus

Quiz membuat company profile

Sourcecode GitHub Company Profile

Tugas 4 Membuat input search pada form dengan JavaScript

Sourcecode GitHub JavaScript Tugas 4

Tugas 5 Membuat Login Page dengan Bootstrap

Sourcecode GitHub Login Page

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.

Link Figma: Figma Desain Perpustakaan

4. Implementasikan desain dan buat dokumentasi

sesuai dengan desain yang telah saya buat, saya mengimplementasikan desain tersebut dalam sebuah program web dengan menggunakan bantuan framework bootstrap. Untuk fitur fitur yang saya buat adalah: Landing Page dengan isi Buku terbaru, informasi dan kontak yang berisi form kontak dan juga lokasi dari perpustakaan, kemudian ada halaman khusus untuk login dan register keanggotaan pengguna, kemudian ada juga halaman untuk list semua koleksi yang ada.

Berikut ini saya sisipkan untuk link GitHub dan link deployment dari program website yang telah saya buat.

Link Deployment Deployment GitHub

Link SourceCod GitHub Source Code

5. Presentasikan dalam video youtube, dan diembedded ke dalam blog dokumentasi.