Aplikasi Pengenalan Adat Istiadat Pernikahan Suku Batak Toba di Sumatera Utara Berbasis Web

(1)

LISTING PROGRAM

1. Index.html

<!DOCTYPE html> <html>

<head>

<title>TOBANESE</title>

function hideURLbar(){ window.scrollTo(0,1); } </script>

new WOW().init(); </script>

<link

href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300itali c,400italic,600,600italic,700,700italic,800,800italic'

rel='stylesheet' type='text/css'>

jQuery(document).ready(function($) {

$(".scroll").click(function(event){ event.preventDefault();

$('html,body').animate({scrollTop:$(this.hash).offset().top} ,1000);

}); });

</script>

(2)

href="jsslider/amazingslider-1.css">

</head>

<body>

<li class="animated wow fadeInLeftBig" data-wow-duration="1200ms" data-wow-delay="800ms"><span aria-hidden="true"></span> Pernikahan Adat</li>

<li class="animated wow fadeInLeftBig" data-wow-duration="1200ms" data-wow-delay="900ms"><span aria-hidden="true"></span> Suku Batak Toba</a></li>

<li class="animated wow fadeInLeftBig" data-wow-duration="1200ms" data-wow-delay="1000ms"><span class="glyphicon

glyphicon-map-marker" aria-hidden="true"></span> Sumatera Utara, Indonesia </li> </ul>

</div>

<ul>

<li class="active"><a href="index.html"><i class="glyphicon glyphicon-home"

aria-hidden="true"></i><span>Home</span></a> </li>

<li><a href="about.php"><i class="glyphicon glyphicon-heart" aria-hidden="true"></i><span>Batak Wedding</span></a>

</li>

<li><a href="gallery.php"><i class="glyphicon

glyphicon-picture" aria-hidden="true"></i><span>Gallery</span></a> </li>

<li><a href="guest.php"><i class="glyphicon glyphicon-book" aria-hidden="true"></i><span>Guest Book</span></a>

</li>

<li><a href="profile.php"><i class="glyphicon

glyphicon-user" aria-hidden="true"></i><span>Profile</span></a> </li>

</ul> </nav>

</div>

(3)

<h1><a href="index.html"><span><b>Batak Traditional Wedding Custom</span>BATAK WEDDING</b></a></h1>

</div>

<ul>

<li><h2><b>Tobanese</b></h2></li> </ul> </div> </div>

</div>

(function($){

$(".menu-icon").on("click", function(){ $(this).toggleClass("open");

$(".container").toggleClass("nav-open"); $("nav ul li").toggleClass("animate");

});

})(jQuery); </script>

</div>

<! Insert to your webpage where you want to display the slider -->

<div class="slider" id="amazingslider-wrapper-1"

style="display:block;position:relative;max-width:100%;height:700px;"> <div id="amazingslider-1"

style="display:block;position:relative;margin:0 auto;"> <ul class="amazingslider-slides" style="display:none;"> <li><img src="banner/images/toba2.png" alt="TOBANESE" title="TOBANESE" />

</li>

<li><img src="banner/images/toba6.png" alt="TOBANESE"

title="TOBANESE" data-description="Pengantin Memasuki Ruangan" /> </li>

<li><img src="banner/images/toba9.png" alt="TOBANESE"

title="TOBANESE" data-description="Pengantin Memakai Ulos" /> </li>

</li> </ul> </div> </div>

<div id="content">

(4)

<h2> Pernikahan Adat <span>Suku Batak Toba</span></h2> <p>Pernikahan bagi orang Batak bukan hanya sekedar persoalan pribadi antara kedua mempelai ataupun orang tua dan saudara masing-masing mempelai, namun sekaligus juga ikatan marga dari anggota mempelai laki-laki dan perempuan. Pernikahan bagi suku Batak akan memunculkan suatu ikatan yang kekal diantara keluarga besar dari kedua belah pihak mempelai.</p>

<a href="penjelasan.php">Learn More...</a> </div>

</div>

