UTS Pemograman Website

 UTS Pemograman Website


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

Jawaban : 

Web responsive (responsive web) adalah desain web yang dapat menyesuaikan tampilannya dengan

baik di berbagai perangkat dan resolusi layar, termasuk komputer desktop, tablet, dan ponsel cerdas.

Tujuan utama dari desain responsif adalah memberikan pengalaman pengguna yang optimal dan

konsisten tanpa harus mengorbankan fungsionalitas atau konten, terlepas dari perangkat yang

digunakan


Cara Membangun Web Responsif adalah dengan mengatur CSS serta menggunakan aturan tertentu.

Selain itu, kita juga dapat menambahkan element javascript agar website responsive yang kita bangun

semakin menarik. 


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

Jawaban : 

1. Membuat Website CV

    Source Code : CV-Muhammad Zien Zidan


    


  2. Membuat Portal Berita
    Source Code : Portal Berita-Muhammad Zien Zidan
      
   

   3. Membuat Kursus (Portofolio)
        Source Code : Kursus-Muhammad Zien Zidan
        



    4. Membuat Undangan Nikah
        Source Code : Undangan Nikah - Muhammad Zien Zidan

    



      5. Membuat Validation Form
           Source Code : Validation Form - Muhammad Zien Zidan
  


    6. Membuat Landing Page Login dan Registrasi
        Source Code : Landing Page Login dan Registrasi - Muhammad Zien Zidan



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 portal berita

  Jawaban :

   Design


  1. Implementasikan desainmu dan buat dokumentasi.

Jawaban : 

Berikut akan saya cantumkan Souce Code dan deploy program yang saya buat. Selain itu, saya juga

akan membagikan hasil screenshot program

Link Souce Code    : Code-Muhammad Zien Zidan

Link Deploy            : Hasil-Muhammad Zien Zidan

Hasil Screenshot























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

Jawaban : 

Berikut recording hasil presentasi dari program website portal berita yang sudah saya buat :

Link YouTube : Record-Muhammad Zien Zidan


Komentar

Posting Komentar

Postingan populer dari blog ini

Final Project PBKK

Gambar
 Final Project Paper Referensi :  Showroom Mobil_Rais Auto Perkasa 1. Buatlah deskribsi studi kasus aplikasi ditinjau dari MVC nya (individu)     Jawaban : Kemajuan dan ketergantungan masyrakat terhadap di internet semakin masif terjadi. Hal ini, dapat mempenagruhi seluruh aspek bisnis, mulai dari yang skala terkecil hingga skala terbesar. Salah satunya yang terdampak yaitu Showroom Rais Auto Perkasa. Dalam paper “Rancang Bangun Web Penjualan Mobil Menggunakan Framework Code Igniter Pada Showroom Mobil Rais Auto Perkasa” yang dibuat oleh Melki Anjaya Saputra dan Ari Yanti Rahmadhani. penulis ingin memberikan rancangan mereka untuk Showroom Rais Auto Perkasa. Dari rancangan ini, Showroom Rais Auto Perkasa memiliki sistem penjualan yang terstruktur untuk mengelola data pelanggan, data sales, melakukan transaksi penjualan mobil dan memberikan laporan di setiap waktu tertentu. Sistem ini dirancang menggunakan arsitektur Model-View-Controller (MVC) untuk memastikan pemisahan tanggung jawab
Baca selengkapnya

Tugas Pertemuan 9 PBKK

Gambar
   Tugas 9 PBKK     Pada kesempatan kali ini, saya belajar mengenai Code Igniter. Code Igniter sendiri merupakan salah satu farmework ang cukup banyak di pakai di bahasa PHP dan kita juga mempelajari Code Igniter terbaru yaitu versi 4.    Selain mempelajari, diberikan tugas untuk mencoba dan mengganti welcome message yang ada di dalam Code Igniter 4 sesuai dengan kemauan pribadi. Berikut akan saya lampirkan Source Code dan hasil screenshot program ang sudah saya buat. Link Source Code :  Code-CI4 Routes <?php use CodeIgniter \ Router \ RouteCollection ; /**  * @var RouteCollection $routes  */ $routes -> get ( ' / ' , ' Home::index ' ); $routes -> get ( ' /halo ' , ' Home::hello ' ); Controller <?php namespace App \ Controllers ; class Home extends BaseController {     public function index () : string     {         return view ( ' welcome_message ' );     }     public function hello () : string     {         return view
Baca selengkapnya