Kode Program untuk pengenalan sistem ini berfungsi untuk memberikan penjelasan dan tujuan sistem di buat, pada halaman ini juga terdapat latar belakang sistem dan peubahan terbaru mengenai sistem. Halaman pengenalan ini bersifat tetap atau statik sehingga untuk mengubahnya harus mengubah kode programnya langsung. <body> <div class="main"> <!-- ==============================header============================= ====--> <header>
<h1><a href="index.php"><img src="../sys/images/logo.png" alt=""></a></h1> <div class="form-search">
<form id="form-search" method="post" action="detailkartu.php">
<input name="nama" type="text" value="Masukan Nama Kartu..."
onBlur="if(this.value=='') this.value='Masukan Nama Kartu...'"
onFocus="if(this.value =='Masukan Nama Kartu...' ) this.value=''" />
<a href="#" onClick="document.getElementById('form-search').submit()" class="search_button"></a>
</form> </div>
<div>
<ul class="menu">
<li class="home-page"><a href="../site/"><span></span></a></li> <li><a href="berita.php">Berita</a></li>
<li><a href="iklan.php">Iklan</a></li>
<li><a href="kuesioner.php">Kuesioner</a></li>
<li class="current"><a href="kami.php">Pengenalan</a></li> <li><a href="saran.php">Saran & Pesan</a></li>
</ul>
<div class="social-icons"> <span>Kunjungi Juga :</span>
<a href="http://brahupadhya.blogspot.com" class="icon-3" target="_new"></a>
<a href="https://www.facebook.com/sani.brahu" class="icon-2" target="_new"></a>
<a href="https://twitter.com/oldschool_brahu" class="icon-1" target="_new"></a> </div> <div class="clear"></div> </div> </nav> </header> <!-- ==============================content============================= ===-->
<section id="content"><div class="ic">More Website Templates @ TemplateMonster.com. April 16, 2012!</div>
<div class="container_12"> <div class="grid_12">
<div class="wrap block-3 pad-2"> <div>
<h3 class="p5" align="center">Tentang Sistem</h3>
<center><img src="../sys/images/page2-img1.jpg" alt="" class="img-border" height="150" width="150" ></center>
<p class="top-1" align="center"><a href="#" class="link"><strong>Sistem Pendukung Pemilihan Kartu Provider</strong></a></p>
<p class="p6" align="justify">Sistem ini diharapkan dapat memberikan rekomendasi pemilihan kartu perdana provider sesuai dengan kebutuhan penggunannya.</p>
<p class="p4" align="justify">Keputusan pemilihan kartu perdana provider
hanya berupa rekomendasi, dan keputusan kembali kepada
penggunannya.</p>
<!-- <a href="#" class="button">More</a>--> </div>
<div>
<h3 class="p6" align="center">Pembuatan Sistem</h3> <div class="box-1">
<span>Versi 1 </span>
<p class="extra-wrap"> Perancangan Sistem, bulan Februari 2013</p> </div>
<div class="box-1"> <span>Versi 2</span>
<p class="extra-wrap"> Pembuatan Sistem, bulan Maret 2013</p> </div>
<div class="box-1">
<span>Versi 3</span><br> <ul>
<li><p class="extra-wrap"> <B>Beta 1 </b>: Implementasi Sistem, Mei 13</p></li>
<p class="extra-wrap"> <B>Beta 2 </b>: Implementasi Sistem, Juli 13</p>
<p class="extra-wrap"> <B>Beta 3 </b>: Implementasi Sistem, Agustus 13</p>
<p class="extra-wrap"> <B>Final </b>: Implementasi Sistem, Agustus 13</p>
</ul> </div>
<!-- <p><a href="#" class="button">More</a></p>--> </div>
<div class="last">
<h3 class="p6" align="center">Latar Belakang Sistem</h3>
<p class="p6" align="center"><a href="#" class="link" ><strong>SPPK Pemilihan Kartu Perdana Provider</strong></a></p>
<p align="justify">Berkembangnya bisnis kartu perdana akhir-akhir ini menunjukan suatu gejala, yaitu semakin banyak dan beragamnya kartu perdana yang ditawarkan oleh perusahaan provider dengan bermacam merek, fitur, fasilitas yang semakin lengkap dan bonus yang diberikan. Sehingga menyebabkan konsumen merasa kesulitan dalam memilih kartu perdana yang sesuai dengan kebutuhannya. </p>
<p align="justify"> </p>
<p align="justify">Sehingga dengan adanya sistem ini diharapkan membantu para pengguna kartu provider, untuk tidak salah memilih kartu yang sesuai akan kebutuhannya.</p>
<p align="justify"> </p> <p align="justify"> </p>
</div> </div> </div> <div class="clear"></div> </div> <div class="aside"> <div class="container_12"> <div class="grid_12">
<div class="pad-2 wrap">
<h3 class="p5">Terima Kasih</h3> <div class="wrap block-4">
<div>
<img src="../sys/images/page2-img2.jpg" alt="" class="img-border"> <p align="center"><a href="#" class="link"><b>Johanes Eka Priyatma</b></a></p> <p align="center"> </p> <p align="center">Pembimbing I</p> <p align="center"> </p> <p align="center" ><a href="http://exelsa.usd.ac.id/modules.php?mod=5a83854fd1ab94785a1ad34 50fb1296f&act=detail&npp=P.1193&kd_prg=5314&by=0&c=">Profil Selengkapnya ></a></p> </div> <div>
<img src="../sys/images/page2-img3.jpg" alt="" class="img-border"> <p align="center"><a href="#" class="link"><b>Paulina Heruningsih Prima Rosa</b></a></p> <p align="center">Reviewer 1</p> <p align="center"> </p> <p align="center"><a href="http://exelsa.usd.ac.id/modules.php?mod=5a83854fd1ab94785a1ad34 50fb1296f&act=detail&npp=P.1446&kd_prg=5314&by=0&c=">Profil Selengkapnya ></a></p> </div> <div>
<img src="../sys/images/page2-img4.jpg" alt="" class="img-border"> <p align="center"><a href="#" class="link"><strong>Universita Sanata Dharma Yogyakarta</strong></a></p>
<p align="center"> </p> <p align="center"> </p>
<p align="center"><a href="http://usd.ac.id">Profil Selengkapnya ></a></p> </div>
<div class="last">
class="link"><strong>Orang Tua Saya</strong></a></p> <p> </p>
<p align="center">Drs. I Putu Arnawa, S.Ag, M.Si</p> <p align="center">Ni Wayan Simpen Sriwati</p>
<p align="center"><a href="https://www.facebook.com/putusentot">Profil Selengkapnya ></a></p> <p> </p> </div> </div> </div> </div> <div class="clear"></div> </div> </div> </section> </div> <footer> <p>© 2013 ProviderKu</p>
<p>Sistem Pendukung Pengambilan Keputusan Pemilihan kartu Provider</p> </footer>
</body>