LAPORAN RESPONSI PEMROGRAMAN WEB

Disusun oleh : Pratikto Sulthoni Hidayat 12/328222/DPA/00398

JURUSAN D3 KOMPUTER DAN SISTEM INFORMASI FAKULTAS SEKOLAH VOKASI UNIVERSITAS GAJAH MADA YOGYAKARTA 2012

I.

Counter

Javasript ini berfungsi untuk menghitung jumah pengunjung yang telah melihat situs kita. Javascript ini dibuat terpisah dengan file htmlnya. Berikut source codenya.

Fungsi ini dipanggil dengan cara menuliskannya dalam file html seperti dibawah ini.

Hasil dari fungsi tersebut dapat dilihat pada gambar di bawah ini.

Apabila halaman web di refresh maka hitungannya bertambah satu.

II.

Slideshow
Javascript ini mengandung

Javasript ini berfungsi untuk memunculkan gambar slideshow. unsur percabangan dan perulangan secara tidak langsung.

...

Baris ke-11 sampai baris ke-40 adalah pendeklarasian variabel yang digunakan dalam fungsi slideit(). Pendeklarasian sengaja tidak menggunakan array untuk menunjukan tidak ringkasnya penulisan variabel yang banyak apabila tidak menggunakan array. Baris ke-42 sampai dengan baris ke-52 merupakan isi dari fungsi slideit(). Fungsi ini memiliki dua buah if. If pertama berfungsi mencetak gambar pada layar. Sedangkan if kedua berfungsi untuk mengincrement-kan varaibel steps sampai steps samadengan 14. Apabila lebih dari 14 maka variabel steps diisi dengan satu. Fungsi dari setTimeout("slideit()",5000) adalah untuk memberi jeda antara gambar selama 5000 milidetik atau 5 detik.

Fungsi ini dipanggil dengan cara menuliskannya dalam file html seperti dibawah ini.

Hasil dari fungsi tersebut dapat dilihat pada gambar di bawah ini.

Setelah beberapa detik gambar akan berubah menjadi seperti ini.

III.

Change Image

Javasript ini berfungsi untuk mengganti gambar setelah gambar tersebut diklik. Javascript ini mengandung unsur array di dalam array atau matriks, percabangan, dan perulangan. Berikut source codenya.

Baris ke-113 sampai dengan baris ke-137 merupakan pendeklarasian variabel yang digunakan dala, fungsi change(y,k). baris ke-114 sampai dengan baris ke-116 merupakan pendeklarasian variabel imgs yang bertipe array (matriks). Pendeklarasian tersebut menggunakan perulangan for. Pada baris ke-118 sampai dengan baris ke-137, variabel imgs yang masih kosong diisi dengan gambar yang nantinya akan ditampilkan. variabel y dan variabel k merupakan parameter dari fungsi change(). Variabel y berfungsi untuk menentukan indeks baris. Sedangakan variabel k berfungsi untuk menentukan id. Kedua variabel tersebut diisi pada halaman html.

Baris ke-140 sampai dengan baris ke-146 merupakan isi dari fungsi change(y,k). variabel x akan di-increment-kam sampai empat. Apabila variabel x lebih dari lima, variabel x akan diisi dengan negatif satu. Hasil dari fungsi tersebut dapat dilihat pada gambar di bawah ini.

Begitu gambar diklik gambarnya akan berubah.

IV.

Validation

Javasript ini berfungsi untuk memvalidasi email dan password yang diinputkan user. Javascipt ini terdiri dari unsur percabangan. Berikut source codenya.

Variabel count terletak di luar fungsi karena isi dapat berubah jika diletakkan di dalam fungsi.

Baris ke-56 sampai dengan baris ke-65 merupakan pendeklarasian variabel yang digunakan dalam fungsi validate(). Variabel un dan pw adalah variabel (email dan password) yang diinputkan oleh user. Variabel unArray dan pwArray berisi email kunci beserta passwordnya. Sedangkan variabel atpos dan dan dotpos adalah variabel yang berfungsi untuk mengecek kevalidan email yang diinputkan (apabila tidak ada karakter @ dan . maka email tidak valid).

Baris ke-56 sampai dengan baris ke-65 merupakan statement yang berfungsi mengecek kevalidan email dengan cara mengecek letak indeks variabel atpos dan dotpos di dalam input email.

Baris ke-72 sampai dengan baris ke-79 merupakan statement yang berfungsi untuk mengecek apakah array email dan password yang diinputkan sama dengan email dan password kunci. Apabila sesuai variabel valid diisi dengan true dengan begitu kita bisa percabangan selanjutnya dan keluar dari fungsi validate().

Baris ke-72 sampai dengan baris ke-79 merupakan statement hanya dapat dilalui apabila password dan email tidak sesuai. Variabel count akan terus berkurang apabila password dan email yang diinputkan salah. Hasil dari fungsi tersebut dapat dilihat pada gambar di bawah ini.

Apabila email yang diinputkan tidak terdapat karakter @ dan titik (.) maka akan ada peringatan bahwa email yang diinputkan tidak valid.

Apabila email dan password kita sesuai maka kita bisa masuk ke situs.

Apabila email dan password kita tidak sesuai maka ada peringatan bahwa email dan password yang diinputkan salah.

Apabila kita mencoba dan salah maka ada peringatan bahwa email dan password yang diinputkan salah.

Setelah tiga kali salah kita tidak dapat menginputkan lagi.