ETS PWEB 2023

 ETS - Pemrogramman Web B


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

Website Responsif adalah desain dan pengembangan website yang dapat menyesuaikan tampilannya sesuai dengan perangkat yang digunakan oleh pengguna. Tujuan utama dari desain responsif adalah memberikan pengalaman pengguna yang optimal tanpa harus mengorbankan konten atau fungsi situs web, terlepas dari apakah pengguna mengaksesnya melalui komputer desktop, tablet, atau ponsel pintar.

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

  • Membuat Website CV
          Github: Link




  • Membuat Website Portal Berita
          Github: Link




  • Membuat Website Kursus
          Github: Link




  • Membuat Website Undangan Pernikahan Sederhana
          Github: Link



  • Membuat Form Validation Sederhana
          Github: Link




  • Membuat Form Validation Menggunakan Bootstrap
          Github: Link




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.










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



Github: Link




Comments

Post a Comment

Popular posts from this blog

PPL: Pertemuan 7

Image
Studi Kasus 1: Desain Sistem Restoran Aplikasi Sistem Pemesanan Menu Pada Kafe Nami Kopiminasi Nama anggota: 1. Alya Putri Salma (5025211174) 2. Danno Denis Dhaifullah (5025211027) Perbedaan HLD dan LLD 1. Kedalaman Detail High Level Design (HLD) :  Lebih fokus pada gambaran umum dan konseptual dari sistem atau aplikasi. Ini termasuk hal-hal seperti arsitektur keseluruhan, fitur utama, dan hubungan antar komponen secara luas. HLD tidak terlalu memperhatikan detail teknis seperti implementasi spesifik atau kode. Low Level Design (LLD): Justru sangat memperhatikan detail teknis dan rinci dari setiap komponen, fitur, dan bagaimana mereka berinteraksi satu sama lain. LLD memberikan panduan yang sangat spesifik tentang bagaimana implementasi akan dilakukan di tingkat kode. 2. Ketergantungan Pada Implementasi High Level Design (HLD) :  Tidak terlalu tergantung pada implementasi teknis tertentu. Lebih tentang konsep, struktur, dan hubungan antar bagian dari suatu sistem atau apl...
Read more

ETS PPL

Image
  ETS Perancangan Perangkat Lunak A 1.   Apakah perbedaan model analysis dengan model desain? Model Analisis: Fokusnya adalah pada pemahaman yang mendalam tentang kebutuhan dan masalah yang akan diselesaikan oleh sistem atau aplikasi yang akan dikembangkan. Model analisis mengidentifikasi dan mendefinisikan persyaratan fungsional dan non-fungsional dari sistem, serta menggambarkan hubungan antara elemen-elemen yang terlibat. Dalam tahap ini, biasanya digunakan diagram aliran data (DFD), diagram use case, dan dokumen-dokumen lain yang menggambarkan kebutuhan dan spesifikasi sistem. Model Desain: Setelah kebutuhan dan masalah telah diidentifikasi dalam tahap analisis, model desain menciptakan rancangan teknis untuk sistem atau aplikasi yang akan dibangun. Ini termasuk pemilihan teknologi, struktur database, desain antarmuka pengguna, dan algoritma yang digunakan. Model desain bertujuan untuk mengubah spesifikasi yang telah diidentifikasi menjadi bentuk implementasi yang kon...
Read more

PPL: Pertemuan 14

Image
  Desain Database Deskripsi Databse Design Instagram Desain basis data Instagram mendukung fitur-fitur inti aplikasi seperti manajemen pengguna, penyimpanan konten, interaksi pengguna, dan hubungan sosial. Tabel-tabel utama meliputi `user_accounts` untuk informasi pengguna, `posts` untuk konten unggahan, `comments` dan `likes` untuk interaksi sosial, serta `followers_following` untuk jaringan sosial. Selain itu, tabel `comments_posts` dan `hashtags_comments` mengelola hubungan antara komentar, postingan, dan tagar. Desain ini harus sangat terukur, efisien, dan andal untuk menangani miliaran pengguna dan transaksi per detik, memastikan pengalaman pengguna yang optimal di platform media sosial yang dinamis ini. 1. Tabel `user_account` Tabel ini menyimpan informasi dasar tentang pengguna: id : Kunci utama untuk setiap pengguna. email : Alamat email pengguna untuk kontak dan login. password : Kata sandi yang di-hash dengan aman untuk otentikasi pengguna. username : Nama tampilan penggu...
Read more