Implementasi Basisdata Relasional denga MySQL

TUGAS MANDIRIPerancangan JavaScript di SMK Real Informatika Mata Pelajaran: Pemrograman JavaScript

Nama Siswa : Stephanus Tan NIS: 01.10.079 Guru : Anggiat Marubah Siringo

SMK REAL INFORMATIKA2012

KATA PENGANTAR

Puji dan syukur penulis panjatkan kehadirat Yang Maha Esa,karena berkat rahmat Allah yang maha kuasa, Penyusun dapat menyelesaikan penyusunan tugas mid ini dengan baik. Tugas mid ini berisikan mengenai JavaScript yang diterapkan pada aplikasi Java dengan menggunakan JCreator LE maupun NetBeans IDE. Pada kesempatan kali ini penulis sampaikan terima kasih kepada seluruh pembaca makalah ini, penulis menyadari bahwa masih banyak kelemahan dalam penyusunan makalah ini. Maka penulis berharap adanya kritik dan saran dari pembaca agar penulis dapat membuat makalah yang lebih baik pada masa yang akan datang. Penulis berharap makalah ini dapat memberikan manfaat dan memperluas ilmu pembaca. Dalam menyelesaiakan tugas mandiri ini penulis juga menyampaikan ucapan terima kasih kepada :1. Bapak Anggiat Marubah Siringo,2.Teman-teman sekolah di SMK Real Informatika.

Batam, 12 November 2012 Penulis Stephanus Tandaftar isi

HALAMAN JUDUL1KATA PENGANTAR2daftar isi3BAB 1.PENDAHULUAN41.1.Latar Belakang41.2.Penulisan Pada JavaScript41.3.Variabel Pada JavaScript51.4.Operator Pada JavaScript61.5.Objek Pada JavaScript61.6.Percabangan Dan Perungalan Pada JavaScript7BAB 2.LANDASAN TEORI8BAB 3.PEMBAHASAN93.1. Script Pada JavaScript 9BAB 4. HASIL PROGRAM JAVASCRIPT16BAB 5.KESIMPULAN21DAFTAR PUSTAKA22

BAB 1PENDAHULUAN1.1. Latar BelakangJavascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan LiveScript yang berfungsi sebagai bahasa sederhana untuk browser NetscapeNavigator2. Pada masa itu bahasa ini banyak di kritik karena kurang aman, pengembangannya yang terkesan buru buru dan tidak ada pesan kesalahan yang di tampilkan setiap kali kita membuat kesalahan pada saat menyusun suatu program. 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 Internet Explorer 3. Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan pada suatu dokumen HTML, sepanjang sejarah internet bahasa ini adalah bahasa skrip pertama untuk web.

Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengijinkan pengeksekusian perintah perintah di sisi user, yang artinya di sisi browser bukan di sisi server web. Javascript bergantung kepada browser(navigator) yang memanggil halaman web yang berisi skrip skrip dari Javascript dan tentu saja terselip di dalam dokumen HTML. Javascript juga tidak memerlukan kompilator atau penterjemah khusus untuk menjalankannya (pada kenyataannya kompilator Javascript sendiri sudah termasuk di dalam browser tersebut). Lain halnya dengan bahasa Java (dengan mana JavaScript selalu di banding bandingkan) yang memerlukan kompilator khusus untuk menterjemahkannya di sisi user/klien.

1.2 Penulisan Pada Java Script

Kode Java Script dituliskan pada file HTML.Terdapat dua cara untuk menuliskan kode-kode Java Script agar dapat ditampilkan pada halaman HTML, yaitu :

A).JavaScript Ditulis Pada File Yang SamaUntuk penulisan dengan cara ini, perintah yang digunakan adalahprogram java script disini.Perintah tersebut biasanya diletakkan diantara Tag

B). JavaScript Ditulis Pada File TerpisahKode Javascript bisa juga kita buat dalam file terpisah dengan tujuan agar dokumen HTML isinya tidak terlalu panjang. Atribut yang digunakan adalahDiantara tag dan tidak diperlukan lagi kode Javascriptnya karena sudah dibuat dalam file terpisah. File yang mengandung kode Javascript berekstensi .js

