UTS WEB

coba.java


function cekSubmit(form)
{

if (form.elements[0].value == "" || form.elements[1].value == "" ||form.elements[2].value == "" || form.elements[3].value == "" ||form.elements[4].value == "" )

{alert("Isi semua data telebih dahulu");
} else {
alert("terima kasih " );
}
return(true);
}


sign up . html


<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Sign Up Session</title>
       <script language="JavaScript"type="text/javascript" src="coba.js"></script>
    </head>
    <body>
               <h2>::Sign Up Form::</h2>
            <form name="calc" action="#">
                Nama :
                <br>
                <input type="text" size="25" name="input1">
                <br>
                Email:
                <br>
                <input type="text" size="25" name="input2">
                <br>
                Alamat:
                <br>
                <input type="text" size="25" name="input3">
                <br>
                Kota:
                <br>
                <input type="text" size="25" name="input4">
                <br>
                Kode Pos:
                <br>
                <input type="text" size="25" name="input5">
                <br><br>
                <input type="submit" value="Process" onClick = "cekSubmit(this.form)"><br>
            </form>
          </body>
</html>

Sign Up Session

Hasil
















































Tugas rumah modul 5

Style.css


body, header, section, footer{
    width : 500px;
}

header{
    padding-top : 10px;
    height : 75px;
}

.title{
    width : 450px;
    font-style : italic;
    background-color : rgba(255, 255, 255, 0.4);
    border-bottom-right-radius : 30px;
    border-top-left-radius : 30px;
}

section{
    text-align : left;
}
footer{
    color : white;
    font-size : small;
    height : 20px;
    padding-top : 5px;
    padding-bottom : 5px;
}




Pesan.Js

function Harto(){
    var harga;
    var pesen;
    var total = 0;
  
    for(i = 0; i < 10; i += 2){
        harga = parseInt(document.pesan[i].value);
        pesen = parseInt(document.pesan[i + 1].value);
      
        if(pesen > 0){
            total = total + (harga * pesen);
        }
      
        document.pesan.total.value = total;
    }
}

function diskon(){
    var total = parseInt(document.pesan.total.value);
    var diskon = 0;
  
    if(total >= 100000){
        diskon = 20 / 100 * total;
    }
    else if(total >= 50000){
        diskon = 10 / 100 * total;
    }
    else if(total >= 25000){
        diskon = 5 / 100 * total;
    }
  
    document.pesan.diskon.value = diskon;
}

function jumlah(){
    var total = parseInt(document.pesan.total.value);
    var diskon = parseInt(document.pesan.diskon.value);
    var bayar = total - diskon;
  
    document.pesan.bayar.value = bayar;
}

function Hitung(){
    Harto();
    diskon();
    jumlah();
}

function kosong(){
    var elemen = document.pesan;
  
    elemen.pesan1.value = "";
    elemen.pesan2.value = "";
    elemen.pesan3.value = "";
    elemen.pesan4.value = "";
    elemen.pesan5.value = "";
    elemen.total.value = "";
    elemen.diskon.value = "";
    elemen.bayar.value = "";
}




Form Pemsanan.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Tugas Praktikum Mod.5</title>
        <script language="JavaScript" type="text/javascript" src="pesan.js"></script>
        <link rel="stylesheet" type="text/css" href="STYLE.css"/>
    </head>
    <body>
    <center>
        <header>
            <div class="title"><h3>Form Pemesanan</h3></div>
        </header>
        <section>
            <form name="pesan" action="#">
                <table border="1">
                    <tr>
                        <th>No</th>
                        <th>Makanan / Minuman</th>
                        <th>Harga</th>
                        <th>Pesan</th>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>Bakso Istimewa</td>
                        <td>@<input type="text" name="harga1" value="12000" onchange="Hitung()"/></td>
                        <td><input type="text" name="pesan1" onchange="Hitung()"/></td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>Soto Spesial</td>
                        <td>@<input type="text" name="harga2" value="10000" onchange="Hitung()"/></td>
                        <td><input type="text" name="pesan2" onchange="Hitung()"/></td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>Mie Ayam Super</td>
                        <td>@<input type="text" name="harga3" value="15000" onchange="Hitung()"/></td>
                        <td><input type="text" name="pesan3" onchange="Hitung()"/></td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td>Es Degan</td>
                        <td>@<input type="text" name="harga4" value="5000" onchange="Hitung()"/></td>
                        <td><input type="text" name="pesan4" onchange="Hitung()"/></td>
                    </tr>
                    <tr>
                        <td>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">Jumlah Total</td>
                        <td><input type="text" name="total" readonly /></td>
                    </tr>
                    <tr>
                        <td colspan="3" align="right">Diskon</td>
                        <td><input type="text" name="diskon" readonly /></td>
                    </tr>
                    <tr>
                        <td colspan="3" align="right">Jumlah Dibayar</td>
                        <td><input type="text" name="bayar" readonly /></td>
                    </tr>
                </table>
                <br>
                <input type="button" name="batal" value="Batal" onclick="kosong()"/>
            </form>
        </section>
    </center>
    </body>
</html>


Hasil 



































saat tombol batal di klik


Tugas Praktikum

 Itung.Js

function itung(){
    var komponen = document.calc;
    var bil1 = parseInt(komponen.bil1.value);
    var bil2 = parseInt(komponen.bil2.value);  
    var op = komponen.op.value;
    var hasil;
  
    if(op == "add"){
        hasil = bil1 + bil2;
    }
    else if(op == "sub"){
        hasil = bil1 - bil2;
    }
    else if(op == "mpy"){
        hasil = bil1 * bil2;
    }
    else{
        hasil = bil1 / bil2;
    }
  
    komponen.hasil.value = hasil;
}

Kalkulator.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Kalkulator</title>
        <script language="JavaScript" type="text/javascript" src="itung.js"></script>
    </head>
    <body bgcolor="gray">
    <center>
    <h3>Tugas Praktikum</h3>
    <form name="calc" action="#">
   <input type="text" size="5" name="bil1">
    <select name="op">
    <option value="add">+</option>
   <option value="sub">-</option>
   <option value="mpy">x</option>
   <option value="div">/</option>
   </select>
   <input type="text" size="5" name="bil2">
   <input type="button" value="=" onclick="itung()"/>
   <input type="text" size="10" name="hasil" readonly>
   </form>
  </center>
  </body>
</html>

Hasil







Tugas Rumah praktikum WEB modul 4

MyStyle Css.
body {
margin: 5px auto;
width: 1330px;
}
header{
height:70px;
/*border-top: 1px solid green;
border-right: 1px solid green;
border-left: 1px solid green;
border-bottom: 1px solid blue;*/
background-color:Black;
}
nav {
height:40px;
border-right: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black;
background-color:Red;
}
#navsearch {
float:left;
width:80px;
height:20px;
margin-top:5px;
margin-left:50px;
}
#navformsearch {
float:left;
margin-left:2px;
width:160px;
height:20px;
border:2px solid black;
margin-top:3px;
background-color:white;
}
#home {
float:right;
width:100px;
height:20px;
margin-right:400px;
border:1px solid black;
margin:2px;
text-align:center;
background-color:##e1d119;
}
#info {
float:right;
width:100px;
height:20px;
margin-right:400px;
border:1px solid black;
margin:2px;
text-align:center;
background-color:##e1d119;
}
#AboutUs{
float:right;
width:80px;
height:20px;
margin-right:400px;
border:1px solid black;
margin:2px;
text-align:center;
background-color:##e1d119;
}
#Download{
float:right;
width:100px;
height:20px;
margin-right:400px;
border:1px solid black;
margin:2px;
text-align:center;
background-color:##e1d119;
}
article {
/*margin:35px;*/
float:left;
width:292px;
height:492px;
background-image:url(Aku.png);
border:2px solid RED;
}
aside {
height:400px;
width:1018px;
float:left;
border: none;
/*margin-right:35px;
margin-top:35px;
margin-bottom:35px;*/}
#event {
height:95px;
width:1018px;
float:left;
border:none;
background-color:red;
/*margin-right:1px;
*/
}
footer{
height:30px;
border:1px solid #000000;
padding-left:500px;
background-image:url(footer.png)
#bawah {
float:left;
width:500px;
height:20px;
padding-left:100px;
border:1px solid white;
margin:2px;
text-align:center;
background-color:#ffffff;
}
}
a.html
<!doctype HTML>
<html lang="en">
<head>
<title>IMAGINE</title>
<link rel="stylesheet" href="mystyle.css" type= "text/css" />
<link rel="icon" href="ico.ico" type="image/x-icon" />
</head>
<body>
<header>
<h1><font face=courier new><font color=RED>Semua Tentang Apa Yang Anda Pikirkan</font></h1>
</header>
<nav><div id="navsearch">
<b>Search</b>
</div>
<div id="navformsearch">
</div>
<div id="Download">
<a href="Download.html"><font color=White>Download</font></a></div>
<div id="AboutUs">
<a href="AboutUs.html"><font color=White>AboutUs</font></a></div>
<div id="info">
<a href="info.html"><font color=White>info</font></a></div>
<div id="home">
<a href="home.html"><font color=White>Home</font></a></div>
</nav>
<section><div id="foto">
<article>
</article>
<aside>
<font face=courier new size=1>
<br><br>
Imagine there's no countries
<br>It isn't hard to do
<br>Nothing to kill or die for
<br>And no religion too
<br>Imagine all the people
<br>Living life in peace
<br>You may say that I'm a dreamer
<br>But I'm not the only one
<br>I hope someday you'll join us
<br>And the world will be as one
<br>Imagine no possessions
<br>I wonder if you can
<br>No need for greed or hunger
<br>A brotherhood of man
<br>Imagine all the people
<br>Sharing all the world
</font>
</aside>
</div>
<div id="event">
<b>Halaman Lain</b>
<font face=calibri color=#ffffff>
<ul>
<li><b><a href="sejarah.html"><font color= black>Sejarah Html</font></a></b>
<li><b><a href="Pembaca.html"><font color= black>Pembaca</font></a></b>
<li><b><a href="Tutorial.html"><font color= black>Tutorial Html 5</font></a></b>
</ul>
</font>
</div>
</section>
<footer>
<div id="bawah">
<a href="home.html">Home</a> | <a href="Info.html">Info</a> | <a href="AboutUs.html">AboutUs</a> | <a href="Download.html">Download</a>
</div>
</footer>
</body>
</html>

Hasil Tampilan

 

Tugas Praktikum WEB modul 4

STUDI KASUS

<!DOCTYPE HTML>
<html lang="en">
<head>
<title&gtSECTION</title>
<link rel="stylesheet" href="mystyle.css" type= "text/css" />
</head>

<body>
<header>
header
</header>

<nav>
nav
</nav>

<section><div id="tengah">
<article&gtarticle</article>
<aside&gtaside</aside>
</div>
</section>

<footer&gtfooter</footer>
</body>
</html>

CSS

body {
margin: 5px;
width: 1300px;
}
header{
height:60px;
border-top: 1px solid green;
border-right: 1px solid green;
border-left: 1px solid green;
border-bottom: 1px solid blue;
}
nav {
height:30px;
border-right: 1px solid yellow;
border-left: 1px solid yellow;
border-bottom: 1px solid blue;
}
#tengah {
width:1300px;}
section {
height:500px;
border-top: 1px solid green;
border-right: 1px solid red;
border-left: 1px solid red;
border-bottom: 1px solid red;
}
article {
margin:20px;
float:left;
border: 1px dashed red;
width:950px;
height:450px;
}
aside {
height:450px;
width:270px;
float:right;
border: 1px dashed black;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;}
footer{
height:20px;
border:1px solid red;}

Hasil Tampilan :

Tradisi Gambyongan di Madiun

Madiun, PROGRESIF Jaya

Memeriahkan Hari Kemerdekaan Republik Indonesia ke-61, dilakukan oleh masyarakat Indonesia dengan berbagai cara. Ada yang menggelar beberapa perlombaan, ada pula yang melakukan ritual tertentu sebagai ungkapan rasa syukur kepada Yang Maha Kuasa yang telah memberikan kemerdekaan kepada bangsa Indonesia tercinta.

Demikian halnya dilakukan masyarakat Desa Kincang Wetan Kecamatan Jiwan Kabupaten Madiun, setiap memperingati Hari Proklamasi Kemerdekaan Republik Indonesia, selalu dimeriahkan dengan pagelaran kesenian khas Jawa yang dinamakan Gambyong.

Pagelaran yang dipusatkan di lokasi Punden (Keramat) Sumur Guling ini, dimulai dengan melakukan beberapa ritual oleh sesepuh masyarakat setempat. Berbagai macam sesaji yang sudah dipersiapkan sehari sebelumnya berupa nasi tumpeng, ayam panggang dan lainnya, kemudian diarak menuju tujuh tempat keramat di wilayah Desa Kincang Wetan.

Mulai dari Punden Mundu, Punden Pare, Punden Sumur Tiban, Punden Taman Ria, Punden Perangan, Punden Mbah Rendeng dan terakhir dipusatkan di Punden Sumur Guling, lokasi dimana diadakannya pagelaran kesenian Gambyong. Dalam melakukan ritual ini, setiap perangkat desa diwajibkan menyediakan tujuh buah tumpeng sesuai dengan banyaknya tempat keramat di wilayah tersebut. Setelah melakukan ritual di ketujuh tempat keramat tersebut kemudian dilanjutkan dengan acara kesenian Gambyong, yang didatangkan dari daerah Ngawi.

Tradisi mengadakan pagelaran kesenian Gambyong itu sendiri sudah dilakukan secara turun temurun dari jaman nenek moyang mereka. Dan entah secara kebetulan atau tidak pagelaran ini dilakukan setiap tanggal 17 Agustus yang bertepatan dengan Peringatan Hari Kemerdekaan Indonesia.

Selain untuk memeriahkan peringatan Hari Kemerdekaan, acara ini juga dimaksudkan untuk "bersih desa", sebuah ritual yang dimaksudkan untuk membersihkan desa mereka dari berbagai masalah yang ada. Hal ini diungkapkan Kepala Desa Kincang Wetan, Lilin Ropiana, SE, melalui Sekretaris Desa, Drs. Arifin, bahwa ritual ini hanya sebagai sarana saja, hakekatnya meminta pada Yang Maha Kuasa agar desa mereka dijauhkan dan dihindarkan dari mara bahaya, dibersihkan dari berbagai masalah, aman tentram dan sejahtera.

"Kesenian Gambyong kebetulan yang dipilih sebagai sarananya, intinya kita semua berdoa kepada Tuhan, meminta kesejahteraan bagi masyarakat Indonesia umumnya dan masyarakat Kincang Wetan pada khususnya," ujar Arifin.

Masih menurut Arifin, selain sebagai hiburan rakyat, acara ini lebih dimaksudkan sebagai upaya pihak pemerintahan desa dan masyarakatnya dalam melestarikan kesenian yang kini sudah sangat jarang dijumpai tersebut.

"Kami hanya ingin menjaga tradisi para leluhur di sini, selain itu apabila kami tidak menggelar kesenian Gambyong pada 17-an, kami takut terjadi sesuatu yang buruk menimpa desa kami," tambah Arifin.

Hal senada juga diutarakan oleh Agus (27) warga desa setempat, menurutnya, pernah suatu kali acara Gambyong-an tidak diadakan. "Malamnya, desa kami diganggu, setiap rumah didatangi oleh semacam mahluk halus," ungkap Agus. Makanya pagelaran kesenian Gambyong setiap tahun selalu diadakan di desa kami, hal ini sebagai ritual untuk menjuahkan desa kami dari berbagai gangguan mahluk halus.

Terlepas apapun alasannya, pagelaran kesenian Gambyong yang diselenggarakan Pemerintah Desa Kincang Wetan dan masyarakatnya, merupakan pertanda bahwa masyarakatnya masih kental dengan adat istiadat atau tradisi para leluhurnya. Hal ini merupakan pertanda baik bahwa apa yang dilakukan masyarakat Desa Kincang Wetan adalah menjaga dan melestarikan budaya Jawa yang semakin hari semakin terkikis oleh kemajuan jaman.

BREM asli Kota Madiun

BREM MADIUN

Brem merupakan jajanan khas asli dari Madiun.
Brem adalah makanan yang berasal dari sari ketan yang dimasak dan dikeringkan, merupakan hasil dari fermentasi ketan hitam yang diambil sarinya saja yang kemudian diendapkan dalam waktu sekitar sehari semalam.
Sensasi makanan ini muncul ketika makanan dimasukkan ke dalam mulut akan langsung mencair dan lenyap meninggalkan rasa 'semriwing' di lidah.

Dikenal beberapa bentuk brem yang dikenal di pasaran, berupa makanan dan minuman. Brem berupa makanan terkenal dari Madiun dan Wonogiri, sedangkan yang berupa cairan berasal dari pulau Bali dan Nusa Tenggara.

Bentuk pertama yang lebih dulu dikenal adalah makanan tradisional khas yang berasal dari kota Caruban, Kabupaten Madiun, dan berasal dari dua desa penghasil: Bancong dan Kaliabu. Brem dikemas berbentuk lempengan agak kekuningan, rata-rata berukuran kurang lebih 15 cm x 5 cm x 0,5 cm. Untuk lebih memaksimalkan pemasarannya, brem kini dikemas dalam bentuk kecil kecil seukuran permen, sehingga mudah untuk dikantongi. Biasanya pada sekitar tahun 80-an, brem dalam bentuk ini dijual asongan oleh para pedagang di sekitar stasiun-stasiun di kereta api di daerah Jawa Timur.
Brem bentuk kedua berasal dari Wonogiri, Jawa Tengah, berbentuk lempeng pipih bundar dengan diameter rata-rata 5 cm dan ketebalan sekitar 0,3 cm. Brem asal Wonogiri berwarna putih dan proses pengeringannya melalui dijemur langsung dibawah panas terik matahari selama tiga hari.

Selain itu ada juga Brem yang berbentuk cair berasal dari Bali dan Nusa Tenggara, brem asal bali berwarna putih seperti susu sedangkan yang berasal dari Nusa Tenggara berwarna merah.

Brem padat merupakan makanan tradisional dari hasil pemekatan dan pengeringan cairan tapai ketan. Bahan baku yang umumnya digunakan dalam pembuatan brem padat adalah beras ketan putih.

Brem berguna untuk meremajakan kulit, menghilangkan jerawat dari dalam.