script language="JavaScript"

Download Report

Transcript script language="JavaScript" 

+
Pemrograman Javascript
Teknik Informatika
Universitas Bunda Mulia Jakarta
Chandra Hermawan H., M.Kom., MM.
+
+
+
smart
sincere
Pribadi yang
Cerdas
Berhati Tulus
diligent
Rajin dan Tekun
helpful
Suka Membantu Sesama
+
Ketentuan Umum
1.
Maksimum terlambat 30 menit, lewat 30 menit absensi tidak
diperhitungkan
2.
Diharapkan aktif berpartisipasi dalam kelas
3.
Tidak menggunakan laptop di kelas
4.
Tidak mengakses situs FB, Twitter, dan situs jejaring lainnya selama
perkuliahan dan lab
5.
Setiap pelanggaran butir 3 dan 4 akan diperhitungkan pada nilai akhir
(-10)
6.
Dilarang mengkopi hasil karya orang lain saat ujian / tugas mandiri
7.
Materi kuliah dapat didownload di http://chermawan.blog.ubm.ac.id
8.
Pertanyaan seputar materi dapat disampaikan melalui email
[email protected]
+
Buku Referensi

Abdul Kadir. (2003). Pemrograman web, mencakup : HTML,
CSS, JavaScript dan PHP. 1. Andy Offset, Yogya

Shelley Powers (2010). Javascript Cookbook. O Reilly, USA

Danny Goodman (2001). Javascript Bible. Hungry Mind Inc.,
New York

Tim Dosen (2010). Modul Pemrograman Javascript. UBM,
Jakarta
+
+

Apa itu Javascript ?

Bagaimana cara kerja Javascript ?

Apa itu Java ?

Pelajaran Pertama JavaScript


JavaScript Statements
JavaScript & HTML forms
+
Apa itu Javascript ?
Adalah bahasa pemrograman script yang paling populer
digunakan di Internet (wikipedia):

Javascript dirancang untuk menambah interaktivitas

Bahasa scripting yang digunakan ringan

Javascript umumnya diletakkan menjadi satu dengan HTML

Setiap orang dapat menggunakan Javascript secara gratis

Javascript merupakan pemrograman terbuka
+
Mengapa Javascript ?
 Keterbatasan

HTML
Text, images, tables, frames
 Memungkinkan
adanya interaksi
 Memungkinkan
adanya perubahan pada tampilan
 Pemrograman
sederhana yang mudah dipelajari
+
Yang Bisa Dihasilkan

Tampilan yang lebih menarik

Navigasi Situs

Perhitungan Matematik

Validasi input

Pengembangan lainnya
+
Cara Kerja Javascript
 Tergabung

dalam kode HTML
View source
 Dijalankan
di sisi pengguna (client)
 Dapat
dikombinasikan dengan tag HTML
 Tidak
memerlukan aplikasi lain selain browser
+
Javascript vs Java
 Javascript
sangat berbeda dari Java
 Java
merupakan bahasa pemrograman lengkap,
sedangkan javascript merupakan bahasa
sederhana
 Java
lebih kompleks
 Java
perlu di-compile dahulu sebelum digunakan
 Java
tidak harus berjalan diatas browser
 Java
dan Javascript dapat digabungkan pada
sebuah halaman web
+
Membuat Javascript
 Memerlukan
 Belajar
sintaks khusus <script> </script>
dasarnya, pelajari javascript orang lain
 Dibuat
menggunakan text editor, dan dijalankan
melalui web
 Perlu
ketelitian dan kesabaran, pesan kesalahan
pemrograman seringkali membingungkan
+
Javascript Statement
<html>
<head><title>My Page</title></head>
<body>
<script language="JavaScript">
document.write('This is my first JavaScript Page');
</script>
</body>
</html>
+
Javascript Statement
<html>
<head><title>My Page</title></head>
<body>
<script language=“JavaScript">
document.write('<h1>This is my first 
JavaScript Page</h1>');
</script>
</body>
</html>
HTML dalam JavaScript
+
Javascript Statement
<html>
<head><title>My Page</title></head>
<body>
<p>
<a href="myfile.html">My Page</a>
<br />
<a href="myfile.html"
onMouseover="window.alert('Hello');">
My Page</A>
</p>
</body>
</html>
Event
JavaScript dalam HTML
+
Javascript Statement
<script language="JavaScript">
window.prompt('Enter your name:','');
</script>
Event
<form>
<input type="button" Value="Press"
onClick="window.alert('Hello');">
</form>
Tanda pemisah: " dan '
+
HTML Form dan Javascript
 Javascript
sangan bermanfaat untuk memproses
halaman form pada html
 HTML
<form> akan menerima masukkan dari
pengguna
 Form
dan elemen dari form memiliki nama unik,
dimana:


Masing-masing elemen form dapat diidentifikasi
Menggunakan JavaScript Document Object Model (DOM)
+
Penamaan Form dan Elemen Form
<form name="addressform">
Name: <input name="yourname"><br />
Phone: <input name="phone"><br />
Email: <input name="email"><br />
</form>
+
Form & Javascript
document.formname.elementname.value
Contoh:
document.addressform.yourname.value
document.addressform.phone.value
document.addressform.email.value
+
Contoh Sederhana
<form name="alertform">
Enter your name:
<input type="text" name="yourname">
<input type="button" value= "Go"
onClick="window.alert('Hello ' + 
document.alertform.yourname.value);">
</form>
+
Tips Pemrograman

Pastikan statement dalam 1 baris program

Pastikan tanda baca " and ‘

Perhatikan penulisan huruf besar dan kecil

Permudah pembacaan kode program menggunakan tab

Teliti dan Sabar
+
THANK YOU