JavaScript

LAPORAN PRAKTIKUM
PEMROGRAMAN WEB 1

MODUL V

“JavaScript”

Diajukan untuk memenuhi salah satu Mata Kuliah Praktikum Pemrograman Web 1

Dosen Pengampu : Rio Andriyat Krisdiawan, S.Kom., M.Kom.

Disusun Oleh

Reza Adhicahyasmara

20160910092

Sistem Informasi 2016 C

FAKULTAS ILMU KOMPUTER

PROGRAM STUDI SISTEM INFORMASI

UNIVERSITAS KUNINGAN

2018

KATA PENGANTAR

Puji syukur penulis ucapkan atas kehadirat Allah SWT, karena rahmat dan karunia-Nya penulis diberi kesempatan untuk menyelesaikan Laporan Praktikum Pemrograman Web 1. Shalawat dan salam kita hanturkan kepada junjungan besar Nabi Muhammad SAW beserta keluarganya, sahabatnya, beserta pengikutnya hingga akhir zaman.

Penulis menyusun laporan ini dengan tema JavaScript. Laporan ini menjelaskan tentang sebuah bahasa komputer atau kode pemrograman yang digunakan pada website agar website tersebut menjadi lebih interaktif dan dinamis.

Tidak lupa juga saya ucapkan terima kasih kepada kedua orang tua kami masing-masing dan terima kasih kepada dosen Pemrograman Web 1 yaitu Rio Andriyat Krisdiawan S.Kom., M.Kom. yang telah membimbing penulis dalam menyusun laporan.

Penulis menyadari bahwa dalam laporan ini masih jauh dari kata sempurna, untuk itu penulis sangat mengharapkan kritik dan saran yang sifatnya membangun guna sempurnanya laporan ini.

Kuningan, 30 Maret 2018

                                                                                                                                         

                                                                                                                Penulis.

DAFTAR ISI

Kata Pengantar

Daftar Isi

BAB I PENDAHULUAN

1.1 Maksud dan Tujuan

1.2 Landasan Teori

BAB II PEMBAHASAN

2.1 Post Test
2.2 Tugas

BAB III PENUTUP

3.1 Kesimpulan

DAFTAR PUSTAKA

BAB I

PENDAHULUAN

1.1 Maksud dan Tujuan

1. Mampu memahami konsep dan cara kerja JavaScript.
2. Mampu memahami penggunaan fungsi dalam JavaScript .
3. Dapat menggunakan fungsi JavaScript dalam HTML.

1.2 Landasan Teori

Sejarah JavaScript
JavaScript pertama kali diperkenalkan oleh Netscape pada tahun 1995. Pada awalnya bahasa yang sekarang disebut JavaScript ini dulunya dinamai “LiveScript” yang berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2 yang sangat populer pada saat itu. Kemudian sejalan dengan sedang giatnya kerjasama antara Netscape dan Sun (pengembang bahasa pemrograman “Java”) pada masa itu, maka Netscape memberikan nama “JavaScript” kepada bahasa tersebut pada tanggal 4 desember 1995.

Pada saat yang bersamaan Microsoft sendiri mencoba untuk mengadaptasikan teknologi ini yang mereka sebut sebagai “Jscript” di browser milik mereka yaitu Internet Explorer 3. JavaScript sendiri merupakan modifikasi dari bahasa pemrograman C++ dengan pola penulisan yang lebih sederhana dari bahasa pemrograman C++.CSS adalah kependekan dari Cascading Style Sheet. CSS merupakan salah satu kode pemrograman yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik.CSS adalah sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996.

Pengertian JavaScript
Menurut wikipedia, JavaScript adalah bahasa skrip yang populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.

Javascript adalah sebuah bahasa komputer atau kode pemrograman yang digunakan pada website agar website tersebut menjadi lebih interaktif dan dinamis. Javascript adalah jenis bahasa pemrograman client side. Penggunaan kode javascript pada sebuah website bersifat opsional, artinya tidak harus selalu ada. Namun, website-website maupun blog modern saat ini hampir semuanya menggunakan kode javascript walaupun sedikit.

Manfaat, Fungsi & Peran JavaScript
Seperti yang disebutkan diatas, javascript berfungsi membuat sebuah halaman website lebih interaktif dan dinamis. Penggunaan kode javascript sangat dibutuhkan untuk website-website yang berorientasi pada kenyamanan pengakses (user-experience). Namun, penggunaan kode javascript ini tidak akan maksimal jika tidak dibarengi dengan penggunaan css karena javascript juga tidak akan lepas dari html.

Ketiga bahasa pemrograman itu sangat erat kaitannya. Jika saya ibaratkan sebuah website adalah rumah, maka kode html adalah segala yang membangun dan ada dirumah tersebut (tembok, tiang, atap, pondasi, ruang keluarga, kamar, dapur, peralatan rumah tangga, dan sebagainya). Lalu, kode css adalah pengatur dan penghias rumah tersebut(tata letak, warna dan sebagainya). Dan peran javascript bisa sebagai ‘pembantu’ kode css agar pengaturan dan hiasannya lebih bagus dengan tambahan pernak-pernik misalnya. Bisa juga untuk memanipulasi kode html dengan nama/identitas tertentu. Manipulasi ini bisa berupa menyembunyikan, menganti bahkan menambahkan elemen html yang baru.

