Langsung ke konten utama

Evaluasi Tengah Semester - PWEB B

 ETS PWEB


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

        Web responsive adalah suatu web dimana ia dapat menyesuaikan tampilan dan layoutnya pada berbagai perangkat elektronik yang memiliki ukuran layar yang berbeda. Website yang responsif ini dapat memberikan pengalaman yang baik bagi semua pengguna perangkat, pengguna dapat dengan mudah mengakses dan berinteraksi dengan konten yang ada di dalam web.

Cara membangun website responsive :

  1. Menetapkan Meta Tag : Meta Tag ini berfungsi untuk memberitahu browser agar menonaktifkan skala awal, sehingga situs web dapat menyesuaikan tampilannya pada berbagai perangkat
  2. Menetapkan Struktur HTML : Struktur HTML perlu ditetapkan sejak awal untuk membantu menjaga kenyamanan dalam melihat konter serta aksebilitas di berbagai perangkat. Bisa 'div', 'span', dan 'img'
  3. Menetapkan Sistem Grid : Manfaatkan istem grid yang fleksibel dan unit-relative seperti persentase untuk lebar. Hal itu untuk memastikan isi konten dapat menyesuaikan secara proposional
  4. Optimasi Gambar : Gunakan gambar responsif yang memuat dengan cepat dan terlihat baik di berbagai perangkat
  5. Pengujian : Uji desain anda secara berkala

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

1. CV dengan HTML

Repository : Github

Web (deploy): CV

Screenshot tampilan : 



2. Layout HTML & CSS

Repository : Github

Web (Deploy) : Simple Portal Berita

Screenshot tampilan :


3. Landing Page Web Kursus

Repository : Github

Web (Deploy) : KursusIn

Screenshot tampilan :



4. Validation form dengan javascript

Repository : Github

Web (Deploy) : Validation Form

Screenshot tampilan :




5. Wedding Invitation

Source Code : Github

Web (Deploy) : Wedding Invitation

Screenshot tampilan :





6. Login page with Bootstarp
Repository : Github
Web (Deploy) : Login Page

Screenshot tampilan :


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.
Repository : Github
Web (Deploy) : News Portal

Screenshot tampilan :






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

Terima Kasih










Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 13 - Membuat Laporan PDF

  Membuat Laporan PDF     Pada kesempatan kali ini saya  membuat laporan PDF . Saya membuat  ini  dengan menggunakan bahasa PHP Dan Database MySQL. Saya menggunakan Visual Studio Code dalam penulisan kode saya. Berikut ini merupakan hasil dari pekerjaan saya : Repository :  Github Screenshot : Tampilan Home: Tampilan File PDF: Saya harap artikel ini dapat memberikan inspirasi kepada teman-teman yang ingin memulai perjalanan pemrograman atau meningkatkan keterampilan mereka.
Posting Komentar
Baca selengkapnya

Tugas 12 - Membuat Upload Pas Foto

Membuat Upload Pas Foto Pelengkap Pendaftaran     Pada kesempatan kali ini saya  membuat fitur upload pas foto untuk pelengkap pendaftaran . Saya membuat  ini  dengan menggunakan bahasa php yang dipadukan dengan html. Saya menggunakan Visual Studio Code dalam penulisan kode saya. Berikut ini merupakan hasil dari pekerjaan saya : Repository :  Github Screenshot : Tampilan Home: Tampilan  Daftar Baru: Tampilan Ubah Data Pendaftar: Saya akan mengupdate NIS yang sebelumnnya "123456" menjadi "801421" Data pendaftar berhasil di update  Tampilan Hapus Data Pendaftar: Saya akan menghapus data pendaftar tersebut Data Pendaftar berhasil di hapus Saya harap artikel ini dapat memberikan inspirasi kepada teman-teman yang ingin memulai perjalanan pemrograman atau meningkatkan keterampilan mereka.
Posting Komentar
Baca selengkapnya

Final Project

Final Project Pada tugas final project kali ini saya merujuk kepada paper yang berjudul " APLIKASI TOKO ONLINE (E-COMMERCE) BERBASIS PHP DAN MYSQL " yang ditulis oleh saudara Imam Rivai.  Berdasarkan referensi tersebut maka didapatkan, - Deskripsi studi kasus pemrograman web Berawal dari sebuah perusahaan yakni, CV Arbain Jaya Mandiri Group yang sedang mengalami masalah dalam bidang pemasaran. Perusahaan tersebut sebenarnya telah memiliki website tetapi bukan untuk memasarkan produknya melainkan hanya berisi company profile saja. Oleh karena itu, pemasaran produk perusahaan tersebut masih tergolong kurang luas dalam hal wilayah yang di cangkup, hal ini merupakan salah satu penyebab pendapatan yang di peroleh perusahaan tersebut kurang maksimal. Aplikasi toko online (e-commerce) adalah solusi dari permasalahan tersebut, aplikasi ini menggunakan bahasa pemrograman PHP dan database MySQL.  - Rancangan umum arsitektur atau fitur yang ada dalam aplikasi   Aplikasi ini akan dibuat
Posting Komentar
Baca selengkapnya