<h3><span>Dalihan Natolu</span><i>yaitu somba marhula hula (hormat pada keluarga ibu); elek marboru (ramah pada saudara perempuan); dan manat mardongan tubu (kompak dalam hubungan semarga).</i></h3>

</div> </div>

</div>

<div class="banner-bottom-grid-sub-pos"> <h3>Perkawinan menurut <span>UU No.1 1974 </span> adalah ikatan lahir batin antara seorang pria dan seorang wanita sebagai <i>suami istri</i> dengan tujuan membentuk <span>keluarga (rumah tangga)</span> yang bahagia dan kekal

berdasarkan Ketuhanan Yang Maha Esa.</h3> </div>

</div> </div>

<p><br><i>Magodang anak, pangolihononhon, magodang boru pahutaon (pamulion)</i><br>Jika putra sudah dewasa, ia akan

dicarikan istri (dinikahkan) dan jika putri sudah dewasa dia patut bersuami (tinggal di kampung suaminya).</p>

</div>

</div>

(5)

<h4>Batak Wedding</h4> <p>MARUNJUK (Pesta Adat)

<br>Prosesi Pengantin memasuki Tempat Acara Adat </p>

</div> </div> </li> <li>

<h4>Batak Wedding</h4> <p> MANGULOSI

<BR>Pengantin mengenakan Ulos yang diberikan kepadanya </p>

<h4>Batak Wedding</h4> <p>TARI TOR-TOR

<BR>Penari Laki-laki yang menyambut Kedatangan Pengantin dengan Tarian Tor-tor</p>

<h4>Batak Wedding</h4> <p>PINGGAN PANUNGKUNAN

<br>Piring yang di dalamnya Ada Beras, Dimana beberapa Beras tersebut diletakkan diatas Kepala

Pengantin</p>

</div> </div> </li> </ul>

</div>

src="https://www.google.com/maps/embed?pb=!1m16!1m10!1m3!1d492230. 8551448466!2d98.82789200475142!3d2.5076341028941584!2m1!3f0!3m2!1i 1024!2i768!4f13.1!3m3!1m2!1s0x3031de07a843b6ad%3A0xc018edffa69c0d0 5!2sDanau+Toba!5e1!3m2!1sid!2sid!4v1465271091598" width="1348" height="450" frameborder="0" style="border:0"

allowfullscreen></iframe> </div>

(6)

</div> </div>

</body>

</html>

2. about.php

<head>

<title>TOBANESE</title>

<link

(7)

}); });

</script>

</head>

<body>

</div>

<ul>

</li>

</ul> </nav>

</div>

(8)

<ul>

</div>

(function($){

});

</div>

<div class="comments-list hover14 column animated wow fadeInUp" duration="1200ms"

data-wow-delay="500ms">

<h3><a href="penjelasan.php">Pernikahan Menurut Suku Batak Toba</a></h3>

<ul>

<li><a href="penjelasan.php" class="bake">Pernikahan</a></li>

</ul> <div>

<figure><a href="penjelasan.php"><img src="images/toba14.jpg" alt=" " class="img-responsive"

/></a></figure>

</div>

<p>Sudah menjadi kodrat alam, sejak dilahirkan ke dunia manusia ditakdirkan untuk saling berpasang-pasangan agar hidup bersama untuk membentuk suatu keluarga dalam ikatan suatu perkawinan. Perkawinan merupakan hak setiap individu untuk melanjutkan keturunan yang sah. Hal ini berdasarkan <b>pasal 28 B ayat (1) UUDNRI 1945</b> yang berbunyi <blockquote><i>“Setiap orang berhak membentuk keluarga dan melanjutkan keturunan melalui perkawinan yang sah.” </i></blockquote></p>

</div>

<h3><a href="prapernikahan.php">Tata Cara Pra-Pernikahan Adat Suku Batak Toba</a></h3>

(9)

<li><a href="prapernikahan.php" class="bake">Pra-Pernikahan</a></li>

</ul> <div>

<figure><a href="prapernikahan.php"><img src="images/toba32.jpg" alt=" " class="img-responsive"

/></a></figure>

</div>

