Modul 6

On Selasa, 08 Maret 2011 0 komentar

1.       Studi Kasus 1

                Kode <syntax>:
<!Doctype html>
<html lang="en">
<head>
<title> BELAJAR PHP
</title>
</head>
<body>
<?php

function do_print()
{
$bulan = array("","Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember");
$hari = array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu");
$kode_bulan = (integer) date("m");
$kode_hari = (integer) date("w");
$kbulan = $bulan[$kode_bulan];
$khari = $hari[$kode_hari];
$tanggal = date("d ");
$jam = date("H:i:s");
$tahun = date("Y");
echo "Hari $khari, Tanggal $tanggal $kbulan $tahun: Jam $jam";
}

function cek() {
if (date(H)>=0 && date(H)<11) {
     echo "<h1>SELAMAT PAGI</h1>"; }
else if(date(H)>=11 && date(H)<15) {
     echo "<h1>SELAMAT SIANG</h1>";}
else if(date(H)>=15 && date(H)<18){
     echo "<h1>SELAMAT SORE</h1>";}
else if(date(H)>18 && date(H)<=24){
     echo "<h1>SELAMAT SORE</h1>";}
else {echo"WAKTU SALAH";}
}

?>

<?php
cek();
?>

<?php
do_print();
?>
</body>
</html>

2.  Studi Kasus 2

-   Cek nilai input non-Angka
-   Hasilnya

-   Cek input angka semua

-   Hasilnya

-   Cek tidak diberi input

-   Hasilnya


Kode <syntax>: latihan2.php
<!Doctype html>
<html lang="en">
<head>
<title> BELAJAR PHP
</title>
</head>
<body>

<form action='tabel.php' method='post'>
  <table width="500" border="0" cellspacing="4" cellpadding="3">
    <tr>
      <td width="152">Masukkan Baris </td>
      <td width="324">: 
      <input width='150' type='text' name='baris' size='15'  /></td>
    </tr>
    <tr>
      <td>Masukkan Kolom </td>
      <td>:
      <input width='150' type='text' name='kolom' size='15'  /></td>
    </tr>
    <tr>
      <td><div align="center"></div></td>
      <td>
        <div align="left">
          <input type='submit' value='Masukkan Data'/>
        </div></td>
    </tr>
  </table>
  <p></br>
</p>
  <p>&nbsp;</p>
  <p></br>
  </p>
</form>

</body>
</html>

Kode <syntax>: tabel.php
<html><body>
<?php
$b= $_POST['baris'];
$k= $_POST['kolom'];
if(ereg("[^0-9_-]", $b, $str))
     {
     echo 'Masukkan angka pada baris.';
     }
elseif(ereg("[^0-9_-]", $k, $str))
     {
     echo 'Masukkan angka pada kolom.';
     }
elseif (empty($b) || empty($k))
     {
     echo 'Fill in the empty fields.';
     }
else {
     echo "<table width='200' border='2' cellspacing='1' cellpadding='1'>";
     for($i=0;$i<$b;$i++)
     {
     print "<tr>";
     for($j=0;$j<$k;$j++)
           {
           print "<td> &nbsp; </td>";
           }
     }
     print "</tr>";
     echo "</table>";
}
?> </body></html>



TUGAS PRAKTIKUM

1.PASSING BY VALUE
Argumen fungsi yang dilewatkan secara pass by value (default dalam php) berarti membuat copy dari argumen yang asli sehingga argumen asli tersebut tidak ikut berubah dengan adanya proses pada fungsi terhadap argumen tersebut.
Secara default, semua nilai yang di-pass masuk atau keluar dari fungsi adalah passing by value, bukan by reference. Ini berarti PHP membuat copian dari nilai original dan nilai copian itulah yang kita akses dan kita manipulasi, bukan nilai originalnya. Dengan begitu bagaimanapun kita ubah nilai itu, tidak akan mengubah nilai originalnya.
Kode <syntax>:
<?php
     function jumlah($nilai){
     $nilai++;
     }
     $input=10;
     jumlah($input);
     echo $input;
?>

2.PASSING BY REFERENCE
Argumen fungsi yang dilewatkan secara pass by reference berarti membawa argumen asli ke dalam fungsi sehingga argumen asli tersebut akan ikut berubah dengan adanya proses pada fungsi terhadap argumen tersebut.
Berbeda dengan passing by value yang bersifat mengkopi, passing by reference memberikan nilai aslinya untuk diakses dan dimanipulasi. Untuk mengubah jadi passing by reference, kita hanya cukup menambahkan operator & pada argumennya.
Kode <syntax>:
<?php
     function jumlah(&$nilai){
     $nilai++;
     }
     $input=10;
     jumlah($input);
     echo $input;
