Evaluasi Tengah Semester Pemrograman Web

-
Nama Akmal Sulthon Fathulloh
NRP 5025211047
Kelas Pemrograman Web - A

Pertanyaan

  1. Jelaskan fungsi HTML, CSS, JavaScript, dan Bootstrap dalam pembangunan aplikasi web!
    • HTML (HyperText Markup Language)
      HTML digunakan untuk menentukan struktur dan konten halaman web. HTML digunakan untuk menentukan elemen-elemen apa yang ada di halaman web, seperti judul, paragraf, gambar, tabel, dan formulir. HTML juga digunakan untuk menentukan bagaimana elemen-elemen tersebut ditata di halaman web.
    • CSS
      CSS digunakan untuk memformat dan mempercantik tampilan halaman web. CSS digunakan untuk mengatur ukuran, warna, font, dan tata letak elemen HTML. CSS juga digunakan untuk menambahkan efek visual ke halaman web, seperti animasi dan transisi.
    • JavaScript
      JavaScript digunakan untuk menambahkan interaksi dan fungsionalitas pada halaman web. JavaScript dapat digunakan untuk membuat animasi, efek, dan permainan. JavaScript juga dapat digunakan untuk membuat halaman web yang lebih interaktif, seperti halaman web yang dapat digunakan untuk membuat reservasi, memproses pembayaran, atau memberikan dukungan pelanggan.
    • Bootstrap
      Bootstrap adalah framework CSS, HTML, dan JavaScript yang digunakan untuk membuat halaman web yang responsif dan mobile-friendly. Bootstrap menyediakan kumpulan komponen dan fitur yang dapat digunakan untuk membuat halaman web yang modern dan menarik. Bootstrap juga dapat digunakan untuk membuat halaman web yang lebih mudah dikembangkan dan dipelihara.

  2. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source code-nya.
    Berikut adalah beberapa aplikasi web yang pernah saya kerjakan.
    • Curriculum Vitae (HTML + CSS)
      Link source code: GitHub
      Link deploy: Website
    • Laman Web Kursus (HTML + CSS)
      Link source code: GitHub
      Link deploy: Website
    • Laman Web Korporasi/Perusahaan (HTML + CSS)
      Link source code: GitHub
      Link deploy: Website
    • Website Formulir Mahasiswa (HTML + CSS + JS)
      Link source code: GitHub
      Link deploy: Website
    • Website Login Page (HTML + CSS + JS + Bootstrap)
      Link source code: GitHub
      Link deploy: Website
    • BALAP48 Official Website (HTML + CSS + JS + Bootstrap)
      Link source code: GitHub
      Link deploy: Website

  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.
    Berikut adalah desain web sesuai dengan kriteria tersebut.

  4. Implementasikan desainmu dan buat dokumentasi.
    Implementasi kode dapat dilihat di link berikut, dan untuk deploy-nya dapat dilihat di link berikut.

  5. Presentasikan dalam video YouTube, dan di-embedded ke dalam blog dokumentasi.

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas Pertemuan 2 PPL - Identifikasi Proses PPL

-
Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas PPL - A Pada pertemuan kali ini, kita diminta untuk berlatih mengidentifikasi proses perancangan perangkat lunak ( software design ) berdasarkan jurnal/dokumen perancangan perangkat lunak yang digunakan sebagai referensi. Referensi Saya mengambil referensi dari sebuah jurnal DPPL "Sistem Pengarsipan Surat Masuk dan Surat Keluar" sebagai berikut. Identifikasi Proses PPL Architectural Design (Perancangan Arsitektur) Sistem pengarsipan surat ini dibangun berbasiskan web. Halaman pertama sistem ini adalah halaman login pengguna. Setelah pengguna melakukan login maka pengguna akan memasuki halaman surat masuk dan surat keluar. Gambar 3 (gambar di bawah) adalah deskripsi arsitektural dari sistem pengarsipan surat. Interface Design (Perancangan Antarmuka) Gambar 10 menunjukkan desain antar muka dari system yang akan dibangun. Des...
Read more »

Tugas Pertemuan 5 PPL - High Level Design

-
Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas PPL - A High Level Design (HLD) atau desain tingkat tinggi adalah gambaran umum dari suatu sistem atau aplikasi. HLD menjelaskan struktur dan arsitektur sistem secara keseluruhan, tanpa terpaku pada detail implementasi. HLD biasanya dibuat pada tahap awal pengembangan perangkat lunak, sebelum desain tingkat rendah (LLD) dibuat. HLD bertujuan untuk memberikan gambaran yang jelas tentang sistem kepada para pemangku kepentingan, seperti investor, manajer, dan arsitek, membantu dalam membuat keputusan desain yang tepat, memudahkan komunikasi antar anggota tim pengembangan, dan mempermudah proses pengembangan dan pemeliharaan perangkat lunak. Pada pertemuan kelima mata kuliah Perancangan Perangkat Lunak kali ini, kita diminta untuk berlatih membuat high-level design dari sistem perangkat lunak yang sudah disediakan. Kali ini saya memilih untuk me...
Read more »

Evaluasi Tengah Semester Perancangan Perangkat Lunak

-
Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas Perancangan Perangkat Lunak - A Pertanyaan Apakah perbedaan model analysis dengan model design ? Jelaskan output proses desain aplikasi? Visualisasikan deskripsi dari aplikasi parkir berikut! (studi kasus) Buat HLD dan LLD dari rancangan desain aplikasi parkir! (studi kasus) Gambarkan arsitektur dari aplikasi parkir yang akan dibangun! (studi kasus) Dokumentasikan dan demokan dalam video YouTube dari rancangan aplikasi yang telah dibangun! Jawaban Video Demo
Read more »