Matakuliah : Pemrograman Web Acc:

NIM : A710160069
Nama : Ibnu Zidni Ilman
Tgl.Praktikum : Tgl:

BAB VI
BAHASA JAVASCRIPT

1. Dasar Teori
Javascript adalah bahasa yang berbentuk kumpulan script yang pada fungsinya
berjalan pada suatu dokumen HTML, sepanjang sejarah internet bahasa ini adalah
bahaa script pertama untuk web. Bahasa ini adalah bahasa pemrograman untuk
memberikan kemampuan tambahan terhadap bahasa HTML dengan mengijinkan
pengeksekusian perintah – perintah di user, yang artinya di sisi browser bukan di
sisi server web.
Javascript pertama kali dikembangkan oleh Brendan Eich dari Netscape dibawah
nama Mocha, yang nantinya namanya diganti menjadi LiveScript, dan
akhirnya menjadi JavaScript.Navigator sebelumnya telah mendukung Java untuk
lebih bisa dimanfaatkan para programmer yang non-Java. Maka dikembangkanlah
bahasa pemrograman bernama LiveScript untuk mengakomodasi hal tersebut.
Bahasa pemrograman inilah yang akhirnya berkembang dan diberi nama
JavaScript, walaupun tidak ada hubungan bahasa antara Java dengan JavaScript.
JavaScript bisa digunakan untuk banyak tujuan, misalnya untuk membuat efek
rollover baik di gambar maupun teks, dan yang penting juga adalah untuk membuat
AJAX.[6] JavaScript adalah bahasa yang digunakan untuk AJAX.
Bahasa script Javascript paling populer di Internet dan dapat bekerja pada semua
browser utama seperti Internet Explorer, Firefox, Google Chrome, Safari, dan
Opera. Untuk mempelajari Javascript dibutuhkan penguasaan terhadap Bahasa
utama web yaitu HTML atau XHTML. Beberapa hal penting yang perlu diketahui
tentang javascript :
a. Javascript dirancang untuk memberikan unsur interaktif kepada halaman
HTML.
b. Javascript merupakan Bahasa script. Bahasa script adalah Bahasa pemrograman
yang ringan, dalam arti aturan pemrogramannya tidak serumit Bahasa
pemrograman murni.
c. Javascript biasanya digunakan dengan cara menuliskannya secara langsung pada
halaman HTML.
d. Javascript merupakan Bahasa interpreter, yang berarti script Javascript tidak
perlu dikompilasi sebelum dieksekusi.
e. Javascript bersifat gratis.
f. Javascript dapat digunakan untuk melakukan hal-hal berikut :
1) Membuat teks dinamis dalam halaman HTML. Javascript dapat menulis teks
atau isi suatu variable pada halaman HTML.
2) Menangani event. Kejadian-kejadian seperti tindakan mengklik mouse, atau
ketika halaman HTML telah selesai dimuat ke browser dapat dikenali oleh
javascript dan dapat mengatur tindakan tertentu ketika event itu terjadi.
3) Membaca dan menulis elemen-elemen HTML, yang berarti dapat digunakan
untuk mengubah konten suatu elemen HTML.
4) Memvalidasi data, misalnya data form sebelum dikirim ke server sehingga
dapat meringankan server.
5) Memdeteksi browser pengunjung membuat cookies yang akan menyimpan
dan memanggil informasi kedalam komputer pengunjung.
6) Javascript digunakan dengan cara menuliskan langsung pada dokumen
HTML.
7) Selain itu javascript juga dapat dituliskan terpisah dalam suatu file seperti
CSS dengan khiran .js. untuk itu dokumen HTML perlu memanggil file
javascript dengan menambahkan kode berikut pada bagian head dokumen
HTML.

2. Tujuan Praktikum
a. Mampu menggunakan bahasa pemrograman javascript
b. Mampu menggunakan xampp
 c. Mampu menggabungkan html, javascript, dan CSS

3. Analisis Hasil
Pada bab 6 di praktikum permograman web ini adalah membuat halaman kontak.
Form yang dibuat terdiri dari Nama, Email, Blog/situs, dan pesan, masing-masing
form tersebut dapat diinputkan oleh pengguna sehingga data yang masuk adalah
data yang diinginkan. Validasi pada percobaan ini menggunakan javascript, namun
form ini masih belum dilengkapi dengan file pengolah data (dengan PHP), jadi data
tersebut belum dapat tersimpan. Dibawah ini adalah script dari perograman html
yang didalamnya terdapat pemrograman javascript.

Gambar 6.1 script html dan javascript

Setelah script dituliskan di notepad++ kemudian menyimpannya dengan format

.html, selanjutnya mengcopy file script ini ke dalam data c xampp dan htdocs
selanjutnya membuka xampp control panel dengan mengaktifkan Apache dan
MySQL dan membuka browser sehingga hasilnya akan seperti pada gambar 6.2
dibawah ini.

Ibnu Zidni Ilman

Gambar 6.2 hasil setelah dibuka di browser

Dan setelah keluar peringatan seperti pada Gambar 6.2 diatas, dengan kita
mengklik tombol oke maka kotak peringatan tersebut akan tertutup dan form akan
disajikan lagi sehingga pengguna atau user dapat memperbaiki isian nama dan
emilnya.

4. Penyelesaian Tugas
Soal :
Siapkan form kontak ini untuk digunakan dalam praktikum selanjutnya. Atur
dan tingkatkan penampilan form menggunakan CSS. Tulis kode-kode CSS
tersebut dalam file CSS yang sudah dibuat dalam praktikum sebelumnya.
Jawaban :
Pada tugas bab 6 ini meningkatkan penampilan form menggunakan CSS, kode
program dan hasil setelah dijalankan pada browser ada pada gambar 6.3, Gambar
6.4 dan Gambar 6.5.
Gambar 6.3 Script tugas bab 6

Gambar 6.4 script CSS

 Gambar 6.5 hasil tugas bab 6

5. Kesimpulan
a. Javascript adalah bahasa yang berbentuk kumpulan script yang pada
fungsinya berjalan pada suatu dokumen HTML.
b. Javascript dapat digunakan untuk melakukan hal-hal berikut :
1) Membuat teks dinamis dalam halaman HTML.
2) Menangani event
3) Membaca dan menulis elemen-elemen HTML.
4) Memvalidasi data
5) Memdeteksi browser
6) Javascript digunakan dengan cara menuliskan langsung pada dokumen
HTML.