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.
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

ETS PWEB A 2021

EVALUASI TENGAH SEMESTER PWEB A 2021  Nama : Jonathan Leonardo Hasiholan Simanjuntak NRP : 05111940000150 No 1 & 2 : No 3 : (Edited on 17 November 2021 0:57 WIB) Buatlah halaman web, menggunakan desain yang ditunjukkan. Jawab : Jawaban dapat diakses lewat link  ini . Tampilan Halaman Website beserta codenya : Halaman Utama (index.html) Source Code : index.html style.css Halaman Login (login.html) Source Code : login.html login.css Halaman About Us (about.html) Source Code : about.html about.css Halaman FAQ (faq.html) Source Code : faq.html faq.css          Video Demo :         
Posting Komentar
Baca selengkapnya

Tugas 1 Pemrograman Web A

Profil & Portofolio Pribadi Nama    : Jonathan Leonardo Hasiholan Simanjuntak NRP      : 05111940000150 Kelas     : Pemrograman Web A 2021 Link Profil : Ardo Profile Link Repo : Profile Repository Pada tugas ini, saya membuat profil dan portofolio pribadi dengan memanfatkan tema yang disediakan di plaform Hugo (Static Site Generator)yaitu Hugo Profile v3 . Kemudian, saya hosting -kan resource yang berhasil di generate lewat Github Pages. Berikut ini adalah tampilan hasilnya,   Tahapan Pembuatan Profile Berikut adalah penjelasan singkat mengenai tahapan - tahapan yang saya lakukan untuk membuat halaman profil pribadi saya,  Pertama - tama, install Hugo terlebih dahulu. Panduan instalasinya bisa dilihat di Install Hugo . Setelah Hugo berhasil di-instal. Buka command promopt pada perangkat anda dan jalankan perintah : hugo version Jika perintah "hugo" sudah dikenali, maka proses instalasi hugo telah berhasil. Gambar 2.1 Hugo be...
Posting Komentar
Baca selengkapnya

Tugas 9 Pemrograman Web A

  Studi Kasus PHP & MySQL : Pendaftaran Siswa Baru + Upload Foto + Login Form Nama     : Jonathan Leonardo Hasiholan Simanjuntak NRP       : 05111940000150 Kelas      : Pemrograman Web A 2021 Pada pertemuan ke-15 kelas PWEB A, kami diberikan tugas untuk mengimplemetasikan penggunaan PHP dan MySQL untuk mengembangkan program Pendaftaran Siswa Baru yang telah dibuat sebelumnya, agar bisa mengelola Foto pada databasenya dan memiliki fitur login. Sama seperti sebelumnya, website disusun menggunakan HTML, CSS dan library Bootstrap, kemudian untuk backendnya menggunakan PHP, dan databasenya menggunakan MySQL.  Berikut adalah tampilan dari hasil websitenya : Source Code Terdapat 11 source code yang saya gunakan untuk membangun website ini, yaitu : config.php form-daftar.php form-edit.php hapus.php index.php list-siswa.php menu.php proses-edit.php proses-login.php proses-pendaftaran style.css Sekian pengerjaan tugas yang ...
Posting Komentar
Baca selengkapnya