Pemrograman Basis Data Berbasis Web

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?
JavaScript Pemrograman Web 1 Genap Tim Dosen Pemrograman Web Teknik Informatika UNPAS Popup Box JavaScript memiliki tiga macam.
Pertemuan Ke-1 (Konsep Dasar Web)
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.
STATEMENT dalam JAVASCRIPT
Mengenal JavaScript A’ud Solehuddin::Januari2012.
Pengembangan Web Java Script Ramos Somya.
Introduction to JavaScript A’ud Solehuddin::Januari 2012.
JAVASCRIPT.
Javascript Javascript Javascript Javascript Javascript Javascript
Dasar-Dasar PHP.
Pemrograman Visual (Borland Delphi 7.0)
Java Script Pengertian Javascript Aplikasi Javascript - Input Box
Praktikum Java Script.
PHP? PHP adalah server-side web programming
Dasar-dasar Pemrograman PHP
PHP.
JavaScript Pemrograman Web 1.
Pertemuan 2 1.  Bahasa yang digunakan untuk menampilkan informasi pd halaman web.  bahasa ini menggunakan tanda (markup) untuk menandai perintah- perintahnya.
S1 Teknik Informatika - Unijoyo1 Pemrograman Basis Data Berbasis Web Pertemuan Ke-7 (XML)
S1 Teknik Informatika - Unijoyo
S1 Teknik Informatika - Unijoyo 1 Pemrograman Basis Data Berbasis Web Pertemuan Ke-4 (HTML )
JavaScript Pemrograman Web 1.
Pemrogaman Web PHP.
Pertemuan Ke-1 (Konsep Dasar Web)
Pemrograman WEB Pertemuan I (Teori)
Pemrograman Web JavaScript
WEB 1 (HTML) STMIK A. Yani.
PENGENALAN JAVA SCRIPT
Pemrograman internet ABU SALAM, M.KOM.
KOMPUTER APLIKASI IT II
Pemrograman Basis Data Berbasis Web
Belajar Javascript Part 2 : Cara Penulisan Dan Penggunaan Javascript
S1 Teknik Informatika - Unijoyo
Java script.
STRUKTUR KONTROL & FUNGSI
Pemrograman Basis Data Berbasis Web
Event,Tipe Data,Variabel & Function
JavaScript.
Pemrograman Berbasis WEB
S1 Teknik Informatika - Unijoyo
CONDITIONAL Pertemuan 3.
Pemrograman Basis Data Berbasis Web
Pemrograman Web/TI/ AK /2 sks
Pengembangan Aplikasi Framework (IT657)
Pengenalan Dasar Web dan HTML
Pemrograman Web/TI/ AK /2 sks
Pemrograman Basis Data Berbasis Web
PEMROGRAMAN WEB Client Side XHTML, JAVASCRIPT.
Pemrograman Basis Data Berbasis Web
PHP.
Javascript (1).
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web
Praktikum Pengambangan Web
PRAKTIKUM PEMROGRAMAN WEB Pertemuan 3
Pemrograman Web/TI/ AK /2 sks
Pemrograman WEB Pertemuan I (Teori) Oleh : D. Sinaga, M.Kom.
PENGENALAN JAVA SCRIPT
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web
Transcript presentasi:

Pemrograman Basis Data Berbasis Web Pertemuan Ke-6 (JavaScript) S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Sub Pokok Bahasan JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript Komentar pada JavaScript Kotak Dialog Variabel Operator Struktur Kontrol Fungsi (function) Event Status Bar S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo JavaScript? Untuk membuat website menjadi dinamis dan interaktif: meletakan teks dinamik di dalam halaman HTML memberikan reaksi terhadap suatu event membaca dan menuliskan elemen-elemen HTML digunakan untuk memvalidasi data digunakan untuk mendeteksi browser pengunjung web digunakan untuk menyimpan dan menerima informasi di komputer pengunjung halaman Web S1 Teknik Informatika - Unijoyo

Mendeklarasikan JavaScript <script type=“txt/javascript"> <!-- Kode-kode JavaScript // --> </script> S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo JavaScript Sederhana Tampilan: JavaScript untuk menuliskan teks: <html> <body> <script type="text/javascript"> document.write(“JavaScript sederhana!"); </script> </body> </html> S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Peletakan JavaScript Di bagian Head Di bagian Body Di bagian Head dan body Di External script S1 Teknik Informatika - Unijoyo

