73
Azmi, F. (2015) Berkenalan dengan HTML. Jakarta: Fauzan Azmi
Fachrudin, C., Yunus, Drs. A., Umar, R., dan Yunus, H. A. (2006) Arti Lambang
dan Fungsi Tata Rias Pengantin dalam Menanamkan Nilai-Nilai Budaya Daerah Sumatera Utara. Jakarta: Departemen Pendidikan dan
Kebudayaan.
Hermawan, J. (2008) Analisa Desain & Pemrograman Berorientasi Obyek
dengan UML. Yogyakarta: Andi
Pelangi Holiday. (2015) Jenis Baju Adat Minangkabau Sumatera Barat. Tersedia di: http://www.pelangiholiday.com/2014/09/jenis-baju-adat-minangkabau-sumatera.html (Diakses pada 28 April 2015).
Prasetio, A. (2014) Buku Sakti Webmaster. Jakarta: Mediakita
Santoso, Tien. (2010) Tata Rias dan Busana Pengantin Seluruh Indonesia. Jakarta: Gramedia Pustaka Utama.
Sidik, Betha. (2011) Mysql. Bandung : Penerbit Informatika.
Zahra, Rizkiana. (2015) Aesan Gede. Tersedia di: http://budaya-indonesia.org/Aesan-Gede (Diakses pada 07 Mei 2015)
LAMPIRAN KODE PROGRAM
1. Home.php<!DOCTYPE html>
<html class=" lt-ie9 lt-ie8 js flexbox canvas canvastext webgl touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla
no-multiplebgs no-backgroundsize no-borderimage no-borderradius no-boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage
no-webworkers no-applicationcache no-svg no-inlinesvg no-smil no-svgclippaths" sizset="false" sizcache032866541369794594="704 34 0">
<html lang="en"> <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="">
<meta name="author" content=""> <title>Ensiklopedia</title>
<!-- core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="css/prettyPhoto.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet"> <link href="css/main.css" rel="stylesheet"> <link href="css/responsive.css" rel="stylesheet">
<link href="css/normalize.css" rel="stylesheet" media="screen"> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <!--[if lt IE 9]>
<script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <![endif]-->
<link rel="shortcut icon" href="images/ico/favicon.ico"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png"> <script> var ie = (function(){ var undef, v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i'); while (
div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i>< ![endif]-->', all[0] ); return v > 4 ? v : undef; }()); </script> </head><!--/head--> <body> <header id="header"> <div class="top-bar"><!--/.container--> </div><!--/.top-bar-->
<nav class="navbar navbar-inverse" role="banner"> <div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="home.html"><img src="images/logo.png" alt="logo"></a>
<div class="collapse navbar-collapse navbar-right"> <ul class="nav navbar-nav">
<li class="active"><a href="home.html">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle"
data-toggle="dropdown">Provinsi <i class="fa fa-angle-down"></i></a> <ul class="dropdown-menu">
<li><a href="aceh.php">Aceh</a></li>
<li><a href="bengkulu.php">Bengkulu</a></li> <li><a href="jambi.php">Jambi</a></li>
<li><a href="bangkabelitung.php">Bangka Belitung</a></li> <li><a href="kepriau.php">Kepulauan Riau</a></li>
<li><a href="lampung.php">Lampung</a></li> <li><a href="riau.php">Riau</a></li>
<li><a href="sumbar.php">Sumatera Barat</a></li> <li><a href="sumsel.php">Sumatera Selatan</a></li> <li><a href="sumut.php">Sumatera Utara</a></li>
</ul>
</li><li><a href="blog.php">Blog</a></li>
<li><a href="aboutus.php">About Us</a></li> <li><a href="login.html">Login</a></li>
</ul> </div> </div><!--/.container--> </nav><!--/nav--> </header><!--/header--> <section id="about-us"> <div class="container">
<div class="center wow fadeInDown">
<h2>Ensiklopedia Pakaian Adat Kepulauan Sumatera!</h2>
<p class="lead"> </p> </div>
<!-- about us slider --> <div id="about-slider">
<div id="carousel-slider" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators visible-xs"> <li target="#carousel-slider" data-slide-to="0" class="active"></li>
<li target="#carousel-slider" data-slide-to="1"></li>
<li target="#carousel-slider" data-slide-to="2"></li>
<div class="carousel-inner"> <div class="item active">
<img src='images/images1.jpg' class="img-responsive" alt="">
</div>
<div class="item"> <img src="images/images2.jpg" class="img-responsive" alt="">
</div>
<div class="item"> <img src="images/images3.jpg" class="img-responsive" alt="">
</div> <div class="item">
<img src="images/images4.jpg" class="img-responsive" alt="">
</div> <div class="item">
<img src="images/images5.jpg" class="img-responsive" alt="">
</div> </div>
<a class="left carousel-control hidden-xs" href="#carousel-slider" data-slide="prev">
<i class="fa fa-angle-left"></i> </a>
<a class=" right carousel-control hidden-xs"href="#carousel-slider" data-slide="next">
<i class="fa fa-angle-right"></i> </a>
</div> <!--/#carousel-slider--> </div><!--/#about-slider-->
<!-- Our Skill --> <div class="skill-wrap clearfix">
<div class="center wow fadeInDown"> <h2>Pulau Sumatera</h2>
<img align="left" src="images/sumatra.png" alt="" width="348" height="311" class="media-object"><br><br>
<font size="+1.5">
<p align="justify">Sumatera adalah pulau keenam terbesar di dunia yang terletak di Indonesia. Secara umum pulau
sumatera didiami oleh bangsa melayu yang terbagi ke dalam beberapa suku.</p> <p align="justify">Suku-suku besar ialah Aceh, Melayu, Minangkabau, Basemah, Suku Rejang, Ogan, Komering, dan Lampung. Di wilayah pesisir timur Sumatera dan beberapa kota-kota besar seperti Medan, Batam, Palembang, Pekanbaru, dan Bandar Lampung.</p> <p align="justify">Nama asli Sumatera, sebagaimana tercatat dalam sumber-sumber sejarah dan cerita-cerita rakyat, adalah �Pulau Emas�. Istilah Pulau Ameh (bahasa Minangkabau, berarti pulau emas) kita jumpai dalam cerita Cindua Mato dari Minangkabau.</p> </font>
<div class="row"></div>
</div><!--/.our-skill-->
<!-- our-team --> <div class="team">
<div class="center wow fadeInDown">
<div class="row clearfix"><!--/.col-lg-4 --><!--/.col-lg-4 -->
</div> <!--/.row --><!--skill_border-->
<div class="row clearfix"></div> <!--/.row--> </div><!--section-->
</div><!--/.container--> </section><!--/about-us-->
<section id="bottom">
<div class="container wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms"> <div class="row"><!--/.col-md-3--><!--/.col-md-3--><!--/.col-md-3--><!--/.col-md-3--> </div> </div> </section><!--/#bottom-->
<footer id="footer" class="midnight-blue"> <div class="container">
<div class="col-sm-6">Copyright 2015. <!-- Do not remove --> Designed by <!-- end --> Singgih Wiratama <!-- end --> </div> </div> </div> </footer><!--/#footer--> <script src="js/jquery.js"></script> <script type="text/javascript"> $('.carousel').carousel() </script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.prettyPhoto.js"></script> <script src="js/jquery.isotope.min.js"></script> <script src="js/main.js"></script> <script src="js/wow.min.js"></script> </body> </html> 2. Login.php <!DOCTYPE html> <html lang="en"> <head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Bootstrap Login Form</title>
<meta name="generator" content="Bootply" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet"> <!--[if lt IE 9]>
<script
src="//html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
<link href="css/styles.css" rel="stylesheet"> </head>
<body> <!--login modal-->
<div id="loginModal" class="modal show" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-content"> <div class="modal-header">
<a href="home.php"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button></a>
<h1 class="text-center">Login</h1> </div>
<div class="modal-body">
<form class="form col-md-12 center-block" method="post" action="ceklogin.php">
<div class="form-group">
<input type="text" name="username" class="form-control input-lg" placeholder="username">
</div>
<div class="form-group">
<input type="password" name="password" class="form-control input-lg" placeholder="Password">
</div>
<div class="form-group">
<input type="submit" name="submit" class="btn primary lg btn-block" value="Sign In">
</form> </div>
<div class="modal-footer"> <div class="col-md-12">
<a href="home.html"><button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button></a> </div> </div>
</div> </div> </div> <!-- script references --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>
