Sumber : Core WebProgrammingPengarang : Marty Hall – Larry BrownSlide : Riyanto Sigit

Java Applet 2Java Applet 2

Atribut HTML APPLET• Applet menggunakan HTML tag <APPLET> dan </APPLET> untuk menampilkan program applet di browser. Bentuk sederhana dari <APPLET> tag biasanya mengunakan atribut: CODE, WIDTH, dan HEIGHT.

• Code adalah nama applet (class), width adalah lebar layar dalam satuan pixel, dan height adalah tinggi layar dalam satuan pixel.

• Contoh: <APPLET CODE=“Hello.class” HEIGHT=200 WIDTH=200> </APPLET>

Option Option Option Option LainnyaLainnyaLainnyaLainnya

Browser tidak mengenali <APPLET> tag, dan browser mengabaikan <APPLET> dan <PARAM> tag.

Sebagai pengganti browser akan beralih menginterpretasikan kode HTML yang terletak antara <APPLET> dan </APPLET> tag.

alternateHTML

Dgunakan untuk meletakkan parameter applet.Applet membaca value dari parameter denganmenggunakan method getParameter().

param

Beisi nama instance dari applet.Digunakan untuk berkomunikasi antar applet pada page yang sama.

name

Horizontal space, pengisisan spasi pada bagian horisontal applet, sebagai pemisah dengan obyeklainnya (dalam satuan pixel).

hspace

Vertical space, pengisisan spasi pada bagian vertikal applet, sebagai pemisah dengan obyeklainnya (dalam satuan pixel).

vspace

Posisi applet yaitu left, right, top, texttop, middle, absmidle, baseline, bottom, absbottom.align

Alternate, merupakan nama applet dalam teks, digunakan untuk informasi pada browser yang tidak mengenal Java Applet

alt

Menyatakan nama direktori pada server dimana applet tersebut ditemukan.codebase

Parameter Applet (Tag Parameter Applet (Tag Parameter Applet (Tag Parameter Applet (Tag <PARAM>)<PARAM>)<PARAM>)<PARAM>)• Parameter applet ini setara dengan parameter

pada command line argument pada Java application. Dengan <PARAM> maka user akanlebih flexibel dalam mengkonfigurasi applet. Melalui parameter pada applet, program Java Applet dapat menerima nilai parameter tersebutdari html. Biasanya digunakan untuk setingnilai dengan menggunakan <PARAM> tag.

• <PARAM> tag digunakan didalam <APPLET> tag tepat setelah deklarasi <APPLET> tag. Jadi pendeklarasian <PARAM> tag adalah didalam <APPLET> tag. Parameter dapat diberikan dalam jumlah yang tidak terbatas.

Contoh

String str1, str2;Str1 = getParameter(“nama_param1”);Str1 = getParameter(“nama_param1”);

<APPLET CODE=AppletSubclass.class WIDTH=anInt HEIGHT=anInt> <PARAM NAME=nama_param1 VALUE=nilai1> <PARAM NAME=nama_param2 VALUE=nilai2> ……</APPLET>Untuk mendapatkan nilai parameter, Java Applet menggunakanmethod getParameter() yang dideklarasikan pada method init()untuk membaca nama parameter dan nilai parameter tersebut.

Bila nama parameter tidak ditemukan, maka nilai String adalah null. Ada kemungkinan akan terjadi konversi dari string ke integer atau tipe data yg lain sesuai penggunaan.

Penggunaan Huruf (FONT)Penggunaan Huruf (FONT)Penggunaan Huruf (FONT)Penggunaan Huruf (FONT)• Huruf adalah gaya atau bentuk tulisan. Untuk menulis String, obyek Graphics memerlukan font. Secara default font tersebut didefinisikan sebagai courier dengan ukuran 10 pixel.

• Untuk merubah font diperlukan obyekGraphics dengan method setFont().Tidaksemua jenis font terdaftar pada Java.

• Cara mendeklarasikan font:Font(nama_font, tipe_font, ukuran_pixel)

ContohContohContohContohpublic void paint (Graphics g) {Font f;f = new Font(“TimesRoman”, Font.BOLD, 32);g.drawString(“ Tulisan dengan font

TimesRoman BOLD 32 pixel, 20,10”);}

Penggunaan WarnaPenggunaan WarnaPenggunaan WarnaPenggunaan Warna• Menggunakan nama warna berdasarkan

konstanta dari library awt.Graphics g;g.setColor(Color.red);g.drawString(“Warna merah”, 20,30);

• Menggunakan nilai RGB (Red Blue Green).Graphics g;Color warna;warna = new Color(255, 255, 0); // kuningg.setColor(warna);g.drawString(“Warna kuning”, 20,30);

Warna Latar Depan dan Latar Warna Latar Depan dan Latar Warna Latar Depan dan Latar Warna Latar Depan dan Latar BelakangBelakangBelakangBelakang• Warna Latar Depan (foreground) dan Latar Belakang

(background) dapat diubah dengan:Color warna;warna = Color.red; setBackground(warna);warna = new Color(128, 110, 16);setForeground(warna);

• Warna Background/Foreground dapat diketahui dengan:Color warna;warna = getForeground;warna = getForeground;

PenggunaanPenggunaanPenggunaanPenggunaan GambarGambarGambarGambar (Image)(Image)(Image)(Image)

• Dengan applet kita juga bisa menampilkangambar dengan menggunakan method getImage() yang kita panggil pada method init().

• Contoh:Image yahoo;public void init() {

yahoo =getImage(getDocumentBase(),"gambar/yahoo.gif");

}

Java Archives fileJava Archives fileJava Archives fileJava Archives file• Digunakan untuk menggabungkan beberapa file sehingga

dihasilkan satu file.• Command:• c:\>jar cf animate.jar nama_file1.class nama_file2.gif• Option c = java archieve file harus dibuat

f = nama archieve file diikutkan sebagai argumen• Penggunaan di HTML file:

<APPLET CODE=“class_file.class” ARCHIVE=“jar_file.jar” WIDTH=45 HEIGHT=42></APPLET>

Program 1 : kode java• Menampilkan tanggal dan waktu saat ini dan melakukan update setiap satu

detik. import java.awt.*;import java.util.*;public class Watch extends javax.swing.JApplet {private Color butterscotch = new Color(255, 204, 102);private String lastTime = "";public void init() {setBackground(Color.black);

}public void paint(Graphics screen) {Graphics2D screen2D = (Graphics2D)screen;Font type = new Font("Monospaced", Font.BOLD, 20);screen2D.setFont(type);GregorianCalendar day = new GregorianCalendar();String time = day.getTime().toString();screen2D.setColor(Color.black);screen2D.drawString(lastTime, 5, 25);screen2D.setColor(butterscotch);screen2D.drawString(time, 5, 25);try {Thread.sleep(1000);

} catch (InterruptedException e) {// do nothing

}lastTime = time;repaint();

}}

Program 1: kode html<html><head><title> Watch Applet </title></head> <body><applet code="Watch.class" height="50" width="450"> This program requires Java-enabled browser.</applet></body></html>

Program 2 Program 2 Program 2 Program 2 : kode javaMenampilkan tanggal dan waktu saat ini dan melakukan update setiap satu detik.NewWatch.java ini mampu merubah warna background melalui parameter.import java.awt.*;import java.util.*;public class NewWatch extends javax.swing.JApplet { private Color butterscotch = new Color(255, 204, 102);private String lastTime = "";Color back;public void init() {String in = getParameter("background");back = Color.black;if (in != null) {try {back = Color.decode(in);

} catch (NumberFormatException e) { showStatus("Bad parameter " + in);}

}setBackground(back);

}public void paint(Graphics screen) {Graphics2D screen2D = (Graphics2D)screen; Font type = new Font("Monospaced", Font.BOLD, 20);screen2D.setFont(type);GregorianCalendar day = new GregorianCalendar();String time = day.getTime().toString();screen2D.setColor(back);screen2D.drawString(lastTime, 5, 25);screen2D.setColor(butterscotch);screen2D.drawString(time, 5, 25);try {Thread.sleep(1000);

} catch (InterruptedException e) {// do nothing

}lastTime = time;repaint();

}}