?>


3.       TUGAS RUMAH 2

Kode <Syntax>: latihanrumah2.html

<!Doctype html>
<html lang="en">
<head>
     <title>Tugas Praktikum 2</title>
    <style type="text/css">
<!--
.style1 {color: #00CC99}
-->
    </style>
</head>

<body>
<form method="post" action="tabel2.php">
<p><h2 align="center" class="style1">BUAT TABEL</h2></p>
<div align="center">
  <table width="277" border="0">
    <tr>
      <td width="102">Baris</td>
         <td width="165"><strong>: </strong><input name="RowsTotal" type="text""></td>
    </tr>
    <tr>
      <td><label>Kolom</label></td>
         <td><strong>: </strong><input name="ColumnsTotal" type="text""></td>
    </tr>
    <tr>
      <td>Jumlah Sel</td>
         <td><strong>: </strong><input name="CellsTotal" type="text""></td>
    </tr>
       
    <tr>
      <td>
        <div align="center">
          <br />
          <input type="reset" name="Reset" value="Reset">
        </div></td>
   
<td>
 
    <div align="center"><br />
      <input type="submit" name="Submit" value="Submit!">
    </div></td>
    </tr>
  </table>
</div>
</form>
    
</body>
</html>

Kode <Syntax>: tabel 2.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
                <title>Hasil</title>
                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"?>
</head>

<body>
<?php
                $b = $_POST["RowsTotal"];
                $k = $_POST["ColumnsTotal"];
                $c = $_POST["CellsTotal"];
                if(ereg("[^0-9_-]", $b, $str))
                {
                echo 'Masukkan angka pada baris.';
                }
                elseif(ereg("[^0-9_-]", $k, $str))
                {
                echo 'Masukkan angka pada kolom.';
                }
                elseif(ereg("[^0-9_-]", $c, $str))
                {
                echo 'Masukkan angka pada cell.';
                }
                elseif($c > ($b * $k))
                {
                echo 'Jumlah Cell Terlalu Banyak.';
                }
                elseif (empty($b) || empty($k))
                {
                echo 'Fill in the empty fields.';
                }
                else {
                echo " Jumlah Baris = $b rows <br />";
                echo " Jumlah Kolom = $k columns,<br />";
                echo " Jumlah Cell  = $c  cells,<br />";
                echo " <br /><br />";
                $width = $k * 75;
                echo "<table width=".$width." border=1 cellspacing='1' cellpadding='1'>";
                $rw = 0;
                $cel = 1;
                while ($rw < $b && $cel <= $c){
                                echo "<tr>";
                                $cl = 0;
                                while ($cl < $k)
                {
                if ($cel <= $c){
                                echo "<td><div align=center>".$cel."</div></td>";
                                $cel++;
                }
                $cl++;
                }
                echo "</tr>";
                $rw++;
                }
                echo "</table>";
                }
?>
</body>
</html>




Tugas Praktikum Modul 5 (Java Script)

On Selasa, 01 Maret 2011 0 komentar

Gambar Hasil Praktikum


Source Code:
<!Doctype html>
<html lang="en">
<html>
<head>
<title>WARUNG BAKAR-BAKAR "Uenak"</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
function hitung(){
var myForm = document.form1;
var bakar1 = 17000 * eval(myForm.inp1.value);
var bakar2 = 10000 * eval(myForm.inp2.value);
var bakar3 = 25000 * eval(myForm.inp3.value);
var minum1 = 7000 * eval(myForm.inp4.value);
var minum2 = 7000 * eval(myForm.inp5.value);
var total = bakar1 + bakar2 + bakar3 + minum1 + minum2;
if (total > 50000 && total <= 100000){
myForm.Total.value = total;
myForm.Diskon.value = 10000;
myForm.Bayar.value = total - 10000;
}
else if (total > 100000 && total <= 200000) {
myForm.Total.value = total;
myForm.Diskon.value = 15000;
myForm.Bayar.value = total - 15000;
}
else if (total > 200000) {
myForm.Total.value = total;
myForm.Diskon.value = 20000;
myForm.Bayar.value = total - 20000;
}
else {
myForm.Total.value = total;
myForm.Diskon.value = 0;
myForm.Bayar.value = total - 0;
}

myForm.bayar1.value=bakar1;
myForm.bayar2.value=bakar2;
myForm.bayar3.value=bakar3;
myForm.bayar4.value=minum1;
myForm.bayar5.value=minum2;
}
//-->
</script>

<h3 align="center">WARUNG BAKAR-BAKAR &quot;Uenak&quot;</h3>
<form name="form1" action="#">
  <div align="center">
  <table border="5">
    <tr>
      <th bgcolor="#0000CC">No</th>
    <th bgcolor="#0000CC">Makanan/Minuman</th>
    <th bgcolor="#0000CC">Harga</th>
    <th bgcolor="#0000CC">Pesan</th>
    <th bgcolor="#0000CC">Total</th>
</tr>
    <tr>
      <td width="15" bgcolor="#0099FF">1</td>
    <td width="200" bgcolor="#0099FF">Gurami Bakar</td>
    <td width="150" bgcolor="#0099FF">@<input type="text" name="bakar1" value="17000" size="15" disabled="true"/></td>
    <td width="150" bgcolor="#0099FF"><input type="text" name="inp1" value="0" onChange="hitung()"/></td>
    <td width="150"><input type="text" name="bayar1" disabled="true"/></td>
    </tr>
    <tr>
      <td bgcolor="#0099FF">2</td>
    <td bgcolor="#0099FF">Ayam Bakar</td>
    <td bgcolor="#0099FF">@<input type="text" name="bakar2" value="10000" size="15" disabled="true"/></td>
    <td bgcolor="#0099FF"><input type="text" name="inp2" value="0" onChange="hitung()"/></td>
    <td><input type="text" name="bayar2" disabled="true"/></td>
    </tr>
    <tr>
      <td bgcolor="#0099FF">3</td>
    <td bgcolor="#0099FF">Ikan Laut Bakar</td>
    <td bgcolor="#0099FF">@<input type="text" name="bakar3" value="25000" size="15" disabled="true"/></td>
    <td bgcolor="#0099FF"><input type="text" name="inp3" value="0" onChange="hitung()"/></td>
    <td><input type="text" name="bayar3" disabled="true"/></td>
    </tr>
    <tr>
      <td bgcolor="#0099FF">4</td>
    <td bgcolor="#0099FF">Es Rumput Laut</td>
    <td bgcolor="#0099FF">@<input type="text" name="minum1" value="7000" size="15" disabled="true"/></td>
    <td bgcolor="#0099FF"><input type="text" name="inp4" value="0" onChange="hitung()"/></td>
    <td><input type="text" name="bayar4" disabled="true"/></td>
    </tr>
    <tr>
      <td bgcolor="#0099FF">5</td>
    <td bgcolor="#0099FF">Es Degan</td>
    <td bgcolor="#0099FF">@<input type="text" name="minum2" value="7000" size="15" disabled="true"/></td>
    <td bgcolor="#0099FF"><input type="text" name="inp5" value="0" onChange="hitung()"/></td>
    <td><input type="text" name="bayar5" disabled="true"/></td>
    </tr>
    <tr>
      <td colspan="4" align="right" bgcolor="#FF0000">Jumlah Total</td>
    <td><input type="text" name="Total" disabled="true" /></td>
    </tr>
    <tr>
      <td colspan="4" align="right" bgcolor="#FFFFFF">Diskon</td>
    <td><input type="text" name="Diskon" disabled="true" /></td>
    </tr>
    <tr>
      <td colspan="4" align="right" bgcolor="#FFFF00">Jumlah Dibayar</td>
    <td><input type="text" name="Bayar" disabled="true" align="right"/></td>
    </tr>
  </table>
  <br/>
  <input type="reset" value="Batal" />
  </div>
</form>
</body>
</html>

Tugas Praktikum 4 (Pemrograman WEB)

On Selasa, 22 Februari 2011 0 komentar


Kode CSS(styles.css):
 body {
    margin: 10px auto;
    width: 750px;
}

header {
    height:80px;
    background-image:url('header-blue.png');
    background-repeat:repeat-x;
    padding:12px 0 0 0;
}

nav {
width:740px;
height:40px;
background-color: lightblue;
padding: 0 0 0 10px;
}
section {
width:748;
height:375px;
border-right: 4px solid lightblue;
border-bottom: 4px solid lightblue;
}

article {
float:left;
width:300px;
height:375px;
}

aside {
margin-left:300px;
width:446px;
height:220px;
font-size:10px;
padding: 3px;
}

event{
background-color:lightblue;
float:right;
margin:0px 0px 0px 0px;
width:444px;
height:150px;
border:1px solid royalblue;
}


li {
    margin-left:30px;
    color:#0099CC;
}

footer{
clear:both;
height:30px;
background-image:url('footer.jpg');
background-repeat:repeat-x;
border:1px solid royalblue;
}

#logo {
    margin-left:40px;
    float:left;
}

