Selasa, 12 Mei 2009

JAVASCRIPT PROGRAM


















NIIEE SCRIPTNYE....

<html>
<body>

<script language="JavaScript">

function chkuname()
{
uname=new String();
uname=document.regis.uname.value
if ( uname.length == 0 )
{
alert ("Enter a User Name");
}
else
{
chkupass()
}
}

function chkupass()
{
upass=new String();
upass=document.regis.upass.value
if (upass.length < 5)
{
alert ("Password Must be atleast 6 Chars");
}
else
{
chkname()
}
}

function chkname()
{
var ch=0;
name=new String();
name=document.regis.name.value;

if (name.length==0)
alert ("Enter your Name")
else
{
u=0;
for (i=0;i<name.length;i++)
{
if ((name.charCodeAt(i) >= 64 && name.charCodeAt(i) <= 90)||(name.charCodeAt(i) >= 97 && name.charCodeAt(i) <= 122)||(name.charCodeAt(i)==46)||(name.charCodeAt(i)==32))
{
}
else
{
u=u+1;
}
}
if (u&gt0)
{
alert ("Invalid Name");
}
else
{
chkdob()
}
}
}

function chkdob()
{
dob=new String();

dob=document.regis.dob.value
if (dob.length!=10)
alert ("Invalid Date")
else
{
if (dob.charAt(2)!="/" && dob.charAt(5)!="/")
alert ("Invalid Date Format")
else
tempstr=dob.split("/")
dd=tempstr[0]
mm=tempstr[1]
yy=tempstr[2]
if (dd>=1 && dd<=31 && mm>=1 && mm<=12 && yy>=1900 && yy<=2004 )
{
chkemail()
}
else
alert ("Enter Valid date")
}
}

function chkemail()
{
mail=new String();
mail=document.regis.email.value

if (mail.length<1)
alert("Please enter e-mail address.");
else
{
at_pos=mail.indexOf("@")
dot_pos=mail.indexOf(".")
if(at_pos<1 || dot_pos<1)
alert("Missing '@' and '.' in email address.")

else
{
u=0;
p=0;
for(var i=0;i<mail.length;i++)
{
if ((mail.charCodeAt(i) >= 64 && mail.charCodeAt(i) <= 90)||(mail.charCodeAt(i) >= 97 && mail.charCodeAt(i) <= 122)||(mail.charCodeAt(i) >= 48 && mail.charCodeAt(i) <= 57)||(mail.charCodeAt(i)==95)||(mail.charCodeAt(i)==46))
{
if(mail.charAt(i)=="@")
p=p+1
}
else
{
u=u+1
}
}
if (p&gt1)
alert ("Email must have only one '@'")
if (u&gt0)
alert ("Special Characters are not allowed")
}
}
}

</script>

<form name="regis">
User Name : <input type="text" name="uname" size="20">
<br>
Password : <input type="password" name="upass" size="20">
<br>
Name : <input type="text" name="name" size="20">
<br>
DOB (DD/MM/YYYY): <input type="text" name="dob" size="8">
<br>
Email : <input type="text" name="email" size="20">
<br>
<input type="button" value="Submit" onclick="chkuname()" name="sub">
</form>
</body>
</html>

Rabu, 08 April 2009

JAWABAN SOAL

Soal Tengah Semester
1. Bahasa pemrograman yang ditempatkan/ditempelkan pada HTML dan akan diproses oleh web client adalah:
PHP

2. Pemrograman dengan skrip PHP berjalan pada komputer :
Server

3. Dibawah ini Bahasa Pemrograman yang mempunyai licence copyright dan harus membelinya adalah :
ASP

> FRAMESET ROWS="90,*" border=1<
> FRAME SRC="judul.html" SCROLLING=NO NORESIZE<
> FRAMESET COLS="160,*,100"<
> FRAME SRC="menu.html" NORESIZE<
> FRAME SRC="prakata.html" NAME="FRAME-3"<
> FRAME SRC="menu4.html" NAME="FRAME-4"<
>/FRAMESET<
>/FRAMESET<

4. Dari script diatas Berapa jumlah frame yang dibuat :
4 Frame

5. Masih dari skrip diatas, Frame yang digunakan sebagai halaman inti untuk isi website adalah :
FRAME-3

