ETS - Pemrograman Web A


Nama : Zakia Kolbi

NRP : 5025211049

Kelas : Pemrograman Web A


Tahun : 2023

Link Github: Github

Link Youtube : Link YT

Evaluasi Tengah Semester

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

Jawaban

1. Berikut Fungsi HTML, CSS, JavaScript, Bootstrap
  • HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk membuat halaman web. HTML digunakan untuk menandai dan memformat konten pada halaman web, seperti teks, gambar, dan video. HTML juga digunakan untuk membuat tautan antara halaman web dan mengatur tata letak halaman web. Dalam pembangunan aplikasi web, HTML berfungsi sebagai dasar dari setiap halaman web. HTML digunakan untuk membuat struktur dasar halaman web, seperti header, footer, navigasi, dan konten utama. HTML juga digunakan untuk menandai elemen-elemen pada halaman web sehingga dapat diatur tampilannya menggunakan CSS (Cascading Style Sheets).
  • CSS

    1. Mempercepat Loading Halaman Web: Jika Anda mengatur tampilan website dengan CSS, kecepatan loading website bisa meningkat. Karena Anda bisa menuliskan satu rangkaian kode untuk beberapa halaman website sekaligus, jumlah kode bisa diminimalkan. Dengan begitu, beban pada saat proses loading website lebih kecil.

    2. Memudahkan Pengelolaan Kode: Dengan adanya CSS, Anda cukup menulis kode satu kali untuk sebuah elemen HTML untuk diterapkan ke semua halaman. Nantinya, ketika akan melakukan perubahan, Anda juga cukup melakukan perubahan pada satu kode tadi.

    3. Menawarkan Lebih Banyak Variasi Tampilan: Dengan CSS, Anda bisa mengatur jenis font, warna tulisan, dan latar belakang halaman. CSS juga berguna untuk mengatasi keterbatasan HTML dalam mengatur format halaman website.

    4. Membuat Website Tampil Rapi di Semua Ukuran Layar: Dengan menggunakan CSS, Anda dapat membuat tampilan website yang responsif dan rapi di semua ukuran layar.
  • JavaScript adalah bahasa pemrograman yang digunakan dalam pengembangan website agar lebih dinamis dan interaktif. JavaScript memungkinkan programmer untuk membuat fitur-fitur seperti drag and drop, animasi, validasi form, dan lain-lain. JavaScript juga memungkinkan programmer untuk membuat aplikasi web yang kompleks seperti game, aplikasi desktop, dan aplikasi mobile. JavaScript merupakan bahasa pemrograman jenis interpreter, sehingga tidak memerlukan compiler untuk menjalankannya. JavaScript memiliki fitur-fitur seperti berorientasi objek, client-side, high-level programming, dan loosely typed.BootStrap

  • Bootstrap adalah sebuah framework web development yang dirancang untuk mempercepat proses pengembangan web responsive dan mobile-first. Bootstrap berbasis HTML, CSS, dan JavaScript dan bersifat open-source. Bootstrap menyediakan skrip dan syntax yang bisa diterapkan untuk berbagai komponen dalam desain web. Bootstrap membantu dalam hal pembuatan dan desain untuk sebuah web atau aplikasi terutama membuat web atau aplikasi menjadi lebih responsif. Selain itu, Bootstrap juga berfungsi untuk membuat website menjadi lebih ringan agar lebih cepat saat diakses. Bootstrap memiliki beberapa kelebihan seperti mudah digunakan, responsive grid, kompatibel dengan banyak browser, dan dokumentasi yang lengkap. Namun, Bootstrap juga memiliki kekurangan seperti ukuran file yang besar dan kurangnya fleksibilitas dalam desain.
2. Berikut Screeshoot dari aplikasi yang telah dikerjakan:
  • Membuat Web CV HTML
          Link Github : Link



  • Membuat Web CV HTML dan CSS
          Link Github : Link Versi 1


         

           Link Github : Link Versi 2





  • Membuat Web Course
          Link Github : Link


  • Membuat form dengan menggunakan HTML, CSS, dan JavaScript
          Link Github : Link


  • Membuat Company Profile
           Link Github : Link


  • Latihan Bootstrap : Membuat Login Page
           Link Github : Link



3.  Berikut Desain Front End Website Perpustakaan 




4. Implementasikan desainmu dan buat dokumentasi.
  • Halaman Utama
  • Registrasi Form

  • Daftar Buku


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




Terima Kasih Telah Berkunjung.

Komentar

Posting Komentar

Postingan populer dari blog ini

Final Project Pemrograman Berbasis Kerangka Kerja

Gambar
Nama : Zakia Kolbi NRP : 5025211049 Kelas : PBKK A Tahun : 2023 Final Project Pemrograman Berbasis Kerangka Kerja Paper Reference 1. Deskripsi Studi Kasus berdasarkan MVC nya Jawaban  : Untuk Final Project ini, studi kasus yang saya pilih adalah pembuatan aplikasi inventaris barang menggunakan framework CodeIgniter. Pada pengimplementasiannya, aplikasi ini juga akan menghandle beberapa bagian dari jalannya inventaris barang pada perusahaan yang berkaitan seperti data barang, kategori, kondisi, ruang, user, peran dan akses. Jika dilihat dari MVC atau Model-View-Controllernya berikut merupakan penjalasan aplikasi perbagiannya berdasarkan jurnal referensi diatas : Model: Model bertanggung jawab untuk mengakses dan memanipulasi data dari database atau sumber data lainnya. Dalam aplikasi inventaris barang, Model dapat mencakup struktur data untuk menyimpan informasi barang, metode untuk menambah, menghapus, atau memperbarui barang, dsb. View: Bertanggung jawab untuk menampilkan data k...
Baca selengkapnya

Quiz 1 - PBKK A

Gambar
Nama : Zakia Kolbi NRP : 5025211049 Kelas : PBKK A Tahun : 2023 Github :  Link Github Youtube :  Link YT Quiz 1 Pertanyaan : 1. Jelaskan struktur framework, dan apa saja kegunaanya dalam pengembangan Perangkat Lunak? Jawab : Struktur Framework : Beberapa framework memiliki struktur tertentu dalam pengembangannya. Contohnya, ASP.NET Core menggunakan arsitektur Model-View-Controller (MVC) untuk memisahkan komponen-komponen dalam pengembangan, seperti model yang mengelola data, view yang menampilkan informasi kepada pengguna, dan controller yang mengatur alur bisnis aplikasi. Selain itu, terdapat juga Model-View-ViewModel (MVVM) yang digunakan oleh platform seperti Windows Presentation Foundation (WPF) dan Xamarin. Kegunaan Framework dalam Pengembangan Perangkat Lunak : Framework menyediakan alat, komponen, dan pola desain yang telah teruji untuk memudahkan pengembangan perangkat lunak. Ini menghemat waktu dan usaha pengembang karena mereka tidak perlu memulai dari nol dalam memb...
Baca selengkapnya