#logo_text {
    margin-top:20px;
    margin-left:130px;
    color:white;
    font-size:30px;
}

.menu{
    float:right;
    color:white;
    font-size:10px;
    width:auto;
    background-color:#3461BC;
    border:1px solid #3461BC;
    margin-left:2px;
}

.search{
    width:100px;
    margin-top:10px;
}

a{
color:blue;
}

.blue {
    color:#0099CC;
    margin:5px;
}
.footer {
    color:white;
    font-size:12px;
}
.footer1 {
    margin-top:1px;
    color:white;
    font-size:12px;
}

Kode HTML (index.html):
<!DOCTYPE HTML>
<html lang="id">

<head>
<title>UNIVERSITAS NEGERI MALANG</title>
<link rel="stylesheet" href="img/styles.css" type="text/css"/>
<link rel="shortcut icon" href="img/Logo UM.png"/>
</head>

<body>
<header>
<div id="logo"> <img src="img/Logo UM.png"     width="70px"
    height="70px" title="Universitas Negeri Malang"/> </div>
<div id="logo_text">Universitas Negeri Malang</div>
</header>
<nav>
Search
<input class="search"></input>
<input class="menu" value="Downloads" type="submit"></input>
<input class="menu" value="Tips & Tricks" type="submit"></input>
<input class="menu" value="Tutorials" type="submit"></input>
<input class="menu" value="News & Media" type="submit"></input>
<input class="menu" value="Home" type="submit"></input>
</nav>
<section>
<article>
<img src="img/mbahmu.png" width="300px" height="375px" title="Mbahmu"/>
</article>
<aside>The fuselage is the main body of the rc airplane. It serves as a housing of the internal components and holds together the outer parts. Obviously the wings is what makes the rc model airplane fly. This part supports the rc airplane in flight and the size, type, and location of the wing determines the flight characteristics of the rc airplane (see Chapter 2). The aileron located at the trailing edge (see Fig. 1) of the wing is what controls the longitudinal axis or the rolling motion of the wing. It also controls the rc airplane's direction by means of banking the wing either in the left or right direction. Flaps is sometimes added to increase the lift of the wing and to reduce the runway distance on take-off. </br></br>
The horizontal stabilizer is usually located at the tail of the aircraft. It serves to stabilize it in the lateral axis or to counter act the up and down motion of the aircraft (or pitch). The elevator is attached to the horizontal stabilizer. It controls the up and down motion (or pitch). The vertical stabilizer is also located at the tail and perpendicular to the horizontal stabilizer. It stabilizes the aircraft in the vertical axis. The rudder is attached to the vertical stab, which control the rc airplane in the vertical axis. This mechanism is usually found in full size aircraft but optional in model aircraft. The landing gear along with the wheels supports the aircraft on the ground. The two common types are tricycle and the tail dragger (see Fig 2).
</aside>
<event>
<div class="blue">EVENTS:</div>
<li><a href="#">Balapan Makan Kerupuk</a></li>
<li><a href="#">Lomba Ngupil</a></li>
<li><a href="#">Wisuda PTI '09</a></li>
<li><a href="#">Audisi Mahasiswa Elektro</a></li>
</event>
</section>

<footer>
<div class="footer" align="center">Home | News & Media | Tutorials | Tips & Tricks | Downloads</div>
<div class="footer1" align="right">&copy; Gee</div>
</footer>
</body>
</html>

Layout face-mu (Tugas Pemrograman Web)

On Selasa, 15 Februari 2011 0 komentar

Gambar Printscreen...
CODE CSS <style.css>
 html,body{margin:0;padding:0;}
#layouttop {
    background:#4C76CB;
    width:100%;
    height:60px;
}
#top {
    width:960px;
}
    #top_left {
        width:50%;
        float:left;
    }
    #top_right {
        width:50%;
        float:left;
    }

#layoutmid {
    background:url(bg.jpg) repeat-x bottom;
    width:100%;
    height:85%;
}


#mid {
    height:88%;
    width:960px;
    padding:20px 0 0 0;
}
    #mid_left {
        width:50%;
        float:left;
    }
    #mid_right {
        width:50%;
        float:left;
    }
#layoutbottom {
    color:white;
    background:#4C76CB;
    height:20px;
    padding:0 0 0 10px;
    font-size:13px;
    padding:3px 0 0 10px;
}

.login {
    font-size:10px;
    color:#FFFFFF;
    padding:2px 0 0 0;
    font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
}
#login_mini {
    font-size:8px;
    color:#FFFFFF;
    padding:2px 0 0 0;
    font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
}
.rata_kiri {
    text-align:left;
}

