Langsung ke konten utama

TUGAS 7 PEMROGRAMAN WEB (D) - AJAX Sederhana


Tugas kali ini membuat website yang mengimplementasikan AJAX atau Asynchronous JavaScript and XML. AJAX sering digunakan untuk membuat website lebih responsif dan interaktif serta mempercepat proses request ke suatu server. Di sini terdapat 2 aplikasi, yaitu request data untuk mengubah konten halaman tanpa berpindah/reload, dan satu lagi filter data daerah dalam kolom pencarian. Dalam proses pengerjaannya, menggunakan HTML, CSS (Bootstrap), JavaScript (internal), dan SQL. Laman website-nya dapat diakses pada link berikut. Untuk hosting web sendiri memakai 000webhost.

Konten dari website:

  1. Main page, berisi halaman untuk redirect aplikasi implementasi AJAX mana yang akan dicoba/dipilih.
  2. Request page, berisi halaman aplikasi request data untuk mengubah konten halaman tanpa reload.
  3. Filter page, berisi halaman aplikasi filter data daerah.

Tampilan Website

  1. Main page

  2. Request page (sebelum button diklik)
    • Halaman ini memakai index.html (akan dilampirkan di bawah) sebagai halaman utama. Nantinya data-data yang di-load akan muncul di halaman ini.

  3. Request page (setelah button diklik)
    • Ketika menekan button "Tampilkan Kalimat", maka teks di bawahnya akan berubah sesuai isi dari tampil.html (akan dilampirkan di bawah).

  4. Filter page
    • Halaman ini memakai index.php (akan dilampirkan di bawah) sebagai halaman utama untuk menampilkan filter data daerah. Database yang dipakai terdapat di sini.

Source Code

  • index.html (Main Page)
  • index.html (Request Page)
  • tampil.html (Request Page)
  • index.php (Filter Page)
  • koneksi.php (Filter Page)
  • get_provinsi.php (Filter Page)
  • get_kabupaten.php (Filter Page)
  • get_kecamatan.php (Filter Page)
  • get_kelurahan.php (Filter Page)

Komentar

Posting Komentar

Postingan populer dari blog ini

ETS REKAYASA KEBUTUHAN (A) - GoToko

Pada Evaluasi Tengah Semester (ETS) kali ini melakukan analisis kebutuhan aplikasi GoToko . Sebelum kita menganalisis lebih jauh tentang GoToko, kita perlu mengetahui terlebih dahulu apa saja kebutuhan yang harus digali untuk sebuah aplikasi perangkat lunak. Kebutuhan Fungsional Kebutuhan fungsional adalah kebutuhan dari penggunaan software yang harus dibangun oleh developer ke dalam produk agar pengguna dapat menyelesaikan tugas mereka, sehingga memenuhi persyaratan bisnis. Kebutuhan fungsional menyatakan apa yang harus dilakukan oleh sistem. Kebutuhan fungsional juga sangat bergantung dari jenis perangkat lunak, pengguna sistem, dan jenis sistem yang perangkat lunak tersebut gunakan. Kebutuhan Non-Fungsional Kebutuhan non fungsional merupakan kebutuhan yang menggambarkan bagaimana sistem berkerja ke depannya.  Kebutuhan non-fungsional menjelaskan tentang constraint atau standar yang harus dipatuhi oleh sistem. Kebutuhan non-fungsional juga mendefinisikan karakteristik dari kuali...
Posting Komentar
Baca selengkapnya

TUGAS 7 PEMROGRAMAN BERORIENTASI OBJEK (B) BAGIAN I - Login Panel

  Tugas kali ini sedikit memodifikasi aplikasi LoginPanel dengan implementasi GUI dengan komponen AWT dan Swing milik Bapak Fajar Baskoro dan disadur dari link berikut . Aplikasi ini merupakan aplikasi sederhana untuk melakukan proses login. Username dan password telah di-set sebelumnya pada aplikasi, sehingga jika salah satu inputan entah username atau password salah, maka akan muncul "Login Denied!". Jika benar, akan memunculkan "Login Granted!". Ada 1 class yang dipakai dalam aplikasi ini: Login , sebagai class untuk melakukan proses login serta pengecekan username dan password. Lalu, aplikasi ini juga menggunakan beberapa library/package: Java.awt.* , untuk proses inputan dalam sebuah program yang telah dijalankan. Java.awt.event.* , untuk proses deklarasi dari class event yang berisi komponen program yang digunakan untuk mengambil semua file dari package event pada java.awt. Java.awt.swing.* , untuk mendeklarasikan sebuah komponen grafis dengan perintah yang di...
Posting Komentar
Baca selengkapnya

TUGAS 3 REKAYASA KEBUTUHAN (A) - Elisitasi Kebutuhan SI Evaluasi Kegiatan Sekretariat ITS

Tugas kali ini melakukan elisitasi kebutuhan dari salah satu  Spesifikasi Kebutuhan Perangkat Lunak  (SPKL) dari aplikasi  SI Evaluasi Kegiatan Sekretariat ITS (SIETS)   yang dibuat oleh Insitut Teknologi Sepuluh Nopember (ITS) Surabaya . Sistem Informasi ini merupakan sistem yang diwacanakan untuk memenuhi kebutuhan ITS akan penerimaan masukan dari berbagai kegiatan ITS yang bersifat daring akibat pandemi COVID-19 agar nantinya semasa transisi dari luring ke daring sistem dapat berjalan dengan lancar. Untuk SKPL-nya sendiri dapat dilihat di bawah ini: Elisitasi Elisitasi adalah teknik untuk memperoleh informasi melalui percakapan dengan sesorang dimana orang tersebut tidak sadar sedang digali informasi yang dimiliki. Proses elisitasi digunakan untuk menentukan kebutuhan suatu sistem dengan cara berkomunikasi dengan pengguna tentang perkembangan kebutuhan sistem yang akan dibangun. Ada beberapa hal yang dapat dianalisis sebagai tahap penjajakan dalam memban...
Posting Komentar
Baca selengkapnya