Minggu, 30 Mei 2010

Minggu ke-13

XML

Konsep XML Web Services


Dalam pengertian yang sederhana , XML Web Services dapat di definisikan sebagai aplikasi yang diakses oleh aplikasi yang lain. Mungkin orang berpendapat itu semacam web site, tetapi itu bukan demikian. Ada perbedaan – perbedaan yang membedakan dengan web site.

Sesuai dengan namanya, XML Web Service menyimpan datanya dalam format XML dan karenanya menjadi multi platform dalam hal accessibilitynya. Bagi anda yang telah mengenal pemrograman dengan VB6, Delphi, Java, atau bahasa lain maka anda telah mengenal adanya berbagai library yang didalamnya terdapat berbagai function, property, dan event untuk memudahkan pembuatan aplikasi. Web Service dapat disamakan dengan library tersebut tetapi tidak memerlukan registrasi khusus ke dalam sistem operasi yang menyimpannya. Web Service tersimpan di Web Server sehingga dapat diakses oleh berbagai bahasa pemrograman dengan lebih mudah baik dalam lingkungan LAN maupun Internet.

Sistem Web Service ini diharapkan meningkatkan kolaborasi antar pemrogram dan perusahaan, yang memungkinkan sebuah fungsi di dalam Web Service dapat dipinjam oleh aplikasi lain tanpa perlu mengetahui detil pemrograman yang terdapat di dalamnya.

sumber: www.ilmukomputer.org



Minggu, 23 Mei 2010

Minggu ke-12

XML


code HTMLnya:
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/css" href="cd_catalog.css"?>
<!-- Edited by XMLSpy® -->
<CATALOG>
<CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>
<CD>
<TITLE>Hide your heart</TITLE>
<ARTIST>Bonnie Tyler</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>CBS Records</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1988</YEAR>
</CD>
<CD>
<TITLE>Greatest Hits</TITLE>
<ARTIST>Dolly Parton</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>RCA</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1982</YEAR>
</CD>
<CD>
<TITLE>Still got the blues</TITLE>
<ARTIST>Gary Moore</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Virgin records</COMPANY>
<PRICE>10.20</PRICE>
<YEAR>1990</YEAR>
</CD>
</CATALOG>

SIMPAN DENGAN .xml

css:

CATALOG
{
background-color: #ffffff;
width: 100%;
}
CD
{
display: block;
margin-bottom: 30pt;
margin-left: 0;
}
TITLE
{
color: #FF0000;
font-size: 20pt;
}
ARTIST
{
color: #0000FF;
font-size: 20pt;
}
COUNTRY,PRICE,YEAR,COMPANY
{
display: block;
color: #000000;
margin-left: 20pt;
}

<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="css1.css" ?>

Minggu, 16 Mei 2010

Minggu ke-11

Program Lain dari JavaScript:




Code HTMLnya:

<html>
<head>
<script language="JavaScript">
function hijau(){
document.bgColor="green";
}
function merah(){
document.bgColor="red";
}
function textkuning(){
document.fgColor="yellow";
}
function textbiru(){
document.fgColor="blue";
}
</script>
</head>
<body>
<H1>Efek Perubahan Warna</H1>
<input type="button" value="latar Belakang Hijau" onClick="hijau()"><br>
<input type="button" value="latar Belakang Merah" onClick="merah()"><br>
<input type="button" value="Tulisan Kuning" onClick="textkuning()"><br>
<input type="button" value="Tulisan Biru" onClick="textbiru()">
</body>
</html>

Membuat Jam Digital