.bluefont {
    font-size:20px;
    font-family:Arial;
    color:blue;
    text-align:left;
}

.logo {
    padding:10px 0 0 0;
}
.mini {
    color:#0033CC;
    font-size:6px;
}
.black {
    color:#000000;
}

/* Form styles */

input,select{
    padding:3px;
    color:#333333;
   
    border:1px solid #96A6C5;
    margin-top:2px;
    width:200px;
    font-size:12px;
}

select{
    width:auto;
    padding:2px;
}


label{
    font-size:12px;
    display:block;
    text-align:left;
}

table{
    width:340px;
    color:#0066CC;
}

td{
    font-size:11px;
}

.input-container{
    padding:1px;
}

.input-login{
    padding:1px 10px 0 0;
    width:130px;
}

.check{
    padding:0 0 0 0;
    width:3px;
    height:3px;
}

.form-title{
    font-size:20px;
    font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
    font-weight:bold;
    padding:0 0 0 5px;
    color:#0055CC;
}

.form-sub-title{
    font-weight:normal;
    font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
    font-size:12px;
    padding:0 0 0 5px;
    color:#0066CC;
}

.formButton{
    width:100px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:3px 4px 3px 4px;
    color:white;
    font-size:15px;
    background-color:#3461BC;
    border:1px solid #3461BC;
}

.formButton:active{
    background-color:#0077CC;
    padding:4px 3px 2px 5px;
}

.loginButton{
    width:50px;
    height:20px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    color:white;
    font-size:10px;
    background-color:#3461BC;
    border:1px outer #CCCCCC;
}

.loginButton:active{
    background-color:#0077CC;
    padding:4px 3px 2px 5px;
}

CODE HTML <index.htm>

<html>
<head>
    <title>Selamat Datang di Face-mu - Masuk, Daftar, atau Pelajari Selengkapnya</title>
    <link rel="stylesheet" type="text/css" href="img/style.css">
    <link rel="shortcut icon" href="img/icon.png"/>
</head>
<body>

<div align="center" id="layouttop">
    <div id="top">
        <div id="top_left" class="rata_kiri">
        <img src="img/facemu.png" class="logo" title="face-mu">
        </div>
        <div id="top_right" class="rata_kiri">
        <table width="378" border="0" cellspacing="0" cellpadding="0">
            <tr class="login">
              <th colspan="2" scope="col"><div align="left" class="style1">Email:</div></th>
              <th width="140" scope="col"><div align="left" class="style1">Password:</div></th>
              <th width="38" scope="col">&nbsp;</th>
            </tr>
            <tr>
              <td colspan="2"><div class="input-login"><input name="name" type="text" class="input-login" id="name"></div>
              </td>
              <td><div class="input-login"><input name="pass" type="password" class="input-login" id="pass">
              </div></td>
              <td><input class="loginButton" value="Masuk" type="submit"></td>
            </tr>
            <tr height="5">
             <td width="26" valign="middle"><div name="check" id="login_mini">
                   <input name="checkbox" type="checkbox" class="check"  value="checkbox">
                </div></td>
              <td width="136" valign="middle" id="login_mini">Biarkan saya tetap masuk </td>
              <td id="login_mini">Lupa kata sandi Anda?</td>
              <td>&nbsp;</td>
            </tr>
          </table>
</div>
    </div>
</div>
<div align="center" id="layoutmid">

    <div id="mid">
        <div id="mid_left" class="bluefont">
        <br/>
        Face-mu membantu Anda terhubung dan berbagi<br/>
        dengan orang-orang dalam kehidupan Anda di<br/>
        Indonesia.<br/>
        </div>
        <div id="mid_right" class="rata_kiri">
<!--  awal form daftar -->
<div class="form-title">Mendaftar</div>
<div class="form-sub-title">Gratis, sampai kapanpun</div>
<form >

