PENGENALAN JAVA SCRIPT

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.
M.K. Pemrograman Web (AK )
APLIKASI BERBASIS WEB STTI I-Tech Susana Dwi Yulianti, SKom.
MATA KULIAH :DESAIN WEB
JavaScript Pemrograman Web 1 Genap Tim Dosen Pemrograman Web Teknik Informatika UNPAS Pengenalan JavaScript Apa itu JavaScript?
STMIK PPKIA Pradnya Paramita
Isnardi,M.Kom Ikhsan, S.Kom, M.Kom Novinaldi, S.Kom
M.K. Pemrograman Web (AK )
Pengembangan Evangs Mailoa PHP WEB. Awalnya PHP merupakan singkatan dari Personal Home Page. Sesuai dengan namanya, PHP digunakan untuk membuat website.
PENGENALAN JAVA SCRIPT PEMROGRAMAN INTERNET1-6/LINDA SUVI RAHMAWATI STMIK PPKIA Pradnya STMIK PPKIA PRADNYA PARAMITA /LINDA SUVI RAHMAWATI.
PHP.
Mengenal JavaScript A’ud Solehuddin::Januari2012.
Pemrograman Berbasis WEB
Dasar JavaScript A’ud Solehuddin::Januari2012.
JAVASCRIPT.
Javascript Javascript Javascript Javascript Javascript Javascript
Dasar-Dasar PHP.
Notasi Algoritma.
Pemrograman Visual (Borland Delphi 7.0)
Praktikum Java Script.
PHP? PHP adalah server-side web programming
Dasar-dasar Pemrograman PHP
Kondisi, Operator, dan Variabel Pemograman Berorientasi Objek I 4 sks Arfansyah, M.Kom.
Data & Variabel Visual basic 6.0.
JavaScript Pemrograman Web 1.
Pengenalan Type Data Type data dapat dikelompokkan menjadi 2
Pemrograman Basis Data Berbasis Web
ANALISA DAN DESAIN ALGORITMA
Pemrograman Web JavaScript
Variabel dan Type Data Dalam PHP
Dasar-Dasar Pemrograman
Tipe Data , Variabel, Operator
ELEMEN-ELEMEN PROGRAM
PENGENALAN JAVA SCRIPT
Pertemuan ke -2 Teknik Informatika – UNIKOM 2010
Pengantar Common Gateway Interface (CGI) dan Perl
Pemrograman internet ABU SALAM, M.KOM.
Pertemuan ke 10 Objek Javascript 3.
STRUKTUR KONTROL & FUNGSI
FKIP Pend. Matematika Universitas Muhammadiyah Gresik
Pemrograman Berbasis WEB
Pseudocode – Tipe Data, Variabel, dan Operator
Pengenalan Type Data Type data dapat dikelompokkan menjadi 2
PRAKTIKUM PEMROGRAMAN WEB
Pemrograman internet ABU SALAM, M.KOM.
Dasar-Dasar Pemrograman
JavaScript.
Pemrograman Berbasis WEB
TIPE DATA.
Variabel, Tipe data dan operator
Pemrograman Basis Data Berbasis Web
Pemrograman Web HTML (7) PHP Andy Haryoko, ST
Pengembangan Web PHP.
Variabel dan Type Data Dalam PHP
Variabel dan Type Data Dalam PHP
Pemrograman Basis Data Berbasis Web
Pengenalan PHP, Variabel & Operator
PHP.
Pemrograman Berorientasi Platform (IN315B)
Pengantar Common Gateway Interface (CGI) dan Perl
Pengantar Common Gateway Interface (CGI) dan Perl
Dasar-dasar PHP - Pengantar - variabel - operator -struktur kontrol
PRAKTIKUM PEMROGRAMAN WEB Pertemuan 3
Pengembangan Web PHP.
Pemrograman Basis Data Berbasis Web
PHP.
Pengantar Common Gateway Interface (CGI) dan Perl
Variabel, Tipe data dan operator
Memori dan Scope Variabel
Transcript presentasi:

PENGENALAN JAVA SCRIPT Pemrograman Berbasis Web/suvi.rahma@gmail.com STIMATA@2018 STMIK PPKIA PRADNYA PARAMITA /LINDA SUVI RAHMAWATI linda@stimata.ac.id

Karakteristik java script Suatu Script yang berjalan secara client site yang disisipkan pada dokumen HTML Bahasa pemrograman yang dapat memberikan kemampuan tambahan terhadap bahasa HTML JavaScript bersifat Case Sensitive Sintaks penulisan Javascript memiliki kemiripan dengan bahasa pemrograman Java dan Juga C Javascript dikembangakan Netscape disebut Web Script Javascript dikembangakan Sun Microsystems disebut applet

sintaks java script <script language=”javascript”> <!—- // pendefinisian variabel atau objek /* statement – statement javascript */ //--> </script> Atau <script type=”text/javascript”>

Penempatan skrip java script 1. Body dalam dokumen HTML 2. Header, dalam bentuk function 3. Terpisah dari dokument HTML(External JavaScript) <HTML> <HEAD> </HEAD> <BODY> <script type=”text/javascript”> // Baris kode javascript diketik disini // Setiap perintah diakhiri tanda; <script> </BODY></HTML> function namafunction(parameterinput) // Baris kode fungsi disini dan diakhiri oleh } </script> ...... ...... Function – function JavaScript yang dibuat dipanggil dalam BODY </BODY> </HTML> Bilamana JavaScript diletakkan pada file (file.js) terpisah dengan file y dipanggil oleh file tersebut. Contoh penulisan Java dari external javascript: <html> <head> </head> <body> <script type=”text/javascript” src=”file.js”></SCRIPT> </body> </html> File.js adalah : document.write("<font color=red><center>”); document.write("This message is written when the page loads</center></font>");

Komentar Untuk memeberikan komentar dalam skrip JavaScript menggunakan : Untuk menulis komentar dalam satu baris kita gunakan karakter dobel slash. // semua karakter di belakang // tidak akan di eksekusi Untuk menulis komentar yang terdiri dari beberapa baris kita gunakan karakter /* dan */   /* Semua baris antara 2 tanda tersebut tidak akan di eksekusi oleh kompilator */  

Java script sebagai bahasa berorientasi pada obyek Properti adalah atribut dari sebuah objek. Contoh, objek mobil punya properti warna mobil. Penulisan : Nama_objek.nama_properti = nilai window.defaultStatus = ”Selamat Belajar JavaScript”; Metode adalah suatu kumpulan kode yang digunakan untuk melakukan sesuatu tindakan terhadap objek. Nama_objek.nama_metode(parameter) document.write (”Hallo”)

Perintah mencetak JAVA SCRIPT 1. Objek Document Property dari Objek Document Untuk memberikan warna huruf  document.fgColor= “warna”; Untuk memberikan caption / judul pada window document.title = “judul_window”; Untuk menuliskan semua eksekusi isi window / menulis teks tanpa ganti baris document.write (“ tempat eksekusi”); Untuk menuliskan semua eksekusi isi window / menulis teks dengan ganti baris document.writeln (“ tempat eksekusi”);

Perintah mencetak JAVA SCRIPT 2. Objek Window Method dari objek Window Untuk memunculkan message box atau pesan peringatan  window.alert(“pesan”); Untuk memunculkan pesan konfirmasi window.confirm(“pesan”); Untuk mencetak sebuah inputan window.prompt (“ pesan”); Untuk membuka jendela dialog print window.print (); Untuk melakukan redirect ke halaman lainwindow.location = “alamat file”;

Perintah mencetak JAVA SCRIPT 3. Tanda Penghubung Tanda penghubung dalam JavaScript adalah (+). Tanda ini digunakan untuk menghubungkan variable dan string, atau variabel dan variabel. Contoh: Nama=”Kucing” Document.write(“nama hewan:”+Nama) \\Hasil: ‘nama hewan:Kucing’.

Variabel Variabel adalah tempat dimana kita menyimpan nilai-nilai atau informasi-informasi pada JavaScript. Variabel yang dideklarasikan dapat di isi dengan nilai berupa huruf, angka, dll. Jika anda memberi nilai pada variabel, maka dalam JavaScript dianggap bahwa anda telah mendeklarasikan variabel tersebut.

