Evaluasi Tengah Semester Pemrograman Web A

 Evaluasi Tengah Semester Pemrograman Web A

Akbar Putra Asenti Priyanto (5025211004)

Pertanyaan

1. 1. Jelaskan fungsi html, css, javascript, bootstrap, dalam pembangunan aplikasi web.
2. 2. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya.
3. 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.
4. 4. Implementasikan desainmu dan buat dokumentasi.
5. 5. Presentasikan dalam video youtube, dan diembedded ke dalam blog dokumentasi.

Jawaban:

1. HTML (Hypertext Markup Language) merupakan bahasa yang digunakan untuk mendefinisikan struktur dari sebuah dokumen yang akan ditampilkan di dalam web. HTML menggunakan hypertext, yang digunakan untuk menghubungkan suatu halaman dengan halaman yang lainnya dengan menggunakan tautan / link. 

Selain itu, HTML menggunakan struktur markup language agar dapat merepresentasikan dokumen. Suatu bagian dalam HTML ditandai dengan adanya tags, yaitu teks yang diapit dengan tanda < >, contohnya seperti <title>, <p>, dan <div>.

CSS (Cascading Style Sheets) merupakan bahasa yang digunakan untuk memberikan style atau atribut ke dalam teks yang telah didefinisikan di HTML. CSS dapat digunakan untuk memanipulasi atribut-atribut dari suatu bagian di HTML seperti posisi, warna, display, maupun ukuran.

Javascript dapat digunakan untuk menambah logika bagi sebuah class yang ada di HTML sehingga dapat memiliki fungsionalitas, misalnya seperti pengecekan suatu field, logika perhitungan, hingga animasi. Dengan menggunakan Javascript, dokumen HTML akan menjadi interaktif dan memiliki fungsionalitas.

Bootstrap merupakan sebuah framework / kerangka kerja yang menggabungkan HTML, CSS, dan Javascript. Bootstrap menyediakan sejumlah komponen siap pakai, seperti tombol, navigasi, jendela dialog, formulir, dan banyak lagi, yang dapat digunakan untuk membangun situs web dengan cepat.

2. * Website CV Kreatif

Source Code: https://github.com/barpeot/pweb2023-tugas-pertemuan-2

* Website Selection Kursus

Source Code: https://github.com/barpeot/pweb2023-tugas-3

* Website Company Profile

Source code: https://github.com/barpeot/pweb2023-Quiz-1)

* Halaman Login

Source code: https://github.com/barpeot/pweb-2023-tugas-5

* Validasi Form

Source code: https://github.com/barpeot/pweb2023-tugas-4

3. 

Berikut link figma yang telah dibuat:

https://www.figma.com/file/s41g2poph76YGuuvoPYtzQ/Perpustakaan?type=design&node-id=0%3A1&mode=design&t=h7kRsN5XDWxDJkMh-1

4. Source code: barpeot/pweb2023-ets (github.com)

Link Deploy: https://barpeot.github.io/pweb2023-ets/

5. Video Presentasi: