MODULjscript_aplikasi IT II

Mengenal JavaScript

1.1

Pemrograman CGI-Script With SSI Server, Java Applet

1998-2004 By Taryana S Universitas Komputer Indonesia

Universitas Komputer Indonesia 2004 Taryana - 0818426975

PDF Creator - PDF4Free v2.0

http://www.pdf4free.com

Mengenal JavaScript

1.2

Daftar IsiBab 1. JavaScript Java Script adalah bahasa script yang berdasar pada objek yang memperbolehkan pemakai untuk mengendalikan banyak aspek interaksi pemakai pada suatu dokumen HTML. Dimana objek tersebut dapat berupa suatu window, frame, URL, dokumen, form, button atau item yang lain. Yang semuanya itu mempunyai properti yang saling berhubungan dengannya dan masing-masing memiliki nama, lokasi, warna nilai dan atribut lain Bab 2. Tipe Data & Variabel Dalam dunia pemrograman, sudah pasti yang namanya variabel akan sering berhubungan dengan Anda jadi bersifat wajib. Variabel berguna untuk menyimpan data. Tanpa variabel sebuah program tidak bisa melakukan apa-apa yang Anda inginkan. Dalam Java Script pendeklarasian sebuah variabel sifatnya sunat (opsional), artinya Anda boleh mendeklarasikan atau tidak no problem, Jika Anda memberi nilai pada suatu variabel, maka dalam JavaScript dianggap bahwa Anda telah mendeklarasikan variabel tersebut. Bab 3. Objek Untuk Memasukan Data Dalam Halaman HTML dimungkinkan juga untuk memasukan data dari keyboard (user) yang mengakses ke halaman Anda. Contoh aplikasi seperti ini banyak diterapkan dalam Web Interaktif, dengan menggunakan CGI. Untuk memasukan data dapat digunakan objek text yang telah disediakan dengan contoh sintak seperti berikut Bab 4. Aliran Program Seperti dalam bahasa pemrograman lainnya dalam JavaScript juga ada percabangan. Pada dasarnya dalam JavaScript terdapat dua macam pernyataan percabangan, yaitu pernyataan if..else dan switch.

Bab 5. Fungsi Dalam contoh pembahasan sebelumnya sebenarnya Anda sudah menggunakan fungsi. Fungsi merupakan bagian program yang dapat melakukan tugas tertentu. Beberapa fungsi juga ada yang dapat mengembalikan nilai, contohnya adalah fungsi parseFloat yang sudah digunakan sebelumnya




Mengenal JavaScriptBab 6. Kejadian

1.3

Even adalah sesuatu yang terjadi pada halaman HTML. Berikut ini ada beberapa bentuk contoh kejadian yaitu jika pengguna memuat dokumen, pengguna memasukan data pada kotak teks, pengguna mengklik tombol, dsb.Semua kejadian pada JavaScript dapat Anda tangani dengan menentukan kejadiannya. Biasanya penanganan kejadian adalah sebuah fungsi, tetapi pada beberapa kasus, Anda bisa menuliskan pernyataan-pernyataan secara langsung

Bab 7. Mendefinisikan ObjekKata kunci yang digunakan untuk mendefinisikan objek sama dengan kata kunci yang digunakan untuk mendefinisikan fungsi, yaitu function. Sebagai contoh, disini akan didefinisikan objek mahasiswa yang terdiri dari tiga properti, yaitu nama,alamat,jurusan. Untuk itu didefinisikan fungsi seperti contoh berikut

Bab 8. Array Array pada JavaScript merupakan sekumpulan elemen, dimana masing-masing elemen dapat bertipe apa saja. Jadi konsep array dapat dikatakan sebagai penggabungan beberapa variabel menjadi satu kesatuan. Contoh JavaScript untuk array: Bab 9. Frame Pada saat ini, jika Anda menjelajahi Web dengan menggunakan browser yang mampu menampilkan frame, dapat dipastikan bahwa Anda menjumpai penggunaan frame hampir disetiap Web site yang Anda kunjungi. Bab 10. CGI Script CGI (Common Gateway Interface) Script atau biasa disebut gateway script adalah suatu program yang berjalan di Web Server dan Web Browser. Banyak hal yang dapat dikerjakan dengan CGI Script, seperti mencari informasi dalam suatu database, melakukan perhitungan, atau hanya sekedar menampilkan informasi seperti tanggal dan waktu saat ini. Bab 11. Integrasi Java dengan JavaScript Java merupakan sebuah bahasa pemrograman komputer berbasis objek oriented programming. Java diciptakan setelah C++ dan didesain sedemikian sehingga ukurannya kecil, sederhana dan portable. Program yang dihasilkan dengan bahasa Java dapat berupa applet (aplikasi kecil yang jalan diatas web browser) maupun berupa aplikasi mandiri yang dijalankan dengan program Java. Bab 12. Applet Headline Factory Anda akan bisa dengan mudah membuat sebuah applet Java yang cukup memadai untuk dipresentasikan. Tanpa harus menjadi seorang programer, Anda akan bisa menyisipkan sebuah applet Java yang akan berjalan secara otomatis pada saat Universitas Komputer Indonesia 2004 Taryana - 0818426975



Mengenal JavaScript

1.4

halaman Web Anda dibuka. Dengan applet ini, halaman Web Anda akan tampak lebih indah dan menarik. Bab 13. Applet Marque Wizard Dengan Applet Marquee Wizard, Anda memiliki kemampuan untuk memperindah halaman Web Anda. Software ini akan mempermudah pembuatan marquee (teks maupun citra berjalan) dalam bahasa Java, tanpa harus bersusah payah mempelajari pemrograman Java. Bab 14. Applet Navigation Factory Anda akan dengan mudah membuat menubar dan aplikasi lainnya yang berhubungan dengan link ke document atau ke alamat URL lain di Internet. Bab 15. Applet Password Wizard Software ini akan membantu Anda untuk membuat username dan passwords untuk melindungi halaman Web Anda. Tanpa latar belakang pemrograman Java, perlindungan terhadap halaman Web yang Anda buat akan bisa dilakukan dengan mudah.




Mengenal JavaScript

1.5

1.1. Java ScriptJava Script adalah bahasa script yang berdasar pada objek yang memperbolehkan pemakai untuk mengendalikan banyak aspek interaksi pemakai pada suatu dokumen HTML. Dimana objek tersebut dapat berupa suatu window, frame, URL, dokumen, form, button atau item yang lain. Yang semuanya itu mempunyai properti yang saling berhubungan dengannya dan masing-masing memiliki nama, lokasi, warna nilai dan atribut lain. Sesuai dengan perkembangan Worl Wide Web yang sangat pesat menyebabkan munculnya banyak home page dengan halaman-halaman yang sangat menarik. Halaman web yang dulunya hanya berupa teks dan gambar saja, saat ini menjadi sesuatu yang interaktif dan cerdas. Berbicara tentang Web tidak akan lepas dari HTML, bahasa yang digunakan untuk membuat halaman web. HTML merupakan bahasa yang sangat mudah dipelajari, Anda tidak perlu mempunyai latar belakang pemrograman untuk menggunakannya. Namun untuk membuat halaman web yang interaktif, HTML saja tidak cukup. Dua hal yang membuat web menjadi media interaktif adalah form dan CGI (Common Gateway Interface) Script. Dengan form dan CGI pembaca tidak hanya menerima informasi saja, tetapi sebaliknya juga bisa mengirimkan informasi kepada Anda, Ini akan menimbulkan komunikasi dua arah dan membuat web menjadi Interaktif. Form merupakan sarana yang dipakai pembaca untuk memasukan informasinya, sedangkan CGI Script bertugas untuk memproses informasi tersebut. Karena eratnya hubungan antara form dan CGI script, maka keduanya menjadi sangat perlu untuk anda pelajari

1.2. Keperluan Java Script

Untuk mempelajari pemrograman Java Script, ada dua piranti yang diperlukan yaitu browser dan teks editor. Teks editor adalah sebuah pengolah kata (word processor) yang menghasilkan file dalam format ASCII murni. Bila Anda adalah pengguna Windows 95/98 atau Windows NT, Anda bisa menggunakan Notepad atau Wordpad. Browser web yang akan Anda gunakan harus mendukung Java Script, Anda dapat menggunakan Netscape Navigator atau Internet Explorer. Dalam komputer Anda, Anda bisa memasang kedua perangkat Browser ini.




Mengenal JavaScript

1.6

Gambar 1.1. Time & Date dengan JavaScript Program JavaScript dituliskan pada file HTML dengan menggunakan tag kontainer . Dengan kata lain, Anda tidak perlu menuliskan program JavaScript pada file terpisah. Ingat bahwa yang dimaksud dengan tag kontainer adalah tag yang diawali dengan dan diakhiri dengan . Contoh. Tag kontainer mempunyai dua atribut tetapi yang harus Anda isikan hanya satu atribut yaitu Language. Isilah atribut language dengan JavaScript. Hal ini digunakan untuk memberitahukan pada browser bahwa yang akan Anda tulis adalah JavaScript. Contoh //program Anda masukan disini

1.3. Program Pertama Java ScriptPada bagian ini, Anda akan membuat program untuk menampilkan pesan sederhana kelayar monitor. Program ini akan menuliskan teks Hai Aku JavaScript pada jendela browser.




Mengenal JavaScript

1.7

Gambar 1.2. Menampilkan Teks

Listing Program Java Script Program Pertama Objek document mempunyai dua metode untuk menuliskan teks, yatu write dan writeln. Mungkin bagi Anda yang sudah terbiasa atau pernah berkenalan dengan Pascal sudah mengerti perbedaan kedua statement ini, yaitu Metode write digunakan untuk menulis teks tanpa ganti baris (carriage return) sedangkan Metode writeln digunakan untuk menulis teks dengan ganti baris. Dibawah ini adalah contoh bagaimana menuliskan sebuah teks header di tengah jendela browser. Untuk Menampilkan teks header Anda cukup menambahkan statement Header pertama




Mengenal JavaScript

1.8

Gambar 1.3. Teks Header Pada JavaScript Listing Program Java Script Program Pertama

1.4. KomentarSama seperti bahasa pemrograman yang lainnya, JavaScript juga menyediakan fasilitas untuk menuliskan komentar, komentar ini beguna bila nantinya Anda atau orang lain membaca suatu program. Pemberian komentar dalam JavaScript dapat dilakukan dengan dua cara yaitu dengan menuliskan komentar setelah tanda garis miring dua kali, contoh: // ini komentar atau /* ini komentar juga */




Mengenal JavaScript

1.9

2.1. Variabel dalam Java ScriptDalam dunia pemrograman, sudah pasti yang namanya variabel akan sering berhubungan dengan Anda jadi bersifat wajib. Variabel berguna untuk menyimpan data. Tanpa variabel sebuah program tidak bisa melakukan apa-apa yang Anda inginkan. Dalam Java Script pendeklarasian sebuah variabel sifatnya sunat (opsional), artinya Anda boleh mendeklarasikan atau tidak no problem, Jika Anda memberi nilai pada suatu variabel, maka dalam JavaScript dianggap bahwa Anda telah mendeklarasikan variabel tersebut. Contoh: Nama = Mirawati Randani X = 1998 Y = 2351979 Untuk mendeklarasikan secara explisit, tulislaah variabel tersebut dengan didahului kata kunci var. Contoh var nama; var nama=Mirawati Randani var X = 1998 var Y; Untuk mendeklarasikan beberapa variabel dalam satu baris, dapat dilakukan dengan menuliskan seperti berikut: var A,B,C;

2.2. Tipe Data

Tidak seperti bahasa pemrograman lainnya, JavaScript tidak mempunyai tipe data secara explisit. Hal ini dapat dilihat dari beberapa contoh yang telah disajikan sebelumnya. Anda mendeklarasikan variabel tapi tidak menentukan tipenya. Meskipun JavaScript tidak mempunyai tipe data explisit, JavaScript mempunyai tipe data Implisit. Ada empat macam tipe data implisit yang dimiliki JavaScript yaitu: Numerik, seperti 2351978, 2003948,3.14, 100 dsb String, seperti Halo. Mei, Juli, Ah Kamu, JavaScript dsb Boolean, hanya bernilai true atau false Null, yaitu variabel yang tidak diinisialisasi




Mengenal JavaScript

1.10

