ETS - PENGWEB

 

  Nama : Muhamad Faiz Fernanda

  NRP : 5025211186

  Kelas : Pengweb -B


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

Website responsive adalah situs yang tampilan layout-nya bisa menyesuaikan dengan jenis device dan ukuran layar berbeda. Pada dasarnya, cara membuat website responsive dilakukan dengan mengkomposisikan seluruh aspek desain seperti antarmuka, huruf, gambar, dan sebagainya sesuai resolusi perangkat. Oleh sebab itu, tampilan satu device mungkin terlihat berbeda dengan device lainnya.

Berikut adalah beberapa prinsip dasar untuk membangun situs web responsif:

  1. Desain Fleksibel (Flexible Layouts): Gunakan unit pengukuran yang relatif, seperti persentase atau em, daripada piksel tetap. Ini memungkinkan elemen halaman untuk mengubah ukurannya sesuai dengan ukuran layar perangkat.
  2. Media Queries: Ini adalah aturan CSS yang memungkinkan Anda menyesuaikan tata letak dan gaya berdasarkan karakteristik perangkat seperti lebar layar, tinggi layar, orientasi, dll.
  3. Gambar Resolusi Fleksibel (Flexible Images): Gunakan gambar dengan lebar maksimum yang dibutuhkan dan tetapkan lebar maksimum melalui CSS. Pastikan gambar dapat menyesuaikan ukuran sesuai dengan ukuran layar.
  4. Konten Adaptable (Adaptable Content): Pastikan teks dan elemen konten lainnya dapat dengan mudah dibaca dan diakses di berbagai ukuran layar. Hindari menggunakan ukuran font yang terlalu kecil atau elemen terlalu dekat.
  5. Navigasi yang Responsif (Responsive Navigation): Desain menu dan navigasi agar tetap fungsional dan mudah diakses di perangkat dengan layar kecil. Pilihan dapat disusun dalam menu tarik-turun atau menggunakan ikon menu tersembunyi.
  6. Uji di Berbagai Perangkat (Cross-Device Testing): Pastikan untuk menguji situs web Anda di berbagai perangkat dan browser untuk memastikan bahwa itu berfungsi dengan baik dan tampil dengan benar.
  7. Gunakan Framework Responsif (Use Responsive Frameworks): Ada berbagai kerangka kerja (framework) seperti Bootstrap, Foundation, dan lain-lain yang dapat memudahkan proses pengembangan situs web responsif dengan menyediakan komponen dan gaya pra-dibuat.
  8. Prioritaskan Konten Penting (Prioritize Important Content): Pastikan bahwa konten yang paling penting dan relevan ditampilkan dengan jelas dan mudah diakses di semua perangkat.
  9. Pantau dan Perbarui Secara Teratur (Monitor and Update Regularly): Teknologi dan kebutuhan pengguna terus berubah, jadi penting untuk terus memantau dan memperbarui situs web Anda untuk memastikan responsivitas yang optimal.

 

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


  • WEB -CV




Source Code : Link Repo
  • WEB Portal Berita 

  • Custom WEB Berita

  • Undangan Pernikahan 








Source Code : https://github.com/faizfernanda/UndanganNikah.HTML

  • Validasi Form


Link Repo : https://github.com/faizfernanda/validasi-form

  • Form Login

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.





3. Implementasikan desainmu dan buat dokumentasi.


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









Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 1 PBKK

Gambar
  Nama : Muhamad Faiz Fernanda Kelas : PBKK -A NRP : 5025211186 Link Repository :  Tugas 1 PBKK Latihan pertama dari kelas PBKK sendiri yaitu melakukan install dan pengenalan dengan framework.NET dan bahasa pemograman c#. Dalam penerapan nya kami melakukan pembuatan aplikasi sederhana yaitu berupa kalkulator . Dimana kalkulator yang saya buat terdiri beberapa tombol antara lain angka 0-9, operasi kalkulator berupa (+,-,*,/), dan dimana ada huruf C untuk  melakukan penghapusan semuanya,dan yang terakhir = untuk melihat hasil dari operasi yang di lakukan Aplikasi kalkulator sederhana dengan menggunakan NET framework dan Visual studio
Baca selengkapnya

EAS

Gambar
Nama : Muhamad Faiz Fernanda NRP : 5025211186 Kelas : APSI-D EAS 1. Tuliskan kebutuhan sistem informasi apa saja yang ingin dimiliki oleh Cafe Ijjo           • Sistem Pemesanan  Cafe Ijjo dirancang untuk memudahkan pelanggan dalam melakukan pemesanan makanan dan minuman melalui platform online, seperti situs web resmi atau aplikasi seluler. Dengan adanya sistem ini, proses pemesanan menjadi lebih praktis dan kesalahan dalam mencatat pesanan dapat dikurangi.           • Sistem Pembayaran:  Sebuah sistem pembayaran terintegrasi yang memungkinkan pelanggan untuk membayar pesanan mereka dengan mudah melalui metode pembayaran yang berbeda, termasuk pembayaran online dan pembayaran dengan kartu kredit atau debit.           • Manajemen Stok:  Sistem ini membantu Cafe Ijjo untuk melacak persediaan bahan makanan dan minuman mereka. Hal ini memungkinkan pemilik untuk mengelola stok dengan lebih efisien, menghindari kekurangan stok atau pemborosan.           • Sistem Manajemen Meja:  Untu
Baca selengkapnya

Tugas ke 9

Gambar
   Nama : Muhamad Faiz Fernanda  Kelas : PWEB-B  NRP :  50252111186  Pada pertemuan ke-9 ini, kami di tugaskan membuat sebuah database MySQL dengan menggunakan PHP MyAdmin . Berikut ini tampilin dan beserta source code nya : Untuk tampilan Awal,terdapat dua pilihan yaitu Daftar Baru dan Pendaftar yang telah Daftar Ketika memilih menu daftar baru maka kita akan masuk ke halaman baru : Ketika sudah,klik pilihan daftar sehingga muncul seperti gambar berikut : lalu kita lihat hasil data pada menu pendaftar  Ketika kita memilih tindakan edit maka akan berubah halaman seperti berikut Ketika memilih tindakan hapus maka data otomatis akan ke hapus dari database  Link source code  https://github.com/faizfernanda/Pendaftaran_siswa
Baca selengkapnya