Kisi-kisi materi untuk Ujian Semster Pendek

Ukuran: px

Mulai penontonan dengan halaman:

Download "Kisi-kisi materi untuk Ujian Semster Pendek"

Dewi Iskandar
7 tahun lalu
Tontonan:

1 Kisi-kisi materi untuk Ujian Semster Pendek Pengenalan WEB Dosen : Ir. M. Guntara, M.T. 1. Pembuatan tabulasi : <TR>, <TD>, COLSPAN, ROWSPAN 2. Form : a. Action b. GET/POST c. INPUT :TEXT d. INPUT : SUBMIT/BUTTON 3. Frame : a. 3 frame dalam 1 layar 4. Hiperlink a. Ke Halaman web lain b. Ke URL c. Ke Gambar 5. CSS: a. Dasar/Langsung pada TAG b. Index 6. JAVAScript (JS) a. Event handler: onclick,onblur,onmouseover,onmouseout b. Validasi medan isian/ kosong c. Validasi nilai d. Alert e. Fungsi pada JS f. Fungsi tanggal (DATE()) 08/04/10 10:29:50 AM Hal.1

2 g. Perhitungan menggunakan tanggal h. Animasi text/tombol JavaScript Dasar Bahasa pemrograman khusus untuk meningkatkan kemampuan HTML Tidak sama dengan JAVA tetapi perintah dasar banyak kesamannya Embeded /melekat pada HTML Ditulis diantara <BODY>...</BODY> Manfaat/kemampuan Deteksi posisi cursor Deteksi tombol mouse yg di klik/ataupun keyboard Validasi form Mempercantik dialog/tampilan dengan animasi font/latar melakukan operasi perhitungan matematis pengambilan keputusan /percabangan pengulaangan manipulasi tanggal/jam sistem 08/04/10 10:29:50 AM Hal.2

3 Fungsi/aplikasi JavaScript (JS) Menampilkan teks <head> <title> :Menampilkan teks </title> </head> Ini hasil dari html: <br> Saya sedang kuliah Pengenalan Web di STMIK AKAKOM <br> Ini hasil dari javascript: <br> <script language="javascript"> <-- tag awal JavaScript (JS) document.write( Pertama dan Utama ); <-- menampilkan teks JS Pertama dan Utama <-- akhir JS Validasi isian teks <script language="javascript"> function ceknama(form) <--membuat fungsi ceknama if(form.elements[0].value=="") <--jika element[0] medan isian pertama masih kosong alert("nama harus diisi!"); <-- akan muncul kotak dialog dengan tulisan Nama harus diisi 08/04/10 10:29:50 AM Hal.3

4 form.in_nama.focus(); <-- memaksa kursor ke isian in_nama <form> <input type="text" name="in_nama" onblur="ceknama(this.form)"> <--bila kursor keluar medan isian in_nama akan menjalankan fungsi ceknama <input type="button" value="ok" onclick="ceknama(this.form)"> <-- bila tombol OK di klik akan menjalankan fungsi ceknama </form> Jam dan tanggal komputer Client <script language="javascript"> <!-- //manipulasi tanggal var d = new Date() ; <-- mengambil tanggal,bulan tahun,nama hari, dan jam komputer client, di tampung di variabel d document.write("hari Ini:"); document.write(d.getdate()); <--ambil tanggal-nya dari var d document.write("/"); document.write(d.getmonth()); <--ambil bulan dari var d document.write("/"); document.write(d.getfullyear()+"<br />"); <--ambil tahun dari var d document.write("jam:"); document.write(d.gethours()); <--ambil jam dari var d 08/04/10 10:29:50 AM Hal.4