Peletakan JavaScript di bagian Head Script yang berisi fungsi (function) diletakkan di bagian head. Hal ini untuk memastikan bahwa script telah loaded sebelum fungsi dipanggil. <html> <head> <script type=“text/javascript”> . . . </script> </head> </html> S1 Teknik Informatika - Unijoyo

Peletakan JavaScript di bagian Body Script yang akan dieksekusi ketika halaman web ditampilkan diletakkan di dalam bagian body. <html> <head> </head> <body> <script type=“text/javascript”> . . . </script> </body> </html> S1 Teknik Informatika - Unijoyo

Peletakan JavaScript di bagian Head dan bagian Body Untuk script yang berjumlah banyak di dalam dokumen HTML, maka script dapat diletakkan baik di bagian head dan body. <html> <head> <script type=“text/javascript”> . . . </script> </head> <body> </body> </html> S1 Teknik Informatika - Unijoyo

Peletakan JavaScript di External script Terkadang JavaScript yang sama ingin dijalankan pada halaman-halaman web yang berbeda-beda. Maka script yang sama tidak perlu dituliskan untuk setiap halaman, akan tetapi dengan menuliskan JavaScript di suatu file eksternal. Di dalam file eskternal tidak boleh terdapat tag <script> Contoh cara penggunaan: <html> <head> <script src=“namaFileScript.js"> </script> </head> <body> </body> </html> S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Variabel.js Var2.js S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Contoh file external S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Komentar Komentar 1 baris: // ini adalah komentar Komentar beberapa baris: /* Ini juga Adalah komentar */ S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Kotak Dialog Alert Prompt Confirm S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Alert digunakan untuk memperingatkan pengunjung hal-hal atau dalam kasus tertentu memberikan instruksi. Syntax: window.alert(‘text’) S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Prompt digunakan untuk menampilkan sebuah prompt yang juga mempunyai kotak isian yang dapat menerima sesuai informasi dari pengunjung. Syntax: window.prompt(‘text’,’defaultvalue’) S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Confirm Digunakan untuk memperingatkan pengunjung agar menguji atau menerima sesuatu dengan memilih tombol OK atau Cancel untuk konfirmasi. Syntax: window.confirm(‘text’) S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Variabel Tipe data: Numeric String Boolean Null Aturan penggunaan: Nama variabel adalah case-sensitive (a dan A adalah 2 contoh variabel yang berbeda) Nama variabel harus dimulai dengan suatu huruf atau oleh karakter garis bawah (underscore) Contoh deklarasi: nama = ‘eve’; angka = 17; S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Contoh penggunaan variabel untuk menghitung luas persegi panjang: JavaScript: <html> <head><title>..:: Belajar JavaScript ::.. </title> </head> <body> Menghitung Luas Persegi Panjang: <br> <script language="JavaScript"> <!-- var luas,panjang,lebar,satuan; satuan = window.prompt('Masukkan satuan (m,cm) :'); panjang = window.prompt('Masukkan panjang persegi panjang :', + '0'); lebar = window.prompt('Masukkan lebar persegi panjang :', + '0'); luas=panjang*lebar; document.write('Panjang = ' + panjang +' ' + satuan + "<br>"); document.write('Lebar = ' + lebar +' ' + satuan + "<br>"); document.write('Luas = ' + luas +' ' + satuan + "<sup>2<sup>"); //--> </script> </body> </html> variabel Menampilkan informasi Tampilan: Menampilkan isi variabel S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Operator Operator Aritmatika: + - * / % ++ -- Operator Assignment: = += -= *= /= %= Operator Perbandingan: == === != > < >= <= Operator Logika: && || ! S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Struktur Kontrol: If…else Perulangan For Perulangan While S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo If … Else Digunakan untuk mengetes apakah suatu kondisi itu benar (true) atau salah (false). <html> <head> <title>Belajar JavaScript</title> </head> <body> <script type="text/javascript"> var nilai nilai = prompt('Silahkan masukkan nilai Anda',''); if(nilai <= 56) { window.alert('Sayang sekali. Anda tidak lulus.'); } else window.alert('Selamat! Anda lulus.'); </script> </body> </html> S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Perulangan For Digunakan untuk melakukan perulangan jika jumlah perulangan sudah diketahui sebelumnya <html> <head> <title>Belajar JavaScript</title> </head> <body> <script type="text/javascript"> // Mengulang angka dari 0 sampai 5 var angka=0; for (angka=0;angka<=5;angka++) { document.write('Angka ' + angka + "<br>"); } </script> </body> </html> S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Perulangan While Digunakan ketika ingin melakukan perulangan selama kondisi yang ditentukan adalah true. <html> <head> <title>Belajar JavaScript</title> </head> <body> <script type="text/javascript"> // Mengulang angka dari 0 sampai 5 var angka=0; while (angka<=5) { document.write("Angka " + angka +"<br>"); angka=angka+1; } </script> </body> </html> S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Fungsi (Function) Fungsi adalah potongan kode JavaScript yang dapat dideklarasikan pada bagian head dan kemudian dapat dirujuk dari kode yang dibuat di dalam body. <html> <head> <script type="text/javascript"> function perkalian(a,b) { return a*b; } </script> </head> <body> document.write(perkalian(7,5)); </body> </html> S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Event Event adalah aksi yang dapat di-trigger oleh fungsi (function) JavaScript. Event biasa dikombinasikan dengan fungsi, dan fungsi tersebut tidak akan dieksekui sebelum event tersebut terjadi Contoh-contoh penggunaan event: Ketika mouse di-klik Ketika menampilkan halaman web atau menampilkan gambar Mouse digerakkan ke suatu posisi tertentu di dalam halaman web Memilih suatu kotak masukan di dalam suatu form HTML Selecting an input box in an HTML form Men-submit suatu form HTML S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Contoh-contoh Event Onclick Event ini di-trigger ketika mouse di-klik ke suatu obyek onload and onUnload Keduanya di-trigger ketika pengunjung memasuki atau meninggalkan halaman web. Onload Event biasanya digunakan untuk mengecek tipe dan versi browser pengunjung, dan menampilkan informasi tersebut. onFocus, onBlur and onChange Dikombinasikan dengan penggunaan fungsi untuk memvalidasi suatu isian form. onSubmit Digunakan untuk memvalidasi seluruh isian form sebelum di-submit onMouseOver and onMouseOut Digunakan untuk membuat tombol yang “teranimasi” S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Status bar Status bar adalah bar yang biasanya berwarna abu-abu di sepanjang bagian bawah jendela web browser. Status bar menampilkan informasi seperti beberapa banyak halaman telah di-load dan URL pada saat suatu link ditunjuk. Syntax: window.status='Teks ini terletak di status bar'; Fasilitas ini dapat disertakan di dalam event onClick, onMouseOver atau onMouseOut, sehingga ketika suatu link ditunjuk oleh mouse, maka status bar akan menampilkan deskripsi link tersebut. S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Summary JavaScript dapat digunakan untuk membuat website menjadi dinamis dan interaktif. JavaScript dapat diletakkan di bagian Head, Body, gabungan Head dan body, serta di External script. Terdapat tiga macam kotak dialog untuk pengunjung situs yang dapat dibuat dengan menggunakan JavaScript, yaitu: Alert, Prompt dan Confirm Tipe data yang dapat digunakan: Numeric, String, Boolean dan Null Jenis-jenis operator: Operator Aritmatika, Operator Assignment, Operator Perbandingan dan Operator Logika Struktur kontrol di dalam JavaScript: If…else, perulangan For dan perulangan While. JavaScript juga dapat dibuat dalam bentuk fungsi (function), yang nantinya juga dapat digunakan untuk men-trigger (dikombinasikan dengan) event. S1 Teknik Informatika - Unijoyo

S1 Teknik Informatika - Unijoyo Daftar Pustaka Chris Bates [2006]. Web Programming: Building Internet Applications, Third Edition, John Wiley & Sons Ltd, England. Husni [2007]. Pemrograman Database Berbasis Web, Graha Ilmu, Yogyakarta. Sebesta, R.W. [2002], Programming the World Wide Web, Addison Wesley. Sutarman, S.Kom [2003]. Membangun Aplikasi Web dengan PHP dan MySQL, Graha Ilmu, Yogyakarta. S1 Teknik Informatika - Unijoyo