ETS PWEB

-

EVALUASI TENGAH SEMESTER Pemrograman Website

Nama : Daud Dhiya' Rozaan

NRP : 5025211021

Kelas : PWeb - A

Tahun: 2023/2024 (Ganjil)


Soal : https://fajarbaskoro.blogspot.com/2023/10/evaluasi-pemrograman-web.html

Jawaban :

1. HTML, CSS & Javascript merupakan kerangka utama dari sebuah website. Jika diibaratkan tubuh manusia, HTML CSS & JS dapat diibaratkan sebagai berikut :

- HTML : sebagai tulang. Yakni kerangka paling dasar dari sebuah website tanpa animasi apapun. HTML digunakan untuk membuat struktur halaman web dan menentukan bagaimana konten akan ditampilkan pada browser.

- CSS : sebagai kulit, dan outfit. CSS membantu mempercantik dan mempersonalisasi tampilan halaman web, menjadikan desain lebih konsisten dan menarik. Digunakan untuk mengatur tampilan halaman web seperti warna, font, ukuran, dan layout.

- Javascript : sebagai otak & penggerak, yang menjadikan website menjadi lebih dinamis. JavaScript memberikan interaktivitas dan responsivitas pada halaman web. Secara detail, JavaScript dapat digunakan untuk membuat efek animasi, validasi form, dan interaksi dengan pengguna.

Sedangkan bootstrap adalah kerangka kerja (framework) dari CSS, yang memudahkan developer untuk membangun desain website tanpa perlu banyak menghafal syntax dari CSS itu sendiri. Dengan menggunakan Boostrap, developer dapat dapat membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah website, dengan cara yang mudah, hanya dengan memanggil fungsi CSS (class yang sudah disediakan oleh Bootstrap) dari berkas HTML yang telah didefinisikan. Bootstrap juga menyediakan komponen-komponen lain yang dibangun dengan menggunakan JavaScript.

2. 

  • Tugas 1 (Pembuatan CV Sederhana Menggunakan HTML)
Hasil :

  • Tugas 2 (Pembuatan CV Sederhana Menggunakan HTML & CSS)
Link Tugas : https://myplatinumink.blogspot.com/2023/09/tugas-2-pweb_20.html
Hasil :

  • Tugas 4 (Pembuatan Halaman Web Untuk Kursus)
Link Tugas : https://myplatinumink.blogspot.com/2023/09/tugas-2-pweb.html
Hasil :


Selengkapnya dapat dicek di deployment website berikut : https://daudhiyaa.github.io/pweb-kuis-1/

  • Tugas 6 (Pembuatan Form Menggunakan Javascript)
Link Tugas : https://myplatinumink.blogspot.com/2023/10/tugas-6-pweb.html
Hasil : Dokumentasi Video ada di Link Tugas diatas

  • Tugas 7 (Pembuatan Login Page Menggunakan Bootsrap)
Link Tugas : https://myplatinumink.blogspot.com/2023/10/tugas-7-pweb.html
Hasil : 

3. Design UI :








4. Hasil implemnetasi website

Link Repository : Repo ETS PWEB
Link Deployment Website : Website ETS PWEB

5. Presentasi Video :















Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 1 PBKK

-
Gambar
Pembuatan Aplikasi Kalkulator Sederhana Menggunakan Framework .NET Nama : Daud Dhiya' Rozaan NRP : 5025211021 Kelas : PBKK - B Tahun: 2023     Pada pertemuan pertama kali ini, diberikan materi mengenai pengertian framework dan pengenalan framework .NET. .NET merupakan suatu  framework untuk software development yang dikembangkan oleh Microsoft. Merupakan framework serbaguna yang digunakan untuk mengembangkan berbagai jenis aplikasi, termasuk aplikasi desktop, aplikasi web, layanan web, perangkat lunak server, dsb.     Pada pertemuan kali ini juga, diberikan tugas untuk membuat aplikasi kalkulator sederhana menggunakan framework  .NET. Pembuatan aplikasi kali ini menggunakan bahasa pemrograman C# dan IDE Microsoft Visual Studio 2022. Github Repo :  Repository Tugas 1 PBKK Berikut merupakan Screenshot tampilan dari aplikasi ini Tampilan Awal Penjumlahan Pengurangan Perkalian Pembagian Clear Exit
Baca selengkapnya

Tugas 10 PWEB

-
Gambar
Website CRUD dengan PHP & MySQL Nama : Daud Dhiya' Rozaan NRP : 5025211021 Kelas : PWeb - A Tahun: 2023/2024 (Ganjil)     Pada pertemuan kali, diberikan penugasan untuk bisa menghubungkan antara database (menggunakan MySQL) dengan website (menggunakan PHP). Tugasnya adalah membuat website pendaftaran siswa baru. Website ini dapat melakukan CRUD (Create Read Update Delete) terhadap database.  Agar bisa diakses melalu localhost, directory dari web ini harus diletakkan di dalam "C:\xampp\htdocs\" dan menamainya dengan nama yang sama sesuai nama database Berikut merupakan hasil dari pengimplementasian tugas tersebut. Github Repository :  Repository Tugas 10 PWeb Video Demo Hasil : Dokumentasi Hasil : - Home Page - Form Pendaftaran - Hasil Setelah Mendaftar - List Siswa yang terdaftar
Baca selengkapnya

Tugas 7 PWEB

-
Gambar
Pembuatan Login Page Menggunakan Bootsrap Nama : Daud Dhiya' Rozaan NRP : 5025211021 Kelas : PWeb - A Tahun: 2023/2024 (Ganjil)     Bootstrap merupakan salah satu framework CSS yang memudahkan kita untuk mendesain halaman web tanpa perlu banyak menghafal syntax dari CSS itu sendiri. Dengan menggunakan Boostrap, kita dapat dapat membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah website, dengan cara yang mudah, hanya dengan memanggil fungsi CSS (class yang sudah disediakan oleh Bootstrap) dari berkas HTML yang telah didefinisikan. Bootstrap juga menyediakan komponen-komponen lain yang dibangun dengan menggunakan JavaScript.      Pada pertemuan kali ini, diberikan penugasan untuk membuat sebuah login page/form menggunakan bootstrap Github Repository :  Repository Tugas 7 PWeb Link Deployment Website :  Tugas 7 PWeb Berikut merupakan dokumentasi hasil dari tugas ini:
Baca selengkapnya