1.3 Variabel Pada JavaScript

Variabel adalah tempat dimana kita menyimpan nilai-nilai atau informasi-informasi pada JavaScript. Dalam JavaScript pendeklarasian sebuah variabel sifatnya opsional, artinya anda boleh mendeklarasikan atau tidak hal tersebut tidak menjadi masalah. Aturan penamaan variabel : Harus diawali dengan karakter (huruf atau baris bawah) Tidak boleh menggunakan spasi Huruf Kapital dan kecil memiliki arti yang berbeda Tidak boleh menggunakan kata-kata yang merupakan perintah dalam JavaScript.

A. Tipe DataJavaScript tidak memiliki tipe data secara explisit. Meskipun JavaScript tidak memiliki tipe data secara explisit. JavaScript mempunyai tipe data implisit.Terdapat 4 macam tipe data implisit yang dimiliki oleh JavaScriptyaitu :1.Numerik: 0222532531, 1000, 45, 3.1467892.String: Hallo, April, Jl. Setiabudi No 17A3.Boolean: bernilai true atau false4.Null: variabel yang tidak diinisilisasi

1. Tipe NumerikPada dasarnya JavaScript hanya mengenal dua macam tipe numerik, yaitu bilangan bulat (integer) dan bilangan pecahan(real/float). Untuk bilangan bulat, kita dapat merepresentasikan dengan basis desimal, oktal atau heksadesimal.

2. Tipe StringUntuk mendeklarasikan tipe string dapat dilakukan dengan cara menuliskan string diantara tanda petik tunggal () atau tanda petik ganda () Contoh :

3. Tipe BooleanTipe boolean hanya mempunyai nilai True atau False. Tipe ini biasanya digunakan untuk mengecek suatu kondisi atau keadaan

4. Tipe NullTipe Null digunakan untuk merepresentasikan variabel yang tidak diberi nilai awal (inisialisasi).

1.4. Operator Pada JavaScriptOperator pada JavaScript terbagi menjadi enam, yaitu :

1.Operator AritmatikaDigunakan untuk operan bertipe numerik. Ada 2 macam operator aritmatik, yaitu operator numerik tunggal dan operator aritmatik biner. Perbedaan kedua operator terletak pada jumlah operan yang harus dioperasikan.

2. Operator Pemberian NilaiDigunakan untuk memberikan nilai ke suatu operan atau mengubah nilai suatuoperator.

3. Operator Manipulasi BitOperasi ini berhubungan dengan pemanipulasian bit pada operan bertipe bilanganbulat.

4. Operator PembandingDigunakan untuk membandingkan dua buah operan. Operan yang dikenal operator ini dapat bertipe string, numerik, maupun ekspresi lain.

5. Operator LogikaDigunakan untuk mengoperasikan operan yang bertipe boolean.

6. Operator StringSelain operator pembanding, operator string pada JavaScript juga mengenal satuoperator lagi yang bernama PENGGABUNGAN. Operator ini digunakan untuk menggabungkan beberapa string menjadi sebuah string yang lebih panjang.

1.5. Objek Pada JavaScript

1. Objek Untuk Memasukkan DataTerdapat beberapa objek yang dapat digunakan untuk memasukkan data. Objek - objek tersebut biasanya terdapat dalam suatu form. Adapun objek-objek tersebut meliputi Objek Text, Objek Radio, Objek Checkbox, Objek Textarea, dan Objek Select.

A. Objek TextUntuk menginputkan data kita dapat menggunakan komponen/objek text.

B. Objek RadioObjek radio adalah komponen yang digunakan untuk melakukan suatu pemilihan data. Karena selalu berupa Array , untuk mengakses satu tombol radio digunakan radio[indeks].

C. Objek CheckboxObjek checkbox menyimpan informasi tentang elemen form yang berupa kotak cek. Penggunaannya hampir sama seperti objek radio.

D.Objek TextAreaObjek textarea menyimpan informasi tentang elemen form yang berupa kotak teks dengan banyak baris.

E. Objek SelectObjek Select menyimpan informasi tentang elemen form yang berupa kotak daftar. Objek select berguna apabila di dalam form terdapat banyak pilihan yang telah mempunyai nilai tertentu.

1.6. Percabangan Dan Perungalan Pada JavaScript

1. PercabanganUntuk membuat suatu halaman yang dinamis dan interaktif, perancang halaman Web membutuhkan perintah-perintah yang dapat mengatur aliran dari informasi. Pada dasarnya, JavaScript terdapat dua macam pernyataan percabangan yaitu if..else dan switchA. If..ElsePernyataan ini digunakan untuk menguji sebuah kondisi dan kemudian mengeksekusipernyataan tertentu bila kondisi tersebut terpenuhi, dan mengeksekusi pernyataan lainbila kondisi tersebut tidak terpenuhi.B. SwitchSelain menggunakan if..else, percabangan juga dapat ditangani dengan perintahswitch. Dengn kata lain pernyataan switch digunakan untuk menyederhanakanpernyataan if..else yang terlalu banyak.

2.PerulanganUntuk mengulang kejadian beberapa kali maka kita membutuhkan proses perulangan. Pada JavaScript dikenal metode/cara perulangan.A. Perulangan ForDigunakan untuk mengeksekusi pernyataan-pernyataan beberapa kali. Perulangan For paling sering dipakai, jika anda sudah tahu akhir dari perulangan tersebut. Perintah for mengulang suatu loop sampai kondisi menghasilkan evaluasi true atau loop keluar dengan perintah break.B.Perulangan Do WhilePerulangan Do While merupakan perulangan yang hampir mirip dengan perulangan while namun perbedaanya, pada perulangan Do While, maka minimal instruksi dijalankan sekali saja.

BAB 2 LANDASAN TEORI Secara fungsional, JavaScript digunakan untuk menyediakan akses script pada objek yang dibenamkan ( embedded ). Contoh sederhana dari penggunaan JavaScript adalah membuka halaman pop up, fungsi validasi pada form sebelum data dikirimkan ke server, merubah image kursor ketika melewati objek tertentu, dan lain lain. Yang harus diperhatikan dalam pengelolaan pemrograman JavaScript, diantaranya JavaScript adalah case sensitive, yang artinya JavaScript membedakan huruf besar dan huruf kecil. Jika Anda pernah belajar bahasa pemrograman seperti Turbo C atau C++, maka sama seperti bahasa pemrograman tersebut, dimana huruf T tidak sama dengan huruf t. Dalam bahasa pemrograman JavaScript juga, sebagai contoh fungsi perintah var tidak boleh ditulis Var dan juga tidak boleh ditulis VAR (huruf besar semua), yang benar adalah var (huruf kecil semua). Perintah lain adalah new Date tidak boleh ditulis new date (huruf kecil semua), dsb. JavaScript bekerja pada sisi browser. maksudnya begini : untuk menampilkan halaman web, user menuliskan alamat web di address bar url. setelah itu, browser mengambil file html ( dengan file jJvaScript yang melekat padanya jika memang ada ) ke server yang beralamat di URL yang diketikan oleh user. Selesai file diambil, file ditampilkan pada browser. Nah, setelah file JavaScript berada pada browser, barulah script JavaScript tersebut bekerja. Efek dari Javascript yang bekerja pada sisi browser ini, Javascript dapat merespon perintah user dengan cepat, dan membuat halaman web menjadi lebih responsif. JavaScript melakukan apa yang tidak bisa dilakukan oleh HTML, PHP, dan CSS : menangani hal hal yang membutuhkan respons cepat terhadap aksi dari user. Implementasi terpopuler saat ini dari pemrograman JavaScript adalah teknik AJAX. (Asynchronous JavaScript and XMLHTTP ). teknik ini sering digunakan oleh aplikasi berbasis web seperti Gmail, Google Reader, dan lain lain. Teknik yang membuat pertukaran data antara server dan browser terjadi di belakang layar sehingga interaksi antara user dan aplikasi web semakin responsif. Post tersendiri untuk membahas hal ini akan kita siapkan.

BAB 3PEMBAHASAN3.1. Script Pada JavaScriptTambah

Operasi Aritmatika

Kurang

Operasi Aritmatika

Kali

Operasi Aritmatika

Bagi

Operasi Aritmatika

Lingkaran

Lingkaran

r = prompt("Jari-jari:"," ");ls = 3.14*(parseInt(r)*parseInt(r));kl = 2*3.14*(parseFloat(r));document.write("\t\t\t\t\t\t\t\t\t\t\t\t\t\Jari-jari =" + r + "Cm" + "
");document.write("\t\t\t\t\t\t\t\t\t\t\t\t\t\Luas = "+ ls + "Cm2" + "
");document.write("\t\t\t\t\t\t\t\t\t\t\t\t\t\Keliling = "+ kl + "Cm2" + "
");

Segitiga

Segitiga

a = prompt("Alas:"," ");t = prompt("Tinggi:"," ");ls = parseInt(a)*parseInt(t)*0.5;kl = 3*(parseFloat(a));document.write("\t\t\t\t\t\t\t\t\t\t\t\t\t\Alas =" + a + "Cm" + "
");document.write("\t\t\t\t\t\t\t\t\t\t\t\t\t\Tinggi ="+ t + "Cm" + "
");document.write("\t\t\t\t\t\t\t\t\t\t\t\t\t\LuasSegitiga ="+ ls + "Cm2" + "
");document.write("\t\t\t\t\t\t\t\t\t\t\t\t\t\KelilingSegitiga = "+ kl + "Cm2" + "
");

Persegi Panjang

Persegi Panjang

p = prompt("Panjang:"," ");l = prompt("Lebar:"," ");ls = parseInt(p)*parseInt(l);kl = 2*(parseFloat(p)+parseFloat(l));document.write("\t\t\t\t\t\t\t\t\t\t\t\t\t\Panjang =" + p + "Cm" + "
");document.write("\t\t\t\t\t\t\t\t\t\t\t\t\t\Lebar ="+ l + "Cm" + "
");document.write("\t\t\t\t\t\t\t\t\t\t\t\t\t\Luas ="+ ls + "Cm2" + "
");document.write("\t\t\t\t\t\t\t\t\t\t\t\t\t\Keliling = "+ kl + "Cm2" + "
");

Kubus

Menghitung Volume Kubus

Volume Kubus

Sisi :

Balok

Menghitung Volume Balok

Volume Balok

Lebar : Panjang : Tinggi :

Continue

Continue

BAB 4HASIL PROGRAM JAVASCRIPT

Tambah

Kurang

Kali

Bagi

Lingkaran

Segitiga

Persegi Panjang

Kubus

Balok

Continue

BAB 5KESIMPULANDari Makalah diatas dapat disimpulkan bahwa Script-script di dalam JAVASCRIPT adalah bahasa pemrograman yang khusus untuk halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program. Penggunaan object JavaScript (XMLHttpRequest) untuk merequest ke server, dalam beberapa browser tidak sama. Untuk browser keluaran microsoft menggunakan komponen ActiveX, namanya Microsoft.XMLHTTP, terdapat banyak versi dari komponen ini, tergantu dari versi browser internet Explorer (IE). Sedangkan browser keluarga mozilla, seperti firefox, opera menggunakan XMLHttpRequest. Namanya berbeda tetapi memiliki fungsi yang sama yaitu melakukan request ke server secara asinkron.

DAFTAR PUSTAKA

RINGO ANGGIAT MARUBAH 85.(2012).JavaScript PROGRAMING MEDAN-IND.UNIVERSITY WORKhttp://blog.uad.ac.id/lutvi/2012/05/20/kesimpulan-mengenai-ajax/.[22]