>body background="bg2.jpg"<
>font size=7<Entry Data Siswa>/font<
Ketik data-data siswa dibawah ini :>br /<
>form id="form1? name="form1? method="post" action="isisiswa.php"<
>table<>tr<>td<Nama Siswa>/td<>td<>input type="text" name="nama" id="nama" /<>/td<>/tr<
>tr<>td<Nomor Induk>/td<>td<>input type="text" name="induk" id="induk" /<>/td<>/tr<
>tr<>td<Kelas>/td<>td<>input type="text" name="kelas" id="kelas" /<>/td<>/tr<
>/table<
>input type="submit" name="Submit" id="Submit" value="Kirim" /<
>/form<
>/body<
>/html<

6. Perhatikan skrip diatas :
Skrip diatas bertugas untuk melakukan operasi :
Entery

7. Tetap dari skrip diatas hasil dari skrip tersebut akan ditangani oleh file :
isisiswa.php

>html<
>body<
>?php
$nama = $_POST['nama'];
$induk = $_POST['induk'];
$kelas = $_POST['kelas'];
$conn = mysql_connect("localhost","root","");
if (!$conn) {
echo "Could not connect to db";
exit(1);
}
$db = mysql_select_db("latihan",$conn);
$sqlText = "insert into siswa(nama, induk, kelas)
values('$nama','$induk','$kelas')";
mysql_query($sqlText);
?<Data telah dimasukkan dalam database>br /<
>/body<
>/html<

8. Perhatikan skrip diatas, skrip diatas bertugas untuk melakukan operasi :
Adding

9. Masih dari skrip diatas, nama database dan tabel yang dimaksud skrip tersebut adalah :
latihan, siswa

10. Tag HTML untuk membuat link adalah:
> a href=”linKnya_pakde”<>/a <

11. HTML singkatan dari:
Hyper Text Markup Language

12. Properti yang berguna untuk mengatur warna bingkai tabel adalah:
border-color

13. Tag HTML yang menandakan kita menggunakan Javascript adalah
> script language="javascript" < > /script <

14. Apa guna function dalam Javascript
Menggabungkan beberapa perintah

15. Tag yang digunakan untuk ganti baris
> br <

16. Tag HTML untuk menjalankan program Javascript yang disimpan dalam bentuk file adalah
> script src="SCriptNya_paKde.js" < > /script <

17. Tag yang digunakan untuk membuat paragraf adalah
> p <

18. Pasangan tag digunakan untuk
Mendefinisikan style sheet

19. Tag HTML untuk menampilkan gambar adalah
> img src="gamBarnya_PakDe.jpg" <

20. Untuk membuat judul tabel digunakan tag
> th <

Selasa, 10 Maret 2009

Entry Siswa Berdasarkan Induk
















<html>

<body background="bg1.jpg">

<br>


<font size="5" ><center>DAFTAR SISWA</center><br />

</font>

<?php

$conn = mysql_connect("localhost","root","");

if (!$conn) {

echo "Could not connect to db";

exit(1);

}

$db = mysql_select_db("latihan",$conn);


$sqlText = "select * from siswa order by induk";

$result = mysql_query($sqlText);

echo "<table border=1 align=center >";

echo "<tr><td width=150><b><center>Nama Siswa</center></b></td>

<td width=150><b><center>Nomor Induk</center></b></td></b>

<td width=150><b><center>Kelas</center></b></td></b></tr>";


while($row=mysql_fetch_object($result))

{

echo "<tr><td>$row->nama</td><td align=center>$row->induk</td><td align=center>$row->kelas</td></tr>";

}


echo "</table>";

?>

</body>

</html>


Selasa, 03 Maret 2009

Entry Data Siswa


















Script :



<html>
<head>
<title>Input Data dari Form ke MySQL</title>
</head>

<body>
<?php
$nama = $_POST['nama'];
$pesan = $_POST['pesan'];
$conn = mysql_connect("localhost","root","");

if (!$conn) {
echo "Could not connect to db";
exit(1);
}
$db = mysql_select_db("latihan",$conn);

$sqlText = "insert into bukutamu(na
ma, pesan)
values('$nama','$pesan')";
mysql_query($sqlText);


?>Data telah dimasukkan dalam database<br />
</body>
</html>

















Scriptnya:



<html>

<body background=bg2.jpg>
<br>
<font face="Courier New">
<h1>Profile Sekolah</h1>
<P>

SMA NEGERI KEPANJEN
Menuju Sekolah Bertaraf Internasional

</P>
</font>
</body>
</html>


















Scriptnya:

<html>


<body background="bg2.jpg">

