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

Slides:



Advertisements
Presentasi serupa
Pertemuan 8. 2  JavaScript dikembangkan pertama kali pada tahun 1995 di Netscape Communications dgn nama LiveScript.  Hasil kolaborasi antara Netscape.
Advertisements

Javascript (Part 1).  JavaScript adalah bahasa skrip yang populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet.
APLIKASI BERBASIS WEB STTI I-Tech Susana Dwi Yulianti, SKom.
M.K. Pemrograman Web (AK )
MATA KULIAH :DESAIN WEB
JavaScript Pemrograman Web 1 Genap Tim Dosen Pemrograman Web Teknik Informatika UNPAS Popup Box JavaScript memiliki tiga macam.
Pengantar Common Gateway Interface (CGI) dan Perl
Isnardi,M.Kom Ikhsan, S.Kom, M.Kom Novinaldi, S.Kom
M.K. Pemrograman Web (AK )
Matakuliah : Algoritma & Struktur Data Versi Materi
VARIABEL DAN OPERATOR.
PHP Programming PHP 1 Ir. H. Sumijan, M.Sc.
PENGENALAN JAVA SCRIPT PEMROGRAMAN INTERNET1-6/LINDA SUVI RAHMAWATI STMIK PPKIA Pradnya STMIK PPKIA PRADNYA PARAMITA /LINDA SUVI RAHMAWATI.
PHP.
Pengembangan WEB Java Script Evangs Mailoa.
Mengenal JavaScript A’ud Solehuddin::Januari2012.
Dasar JavaScript A’ud Solehuddin::Januari2012.
JAVASCRIPT.
Javascript Javascript Javascript Javascript Javascript Javascript
Logika & Algoritma -- Pertemuan II: Variabel dan Operator Logika & Algoritma --
Pemprograman Terstruktur 1
Algoritma (Struktur, Tipe Data, Input/Output)
Notasi Algoritma.
Pemrograman Visual (Borland Delphi 7.0)
Praktikum Java Script.
M.K. Pemrograman Web (AK )
PHP? PHP adalah server-side web programming
JavaScript Pemrograman Web 1.
PEMROGRAMAN WEB 1 BY: ASIH WINANTU.
JavaScript Pemrograman Web 1.
KOMENTAR Komentar dipakai untuk memberikan penjelasan atau keterangan di dalam baris program. Teks yang ditulis sebagai komentar tidak akan dikompilasi.
Algoritma Dan Pemrograman
Pemrograman Basis Data Berbasis Web
ALGORITMA PEMROGRAMAN 2A
Internet Programming PHP
Notasi Algoritma & Tipe Data
Lutfi Budi Ilmawan Univ. Muslim Indonesia
PERTEMUAN 2 Bambang Irawan.
Dasar-Dasar Pemrograman
Tipe Data , Variabel, Operator
PENGENALAN JAVA SCRIPT
Pertemuan ke -2 Teknik Informatika – UNIKOM 2010
Pengantar Common Gateway Interface (CGI) dan Perl
Pemrograman internet ABU SALAM, M.KOM.
Pertemuan 5 Tipe Data, Operator, Tata Bahasa
Pengantar Pemrograman
TEE 2103 Algoritma dan Pemrograman
Pseudocode – Tipe Data, Variabel, dan Operator
Tipe Data, Operator dan Ekspresi
Pertemuan II By : Lisda Juliana P.,Ssi..
JavaScript.
Pemrograman Berbasis WEB
Tipe Data, Nama dan Nilai
Pemrograman Web HTML (7) PHP Andy Haryoko, ST
PEMROGRAMAN WEB Client Side XHTML, JAVASCRIPT.
Pemrograman Basis Data Berbasis Web
Pengenalan PHP, Variabel & Operator
PHP.
Pengantar Common Gateway Interface (CGI) dan Perl
Pengantar Common Gateway Interface (CGI) dan Perl
Struktur dan Arsitektur Pemrograman
Dasar-dasar PHP - Pengantar - variabel - operator -struktur kontrol
PENGENALAN JAVA SCRIPT
KOMENTAR Komentar dipakai untuk memberikan penjelasan atau keterangan di dalam baris program. Teks yang ditulis sebagai komentar tidak akan dikompilasi.
Pemrograman Basis Data Berbasis Web
Pengenalan Java Script
PHP.
Teknik Komputer & Jaringan SMK Al-Muhtadin Sahadi, ST
Pengantar Common Gateway Interface (CGI) dan Perl
KOMENTAR Komentar dipakai untuk memberikan penjelasan atau keterangan di dalam baris program. Teks yang ditulis sebagai komentar tidak akan dikompilasi.
Transcript presentasi:

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

 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  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).

 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.

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

 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

 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

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

 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)

 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 ‘;’ }

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

 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”

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

 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 :

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

 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");

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

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

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

 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

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

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)

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 ;

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 (' = ' + E); E = D + A; document.writeln ('60 + "40"= ' + E); document.writeln(" ");

 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

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

 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)

 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

 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

 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

Latihan JavaScript