<table cellspacing="5">
  <tbody>
  <tr>
    <td colspan="2"><hr color="#0066CC"/></td>
   </tr>
  <tr>
    <td width="112"><label for="fname">Nama Depan</label></td>

    <td width="216"><div class="input-container">:
        <input name="fname" id="fname" type="text"></div></td>
  </tr>
  <tr>
    <td><label for="lname">Nama Belakang</label></td>
    <td><div class="input-container">:
        <input name="lname" id="lname" type="text"></div></td>
  </tr>
  <tr>
    <td><label for="email">Email Anda</label></td>

    <td><div class="input-container">:
        <input name="email" id="email" type="text"></div></td>
  </tr>
  <tr>
    <td><label for="pass">Masukkan Ulang Email</label></td>
    <td><div class="input-container">:
        <input name="pass" id="pass" type="password"></div></td>
  </tr>
  <tr>
    <td><label for="pass">Kata Sandi Baru</label></td>
    <td><div class="input-container">:
        <input name="passnew" id="passnew" type="password"></div></td>
  </tr>
  <tr>
    <td><label for="sex-select">Saya Seorang </label></td>

    <td>
    <div class="input-container">:
      <select name="sex-select" id="sex-select">
    <option value="0">Pilih Gender: </option>
    <option value="1">Wanita</option>
    <option value="2">Pria</option>
    </select>
    </div>    </td>
  </tr>
  <tr>
    <td><label>Tanggal Lahir </label></td>
    <td>
    <div class="input-container">:
     
    <select name="hari"><option value="0">Hari </option>
        <option value="1">1</option>
       
        <option value="2">2</option>
       
        <option value="3">3</option>
       
        <option value="4">4</option>
       
        <option value="5">5</option>
       
        <option value="6">6</option>
       
        <option value="7">7</option>
       
        <option value="8">8</option>
       
        <option value="9">9</option>
       
        <option value="10">10</option>
       
        <option value="11">11</option>
       
        <option value="12">12</option>
       
        <option value="13">13</option>
       
        <option value="14">14</option>
       
        <option value="15">15</option>
       
        <option value="16">16</option>
       
        <option value="17">17</option>
       
        <option value="18">18</option>
       
        <option value="19">19</option>
       
        <option value="20">20</option>
       
        <option value="21">21</option>
       
        <option value="22">22</option>
       
        <option value="23">23</option>
       
        <option value="24">24</option>
       
        <option value="25">25</option>
       
        <option value="26">26</option>
       
        <option value="27">27</option>
       
        <option value="28">28</option>

       
        <option value="29">29</option>
       
        <option value="30">30</option>
       
        <option value="31">31</option>
        </select>
    <select name="bulan"><option value="0">Bulan </option>

        <option value="1">Jan</option>
       
        <option value="2">Feb</option>
       
        <option value="3">Mar</option>
       
        <option value="4">Apr</option>
       
        <option value="5">Mei</option>
       
        <option value="6">Jun</option>

       
        <option value="7">Jul</option>
       
        <option value="8">Agu</option>
       
        <option value="9">Sep</option>
       
        <option value="10">Okt</option>
       
        <option value="11">Nov</option>
       
        <option value="12">Des</option>
        </select>
       
    <select name="tahun"><option value="0">Tahun </option>
        <option value="2011">2011</option>

        <option value="2010">2010</option>
       
        <option value="2009">2009</option>
       
        <option value="2008">2008</option>
       
        <option value="2007">2007</option>
       
        <option value="2006">2006</option>
       
        <option value="2005">2005</option>

        <option value="2004">2004</option>
       
        <option value="2003">2003</option>
       
        <option value="2002">2002</option>
       
        <option value="2001">2001</option>
       
        <option value="2000">2000</option>
       
        <option value="1999">1999</option>

        <option value="1998">1998</option>
       
        <option value="1997">1997</option>
       
        <option value="1996">1996</option>
       
        <option value="1995">1995</option>
       
        <option value="1994">1994</option>
       
        <option value="1993">1993</option>

        <option value="1992">1992</option>
       
        <option value="1991">1991</option>
       
        <option value="1990">1990</option>
       
        <option value="1989">1989</option>
       
        <option value="1988">1988</option>
       
        <option value="1987">1987</option>
       
        <option value="1986">1986</option>
       
        <option value="1985">1985</option>
       
        <option value="1984">1984</option>
       
        <option value="1983">1983</option>
       
        <option value="1982">1982</option>
       
        <option value="1981">1981</option>
       
        <option value="1980">1980</option>
       
        <option value="1979">1979</option>
       
        <option value="1978">1978</option>
       
        <option value="1977">1977</option>
       
        <option value="1976">1976</option>
       
        <option value="1975">1975</option>
       
        <option value="1974">1974</option>
       
        <option value="1973">1973</option>
       
        <option value="1972">1972</option>
       
        <option value="1971">1971</option>
       
        <option value="1970">1970</option>
       
        <option value="1969">1969</option>
       
        <option value="1968">1968</option>
       
        <option value="1967">1967</option>
       
        <option value="1966">1966</option>
       
        <option value="1965">1965</option>
       
        <option value="1964">1964</option>
       
        <option value="1963">1963</option>
       
        <option value="1962">1962</option>
       
        <option value="1961">1961</option>
       
        <option value="1960">1960</option>
       
        <option value="1959">1959</option>
       
        <option value="1958">1958</option>
       
        <option value="1957">1957</option>
       
        <option value="1956">1956</option>
       
        <option value="1955">1955</option>
       
        <option value="1954">1954</option>
       
        <option value="1953">1953</option>
       
        <option value="1952">1952</option>
       
        <option value="1951">1951</option>
       
        <option value="1950">1950</option>
       
        <option value="1949">1949</option>
       
        <option value="1948">1948</option>
       
        <option value="1947">1947</option>
       
        <option value="1946">1946</option>
       
        <option value="1945">1945</option>
       
        <option value="1944">1944</option>
       
        <option value="1943">1943</option>
       
        <option value="1942">1942</option>
       
        <option value="1941">1941</option>
       
        <option value="1940">1940</option>
       
        <option value="1939">1939</option>
       
        <option value="1938">1938</option>
       
        <option value="1937">1937</option>
       
        <option value="1936">1936</option>
       
        <option value="1935">1935</option>
       
        <option value="1934">1934</option>
       
        <option value="1933">1933</option>
       
        <option value="1932">1932</option>
       
        <option value="1931">1931</option>
       
        <option value="1930">1930</option>
       
        <option value="1929">1929</option>
       
        <option value="1928">1928</option>
       
        <option value="1927">1927</option>

        <option value="1926">1926</option>
       
        <option value="1925">1925</option>
       
        <option value="1924">1924</option>
       
        <option value="1923">1923</option>
       
        <option value="1922">1922</option>
       
        <option value="1921">1921</option>

       
        <option value="1920">1920</option>
       
        <option value="1919">1919</option>
       
        <option value="1918">1918</option>
       
        <option value="1917">1917</option>
       
        <option value="1916">1916</option>
       
        <option value="1915">1915</option>

        <option value="1914">1914</option>
       
        <option value="1913">1913</option>
       
        <option value="1912">1912</option>
       
        <option value="1911">1911</option>
       
        <option value="1910">1910</option>
       
        <option value="1909">1909</option>

        <option value="1908">1908</option>
       
        <option value="1907">1907</option>
       
        <option value="1906">1906</option>
       
        <option value="1905">1905</option>
       
        <option value="1904">1904</option>
       
        <option value="1903">1903</option>

        <option value="1902">1902</option>
       
        <option value="1901">1901</option>
       
        <option value="1900">1900</option>
        </select>
    </div>    </td>
  </tr>
    <tr>
    <td>&nbsp;</td>
    <td id="mini">Mengapa saya perlu mengisinya?</td>
  </tr>
  <tr>
  <td>&nbsp;</td>
  <td><input class="formButton" value="Mendaftar" type="submit"></td>
  </tr>
  <tr>
    <td colspan="2"><hr color="#0066CC"/></td>
  </tr>
  <tr>
  <td colspan="2" align="center">Buat Halaman <span class="black">untuk selebritis, grup musik, atau bisnis</span> </td>
  </tr>
  </tbody>