Program 2: kode html<html><head> <title> NewWatch Applet </title></head><body bgcolor="#996633"><p> The current time:<applet code="NewWatch.class" height="50" width="450"> <param name="background" value="#996633">This program requires Java-enabled browser.</applet></body></html>

Program 3 Program 3 Program 3 Program 3 : kode javaMenampilkan tulisan di applet dengan menggunakan method drawString() dangambar di applet dengan menggunakan method getImage().

// Applet which shows an imageimport java.awt.*; import java.applet.Applet;/* An Applet that loads an image from a relative URL */public class JavaMan1 extends Applet {private Image javaMan;public void init() {javaMan = getImage(getDocumentBase(),"images/Java-Man.gif");

}public void paint(Graphics g) {Font type = new Font("Monospaced", Font.BOLD, 18);g.setFont(type);g.drawString("This is a picture of you",20,20);g.drawImage(javaMan, 25, 50, this);

}}

Program 3: kode html<HTML><HEAD><TITLE>JavaMan1 Applet</TITLE>

</HEAD><BODY BGCOLOR="WHITE"><H1>JavaMan1</H1><APPLET CODE="JavaMan1.class" WIDTH="420" HEIGHT="365"><B>Soory, you have a JAva-challenged browser</B></APPLET></BODY></HTML>

Program 4 Program 4 Program 4 Program 4 : kode java

import java.applet.Applet;import java.awt.*;/** An applet that draws an image **/public class JavaJump extends Applet {private Image JumpingJava; // instance var declarations herepublic void init() {setBackground(Color.white);setFont(new Font("SansSerif",Font.BOLD,18));JumpingJava = getImage(getDocumentBase(),"images/Jumping-Java.gif");add(new Label("Great Jumping Java!"));System.out.println("Yow! I'm living with Java.");

}public void paint(Graphics g) { // drawing hereg.drawImage(JumpingJava,0,50,this);

}}

Menampilkan gambar dan tulisan di layar dan juga menambahkan label

Program 4: kode html<HTML><HEAD><TITLE>JumpingJava</TITLE>

</HEAD><BODY BGCOLOR="BLACK" TEXT="WHITE"><H1>Jumping Java</H1><APPLET CODE="JavaJump.class" WIDTH=250 HEIGHT=335><B>Sorry, this example requires Java.</B></APPLET></BODY></HTML>

Program 5 Program 5 Program 5 Program 5 : kode javaimport java.applet.Applet;import java.awt.*;public class HelloWWW2 extends Applet {public void init() {setFont(new Font("SansSerif", Font.BOLD, 30));Color background = Color.gray;Color foreground = Color.darkGray;String backgroundType = getParameter("BACKGROUND");if (backgroundType != null) {if (backgroundType.equalsIgnoreCase("LIGHT")) {background = Color.white;foreground = Color.black;

} else if (backgroundType.equalsIgnoreCase("DARK")) {background = Color.black;foreground = Color.white;

}}setBackground(background);setForeground(foreground);

}public void paint(Graphics g) {g.drawString("Hello, World Wide Web.", 5, 35);

}}

Dokumen html yang menampilkan applet yg sama sebanyak tiga kali dengan konfigurasi parameter yang berbeda

Program 5 : kode html<HTML><HEAD><TITLE>Customizable HelloWWW Applet</TITLE>

</HEAD><BODY><H1>Customizable HelloWWW Applet</H1><P><APPLET CODE="HelloWWW2.class" WIDTH=400 HEIGHT=40><PARAM NAME="BACKGROUND" VALUE="LIGHT"><B>Error! You must use a Java-enabled browser.</B>

