Langsung ke konten utama

Tugas 7 Pemrograman Web A

Implementasi jQuery Sederhana 

Nama   : Jonathan Leonardo Hasiholan Simanjuntak
NRP     : 05111940000150
Kelas    : Pemrograman Web A 2021

Pada pertemuan kesepulu kelas PWEB A, kami diberikan tugas untuk mengimplemetasikan jQuery dalam program yang sederhana. Terdapat dua contoh yang perlu kami buat, yang pertama adalah membuat query baru pada sebuah drop down list berdasarkan input yang user masukkan. Kemudian, untuk contoh yang kedua, kami diminta untuk membuat sebuah animasi (Color Animation) dengan mengimplementasikan jQuery UI. Setelah kedua  contoh berhasil di susun secara lokal, contoh - contoh tersebut kemudian perlu di hosting - kan. 

Program pertama, Membuat Query Baru pada Sebuah Drop Down List Berdasarkan Input yang User Masukkan, dapat diakses di link ini.

Sedangkan untuk yang kedua, Implementasi jQuery UI untuk Membuat Sebuah Animasi, dapat diakses di link ini.

Berikut adalah tampilan dari hasil websitenya :
  1. Website Pertama

  2. Website Kedua

Source Code

Untuk source code dari masing - masing webnya, terdapat satu file source code yang saya gunakan. Didalam source code dari masing - masing web, styling dan logic-nya saya gabungkan menjadi satu file dengan tag nya masing - masing. Sedangkan untuk library - library lainnya yang saya gunakan, saya sematkan dengan memanfaatkan link dari salah satu CDN di internet. Lebih jelasnya, berikut adalah source code yang saya gunakan untuk masing - masing web :

  1. Website Pertama
    index.html


  2. Website Kedua
    index.html
Sekian pengerjaan tugas yang telah saya lakukan. Mohon maaf apabila terdapat kesalahan atau kekurangan pada pekerjaan saya. Terima kasih atas perhatiannya.

Komentar

Postingan populer dari blog ini

Evaluasi Akhir Semester PWEB A 2021

 Evaluasi Akhir Semester PWEB A 2021 Nama                : Jonathan Leonardo Hasiholan Simanjuntak NRP                  : 05111940000150 Kelas                : Pweb A Dokumen PDF EAS : b      Nomor 3 : Implementasikan aplikasi. Boleh dikerjakan secara kelompok, didokumentasikan, dan dibuat video demo/ presentasinya di youtube. Semua hasil pekerjaan disatukan di blognya masing-masing. Jawaban : Pengerjaan secara mandiri. Fitur yang dikembangkan : Student - Submission Assignment. Video demo penjelasan pengerjaan program : Berikut adalah tampilan table - table yang digunakan pada database : table "assignment" table "user" table "kelas" Tampilan akhir menu - menu dari aplikasi : Menu Login Form Register Menu Utama List Submission Tugas Form Submit Form Edit Form Detail Berikut adalah kumpulan source - code dari web application yang s...

Tugas 3 Pemrograman Web A

Warung Tegal HTML 5 Nama     : Jonathan Leonardo Hasiholan Simanjuntak NRP       : 05111940000150 Kelas      : Pemrograman Web A 2021 Pada pertemuan ketiga kelas PWEB A, kami diberikan tugas untuk mengembangkan sebuah website rumah makan "Warung Tegal" dengan memanfaatkan HTML5. Kami juga diminta untuk menambahkan image carousel  dan video player  pada website yang akan kami kembangkan. Adapun hasilnya dapat di akses lewat  Warung Tegal Website . Berikut adalah tampilan dari hasilnya : Tampilan Beranda Tampilan Daftar Masakan Tampilan Katering Tampilan Tentang Tampilan Kontak Source Code Untuk source code dari webnya, masing - masing halaman tampilan source code HTML-nya saya pisahkan. Di dalam setiap file HTML, terdapat masing - masing styling yang digunakan untuk halaman tersebut. Berikut source code dari kelima tampilan diatas : Halaman Beranda Halaman Daftar Masakan Halaman Katering Halaman Tentang Halaman Ko...

Tugas 4 Pemrograman Web A

Website Katalog Barang Nama     : Jonathan Leonardo Hasiholan Simanjuntak NRP       : 05111940000150 Kelas      : Pemrograman Web A 2021 Pada pertemuan keempat kelas PWEB A, kami diberikan tugas untuk mengembangkan sebuah website katalog barang dengan memanfaatkan penggunaan CSS. Setelah website berhasil di susun secara lokal, website yang kita susun tersebut juga akan di hosting -kan. Pada tugas ini, hosting website dilakukan menggunakan Github Pages. Websitenya dapat diakses lewat link  ini . Berikut adalah tampilan hasil websitenya :  Tampilan Beranda Utama Tampilan Tentang Tampilan Kontak Source Code Untuk source code dari webnya, masing - masing halaman tampilan source code HTML-nya saya pisahkan. Untuk styling template halaman, saya masukkan kedalam style.css. Selain metode external style sheet, untuk styling khusus tertentu pada suatu elemen, digunakan metode inline  style. Berikut source code dari we...