You are on page 1of 10

PEMROGRAMAN LANJUT

HTML, JAVA SCRIPT


DAN APPLET

Nama : Niza Aulia
NIM : 1257301054
Kelas : I.2
No.Praktikum : 04/PL//2014

JURUSAN TEKNIK ELEKTRO
PROGRAM STUDI TEKNIK INFORMATIKA
POLITEKNIK NEGERI LHOKSEUMAWE
2014
Lembar Pengesahan

No. Praktikum : 04/I2/IT-LAB14A/2014
Judul Praktikum : HTML, Java Script dan Applet
Nama Praktikan : Niza Aulia
Tanggal Praktikum : 28 Maret 2014
Tanggal Penyerahan : 21 April 2014



Nilai :
Keterangan :




Buket Rata, 21April 2014
Dosen Pembimbing


Ismi Amalia, S.Si, M.Kom
NIP.19841107 200812 2002

I. DASAR TEORI








































II. PERCOBAAN DAN HASIL PERCOBAAN

HALAMAN HOME
<!DOCTYPE html>
<html>
<body background="dark-pattern-001.gif">
<center>
<td> <img src="welcome.gif" width="350" height="100"/>

<BR> <BR> </BR>
<table> <tr>
<td> <img src="orang.jpg" width="150" height="150"/>
<a href="tugas_biodatahtml.html"> <blink> <br/> <font
="Lucida Calligraphy" color="#FF6600"> <button> FORM
BIODATA </button> </font> <justify> </justify>
<TD> <TD> <TD> <TD> <TD> </TD>

<td> <img src="sempoa.jpg" width="150" height="150"/>
<a href="BujurSangkar.html"> <blink> <br/> <font
color="#FF6600"> <button> RUMUS SEDERHANA </button>
</font> <justify> </justify>
<TD> <TD> <TD> <TD> <TD> </TD>

<td> <img src="rumah.jpg" width="150" height="150"/>
<a href="rumah.html"> <blink> <br/> <font
color="#FF6600"> <button> RUMAH </button> </font>
<justify> </justify>
</tr> </table>

</head>
<BR> <BR> </BR>
<table width="1000" border="3" align="center"
bordercolor="white">
<tr>
<font size="30" face="Chiller" color="red"> ABOUT ME
</font>
<td colspan="3" height="100" width="150" align="center"
bgcolor="#00bfff" background="panah2.gif"> </td>
</tr>

<td height="130" width="1000" align="center"
bgcolor="#0000cd" background="welcome my biodata.jpg">
</td>
<td rowspan="2" width="250" valign="top"
bgcolor="#e9967a"><font size="20" face="Adobe Fangsong
Std R" color="black">

<form method=post action="" >
<table><br>

</table>
<img src="kuning2.gif"/>
<img src="kuning3.gif"/>
<img src="kuning1.gif"/>
<img src="kuning4.gif"/>
<img src="rumah.jpg"/>
<tr> <br>

<td height="150" width="50" valign="top"
bgcolor="#dcdcdc"> <p align="justify">

<!-- PROFILE -->
<B>MY PROFILE</B><img src="P4062564.jpg"/ width=150
height=200 align="left"> <br>
Niza Aulia, lahir dan besar di Kandang Kecamatan Muara
Dua, salah satu dari sekian banyak perkampungan yang ada
di seputaran kota Lhokseumawe. Sekolah TK di TK PERTIWI
Lhokseumawe. SD di SDN 2 Lhokseumawe. SMP di SMPN 1
Lhokseumawe dan lalu di lanjutin ke SMAN 2 Lhokseumawe.
2012 Saya resmi menjadi seorang mahasiswa Politeknik
Negeri Lhokseumawe. (Setia Terus Sama Lhokseumawe hehehe
:D). Dengan jurusan yang saya ambil yaitu Jurusan
Elektro Prodi Informatika. Alhamdulillah saat ini saya
sudah menjadi mahasiswa Teknik Informatika Politeknik
Negeri Lhokseumawe Tingkat II (Semester IV).
<a href="about.html">Selengkapnya...</a>
<br><br><br><br>