<p>Masyarakat Batak, tak terkecuali di kota-kota besar termasuk Jakarta, masih memegang kuat nilai-nilai budaya. Mulai dari sistem kekerabatan, hingga adat istiadat

(termasuk <i>ruhut paradaton</i> dalam perhelatan adat mulai dari bayi, anak, remaja, perkawinan dan kematian) tetap terpelihara dalam kehidupan sehari-hari. Berikut saya paparkan urutan adat pernikahan di dalam masyarakat Batak khususnya Batak Toba yang lazim digunakan terutama di kota Jakarta dan beberapa kota besar di Indonesia, mulai dari <i>patiur baba ni mual</i> (mohon doa restu) hingga <i>marunjuk</i> (pesta pernikahan).</p>

<h4>Pra Pernikahan...</h4> <div class="more">

</div> </div>

<h3><a href="pernikahan.php">Tata Cara Pesta Pernikahan Adat Suku Batak Toba</a></h3>

<ul>

<li><a href="pernikahan.php" class="bake">Pesta Pernikahan</a></li>

</ul> <div>

<figure><a

href="pernikahan.php"><img src="images/toba23.jpg" alt=" " class="img-responsive" /></a></figure>

</div>

<p>Masyarakat Batak, tak terkecuali di kota-kota besar termasuk Jakarta, masih memegang kuat nilai-nilai budaya. Mulai dari sistem kekerabatan, hingga adat istiadat (termasuk <i>ruhut paradaton</i> dalam perhelatan adat mulai dari bayi, anak, remaja, perkawinan dan kematian) tetap terpelihara dalam kehidupan sehari-hari. Berikut saya paparkan urutan adat pernikahan di dalam masyarakat Batak khususnya Batak Toba yang lazim digunakan terutama di kota Jakarta dan beberapa kota besar di Indonesia, mulai dari <i>patiur baba ni mual</i> (mohon doa restu) hingga <i>marunjuk</i> (pesta pernikahan).

<h4>Pesta Pernikahan...</h4> </p>

</div>

(10)

<ul>

<li><a href="pascapernikahan.php" class="bake">Pasca-Pernikahan</a></li>

</ul> <div>

</div>

<p>Ada tradisi lama (tidak semua melakukannya) setelah acara adat nagok , ada lagi acara yang disebut <i>paulak une/mebat dan maningkir tangga</i>. Acara ini dilakukan setelah penganten menjalani kehidupan sebagai suami isteri biasanya sesudah 7-14 hari yang sebenarnya tidak wajib lagi dan tidak ada kaitannya dengan acara keabsahan perkawinan adat na gok. Acara dimaksud adalah:

<h4>Pacsa Pernikahan...</h4> </p>

</div>

<h3><a href="perlengkapan.php">Sarana atau Perlengkapan dalam Pernikahan Adat Suku Batak Toba</a></h3>

<ul>

<li><a href="perlengkapan.php" class="bake">Perlengkapan</a></li>

</ul> <div>

</div>

<p>Sarana atau perlengkapan yang terdapat dalam Pernikahan Adat Suku Batak Toba adalah, sebagai berikut :</p>

<p>Selain sebagai identitas, kain ulos kerap kali digunakan untuk mendukung acara adat, termasuk dalam acara pernikahan. Sebelum pengaruh eropa masuk, masyarakat batak toba menggunakan ulos sebagai pakaian sehari – hari.</p>

</div> </div>

</div>

<h3 class="animated wow flipInX" data-wow-duration="1200ms" data-wow-delay="500ms">Lake Toba On

(11)

</div> </div>

<script type="text/javascript">

$(document).ready(function() {

$().UItoTop({ easingType: 'easeOutQuart' });

}); </script>

</body>

</html>

3. gallery.php

<head>

(12)

<link

}); });

</script>

<script src="galeri/sliderengine/jquery.js"></script>

href="galeri/sliderengine/amazingslider-1.css">

</head>

<body>

</div>

<ul>

(13)

</li>

</ul> </nav>

</div>

<ul>

</div>

(function($){

});

</div>

<h3 align="center"><b>>>Photo<<</b></h3> <div class="animated wow zoomInDown" data-wow-duration="1200ms" data-wow-delay="800ms">

<br>

<?php include "galeri/slider.html" ?> </div>

</div> </div>

(14)

<h4 align="center">Prosesi Masuk Rombongan Pengantin Pesta Perkawinan Adat Batak</h4>

<br>

</div> </div>

<h4 align="center">Video Pernikahan Adat Batak - Wedding Judika dan Duma </h4>

<br>

</div> </div>

<h4 align="center">Video Pernikahan Adat Batak - Wedding Mita & Daud (Cinematic adat Batak)</h4>

<br>

</div> </div>

</div>

</div> </div>

(15)

</body> </html>

4. guest.php

<head>

<link

}); });

</script>

(16)

<body>

</div>

<ul>

</li>

</ul> </nav>

</div>

<ul>

(17)

</div>

(function($){

});

</div>

<h3 align="center"><b>>>Guest Book<<</b></h3> <div class="leave-comment animated wow fadeInUp" data-wow-duration="1200ms" data-wow-delay="500ms">

<h3>Post Your<span>Comment</span> Here</h3> <p>We will be very glad to know and we welcome all your comments</p>

<input type="text" name="nama"

value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}" required="">

<input type="email" name="email"

value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" required="">

<textarea type="text" name="pesan" onfocus="this.value = '';" onblur="if (this.value == '')

{this.value = 'Message...';}" required="">Message...</textarea> <input type="submit" value="Send" >

</form> </div>

<h3>Recent <span>Comments</span></h3>

<?php

include('koneksi.php');

$lihat="SELECT * from komentar"; $akses = mysql_query($lihat); while($tampil = mysql_fetch_array($akses)){ ?>

<div class="recent-comments-grid-left"> <img

src="images/I-Love-You-icon.png" alt=" " class="img-responsive" /> </div>

(18)

</div> <?php } ?> </div> </div>

</div>

</div> </div>

}); </script>

</html>

5. profile.php

(19)

<link

}); });

</script>

</head>

<body>

(20)

</div>

<ul>

</li>

</ul> </nav>

</div>

<ul>

</div>

(function($){

});

(21)

</script> </div>

<h3>My<span>Profile</span></h3> <div class="team-grids">

<div class="col-md-4 team-grid animated wow bounceInLeft" duration="1000ms"

</div> </div>

<div class="team-grid1-sub"> <h4>Margaret Lea</h4>

<p>My name is Margaret Lea. I'm 20 years old. I'm a student at University of North Sumatera. My Major is Infomatics Engineering. I live in Medan, Indonesia.

</p>

<li><a href="http://www.margaretleaa@gmail.com"><img src="images/email-icon.png">margaretleaa@gmail.com</a></li><br>

li><a href="#"><img src="images/twitter-2-icon.png"></a></li>

</ul> </div> </div>

</div>

<h3>>>Welcome and Thank You<<</h3>

<p>Welcome to my website. <br>This is the place where you can get information about. Batak Traditional Wedding

Custom".</b><br> I hope this website can be useful for you

<br> This website was created as my final project to complete my college degree.

<br>Thank you for visiting my website.

<br>If you have any feedback or suggestion for us, please leave your Message here.

p><br>

<a href="guest.php">Message</a> </div>

<p><br>We will be very glad to know and we welcome all your comments

</p>

</div>

(22)

</div>

<h2 class="animated wow flipInX" data-wow-duration="1200ms" data-wow-delay="500ms"><span>My</span> College</h2>

</div> </div>

<h3>dr. T. Mansur No. 9 Medan, North Sumatra <i>20155</i></h3>

</div> </div>

</div>

</div> </div>

<div class="col-xs-9 mail-grid-right"> <div class="mail-grid-right1"> <p><a

href="http://www.usu.ac.id">http://www.usu.ac.id</a></p> </div>

</div>

</div> </div>

(23)

</div> </div> </div>

</div> </div>

<div class="footer-top">

</div>

</div> </div>

}); </script>