Evaluasi Tengah Semester Pemrograman Web B - Davin Fisabilillah Reynard Putra

Nama  : Davin Fisabilillah Reynard Putra

NRP    : 5025221137

Evaluasi Tengah Semester - Pemrograman Web B


1. Jelaskan apa yang dimaksud dengan web responsive? Bagaimana cara membangunnya?

Jawab : 

Website responsive adalah sebutan pendekatan design web yang memungkinkan sebuah website untuk secara otomatis menyesuaikan ukuran tampilan layar sesuai dengan perangkat user. Hal ini dilakukan karena berbagai device memiliki ukuran layar yang berbeda-beda. Unsur-unsur yang disesuaikan dalam website adalah ukuran huruf, user interface, gambar, serta layout yang sesuai dengan resolution device user. Tujuan pembuatan website responsive adalah agar meningkatkan kenyamanan para user saat mengakses website apapun devicenya. 

Cara pembuatan sebuah website responsive adalah pertama mendefinisikan meta tag. Gunakan meta tag viewport untuk mengatur skala halaman HTML yang disesuaikan dengan lebar viewport. Tag ini juga mengingformasikan browser untuk menonaktifkan skala awalnya. Kedua, adalah menentukan struktur HTML yang biasanya berupa Header, content, sidebar, dan footer. Ketiga, membuat media query di CSS. Cara kerjanya adalah CSS code akan memberitahu browser ketika lebar layar bernilai angka tertentu, untuk menjalankan script dan mengatur lebar sesuai script. Keempat, adaptasi konten. pertimbangkan bagaimana konten disajikan di perangkat yang berbeda. Beberapa konten dapat disembunyikan, diubah, atau ditambahkan agar sesuai. Kelima, gunakan layout, gambar, dan font responsif. Untuk layout, gunakan layout fluid yang memanfaatkan persentase daripada ukuran tetap dan flexbox untuk pengaturan fleksibel. Untuk gambar, gunakan srcset untuk mengganti gambar sesuai resolusi layar. Untuk font, gunakan ukuran font yang fleksibel seperti em atau rem.

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

  • Pembuatan CV


Link Source code : Github


  • Portal Berita



Link Source Code: Github

  • Portal Course 



Link Source Code : Github

  • Wedding Website 


Link Source code: Github

  • Validation Form 


Link Source code: Here


  • Log In Form


Link Source code: Here

3. Sebuah perusahaan  ingin membuat aplikasi web untuk portal berita. Fungsi aplikasi untuk display berita terbaru, pengelompokan kategori, lowongan pekerjaan, informasi iklan atau event kegiatan. Selain itu tersedia juga form untuk pembaca memasukkan artikel atau opini yang ingin dimuat di portal berita. Desainkan front end website perpustakaan.



    4. Implementasikan desainmu dan buat dokumentasi.



    Link Source Code: Github
    Link Deploy: https://davinfrp.github.io/NewsWebsite/

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


Comments

Post a Comment

Popular posts from this blog

Final Project Pemrograman Web B - Davin Fisabilillah Reynard Putra

Image
Nama      : Davin Fisabilillah Reynard Putra NRP       : 5025221137 Pemrograman Web - B Final Project Link Paper Referensi :  Link Paper 1. Buatlah deskripsi studi kasus pemrograman web Jawab :      Sepeda motor merupakan salah satu alat transportasi dengan pemakai terbanyak di Indonesia. Di indonesia, tersebar banyak dealer motor yang menyuplai motor-motor tersebut kepada masyarakat. Seiring dengan perkembangannya teknologi dan meningkatnya minat masyarakat terhadap transaksi secara online, dibutuhkan suatu website yang memudahkan baik pembeli dan penjual untuk melakukan transkasi serta meningkatkan keterjangkauan produk kepada masyarakat.      Studi kasus memperlihatkan bahwa pembuatan aplikasi untuk pemesanan dan penjualan sepeda motor dapat memiliki banyak keuntungan. Penjualan dan pemesanan yang dilakukan secara komputerisasi dapat memudahkan pendataan transaksi serta data transaksi menjadi lebih mudah dan c...
Read more

Membuat CRUD Aplikasi Pendaftaran Sederhana

Image
Nama      : Davin Fisabilillah Reynard Putra NRP         : 5025221137 Pemrograman Web - B Membuat CRUD Aplikasi Pendaftaran Sederhana  CRUD adalah serangkaian fungsionalitas mendasar yang biasanya digunakan dalam manajemen  database .   CRUD mencakup fungsi Create, Read, Update, dan Delete. Fungsi tersebut merupakan dasar untuk sebagian besar aplikasi  software  yang berhubungan dengan penyimpanan dan pengambilan data.  CRUD merupakan fondasi interaksi dengan  database  dan sering diimplementasikan dalam logika  backend  aplikasi  web ,  software ,  mobile app , dan sistem lain yang memerlukan manajemen data.   Dengan menyediakan fungsionalitas CRUD,  developer  dapat secara efektif mengelola dan memanipulasi data dalam aplikasi mereka. Beberapa contoh DBMS (Database Management System) yang menggunakan CRUD sebagai fungsi utamanya yaitu Oracle Database, ...
Read more