Nama : Ananda Hadi Saputra
NRP : 5025201148
Kelas : Pemograman Web - A
Tahun : 2023
ETS PWEB
1. Jelaskan fungsi html, css, javascript, bootstrap, dalam pembangunan aplikasi web
HTML (Hypertext Markup Language):
- Fungsi: HTML adalah bahasa markup yang digunakan untuk membuat struktur dasar dari halaman web. Ini mendefinisikan elemen-elemen seperti teks, gambar, tautan, paragraf, dan bagian lainnya dalam dokumen web.
- Peran: HTML digunakan untuk mengatur konten dasar di halaman web dan memberikan struktur yang akan dihiasi dengan gaya CSS.
CSS (Cascading Style Sheets):
- Fungsi: CSS digunakan untuk mengatur tampilan dan tata letak elemen-elemen HTML. Ini mendefinisikan warna, jenis huruf, ukuran, jarak antara elemen, dan gaya visual lainnya.
- Peran: CSS memungkinkan pengembang untuk merancang tampilan yang menarik dan konsisten untuk halaman web.
JavaScript:
- Fungsi: JavaScript adalah bahasa pemrograman yang digunakan untuk memberikan interaktivitas pada halaman web. Ini memungkinkan Anda untuk mengontrol perilaku elemen-elemen HTML, merespons tindakan pengguna, dan berkomunikasi dengan server.
- Peran: JavaScript memungkinkan pengembang untuk membuat fitur seperti validasi formulir, animasi, pemuatan data dinamis, dan berbagai fungsi interaktif lainnya.
Bootstrap:
- Fungsi: Bootstrap adalah kerangka kerja (framework) front-end yang berisi kumpulan alat dan gaya yang sudah siap pakai untuk membangun aplikasi web responsif dengan cepat. Ini menggunakan HTML, CSS, dan JavaScript yang sudah ada untuk mempermudah pengembangan.
- Peran: Bootstrap mempercepat pengembangan aplikasi web dengan menyediakan komponen dan gaya siap pakai seperti navigasi, tombol, grid system, dan komponen lainnya yang memastikan tampilan yang konsisten dan responsif di berbagai perangkat.
- 2. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya.
- Link Github : link
- Link Deploy : link
- 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 Login
- Mengisi username/ID.
- Mengisi Password.
- Halaman Home (Home Page):
- Header dan navigasi.
- Terdapat home screen yang menyambut user/admin.
- User Interface yang menarik.
- Halaman Semua Buku (Book Collection Page):
- Header dan navigasi.
- Pencarian untuk mencari buku dengan judul.
- Daftar buku dengan judul, pengarang, dan tahun terbit untuk setiap buku.
- Halaman Pengembalian Buku (Book Return Page):
- Header dan navigasi.
- Informasi detail tentang Id peminjam, judul, penerbit, tahun terbit, tgl pinjam, dan tgl kembali.
- Tombol home untuk kembali ke Home Page.
- Halaman Peminjaman Buku (Book Borrow Page):
- Header dan navigasi.
- Informasi detail tentang Id peminjam, judul, penerbit, tahun terbit, tgl pinjam, dan nama peminjam.
- Tombol home untuk kembali ke Home Page.
- Halaman Tambah Buku (Add Book Page):
- Header dan navigasi.
- Tambah buku dengan judul, pengarang, dan tahun terbit untuk setiap buku.
- Tombol untuk tambah buku jika ingin menambah buku.
- Halaman Profile (Profile Page):
- Header dan navigasi.
- Informasi detail tentang nama, id, email, role, no telf, dan alamat.
- Tombol submit bila ada perubahan pada profile.
- Halaman Pengaturan (Setting Page)
- Header dan navigasi.
- Informasi detail tentang theme, location, bahasa, sharing, privacy, photo.
- Tombol submit bila ada perubahan pada setting
4. Implementasikan desainmu dan buat dokumentasi.
Link Deploy : Link
5. Presentasikan dalam video youtube, dan diembedded ke dalam blog dokumentasi.
Komentar
Posting Komentar