Senin, 28 Mei 2012
Program Perancangan Web (ver.2)
Ini satu lagi, beberapa program perancangan web...
“MENGGUNAKAN SCRIPT JSP for NETBEANS”
<HTML>
<HEAD>
<TITLE>Pengulangan dengan for</TITLE>
</HEAD>
<BODY>
<h3> DENGAN MENGHITUNG : </h3>
<%-- Hanya berfungsi sebagai komentar --%>
<%
for(int i = 1; i
<= 7; i++)
out.println("<FONT SIZE=" + i + ">" +
i
+ "</FONT><BR>");
out.println("Yak! Mulai Belajar JSP Sekarang....!!!");
%>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Contoh Tag Ekspresi</TITLE>
</HEAD>
<BODY>
Waktu Sekarang: <%= new java.util.Date() %>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Contoh Variabel Private</TITLE>
</HEAD>
<BODY>
<%!
private int
pencacah = 0;
%>
<%
pencacah++;
out.println("Halaman ini telah dikunjungi " +
pencacah + " kali");
%>
</BODY>
</HTML>
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body bgcolor="white">
<center><h4>Selamat Datang di...</h4>
<h1> UNIVERSITAS MARITIM RAJA ALI HAJI
(UMRAH)</h1>
<img src = "logoumrah.jpg">
<h2>Websitenya Jurusan Teknik Perangkat Lunak
</h2>
<HTML>
<HEAD>
<TITLE>Contoh if Bersarang</TITLE>
</HEAD>
<FORM>
Masukkan nilai
Ujian (0-100):<BR>
<INPUT TYPE=TEXT NAME=nilai><BR>
<INPUT TYPE=SUBMIT VALUE="Proses">
</FORM>
<BODY>
<%
String strNilai
= request.getParameter("nilai");
if (strNilai ==
null)
strNilai = "0";
int nilaiUjian =
Integer.valueOf(strNilai).intValue();
char skor;
if (nilaiUjian
>= 90)
skor =
'A';
else
if
(nilaiUjian >= 80)
skor =
'B';
else
if
(nilaiUjian >= 60)
skor =
'C';
else
if
(nilaiUjian >= 50)
skor
= 'D';
else
skor
= 'E';
out.println("Nilai: " + nilaiUjian + "<BR>");
out.println("Skor: " + skor);
%>
</BODY>
</HTML>
“NESTED FOR”
<HTML>
<HEAD>
<TITLE>Contoh for Bersarang</TITLE>
</HEAD>
<BODY>
<FORM>
Tinggi segitiga:
<INPUT TYPE=TEXT NAME=tinggi><BR>
<INPUT TYPE=SUBMIT VALUE="Proses">
</FORM>
<%
String strTinggi
= request.getParameter("tinggi");
if (strTinggi ==
null)
strTinggi =
"0";
int tinggi =
Integer.valueOf(strTinggi).intValue();
for (int baris =
1; baris <= tinggi; baris++) {
for (int
kolom = 1; kolom <= baris; kolom++)
out.print('*');
out.println("<BR>");
}
%>
</BODY>
</HTML>
“Menggunakan
Switch pasa JSP”
<HTML>
<HEAD>
<TITLE>Contoh switch</TITLE>
</HEAD>
<BODY>
<FORM>
<h3> BINTAN TOUR and TRAVEL <h3>
<h5> Menawarkan Paket Wisata ke :
</h5><br>
1. Tour ke Candi
Borobudur<BR>
2. Tour ke Danau
Toba<BR>
3. Tour ke
Gunung Bromo<BR>
4. Tour ke
SINGAPORE (SENTOSA and Universal Studio) <BR>
5. Tour ke
MALAYSIA (GENTING HighLand)<br>
6. Tour ke
THAILAND (PUEKET Beach)<br>
7. Tour ke
GUNUNG BINTAN (Desa SriBintan + Makan Durian)<br>
Pilihlah Paket
yang Anda Inginkan (1 - 7):<BR>
<INPUT TYPE=TEXT NAME=pilihan><BR>
<INPUT TYPE=SUBMIT VALUE="Proses">
</FORM>
<%
String
strPilihan = request.getParameter("pilihan");
if (strPilihan
== null)
strPilihan =
"0";
int pilihan =
Integer.valueOf(strPilihan).intValue();
switch (pilihan)
{
case 1:
out.println("Pilihan Anda Candi Borobudur<BR>");
break;
case 2:
out.println("Tour ke Danau Toba<BR>");
break;
case 3:
out.println("Tour ke Gunung Bromo<BR>");
break;
case 4:
out.println ("Tour ke SINGAPORE (SENTOSA and Universal Studio)
<BR>");
case 5:
out.println("Tour ke MALAYSIA (GENTING HighLand)<br>");
case 6:
out.println("Tour ke THAILAND (PUEKET Beach)<br>");
case 7:
out.println ("Tour ke GUNUNG BINTAN (Desa SriBintan + Makan
Durian)<br>");
default:
out.println("Silakan memilih 1,2,3,4,5,6 atau7");
}
%>
</BODY>
</HTML>
“Menggunakan
Switch2”
<HTML>
<HEAD>
<TITLE>Contoh switch</TITLE>
</HEAD>
<BODY>
<FORM>
<H5> MASUKKAN HARI YANG DIINGINKAN UNTUK LIBURAN
</H5>
1.
Senin<BR>
2. Selasa<BR>
3.
Rabu<BR>
4.
Kamis<BR>
5.
Jumat<BR>
6.
Sabtu<BR>
7.
Minggu<BR>
Pilihan :
<INPUT TYPE=TEXT NAME=pilihan><BR>
<INPUT TYPE=SUBMIT VALUE="Proses">
</FORM>
<%
String
strPilihan1 = request.getParameter("pilihan");
if (strPilihan1
== null)
strPilihan1 =
"0";
int pilihan1 =
Integer.valueOf(strPilihan1).intValue();
switch (pilihan)
{
case 1:
case 2:
case 3:
case 4:
case 5:
out.println(pilihan + "-> Hari kerja");
break;
case 6:
case 7:
out.println(pilihan + "-> Hari libur");
break;
default:
out.println("Pilihan 1..7");
}
%>
</BODY>
</HTML>
“Menggunakan
Dimensi Array”
<HTML>
<HEAD>
<TITLE>Array Dua Dimensi</TITLE>
</HEAD>
<BODY>
<%
String[][]
negara = new String[5][2];
// Mengisi
elemen tertentu
negara[0][0] =
"Indonesia";
negara[0][1] =
"Jakarta";
negara[1][0] =
"Malaysia";
negara[1][1] =
"Kuala Lumpur";
negara[2][0] =
"Pilipina";
negara[2][1] =
"Manila";
negara[3][0] =
"Thailand";
negara[3][1] =
"Bangkok";
negara[4][0] =
"India";
negara[4][1] =
"New Delhi";
// Menampilkan
elemen array dalam bentuk tabel
out.println("<TABLE BORDER = \"2\">");
out.println("<CAPTION>Daftar Negara</CAPTION>");
out.println("<TR><TH>Negara</TH><TH>Ibukota</TH></TR>");
int i, j;
for (i = 0; i
< 5; i++) {
out.println("<TR><TD>" +
negara[i][0] +
"</TD><TD>" +
negara[i][1] +
"</TD></TR>");
}
out.println("</TABLE>");
%>
</BODY>
</HTML>
“Konversi Bilangan”
<HTML>
<HEAD>
<TITLE>Konversi Data</TITLE>
</HEAD>
<BODY>
<FORM>
Masukkan sebuah
bilangan bulat:<BR>
<INPUT TYPE=TEXT NAME=bil><BR>
<INPUT TYPE=SUBMIT VALUE="Proses">
</FORM>
<%
String
strBilangan =
request.getParameter("bil");
if (strBilangan
!= null) {
int bilangan
=
Integer.valueOf(strBilangan).intValue();
out.println("110% dari
" + bilangan +
" = " + (1.1 * bilangan));
}
%>
</BODY>
</HTML>
<hr>
“Vector dan Enumeration”
<HTML>
<HEAD>
<TITLE>Contoh Vector dan Enumeration</TITLE>
</HEAD>
</BODY>
<%@ page import="java.util.Enumeration,
java.util.Hashtable" %>
<%
Hashtable tabel
= new Hashtable();
// -- Memasukkan
data
tabel.put("negara", "Indonesia");
tabel.put("ibukota", "Jakarta");
tabel.put("matauang", "Rupiah");
tabel.put("lagu kebangsaan",
"Indonesia Raya");
tabel.put("benua", "Asia");
out.println("Jumlah kunci = " +
tabel.size() + "<BR>");
out.println("<B>Isi semula:</B><BR>");
// Tampilkan
isinya
Enumeration
kunci = tabel.keys();
while
(kunci.hasMoreElements()) {
String
identitas =
(String)
kunci.nextElement();
out.println(
identitas
+ ": " +
tabel.get(identitas) + "<BR>");
}
// -- Ubah dan
hapus
tabel.put("negara", "Negara Indonesia");
tabel.remove("lagu kebangsaan");
out.println("<BR>");
out.println("<B>Isi sekarang:</B><BR>");
// Tampilkan
isinya
kunci =
tabel.keys();
while
(kunci.hasMoreElements()) {
String
identitas =
(String)
kunci.nextElement();
out.println(
identitas
+ ": " +
tabel.get(identitas) + "<BR>");
}
%>
</BODY>
</HTML>
“Periksa Browser”
<HTML>
<HEAD>
<TITLE>Memeriksa Browser</TITLE>
</HEAD>
<BODY>
Anda menggunakan browser...
<%
String isi =
request.getHeader("user-agent");
if
(isi.indexOf("Opera") != -1)
out.println("Opera");
else
if
(isi.indexOf("Netscape") != -1)
out.println("Netscape Communicator");
else
if
(isi.indexOf("MSIE") != -1) {
out.println("Internet Explorer");
out.println("atau mungkin yang lain");
}
else {
out.println("selain: Internet Explorer, ");
out.println("Netscape, ");
out.println("atau Opera ");
}
%>
</BODY>
</HTML>
“Menampilkan IP
Address (Request)”
<HTML>
<HEAD>
<TITLE>Contoh Pemakaian request</TITLE>
</HEAD>
<BODY>
<%@ page import="java.util.Enumeration"
%>
IP Klien : <%= request.getRemoteAddr() %><BR>
Host Klien : <%= request.getRemoteHost()
%><BR>
Server : <%= request.getServerName() %><BR>
Port : <%= request.getServerPort() %><BR>
<BR>
<B>Parameter:</B><BR>
<%
Enumeration p =
request.getParameterNames();
while
(p.hasMoreElements()) {
String namaParam = (String) p.nextElement();
String
isiParam =
request.getParameter(namaParam);
out.println(namaParam + "=" + isiParam +
"<BR>");
}
%>
</BODY>
</HTML>
“Menampilkan IP
Address (Request2)”
<HTML>
<HEAD>
<TITLE>Contoh Pemakaian request</TITLE>
</HEAD>
<BODY>
<%@ page import="java.util.Enumeration"
%>
Metode: <%= request.getMethod() %><BR>
String Query: <%= request.getQueryString()
%><BR>
<BR>
<B>Header:</B><BR>
<%
Enumeration h =
request.getHeaderNames();
while
(h.hasMoreElements()) {
String
namaJudul = (String) h.nextElement();
String
isiJudul =
request.getHeader(namaJudul);
out.println(namaJudul + "=" + isiJudul +
"<BR>");
%>
</BODY>
</HTML>
Program Perancangan Web (ver.1)
Guys, ini program perancangan web bagian pertama yang kemarin bapak kasih..
Let's see...
“TARGET MAIN”
<HTML>
<HEAD>
<TITLE>Table of Contents</TITLE>
</HEAD>
<BODY>
<TABLE WIDTH="100%">
<TR><TD><A
HREF="Latihan5-5a.html" TARGET="Main">
Introduction</A></TD>
<TD><A HREF="Latihan5-5b.html"
TARGET="Main">
Potential</A></TD>
<TD><A HREF="Latihan5-5c.html"
TARGET="Main">
Investing</A></TD>
<TD><A HREF="Latihan5-5d.html"
TARGET="Main">
References</A></TD></TR>
</TABLE>
</BODY>
</HTML>
“TARGET MAIN FINAL”
<HTML>
<HEAD>
<TITLE>Investing in Cold Fusion</TITLE>
</HEAD>
<FRAMESET ROWS="75,*">
<FRAME SRC="Latihan5-5.html"
NAME="TOC">
<FRAME SRC="Latihan5-5a.html"
NAME="Main">
<NOFRAMES>
<BODY>
This page
requires Frames. For a non-Frames version,
<A HREF="Latihan5-5.html">the
introduction</A>.
</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>
“Colspan”
<HTML><BODY>
<FORM method="get"
action="proses.asp">
<CENTER>
<table border="1" cellspacing="1"
cellpadding="1">
<tr>
<td>Nama </td>
<td>:</td>
<td colspan="3"><input
name="nama" type ="TEXT" maxlenght =
"25"></td>
</tr>
<tr>
<td>Usia</td>
<td>:</td>
<td><input type ="RADIO" name =
"usia" value = "A">
Kurang
dari 20</td>
<td><input type ="RADIO" name =
"usia" value = "B">
Antara 20
s/d 40 </td>
<td><input type ="RADIO" name =
"usia" value = "C">
Diatas
40</td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="3"><input
name="aksi" type="submit"
value="Kirim"></td>
</tr>
</table>
</CENTER>
</FORM>
</BODY>
</HTML>
“UL Icon”
<HTML>
<HEAD>
<STYLE type="text/css">
ul
{ list-style-image: url('arrow.gif') }
</STYLE>
</HEAD>
<BODY>
<UL>
<LI>Kopi</LI>
<LI>Teh</LI>
<LI>Limun</LI>
</UL>
</BODY>
</HTML>
“UL Romawi”
<HTML>
<HEAD>
<STYLE type="text/css">
ol.decimal
{ list-style-type: decimal }
ol.lroman
{ list-style-type: lower-roman }
ol.uroman
{ list-style-type: upper-roman }
ul.square
{ list-style-type: square }
ul.none
{ list-style-type: none }
</STYLE>
</HEAD>
<BODY>
<OL class="decimal">
<LI>Kopi</LI>
<LI>Teh</LI>
<LI>Limun</LI>
</Ol>
<OL class="lroman">
<LI>Kopi</LI>
<LI>Teh</LI>
<LI>Limun</LI>
</OL>
<OL class="uroman">
<LI>Kopi</LI>
<LI>Teh</LI>
<LI>Limun</LI>
</OL>
<UL class="square">
<LI>Kopi</LI>
<LI>Teh</LI>
<LI>Limun</LI>
</UL>
<UL class="none">
<LI>Kopi</LI>
<LI>Teh</LI>
<LI>Limun</LI>
</UL>
</BODY>
</HTML>
“Hover and Fokus”
<HTML>
<HEAD>
<TITLE>:hover and :focus Example</TITLE>
<STYLE>
A:link
{
COLOR:
red
}
A:visited
{
COLOR:
blue
}
A:active
{
COLOR:
lime
}
A:hover
{
COLOR:
yellow
}
A:unknown
{
COLOR:
green
}
BODY
{
FONT-WEIGHT:
bold; FONT-SIZE: 40px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
</STYLE>
</HEAD>
<BODY>
<A
href="http://www.google.com/link1.html">Search Engine</A>
<A
href="http://www.yahoo.com.com/link2.html">E-MAIL</A>
<A href="http://www.geocities.com/link3.html">FREE
WEB HOUSTING</A>
</BODY>
</HTML>
“Kotak Dialog
Pindah Halaman”
<HTML>
<HEAD>
<SCRIPT language="javascript">
function pindah()
{
if
(window.confirm("Yakin ingin pindah?"))
return
true;
else
return
false;
}
</SCRIPT>
</HEAD>
<BODY>
<a href="Latihan9-1.html"
onclick="return pindah()">Click</a>
</BODY>
</HTML>
“Rotasi Warna”
<HTML>
<HEAD>
<SCRIPT language="javascript">
var warna = new
Array("red","yellow","green");
var count= 0;
function ganti()
{
count++;
if
(count>=warna.length)
count=0;
document.bgColor
= warna[count];
}
</SCRIPT>
</HEAD>
<BODY>
<INPUT type="button" name="aksi"
value="Rotasi Warna" onclick="ganti()">
</BODY>
</HTML>
“Hitung Luas”
<HTML>
<HEAD>
<SCRIPT language="javascript">
function hitung()
{
panjang
= document.myform.p.value;
lebar
= document.myform.l.value;
luas
= panjang * lebar;
document.myform.luas.value = luas;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="myform">
Panjang = <INPUT type="text" name="p"><BR>
Lebar = <INPUT type="text"
name="l"><BR>
<INPUT type="button" name="aksi"
value="HITUNG" onclick="hitung()"><BR>
Luas = <INPUT type="text"
name="luas"><BR>
</FORM>
</BODY>
</HTML>
“Menampilkan Jam
pada Halaman Web”
<HTML>
<HEAD>
<SCRIPT language="javascript">
function timer()
{
var waktu = new Date();
var jam = waktu.getHours();
var menit = waktu.getMinutes();
var detik = waktu.getSeconds();
var strwaktu = (jam<10) ? "0" + jam : jam;
strwaktu += (menit<10) ? ":0" + menit :
":" + menit;
strwaktu += (detik<10) ? ":0" + detik :
":" + detik;
document.waktusaya.txtwaktu.value=strwaktu;
setTimeout("timer()",200);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="waktusaya">
<INPUT type="text"
name="txtwaktu">
</FORM>
<SCRIPT
language="javascript">timer()</SCRIPT>
</BODY>
</HTML>
“Upload”
<HTML>
<HEAD>
<TITLE>Upload Berkas</TITLE>
</HEAD>
<BODY>
<FORM ACTION="upload.jsp"
METHOD="post"
ENCTYPE="MULTIPART/FORM-DATA">
<INPUT TYPE="FILE"
NAME="namafile">
<BR>
<INPUT TYPE="SUBMIT"
VALUE="Upload">
</FORM>
</BODY>
</HTML>
“MultiUpload”
<HTML>
<HEAD>
<TITLE>Upload Sejumlah Berkas</TITLE>
</HEAD>
<BODY>
<FORM ACTION="multiupl.jsp"
METHOD="post"
ENCTYPE="MULTIPART/FORM-DATA">
1. <INPUT
TYPE="FILE"
NAME="berkas1" SIZE="40"><BR>
2. <INPUT TYPE="FILE"
NAME="berkas2" SIZE="40"><BR>
3. <INPUT
TYPE="FILE"
NAME="berkas3" SIZE="40"><BR>
4. <INPUT
TYPE="FILE"
NAME="berkas4"
SIZE="40"><BR>
<INPUT TYPE="SUBMIT"
VALUE="Upload">
</FORM>
</BODY>
</HTML>
“Tombol Select”
<HTML>
<HEAD>
<TITLE>Contoh SELECT - Model Drop
Down</TITLE>
</HEAD>
<BODY>
<FORM>
Buah yang paling
Anda sukai:<BR>
<SELECT NAME = "buah">
<OPTION VALUE = "Jeruk">Jeruk
<OPTION VALUE = "Apel">Apel
<OPTION VALUE = "Manggis">Manggis
<OPTION VALUE = "Melon">Melon
<OPTION VALUE = "Lain" SELECTED>Yang Lain
</SELECT>
<BR>
</FORM>
</BODY>
</HTML>
“Tombol Radio”
</HEAD>
<BODY>
<FORM>
Jenis
Kelamin:<BR>
<INPUT TYPE = "RADIO"
NAME =
"sex" CHECKED>Pria<BR>
<INPUT TYPE = "RADIO"
NAME =
"sex">Wanita<BR>
<BR>
<HR>
Hari Latihan
:<BR>
<INPUT TYPE = "RADIO"
NAME =
"hari" VALUE
"1">Senin<BR>
<INPUT TYPE = "RADIO"
NAME =
"hari" VALUE
"2">Selasa<BR>
<INPUT TYPE = "RADIO"
NAME =
"hari" VALUE
"3">Rabu<BR>
<INPUT TYPE = "RADIO"
NAME =
"hari" VALUE
"4">Kamis<BR>
<INPUT TYPE = "RADIO"
NAME =
"hari" VALUE
"5">Jumat<BR>
<BR>
</FORM>
</BODY>
</HTML>
Langganan:
Komentar (Atom)