KUIS PEMROGRAMAN BERBASIS WEB_LINDA SORAYA SEPTIANA_132300

SOAL

1. Apa itu javascript, CSS, AJAX, dan jquery?
2. Sebutkan fungsi ID dan class pada CSS, serta berikan contoh pemanggilan ID dan class tersebut didalam HTML!
3. Jelaskan fungsi tag<select></select> dan <option></option> didalam HTML!
4. Sebutkan kelebihan dan kekurangan javascript<masing2 minimal 4!
5. Buatlah form login sederhana dengan menggunakan functiom dari javascript. Apabila user salah masukkan username / password maka akan muncul javascript Alert bahwa username /password salah, dan sebaliknya. (username:mahasiswa, password:unsada)!

JAWABAN 

1. a. JavaScript adalah bahasa yang digunakan untuk membuat program yang digunakan agar dokumen HTML yang ditampilkan dalam browser menjadi lebih interaktif, tidak sekedar indah saja. JavaScript memberikan beberapa fungsionalitas ke dalam halaman web, sehingga dapat menjadi sebuah program yang disajikan dengan menggunakan antarmuka web.
b. CSS adalah kependekan dari Cascading Style Sheet ,pengertiannya adalah sekumpulan code pemrograman web yang berfungsi untuk mengendalikan beberapa komponen didalam web sehingga menjadi tampak seragam,berstruktur dan teratur.CSS inilah yang bertanggung jawab atas penampilan web anda  dimata pengunjung melalui browser internet.
c. AJAX adalah istilah yang digunakan untuk menyebut suatu pendekatan dalam merancang dan mengimplementasikan aplikasi web.
AJAX merupakan singkatan dari Asynchronous JavaScript and XML. Istilah ini pertama kali diperkenalkan dalam sebuah artikel oleh Jesse James Garrett dari Adaptive Path, sebuah perusahaan web desain berbasis di San Francisco.
Ia melihat bahwa dibutuhkan cara yang mudah untuk memilih suatu gaya desain dan kemudian membangun desain tersebut untuk klien.
Tujuan utama dari AJAX adalah untuk membuat aplikasi web berfungsi seperti aplikasi desktop.
d.  jQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax. jQuery dirancang sedemikian rupa supaya membuat program menggunakan Javascript menjadi relatif sangat mudah.
2. a. Selector ID
Selector id digunakan untuk menentukan style bagian unik dari html. Unik disini artinya satu nama id hanya bisa digunakan satu kali pada sebuah halaman web. Apabila satu nama ID digunakan lebih dari satu kali pada sebuah halaman, maka style hanya akan berlaku pada id yang pertama saja. Selector ID pada syntax CSS ditandai dengan “#”.
Contoh selector ID
#par1
{
    text-align:center;
    color:red;
}
Pada bagian dokumen HTML, untuk menggunakan style tersebut, misalnya pada sebuah paragraph, bisa dituliskan:
<p id="par1">Ini adalah sebuah paragraph</p>

Penulisan nama id sebaiknya tidak diawali dengan nomor, karena tidak akan dikenali pada browser Mozilla Firefox
b. Selector Class
Selector class digunakan untuk menentukan style dari sebuah group elemen. Berbeda dengan ID, selector class bisa dipakai berulangkali pada sebuah dokumen web. Artinya sebuah nama class dapat dipanggil beberapa kali pada elemen-elemen yang ada pada sebuah halaman web. Selector class dituliskan dengan ditandai dengan tanda titik “.” .
Contoh selector class
.komentar
{
    text-align:left;
    color:red;
}
Pada bagian dokumen web, misalnya akan diterapkan pada paragraph dan pada sebuh div dalam sebuah dokumen web yang sama, dapat dituliskan :
<p class="komentar"> Ini adalah paragraph komentar </p>

3. tag<SELECT> dan <OPTION>
Digunakan untuk membuat field yang berbentuk pilihan. Tag <select> dan <option> ini harus digunakan secara bersama-sama. tag <option> mendefinisikan pilihan dari item-item. Tag ini dipasang diantara tag <select> dan </select>.
Contoh Tampilan:

4. a. Kelebihan JavaScript :
      - Cepat : karena di letakkan di HTML, dan dapat langsung dicoba di browser.
      - Mudah : karena memiliki sedikit sintaks, yang memudahkan untuk di mengerti.
      - Terbuka :dapat dibuat maupun dibaca di semua jenis komputer.
      - Ukurannya sangat kecil dibandingkan dengan pemrograman java.
   b. Kekurangan JavaScript :
      - Tidak dapat membuat program aplikasi secara tersendiri.
      - Objek yang di kelola JavaScript sangat terbatas.
      - Script yang dapat disalin atau di copy dari Web Browser, sehinnga setiap orang dapat      menggunakan program JavaScript yang telah kita buat.
      - Tidak dapat melakukan beberapa hal yang dapat dilakukan ActiveX atau Vbscript, misalnya  menulis/membaca file di komputer client (selain cookies)
5. a. File HTMLnya:
<html>
<script language="JavaScript">
function Login(){

var username=document.login.username.value;
var password=document.login.password.value;

if (username=="mahasiswa" && password=="unsada"){
alert("Selamat Anda Berhasil Login");
}
else{
alert("Username dan Password Salah");
}
}

</script>

<body>
<form name="login">
<table width="225" cellpadding="4">
<tr><td>Username</td><td><input type="text" name="username"></td></tr>
<tr><td>Password</td><td><input type="text" name="password"></td></tr>
<tr><td><input type="button" value="login" onClick="Login()"></td>
<td colspan="2" align="right"><input type="reset"></td></tr>
</table>
</body>
</html>
Hasil outputnya :

- Apabila berhasil login :

- Apabila tidak berhasil login :