VARIABEL Aturan penamaan variabel: Deklarasi variabel: Nama variabel harus dimulai dengan huruf, $, _(underscore) nama variabel cassensitive Tidak boleh menggunakan spasi Jangan menggunakan reserved word (kata – kata – perintah dalam java script) Deklarasi variabel: eksplisit : dengan menuliskan kata kunci var kemudian diikuti dengan nama variabel dan nilai dari variabel implisit : dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel Contoh1 : Var namakota; namakota = “malang”; Contoh2 : var namakota = “malang”; Contoh3: var namakota = “malang”, propinsi=“jawa timur”, kode=“3”;

Peletakan variabel Jika dia dideklarasikan dibagian awal dari skrip program, yang artinya sebelum pendeklarasian semua fungsi, maka semua fungsi di dalam program bisa mengakses variabel ini, dan variabel ini menjadi variabel global. Jika dia deklarasikan dengan menggunakan kata kunci var di dalam suatu fungsi tertentu, maka variabel itu hanya bisa di akses dari dalam fungsi tersebut, dan artinya variabel ini tidak berguna bagi fungsi fungsi yang lain, dan kita sebut variabel ini menjadi variabel lokal.

Konversi Jenis Variabel Meskipun JavaScript memungkinkan pengaturan perubahan jenis variabel secara transparan, kadang kadang kita perlu juga untuk melakukan konversi jenis variabel secara paksa. • parseInt() Fungsi ini mungkinkan merubah satu variabel yang dilewatkan dengan parameter tertentu (bisa dalam bentuk string ataupun dalam bentuk bilangan dalam basis yang disebutkan di parameter kedua) menjadi bilangan bulat. Sintaksnya adalah sebagai berikut : parseInt(string); Berikut ini salah satu contoh penggunaan fungsi parseInt() : var a = "5"; var b = "10"; document.write(a+b,"<BR>"); // hasil 510 document.write(parseInt(a)+parseInt(b),"<BR>"); // hasil 50

Konversi Jenis Variabel parseFloat()  Adalah satu fungsi inti dari JavaScript yang memungkinkan merubah variabel yang dilewatkan dengan parameter tertentu menjadi bilangan desimal, Sintaks dari fungsi parseFloat adalah sebagai berikut : parseFloat(string);

TIPE DATA Tipe data String adalah data yang memuat karakter, misalnya “malang”. String adalah sembarang teks yang berada di dalam tanda petik, baik petik tunggal (‘) ataupun ganda (‘’) Contoh : Var namakota = “malang”; var propinsi = ‘jawa timur’;

TIPE DATA Tipe data integer (bulat)dan Tipe data Float(pecahan) merupakan tipe data numerik. Untuk bilangan bulat, kita dapat mempresentasikan dengan basis desimal, oktal ataupun heksadesimal. Contoh : Var x1= 34; Var x2 = 3.14;

TIPE DATA Tipe data Boolean terdiri dari dua nilai, yaitu true atau false. Contoh : Var x = true;

OPERATOR Operator aritmatika untuk operasi matematika Contoh : <script> var x = 4; var y = 2; z = x + y; alert(z); </script>

OPERATOR Operator Assignment operator yang berfungsi untuk memberikan nilai kepada suatu variabel menggunakan tanda sama dengan (=) Contoh : <script> var x = 4; var y = 2; x -= y alert(x); </script>

Operator Operator Pembanding digunakan untuk membandingkan dua buah operan. Operan yang dikenal operator ini dapat bertipe string, numerik, dll Contoh <html><head> <script> var x = 4; var y = 2; if(x > y){ alert("x lebih besar dari y"); } </script> </head> <body></body></html>

OPERATOR Operator Logika untuk menunjukkan nilai kebenaran antara beberapa variabel atau beberapa nilai. Contoh : <script> var x = 76; if(x >= 80){ alert("Nilai = A"); }else if(x >= 70 && x < 80){ alert("Nilai = B"); }else if(x >= 60 && x < 70){ alert("Nilai = C"); }else{ alert("Nilai = D"); } </script>

operator Operator String Operator + yang digunakan untuk variabel jenis String memungkinkan kita untuk melakukan penggabungan (concantenate) dua variabel String. Perlu dicatat juga bahwa var='a'+'b' adalah sama dengan var='ab'