ETS PWEB A - Aplikasi Display Koleksi Buku

Nama : Nadya Zuhria Amana

NRP : 5025211058

Kelas : PWEB A

SOAL

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

Dalam pengembangan aplikasi web, HTML, CSS, JavaScript, dan Bootstrap adalah alat yang penting untuk menciptakan tampilan dan fungsionalitas yang diinginkan. Berikut adalah penjelasan singkat tentang peran masing-masing dalam pembangunan aplikasi web:

1. HTML (HyperText Markup Language):

- Fungsi: HTML digunakan untuk membuat struktur dasar halaman web. Ini mendefinisikan elemen-elemen dasar seperti teks, gambar, tautan, dan elemen-elemen lainnya.

- Penggunaan: HTML digunakan untuk membuat kerangka dasar halaman web, termasuk judul, paragraf, gambar, tautan, formulir, dan banyak elemen lainnya.

2. CSS (Cascading Style Sheets):

- Fungsi: CSS digunakan untuk mengatur tampilan dan gaya halaman web. Ini memungkinkan Anda mengubah warna, font, layout, dan aspek visual lainnya.

- Penggunaan: CSS digunakan untuk mempercantik tampilan halaman web, mengatur tata letak elemen, mengubah warna latar belakang, dan memastikan halaman terlihat menarik.

3. JavaScript:

- Fungsi: JavaScript digunakan untuk menambahkan interaksi dan fungsi ke halaman web. Ini memungkinkan pembuatan efek animasi, validasi formulir, komunikasi dengan server, dan banyak lagi.

- Penggunaan: JavaScript digunakan untuk memberikan interaksi pada halaman web, seperti mengubah konten saat tombol ditekan, memvalidasi input, atau mengambil data dari server.

4. Bootstrap:

- Fungsi: Bootstrap adalah kerangka kerja (framework) CSS dan JavaScript yang sudah siap pakai. Ini menyediakan komponen dan gaya yang dapat Anda gunakan untuk mempercepat pengembangan.

- Penggunaan: Bootstrap digunakan untuk membuat tampilan responsif dan konsisten secara lintas perangkat, serta menambahkan elemen desain seperti navigasi, formulir, dan modals dengan mudah.

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

Tugas HTML :

Link Github : https://github.com/nadyaza/Tugas1PWEB_CVHTML

Tugas CV dalam HTML:

- HTML: Membuat struktur dasar CV Anda dengan menggunakan elemen HTML seperti <header>, <section>, <ul>, <li>, dan lainnya. Ini akan membantu mengatur informasi dalam dokumen.

Tugas HTML CSS :

Link : https://nadyazuhria.blogspot.com/2023/09/pweb-membuat-cv.html

Tugas Portofolio dalam HTML dan CSS:

- HTML: Membuat struktur halaman portofolio yang mencakup informasi tentang proyek-proyek Anda, keterampilan, dan kontak. Gunakan elemen HTML seperti <section>, <article>, <ul>, <li>, <a>, dan lainnya.
- CSS: Menerapkan gaya ke halaman portofolio Anda untuk membuatnya menarik secara visual. Anda dapat mengatur warna latar belakang, ukuran teks, tata letak, dan efek animasi dengan CSS.

Tugas CSS :

Link Github : https://github.com/nadyaza/Tugas3PWEB_Course

Tugas dalam pembuatan halaman web kursus (web course) melibatkan pembuatan halaman utama yang memperkenalkan kursus, halaman detail untuk setiap kursus, daftar kursus, halaman pendaftaran, halaman profil pengguna, dan opsionalnya halaman blog. Anda perlu menggunakan HTML dan CSS untuk merancang tampilan, membuat formulir pendaftaran, dan menyediakan informasi kursus. Pastikan tampilan web Anda responsif dan menarik. Integrasi multimedia seperti video pembelajaran dan fitur interaktif seperti forum atau ulasan juga bisa ditambahkan. Ini membantu menciptakan pengalaman belajar online yang lebih baik bagi pengguna.

Tugas Javascript :

Link Github : https://github.com/nadyaza/Tugas4PWEB-Form

Tugas JavaScript Membuat Form Mata Kuliah:

- HTML: Membuat struktur form mata kuliah dengan menggunakan elemen HTML seperti <form>, <label>, <input>, dan lainnya. Setiap mata kuliah dan elemen form akan memiliki atribut yang memadai.
- JavaScript: Menambahkan interaktivitas ke dalam form mata kuliah. Anda dapat mengimplementasikan saran mata kuliah yang muncul saat pengguna mulai mengetikkan nama mata kuliah, serta validasi input seperti memastikan input tidak kosong dan lainnya.

Tugas Bootstrap :

Link Github : https://github.com/nadyaza/Tugas5PWEB-Form

Tugas Bootstrap Membuat Halaman Login:

- HTML: Membuat struktur dasar halaman login dengan elemen HTML seperti <form>, <label>, <input>, dan lainnya. Ini adalah elemen dasar yang akan membentuk form login.
- CSS: Menerapkan beberapa gaya awal ke halaman login dengan menggunakan CSS. Ini bisa mencakup pengaturan tata letak, warna, dan ukuran elemen-elemen form.
- Bootstrap: Menggunakan Bootstrap untuk mengimplementasikan komponen seperti tombol, input, dan pesan kesalahan dengan mudah. Bootstrap juga dapat membantu membuat halaman login responsif yang berfungsi baik pada berbagai perangkat.

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.