Script Form LOGIN untuk UTS
<!DOCTYPE html>
<html lang="en">
<head>
<title>UTS Praktikum Pemrograman Berbasis Web</title>
<script language="JavaScript" type="text/javascript" src=".js"></script>
</head>
<body>
<hr color="red" width="350px" size="10px" align="left" />
<h2> :: Sign Up Form ::</h2>
<hr color="red" width="350px" size="10px" align="left" />
<?php
if($_POST){
$nama = $_POST['nama'];
$email = $_POST['email'];
$alamat = $_POST['alamat'];
$kota = $_POST['kota'];
$kodePos = $_POST['kode_pos'];
$error = array();
if(empty($nama)){
$error['nama'] = 'Nama tidak boleh kosong';
}
if(empty($email)){
$error['email'] = 'Email tidak boleh kosong';
}
if(empty($alamat)){
$error['alamat'] = 'Alamat tidak boleh kosong';
}
if(empty($kota)){
$error['kota'] = 'Kota tidak boleh kosong';
}
if(empty($kodePos)){
$error['kode_pos'] = 'Kode pos tidak boleh kosong';
}
if(empty($error)){
//prosess data
}
}
?>
<form name="form-name" method="post" action="">
<dl>
<dt>Nama:</dt>
<dd>
<input name="nama" id="nama" type="text" value="<?php echo isset($_POST['nama']) ? $_POST['nama'] : '';?>" />
<div style="color:red"><?php echo isset($error['nama']) ? $error['nama'] : '';?></div>
</dd>
<dt>Email:</dt>
<dd>
<input name="email" id="email" type="text" value="<?php echo isset($_POST['email']) ? $_POST['email'] : '';?>" />
<div style="color:red"><?php echo isset($error['email']) ? $error['email'] : '';?></div>
</dd>
<dt>Alamat:</dt>
<dd>
<input name="alamat" id="alamat" type="text" value="<?php echo isset($_POST['alamat']) ? $_POST['alamat'] : '';?>" />
<div style="color:red"><?php echo isset($error['alamat']) ? $error['alamat'] : '';?></div>
</dd>
<dt>Kota:</dt>
<dd>
<input name="kota" id="kota" type="text" value="<?php echo isset($_POST['kota']) ? $_POST['kota'] : '';?>" />
<div style="color:red"><?php echo isset($error['kota']) ? $error['kota'] : '';?></div>
</dd>
<dt>Kode POS:</dt>
<dd>
<input name="kode_pos" id="kode_pos" type="text" value="<?php echo isset($_POST['kode_pos']) ? $_POST['kode_pos'] : '';?>" />
<div style="color:red"><?php echo isset($error['kode_pos']) ? $error['kode_pos'] : '';?></div>
</dd>
<dt></dt>
<dd>
<input name="submit" id="submit" type="Submit" value="Submit" />
</dd>
</dl>
</form>
</body>
</body>
</html>
screenshot form login
Rabu, 16 Maret 2011
Selasa, 01 Maret 2011
Tugas Praktikum Pemrograman Web- Kalkulator dengan Java Script . Praktikum 5
Script :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Kalculator Sederhana</title>
<script language="JavaScript" type="text/javascript" src="kalkulator.js"></script>
</head>
<hr color="red" width="350px" size="10px" align="left" />
<font size="4" color="green">Kalkulator Sederhana menggunakan Java Script</font>
<hr color="red" width="350px" size="10px" align="left" /><br>
<form name="calc" action="#">
Masukkan Bilangan Pertama
<br><input type="text" size="25" name="bil1" /><br>
Masukkan Bilangan Kedua
<br><input type="text" size="25" name="bil2" /><br>
<input name="op" type="button" value="+" onclick="penjumlahan()" />
<input name="op" type="button" value="-" onclick="pengurangan()" />
<input name="op" type="button" value="x" onclick="perkalian()" />
<input name="op" type="button" value="/" onclick="pembagian()" /><br>
<br>Hasil Perhitungan
<br><input type="text" size="25" name="hasil" readonly /><br>
<br><input name="op" type="button" value="Bersihkan" onclick="bersih()" /><br>
<br><hr color="red" width="300px" size="10px" align="left"></hr>
</body>
</html>
kalkulator.js
function penjumlahan(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 + bil2;
komponen.hasil.value = hasil;
}
function pengurangan(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 - bil2;
komponen.hasil.value = hasil;
}
function perkalian(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 * bil2;
komponen.hasil.value = hasil;
}
function pembagian(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 / bil2;
komponen.hasil.value = hasil;
}
function bersih(){
var elemen = document.calc;
elemen.bil1.value = "";
elemen.bil2.value = "";
elemen.hasil.value = "";
}
screenshot kalkulator
<!DOCTYPE html>
<html lang="en">
<head>
<title>Kalculator Sederhana</title>
<script language="JavaScript" type="text/javascript" src="kalkulator.js"></script>
</head>
<hr color="red" width="350px" size="10px" align="left" />
<font size="4" color="green">Kalkulator Sederhana menggunakan Java Script</font>
<hr color="red" width="350px" size="10px" align="left" /><br>
<form name="calc" action="#">
Masukkan Bilangan Pertama
<br><input type="text" size="25" name="bil1" /><br>
Masukkan Bilangan Kedua
<br><input type="text" size="25" name="bil2" /><br>
<input name="op" type="button" value="+" onclick="penjumlahan()" />
<input name="op" type="button" value="-" onclick="pengurangan()" />
<input name="op" type="button" value="x" onclick="perkalian()" />
<input name="op" type="button" value="/" onclick="pembagian()" /><br>
<br>Hasil Perhitungan
<br><input type="text" size="25" name="hasil" readonly /><br>
<br><input name="op" type="button" value="Bersihkan" onclick="bersih()" /><br>
<br><hr color="red" width="300px" size="10px" align="left"></hr>
</body>
</html>
kalkulator.js
function penjumlahan(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 + bil2;
komponen.hasil.value = hasil;
}
function pengurangan(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 - bil2;
komponen.hasil.value = hasil;
}
function perkalian(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 * bil2;
komponen.hasil.value = hasil;
}
function pembagian(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 / bil2;
komponen.hasil.value = hasil;
}
function bersih(){
var elemen = document.calc;
elemen.bil1.value = "";
elemen.bil2.value = "";
elemen.hasil.value = "";
}
screenshot kalkulator
Tugas Praktikum Pemrograman Web- Form Pemesanan dengan Java Script . Praktikum 5
Script :
<!DOCTYPEhtml>
<html lang="en">
<head>
<title>Form Pemesanan</title>
<script language="JavaScript" type="text/javascript" src="pemesanan.js"></script>
</head>
<body>
<hr width="505px" size="7" color="red" align="left">
<h2>Form Pemesanan Berbasis JavaScript</h2>
<hr width="505px" size="7" color="red" align="left">
<form name="pemesanan" action="#">
<table border="3">
<tr bgcolor="pink">
<th>No</th>
<th>Makanan / Minuman</th>
<th>Harga</th>
<th>Pesan</th>
</tr>
<tr>
<td align="center">1</td>
<td>Bakso Istimewa</td>
<td>@<input type="text" name="harga1" value="12000" onchange="proses()" /></td>
<td><input type="text" name="pesan1" onchange="proses()" /></td>
</tr>
<tr>
<td align="center">2</td>
<td>Soto Spesial</td>
<td>@<input type="text" name="harga2" value="10000" onchange="proses()" /></td>
<td><input type="text" name="pesan2" onchange="proses()" /></td>
</tr>
<tr>
<td align="center">3</td>
<td>Mie Ayam Super</td>
<td>@<input type="text" name="harga3" value="15000" onchange="proses()" /></td>
<td><input type="text" name="pesan3" onchange="proses()" /></td>
</tr>
<tr>
<td align="center">4</td>
<td>Es Degan</td>
<td>@<input type="text" name="harga4" value="5000" onchange="proses()" /></td>
<td><input type="text" name="pesan4" onchange="proses()" /></td>
</tr>
<tr>
<td align="center">5</td>
<td>Es Campur</td>
<td>@<input type="text" name="harga5" value="7000" onchange="proses()" /></td>
<td><input type="text" name="pesan5" onchange="proses()" /></td>
</tr>
<tr>
<td colspan="3" align="right" bgcolor=#f0f0f0>Jumlah Total</td>
<td><input type="text" name="total" readonly /></td>
</tr>
<tr>
<td colspan="3" align="right" bgcolor=#f0f0f0>Diskon</td>
<td><input type="text" name="diskon" readonly /></td>
</tr>
<tr>
<td colspan="3" align="right" bgcolor=#f0f0f0>Jumlah Dibayar</td>
<td><input type="text" name="bayar" readonly /></td>
</tr>
</table>
<br>
<input type="button" name="batal" value="Batal" onclick="reset()" />
</form><br>
<font size="2px">
<b>Ketentuan Diskon :</b><br>
- Diskon 2.5% untuk Pemebelian diatas Rp 25.000,00<br>
- Diskon 5.0% untuk Pemebelian diatas Rp 50.000,00<br>
- Diskon 7.5% untuk Pemebelian diatas Rp 100.000,00<br>
<hr width="505px" size="7" color="red" align="left">
</body>
</html>
pemesanan.js
function totalHarga(){
var harga;
var pesanan;
var total = 0;
for(i = 0; i < 12; i += 2){
harga = parseInt(document.pemesanan[i].value);
pesanan = parseInt(document.pemesanan[i + 1].value);
if(pesanan > 0){
total = total + (harga * pesanan);
}
document.pemesanan.total.value = total;
}
}
function diskon(){
var total = parseInt(document.pemesanan.total.value);
var diskon = 0;
if(total >= 100000){
diskon = 7.5 / 100 * total;
}
else if(total >= 50000){
diskon = 5 / 100 * total;
}
else if(total >= 25000){
diskon = 2.5 / 100 * total;
}
document.pemesanan.diskon.value = diskon;
}
function jumlahBayar(){
var total = parseInt(document.pemesanan.total.value);
var diskon = parseInt(document.pemesanan.diskon.value);
var bayar = total - diskon;
document.pemesanan.bayar.value = bayar;
}
function proses(){
totalHarga();
diskon();
jumlahBayar();
}
function reset(){
var elemen = document.pemesanan;
elemen.pesan1.value = "";
elemen.pesan2.value = "";
elemen.pesan3.value = "";
elemen.pesan4.value = "";
elemen.pesan5.value = "";
elemen.pesan6.value = "";
elemen.total.value = "";
elemen.diskon.value = "";
elemen.bayar.value = "";
}
screenshot form-pemesanan
<!DOCTYPEhtml>
<html lang="en">
<head>
<title>Form Pemesanan</title>
<script language="JavaScript" type="text/javascript" src="pemesanan.js"></script>
</head>
<body>
<hr width="505px" size="7" color="red" align="left">
<h2>Form Pemesanan Berbasis JavaScript</h2>
<hr width="505px" size="7" color="red" align="left">
<form name="pemesanan" action="#">
<table border="3">
<tr bgcolor="pink">
<th>No</th>
<th>Makanan / Minuman</th>
<th>Harga</th>
<th>Pesan</th>
</tr>
<tr>
<td align="center">1</td>
<td>Bakso Istimewa</td>
<td>@<input type="text" name="harga1" value="12000" onchange="proses()" /></td>
<td><input type="text" name="pesan1" onchange="proses()" /></td>
</tr>
<tr>
<td align="center">2</td>
<td>Soto Spesial</td>
<td>@<input type="text" name="harga2" value="10000" onchange="proses()" /></td>
<td><input type="text" name="pesan2" onchange="proses()" /></td>
</tr>
<tr>
<td align="center">3</td>
<td>Mie Ayam Super</td>
<td>@<input type="text" name="harga3" value="15000" onchange="proses()" /></td>
<td><input type="text" name="pesan3" onchange="proses()" /></td>
</tr>
<tr>
<td align="center">4</td>
<td>Es Degan</td>
<td>@<input type="text" name="harga4" value="5000" onchange="proses()" /></td>
<td><input type="text" name="pesan4" onchange="proses()" /></td>
</tr>
<tr>
<td align="center">5</td>
<td>Es Campur</td>
<td>@<input type="text" name="harga5" value="7000" onchange="proses()" /></td>
<td><input type="text" name="pesan5" onchange="proses()" /></td>
</tr>
<tr>
<td colspan="3" align="right" bgcolor=#f0f0f0>Jumlah Total</td>
<td><input type="text" name="total" readonly /></td>
</tr>
<tr>
<td colspan="3" align="right" bgcolor=#f0f0f0>Diskon</td>
<td><input type="text" name="diskon" readonly /></td>
</tr>
<tr>
<td colspan="3" align="right" bgcolor=#f0f0f0>Jumlah Dibayar</td>
<td><input type="text" name="bayar" readonly /></td>
</tr>
</table>
<br>
<input type="button" name="batal" value="Batal" onclick="reset()" />
</form><br>
<font size="2px">
<b>Ketentuan Diskon :</b><br>
- Diskon 2.5% untuk Pemebelian diatas Rp 25.000,00<br>
- Diskon 5.0% untuk Pemebelian diatas Rp 50.000,00<br>
- Diskon 7.5% untuk Pemebelian diatas Rp 100.000,00<br>
<hr width="505px" size="7" color="red" align="left">
</body>
</html>
pemesanan.js
function totalHarga(){
var harga;
var pesanan;
var total = 0;
for(i = 0; i < 12; i += 2){
harga = parseInt(document.pemesanan[i].value);
pesanan = parseInt(document.pemesanan[i + 1].value);
if(pesanan > 0){
total = total + (harga * pesanan);
}
document.pemesanan.total.value = total;
}
}
function diskon(){
var total = parseInt(document.pemesanan.total.value);
var diskon = 0;
if(total >= 100000){
diskon = 7.5 / 100 * total;
}
else if(total >= 50000){
diskon = 5 / 100 * total;
}
else if(total >= 25000){
diskon = 2.5 / 100 * total;
}
document.pemesanan.diskon.value = diskon;
}
function jumlahBayar(){
var total = parseInt(document.pemesanan.total.value);
var diskon = parseInt(document.pemesanan.diskon.value);
var bayar = total - diskon;
document.pemesanan.bayar.value = bayar;
}
function proses(){
totalHarga();
diskon();
jumlahBayar();
}
function reset(){
var elemen = document.pemesanan;
elemen.pesan1.value = "";
elemen.pesan2.value = "";
elemen.pesan3.value = "";
elemen.pesan4.value = "";
elemen.pesan5.value = "";
elemen.pesan6.value = "";
elemen.total.value = "";
elemen.diskon.value = "";
elemen.bayar.value = "";
}
screenshot form-pemesanan
Tugas Praktikum Pemrograman Web -Desain Layout Halaman Web Sederhana. Praktikum 4
<!Doctype HTML>
<html lang="en">
<HEAD>
<TITLE>Desain Layout Halaman Web Sederhana</TITLE>
<link rel="stylesheet" href="praktikum4.css" type="text/css" />
</HEAD>
<BODY>
<HEADER>
<LOGO></LOGO>
<TE>TEKNIK ELEKTRO</TE>
</HEADER>
<NAV><SEARCH>Search : </SEARCH><BOX>
<INPUT type="text" size="22" />
</BOX>
<MENU>Home | News & Media | Tutorial | Tips & Tricks | Download</MENU>
</NAV>
<SECTION>
<PICT></PICT>
<ARTICLE>
Chen Shui-bian (Hanzi:Hanz, Pinyin:Chén Shuibian lahir 18 Februari 1951; umur 59 tahun) adalah Presiden Republik Cina sejak tahun 2000. Chen Shui-bian lahir di Desa Hsi-chuang, Kecamatan Kuan-tien, Kabupaten Tainan, Taiwan. Dusun tersebut dihuni hanya beberapa ratus keluarga yang memiliki mata pencaharian utama sebagai petani.
<BR><BR>
Nama yang disandangnya merupakan nama tradisional Taiwan. Chen Shui-bian adalah anak pertama dari pasangan Chen Sung-ken (ayah) dan Chen Le-chen (ibu). Ia tiga bersaudara. Namanya sendiri mengacu pada arti 'batang bambu' yang biasa digunakan oleh para petani miskin untuk mengangkat dua ember air di ujungnya. Secara harfiah, karakter shui berarti 'air' dan bian berarti 'datar'.
</ARTICLE>
<EVENT>
<BR>
<B>   EVENT :</B>
<ul>
<li><a href="#">Balapan Makan Krupuk</a></li>
<li><a href="#">Lomba Ngupil</a></li>
<li><a href="#">Wisuda PTI'09</a></li>
<li><a href="#">Audisi Mahasiswa Abadi</a></li>
</ul>
</EVENT>
</SECTION>
<FOOTER>
Home | News & Media | Tutorial | Tips & Tricks | Download
</FOOTER>
</BODY>
</HTML>
praktikum4.css
body{
margin : 10px auto;
width : 900px;
}
header, logo, te, nav, search, box, section, pict, article, event, footer{
display : block;
}
header{
height: 90px;
width: auto;
background-image : url(images/header.jpg);
}
logo{
float : left;
margin-left : 30px;
height : 90px;
width : 90px;
background-image : url(images/um2.png);
}
te{
padding: 30px;
font-family : comic sans ms;
font-weight: bold;
font-size : 32px;
color : white;
}
nav{
width: 900px;
height: 40px;
background-color : #bbdefb;
color : #459dff;
font-family: comic sans ms;
}
search{
float : left;
margin-top: 2px;
margin-left : 20px;
width : 60px;
height: 20px;
}
box{
margin-top: 2px;
float: left;
width: 150px;
height: 20px;
}
menu{
margin-top: 2px;
margin-left: 200px;
float: left;
width: 425px;
height: 10px;
text-align : right ;
}
section{
width : 900px;
height : 450px;
background-color : #bbdefb;
}
pict{
float: left;
width: 300px;
height: 450px;
background-image : url(images/pict2.jpg);
}
article{
font-family : comic sans ms;
margin-left: 300px;
width: 590px;
height: 325px;
background-color : #ffffff;
}
event{
font-family : comic sans ms ;
font-size : 12px;
font-weight: bold;
color : #459dff;
margin-left: 300px;
width: 590px;
height: 125px;
background-color : #bbdefb;
}
footer{
clear : both;
height : 30px;
background-image : url(images/footer.jpg);
text-align : center;
font-weight: bold;
font-family: comic sans ms;
color: white;
font-size: 12px;
}
screenshot
<html lang="en">
<HEAD>
<TITLE>Desain Layout Halaman Web Sederhana</TITLE>
<link rel="stylesheet" href="praktikum4.css" type="text/css" />
</HEAD>
<BODY>
<HEADER>
<LOGO></LOGO>
<TE>TEKNIK ELEKTRO</TE>
</HEADER>
<NAV><SEARCH>Search : </SEARCH><BOX>
<INPUT type="text" size="22" />
</BOX>
<MENU>Home | News & Media | Tutorial | Tips & Tricks | Download</MENU>
</NAV>
<SECTION>
<PICT></PICT>
<ARTICLE>
Chen Shui-bian (Hanzi:Hanz, Pinyin:Chén Shuibian lahir 18 Februari 1951; umur 59 tahun) adalah Presiden Republik Cina sejak tahun 2000. Chen Shui-bian lahir di Desa Hsi-chuang, Kecamatan Kuan-tien, Kabupaten Tainan, Taiwan. Dusun tersebut dihuni hanya beberapa ratus keluarga yang memiliki mata pencaharian utama sebagai petani.
<BR><BR>
Nama yang disandangnya merupakan nama tradisional Taiwan. Chen Shui-bian adalah anak pertama dari pasangan Chen Sung-ken (ayah) dan Chen Le-chen (ibu). Ia tiga bersaudara. Namanya sendiri mengacu pada arti 'batang bambu' yang biasa digunakan oleh para petani miskin untuk mengangkat dua ember air di ujungnya. Secara harfiah, karakter shui berarti 'air' dan bian berarti 'datar'.
</ARTICLE>
<EVENT>
<BR>
<B>   EVENT :</B>
<ul>
<li><a href="#">Balapan Makan Krupuk</a></li>
<li><a href="#">Lomba Ngupil</a></li>
<li><a href="#">Wisuda PTI'09</a></li>
<li><a href="#">Audisi Mahasiswa Abadi</a></li>
</ul>
</EVENT>
</SECTION>
<FOOTER>
Home | News & Media | Tutorial | Tips & Tricks | Download
</FOOTER>
</BODY>
</HTML>
praktikum4.css
body{
margin : 10px auto;
width : 900px;
}
header, logo, te, nav, search, box, section, pict, article, event, footer{
display : block;
}
header{
height: 90px;
width: auto;
background-image : url(images/header.jpg);
}
logo{
float : left;
margin-left : 30px;
height : 90px;
width : 90px;
background-image : url(images/um2.png);
}
te{
padding: 30px;
font-family : comic sans ms;
font-weight: bold;
font-size : 32px;
color : white;
}
nav{
width: 900px;
height: 40px;
background-color : #bbdefb;
color : #459dff;
font-family: comic sans ms;
}
search{
float : left;
margin-top: 2px;
margin-left : 20px;
width : 60px;
height: 20px;
}
box{
margin-top: 2px;
float: left;
width: 150px;
height: 20px;
}
menu{
margin-top: 2px;
margin-left: 200px;
float: left;
width: 425px;
height: 10px;
text-align : right ;
}
section{
width : 900px;
height : 450px;
background-color : #bbdefb;
}
pict{
float: left;
width: 300px;
height: 450px;
background-image : url(images/pict2.jpg);
}
article{
font-family : comic sans ms;
margin-left: 300px;
width: 590px;
height: 325px;
background-color : #ffffff;
}
event{
font-family : comic sans ms ;
font-size : 12px;
font-weight: bold;
color : #459dff;
margin-left: 300px;
width: 590px;
height: 125px;
background-color : #bbdefb;
}
footer{
clear : both;
height : 30px;
background-image : url(images/footer.jpg);
text-align : center;
font-weight: bold;
font-family: comic sans ms;
color: white;
font-size: 12px;
}
screenshot
Selasa, 15 Februari 2011
Tugas Praktikum Pemrograman Web - Layout Sederhana
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional.dtd">
<html xlmns="htt<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional.dtd">
<html xlmns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Coba Desain Layout</title>
<link rel="stylesheet" href="depii.css" type="text/css"/>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id=”loginku”>
<img src="fb.jpg", div align="left">
<div align="right">
<table class="table1", width="500"><br>
<tr>
<td>Email <br><input name=”nama” size=”21" type=”text”/>
<br><input type="checkbox" value="true"> Biarkan saya tetap masuk </td>
<td>Password <br><input name=”pass” size=”20" type=”text”/>
<br>Lupa password ? </td>
<td><a href="home.html"><img src="1.jpg", height="16px", border="#87bbfb"></a></td>
<td><img src="b2.jpg", height="15px"></td></tr></table>
</div>
</div>
</div>
<div id="content">
</div>
<div id="footer">
<div class="cred">
copyright © Devi Putri Aisyiyah
</div></body>
</html>
depii.css
#wrapper {
margin:auto;
width: 1000px;
border: 1px solid white;
}
#header{
height: 90px;
background: #87bbfb;
}
#loginq {
float: right;
height: 30px;
font-weight:bold;
}
#content {
float: right;
width: 1000px;
height: 420px;
background-image: url(bg.jpg);
background-position: center top;
background-repeat: repeat-x;
}
#footer {
clear: both;
height: 30px;
background: #87bbfb;
}
.cred {
font-family: comic sans ms;
font-size: 16px;
text-align: left;
font-weight: bold;
color: #FFFFFF;
padding: 5px 5px 5px 5px;
}
.pic {
padding: 1px 5px 5px 1px;
}
.table1 {
font-family: comic sans ms;
font-size: 10px;
text-align: left;
color: #FFFFFF;
border: 0px;
}
screen shot face-mu
<html xlmns="htt<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional.dtd">
<html xlmns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Coba Desain Layout</title>
<link rel="stylesheet" href="depii.css" type="text/css"/>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id=”loginku”>
<img src="fb.jpg", div align="left">
<div align="right">
<table class="table1", width="500"><br>
<tr>
<td>Email <br><input name=”nama” size=”21" type=”text”/>
<br><input type="checkbox" value="true"> Biarkan saya tetap masuk </td>
<td>Password <br><input name=”pass” size=”20" type=”text”/>
<br>Lupa password ? </td>
<td><a href="home.html"><img src="1.jpg", height="16px", border="#87bbfb"></a></td>
<td><img src="b2.jpg", height="15px"></td></tr></table>
</div>
</div>
</div>
<div id="content">
</div>
<div id="footer">
<div class="cred">
copyright © Devi Putri Aisyiyah
</div></body>
</html>
depii.css
#wrapper {
margin:auto;
width: 1000px;
border: 1px solid white;
}
#header{
height: 90px;
background: #87bbfb;
}
#loginq {
float: right;
height: 30px;
font-weight:bold;
}
#content {
float: right;
width: 1000px;
height: 420px;
background-image: url(bg.jpg);
background-position: center top;
background-repeat: repeat-x;
}
#footer {
clear: both;
height: 30px;
background: #87bbfb;
}
.cred {
font-family: comic sans ms;
font-size: 16px;
text-align: left;
font-weight: bold;
color: #FFFFFF;
padding: 5px 5px 5px 5px;
}
.pic {
padding: 1px 5px 5px 1px;
}
.table1 {
font-family: comic sans ms;
font-size: 10px;
text-align: left;
color: #FFFFFF;
border: 0px;
}
screen shot face-mu
Selasa, 08 Februari 2011
praktikum pemrograman web
Tugas Praktikum 2
<!DOCTYPE html >
<html lang="en">
<head>
<title>Tugas Praktikum 2</title>
</head>
<body background="1.gif">
<h3 align="center">Perbandingan Fitur</h3>
<table frame="above" border="1" align="center" cellspacing=3 cellpadding=3>
<tr>
<th width="30">No</th>
<th width="180">Fitur</th>
<th width="50">Enterprise</th>
<th width="40">Pro</th>
<th width="40">Free</th>
</tr>
<tr>
<td width="30">1
<br>2
<br>3
<br>4
<br>5
</td>
<td width="180">Garansi seumur hidup
<br>Multiuser
<br>Update otomatis
<br>Cetak laporan
<br>Notifikasi error
</td>
<td width="50" align="center">X
<br>X
<br>X
<br>X
<br>X</td>
<td width="40" align="center">-
<br>-
<br>X
<br>X
<br>X
</td>
<td width="40" align="center">-
<br>-
<br>-
<br>-
<br>X
</td>
</tr>
<tr>
<td width="30">6
<br>7
</td>
<td width="180">Ubah tema
<br>Try ikon
</td>
<td width="50" align="center">X
<br>X
</td>
<td width="40" align="center">X
<br>X
</td>
<td width="40" align="center">X
<br>X
</td>
</tr>
</body>
</html>
screen shot
<!DOCTYPE html >
<html lang="en">
<head>
<title>Tugas Praktikum 2</title>
</head>
<body background="1.gif">
<h3 align="center">Perbandingan Fitur</h3>
<table frame="above" border="1" align="center" cellspacing=3 cellpadding=3>
<tr>
<th width="30">No</th>
<th width="180">Fitur</th>
<th width="50">Enterprise</th>
<th width="40">Pro</th>
<th width="40">Free</th>
</tr>
<tr>
<td width="30">1
<br>2
<br>3
<br>4
<br>5
</td>
<td width="180">Garansi seumur hidup
<br>Multiuser
<br>Update otomatis
<br>Cetak laporan
<br>Notifikasi error
</td>
<td width="50" align="center">X
<br>X
<br>X
<br>X
<br>X</td>
<td width="40" align="center">-
<br>-
<br>X
<br>X
<br>X
</td>
<td width="40" align="center">-
<br>-
<br>-
<br>-
<br>X
</td>
</tr>
<tr>
<td width="30">6
<br>7
</td>
<td width="180">Ubah tema
<br>Try ikon
</td>
<td width="50" align="center">X
<br>X
</td>
<td width="40" align="center">X
<br>X
</td>
<td width="40" align="center">X
<br>X
</td>
</tr>
</body>
</html>
screen shot
praktikum pemrograman web
Tugas Praktikum 1
<!DOCTYPE html >
<html lang="en">
<head>
<title>Tugas Praktikum 1</title>
</head>
<body>
<table frame="above" align="left" cellspacing=5 cellpadding=5>
<tr>
<hr>
<th width="300">Perusahaan</th>
<th width="105" colspan=3></th>
<th width="190" colspan=3>Pendapatan</th>
</tr>
<tr>
<td>Agen Robot Ltd</td>
<td width="30"></td>
<td width="52"></td>
<td width="23"></td>
<td width="150" colspan="2" bgcolor="green"></td>
<td width="40" align="left">+150%</td>
</tr>
<tr>
<td>Command Prompt, Inc</td>
<td width="30"></td>
<td width="52"></td>
<td width="23"></td>
<td width="55" bgcolor="green"></td>
<td width="90" align="left">+55%</td>
<td width="40"></td>
</tr>
<tr>
<td>Hibernate Ltd</td>
<td width="30"></td>
<td width="52" align="right">-23%</td>
<td width="23" bgcolor="yellow"></td>
<td width="55"></td>
<td width="90"></td>
<td width="40"></td>
</tr>
<tr>
<td>Shutdown Ltd</td>
<td width="30" align="right">-75%</td>
<td width="52" colspan="2" bgcolor="red" border=></td>
<td width="55"></td>
<td width="90"></td>
<td width="40"></td>
</tr>
</body>
</html>
screen shot
<!DOCTYPE html >
<html lang="en">
<head>
<title>Tugas Praktikum 1</title>
</head>
<body>
<table frame="above" align="left" cellspacing=5 cellpadding=5>
<tr>
<hr>
<th width="300">Perusahaan</th>
<th width="105" colspan=3></th>
<th width="190" colspan=3>Pendapatan</th>
</tr>
<tr>
<td>Agen Robot Ltd</td>
<td width="30"></td>
<td width="52"></td>
<td width="23"></td>
<td width="150" colspan="2" bgcolor="green"></td>
<td width="40" align="left">+150%</td>
</tr>
<tr>
<td>Command Prompt, Inc</td>
<td width="30"></td>
<td width="52"></td>
<td width="23"></td>
<td width="55" bgcolor="green"></td>
<td width="90" align="left">+55%</td>
<td width="40"></td>
</tr>
<tr>
<td>Hibernate Ltd</td>
<td width="30"></td>
<td width="52" align="right">-23%</td>
<td width="23" bgcolor="yellow"></td>
<td width="55"></td>
<td width="90"></td>
<td width="40"></td>
</tr>
<tr>
<td>Shutdown Ltd</td>
<td width="30" align="right">-75%</td>
<td width="52" colspan="2" bgcolor="red" border=></td>
<td width="55"></td>
<td width="90"></td>
<td width="40"></td>
</tr>
</body>
</html>
screen shot
praktikum pemrograman web
studi kasus
frame.html
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<frameset rows="15%,*,10%">
<frame src="atas.html" name="atas" id="atas"/>
<frameset cols="20%,*,20%">
<frame src="kiri.html" name="kiri" id="kiri"/>
<frame src="tengah.html" name="tengah" id="tengah"/>
<frame src="kanan.html" name="kanan" id="kanan"/>
</frameset>
<frame src="bawah.html" name="bawah" id="bawah"/>
</frameset>
</html>
atas.html
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body background="9_shutterstock_4246789.jpg">
<h1 align="center"><blink><font face="Comic Sans MS" color="black">Pendidikan Teknik Informatika</font></blink></h1>
</body>
</html>
bawah.html
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body background="9_shutterstock_4246789.jpg">
<font face="Comic Sans MS" color="red"><b>tentang aku: </font>
<a href="profilku.html" target="tengah"><font color="Red"><Strike>piidepii</Strike></b></font></a>
</body>
</html>
kanan.html
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<body bgcolor="green">
<font face="Comic Sans MS"color="white"><font size="5">Artikelku
<ol>
<li><a href="tengah.html" target="tengah">
Induksi Elektromagnetik</a></li>
</ol>
</font>
</body>
</html>
kiri.html
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<body bgcolor="green">
<font face="Comic Sans MS" color="white"><font size="5">Tentang Aku
<ol>
<li><a href="profilku.html" target="tengah">
Profil dan Riwayat Pendidikan</a></li>
</ol>
</font>
</body>
</html>
tengah.html
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body background ="hvs.jpg"><font color="red"><b>
<h2 id="Menu"><font color="red" size="10">INDUKSI ELEKTROMAGNETIK </font></h2>
<p>INDUKSI ELEKTROMAGNETIK
<br>Listrik dalam era industri merupakan keperluan yang sangat vital. Dengan adanya transformator, keperluan listrik pada tegangan yang sesuai dapat terpenuhi.
Dahulu untuk membawa listrik diperlukan kuda. Kuda (pada gambar) sedang membawa pembangkit listrik untuk penerangan lapangan ski.
transformator belum ditemukan, berapa ekor kuda yang diperlukan untuk penerangan sebuah kota?
Fenomena pemindahan listrik akan kamu pelajari pada bab ini. Pada bab ini kamu akan mempelajari pemanfaatan kemagnetan dalam produk teknologi.</br>
<p>Kata-Kata Kunci
– arus induksi </br>
– generator </br>
– dinamo </br>
– GGL induksi </br>
– efisiensi transformator </br>
– transformator </br>
– fluks magnetik </br>
– transmisi daya listrik </br>
<p>
<br>
Adakah pusat pembangkit listrik di dekat rumahmu? Pembangkit listrik biasanya terletak jauh dari permukiman penduduk.
Untuk membawa energi listrik, atau lebih dikenal transmisi daya listrik, diperlukan kabel yang sangat panjang. Kabel yang demikian dapat menurunkan tegangan.
Karena itu diperlukan alat yang dapat menaikkan kembali tegangan sesuai keperluan. Pernahkah kamu melihat tabung berwarna biru yang dipasang pada tiang listrik?
Alat tersebut adalah transformator yang berfungsi untuk menaikkan dan menurunkan tegangan. Bagaimanakah cara menaikkan dan menurunkan tegangan listrik?
Untuk memahami hal ini pelajari uraian berikut.
</br>
<p>
<br>
A. GGL INDUKSI
<p>
Pada bab sebelumnya, kamu sudah mengetahui bahwa kelistrikan dapat menghasilkan kemagnetan. Menurutmu, dapatkah kemagnetan menimbulkan kelistrikan?
Kemagnetan dan kelistrikan merupakan dua gejala alam yang prosesnya dapat dibolak-balik. Ketika H.C. Oersted
membuktikan bahwa di sekitar kawat berarus listrik terdapat medan magnet (artinya listrik menimbulkan magnet), para ilmuwan mulai berpikir keterkaitan antara kelistrikan dan kemagnetan.
Tahun 1821 Michael Faraday membuktikan bahwa perubahan medan magnet dapat menimbulkan arus listrik (artinya magnet menimbulkan listrik) melalui eksperimen yang sangat sederhana.
Sebuah magnet yang digerakkan masuk dan keluar pada kumparan dapat menghasilkan arus listrik pada kumparan itu.
Galvanometer merupakan alat yang dapat digunakan untuk mengetahui ada tidaknya arus listrik yang mengalir.
Ketika sebuah magnet yang digerakkan masuk dan keluar pada kumparan (seperti kegiatan di atas), jarum galvanometer menyimpang ke kanan dan ke kiri.
Bergeraknya jarum galvanometer menunjukkan bahwa magnet yang digerakkan keluar dan masuk pada kumparan menimbulkan arus listrik.
Arus listrik bisa terjadi jika pada ujung-ujung kumparan terdapat GGL (gaya gerak listrik).
GGL yang terjadi di ujung-ujung kumparan dinamakan GGL induksi. Arus listrik hanya timbul pada saat magnet bergerak.
Jika magnet diam di dalam kumparan, di ujung kumparan tidak terjadi arus listrik.</br>
<p>
<br>
1. Penyebab Terjadinya GGL Induksi
Ketika kutub utara magnet batang digerakkan masuk ke dalam kumparan,
jumlah garis gaya-gaya magnet yang terdapat di dalam kumparan bertambah banyak.
Bertambahnya jumlah garis- garis gaya ini menimbulkan GGL induksi pada ujung-ujung kumparan.
GGL induksi yang ditimbulkan menyebabkan arus listrik mengalir menggerakkan jarum galvanometer.
Arah arus induksi dapat ditentukan dengan cara memerhatikan arah medan magnet yang ditimbulkannya.
Pada saat magnet masuk, garis gaya dalam kumparan bertambah. Akibatnya medan magnet hasil arus induksi bersifat mengurangi garis gaya itu.
Dengan demikian, ujung kumparan itu merupakan kutub utara sehingga arah arus induksi seperti yang ditunjukkan Gambar 12.1.a (ingat kembali cara menentukan kutub-kutub solenoida).
<img src="1.png"/>
<p>
Ketika kutub utara magnet batang digerakkan keluar dari dalam kumparan, jumlah garis-garis gaya magnet yang terdapat di dalam kumparan berkurang.
Berkurangnya jumlah garis-garis gaya ini juga menimbulkan GGL induksi pada ujung-ujung kumparan.
GGL induksi yang ditimbulkan menyebabkan arus listrik mengalir dan menggerakkan jarum galvanometer.
Sama halnya ketika magnet batang masuk ke kumparan. pada saat magnet keluar garis gaya dalam kumparan berkurang.
Akibatnya medan magnet hasil arus induksi bersifat menambah garis gaya itu. Dengan demikian, ujung, kumparan itu merupakan kutub selatan, sehingga arah arus induksi seperti yang ditunjukkan
Gambar 12.1.b. Ketika kutub utara magnet batang diam di dalam kumparan, jumlah garis-garis gaya magnet di dalam kumparan tidak terjadi perubahan (tetap).
Karena jumlah garis-garis gaya tetap, maka pada ujung-ujung kumparan tidak terjadi GGL induksi.
Akibatnya, tidak terjadi arus listrik dan jarum galvanometer tidak bergerak.
Jadi, GGL induksi dapat terjadi pada kedua ujung kumparan jika di dalam kumparan terjadi perubahan jumlah garis-garis gaya magnet (fluks magnetik).
GGL yang timbul akibat adanya perubahan jumlah garis-garis gaya magnet dalam kumparan disebut GGL induksi.
Arus listrik yang ditimbulkan GGL induksi disebut arus induksi. Peristiwa timbulnya GGL induksi dan arus
induksi akibat adanya perubahan jumlah garis-garis gaya magnet disebut induksi elektromagnetik.
Coba sebutkan bagaimana cara memperlakukan magnet dan kumparan agar timbul GGL induksi?</br>
<p>
<br>
2. Faktor yang Memengaruhi Besar GGL Induksi Sebenarnya besar kecil GGL induksi dapat dilihat pada besar kecilnya penyimpangan sudut jarum galvanometer.
Jika sudut penyimpangan jarum galvanometer besar, GGL induksi dan arus induksi yang dihasilkan besar.
Bagaimanakah cara memperbesar GGL induksi? Ada tiga faktor yang memengaruhi GGL induksi, yaitu :
a. kecepatan gerakan magnet atau kecepatan perubahan jumlah garis-garis gaya magnet (fluks magnetik),
b. jumlah lilitan, c. medan magnet</br>
<p>
<p>
<br><a href="#Menu">menu utama</a></dd>
</b></font></body>
</html>
profilku.html
<head>
</head>
<body background="Airport_in_Blue.png" width="40">
<h1 align="left"><font face="Segoe Print" color=red size="100">About Me</font></h1>
<hr color="black">
<b><font face="Comic Sans MS" size="6">
<marquee>Tak Kenal Maka Tak Sayang ^.^</marquee>
</font></b>
<hr color="red">
<br>
<b><font face="Berlin Sans FB" size="6">BIODATA</font></b>
<hr color="black">
<img src="IMG00610-20101126-0831.jpg" width="200" height="300">
<font face="Berlin Sans FB" size="3">
<table border=0 cellspacing=0 cellpadding=5>
<!-- Baris data pertama -->
<tr>
<td>Nama</td>
<td>:</td>
<td>Putri Aisyiyah Rakhma Devi</td>
</tr>
<!-- Baris data kedua -->
<tr>
<td>Tempat, tanggal lahir</td>
<td>:</td>
<td>Gresik, 26 Desember 1990</td>
</tr>
<!-- Baris data ketiga -->
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td>Perempuan</td>
</tr>
<!-- Baris data keempat -->
<tr>
<td>Alamat Asal</td>
<td>:</td>
<td>Jl. Sindujoyo No.35 Gresik, Kecamatan Gresik,</td>
</tr>
<!-- Baris data kelima -->
<tr>
<td></td>
<td></td>
<td>Kabupaten Gresik, Jawa Timur</td>
</tr>
<!-- Baris data keenam -->
<tr>
<td>Agama</td>
<td>:</td>
<td>Islam</td>
</tr>
</table>
</font>
<br>
<p><hr color="black">
<b><font face="Berlin Sans FB" size="6">
RIWAYAT PENDIDIKAN</font></b>
<hr color="black"></p>
<font face="Berlin Sans FB" size="3">
<table border=2 align="left" cellspacing=0 cellpadding=5>
<tr>
<!-- Mengatur lebar kolom -->
<th width="80">JENJANG</th>
<th width="500">NAMA</th>
<th width="100">TAHUN MASUK</th>
<th width="100">TAHUN KELUAR</th>
</tr>
<!-- Baris data pertama -->
<tr>
<td>SD</td>
<td>SD Muhammdiyah 1 Gresik</td>
<td>1997</td>
<td>2003</td>
</tr>
<!-- Baris data kedua -->
<tr>
<td>SMP</td>
<td>SMP Negeri 2 Gresik</td>
<td>2003</td>
<td>2006</td>
</tr>
<!-- Baris data ketiga -->
<tr>
<td>SMA</td>
<td>SMA Negeri 1 Gresik</td>
<td>2006</td>
<td>2009</td>
</tr>
<!-- Baris data kedua -->
<tr>
<td>Sarjana</td>
<td>S1 Pendidikan Teknik Informatika
Teknik Elektro Fakultas Teknik Universitas Negeri Malang </td>
<td>2009</td>
<td></td>
</tr>
</table>
</font>
</body>
</html>
screen shot
frame.html
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<frameset rows="15%,*,10%">
<frame src="atas.html" name="atas" id="atas"/>
<frameset cols="20%,*,20%">
<frame src="kiri.html" name="kiri" id="kiri"/>
<frame src="tengah.html" name="tengah" id="tengah"/>
<frame src="kanan.html" name="kanan" id="kanan"/>
</frameset>
<frame src="bawah.html" name="bawah" id="bawah"/>
</frameset>
</html>
atas.html
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body background="9_shutterstock_4246789.jpg">
<h1 align="center"><blink><font face="Comic Sans MS" color="black">Pendidikan Teknik Informatika</font></blink></h1>
</body>
</html>
bawah.html
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body background="9_shutterstock_4246789.jpg">
<font face="Comic Sans MS" color="red"><b>tentang aku: </font>
<a href="profilku.html" target="tengah"><font color="Red"><Strike>piidepii</Strike></b></font></a>
</body>
</html>
kanan.html
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<body bgcolor="green">
<font face="Comic Sans MS"color="white"><font size="5">Artikelku
<ol>
<li><a href="tengah.html" target="tengah">
Induksi Elektromagnetik</a></li>
</ol>
</font>
</body>
</html>
kiri.html
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<body bgcolor="green">
<font face="Comic Sans MS" color="white"><font size="5">Tentang Aku
<ol>
<li><a href="profilku.html" target="tengah">
Profil dan Riwayat Pendidikan</a></li>
</ol>
</font>
</body>
</html>
tengah.html
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body background ="hvs.jpg"><font color="red"><b>
<h2 id="Menu"><font color="red" size="10">INDUKSI ELEKTROMAGNETIK </font></h2>
<p>INDUKSI ELEKTROMAGNETIK
<br>Listrik dalam era industri merupakan keperluan yang sangat vital. Dengan adanya transformator, keperluan listrik pada tegangan yang sesuai dapat terpenuhi.
Dahulu untuk membawa listrik diperlukan kuda. Kuda (pada gambar) sedang membawa pembangkit listrik untuk penerangan lapangan ski.
transformator belum ditemukan, berapa ekor kuda yang diperlukan untuk penerangan sebuah kota?
Fenomena pemindahan listrik akan kamu pelajari pada bab ini. Pada bab ini kamu akan mempelajari pemanfaatan kemagnetan dalam produk teknologi.</br>
<p>Kata-Kata Kunci
– arus induksi </br>
– generator </br>
– dinamo </br>
– GGL induksi </br>
– efisiensi transformator </br>
– transformator </br>
– fluks magnetik </br>
– transmisi daya listrik </br>
<p>
<br>
Adakah pusat pembangkit listrik di dekat rumahmu? Pembangkit listrik biasanya terletak jauh dari permukiman penduduk.
Untuk membawa energi listrik, atau lebih dikenal transmisi daya listrik, diperlukan kabel yang sangat panjang. Kabel yang demikian dapat menurunkan tegangan.
Karena itu diperlukan alat yang dapat menaikkan kembali tegangan sesuai keperluan. Pernahkah kamu melihat tabung berwarna biru yang dipasang pada tiang listrik?
Alat tersebut adalah transformator yang berfungsi untuk menaikkan dan menurunkan tegangan. Bagaimanakah cara menaikkan dan menurunkan tegangan listrik?
Untuk memahami hal ini pelajari uraian berikut.
</br>
<p>
<br>
A. GGL INDUKSI
<p>
Pada bab sebelumnya, kamu sudah mengetahui bahwa kelistrikan dapat menghasilkan kemagnetan. Menurutmu, dapatkah kemagnetan menimbulkan kelistrikan?
Kemagnetan dan kelistrikan merupakan dua gejala alam yang prosesnya dapat dibolak-balik. Ketika H.C. Oersted
membuktikan bahwa di sekitar kawat berarus listrik terdapat medan magnet (artinya listrik menimbulkan magnet), para ilmuwan mulai berpikir keterkaitan antara kelistrikan dan kemagnetan.
Tahun 1821 Michael Faraday membuktikan bahwa perubahan medan magnet dapat menimbulkan arus listrik (artinya magnet menimbulkan listrik) melalui eksperimen yang sangat sederhana.
Sebuah magnet yang digerakkan masuk dan keluar pada kumparan dapat menghasilkan arus listrik pada kumparan itu.
Galvanometer merupakan alat yang dapat digunakan untuk mengetahui ada tidaknya arus listrik yang mengalir.
Ketika sebuah magnet yang digerakkan masuk dan keluar pada kumparan (seperti kegiatan di atas), jarum galvanometer menyimpang ke kanan dan ke kiri.
Bergeraknya jarum galvanometer menunjukkan bahwa magnet yang digerakkan keluar dan masuk pada kumparan menimbulkan arus listrik.
Arus listrik bisa terjadi jika pada ujung-ujung kumparan terdapat GGL (gaya gerak listrik).
GGL yang terjadi di ujung-ujung kumparan dinamakan GGL induksi. Arus listrik hanya timbul pada saat magnet bergerak.
Jika magnet diam di dalam kumparan, di ujung kumparan tidak terjadi arus listrik.</br>
<p>
<br>
1. Penyebab Terjadinya GGL Induksi
Ketika kutub utara magnet batang digerakkan masuk ke dalam kumparan,
jumlah garis gaya-gaya magnet yang terdapat di dalam kumparan bertambah banyak.
Bertambahnya jumlah garis- garis gaya ini menimbulkan GGL induksi pada ujung-ujung kumparan.
GGL induksi yang ditimbulkan menyebabkan arus listrik mengalir menggerakkan jarum galvanometer.
Arah arus induksi dapat ditentukan dengan cara memerhatikan arah medan magnet yang ditimbulkannya.
Pada saat magnet masuk, garis gaya dalam kumparan bertambah. Akibatnya medan magnet hasil arus induksi bersifat mengurangi garis gaya itu.
Dengan demikian, ujung kumparan itu merupakan kutub utara sehingga arah arus induksi seperti yang ditunjukkan Gambar 12.1.a (ingat kembali cara menentukan kutub-kutub solenoida).
<img src="1.png"/>
<p>
Ketika kutub utara magnet batang digerakkan keluar dari dalam kumparan, jumlah garis-garis gaya magnet yang terdapat di dalam kumparan berkurang.
Berkurangnya jumlah garis-garis gaya ini juga menimbulkan GGL induksi pada ujung-ujung kumparan.
GGL induksi yang ditimbulkan menyebabkan arus listrik mengalir dan menggerakkan jarum galvanometer.
Sama halnya ketika magnet batang masuk ke kumparan. pada saat magnet keluar garis gaya dalam kumparan berkurang.
Akibatnya medan magnet hasil arus induksi bersifat menambah garis gaya itu. Dengan demikian, ujung, kumparan itu merupakan kutub selatan, sehingga arah arus induksi seperti yang ditunjukkan
Gambar 12.1.b. Ketika kutub utara magnet batang diam di dalam kumparan, jumlah garis-garis gaya magnet di dalam kumparan tidak terjadi perubahan (tetap).
Karena jumlah garis-garis gaya tetap, maka pada ujung-ujung kumparan tidak terjadi GGL induksi.
Akibatnya, tidak terjadi arus listrik dan jarum galvanometer tidak bergerak.
Jadi, GGL induksi dapat terjadi pada kedua ujung kumparan jika di dalam kumparan terjadi perubahan jumlah garis-garis gaya magnet (fluks magnetik).
GGL yang timbul akibat adanya perubahan jumlah garis-garis gaya magnet dalam kumparan disebut GGL induksi.
Arus listrik yang ditimbulkan GGL induksi disebut arus induksi. Peristiwa timbulnya GGL induksi dan arus
induksi akibat adanya perubahan jumlah garis-garis gaya magnet disebut induksi elektromagnetik.
Coba sebutkan bagaimana cara memperlakukan magnet dan kumparan agar timbul GGL induksi?</br>
<p>
<br>
2. Faktor yang Memengaruhi Besar GGL Induksi Sebenarnya besar kecil GGL induksi dapat dilihat pada besar kecilnya penyimpangan sudut jarum galvanometer.
Jika sudut penyimpangan jarum galvanometer besar, GGL induksi dan arus induksi yang dihasilkan besar.
Bagaimanakah cara memperbesar GGL induksi? Ada tiga faktor yang memengaruhi GGL induksi, yaitu :
a. kecepatan gerakan magnet atau kecepatan perubahan jumlah garis-garis gaya magnet (fluks magnetik),
b. jumlah lilitan, c. medan magnet</br>
<p>
<p>
<br><a href="#Menu">menu utama</a></dd>
</b></font></body>
</html>
profilku.html
<head>
</head>
<body background="Airport_in_Blue.png" width="40">
<h1 align="left"><font face="Segoe Print" color=red size="100">About Me</font></h1>
<hr color="black">
<b><font face="Comic Sans MS" size="6">
<marquee>Tak Kenal Maka Tak Sayang ^.^</marquee>
</font></b>
<hr color="red">
<br>
<b><font face="Berlin Sans FB" size="6">BIODATA</font></b>
<hr color="black">
<img src="IMG00610-20101126-0831.jpg" width="200" height="300">
<font face="Berlin Sans FB" size="3">
<table border=0 cellspacing=0 cellpadding=5>
<!-- Baris data pertama -->
<tr>
<td>Nama</td>
<td>:</td>
<td>Putri Aisyiyah Rakhma Devi</td>
</tr>
<!-- Baris data kedua -->
<tr>
<td>Tempat, tanggal lahir</td>
<td>:</td>
<td>Gresik, 26 Desember 1990</td>
</tr>
<!-- Baris data ketiga -->
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td>Perempuan</td>
</tr>
<!-- Baris data keempat -->
<tr>
<td>Alamat Asal</td>
<td>:</td>
<td>Jl. Sindujoyo No.35 Gresik, Kecamatan Gresik,</td>
</tr>
<!-- Baris data kelima -->
<tr>
<td></td>
<td></td>
<td>Kabupaten Gresik, Jawa Timur</td>
</tr>
<!-- Baris data keenam -->
<tr>
<td>Agama</td>
<td>:</td>
<td>Islam</td>
</tr>
</table>
</font>
<br>
<p><hr color="black">
<b><font face="Berlin Sans FB" size="6">
RIWAYAT PENDIDIKAN</font></b>
<hr color="black"></p>
<font face="Berlin Sans FB" size="3">
<table border=2 align="left" cellspacing=0 cellpadding=5>
<tr>
<!-- Mengatur lebar kolom -->
<th width="80">JENJANG</th>
<th width="500">NAMA</th>
<th width="100">TAHUN MASUK</th>
<th width="100">TAHUN KELUAR</th>
</tr>
<!-- Baris data pertama -->
<tr>
<td>SD</td>
<td>SD Muhammdiyah 1 Gresik</td>
<td>1997</td>
<td>2003</td>
</tr>
<!-- Baris data kedua -->
<tr>
<td>SMP</td>
<td>SMP Negeri 2 Gresik</td>
<td>2003</td>
<td>2006</td>
</tr>
<!-- Baris data ketiga -->
<tr>
<td>SMA</td>
<td>SMA Negeri 1 Gresik</td>
<td>2006</td>
<td>2009</td>
</tr>
<!-- Baris data kedua -->
<tr>
<td>Sarjana</td>
<td>S1 Pendidikan Teknik Informatika
Teknik Elektro Fakultas Teknik Universitas Negeri Malang </td>
<td>2009</td>
<td></td>
</tr>
</table>
</font>
</body>
</html>
screen shot
Langganan:
Komentar (Atom)




