Langsung ke konten utama

ETS PWEB

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
  1. 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.

  2. 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.

  3. 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.

  4. 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.


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


  1. Link Github : link
  2. Link Deploy : link


  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.

    • 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

Postingan populer dari blog ini

ETS - PPL A

NAMA   : Ananda Hadi S NRP        : 5025201148 KELAS : PPL A 1. Apakah perbedaan model analysis dengan model desain? Model Analysis Model analisis fokus pada pemahaman dan penjelasan tentang bagaimana suatu sistem atau fenomena bekerja atau berinteraksi.  Tujuan utama dari model analisis adalah untuk mengidentifikasi masalah, memahami hubungan antara variabel, dan memberikan pemahaman yang mendalam tentang suatu situasi atau sistem.  Contoh dari model analisis termasuk model matematika, analisis data, atau teori yang digunakan untuk menjelaskan dan memprediksi perilaku sistem tertentu.  Model Desain Model desain berfokus pada pembuatan rencana atau representasi bagaimana suatu sistem atau objek akan dibuat atau dirancang.  Tujuan dari model desain adalah untuk menghasilkan solusi atau implementasi yang memenuhi kebutuhan atau tujuan tertentu berdasarkan hasil analisis.  Contoh model desain meliputi blueprints (denah), skema konstruksi, a...

APSI - TUGAS 5 - Requirement Definition

Requirement Definition Definisi Requirements Dalam pengembangan perangkat lunak, definisi requirements mengacu pada proses mengidentifikasi, mendefinisikan, dan mendokumentasikan kebutuhan atau persyaratan yang harus dipenuhi oleh suatu sistem atau aplikasi. Requirements atau kebutuhan ini berfungsi sebagai panduan bagi tim pengembang perangkat lunak dalam merancang, mengembangkan, dan menguji sistem yang diinginkan. Fungsi Requirements Berikut adalah beberapa fungsi utama dari requirements: Menjelaskan kebutuhan pengguna: Requirements membantu menggambarkan dan menjelaskan kebutuhan pengguna atau pemangku kepentingan terkait sistem atau aplikasi yang akan dikembangkan. Menyediakan panduan untuk perancangan sistem: Requirements menjadi dasar dalam merancang arsitektur, fungsionalitas, dan fitur-fitur yang akan ada dalam sistem. Membantu dalam perencanaan dan estimasi proyek: Requirements yang terdefinisi dengan baik memungkinkan tim pengembang untuk melakukan perencanaan proyek yang le...

APSI - TUGAS 4 - Seleksi dan Manajemen Proyek

Pada era globalisasi yang semakin maju, perusahaan-perusahaan harus mampu beradaptasi dengan berbagai perubahan yang terjadi, baik dalam hal teknologi, ekonomi, sosial, maupun politik. Salah satu aspek yang sangat penting dalam menjalankan perusahaan adalah pengelolaan Sumber Daya Manusia (SDM). Dalam konteks ini, seleksi dan manajemen SDM memiliki peran yang sangat krusial untuk menghasilkan karyawan yang kompeten dan mampu mendukung kemajuan perusahaan. Seleksi SDM Seleksi SDM merupakan salah satu proses penting dalam pengelolaan SDM. Proses ini bertujuan untuk memilih individu yang memiliki kompetensi dan karakteristik yang sesuai dengan kebutuhan perusahaan. Berikut ini adalah beberapa tahapan dalam proses seleksi SDM: 1. Analisis Kebutuhan Langkah pertama dalam proses seleksi SDM adalah menganalisis kebutuhan perusahaan. Hal ini meliputi identifikasi posisi yang diperlukan, jumlah karyawan yang dibutuhkan, serta kualifikasi dan kompetensi yang harus dimiliki oleh calon karyawan. 2...