5 document.write(":"); document.write(d.getminutes()); <--ambil menit dari var d document.write(":"); document.write(d.getseconds());<--ambil detik dari var d //--> kalkulator- no fungsi <form name="fjumlah"> <--tag form dengan name fjumlah <input type="text" name="t1"> +<input type="text" name="t2"> <input type="button" value=" = " onclick ="hasil.value = parsefloat(t1.value)+ parsefloat(t2.value)"> <--bila tmbol di klik akan menghitung penjumlahan dan menampatkan hasil di medan isian hasil <input type="text" name="hasil" readonly> <-- medan isian hasil hanya bisa dibaca-read only </form> kalkulator- dg fungsi <script language="javascript"> function hasil(aa,bb) <--membuat fungsi hasil(aa,bb), aa,bb adalah parameter yang akan dipakai di 08/04/10 10:29:50 AM Hal.5

6 fungsi tersebut cc=parseint(aa)+parseint(bb); <--penjumlahan nilai aa dan bb ditampung di var cc fhitung.c.value=cc; <-- nilai cc ditransfer ke medan isian c untuk ditampilkan <form name="fhitung"> <input type="text" name="a"> + <input type="text" name="b"> <input type="button" value=" =" onclick ="hasil(fhitung.a.value,fhitung.b.value)"> <--bila di tombol di klik akan menjalankan fungsi hasil dan memb awa nilai dari medan isian a dan b <input type="text" name="c" readonly> </form> Animasi Tombol <head> <style type="text/css"> </style> </head> 08/04/10 10:29:50 AM Hal.6

7 <script language="javascript"> function ubah() document.getelementbyid('tb1').value="keluar Aplikasi ya"; function biasa() document.getelementbyid('tb1').value='exit'; <input id="merah" type="button" value="ok" onmouseover="this.style.fontsize=30" onmouseout="this.style.fontsize=12"> <input id="tb1" type="button" value="exit" onmouseover="ubah()" onmouseout="biasa()"> Informasi/keputusan 08/04/10 10:29:50 AM Hal.7

8 <script language="javascript"> function ceknama(form) if(form.elements[0].value>=60) alert("sudah Tua"); else alert("belum Tua"); Pemasukan Data <br> <form> Masukkan Umur : <input type="text" name="umur"><br> <input type="button" value="ok" onclick="ceknama(this.form)"> </form> Hitung Usia <script language="javascript"> var skr = new Date() document.write("tanggal Sekarang :<br>"); document.write("bentuk Asli:"); //format tanggal asli - UTC : universal time document.write(skr); 08/04/10 10:29:50 AM Hal.8

9 document.write("<br>indonesia:"); document.write(skr.getdate()); document.write("-"); document.write(skr.getmonth()); document.write("-"); document.write(skr.getfullyear()+"<br />"); function cekusia(form) var tg=parseint(form.elements[0].value); var bl=parseint(form.elements[1].value); var th=parseint(form.elements[2].value); var tglahir=new Date(th,bl,tg); var selisih=date.parse(skr.togmtstring())- Date.parse(tglahir.toGMTString()); form.elements[4].value=selisih/(1000*60*60*24*365); <form> Masukkan Tanggal lahir : <input type="text" name="tgl" value="30" size="2">- <input type="text" name="bln" value="7" size="2">- <input type="text" name="thn" value="1987" size="4"><br> <input type="button" value="ok" onclick="cekusia(this.form)"> <br> Usia : <input type="text" name="umur" size="20" readonly><br> </form> 08/04/10 10:29:50 AM Hal.9

10 MATERI LAIN HTML - pengaturan font dapat dilihat di BUKU Pemrograman WEB HTML CSS JAVA Script oleh Abdul kadir HTML: Frame, hiperlink lihat di catatan kuliah p Yohakim Buku Pemrograman Web diatas atau selamat mencoba /04/10 10:29:50 AM Hal.10

dokumen-dokumen yang mirip

POLITEKNIK ELEKTRONIKA NEGERI SURABAYA

POLITEKNIK ELEKTRONIKA NEGERI SURABAYA WEB DESAIN Pengenalan JavaScript Alfira Rizky Ayuputri 4103141039 3 D3 Multimedia Broadcasting B Dwi Susanto, S.ST, MT. D3 Teknologi Multimedia Broadcasting Departemen Multimedia Kreatif POLITEKNIK ELEKTRONIKA