<font size=16>Entry Data Siswa</font>
<br />
<hr>
Ketik data-data siswa dibawah ini :<br />
<br />

<br />
<form id="form1? name="form1? method="post" action="isisiswa.php">
<table>
<tr><td>Nama Siswa</td><td><input type="tex
t" name="nama" id="nama" /></td></tr>

<tr><td>Nomor Induk
</td><td><input type="text" name="induk" id="induk" /></td></tr>

<tr><td>Kelas</td><td><input type="text" name="kelas" id="kelas" /></td></tr>

</table>
<br />

<br />

<hr>
<input type="submit" name="Submit" id="Submit" value="Kirim" />
</form>
</body>

</html>


















Scriptnya:

<HTML>
<HEAD>
<TITLE>Program Sistem Informasi Sekolah</TITLE>
</HEAD>

<FRAMESET ROWS="180,*" border=1>
<FRAME SRC="judul.html" SCROLLING=NO NORESIZE>
<FRAMESET COLS="200,*">
<FRAME SRC="menu.html" NORESIZE>
<FRAME SRC="prakata.html" NAME="FRAME-3">

</FRAMESET>
</FRAMESET>

</HTML>
















Scriptnya:


<html>
<head>
<title>Data Siswa</title>
</head>


<body background="bg2.jpg">

<font size=16>Buku Tamu</font>
<br />

<hr>
Ketik Nama dan Pesan Anda pada text box berikut :<br />
<br />
<br />
<form id="form1? name="form1? method="post" action="isi.php">
Nama
<input type="text" name="nama" id="nama" />
<br />
&
lt;br />
Pesan
<textarea name="pesan" id="pesan" col
s="45? rows="5?></textarea>
<br />
<br />
<hr>
<input type="submit" name="Submit" id="Submit" value="Kirim" />
</form>
</body>

&
lt;/html>
















Scriptnya:

<html>
<head>
<title>Daftar D
ata yang ada di MySQL</title>
</head>

<body bgcolor="#000000">