<img src="doraemon.gif"/ width=200 height=150
align="right"><br>
<img src="doraemon3.gif"/ width=150 height=150
align="buttom"><br>
<img src="doraemon1.gif"/ width=250 height=180
align="left"><br>
<td> </td>
<img src="doraemon2.gif"/ width=250 height=180
align="buttom"><br>

</tr>
<tr>
<td colspan="4" height="30" align="center"
bgcolor="black"> <font color="white">copyright &copy;
2014 Niza Aulia </font></td>
</tr>
<tr>
<td bgcolor=#996600 align="center"></td>
<td bgcolor=#ffcc66 align="center"></td>
<td bgcolor=#996600 align="center" height="10"></td>
</tr>

</table>
<center
</body>
</html>

OUTPUT


KETIKA BUTTON FORM BIODATA DI KLIK








































KETIKA BUTTON RUMUS SEDERHANA DI KLIK
<html>
<body background="images (30).jpg">
<FORM name ="form1" method ="post" action="">
<h1> <body text = "blue"> RUMUS BUJUR SANGKAR </h1>

Panjang : <INPUT TYPE ="text" name="vPanjang">
<BR>
Lebar : <INPUT TYPE ="text" name ="vLebar">
<BR>
<INPUT TYPE = "button" value = "Luas" name ="vLuas"
onclick="prosesLuas()">

<INPUT TYPE = "button" value = "Keliling" name
="vKeliling" onclick="prosesKeliling()">
<BR>

<textarea name = "vHasil" rows ="10" cols="25">
</textarea>
</FORM>

<SCRIPT language ="JavaScript">
<!--
function prosesLuas()
{
Var Panjang =parseFloat(document.form1.vPanjang.value);
var Lebar =parseFloat(document.form1.vLebar.value);
var Hasil =Panjang*Lebar;
document.form1.vHasil.value = Hasil;
}

function prosesKeliling(){
var Panjang =
parseFloat(document.form1.vPanjang.value);var Lebar =
parseFloat(document.form1.vLebar.value);
var Hasil =2*(Panjang+Lebar)
document.form1.vHasil.value = Hasil;
}
//-->
</SCRIPT>
</BODY>
</HTML>

OUTPUT

PROGRAM RUMAH (HTML)
<HTML>
<BODY>
<APPLET
CODE ="rumah.class"
WIDTH="800"
HEIGHT="600">
</APPLET>
</BODY>
</HTML>

PROGRAM RUMAH (JAVA)
import java.awt.*;
import java.applet.*;
public class rumah extends Applet
{
public void paint(Graphics g)
{
Color warna=Color.white;
setBackground(warna);

g.setColor(new Color(139,170,249));
int X[] = { 80, 150, 220};
int Y[] = { 120, 50, 120};
g.fillPolygon(X,Y,3);

g.setColor(new Color(188,62,175));
int P[] = {150, 390, 450, 220};
int Q[] = {50, 50, 120, 120};
g.fillPolygon(P,Q,4);

g.setColor(new Color(198,233,57));
g.fillRect(80,120,220,200);

g.setColor(new Color(244,74,28));
g.fillRect(220,120,230,200);

g.setColor(new Color(207,102,196));
g.fillRect(80,240,40,80);

g.setColor(new Color(59,223,247));
g.fillRoundRect(80,220,40,20,10,10);

g.setColor(new Color(234,242,9));
g.fillOval(90,270,20,20);

g.setColor(new Color(207,102,196));
g.drawLine(0,320,800,320);


g.setColor(new Color(17,185,41));
g.fillArc(0,280,80,80,0,180);
g.fillArc(450,290,40,60,0,180);
g.fillArc(490,260,90,120,0,180);
g.fillArc(580,290,70,60,0,180);
g.fillArc(650,300,30,40,0,180);
g.fillArc(680,277,90,90,0,180);
g.fillArc(770,277,90,90,0,180);

g.setColor(new Color(74,169,224));
g.fillArc(650,10,80,50,0,180);
g.fillArc(700,30,60,40,0,180);
g.fillArc(620,30,60,40,0,180);

Font type = new Font("Lucida Calligraphy",Font.BOLD,36);
g.setFont(type);
g.drawString("RUMAH NIZA",200,500);
}
}

OUTPUT

You might also like