Sabtu, 27 Maret 2010

By Value & By Reference

ByValue
adalah cara bagaimana variable diolah. Pass by value, variable yang diberikan oleh parameter hanya akan diolah didalam fungsi,
variable yang berada diluar fungsi akan tetap. Dengan kata lain variable yang dipakai oleh suatu fungsi tidak akan mempengaruhi variable yang ada diluar. untuk script dalam contoh pass by value sebagai berikut:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>fungsi tambah_string</title>
</head>
<body>
<?php
function tambah_string ($str) {
$str = $str . ", Ngalam";
return $str;
}
//
$str = "Widya Wahyu Permadi";
echo "Nama = $str<br>";
echo tambah_string ($str). "<br>";
echo "Nama = $str<br>";
?>
</body>
</html&gt



By reference, jika pada pass by value, nilai hasil olahan tidak dapat digunakan diluar fungsi, maka pass by reference sebaliknya, hasil olahan yang telah diproses di dalam fungsi dapat digunakan di luar fungsi, dengan kata lain value yang di luar fungsi akan turut berubah seiring perubahan yang terjadi pada variable didalam fungsi.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>fungsi tambah</title>
</head>
<body>
<?php
function tambah_string (&$str) {
$str = $str . ", Lawang";
return $str;
}
//
$str = "Widya Wahyu Permadi";
echo "Nama = $str<br>";
echo tambah_string ($str). "<br>";
echo "Nama = $str<br>";
?>
</body>
</html&gt

Dan berikut ini adalah sebuah tampilannya:




Login

Membuat Form Untuk Sebuah Login

Berikut ini adalah sebuah script untuk pembuatan suatu form login:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Tugas login</title>

</head>
<body>

<?php


$adminpass = "5f4dcc3b5aa765d61d8327deb882cf99"; //password is "password" (md5 encryption).

session_start();

function admin(){
if(isset($_GET['logout'])) {
unset($_SESSION['logpassneh']);
echo"<META HTTP-EQUIV=\"refresh\" CONTENT=\"0; URL=$_SERVER[PHP_SELF]\">"; }

else {
// this page secret if you correct enter password.
echo"<h1>Login Successful....<br />This is Page Secret<br />Thanks for Login</h1>
<a href=\"$_SERVER[PHP_SELF]?logout=1\">Logout</a>";
// end of page secret
} }

if(isset($_POST['password'])) {
$_POST['password']=md5($_POST['password']);
if($_POST['password']==$adminpass) {
$_SESSION['logpassneh'] = $_POST['password'];
admin(); }
else {
$true = explode("'", "Selamat Datang. ' Try Again!");
echo"<h1><font color=green>$true[0]</font></h1><a href=\"$_SERVER[PHP_SELF]\">$true[1]</a>"; } }

elseif(isset($_SESSION['logpassneh'])) {
if($_SESSION['logpassneh']==$adminpass) {
admin(); } }

else {
echo"
<form method=POST>
Username<br />
<input type=username size=20 name=username> <br /><br />

Password<br />
<input type=password size=20 name=password> <br /><br />

<input type=submit name=login value=\"LOGIN \">
</form>"; }
?>

</body>

</html&gt

Dan berikut adalah contoh sebuah tampilannya :


Greeting

Greetig
Script ini di gunakan untuk menampilkan sebuah kalimat sapaan di kala apabila seseorang sedang memasuki situs - situs dalam sebuah internet.

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Greeting</title>

</head>
<body>
<?php

function tampil($data)

{

$jumlah=count($data);

$met=$data[rand(0,$jumlah)];

return ($met);

}

function salam()

{

$pagi=array("Selamat Pagi"," Assalamualaikum Wr.Wb ","Selamat Datang","Selamat Datang","Hai Semua");

$siang=array("Selamat Siang"," Siang","Job Bagus","Selamat Siang");

$sore=array("Selamat Sore","Sore","Good Afternoon");

$malam=array("Selamat Malam","Malam","Selamat Malam","Good

Evening","AREMANIA IS THE BEST","OK!");

$greet=date('G');

if ($greet>=01 && $greet<00)

{

echo tampil($pagi);

}

elseif ($greet>=15 && $greet<30)

{

echo tampil($siang);

}

elseif ($greet>=16 && $greet<20)

{

echo tampil($sore);

}

else

{

echo tampil($malam);

}

}

?>

<html>

<head>

<title>MENAMPILKAN SALAM</title>

</head>

<body>

<h1><?php salam(); ?></h1>

</body>

</html&gt

Senin, 08 Maret 2010

Menciptakan Kalkulator Menggunakan Java Script

Di bawah ini adalah suatu script dimana untuk menciptakan atau membuat sebuah kalkulator dengan menggunakan Java Script. Tujuan saya untuk membuat sebuah kalkulator ini yaitu unruk mempermudah dan mempercepat suatu penyelesaian suatu perhitungan.

<html>
<head>
<title>KALKULATOR JAVA SCRIPT</title>
<meta name="Programmer" content="Widya Wahyu Permadi" />
<script language="javascript" type="text/javascript">
<!--
var flag = false;
function isi(num) {
if (flag) calc.b.value += num;
else calc.a.value += num;
}
function tambah()
{
calc.opr.value = ' + '
flag = true;
calc.b.focus()
}
function kurang()
{
calc.opr.value = ' - '
flag = true;
calc.b.focus()
}
function kosong()
{
calc.a.focus()
calc.a.value=""
calc.opr.value=""
calc.b.value=""
calc.c.value=""
flag = false;
}
//-->
</script>
<style type="text/css">
p {
font-family:verdana;
font-size:10px;
line-height:10px;
font-weight:bold;
color:#727272
}
</style>
</head>
<body onload=kosong()>
<center>
<p style="padding:20px 0px 30px 0px"><font size="6">KALKULATOR JAVA SCRIPT</font></p>
<form name="calc">
<table border="4" bordercolor="#3333ff">
<tr>
<td>
<input type="text" name="a" size="2" />
<input type="text" name="opr" size="1" />
<input type="text" name="b" size="2" /> =
<input type="text" name="c" size="2" />
<br/>
</td>
</tr>
<tr>
<td>
<input type="button" name="one" value=" 1 " onclick="isi(1)" />
<input type="button" name="two" value=" 2 " onclick="isi(2)" />
<input type="button" name="three" value=" 3 " onclick="isi(3)" />
<input type="button" name="plus" value=" + " onclick="tambah()" />
<br/>
<input type="button" name="four" value=" 4 " onclick="isi(4)" />
<input type="button" name="five" value=" 5 " onclick="isi(5)" />
<input type="button" name="six" value=" 6 " onclick="isi(6)" />
<input type="button" name="minus" value=" - " onclick="kurang()" />
<br/>
<input type="button" name="seven" value=" 7 " onclick="isi(7)" />
<input type="button" name="eight" value=" 8 " onclick="isi(8)" />
<input type="button" name="nine" value=" 9 " onclick="isi(9)" />
<br/>
<input type="button" name="clear" value=" c " onclick="kosong()" />
<input type="button" name="zero" value=" 0 " onclick="isi(0)" />
<input type="button" name="DoIt" value=" = " onclick="calc.c.value=eval(calc.a.value+calc.opr.value+calc.b.value)" />
<br/>
</td>
</tr>
</table>
</form>
</center>
</body>
</html>


Senin, 01 Maret 2010

CSS

CSS untuk tampilan 1 dan 2

#wrapper{
margin:auto;
width:1250px;
border:2px solid white;
}

#header{
height:75px;
width:1248px;
background:blue;
border:2px solid blue;
}

