Tugas Pertemuan 4 Design Undangan NIkah

Undangan Nikah

Nama        : Muhammad Zien Zidan

NRP          : 5025211122

Kelas         : PWEB-B


    Pada pertemuan kali ini, mendapatkan tugas yaitu membuat sebuah website undangan pernikahan. Saya membuatnya melalui HTML dan CSS serta sedikit menggunakan Java Script. Java Script saya gunakan untuk membuat cover di depan halaman undangan. Selain itu, Java Script saya gunakan untuk memutar lagu secara otomatis saat cover undangan dibuka dan memberikan tombol "Pause" untuk menghentikan lagu serta tombol "Play". 

    Adapun Informasi yang ada di dalam Undangan yang saya buat yaitu Informasi (Home, Akad, Resepsi, Story, Buku Tamu(RSVP)), Gambar, Galeri Foto, Ucapan dan  Musik. Berikut akan saya bagikan Sourcode dan juga hasil deploy websitenya.

Source Code    : Undangan Nikah Zidan

Deploy         : Undangan Nikah Zidan       

    Pada website undangn yang saya buat kali ini, lebih saya tekankan untuk pengguna mobile, Karena saya berpikiran undangan nikah kebanyakan diakses melalui mobile phone. Tetapi, tidak menutup kemungkinan untuk pengguna selain mobile website yang saya buat akan tetap berjalan dengan baik.

Berikut Hasil 

Secara Mobile


















Secara Web



































    Berikut merupakan hasil pengerjaan saya pada tugas pertemuan ke-4 yaitu membuat sebuah website udangan nikah. Semoga artikel kali ini, dapat membantu teman - teman dalam mempelajari Pemograman Website.

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas Pertemuan 1 - PBKK (Membuat Kalkulator Sederhana)

Gambar
Kalkulator Sederhana           Dalam artikel kali ini, saya ingin berbagi hasil belajar terbaru saya. Saya berhasil membuat kalkulator sederhana.  Dalam penerapannya, saya menggunakan bahasa C# dan memanfaatkan framework .NET di Microsoft Visual Studio.  Kalkulator Sederhana           Kalkulator ini memiliki fitur dasar seperti penjumlahan, pengurangan, perkalian, pembagian, dan juga tombol 'clear'.                                                             Penjumlahan                                                                      ...
Baca selengkapnya

UTS Pemograman Website

Gambar
 UTS Pemograman Website 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.  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 ...
Baca selengkapnya

Tugas Pertemuan 13 PWEB

Gambar
 Pertemuan 13 PWEB     Pada kesempatan kali ini, kami mendapatkan ebuah tugas untuk membuat CRUD menggunakan php dan dihasilkan Print PDF. Berikut akan saya lampirkan code dan hasil screenshoot program yang sudah saya buat Source Code :  Code-PrintPDF Hasil Screnshoot     Berikut hasil pekerjaan saya, semoga dapat memberikan teman - teman ilmu mengenai Pemograman Website.
Baca selengkapnya