</APPLET><P><APPLET CODE="HelloWWW2.class" WIDTH=400 HEIGHT=40><PARAM NAME="BACKGROUND" VALUE="DARK"><B>Error! You must use a Java-enabled browser.</B>

</APPLET><P><APPLET CODE="HelloWWW2.class" WIDTH=400 HEIGHT=40><B>Error! You must use a Java-enabled browser.</B> </APPLET>

</BODY></HTML>

Percobaan 6Percobaan 6Percobaan 6Percobaan 6• Menampilkan tulisan “Hello World!” pada lokasi mouse di klik tanpa membersihkan layar.

• Hal ini adalah efek dari penggunaan fungsi update().• Perhatikan isi method update() !.• Coba lakukan minimize pada window broser. Kemudian maximize. Apa yang terjadi? Jumlah tulisan dan posisinya akan tetap sama.

• Ini adalah akibat dari penggunaan tipe List pada mouseClicks.

Program 6 Program 6 Program 6 Program 6 : kode java

import java.applet.Applet;import java.awt.Graphics;public class Parameters extends Applet {private String toDisplay;private int speed;public void init() {String pv;pv = getParameter("speed");if (pv == null) {speed = 10;

} else {speed = Integer.parseInt(pv);}toDisplay = "Speed given: " + speed;

}public void paint(Graphics g) {g.drawString(toDisplay, 25, 25);

}}

Applet yang menampilkan variabel sebagai inputan parameter.

Program 6 : kode html

<HTML><HEAD><TITLE></TITLE>

</HEAD><BODY><APPLET CODE="Parameters.class" WIDTH=200 HEIGHT=200><PARAM NAME=speed VALUE="12">

</APPLET></BODY></HTML>

Percobaan 7Percobaan 7Percobaan 7Percobaan 7Membuat JAR file.• Lakukan langkah-langkah berikut:• Buat folder dengan nama JAR.• Kopikan file JavaJump.java dan Jumping-Java.gif ke folder JAR ini• Masuk ke command promt direktori aktif tempat file JavaJump.java

berada (folder JAR).• Lakukan modifikasi file JavaJump.class pada baris.

Sebelum: JumpingJava = getImage(getDocumentBase(),"gambar/Jumping-Java.gif");Sesudah : JumpingJava = getImage(getDocumentBase(),"Jumping-Java.gif");

• Kompile JumpingJava.java• Lakukan: jar cf Animate.jar JavaJump.class Jumping-Java.gif• Delete file JumpingJava.java, JumpingJava.class, dan Jumping-

Java.gif.

Program 7 : kode html<HTML><HEAD> <TITLE>JumpingJava</TITLE></HEAD><BODY BGCOLOR="BLACK" TEXT="WHITE"><H1>Jumping Java</H1><APPLET CODE="JavaJump.class" ARCHIVE="Animate.jar" WIDTH=250 HEIGHT=335><B>Sorry, this example requires Java.</B></APPLET></BODY></HTML>

Simpan file HTML ini sefolder dengan file Animate.jar

SOAL LATIHANSOAL LATIHANSOAL LATIHANSOAL LATIHAN1. Lakukan modifikasi pada praktikum2 (NewWatch.java ) sehingga applet ini

bisa menge-set warna text, warna background dan warna foreground melalui parameter.

2. Buatlah program yang menampilkan informasi tentang identitas seseorang (nama, alamat, telpon) dengan menggunakan parameter.

3. Buatlah suatu applet yang menampilkan tampilan sebagai berikut:

Program ini mendemonstrasikan penarikan garis vertikal dan horisontal mulai dari width sampai dengan height. Pada program buat dua variabel misal lebar dan panjang yang masing-masing bernilai 200 dan 100. Kemudian tampilkan tulisan JAVA pada posisi 40, 60 dengan font tahoma, bold dan berukuran 20. Gunakan warna kuning sebagai warna banckground yang dimasukkan lewat parameter. Simpan program dengan nama MyPixel2.java. Gunakan kode html sebagai berikut:

<applet code="MyPixel2.class" width=200 height=100>