</table>

</form>


<!--  end form pendaftaran-->
        </div>
    </div>
</div>
    <div id="layoutbottom" class="rata_kiri">
    Face-mu &copy; 2011 - Gee Production
    </div>


</body>
</html>

Tugas Praktikum(Blok Diagram Table)

On Selasa, 08 Februari 2011 0 komentar


STUDI KASUS 1:

Code :
 
Studi Kasus 2:

Code:

Tugas Praktikum 1:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>GRAFIK BERBASIS TABEL</title>
</head>
<body>

<!--
Nama : Yogi Tri Wasono
NIM : 209533421951
OFF : C -->

<table width="600" >
<tr>
<td width="600" colspan="2">
<table rules="rows" frame="hsides" align="left" cellspacing="0" cellpadding="10">
<tr><!-- Mengatur lebar kolom -->
<th width="200">PERUSAHAAN</th>
<th width="500">PENDAPATAN</th>
</tr>
</table>
</td>
</tr>


<tr>
<td>
<table frame="below" align="left" cellspacing="0"cellpadding="3">
<tr><!-- Mengatur lebar kolom -->
<td width="164">Angin Reboot Ltd</td>
<td width="0"></td>
<td width="40"></td>
<td width="46"></td>
<td width="26"></td>
<td colspan="5" >
<table border="1" bordercolor="#000000" bgcolor="#000000">
<tr>
<th width="150" height="16" colspan="5" bordercolor="#000000" bgcolor="#008000"></th>
</tr>
</table>
</td>
<td >+150%</td>
<td width="18"></td>
<td width="18"></td>
<td width="24"></td>
</tr>