#menu_bar {
float: right;
height: 30px;
width: 280px;
margin-top: 10px;
margin-right: 10px;
}

#search {
float: right;
height: 30px;
width: 240px;
margin-right: 20px;
margin-left: 900px;
margin-top: 5px;
}

#logo{
float: left;
height: 10px;
width : 60px;
margin-left: 20px;
margin-top: 5px;
}

#inner{
float:left;
margin-top:10px;
margin:5px 0;
border:2px solid white;
}

#sidebar{
float:left;
margin-right:20px;
width:250px;
height:445px;
background:purple;
border:2px solid green;
}

#Top{
float:left;
margin-left:10px;
width:458px;
height:95px;
border:2px solid white;
}

#Right{
float:right;
margin-left:10px;
margin-top:10px;
width:250px;
height:250px;
background:#fff000;
border:2px solid orange;
}

#content{
float:left;
margin-left:10px;
margin-top:10px;
width:680px;
height:335px;
border:2px solid white;
}

#footer{
clear:both;
height:50px;
background:pink;
border:2px solid pink;
}

Tampilan 2

Script sebuah tampilan untuk pembuatan WEB

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Layout Sederhana</title>
<link rel="stylesheet" href="mystyle.css" type="text/css">

<style type="text/css">
<!--
#leftmenu ul {
width: 250px;
list-style-type:none;
padding: 0; margin: 0;
}
#leftmenu a:link, #leftmenu a:visited, #leftmenu a:active {
padding-left: 15px;
text-decoration: none;

}
#leftmenu a {
padding: 5px 0px 5px 15px; display:block;
background: #a8a7a8 no-repeat left center;
margin: 0px 0px 1px; color: #fff000;

}
#leftmenu a:hover {
background : #5e9711 no-repeat left center; color:#03fde3;
}
-->
</style>

</head>
<body>


<div id="wrapper">
<div id="header">
<div id="logo">
<img src="logo.gif"/>
</div>

<div id="menu_bar">
Home | Sitemap | RSS | Contact | About us
</div>

<div id="search">
search <input type="text"/>
</div>

<div id="inner">
<div id="sidebar">
<div id="leftmenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">News & media</a></li>
<li><a href="#">Tutorial</a></li>
<li><a href="#">Tip & triks</a></li>
<li><a href="#">Download</a></li>
</ul>
</div>
</div>

<div id="Top">
<img src="ft.jpg" align="auto"/>
</div>
<div id="content">

<b><dd>DESAIN HALAMAN WEB </dd></b>
<p>
<dd>Ini adalah sebuah tampilan yaitu yang di gunakan untuk membuat suatu desain form, <br/>
dimana untuk menciptakan sebuah desain-desain yang unik dan atraktif<br/>
untuk pembuatan sebuah halaman WEB.</dd>
</div>
<div id="Right">

<h3>Script Dan Tutorial</h3>
<dd><li>Menggunakan List</li></dd>
<dd><li>Menebalkan Huruf</li></dd>
<dd><li>Membuat Paragraf Baru</li></dd>
</div>
</div>

<div id="footer">

<h4 align="center">&copy;2010 Widya Wahyu Permadi.</h4>

</div>


</body>

</html>

Tampilan 1

Script untuk pembuatan form-form dalam pembuatan suatu desain WEB

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://WWW.W3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xlmns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>desain web tugas modul 3</title>
<link rel="stylesheet" href="mystyle.css" type="text/css"/>


</head>

<body>

<div id="wrapper">
<div id="logo">
</div>

<div id="menu_bar">
</div>

<div id="search">
</div>

<div id="header">
header
</div>

<div id="inner">
<div id="sidebar">
sidebar
</div>

<div id="top">
top
</div>

<div id="right">
right
</div>

<div id="content">
content
</div>
</div>

<div id="footer" align="center">
footer
</div>

</body>
</html>