PTI 478

Minggu, 14 Maret 2010

Membuat Passsing Argument Menggunakan PHP

Argumen fungsi
Secara default, argumen dikirimkan ke fungsi adalah berupa nilai saja, jadi tidak bisa mengubah nilai variabel yang dipakai sebagi argumen di dalam fungsi. Jika mengubah nilai argumen di dalam fungsi, maka nilai asli pada variabel tetap. Agar dapat mengubah nilai asli variabel di dalam fungsi, maka harus ada pengiriman berdasarkan reference, caranya dengan menambah tanda "&" di
depan variabel saat memanggil fungsi. Berikut ini penjelasan jenis-jenis argumen fungsi :

1. Passing by Value
Semua nilai yang di-pass masuk atau keluar variable, ini berarti PHP membuat kopian dari nilai original dan nilai kopian itulah yang kita akses dan kita manipulasi, bukan nilai originalnya. Variable yang berada diluar fungsi akan tetap. Dengan kata lain variable yang dipakai oleh suatu fungsi tidak akan mempengaruhi variable yang ada diluar. Dengan begitu bagaimanapun kita ubah nilai itu, tidak akan mengubah nilai originalnya. Contoh :

<?php
function jumlah($nilai) {
$nilai++;
}
$input=10;
jumlah($input);
echo $input;
?>


Penjelasan:

Pada saat fungsi jumlah dipanggil, jumlah($input);

fungsi tersebut akan memasukkan nilai dari variabel $input kedalam argumennya, jadi disini argumen fungsi jumlah adalah 10 (ini adalah nilai aslinya). selanjutnya PHP meng-copy nilai asli tersebut, kemudian hasil copy-nya digunakan untuk proses manipulasi fungsi, sedangkan nilai yang asli dibiarkan tidak berubah. Proses manipulasinya sbb:


$nilai++;
$nilai = $nilai + 1
$nilai = 10+ 1
$nilai = 11
Untuk output,
echo $input;


Nilai variabel $input yang diambil disini adalah nilai variabel aslinya, sehingga hasil manipulasi fungsi tadi tidak dipakai, karena bukan nilai asli. Jadi outputnya adalah 10

Tampilan Outputnya :


Tetapi apabila menggunakan passing by reference akan bernilai 11. Bagaimana outputnya akan bernilai 11? akan saya jelaskan lebih dahulu tentang passing by reference.

2. Passing by Reference

Berbeda dengan passing by value yang bersifat mengkopi, passing by reference memberikan nilai aslinya untuk diakses dan dimanipulasi, dengan contoh yang sama seperti diatas, kita akan modifikasi menjadi mekanisme passing by reference.

Untuk mengubah jadi passing by reference, kita hanya cukup menambahkan operator & pada argumennya.

<?php
function jumlah(&$nilai) {

$nilai++;
}
$input=10;
jumlah($input);
echo $input;

?>

Penjelasan:

Sesuai dengan penjelasan passing by reference diatas, nilai yang diakses & dimanipulasi adalah nilai aslinya, dengan begitu hasil manipulasi fungsilah yang gunakan sebagai outputnya, yaitu 11.

Tampilan Outputnya :


Demikian penjelasan seputar Membuat Passsing Argument Menggunakan PHP


Membuat fungsi Greeting dengan Menggunakan PHP

Adakalanya kita ingin menyapa para pengunjung dalam web yang kita buat dengan ucapan : “ selamat pagi”, “selamat siang”, “selamat sore” ataupun ucapan yang lainnya sebagai bentuk interaksi kita terhadap para pengunjung. Bahasa pemrograman web yang saat ini banyak digunakan yaitu PHP, kita bisa dengan mudah membuat ucapan tersebut. Misalkan dengan membuat fungsi greeting yang menerima argumen integer jam (format 24 jam) dan mengembalikan nilai string (Selamat pagi, Selamat Siang, atau Selamat Malam). Jadi halaman web ini akan menyapa pengunjung berdasarkan waktu saat pengunjung masuk.

Di bawah ini adalah source code fungsi greeting dengan menggunakan PHP.


<!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">
<head>
<title>Greeting</title>
</head>
<body>
<center>
<h1>
<?php

function greeting()
{
$date = date ("G : i A");

if ($date>=0 and $date<10) {

echo "Selamat Pagi";

} else if ($date>=10 and $date<15) {

echo "Selamat Siang";

} else if ($date>=15 and $date<19) {

echo "Selamat Sore";

} else if ($date>=19 and $date<00) {

echo "Selamat Malam";

}else echo "Selamat Malam";

}
?>
<?php greeting(); ?><br>
</h1>
<font face="arial, helvetica" size="5" color="aqua">&
lt;a href
<h2> Welcome in vendy-uptoyou.blogspot.com</h2>
<p align="center"><font face="arial" size="5" color="red">
<h3> Sekarang adalah
<?php

//Array Hari

$array_hari = array(1=>"Senin","Selasa","Rabu","Kamis","Jumat", "Sabtu","Minggu");
$hari = $array_hari[date("N")];

//Format Tanggal

$tanggal = date ("j");

//Array Bulan