<tr><!-- Mengatur lebar kolom -->
<td width="164">Command Prompt Inc</td>
<td width="0"></td>
<td width="40"></td>
<td width="46"></td>
<td width="26"></td>
<td colspan="2"><table border="1" bordercolor="#000000" bgcolor="#000000">
<tr>
<td width="50" height="16" colspan="2" bordercolor="#000000" bgcolor="#008000">
</td>
</tr>
</table>
</td>
<td width="38">+55%</td>
<td width="8"></td>
<td width="21"></td>
</tr>


<tr><!-- Mengatur lebar kolom -->
<td width="164">Hibernate Ltd</td>
<td width="0"></td>
<td width="40"></td>


<td align="right">-23%</td>
<td><table border="1" align="right" bordercolor="#000000" bgcolor="#000000">
<tr>
<td width="23" height="16" bordercolor="#000000" bgcolor="#FFFF00"> </td>
</tr>
</table></td>
<td width="5"></td>
<td width="52"></td>
</tr>


<tr><!-- Mengatur lebar kolom -->
<td width="164">Shutdown Ltd</td>
<td width="0"></td>


<td width="40">-75%</td>
<td colspan="2"><table border="1" bordercolor="#000000" bgcolor="#000000">
<tr>
<td width="100" height="16" colspan="3" bordercolor="#000000" bgcolor="#FF0000">
</td>
</tr>
</table></td>
<td width="5"></td>
<td width="52"></td>
<td width="38"></td>
<td width="8"></td>
<td width="21"></td>
<td width="46"></td>
<td width="18"></td>
<td width="18"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>


Tugas Praktikum 2:


Code :

<!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">
<!--
Nama : yogi tri wasono
Nim : 209533421951
Off : c
-->
<head>
<title>TUGAS PRAKTIKUM 2</title>
</head>

<body>
<table width="480" height="400" border="0">
<tr>
<td colspan="8" style="border-bottom:#ff0000 solid;"><p align="center"><font color="black" face="Times New Roman" size="3">PERBANDINGAN FITUR</font></td>
</tr>
<tr>
<td width="31"align="center">No</td>
<td width="0" rowspan="10" style="border-left:#ff0000 solid thin;">&nbsp;</td>
<td width="208" align="center">Fitur</td>
<td rowspan="10" style="border-left:#ff0000 solid thin;padding-left:-5px;" width="0"></td>
<td width="92" align="center">Enterprise</td>
<td width="0" rowspan="10" style="border-left:#ff0000 solid thin;">&nbsp;</td>
<td width="0"align="center">Pro</td>
<td width="0"align="center">Free</td>
</tr>
<tr>
<td colspan="8" style="border-top:#ff0000 solid thin;"></td>
</tr>
<tr>
<td align="center">1</td>
<td>Garansi seumur hidup </td>
<td align="center">X</td>
<td align="center">-</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">2</td>
<td>Multiuser</td>
<td align="center">X</td>
<td align="center">-</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">3</td>
<td>Update otomatis </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">4</td>
<td>Cetak Laporan </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">5</td>
<td>Notifikasi error </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td colspan="8" style="border-top:#ff0000 solid thin;"></td>
</tr>
<tr>
<td align="center">6</td>
<td>Ubah tema </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td align="center">7</td>
<td>Try ikon</td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td colspan="8" style="border-top:#ff0000 solid thin;"></td>
</tr>
</table>
</body>
</html>

Powered by Blogger