ETS - PWEB B

-

Nama : Ariella Firdaus Imata
Kelas : B
NRP : 5025211138

  1. Jelaskan apa yang dimaksud dengan web responsive? Bagaimana cara membangunnya?
    Jawab :
    Web Responsive adalah pengembangan desain web yang memungkinkan website untuk menyesuaikan tampilan dan fungsionalitasnya dengan baik saat dibuka dari semua device yang digunakan untuk mengaksesnya, seperti komputer desktop, laptop, tablet, dan Hand Phone. Tujuannya adalah memberikan User Experience yang optimal, baik dari segi tampilan maupun interaksi, terlepas dari ukuran layar perangkat.

    Cara membangun situs web responsif melibatkan beberapa prinsip utama:

    Penggunaan Media Queries: Ini adalah teknik CSS yang memungkinkan untuk menyesuaikan tampilan elemen-elemen halaman berdasarkan ukuran layar perangkat. Dengan media queries, dapat diatur aturan CSS yang aktif hanya pada rentang lebar layar tertentu. Contoh sederhana adalah mengubah ukuran teks atau mengubah tata letak ketika tampilan berubah.

    Grid System: Menggunakan grid system, seperti Bootstrap Grid atau CSS Grid, membantu mengatur elemen-elemen halaman dengan baik terlepas dari ukuran layar. Ini memungkinkan tampilan yang konsisten dan rapi di berbagai perangkat.

    Gambar Responsif: Menggunakan gambar yang responsif adalah praktek umum dalam pengembangan web responsif. Ini berarti harus memberikan variasi gambar dengan berbagai resolusi dan membiarkan browser memilih yang sesuai berdasarkan ukuran layar.

    Breakpoints: Pada titik-titik tertentu dalam rentang lebar layar,  Breakpoint dapat digunakan untuk mengatur perubahan signifikan dalam tampilan halaman. Misalnya, mengubah menu navigasi dari horizontal menjadi vertikal pada perangkat berlayar kecil.

    Pada intinya untuk membangun atau membuat sebuah web responsive diperlukannya pengetahuan tentang CSS maupun JavaScript agar dapat membuat sebuah web yang dapat dibuka dimana saja tanpa adanya batasan perangkat.

  2. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya.
    Jawab : 
    Design CV Sederhana menggunakan HTML dan CSS




    Link Blog: CV Sederhana Menggunakan HTML dan CSS (arilimata.blogspot.com)
    SourceCode : arilimata/PWEB-CV: CV dengan HTML dan CSS sederhana (github.com)

    Website Portal Berita


  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.






    SourceCode : arilimata/PWEB-ETS (github.com)
    Link Deploy : Deployment

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

    Link Youtube :     Dokumentasi



Komentar

Posting Komentar

Postingan populer dari blog ini

PBKK - EAS Final Project

-
Gambar
     Cari paper yang berhubungan dengan aktivitas pembuatan perangkat lunak/ aplikasi menggunakan framework. Berdasarkan referensi yang sudah didapatkan, 1. Buatlah deskribsi studi kasus aplikasi ditinjau dari MVC nya (individu) Pada umumnya, para pencari rumah kost di Kabupaten Sumbawa melakukan suatu pencarian melalui relasi pertemanan atau keluarga yang dikenal. Akan tetapi, tidak semua pendatang memiliki relasi pertemanan atau sanak saudara untuk dijadikan acuan informasi detail pencarian rumah kost. Langkah paling akurat untuk melakukan pencarian adalah dengan mendatangi satu persatu wilayah yang terdapat rumah kost untuk memastikan kamar kosong dan kecocokan lingkungan tempat tinggal. Pencarian biasanya dilakukan dengan cara berkeliling dari satu rumah kost ke rumah kost lainnya. Kegiatan pencarian dengan metode berkeliling tersebut tentunya dirasa sangat tidak efektif dan efesien terhadap waktu pencari rumah kost. Dengan demikian, pendatang akan merasa kebingungan ...
Baca selengkapnya

PWEB - Latihan membuat CRUD

-
Gambar
Pada pertemuan hari ini saya diberi tugas untuk mencoba CRUD pada PHP dan MySQL. Saya membuat sebuah database bernama latihan_crud dengan username root dan password root pada localhost. Berikut adalah hasil dari pengerjaan saya Add Data Read Data Edit Data Delete Data Berikut adalah source code dari pengerjaan saya SourceCode :  arilimata/PWEB-SimpleCRUD (github.com)
Baca selengkapnya

PWEB - FPDF

-
Gambar
Pada kesempatan kali ini saya akan mengimplementasikan mencetak sebuah PDF menggunakan FPDF dari database yang telah saya buat. Berikut adalah tampilan dari web yang telah saya buat dengan FPDF SourceCode :  arilimata/PWEB-ImplementasiFPDF (github.com)
Baca selengkapnya