$array_bulan = array(1=>"Januari","Februari","Maret", "April", "Mei", "Juni","Juli","Agustus","September","Oktober", "November","Desember");
$bulan = $array_bulan[date("n")];

//Format Tahun

$tahun = date("Y");


//Menampilkan hari dan tanggal

echo "hari $hari, tanggal $tanggal $bulan $tahun";

?>
<br>


Waktu menunjukkan pukul

<?php

//penulisan waktu

$date = date ("G : i A");


echo "$date WIB";
?>
</h3>
</body>
</html>


Dari source code di atas dapat ditampilkan hasil sebagai berikut :



Demikian penjelasan seputar fungsi Greeting dengan Menggunakan PHP, semoga bermanfaat.


Rabu, 03 Maret 2010

Membuat program kalkulator sederhana menggunakan javascript


hasil program kalkulator sederhana menggunakan javascript

Mungkin tulisan membuat program kalkulator sederhana menggunakan input javascript ini akan sangat berguna bagi anda yang baru belajar java script karena saya juga baru belajar dan hasil karyanya berbentuk program ini berikut codenya :

—————–start here——————-

<html>
<head>
<title>Membuat program kalkulator sederhana javascript dengan prompt</title>
<FORM NAME="Calculator">
<TABLE BORDER=4>
<TR>
<TD>
<INPUT TYPE="text" NAME="Input" Size="16">
<br>
</TD>
</TR>
<TR>
<TD>
<INPUT TYPE="button" NAME="one" VALUE=" 1 " OnClick="Calc.Input.value += '1'">
<INPUT TYPE="button" NAME="two" VALUE=" 2 " OnCLick="Calc.Input.value += '2'">
<INPUT TYPE="button" NAME="three" VALUE=" 3 " OnClick="Calc.Input.value += '3'">
<INPUT TYPE="button" NAME="plus" VALUE=" + " OnClick="Calc.Input.value += ' + '">
<br>
<INPUT TYPE="button" NAME="four" VALUE=" 4 " OnClick="Calc.Input.value += '4'">
<INPUT TYPE="button" NAME="five" VALUE=" 5 " OnCLick="Calc.Input.value += '5'">
<INPUT TYPE="button" NAME="six" VALUE=" 6 " OnClick="Calc.Input.value += '6'">
<INPUT TYPE="button" NAME="minus" VALUE=" - " OnClick="Calc.Input.value += ' - '">
<br>
<INPUT TYPE="button" NAME="seven" VALUE=" 7 " OnClick="Calc.Input.value += '7'">
<INPUT TYPE="button" NAME="eight" VALUE=" 8 " OnCLick="Calc.Input.value += '8'">
<INPUT TYPE="button" NAME="nine" VALUE=" 9 " OnClick="Calc.Input.value += '9'">
<INPUT TYPE="button" NAME="times" VALUE=" x " OnClick="Calc.Input.value += ' * '">
<br>
<INPUT TYPE="button" NAME="clear" VALUE=" c " OnClick="Calc.Input.value = ''">
<INPUT TYPE="button" NAME="zero" VALUE=" 0 " OnClick="Calc.Input.value += '0'">
<INPUT TYPE="button" NAME="DoIt" VALUE=" = " OnClick="Calc.Input.value = eval(Calc.Input.value)">
<INPUT TYPE="button" NAME="div" VALUE=" / " OnClick="Calc.Input.value += ' / '">
<br>
</TD>
</TR>
</TABLE>
</FORM>

<p align="center"><font face="arial" size="5" color="red">Program Kalkulator by Ridwan Efendi</font><br>
<font face="arial, helvetica" size="2" color="green"><a href="http://vendy-uptoyou.blogspot.com">vendy-uptoyou</a></font></p>

———————-end here————————————–

copy code diatas kemudian buka program notepad.exe kemudian paste di program notepad tersebut. Simpan file dalam format html, caranya dibagian save as type diganti ke allfiles kemudian tambahkan .html pada nama file contohnya namafile.html kemudian buka file tersebut melalui browser.

Senin, 01 Maret 2010

Mendesain Layout Web menggunakan Cascading Style ( CSS ).


gambar desai website menggunakan CSS
Gambar di atas merupakan layout hasil desain website menggunakan CSS.
Source Code untuk CSS seperti di bawah ini :

#wrapper {

margin: auto;

width: 1000px;

background-color:#00FFFF;

padding: 5px 2px 5px 2px;

}

#header {

height: 100px;

background-color:#228B22;

}

#header1 {

height: 20px;

text-align:right;

padding-right: 10px;

color:#00FFFF;

}

#header2 {

height: 35px;

color::#00FFFF;

}

#header3 {

height: 25px;

text-align:right;

color:#00FFFF;

padding-right: 10px;

}

#inner {

margin:auto;

}



#sidebar {

float: left;

width: 200px;

height: 400px;

background-color:#00FF7F;

}



#top {

float: right;

width:800px;

height: 400px;

}

#content {

height: 100px;

}

#isi {

float: left;

width: 580px;

padding-left: 10px;

height: 300px;

background-color:#FFF5EE;

}



#info {

float: right;

width: 200px;

height: 300px;