Code HTMLnya:
<html>
<head>
<script language="JavaScript">
var clockID = 0;
function UpdateClock() {
if(clockID) {
clearTimeout(clockID);
clockID = 0;
}
var tDate = new Date();
document.theClock.theTime.value = ""
+ tDate.getHours() + ":"
+ tDate.getMinutes() + ":"
+ tDate.getSeconds();
clockID = setTimeout("UpdateClock()", 1000);
}
function StartClock() {
clockID = setTimeout("UpdateClock()", 500);
}
function KillClock() {
if(clockID) {
clearTimeout(clockID);
clockID = 0;
}
}
</script>
</head>
<body onload="StartClock()" onunload="KillClock()">
<form name="theClock"><input type="text" name="theTime" size="8" style="font-family: Verdana,sans-serif; font-size: 0.6em; font-weight: bold;"></form>
</body>
</html>


Menghitung Rata-Rata:



Code HTMLnya:

<html>
<head>
<script language="javascript">
function rata(){
var a=parseInt(l.a.value);
var b=parseInt(l.b.value);
var c=parseInt(l.c.value);
var d=parseInt(l.d.value);
var rata=(a+b+c+d)/4;

l.r.value=rata;
}
</script>
</head>
<body>
<h1>Hitung Rata-Rata</h1>
<form name="l">
<table>
<tr><td>Angka Pertama</td><td><input type="text" name="a"></td></tr>
<tr><td> Angka kedua</td><td><input type="text" name="b"></td></tr>
<tr><td>Angka Ketiga</td><td><input type="text" name="c"></td></tr>

<td>Angka Keempat</td><td><input type="text" name="d"></td>
</tr>
<tr>
<td> Hasil</td><td><input type="text" name="r" READONLY></td>
</table>
</form>
<input type="button" value="Hitung" onClick="rata()">
</body>
</html>

Senin, 10 Mei 2010

Minggu ke-10

Contoh Program Menarik Menggunakan JavaScript


Memasukan Jumlah angka yang akan dimasukan dan harus genap!

code HTMLnya:
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>

<BODY>
<SCRIPT LANGUAGE="JavaScript">
var Arr= new Array;
var x,i,a,b;
x=parseInt (window.prompt("Masukkan Jumlah Bilangan"));
i=0
while (i<x)
{
Arr[i]=parseInt (window.prompt("Masukkan Jumlah Bilangan "+(i+1)));
if(Arr[i]%2!=0)
{
alert("Bilangan Harus Genap");
}
else
{
i++;
}
}

document.write("Hasil Ascending<BR>");
a=Arr.sort();
for(i=0; i<x; i++)
{
document.write(" "+Arr[i]);
}
document.write("<BR>");
document.write("Hasil Descending<BR>");
b=Arr.reverse();
for(i=0; i<x; i++)
{
document.write(" "+Arr[i]);
}
</SCRIPT>
</BODY>
</HTML>



Memasukan berapa kolom dan verapa baris contoh baris=5; kolom=5;

code HTMLnya:
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
<style type="text/css">
.a{color:white;}
</style>
</HEAD>

<BODY>
<SCRIPT TYPE="Text/JavaScript">
var i,j;
var kol,bar,hasil;

hasil=0;
kol=window.prompt("masukkan Jumlah Baris");
bar=window.prompt("masukkan Jumlah Kolom");
document.write("<TABLE BORDER='1'>");
for(i=1; i<=parseInt(kol); i++)
{
document.write("<TR>");
for(j=1; j<=parseInt(bar); j++)
{
hasil=i*j;
if(i==j)
{
document.write("<TD class='a' BGCOLOR='Black'>"+hasil+"</TD>");
}
else
{
document.write("<TD>"+hasil+"</TD>");
}
}
document.write("</TR>");
}
document.write("</TABLE>");

</SCRIPT>

</BODY>
</HTML>








code HTMLnya:
<HTML>
<HEAD>
<TITLE>Hitung Klick</TITLE>
</HEAD>

<BODY>
<SCRIPT LANGUAGE="JavaScript">

var n,i;
n=window.prompt("Masukkan Jumlah Klik Yang Anda Inginkan ???");
for(i=0; i<n; i++)
{
window.alert("Anda Tinggal Klik-"+(i+1));
}

document.write("Anda tadi meng-klik sebanyak "+i+" kali");

</SCRIPT>
</BODY>
</HTML>