ETS - PWeb

-

Soal

1. Jelaskan apa yang dimaksud dengan web responsive? Bagaimana cara membangunnya?
2. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya.
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.

Jawab

1.  Web responsive adalah sebuah cara untuk pengembangan website yang dapat menyesuaikan tampilannya dengan baik di berbagai perangkat dan ukuran layar, seperti desktop, tablet, dan smartphone. Tujuan dari web responsive adalah agar pengguna dapat mengakses dan menggunakan website dengan nyaman tanpa harus melakukan zoom in atau zoom out dan dapat diintegrasikan sesuai ukuran layar yang mengakses website tersebut

Adapun cara untuk mengimplementasikan web responsive adalah :
  • Menggunakan CSS Media Queries

  • Menggunakan Flexbox dan Grid Layout


  • Menggunakan Fluid Layout


  • Menggunakan Responsive Images


2. Screenshot Aplikasi Yang Pernah Dikerjakan 

  • Membuat Website CV



  • Membuat Website Portal Berita 










  • Membuat Website Kursus








  • Membuat Website Undangan Pernikahan Sederhana 









  • Membuat Form Validation Sederhana 




  • Membuat Form Validation Menggunakan Bootstrap




3. Membuat Desain Frond End Portal Berita Perusahaan 

Perkiraan desain news website yang saya buat seperti ini

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 2 : Membuat Aplikasi Calculator Menggunakan .NET Framework

-
Gambar
Tugas 2 PBKK - Membuat Aplikasi Dengan Menggunakan Framework .NET   Nama : Sandyatama Fransisna Nugraha NRP : 5025211196 Kelas : PBKK B      Ini adalah tugas Kedua dari mata kuliah Pemrogaman Berbasis Kerangka Kerja untuk mempratekkan penggunaan framework .NET dengan menggunakan bahasa C#. Untuk IDEnya, saya menggunakan Visual Studio Community dimana IDE ini adalah IDE yang compatible untuk melakukan pembuatan aplikasi desktop.      Kalkulator yang dibuat adalah kalkulator sederhana yang memuat fitur dasar seperti operasi penambahan, pengurangan, pembagian, perkalian angka serta tombol delete dan result. Adapun saya akan sertakan code di link dibawah ini  Link Github :   https://github.com/TamaFn/CalculatorDesktopApp Berikut ini adalah beberapa dokumentasinya, : 1. Penambahan ( 5 + 5 ) 2. Pengurangan ( 10 - 2 )  3. Perkalian ( 5 x 4)  4. Pembagian (100 / 20 )
Baca selengkapnya

Desain Arsitektur

-
Gambar
  Desain Arsitektur Aplikasi Analisis Perencanaan Sistem Informasi  Pengertian Desain Arsitektur Aplikasi      Menurut Eric Evans dalam bukunya yang berjudul " Domain-Driven Design: Tackling Complexity in the Heart of Software. Addison-Wesley Professional . " , desain arsitektur aplikasi harus berfokus pada pemahaman yang mendalam tentang domain bisnis yang terlibat. Desain arsitektur aplikasi yang baik harus mencerminkan model domain yang kuat dan memadukan konsep desain berorientasi objek, agar aplikasi dapat dengan mudah diubah dan dikembangkan sesuai dengan perubahan kebutuhan bisnis.     Menurut Martin Fowler dalam bukunya yang berjudul  " Patterns of Enterprise Application Architecture. Addison-Wesley Professional . "  desain arsitektur aplikasi melibatkan pemilihan elemen-elemen struktural yang akan digunakan dalam aplikasi serta pengaturan hubungan antara elemen-elemen tersebut. Tujuan dari desain arsitektur adalah untuk mencapai kebutuhan fungsional dan n
Baca selengkapnya

Data Modeling

-
Gambar
  Data Modelling Analisis Perancangan Sistem Informasi - Data Modelling  Pengertian Data Modelling      Menurut Graeme Simsion dalam bukunya yang berjudul "Data Modeling Essentials", data modelling adalah proses pemetaan data ke dalam model konseptual yang dapat digunakan sebagai dasar untuk merancang basis data. Proses ini melibatkan identifikasi entitas, atribut, dan relasi antar entitas dalam sistem atau organisasi yang akan dimodelkan. Menurut Simsion, model data yang baik harus memenuhi beberapa kriteria, yaitu: 1. Konsisten: Model data harus konsisten dengan kebutuhan bisnis dan organisasi, serta tidak bertentangan dengan model data yang sudah ada. 2. Terstruktur: Model data harus terstruktur dan mudah dipahami oleh pengguna yang berbeda, termasuk pengguna bisnis dan teknis. 3. Terpadu: Model data harus terpadu dan memperhitungkan semua entitas, atribut, dan relasi dalam sistem atau organisasi yang akan dimodelkan. 4. Fleksibel: Model data harus fleksibel dan dapat diad
Baca selengkapnya