2.3. Tipe NumerikPada dasarnya JavaScript hanya mengenal dua macam tipe numerik, yaitu bilangan bulat dan bilangan real. Untuk bilangan bulat, Anda bisa merepresentasikan dengan basis desimal, oktal, atau heksadesimal. Contoh: var A = 100; var A=0x2F; Untuk pendeklarasian tipe bilangan real, Anda bisa menggunakan tanda titik atau notasi ilmiah (notasi E). Contoh: var a = 123.567 var b = 1.234567E+3

2.4. Tipe StringUntuk mendeklarasikan tipe string dapat dilakukan dengan cara menuliskan string diantara tanda tunggal () atau tanda petik ganda (); Contoh: var A = Ini pendeklarasian String; var C = Ini juga string ;

2.5. Tipe BooleanTipe Boolean hanya mempunyai nilai True atau false. Tipe ini biasanya digunakan untuk mengecek suatu kondisi atau keadaan. Contoh Var X = (Y>90); Pada contoh ini menunjukan bahwa jika Y lebih besar dari 90 maka X akan bernilai True.

2.6. Tipe NullTipe Null digunakan untuk merepresentasikan variabel yang tidak diberi nilai awal (inisialisasi)

2.7. OperatorOperator pada JavaScript dibagi menjadi enam, yaitu Aritmetik Pemberian nilai (Assign) Pemanipulasian bit (bitwise) Pembanding Logika String Universitas Komputer Indonesia 2004 Taryana - 0818426975



Mengenal JavaScript

1.11

2.8. Operator AritmetikOperator ini digunakan untuk operan bertipe numerik, Ada dua macam operator aritmetik, yaitu operator numerik tunggal dan operator aritmetik biner. Perbedaan kedua operator ini terletak pada jumlah operan yang harus dioperasikan. Operator Tunggal/Biner Keterangan + Biner Penjumlahan Biner Pengurangan * Biner Perkalian / Biner Pembagian % Biner Modulus Tunggal Negasi ++ Tunggal Penambahan dengan Satu -Tunggal Pengurangan dengan Satu

2.9. Operator Pemberian NilaiDigunakan untuk memberi nilai ke suatu operan atau mengubaah nilai suatu operan. Operator = += -= *= /= %= &= |= Keterangan Sama dengan Ditambah dengan Dikurangi dengan Dikalikan dengan Dibagi dengan Modulus dengan Bit AND dengan Bit OR dengan Contoh X=Y X+=Y X-=Y X*=Y X/=Y X%=Y X&=Y X|=Y Exuivalen X=X+Y X=X-Y X=X*Y X=X?Y X=X%Y X=X&Y X=X|Y

2.10. Operasi Pemanipulasi BitOpeasi ini berhubungan dengan pemanipulasian bit pada operan bertipe bilangan bulat. Operator & | ^ ~ > >>> Contoh: var A = 12; Keterangan Bit AND Bit OR Bit XOR Bit NOT Geser ke kiri Geser ke kanan Geser kekakan dengan diisi nol

// A = 1100b




Mengenal JavaScriptvar B = 10; // B = 1010b var C = A & B maka akan dihasilkan bilangan seperti berikut: 1100b 1010b AND 1000b var A = 12; var C = A >1 maka variabel C akan bernilai 48 (0011 0000b variabel D akan bernilai 6 (0110b).

1.12

2.11. Operator PembandingDigunakan untuk membandingkan dua buah operan. Operan yang dikenai operator ini dapat bertipe string, numerik, maupun ekspresi lain. Operator Keterangan == Sama dengan != Tidak sama dengan > Lebih besar < Lebih kecil >= Lebih bersar atau sama dengan Memasukan Bilangan : Universitas Komputer Indonesia 2004 Taryana - 0818426975



Mengenal JavaScript
Memasukan Data Dari Keyboard Bilangan pertama: Bilangan Kedua :

1.15

LatihanDengan menggunakan JavaScript, buatlah halaman seperti berikut:

Gambar 2.3. Output Jika tanda + (positif) ditekan




Mengenal JavaScript

1.16

Gambar 2.4. Output Jika tanda - (negatif) ditekan

3.1. Objek TextDalam Halaman HTML dimungkinkan juga untuk memasukan data dari keyboard (user) yang mengakses ke halaman Anda. Contoh aplikasi seperti ini banyak diterapkan dalam Web Interaktif, dengan menggunakan CGI. Untuk memasukan data dapat digunakan objek text yang telah disediakan dengan contoh sintak seperti berikut: Masukan: Nama : Alamat :




Mengenal JavaScript

1.17

Gambar 3.1. Memasukan Data dengan Text Objek

3.2. Objek Radio

Objek radio menyimpan informasi tentang tombol radio. Karena selalu berupa array, untuk mengakses satu tombol radio digunakan radio[indeks]. Disamping itu objek radio juga mempunyani nilai True jika dipilih dan False jika tidak.




Mengenal JavaScriptGambar 3.2. Objek Radio Program JavaScript Using checkbox object Using Radio object

1.18

Wanita Jika di Click rombol radio tersebut, maka akan ditampilkan output seperti gambar berikut:




Mengenal JavaScript

1.19

3.3. Objek Checkbox

Gambar 3.3. Aplikasi Objek Radio

Objek checkbox menyimpan informasi tentang elemen form yang berupa kotak cek. Penggunaanya hampir sama dengan objek Radio.

Gambar 3.4. Objek Checkbox Program JavaScript Using checkbox object Using Checkbox object

1.20

Wanita

3.4. Objek TextAreaObjek textarea menyimpan informasi tentang elemen form yang berupa kotak teks dengan banyak baris.




Mengenal JavaScript

1.21

Gambar 3.5. Objek Textarea

Program JavaScript Memasukan Data Memasukan Data Pada TextArea

Keterangan:




Mengenal JavaScript

1.22

Keterangan :

3.5. Objek SelectObjek textarea menyimpan informasi tentang elemen form yang berupa kotak daftar.

Gambar 3.6. Objek Select Program JavaScript Memasukan Data




Mengenal JavaScript Penggunaan Select Masukan: Jurusan : Akuntansi Perpajakan Manajemen Informatika Teknik Informatika Public Relation Akuntansi dan Perpajakan Keuangan dan Perbankan Sekretaris Eksekutif Aplikasi Bisnis Manajemen Pemasaran Design Grafis

1.23

Jurusan :




Mengenal JavaScript

1.24

LatihanBuatlah Halaman seperti berikut, yang telah mencakup semua materi yang ada di dalam bab ini:

Jika Anda Click tombol kirim,. Maka dihalaman bawah akan ditampilkan halaman seperti gambar berikut :




Mengenal JavaScript

1.25

4.1. PercabanganSeperti dalam bahasa pemrograman lainnya dalam JavaScript juga ada percabangan. Pada dasarnya dalam JavaScript terdapat dua macam pernyataan percabangan, yaitu pernyataan if..else dan switch.

4.2. if..elsePernyataan ini digunakan untuk menguji sebuah kondisi dan kemudian mengeksekusi pernyataan tertentu bila kondisi tersebut terpenuhi, dan mengeksekusi pernyataan lain bila kondisi tersebut tidak terpenuhi. Contoh: If..(kondisi) { //lakukan pernyataan yang ada disini //jika kondisi terpenuhi } Universitas Komputer Indonesia 2004 Taryana - 0818426975



Mengenal JavaScriptelse { //lakukan pernyataan yang ada disini //jika kondisi tidak dipenuhi }

1.26

4.3. if..else ifPada kasus tertentu mungkin Anda akan meletakan pernyataan if lain setelah else. Contoh: If (x>0) { document.writeln( X adalah Bilangan positif); } else if(x)

1.29

Dengan menggunakan JavaScript akan kita buat halaman untuk menuliskan teks seperti gambar berikut:




Mengenal JavaScriptGambar 4.1. Menuliskan teks Program Java Script

1.30

Kemudian akan dibuat sebuah halaman yang akan dapat menebak hari lahir, output yang dihasilkan adalah seperti berikut:

Gambar 4.2.Membuat Link dengan Halaman lainProgram JavaScript




Mengenal JavaScript Identitas Anda =20) && (mm==0)) { location.href = "http://www.lpkig.ac.id/public/takdir/bintang/pg000002.htm"; } else if ((dd=19) && (mm==1)) { location.href = "http://www.lpkig.ac.id/public/takdir/bintang/pg000003.htm"; } else if ((dd Identitas Anda Nama : Alamat : Dilahirkan Pada Tanggal : Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScriptInformasi 1.33type="text" size="10" name="txohari"> type="text" size="4" name="txotanggal"> type="text" size="10" name="txobulan"> type="text" size="7" name="txotahun"> type="text" size="10" name="txoselisih"> Hari Tanggal Bulan Tahun Selisih: : : : : 1.365.2. Fungsi BawaanDalam JavaScript telah disediakan beberapa fungsi bawaan yang akan sangat berguna sekali bagi Anda, disini yang akan dibahas yaitu mengenai fungsi eval, parseInt, parseFloat, isNan Fungsi eval Digunakan untuk mengevaluasi ekspresi atau mengeksekusi pernyataan JavaScript. Contoh. eval(str) fungsi eval digunakan sebagai pengevaluasi ekspresi seperti contoh berikut: var A=eval(10*2+3); memberikan nila 23 ke variabel A var garis = document.write(); jika anda tuliskan seperti ini: eval(garis); maka dijendela browser akan ditampilkan garis Fungsi parseInt dan parseFloat Kedua fungsi ini hampir sama, keduanya meminta sebuah parameter bertipe string dan mengkonversikannya ke numerik. Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScriptContoh parseInt(str,[radiks]) parseFloat(str); contoh penggunaan var A = parseInt(173,8); // 123 bilangan basis 8 var B = parseFloat(3.14); // 3.14 var C = parseFloat(0.314E1); //3.141.37 Fungsi isNaN Digunakan untuk menguji apakah suatu variabel adalah bilangan atau bukan, jika bilangan maka akan mengembalikan nilai true, jika bukan maka bernilai false Contoh var X=parseInt(123); if (isNaN(X)) X = -10; Artinya jika X bukan bilangan maka X adalah 10 Berikut adalah contoh sebuah halaman yang telah menggunakan fungsi bawaan dan fungsi buatan.Gambar 5.2. Menggunakan Fungsi Program JavaScript Memasukan Data Menggunakan Fungsi Bawaan dan Fungsi Buatan Masukan: Nama : Jam Kerja : Upah/Jam : Nama : Total Gaji : Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.39LatihanDengan menggunakan fungsi bawaan buatlah sebuah halaman untuk mencari akar persamaan kuadrat6.1. KejadianEven adalah sesuatu yang terjadi pada halaman HTML. Berikut ini ada beberapa bentuk contoh kejadian yaitu jika pengguna memuat dokumen, pengguna memasukan data pada kotak teks, pengguna mengklik tombol, dsb. Semua kejadian pada JavaScript dapat Anda tangani dengan menentukan kejadiannya. Biasanya penanganan kejadian adalah sebuah fungsi, tetapi pada beberapa kasus, Anda bisa menuliskan pernyataan-pernyataan secara langsung. Berikut ini adalah daftar kejadian pada JavaScript Kejadian Keterangan Abort Dibangkitkan bila pengguna menghentikan pemuatan citra (tag ); yaitu bila pengguna menekan tombol stop atau mengklik link Blur Dibangkitkan bila sebuah elemen form kehilangan fokus masukan; yaitu bila pengguna menekan tombol atau mengklik elemen form lainnya. Change Dibangkitkan bila informasi masukan pada sebuah elemen form (text, textarea, Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScriptClick Error Focus1.40 choice) diubah oleh pengguna Dibangkitkan bila penggunaa mengklik sebuah elemen form atau link Dibangkitkan bila terjadi kesalahan saat browser memuat dokumen atau citra. Dibangkitkan bila sebuah elemen form menerima fokus masukan; yaitu bila pengguna mengklik elemen form ini atau menekan tombol sehingga fokus masukan berpindah ke elemen ini Dibangkitkan bila browser selesai memuat dokumen Dibangkitkan bila kursor mouse keluar dari daerah link atau peta cita Dibangkitkan bila kursor mouse berada di atas sebuah link. Anda mungkin memperhatikan bila kursor mouse berada diatas sebuah link, browser akan menampilkan keterangan pada status.Load MouseOut MouseOverKejadian Reset Select Submit UnloadKeterangan Dibangkitkan bila pengguna menekan tombol reset Dibangkitkan bila pengguna memilih sebagian atau seluruh teks pada elemen form yang berupa kotak teks Dibangkitkan bila pengguna menekan tombol Submit Dibangkitkan bila pengguna keluar dari dokumen6.2. Penanganan KejadianUntuk menangani suatu kejadian, tambahkan atribut onKejadian pada tag yang sesuai. Kemudian isilah atribut ini dengan pernyataan-pernyataan JavaScript. Biasanya pernyataan yang diisikan berupa pemanggilan ke suatu fungsi. Sintak penanganan kejadian adalah sebagai berikut: OnKejadian = Pernyataan-pernyataan Contoh: Pada saat pertama kali halaman dimuat, program akan menampilkan dialog seperti gambar berikut:Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.41Gambar. 6.1. Kejadian onLoad Kemudian masukan nama dan jurusan Anda, setelah itu baru di Click tombol Kirim , maka akan ditampilkan hasil seperti gambar berikut:Gambar. 6.2. Kejadian onClick Kotak dialog di atas muncul karena dalam program terdapat definisi penanganan tombol kejadian onClick: Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScriptProgram JavaScript Menangani Kejadian : Menangani Kejadian : Nama : Jurusan : Berikut akan dibuat sebuah halaman, apabila pertama kali dibuat akan ditampilkan kotak isian seperti gambar berikut:Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScriptGambar. 6.3. User Prompt1.43Kemudian jika sudah diisi anda tekan tombol Ok, jika nama Anda tidak diisi maka akan ditampilkan pesan seperti berikut:Tetapi jika berikut:Gambar. 6.4. Kotak Informasi ada nama yang dimasukan maka akan ditampilkan jendela sepertiGambar. 6.5. Hasil keluaran Program JavaScript Memasukan data pada jendela Alert Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.44 Memasukan data pada jendela Alert 7.1. Mendefinsikan ObjekKata kunci yang digunakan untuk mendefinisikan objek sama dengan kata kunci yang digunakan untuk mendefinisikan fungsi, yaitu function. Sebagai contoh, disini akan didefinisikan objek mahasiswa yang terdiri dari tiga properti, yaitu nama,alamat,jurusan. Untuk itu didefinisikan fungsi seperti contoh berikut: function Mahasiswa (Nama,Alamat,Jurusan) { this.Nama=Nama; this.Alamat=Alamat; this.Jurusan=Jurusan } properti this merupakan penunjuk objek ini. Anda memerlukan properti this karena pernyataan di atas hanyalah definisi objek, Anda belum menciptakan instan untuk objek tersebut. Untuk menciptakan instan dari objek mahasiswa di atas digunakan kata kunci new. Contoh: Sintia = new Mahasiswa(Sintia,Jl.Panorama No. 80,Sekretaris); Untuk mengakses suatu objek, operator yang digunakan adalah operator titik (.). Contoh document.writeln(Sintia.Nama); Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScriptatau var Nama=Sintia.Nama;1.457.2. Pernyataan for..inPernyataan for..in digunakan untuk melakukan pengulangan beerdasarkan properti-properti sebuah objek Contoh: for (Var x in Sintia) docoment.writeln(Sintia[x]); Contoh halaman untuk memperjelas pendefinisian objekGambar 7.1. Pendefinisian Objek Program JavaScript 1.467.3. Mendefinisikan MetodeObjek merupkan pengkapsulan properti/variabel bersama-sama dengan metode /fungsi. Untuk mendefinisikan metode, pertama-tama Anda harus mendefinisikan fungsi biasa. Contoh: Function Anu() { }Kemudian pada definisi objek, tambahkan sebuah metode yang menunjuk fungsi Anu. Contoh this.metode=Anu; Sekarang anda sudah memiliki sebuah metode yang bernama metode. Berikut ini adalah sebuah halaman yang telah menggunakan Metode untuk menuliskan objek. Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.47Gambar 7.2. Pemakaian Metode Program JavaScript 8.1. ArrayArray pada JavaScript merupakan sekumpulan elemen, dimana masingmasing elemen dapat bertipe apa saja. Jadi konsep array dapat dikatakan sebagai penggabungan beberapa variabel menjadi satu kesatuan. Contoh JavaScript untuk array:Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScriptGambar 8.1. Array1.49Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScriptProgram JavaScript Untitled Normal Page 8.2. Objek ArrayObjek array mempunyai beberapa properti; salah satu properti yang penting adalah length. Properti length menyatakan jumlah elemen yang dimiliki oleh Array. Objek Array mempunyai beberapa metode untuk memanipulasi array, yaitu join (mengkonversikan semua array ke string), reverse (membalik elemen-elemen array). sort untuk mengurutkan elemen-elemen array split, mengkonversikan string ke dalam array concat, menggabungkan dua buah arrayUniversitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.51Gambar 8.2. Penggunaan Objek Array Program JavaScript Untitled Normal Page 9.1. FramePada saat ini, jika Anda menjelajahi Web dengan menggunakan browser yang mampu menampilkan frame, dapat dipastikan bahwa Anda menjumpai penggunaan frame hampir disetiap Web site yang Anda kunjungi.Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.53Gambar 9.1. Penggunaan Frame dalam Web Site9.2. Mendefinisikan FrameTidak seperti pada halaman-halaman HTML lainnya, halaman yang berisi frame tidak boleh menggunakan elemen BODY. Elemen BODY digantikan dengan elemen FRAMESET yang menyatakan bahwa isi halaman tersebut mengandung suatu frame. Struktur dasar dokumen HTML dengan frame adalah seperti berikut: FRAMESET mempunyai dua buah atribut yaitu ROWS dan COLS. Atribut ROWS membagi jendela Browser menjadi beberapa baris frame, sedangkan atribut COLS membagi jendela browser menjadi beberapa kolom frame. Memformat Kolom Contoh: frame.htm Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.54Gambar 2. Membagi jendela dengan atribut COLS Contoh: frame1.htm Tulisan ini ada di file frame1.htm Contoh: frame2.htm Tulisan ini ada di file frame2.htm Memformat Baris Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.55Gambar 9.3. Memformat baris dengan atribut ROWSBerikut adalah contoh halaman yang terdiri dari frame kolom dan barisGambar 9.4. Halaman dengan Frame Kolom dan Baris Listing HTML Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript 1.569.3. Membuat MenuUntuk membuat menu dengan menggunakan frame akan menghasilkan halaman yang cukup bagus dan informatif, karena halaman yang akan ditampilkan akan muncul pada jendela yang kita kehendaki. Contoh, misalnya Anda akan membuat sebuah halaman seperti berikut:Gambar 9.5. Halaman Utama Jika Anda Click tombol Hacker Portugal, kemudian Anda tekan tombol Tampilkan, maka pada jendela sebelah kanan akan ditampilkan halaman seperti berikut:Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.57Gambar 9.6. Halaman Hacker Portugal Jika Anda Click pilihan Dampak Komputer, akan ditampilkan halaman seperti berikut pada jendela sebelah kanan:Gambar 9.7. Halaman Dampak Lingkungan Jika Anda Click pilihan NT4-Server, akan ditampilkan halaman seperti berikut pada jendela sebelah kanan:Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScriptGambar 9.8. Halaman NT4-Server Program JavaScript Halaman UTAMA.HTM 1.58Program JavaScript Halaman MENU.HTM Pilih Salah satu dibawah ini: Hacker Portugal Dampak Komputer NT-4 Server Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.59Program JavaScript Halaman AWAL.HTM Halaman ini dibuat dengan menggunakan Frame Design By Asep Suryadilaga E-mail : [email protected] Sedangkan untuk halaman bernama HACK.HTM, NT4SERVE.HTM dan DAMPAK.HTM adalah halaman yang ingin Anda tampilkan pada jendela sebelah kanan10.1. CGI ScriptCGI (Common Gateway Interface) Script atau biasa disebut gateway script adalah suatu program yang berjalan di Web Server dan Web Browser. Banyak hal yang dapat dikerjakan dengan CGI Script, seperti mencari informasi dalam suatu database, melakukan perhitungan, atau hanya sekedar menampilkan informasi seperti tanggal dan waktu saat ini. Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.60Gambar 10.1. Contoh Aplikasi CGI untuk Counter Aplikasi terapan lainnya yang dapat di buat dengan CGI ini antara lain: Formulir Pendaftaran Formulir Pemesanan Barang Formulir Survey Kartu Ucapan Search Engine Guest Book Counter Dan lain-lainUniversitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.61Gambar 10.2. Buku Tamu menggunakan CGI10.2. Bahasa untuk CGI ScriptCGI Script dapat ditulis dalam hampir setiap bahasa pemrograman Web. Pada Web server unix, Anda dapat menggunakan bahasa Script Unix, seperti PERL dan Bourne Shell. Pada Web Server berbasikan Windows NT dapat menggunakan Visual Basic Script.Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.62Gambar 10.3. Kartu Ucapan dengan Perl10.3. Keperluan SistemHal terpenting yang Anda perlukaan untuk bisa menggunakan CGI Script adalah akses ke Web Server, karena semua CGI Script harus diletakan di Server. Untuk memasukan CGI Script ke dalam server, sebaiknya Anda mengetahui dulu, apakah Anda diberi fasilitas untuk memasukan CGI-Script atau Tidak.Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.63Gambar 10.4. CGI Script dengan NetBasic10.4. Server Side IncludesServer Side Include (SSI) adalah metode menjalankan suatu aplikasi CGI secara inline pada suatu dokumen HTML. Artinya pada dokumen HTML tersebut disisipkan suatu Tag HTML khusus yang akan memanggil aplikasi CGI yang diinginkan dan output dari aplikasi tersebut akan bersama-sama ditampilkan oleh browser tepat dimana tag HTML tadi berada. Cara kerja SSI adalah sederhana. Dokumen HTML yang direquest oleh client, diparse terlebih dahulu oleh server. Bila ada Tag HTML yang mengindentifikasi Server untuk menjalankan aplikasi CGI, server segera menjalankan aplikasi tersebut, dann outputnya disisipkan di lokasi dimana TAG tadi dituliskan pada dokumen HTML, kemudian dikirimkan ke Client untuk ditampilkan oleh browser. Berikut ini kita akan mencoba membuat sebuah CGI, untuk formulir pendaftaran User-ID pengguna Intranet STKB seperti berikut:Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.64Gambar 10.5. Tampilan pertama Yang harus kita buat minimal adalah tiga buah file, disini yang akan digunakan adalah CGI dengan menggunakan metode SSI. Yaitu: 1. USER-ID.SSI // untuk program utama 2. SUBMIT.SSI // proses penyimpanan/action 3. DATA.TXT // data yang disimpanProgram JavaScript untuk File USER-ID.SSI Formulir Pendaftaran Sekolah Tinggi Komputer Bandung Formulir Pendaftaran Mahasiswa Baru function tampil_home() { location.href = "http://www.lpkig.ac.id/index.htm"; }Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript
Masukan Data Anda:1.65 Nama : Nim : Alamat : Kota : Kode Pos: Telp : TTL : Sex : Laki-Laki Perempuan Hoby : Agama: Islam Kristen Budha Hindu Moto: Keterangan:
Press Daftar Calon Mahasiswa Baru Copyright 1999 Allisa Computer, Inc. All Rights Reserved. Program JavaScript untuk File SUBMIT.SSIUniversitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript You're Registered! You're Registered!1.66 You have been registered as:
Name: Nim: Address: City: Zip: Telp: TTl: Sex: Agama: Hoby: Moto: Ket: Thank you for registering. Copyright Allisa Computer Oke, 1998. All Rights Reserved. 11.1. JavaJava merupakan sebuah bahasa pemrograman komputer berbasis objek oriented programming. Java diciptakan setelah C++ dan didesain sedemikianUniversitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.67sehingga ukurannya kecil, sederhana dan portable. Program yang dihasilkan dengan bahasa Java dapat berupa applet (aplikasi kecil yang jalan diatas web browser) maupun berupa aplikasi mandiri yang dijalankan dengan program Java.Gambar 11.1. Contoh Aplikasi Java menggunakan animation.class11.2. JavaScript vs JavaHal pertama yang harus dicatat adalah bahwa Java tidak sama dengan JavaScript. Karena JavaScript maupun Java sama-sama menggunakan kata Java banyak orang yang menganggap bahwa Java sama dengan JavaScript. Pada Dasarnya program Java dibagi menjadi dua macam, yaitu aplikasi dan applet. Aplikasi merupakan program yang dapat berdiri sendiri. Sedangkan appletJava disimpan pada file berektensi .class. Anda bisa menempelkan tak kontainer . Sebagai contoh jika Anda mempunyai appleet kelas_saya.class, Anda dapat menempelkannya pada file HTML dengan perintah sebagai berikut: Contoh Applet Sederhana Berikut akan Kita buat sebuah applet sederhana untuk menampilkan tulisan seperti berikut:Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScriptGambar 11.3. Contoh Applet Sederhana Program Applet dengan sederhana import java.applet.*; import java.awt.*; public class halo extends Applet { String str; Font Tulisan; public void UbahTeks (String s) { str = new String (s); update (getGraphics()); paint(getGraphics()); } public void init() { str = getParameter ("Teks"); if (str==null) str = new String ("Ini adalah applet java"); Tulisan = new Font ("TimesRoman",Font.BOLD,60); } public void paint(Graphics g) { Dimension dim=size(); g.setFont(Tulisan); FontMetrics fm=g.getFontMetrics(); int tengahX = (dim.width - fm.stringWidth(str)) >> 1; int tengahY = (dim.height + fm.getAscent()) >> 1; g.setColor(Color.black); g.drawString(str,tengahX+2,tengahY+2); g.drawString(str,tengahX+1,tengahY+1); g.setColor(Color.yellow); g.drawString(str,tengahX,tengahY); } }1.68Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.69Untuk mendapatkan file dengan extensi .class, maka Anda harus mengkompilasi file program java tersebut, setelah dikompilasi baru nantinya Anda akan mendapatkan file HALO.CLASS Untuk mengkompiler program java dilakukan dengan menggunakan baris perintah seperti ini, jika diumpamakan program Java Anda ada didirektori seperti berikut: C:\java\bin>javac halo.java Kemudian jika proses kompilasi sudah selesai, silahkan Anda lanjutkan dengan membuat program HTML, seperti berikut: Contoh Applet Java Untitled Normal Page Ini adalah contoh applet Java Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.7012.1. Applet Headline FactoryGambar 11.4. Homepage JavaScript di http://www.lpkig.ac.id/public/banwar/Dengan software ini, Anda akan bisa dengan mudah membuat sebuah applet Java yang cukup memadai untuk dipresentasikan. Tanpa harus menjadi seorang programer, Anda akan bisa menyisipkan sebuah applet Java yang akan berjalan secara otomatis pada saat halaman Web Anda dibuka. Dengan applet ini, halaman Web Anda akan tampak lebih indah dan menarik.12.2. Applet FactoryMemulai HeadlineUntuk memulai menjalankan, program ini ikuti langkah berikut: 1. Click Start, Program, Applet Headline Factory, kemudian akan ditampilkan output seperti berikut:Gambar 12.1. Jendela Applet Headline Factory 2. Pilih Tab Headline, 3. Click Icon New HeadlineUniversitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.71Gambar 12.2. Jendela Tab Headline 4. Double Click Icon UntitledGambar 12.3. Jendela Headline Properties Tab Text 5. Pada Jendela Teks, masukan Teks yang ingin ditampilkan 6. Ganti ukuran huruf, jenis huruf, warna teks dan sebagainya jika diperlukan12.3. Link and HintUntuk membuat Link dan Hint dari Teks yang Anda buat, ikuti langkah berikut: 1. Click Tab Link and HintUniversitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.72Gambar 12.4. Jendela Link and Hint 2. Pada Box URL masukan alamat website yang ingin di tampilkan 3. Pada Box Targer Frame, masukan nama frame yang akan digunakan untuk menampilkan halaman ini. 4. Pada Box Hint, masukan Teks yang ingin Anda gunakan sebagai petunjuk alamat link tersebut 5. Ganti jenis huruf, ukuran huruf, warna dan latar belakang12.4. ImageUntuk memasukan image atau gambar kedalam applet dapat dilakukan dengan cara sebagai berikut: 1. Click Tab ImageGambar 12.5. Jendela Image 2. Click Icon berwarna Kuning untuk memasukan gambar Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.73Gambar 12.6. Jendela Open Image 3. Click tombol Open jika gambar sudah terpilih 4. Pada Box Status Bar, masukan Teks yang Anda inginkanGambar 12.7. Jendela Image setelah diisi 5. Click tombol Close 6. Untuk melihat hasilnya Click Tombol7. Akan ditampilkan contoh output seperti berikut:Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.7412.5. HTMLGambar 12.8. Jendela OutputUntuk menggabungkan Applet yang barusan Anda buat ke dalam sebuah halaman HTML, dapat dilakukan dengan cara : 1. Pilih Tab HTMLGambar 12.9. Jendela HTML Click Icon 3. Kemudian, Anda gabungkan dengan halaman HTML yang sudah Anda miliki2.Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.75Gambar 12.12. Jendela HTML Berikut ini adalah contoh, sebuah Applet Java, digabungkan dengan halaman HTML yang di buat dengan menggunakan FrontpageGambar 12.11. Contoh Applet Java yang sudah tergabung dengan halaman HTML Gambar di bawah ini, adalah contoh sebuah website yang sudah menggunakan Applet Java, anda bisa melihatnya di alamat : http://www.nt.lpkig.ac.id/frozenUniversitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.76Gambar 12.12. Website http://www.stkb.ac.id/frozen13.1. Applet Marquee WizardDengan Applet Marquee Wizard, Anda memiliki kemampuan untuk memperindah halaman Web Anda. Software ini akan mempermudah pembuatan marquee (teks maupun citra berjalan) dalam bahasa Java, tanpa harus bersusah payah mempelajari pemrograman Java.13.2. Memulai Applet Marquee WizardUntuk memulai menjalankan dan membuat Applet Marquee, kuti langkah berikut: 1. Pilih Start, Program, kemudian pilih Applet Marquee, akan ditampilkan jendela utama seperti berikut:Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.77Gambar 13.1. Jendela Applet Marquee Wizard 2. Gantilah lebar dan tinggi applet, warna background, lebar border dsb, jika diperlukan13.3. Memasukan MarqueeUntuk memasukan gambar yang akan dijadikan Marquee, ikuti langkah berikut: 1. Click Tab Marqueee 2. Click Icon New MarqueeGambar 13.2. Jendela Tab Marquee 3. Click Icon PropertiesUniversitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.78Gambar 13.3. Jendela Marquee Properties Tab General 4. Click Icon untuk memasukan gambar/image5. Pilih gambar yang anda inginkanGambar 13.4. Jendela Open Image 5. Click tombol Open 6. Tentukan Marquee Transition, untuk memberi efek pada Marquee Anda13.4. Memasukan Hot SpotsUntuk memasukan Hot Spots, ikuti langkah berikut: 1. Click Tab Hot Spots 2. Click Icon akan ditampilkan jendela seperti berikut:Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.79Gambar 13.5. Jendela Hot Spots 3. Double Click Hot Spots4. 5. 6. 7.Gambar 13.6. Jendela Open Image Pada Box URL masukan alamat URL yang ingin di link Tentukan Target Frame Masukan Marque Link Masukan image pada box Popup Image13.5. Hint and Status BarUntuk memasukan Hint and Status Bar, ikuti langkah berikut: 1. Click Hint and Status BarUniversitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.80Gambar 13.7. Tab Hint and Status Bar 2. 3. 4. 5. Pada box Hot spots Link, masukan alamat URL yang akan di Link Pada box Status Bar, masukan Teks yang akan ditampilkan pada jendela Status Click Close Kembalikan layar ke tab Hot SpotsGambar 13.8. Tab Hint and Status Bar 6. Untuk membuat Hot Spots, drag hot spots ke jendela applet preview Untuk meilhat hasilnya Click tombol Test In BrowserUniversitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.81Gambar 13.9. Jendela Test in Browser Untuk menggabungkan dengan halaman Web yang sudah Anda buat, lihat caranya di Bab 10.14.1. Applet Navigation FactoryMelalui software ini, Anda akan bisa memperindah halaman Web dalam situs yang Anda buat. Tanpa harus menjadi seorang programer berpengalaman, Anda akan bisa menyisipkan applet ini dengan mudah ke dalam halaman Web yang Anda inginkan .14.2. Memulai Applet Navigation FactoryUntuk memulai menjalankan Applet Navigation Factory, ikuti langkah berikut: 3. Pilih Start, Program, kemudian pilih Applet Navigation, akan ditampilkan jendela utama seperti berikut:Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.82Gambar 14.1. Jendela Applet Navigation 4. Pilih menu File, New Applet, akan ditampilkan jendela seperti berikut:Gambar 14.2. Jendela New Applet 5. Pilih Blank Applet 6. Pilih Menu Item 7. Pilih Icon New Item, akan ditampilkan jendela seperti berikutUniversitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.83Gambar 14.3. Jendela Menu Items 8. Pilih Icon PropertiesGambar 14.4. Jendela Properties 9. Masukan Teks pada box text, masukan Hint, ganti warna font background dan sebagainya 10. Pilih Tab AppearanceUniversitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.84Gambar 14.5. Jendela Tab Appearance 11. Ganti Background untuk tombol, dan teks yang ada di dalam tombol12. Untuk memasukan Link, masukan alamat URL pada box URL 13. Tentukan target fame 14. Masukan Teks untuk di tampilkan di status barGambar 14.6. Jendela Link and Sound 15. Click Close 16. Untuk membuat beberapa tombol dari Menu Items Click Icon Duplicate ItemUniversitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.85Gambar 14.7. Membuat beberapa tombol 17. Untuk melihat hasilnya, click tombol Test in Browser15.1. Applet Password WizardSoftware ini akan membantu Anda untuk membuat username dan passwords untuk melindungi halaman Web Anda. Tanpa latar belakang pemrograman Java, perlindunganGambar 14.8. Output Test in BrowserUniversitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScriptterhadap halaman Web yang Anda buat akan bisa dilakukan dengan mudah.1.8615.2. Memulai Applet PasswordUntuk memulai menjalankan Applet Password, ikuti langkah berikut: 18. Pilih Start, Program, kemudian pilih Applet Password, akan ditampilkan jendela utama seperti berikut:Gambar 15.1. Jendela Applet Password 19. Pilih menu File, New Applet, akan ditampilkan jendela seperti berikut:Gambar 15.2. Jendela New Applet 20. Pada box Link, masukan alamat Link yang anda inginkan jika password benar 21. Pada box frame, masukan target frame Anda15.3. Mengisi Tab LoginUniversitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.87Untuk memasukan pesan atau teks pada saat box password Anda ditampilkan ikuti langkah berikut: 1. Pilih tab Login, pada jendela Applet WizardGambar 15.3. Jendela New Applet 2. Pada kotak Pre login Message, masukan pesan yang ingin ditampilkan pada jendela password 3. Pada kotak Login Message, masukan pesan yang ingin ditampilkan jika proses login selesai 4. Pada kotak Link, masukan alamat http yang ingin dijalankan jika Password yang dimasukan salah. 5. Masukan Target Frame15.4. Mengisi Tab UsersUntuk memasukan daftar nama users yang diperbolehkan mengakses website Anda, caranya adalah sebagai berikut: 1. Pilih tab Users, pada jendela Applet Wizard 2. Click Icon New User 3. Pada jendela User Properties, masukan nama user dan password yang diinginkanGambar 15.4. Jendela User Properties Universitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.comMengenal JavaScript1.884. Click Close, untuk kembali ke jendela New Users 5. Untuk menambah users yang lain dapat dilakukan dengan cara seperti di atas Untuk memasukan ke Halaman Website yang sudah Anda buat, dapat dilakukan dengan cara yang sama seperti di Bab Sebelumnya. Di bawah ini adalah contoh, penggunaa Applet Password di dalam sebuah WebsiteGambar 15.5. Contoh pemakaian Applet PasswordUniversitas Komputer Indonesia 2004 Taryana - 0818426975PDF Creator - PDF4Free v2.0http://www.pdf4free.com

MODULjscript_aplikasi IT II

Documents

Transcript of MODULjscript_aplikasi IT II