Tanpa javascript, saat melakukan aksi tertentu, misalnya meng-klik pada sebuah halaman website, maka hasil atau respon dari hasil klik tersebut harus dimuat pada halaman lain. Hal ini tentunya sangat merepotkan karena tidak setiap aksi klik menghasilkan hasil/output yang besar/banyak.

Struktur dari Javascript
 

<script language="JavaScript">
    //penulisan kode JavaScript
</script>

Kode JavaScript dapat dibuat dalam file terpisah dengan tujuan agar kode program dalam dokumen HTML tidak terlalu panjang. Pemanggilan JavaScript tersebut dilakukan dengan :
 

<script src="namafile.js">
    ....
</script>

Dalam  JavaScript terdapat perintah function yang biasa digunakan untuk membagi kedalam blok-blok perintah, dengan adanya blok-blok perintah tersebut maka akan mempermudah programmer dalam melakukan maintenance. Bentuk perintah :

*function nama-fungsi (parameter-list)
{
    declarations and statements
}

BAB II

PEMBAHASAN

2.1 Post Test dan Tugas

Post Test
Buatlah javascript dengan memasukan data berupa NIM, nama, alamat, setelah itu melakukan konfirmasi data akan disimpan. Kemudian tampilkan kembali hasil data masukan tersebut!
 

<html><head>
 <title>Input Data Mahasiswa</title>
</head>
 <body>
  <h3>Input Data Mahasiswa</h3>
  <script language="javascript">
    var nim = prompt ("Masukan NIM", "Masukan NIM anda");
    var nama = prompt ("Masukan Nama", "Masukan nama anda");
    var alamat = prompt ("Masukan Alamat", "Masukan alamat anda");
    var jawaban = window.confirm ("Apakah data anda akan disimpan?");
    document.write ("Status penyimpanan " + jawaban + '<br>');
    document.write ("NIM : " + nim + '<br>');
    document.write ("Nama : " + nama + '<br>');
    document.write ("Alamat : " + alamat);
    
  </script>
 </body>
</html> 

Hasil tampilan

Tugas
Buatlah program JavaScript yang  dapat melakukan perhitungan penjumlahan, buatlah tampilan dengan menarik!

File HTML

<html>
<head>
 <title>Operasi Penjumlahan</title>
 <link rel="stylesheet" type="text/css" href="Tugas.css">
</head>
<script language="javascript">
 function luas()
 {
  var angka1 = parseInt(document.data.nilai1.value);
  var angka2 = parseInt(document.data.nilai2.value);
  document.data.hasil.value = angka1 + angka2;
 }
 </script>
<body>
 <form name="data">
  <table>
   <th colspan="2">OPERASI PENJUMLAHAN</th>
   <tr>
    <td><p>Angka Pertama</p></td>
    <td><input type="text" name="nilai1"></td></tr>
   <tr>
    <td><p>Angka Kedua</p></td>
    <td><input type="text" name="nilai2"></td> </tr>
   <tr>
    <td><p>Hasil Operasi</p></td>
    <td><input type="text" name="hasil"></td></tr>
   <th colspan="2"><input type="button" value="HITUNG" onclick="luas()"></th>
  </table>
 </form>
</body>
</html>

File CSS

table{
 border: 1px solid #000;
 background: #000;
}

td{ 
 border: 1px solid #000;
 margin-bottom: 10;
 border-spacing: 15px;
 color: #33B4E4;
 
}

th{
 background: #33B4E4;
 margin-bottom: 10;
}

Hasil tampilan

BAB III

PENUTUP

3.1 Kesimpulan

Javascript adalah sebuah bahasa komputer atau kode pemrograman yang digunakan pada website agar website tersebut menjadi lebih interaktif dan dinamis.

JavaScript berbeda dengan Java karena  Java merupakan bahasa pemrograman yang di desain untuk eksekusi cepat dan keamanan penulisan. Program java juga memerlukan metode yang eksklusif . java juga merlukan perlengkapan untuk melakukan deklarasi kelas. Sedangkan JavaScript memiliki kemampuan tinggi meskipun hanya dituliskan. Dalam beberapa baris perintah dinamis saja, hal itu terlihat dalam program hyper talk atau dBase bahasa pemrograman script ini juga dilengkapi alat alat yang dapat memudahkan para pengguna dari berbagai kalangan. Diantaranya adanya syntax yang mudah, fungsi-fungsi khusus yang terpasang.

DFTAR PUSTAKA
 

Modul Praktikum Pemrograman Web 1 (2018), Kuningan, .Kom-UNIKU
https://www.devaradise.com/id/2014/11/pengertianl-apa-itu-javascript-manfaat-cara-kerja.html

Share this post

Berlangganan update artikel terbaru via email: