APLIKASI BERBASIS WEB STTI I-Tech Susana Dwi Yulianti, SKom.

Presentasi berjudul: "APLIKASI BERBASIS WEB STTI I-Tech Susana Dwi Yulianti, SKom."— Transcript presentasi:

1 APLIKASI BERBASIS WEB STTI I-Tech Susana Dwi Yulianti, SKom

2  JavaScript adalah bahasa script yang dikembangkan Netscape Communications bekerja sama dengan Sun Microsystems.  membuat halaman yang interaktif, HTML saja tidak cukup.  Asal mula JavaScript adalah LiveScript, Dikembangkan pertama kali pada tahun 1995.  Bahasa ini dikenali pada browser Netscape Navigator mulai versi 2.0 ke atas. Microsoft juga melengkapi Internet Explorer dengan JavaScript mulai versi 3.0 ke atas.  Pada akhir tahun 1996, Netscape menyerahkan proses standarisasi spesifikasi bahasa JavaScript ke badan independent, yaitu ECMA (European Computer Manufacturers Association).

3  Untuk mempelajari pemrograman JavaScript, hanya dua piranti yang diperlukan, yaitu :  Editor Teks  Web Browser  Program JavaScript dituliskan pada file HTML (.html atau.htm) dengan menggunakan tag kontainer.  Tag kontainer mempunyai atribut Language. Isikan atribut Language dengan JavaScript.

4 Contoh Latihan JavaScript <!-- Belajar membuat program JavaScript --> document.write ("Selamat Siang "); document.write ("Universitas Mercu Buana”);

5  Kode JavaScript yang salah secara sintaks akan membuat browser menampilkan kotak dialog yang menyatakan pesan kesalahan.  Umumnya kesalahan yang sering terjadi pada kode JavaScript diakibatkan oleh hal- hal sebagai berikut : 1) Kesalahan karena penulisan huruf capital dan huruf kecil 2) Penggunaan tanda kutip yang tidak cocok 3) Kesalahan dalam tag

6  Properti adalah atribut dari sebuah objek.  Untuk mengakses sebuah properti, perlu penulisan dengan bentuk sebagai berikut :  Tanda titik digunakan sebagai pemisah antara nama objek dan nama properti.  Properti dapat diberi nilai melalui bentuk penugasan berikut : nama_objek.nama_properti Objek.properti = nilai

7 Contoh properti defaultStatus Tes defaultStatus <!-- window.defaultStatus = “coba” //-->

8

9  Metode adalah suatu kumpulan kode yang digunakan untuk melakukan sesuatu tindakan terhadap objek.  Sbg contoh, write() pada objek document adalah metode yang digunakan untuk menuliskan tulisan ke jendela browser.  dipanggil dengan menyebutkan nama objek, tanda titik, dan nama metode diikuti dengan daftar parameter yang diletakkan di dalam tanda kurung. Nama_objek.nama_metode(parameter)

10  Script javascript dapat diletakkan pada : 1. Body dalam document HMTL 2. Header dalam bentuk function //Baris kode javascript ketik disini //Setiap perintah diakhiri dengan ; function namafunction(parameterinput) { // Baris Kode fungsi di sini dan diakhiri oleh ‘;’ }

11 3. Terpisah dalam document HTML / external javascript. perintah untuk memanggil file tersebut adalah sebagai berikut :

12  adalah sekumpulan kode yang akan dijalankan manakala pemakai melakukan suatu tindakan (biasa disebut dengan kejadian).  Bentuk penanganan kejadian adalah seperti berikut ini :  Contoh kejadian adalah onMouseOver dan onMouseOut. nama_kejadian=”kumpulan kode”

13 Contoh function test () { var val1=document.kirim.T1.value if (val1%2==0) document.kirim.T2.value="bilangan genap" else document.kirim.T2.value="bilangan ganjil" } BIL MERUPAKAN BIL

14  JavaScript memiliki mekanisme yang memungkinkan pemakai disuguhi jendela untuk memasukkan sederetan masukan dan setelah pemakai mengkilk tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses.  Contoh tampilan jendela input :

15 Jendela Memasukkan Data var nama = prompt("Nama Anda : "); document.write("Hai, " + nama);

16  Jika Anda ingin memberikan sebuah pesan kepada user, Anda bisa menyajikannya dalam bentuk kotak dialog yang biasa disebut Alert Box.  pernyataan yang diberikan adalah : window.alert("Jendela Peringatan");

17

18 Alert Box window.alert("Jendela Peringatan");

19  Javascript menyediakan jendela konfirmasi. Hal ini dapat dilakukan dengan menggunakan metode confirm().

20 Jendela Konfirmasi var jawab = window.confirm("Anda sudah belajar?"); document.write("Jawaban Anda: " + jawab);

21  Dalam sebuah bahasa pemrograman, variabel sangatlah berperan penting.  Biasanya variabel digunakan untuk menyimpan data.  Variabel adalah suatu nama yang digunakan untuk menyimpan nilai dan nilai yang ada di dalamnya dapat diubah sewaktu-waktu.  Pada JavaScript, pendeklarasian variabel bersifat opsional

22  Pendeklarasian variabel pada JavaScript ditulis dengan menggunakan pernyataan var.  Contoh : var nama = “Budi”; var nilai = 8; var x,y,z = “7”; var alamat;

23 1. Penamaan variabel diawali dengan huruf atau tanda karakter garis bawah ( _ ). 2. Nama variabel tidak boleh mengandung karakter spasi. Bila variable terdiri dari beberapa kata, maka variabel dapat dipisahkan dengan karakter garis bawah. 3. Karakter kedua dan seterusnya dapat berupa huruf, angka, atau karakter garis bawah. 4. Penamaan variabel tidak boleh menggunakan kata kunci JavaScript. 5. Beberapa variabel yang bernama sama tidak dapat dimiliki dalam sebuah blok. Tetapi dapat digunakan asalkan variabel-variabel tersebut terletak dalam blok yang berbeda. 6. Sebaiknya penamaan variabel dibuat sesuai dengan apa yang disimpannya. 7. Huruf kapital dan huruf kecil dibedakan (CASE-SENSITIF)

24 NamaKeteranganContoh Nilai Bilangan / Numerik dibedakan menjadi tipe bilangan bulat dan bilangan real 496, -90 String adalah deretan karakter-karakter. Pada JavaScript string dapat dituliskan diantara tanda petik tunggal (‘) atau tanda (“). “Pemrograman Web” Nilai Logika / Boolean bernilai true atau false True atau false Null digunakan untuk merepresentasikan variabel yang tidak diinisialisasi var total ;

25 BILANGAN DAN STRING OPERASI BILANGAN DAN STRING document.writeln(" "); var A = "40"; var B = "30"; var C = 80; var D = 60; var E = A + B; document.writeln ('"40" + "30" = ' + E); E = B + C; document.writeln ('"30" + 80 = ' + E); E = C + D; document.writeln ('80 + 60 = ' + E); E = D + A; document.writeln ('60 + "40"= ' + E); document.writeln(" ");

26  Ekspresi merupakan suatu bentuk yang menghasilkan suatu nilai.  Dalam bentuk yang sederhana, biasanya ekspresi merupakan sebuah variabel.  Dan dalam bentuk yang kompleks biasanya sebuah ekspresi disajikan dengan melibatkan operator & operand.  Contoh :  Angka 3, 1, dan 6 adalah merupakan operand, sedangkan simbol – dan* berperan sebagai operator. 3–1*6 Ekspresi

27 Pada dasarnya, operator pada JavaScript dapat dibagi menjadi enam, yaitu : 1. Operator Aritmatik 2. Operator Pemberian nilai 3. Operator pemanipulasi bit (bitwise) 4. Operator pembanding 5. Operator Logika 6. Operator String

28  Operator aritmatik digunakan pada operand bertipe numerik. Semua operator berlaku untuk bilangan bulat maupun bilangan pecahan (floating-point). OperatorTunggal/BinerFungsi +BinerPenjumlahan -BinerPengurangan *BinerPerkalian /BinerPembagian %BinerModulus (Sissa Pembagian) ++TunggalPenambahan dengan satu (Increment) --TunggalPengurangan dengan satu (decrement)

29  Operator pemberian nilai digunakan bila ingin memberi nilai ke suatu operand atau mengubah nilai suatu operand. OperatorKeteranganContohEkuivalen =Sama dengana=b- +=Ditambah dengana+=b a=a+b -=Dikurang dengan a-=b a=a-b *=Dikalikan dengana*=b a=a*b /=Dibagi dengan a/=b a=a/b %=Dikenai operasi modulus dengan a%=b a=a%b

30  Operator pembanding digunakan untuk membandingkan dua buah operand.  Operand yang dikenai operator ini dapat bertipe string, numerik, maupun ekspresi lain.  Hasil dari operasi pembandingan adalah data bertipe boolean yang menunjukkan hasil operasi benar atau salah. OperatorFungsi ==Kesamaan !=Ketidaksamaan >Lebih besar daripada <Lebih kecil daripada >=Lebih besar atau sama dengan <=Lebih kecil atau sama dengan

31  Operator logika digunakan untuk menentukan logika antara variabel atau nilai.  Contoh: diberikan nilai x=6 dan y=3 OperatorKeteranganContoh &&And(x 1) hasilnya true ||Or(x==5 || y==5) hasilnya false !Not!(x==y) hasilnya true

32 Latihan JavaScript