padding-left: 10px;

background-color:#0000CD;

}

#footer {

clear: both;

height: 50px;

color:#00FFFF;

background-color:#228B22;

}



#leftmenu ul {

width: 200px;

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: #0000CD no-repeat left center;

margin: 0px 0px 1px; color: #FAF0E6;

}

#leftmenu a:hover {

background: #006400 no-repeat left center; color: #006400;

}

Untuk Source Code HTML seperti di bawah ini :

<!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>Tugas2 Desain Layout Sederhana</title>

<link rel="stylesheet" href="desain.css" type="text/css" />



</head>



<body>



<div id="wrapper">

<div id="header">

<img src="logo_diskominfo.jpg" width="104" height="97" align="left" />

<div id="header1">Home | RSS | Contact | About Me</div>

<div id="header2">

<h1>Diskominfo Website </h1>

</div>

<div id="header3">Search

<input type="text" />

</div>

</div>





<div id="inner">

<div id="sidebar">

<div id="leftmenu">

<ul>

<li><a href="#"><strong>Home</strong></a></li>

<li><strong><a href="#">Profil</a></strong></li>

<li><strong><a href="#">Photo</a></strong></li>

<li><strong><a href="#">About Me</a></strong></li>

<li><strong><a href="#">News</a></strong></li>

</ul>

</div>

</div>

<div id="top">

<div id="content"><img src="logo.jpg" width="800" height="102" /></div>

<div id="isi">

<h2>DINAS KOMUNIKASI DAN INFORMATIKA KABUPATEN KEDIRI</h2>

<p>1 Maret 2010 [24:00]<br />

Dinas Komunikasi dan Informatika Kabupaten Kediri adalah salah satu dinas pemerintahan kabupaten yang mempunyai tugas membantu kepala pemerintahan kabupaten dalam menyelenggarakan sebagian urusan pemerintahan di bidang komunikasi dan informatika. Dinas Komunikasi dan Informatika tingkat kabupaten berada dibawah pengawasan Dinas Komunikasi dan Informatika tingkat provinsi yang secara struktural terpusat pada Kementerian Negara Komunikasi dan Informasi.</p>

<p>Read more...</p>

</div>

<div id="info">

<p><strong>Aneka Info

</strong>

<ul>

<li>Pemerintahan</li>

<li>Pariwisata</li>

<li>Seni Budaya</li>

<li>Potensi Daerah</li>

</ul>

</div>

</div>

</div>





<div id="footer">

<p align="center">

&copy; 2010 By Ridwan Efendi

</div>



</div>



</body>



</html>

Simpan file diatas dalam satu folder dengan ekstensi .CSS dan .HTML

Mendesain Layout Web menggunakan Cascading Style ( CSS ).


Mendesain Layout Web menggunakan Cascading Style ( CSS ).

Cascading style sheet (CSS) merupakan sekumpulan aturan yang menyatakan

bagaimana style diaplikasikan ke tag-tag HTML di dalam dokumen.

Rekomendasi C SS menguraikan tiga jenis style:

Embedded: properti style diletakkan di dalam satu blok di dokumen

HTML.

Inline: properti style diterapkan secara langsung p er baris atau per elemen

HTML.

Linked: properti style diletakkan di file berek stensi css dan dikaitkan

dengan dokumen HTML.

Selain mengulas tentan g pemanfaatan CSS, bagian ini juga menekankan pada

pembuatan desain dengan menggunakan division. Bagaimanapun, untuk

menghasilkan desain halaman web yang baik, penggunaan tabel tidak

disarankan dan sebagai gantin ya adalah dengan memanfaatkan division.

Gambar di atas merupakan salah satu contoh desain web menggunakan CSS.

source codenya serti di bawah ini :


#wrapper {

margin: auto;

width: 1000px;

padding:5px 2px 5px 2px;

border: 1px solid navy;

}



#header {

height: 100px;

margin-bottom:5px;

border: 1px solid aqua;

}

#inner {

margin: auto;

border: 1px solid navy;

}



#sidebar {

float: left;

width: 200px;

height: 390px;

border: 1px solid aqua;



}



#top {

float: right;

width: 750px;

height: 390px;

border: 1px solid navy;

}

#content {

height: 100px;

border: 1px solid aqua;

}

#isi{

float: left;

width: 400px;

height:220px;

border: 1px solid navy;

}

#info {

float: right;

width: 235px;

height: 150px;

border: 1px solid aqua;

}

#footer {

clear: both;

height: 50px;

border: 1px solid navy;

}


Kemudian simpan source code dengan ekstensi .css

Lalu buatlah source code seperti di bawah ini dan simpan dengan ekstensi .html


<!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>Tugas2 Desain Layout sederhana </title>

<link rel="stylesheet" href="style.css" type="text/css" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head>

<body>

<div id="wrapper">

<div id="header">

Header

</div>

<div id="inner">

<div id="sidebar">

Sidebar

</div>

<div id="top">

<div id="content">

Top

</div>

<div id="isi">

Content

</div>

<div id="info">

Right

</div>

</div>

</div>

<div id="footer">

Footer

</div>

</div>

</body>

</html>