<font color="#FFFFFF" size="5">Buku Tamu<br />
</font>
<hr>
<font color="#FFFFFF">
<br />
<?php
$conn = mysql_connect("localhost","root","");
if (!$conn) {
echo "Could not connect to db";
exit(1);
}
$db = mysql_select_db("latiha
n",$conn);

$sqlText = "select * from bukutamu";
$result = mysql_query($sqlText);
while($row=mysql_fetch_object($result))
{
?>

<b>Nama</b>: php echo $row->nama;?><br>
<b>Pesan</b>: php echo $row->pesan;?><br>
<hr>
<br />
<?php } ?>
<marquee>
---
</marquee>
</font> <font color="#FFFFFF">
<marquee>
</marquee>
</font>
<marquee>
<font color="blue" size="3">--- AYO KAMU BISA BIKIN PROGRAM PAKE PHP ---
running text</font>----
</marquee>
</body>

</html>

















Scriptnya:

<html>

<body background=bg2.jpg>
<br>
<font face="Courier New">
<h1>Profile Sekolah</h1>
<P>
SMA NEGERI KEPANJEN
Menuju Sekolah Bertaraf Internasional

</P>
</font>
</body>
</html>










Rabu, 18 Februari 2009

Jawaban Soal JavaScript



Latihan Soal

1.Tag HTML untuk membuat link adalah:
A. < a href=”URL/nama file”> </a>
B. < link=”URL/nama file”> </link>
C. < a link=”URL/nama file”> </a>
D. < href=”URL/nama file”> </href>

2. HTML singkatan dari:
A. High Text Multi Language
B. Hyper Text Markup Language
C. Hyper Text Multi Languange
D. High Text Markup Language

3. CSS singkatan dari:
A. Cascading Sensitive Sheet
B. Cascading Style Sheet
C. Case Sensitive Sheet
D. Case Style Sheet

4. Properti yang berguna untuk mengatur warna bingkai tabel adalah:
A. border-style
B. color-border
C. border-color
D. table-color

5. Suatu bentuk hubungan interaktif dimana client dapat mengirimkan masukan ke server, dan server mengolah masukan tersebut kemudian dikembalikan kepada client, adalah konsep dari
A. CGI
B. Internet
C. HTML
D. Javascript

6. Perl adalah singkatan dari:
A. Practical Extraction and Reporting Language
B. Practical Emulation and Reporting Language
C. Principal Extraction and Reporting Language
D. Principal Emulation and Reporting Language

7. Tag HTML yang menandakan kita menggunakan Javascript adalah
A. < script language=”javascript”> </script>
B. < javascript> </javascript>
C. < script=”javascript”> </script>
D. < language=”javascript”> </language>

8. Apa guna function dalam Javascript
A. memanggil script Java
B. menentukan jenis bahasa yang dipakai
C. elemen yang harus ada pada Javascript
D. menyatukan beberapa perintah

9. Tag yang digunakan untuk ganti baris
A. < a>
B. < b>
C. < p>
D. < br>

10. Tag HTML untuk menjalankan program Javascript yang disimpan dalam bentuk file adalah
A. < script language=”file.js”> </script>
B. < script=”file.js”> </script>
C. < script src=”file.js”> </script>
D. < script> “file.js” </script>

11. Tag yang digunakan untuk membuat paragraf adalah
A. < p>
B. < b>
C. < pr>
D. < br>

12. Pasangan tag <STYLE> dan </STYLE> digunakan untuk
A. Membuat link
B. Membuat paragraf
C. Mendefinisikan style sheet
D. Memberi komentar dalam HTML

13. Bahasa pemrograman yang ditempatkan/ditempelkan pada HTML dan akan diproses oleh web client adalah
A. Javascript
B. ASP
C. PHP
D. ASP .Net

14. Tag HTML untuk menampilkan gambar adalah
A. < src img=”file.jpg”>
B. < scr img=”file.jpg”>
C. < img scr=”file.jpg”>
D. < img src=”file.jpg”>

15. Untuk membuat judul tabel digunakan tag
A. < table>
B. < td>
C. < th>
D. < tr>

Jawaban

1. a
2. b
3. b
4. c
5. a
6. a
7. a
8. d
9. d
10. c
11. a
12. c
13. c
14. d
15. c

Senin, 16 Februari 2009

Membuat Buku Tamu dengan PHP

Buku tamu.php

Ini adalah scriptnya...

<html>
<head>
<title>Halaman Buku tamu</title>
</head>

<body>
Buku tamu - <a href="lihat.php">lihat isi buku tamu</a><br />
<br />
<hr>
Isilah buku tamu kami<br />
<br />
<br />
<form id="form1? name="form1? method="post" action="isi.php">
nama
<input type="text" name="nama" id="nama" />
<br />
<br />
pesan
<textarea name="pesan" id="pesan" cols="45? rows="5?></textarea>
<br />
<br />
<hr>
<input type="submit" name="Submit" id="Submit" value="Submit" />
</form>
</body>

</html>


Nih gambar buku tamu-nya...


























Script isi.php









<html>



<head>



<title>Input Data dari Form ke MySQL</title>



</head><body>



<?php$nama = $_POST['nama'];$pesan = $_POST['pesan'];$conn = mysql_connect("localhost","root","");



if (!$conn) {



echo "Could not connect to db";



exit(1);



}



$db = mysql_select_db("latihan",$conn);



$sqlText = "insert into bukutamu(nama, pesan,tanggal)



values('$nama','$pesan',NOW(''))";



mysql_query($sqlText);



?>



Buku tamu - <a href=lihat.php>lihat isi buku tamu



</a><br /></body>



</html>









Gambarnya....












N script buat lihat PHP...



<html>


<head>


<title>Daftar Data yang ada di MySQL</title>


</head>


<body bgcolor="#000000">


<a href=bukutamu.php>Isi Buku Tamu</a>


<br />


<font color="#FFFFFF" size="3">Isi buku tamu


<br />


<br /><

?php$conn = mysql_connect("localhost","root","");


if (!$conn){


echo "Could not connect to db";


exit(1);


}$db = mysql_select_db("latihan",$conn);


$sqlText = "select * from bukutamu";


$result = mysql_query($sqlText);


while($row=mysql_fetch_object($result)){


?>


<strong>Nama</strong>:


<?php echo $row->nama;?>


<br /><strong>Pesan


</strong>:


<?php echo $row->pesan;?><br /><br />


<?php } ?><marquee>

---


</marquee></font> <font color="#FFFFFF">


<marquee>


</marquee>


</font>


<marquee><font color="#FF0000" size="3">AYO KAMU BISA BIKIN PROGRAM PAKE PHPrunning text

</font>


----


</marquee>


</body>


</html>



Terakhir ni gambar-nya....


Rabu, 04 Februari 2009