Rafli Setiadi: Modul 7 Pemrograman Web Lanjut

NAMA : Rafli Setiadi
NIM : L200120106
KELAS : E

LAPORAN PRAKTIKUM MODUL 7
JAVA SCRIPT

A. TUJUAN

Kita dapat mengimplementasikan web php dengan gabungan CSS untuk memperindah tampilan website.

B. LANDASAN 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

C. ALAT DAN BAHAN

1. PC / Komputer

2. Notepad ++

3. Browser Google Chrome / Mozila firefox

4. Internet

5. Modul Praktikum Pemrograman Web

D. LANGKAH PRAKTIKUM

PERCOBAAN 1

1. Buka aplikas Notepad++, kemudian kita ketikkan script berikut :

2. Menyimpan file dengan nama percobaan1.html

3. Membuka file dengan menggunakan browser

4. Hasil

PERCOBAAN 2

1. Meletakkan 2 buah file image berekstensi .jpg dan memberi nama kedua file tersebut masing-masing dengan nama gambar1.jpg dan gambar2.jpg

2. Buka aplikas Notepad++, kemudian kita ketikkan script berikut :

3. Menyimpan file dengan nama mouseover.html

4. Membuka file dengan menggunakan browser

5. Hasil

PERCOBAAN 3

1. Buka aplikas Notepad++, kemudian kita ketikkan script berikut :

<html>
 <head>
  <title>Counter</title>
  <script>
   function CountMax()
   {
    var wert,max;
    max = 100
    wert = max-(document.form1.question.value.length);
    if(wert < 0){
     alert("Maaf, batas maksimum pengisian adalah " + max + " karakter!");
     document.form1.question.value =
      document.form1.question.value.substring(0,max);
     wert = max-(document.form1.question.value.length);
     document.form1.rv_counter.value = wert;
    }
    else{
     document.form1.rv_counter.value = max-
      (document.form1.question.value.length);
    }
   }
  </script>
 </head>
 <body>
  <form name="form1" method="post" action="">
   <textarea name="question" cols="60" rows="3"
    id="question" OnFocus="CountMax();"
    OnClick="CountMax();" OnChange="CountMax();"
    OnKeyDown="CountMax();" OnKeyUp="CountMax();"
    wrap="virtual">
   </textarea.ini>
   <font face="Arial, Helvetica, Sans-Serif, Bookman Old Style, Comic Sans MS"
    size="2">sisa
    <input name="rv_counter" type="text" size="3" maxlength="3" value="100"readonly>
  </form>
</body>
</html>

2. Menyimpan file dengan nama counter.html

3. Membuka file dengan menggunakan browser

PERCOBAAN 4

1. Buka aplikas Notepad++, kemudian kita ketikkan script berikut :

<html>
 <head>
  <title>Kalkulator</title>
  <script language='javascript'>
   function tambah(){
    nilaia=document.myform.a.value;
    nilaib=document.myform.b.value;
    tambah=parseInt(nilaia)+parseInt(nilaib);
    document.myform.hasil.value=tambah;
   }
   function kurang(){
    nilaia=document.myform.a.value;
    nilaib=document.myform.b.value;
    kurang=nilaia-nilaib;
    document.myform.hasil.value=kurang;
   }
   function kali(){
    nilaia=document.myform.a.value;
    nilaib=document.myform.b.value;
    kali=nilaia*nilaib;
    document.myform.hasil.value=kali;
   }
   function bagi(){
    nilaia=document.myform.a.value;
    nilaib=document.myform.b.value;
    bagi=nilaia/nilaib;
    document.myform.hasil.value=bagi;
   }
  </script>
 </head>
 <body>
  <form name="myform">
   <h3>
Kalkulator Sederhana</h3>
</br>
   Nilai A = <input type="text" name="a" size="5"></br>
   Nilai B = <input type="text" name="b" size="5"></br></br>
   <input type="button" name="aksi" value="+" onclick="tambah()">
   <input type="button" name="aksi" value="-" onclick="kurang()">
   <input type="button" name="aksi" value="*" onclick="kali()">
   <input type="button" name="aksi" value="/" onclick="bagi()">
   </br></br>
   <b>Hasil = </b><input type="text" name="hasil" size="5"></br>
  </form>
</body>
</html>

2. Menyimpan file dengan nama kallkulator.html

3. Membuka file dengan menggunakan browser

E. Tugas

1. Membuat aplikasi peengambil keputusan sederhana menggunakan javascript yang menghitung nilai dengan ketentuan :
Jika nilai 0-20 = E
Jika nilai 21-40 = D
Jika nilai 41-60 = C
Jika nilai 61-80 = B
Jika nilai 81-100 = A

2. Script

3. Hasil

Rafli Setiadi

Senin, 01 Desember 2014

Modul 7 Pemrograman Web Lanjut

Tidak ada komentar:

Posting Komentar