Minggu, 06 Maret 2011

Ice Circle

Apabila kamu melihat sebuah lingkaran aneh di permukaan sungai, jangan terburu-buru menyimpulkan bahwa UFO baru saja mendarat di sungai tersebut. Mungkin apa yang kamu lihat adalah Ice Circle yang baru saja terbentuk.

Ice Circle atau lingkaran es adalah sebuah fenomena yang muncul pada air yang memiliki arus lambat di iklim dingin. Bentuknya menyerupai piringan raksasa yang terdiri dari es dan berotasi secara lambat di permukaan air.

Misteri ini sesungguhnya sudah pernah disinggung pada abad ke-19. Sebuah gambar ilustrasi dari Ice Circle pernah dipublikasikan di majalah Scientific American pada tahun 1895. London News juga pernah melaporkan fenomena ini yang terjadi di Toronto tahun 1930.

Umumnya fenomena ini muncul di Skandinavia dan Amerika Utara, namun pernah satu kali terlihat di Inggris pada Januari 2009.

Ice Circle umumnya muncul pada kelokan sungai dimana arus air yang berakselerasi menciptakan sebuah kekuatan yang disebut "rotational shear", yang kemudian mematahkan bongkahan es dan memutarnya.
Sejalan dengan perputaran piringan itu, ia menggiling es di sekelilingnya sehingga menjadi halus dan membentuk lingkaran sempurna. Fenomena ini walaupun sudah teridentifikasi penyebabnya, namun tetap merupakan kejadian yang langka

SUMBER: http://argakencana.blogspot.com/2010/03/mengungkap-fenomena-ice-circle.html

Makhluk - makhluk Mitologi

10. Giant
Giant atau raksasa digambarkan sebagai monster yang mempunyai kekuatan luar biasa dan ukuran lebih besar dari manusia. Mereka muncul di Alkitab (dalam cerita Raja David dan Goliath). Dalam mitologi mereka seringkali digambarkan mempunyai konflik dengan dewa-dewa dan biasanya dihubung-hubungkan dengan kekacauan dan alam bebas. Mereka muncul sama awalnya dengan kebudayaan Yunani kuno dimana mereka dikenal dengan nama gigantes, makhluk yang lahir dari Gaia yang dibuahi dengan darah Uranus ketika dia dikebiri.

9. Banshee
Banshee berasal dari mitologi Irlandia dan biasanya dikenal sebagai roh wanita. Mereka dianggap sebagai malaikat kematian dan diyakini berasal dari dunia lain. Mereka biasanya dikenal sebagai bagian dari penyembahan berhala agama Celtic kuno dimana mereka adalah bawahan Tuhan. Roh, atau nenek moyang. Di Inggris mereka dikenal sebagai peri. Berdasarkan legenda, banshee akan berkeluyuran diluar rumah sambil meraung-raung jika seseorang didalam rumah itu akan meninggal.

8. Gorgon
Gorgon adalah wanita jahat dengan gigi taring dan ular hidup sebagai pengganti rambutnya. Legenda mengatakan jika orang melihat muka Gorgon maka akan berubah menjadi batu. Kemungkinan Gorgon yang paling terkenal adalah Medusa yang merupakan satu-satunya wanita yang paling besar diantara 3 bersaudara (yang lain adalah Stheno dan Euryale). Karena Medusa besar sekali, Perseus hanya bisa membunuhnya dengan memotong kepalanya selagi ia melihat bayangannya sendiri di perisai Perseus. Gambaran Gorgon digunakan Yunani untuk menggambarkan kejahatan.


7. Mermaid
Mermaid (atau Merman untuk laki-laki) telah dibicarakan sejak 5000 SM. Bahkan Christopher Columbus mengatakan pernah melihatnya dalam perjalanannya. Dalam cerita dongeng Inggris mereka dianggap sebagai peringatan akan kutukan atau bencana.

6. Cyclops
Cyclops adalah anggota dari ras manusia purba raksasa, yang mempunyai satu mata ditengah-tengah dahinya. Cyclops digambarkan sebagai Homer dan Hesiod. Berdasarkan pada Hesiod, Cyclops yang bernama Brontes, Steropes, dan Arges adalah anak-anak dari Uranus (langit) dan Gaia (bumi), sedangkan berdasarkan pada Homer kata Cyclops menuju pada anak laki-laki Poseidon dan Thoosa yang bernama Polyphemus yang adalah Cyclops.

5. Minotaur
Pada mitologi Yunani, Minotaur mempunyai badan bagian atas banteng dan badan bagian bawah manusia. Dikatakan Minotaur hidup ditengah-tengah labirin dengan jalanan besar yang rumit seperti konstruksi bangunan Raja Minos dari Crete. Didesain oleh Daedalus dan diketahui berada di situs Knossos. Minotaur terlihat singkat pada adegan Satyricon oleh Petronius. Dan dibunuh oleh Theseus.

4. Satyr
Satyr aslinya terlihat sebagai teman kambing-kambing dewa di masyarakat kuno Yunani. Gambaran pertama satyrs adalah laki-laki normal, walaupun sering terlihat dengan kemaluan yang sedang ereksi. Lalu digabungkan dengan mitologi Roma dimana mulai digambarkan sebagai setengah manusia (bagian atas) dan setengah kambing (bagian bawah). Satyr digambarkan sebagai makhluk yang nakal, merusak dan berbahaya, pemalu dan pengecut. Pada masa lampau sering mereka digambarkan mempunyai tanduk dikepala, dan yang muda terlihat mempunyai banyak masalah.

3. Unicorn
Unicorn biasanya digambarkan sebagai kuda dengan tanduk yang panjang dikepalanya, tetapi aslinya mempunyai jenggot seperti kambing, ekor singa, dan kuku yang membelah. Unicorn adalah satu-satunya makhluk legenda yang tidak menakuti manusia, dan biasanya digambarkan sebagai makhluk yang halus. Diceritakan sangat tidak mungkin untuk menangkap unicorn. Tanduknya dikatakan dapat menetralkan racun. Unicorn pertama kali diketahui ketika masa peradaban lembah Indus (3300-1700SM).


2. Phoenix
Phoenix adalah burung api mitologi dari Mesir kuno dimana digambarkan sebagai burung yang mati oleh api dan dilahirkan kembali dari api. Biasanya digambarkan mempunyai bulu emas dan merah. Pada akhir kehidupannya, Phoenix diceritakan membangun sarang dari ranting kayu manis dimana kemudian terbakar. Burung musnah oleh api tapi kemudian Phoenix baru yang masih muda muncul dari api yang sama. Diyakini masa hidup Phoenix adalah 500-1461 tahun. Airmata Phoenix diyakini bisa menyembuhkan luka.

1. Griffin (Gryphon)
Griffin biasanya dikarakteristikan sebagai singa dengan kepala dan sayap elang. Diyakini sebagai makhluk yang sangat kuat karena singa sebagai raja dari binatang dan elang adalah raja dari burung. Pada jaman kuno, dianggap sebagai pelindung Tuhan. Makhluk ini terlihat pada saat peradaban Minoan (2700-1450 SM).

Tugas Praktikum Modul 5 : Membuat Aplikasi Form Pemesanan

Berikut ini adalah tags HTML untuk membuat aplikasi form pemesanan berbasis javascript :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Warung Makan "LEBAY"</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
function hitungPesan(){
var harga = document.form2;
var hargaBakso = 12000 * eval(harga.vBakso.value);
var hargaSoto = 10000 * eval(harga.vSoto.value);
var hargaMie = 15000 * eval(harga.vMie.value);
var hargaDegan = 5000 * eval(harga.vDegan.value);
var hargaCampur = 7000 * eval(harga.vCampur.value);
var jumlahTotal = hargaBakso + hargaSoto + hargaMie + hargaDegan + hargaCampur;
if (jumlahTotal > 50000){
harga.Total.value = jumlahTotal;
harga.Diskon.value = 10000;
harga.Bayar.value = jumlahTotal - eval(harga.Diskon.value);
} else {
harga.Total.value = jumlahTotal;
harga.Diskon.value = 0;
harga.Bayar.value = jumlahTotal - eval(harga.Diskon.value);
}
}
function resetForm(){
document.form2.reset();
}
//-->
</script><h3>Form Pemesanan Berbasis JavaScript</h3>


<form name="form2" action="#">
<table border="1px">
<tr bgcolor="lightgreen">
<th>No</th>
<th>Makanan/Minuman</th>
<th>Harga</th>
<th>Pesan</th>
</tr>
<tr bgcolor="aqua">
<td>1</td>
<td>Bakso Istimewa</td>
<td>@ <input id="n123" type="text" name="bakso" value="12000" size="n6" disabled="true"/></td>
<td><input type="text" name="vBakso" size="n14" value="0" onChange="hitungPesan()"/></td>
</tr>
<tr bgcolor="aqua">
<td>2</td>
<td>Soto Spesial</td>
<td>@ <input type="text" name="soto" value="10000" size="6" disabled="true"/></td>
<td><input type="text" name="vSoto" size="14" value="0" onChange="hitungPesan()"/></td>
</tr>
<tr bgcolor="aqua">
<td>3</td>
<td>Mie Ayam Super</td>
<td>@ <input type="text" name="mie" value="15000" size="6" disabled="true"/></td>
<td><input type="text" name="vMie" size="14" value="0" onChange="hitungPesan()"/></td>
</tr>
<tr bgcolor="aqua">
<td>4</td>
<td>Es Degan</td>
<td>@ <input type="text" name="degan" value="5000" size="6" disabled="true"/></td>
<td><input type="text" name="vDegan" size="14" value="0" onChange="hitungPesan()"/></td>
</tr>
<tr bgcolor="aqua">
<td>5</td>
<td>Es Campur</td>
<td>@ <input type="text" name="campur" value="7000" size="6" disabled="true"/></td>
<td><input type="text" name="vCampur" size="14" value="0" onChange="hitungPesan()"/></td>
</tr>
<tr bgcolor="#9933ff">
<td colspan="3" align="right">Jumlah Total</td>
<td>Rp.<input type="text" name="Total" size="10" disabled="true" /></td>
</tr>
<tr bgcolor="#9933ff">
<td colspan="3" align="right">Diskon</td>
<td>Rp.<input type="text" name="Diskon" size="10" disabled="true" /></td>
</tr>
<tr bgcolor="#9933ff">
<td colspan="3" align="right">Jumlah Dibayar</td>
<td>Rp.<input type="text" name="Bayar" disabled="true" size="10" align="right"/></td>
</tr>
</table><br/>
<input type="button" value="BATAL" onClick="resetForm()" />
</form>
</body>
</html>


Dan berikut adalah screenshot-nya :

Studi Kasus Modul 5 : Membuat Aplikasi Kalkulator Sederhana

Berikut ini adalah tags HTML untuk membuat aplikasi kalkulator sederhana berbasis javascript :

<!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" lang="en">


<head>
<title>Kalkulator Sederhana</title>
<h3>Kalkulator Sederhana Berbasis Javascript</h3>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
function hitung(){
var x=eval(document.form1.x.value);
var y=eval(document.form1.y.value);
var pilih= document.form1.opt.value;
if (pilih == "tambah") {
var z = x + y;
}else if (pilih == "kurang") {
var z = x - y;
} else if (pilih == "kali") {
var z = x * y;
} else if (pilih == "bagi") {
var z = x / y;
}
document.form1.hasil.value = z;
}
function resetForm(){
document.form1.reset();
}
//-->
</script>


<form name="form1" action="#">
<input type="text" name="x" />
<select name="opt">
<option value="tambah"> + </option>
<option value="kurang"> - </option>
<option value="kali"> * </option>
<option value="bagi"> / </option>
</select>
<input type="text" name="y" />
<input type="button" value="=" onClick="hitung()" />
<input type="text" name="hasil" disabled="true" /><br/>
<input type="button" value="CLEAR" onClick="resetForm()" />
</form>


</body>
</html>


Dan berikut adalah screenshot-nya :

Minggu, 27 Februari 2011

Tugas Praktikum Modul 4 : Membuat Desain Web

Berikut adalah tags HTML untuk membuat desain web :


    <!DOCTYPE html> 
    <html lang="en"> 
    <head> 
    <title>Teknik Elektro</title> 
    <link rel="icon" href="garaa.ico"> 
    <style type="text/css"> 
    <!-- 
    body, header, footer, nav, section{ 
    width : 1000px; 
    float : left; 
    } 
     
    header, footer, nav, section{ 
    padding : 5px; 
    } 
     
    header{ 
    font-size : 30px; 
    font-weight : bold; 
    height : 110px; 
    background-image: url(bg.png); 
    } 
     
    header div.logo, header div.title{ 
    float : left; 
    margin-left: 60px; 
    } 
     
    header div.title{ 
    width : 400px; 
    margin-top : 20px; 
    color : blue; 
    margin-left: 30px; 
    text-align : center; 
    } 
     
    nav{ 
    background-color : rgb(3, 157, 255); 
    } 
    nav div.search{ 
    float : left; 
    color : white; 
    } 
     
    nav div.menu{ 
    float : right; 
    } 
     
    nav div.menu div#submenu, nav div.menu div#submenu-kiri{ 
    float : left; 
border-radius : 30px; 
    padding : 3px; 
    background-color : #3366CC; 
    border : 1px solid brown; 
    width: 100px; 
    text-align : center; 
    } 
     
    nav div.menu div#submenu:hover, nav div.menu div#submenu-kiri:hover{ 
    color : blue; 
    background-color : white; 
    text-align : center; 
    } 
     
    nav div.menu div#submenu-kiri{ 
    border-radius : 30px; 
    padding : 3px; 
       text-align : center; 
    } 
     
    section{ 
    background-color: grey;
    } 
     
    article, aside{ 
    float : left; 
    } 
     
    article{ 
    width : 710px; 
    } 
     
    article div.profil, article div.info{ 
    padding : 5px; 
    } 
     
    article div.profil{ 
    background-color : rgba(255, 255, 255, 0.8); 
    height : 200px; 
    } 
     
    article div.info{ 
    background-color : #3366CC; 
    height : 150px; 
    } 
     
    aside{ 
    margin-right : 10px; 
    width : 275px; 
    } 
     
    footer{ 
    text-align : center; 
    font-size : small; 
    font-weight : bold; 
    color : black; 
    height : 30px; 
    background-image : url(bg.png); 
    background-position : bottom center; 
    } 
    -->  
    </style> 
    </head> 
    <body> 
    <header> 
    <div class="logo"> 
    <img width = "100" height= "100" src="um.png"> 
    </div> 
    <div class="title">TEKNIK ELEKTRO </div> 
    </header> 
    <nav> 
    <div class="search"> 
    <label>Search</label> 
    <input type="text" maxlength="20"> 
    </div> 
    <div class="menu"> 
    <div id="submenu-kiri">Home</div> 
    <div id="submenu">About Me</div> 
    <div id="submenu">Documents</div> 
    <div id="submenu">Software</div> 
    <div id="submenu">Games</div> 
    </div> 
    </nav> 
    <section> 
    <aside> 
    <img width="280" height="370" src="hitsugaya.jpeg"> 
    </aside> 
    <article> 
    <div class="profil">
      <p align="justify">Toushirou hitsugaya (&#26085;&#30058;&#35895; &#20908;&#29509;&#37070;, Hitsugaya Toushirou) adalah karakter fiksi dalam seri anime dan manga Bleach karya Tite Kubo. Dia adalah Kapten Divisi 10 dalam Gotei 13. Wakil kaptennya adalah Rangiku Matsumoto. Hitsugaya adalah karakter utama dalam film Bleach The Movie 2: The Diamond Dust Rebellion.<br>
      Toushirou terpilih menjadi karakter BLEACH paling populer dalam jajak pendapat Shonen Jump terakhir, menggantikan Ichigo Kurosaki yang sebelumnya menempati peringkat itu. Dia menerima 8273 suara, 383 suara lebih banyak daripada Rukia Kuchiki yang sebelumnya menempati peringkat kedua.</p>
      <p align="justify"><i>Sumber : http://id.wikipedia.org/wiki/Toushirou_Hitsugaya</i><br>
      </p>
    </div> 
    <div class="info"> 
        <font size="5" color="red"><b>Daftar isi  :</b></font> 
        <ul> 
            <li>Ciri-ciri</li> 
            <li>Sifat dan perwatakan </li> 
            <li>Masa kecil </li> 
            <li>Hyorinmaru</li> 
     
    </ul> 
    </div> 
    </article> 
    </section> 
    <footer> 
    |    Home | About Me | Documents | Software | Games    | 
     
    UM &copy 2011 Umam Almuqtashid
    </footer> 
    </body> 
    </html> 


Berikut adalah screenshotnya :

Studi Kasus Modul 4 : Membuat Layout

Berikut ini adalah tags style CSS untuk membuat desain layout HTML5 :


    body {  
    margin: 10px auto;  
    width: 1200px;  
    }  
    header,nav,section,footer{ 
    display:block; 
    border:3px solid blue; 
     } 
     
    header{ 
    height:100px; 
    } 
     
    nav{ 
    padding : 5px; 
    height:20px;  
    } 
     
    section{ 
    height:500px; 
    } 
     
    article{ 
    float:left; 
    margin-top:20px; 
    margin-right: 20x; 
    margin-left: 20px; 
    width: 600px; 
    height:450px; 
    border:1px dashed black; 
    } 
     
    aside{ 
    float:left; 
    margin-top:20px; 
    margin-right:20x; 
    margin-left:40px; 
    width: 520px; 
    height:450px; 
    border: 1px dashed black; 
    } 
     
    button{ 
    margin-right:20px; 
    border: 1px solid #000; 
    border-radius: 50px; 
    -moz-border-radius: 50px; 
    background-color : aqua; 
    color : black; 
    float:right; 
    } 
     
    footer{ 
    clear:both; 
    height:30px; 
    } 

Dan untuk script HTMLnya sebagai berikut :
    <!DOCTYPE HTML> 
    <html lang="en"> 
    <head> 
    <title>Desain Layout HTML5</title> 
    <link rel="stylesheet" href="study-kasus4.css" type="text/css" /> 
    </head> 
    <body> 
    <header> 
    HEADER 
    </header> 
    <nav> 
    NAV BAR 
    <button style="submit"><b>News</b></button> 
    <button style="submit"><b>Email</b></button> 
    <button style="submit"><b>About me</b></button> 
    <button style="submit"><b>Home</b></button> 
    </nav> 
    <section> 
    <article> 
    ARTICLE 
    </article> 
    <aside> 
    ASIDE 
    </aside> 
    SECTION 
    </section> 
    <footer> 
    FOOTER 
    </footer> 
    </body> 
    </html> 


Berikut adalah screenshotnya :

Tugas Praktikum Modul 3 : FACE-MU

Berikut ini adalah tags style CSS untuk membuat desain tampilan FACE-MU :


  .box1 {  
  float: right;  
  padding: 5px;  
  height: 100px;  
  } 
  .box2 {  
  float: right;  
  padding: 5px;  
  height: 100px;  
  } 
  #header{ 
  height: 80px; 
  background: blue; 
  } 
  #logo{ 
  float: left; 
  padding-left: 100px; 
  padding-top: 20px; 
  } 
 
  .box3 { 
  } 
  .box4 { 
  width: 1300px;  
  height: 18px;  
  background: #866BF1; 
  text-align:left;  
  font-size:8px; 
  color:blue 
  } 
  #pengantar { 
   float: left; 
   } 
  #map { 
   float: left; 
   width: 780px; 
   height: 380px; 
   } 
  #mainmap{ 
   width: 300px; 
   height: 200px; 
   padding: 50px; 
   color: #866BF1; 
    
   } 
  #daftar { 
   float: left; 
   padding: 5px; 
   width: 370px; 
   height: 380px; 
   color: #866BF1; 
    } 
    #bottom { 
   clear: both; 
   height: 30px; 
   background: #866BF1; 
   font-size:6px; 
   color: #bde0e6; 
    } 
    #footer { 
    float:left; 
    clear: both; 
    width: 1350px; 
    height: 20px; 
    background:blue; 
    margin :22px 0; 
    }  

Dan untuk script HTML-nya sebagai berikut :

<!DOCTYPE html>
<html lang="en">
<head>
<title>Selamat Datang di FACE-MU</title>
<link rel="stylesheet" href="fm.css" type=text/css />
<link rel ="shortcut icon" href="icon.png">

<style type="text/css">
<!--
.style6 {color: #866BF1}
.style9 {
    font-size: 24px;
    font-weight: bold;
}
.style12 {color: #FFFFFF}
-->
</style>
</head>
<body background="bg2.jpg">
<div id="logo">
<img width="180"src="facemu.png"></div>

<div id="header">
<div class="box2">
 <br><input type="button" value="Login">  
</div>

 <div class="box1">
   Password :
     <br> <input type="text" size="25">
    <br> Lupa kata sandi anda ? </div>

 <div class="box1">
   Email
     <br><input type="text" size="25">
      <br><input name="checkbox" type="checkbox">
     Biarkan saya tetap masuk  </div>
</div>
<form>
 <div id="pengantar">
 <div id="map">
 <div id="mainmap">
 <font size="4">Face-mu membantu Anda terhubung dan berbagi 
 dengan orang-orang dalam kehidupan Anda di Indonesia </font>
 <img src="indo.png"> </div>
 </div>
  </div>
</form>
  <div id="daftar">
    <p class="style6"><span class="style9">Mendaftar</span>  
    <br>Gratis, sampai kapanpun  </p>
    <hr style="color: blue">
<form> 
 <table>
  <tr><td>Nama Depan :</td><td><input type="text" size="35"></td></tr>
  <tr><td>Nama Belakang :</td><td><input type="text" size="35"></td></tr>
  <tr><td>Email Anda :</td><td><input type="text" size="35"></td></tr>
  <tr><td>Masukkan Ulang Email :</td><td><input type="text" size="35"></td></tr>
  <tr><td>Kata Sandi Baru :</td><td><input type="text" size="35"></td></tr>
  <tr><td>Saya Seorang :</td><td>
  <select name="kelamin">
   <option value="pria" selected>Pria
    <option value="wanita">Wanita
     </select></td></tr>
    <tr><td>Tanggal Lahir :</td><td>
  <select name="tgl">
   <option value="01" selected>01
     </select>
  <select name="bln">
   <option value="Agustus" selected>Agustus
   </select>
     <select name="thn">
   <option value="1979" selected>1979
     </select></td></tr>
  </table>
</form>
 
<center> <input type="button" value="Mendaftar" background="blue"> </center>
</div>
 
<div id="footer">
  <div align="left" class="style12">    Face-mu &copy;     2011 Umam Almuqtashid </div>
</div>
</body>
</html> 


Dan gambar di bawah ini adalah screenshotnya :

 

time2life © 2008 . Design By: SkinCorner