follow us twitter @ridwanrohaman

Barcode

ardhosting

ardhosting

Monday 8 February 2016

Cara Mengaktifkan USB Debugging Oppo R1001

Cara Mengaktifkan USB Debugging Oppo R1001


USB Debugging adalah sebuah fitur yang digunakan untuk menyambungkan smatphone ke PC yang biasanya digunakan oleh pengguna sebelum melakukan salah satunya seperti Root, Fungsi utama USB Debugging adalah membangun jembatan antara perangkat Android dan PC, Kali ini saya ingin berbagi Cara Mengaktifkan USB Debugging di Oppo Joy R1001

Pada beberapa produk dan Versi Android OS Masing masing memiliki perbedaan letak dan Konfirgurasi untuk mengaktifkasn mode USB Debugging, dibawah ini adalah tutorial cara mengaktifkan USB Debugging di Oppo Joy R1001, Untuk mengaktifkan USB Debugging di Oppo R1001 silahkan lihat caranya dibawah ini.

Cara Mengaktifkan USB Debugging Oppo R1001

1. Masuk ke Menu "Setting" di Oppo R1001.
Cara Mengaktifkan USB Debugging Oppo R1001
 2. Cari kebawah Menu "About phone", Selanjutnya masuk ke "More".
Cara Mengaktifkan USB Debugging Oppo R1001
3. Sentuh “Build number” 7 kali untuk mengaktifkan “Developer Options“. sampai uncul notifikasi USB debubbing sudah aktif.
Cara Mengaktifkan USB Debugging Oppo R1001
4. Kembali keluar dan masuk ke “Developer options” Selanjutnya “More
Cara Mengaktifkan USB Debugging Oppo R1001
5. Kalian bakal mendapatkan “Developer options” di "More"
Cara Mengaktifkan USB Debugging Oppo R1001
6. Masuk ke “Developer options” di sana, untuk mendapatkan opsi "USB Debugging" seperti di bawah ini. Kalian tinggal aktifkan atau non-aktifkan “USB debugging” dengan hanya mencentang atau bersihkan tanda centang pada kotak yang ada.
Cara Mengaktifkan USB Debugging Oppo R1001

Demikianlah cara mudah mengaktifkan USB Debugging di Oppo Joy R1001, Setelah anda mengaktifkan USB Debugging di pengaturan Smartphone atau tablet, Kita dapat dengan mudah melakukan kegiatan yang berkaitan antara Smartphone dan PC.

Wednesday 13 January 2016

MVC CodeIgniter

<?php
class siswa extends CI_Controller{
private $limit=10;

function __construct()
{
parent::__construct();
$this->load->library(array('table','form_validation'));
$this->load->helper(array('form','url'));
$this->load->model('siswa_model','',TRUE);
}
function index($offset=0,$order_column='id',
$order_type='asc')
{
if(empty($offset)) $offset=0;
if(empty($order_column)) $order_column='id';
if(empty($order_type)) $order_type='asc';

$siswas=$this->siswa_model->get_paged_list($this->limit,
$offset,$order_column,$order_type)->result();

$this->load->library('pagination');
$config['base_url'] = site_url('siswa/index/');
$config['total_rows']=$this->siswa_model->count_all();
$config['per_page'] = $this->limit;
$config['uri_segment'] =3;
$this->pagination->initialize($config);
$data['pagination'] = $this->pagination->create_links();

$this->load->library('table');
$this->table->set_empty("&nbsp;");
$new_order=($order_type=='asc'?'desc':'asc');
$this->table->set_heading(
'No',
anchor('siswa/index/'.$offset.'/nama/'.$new_order,'Nama'),
anchor('siswa/index/'.$offset.'/alamat/'.$new_order,'Alamat'),
anchor('siswa/index/'.$offset.'/jenis_kelamin/'.$new_order,'Jenis Kelamin'),
anchor('siswa/index/'.$offset.'/tanggal_lahir/'.$new_order,'Tanggal Lahir (dd-mm-yyyy)'),
'Actions'
);
$i=0+$offset;
foreach ($siswas as $siswa) {
$this->table->add_row(++$i,
$siswa->nama,
$siswa->alamat,
strtoupper($siswa->jenis_kelamin) =='M'?
'Laki-Laki':'Perempuan',
date('d-m-Y',strtotime(
$siswa->tanggal_lahir)),
anchor('siswa/view/'.$siswa->id,
'view',array('class'=>'view')).' '.
anchor('siswa/update/'.$siswa->id,
'update',array('class'=>'update')).' '.
anchor('siswa/delete/'.$siswa->id,
'delete',array('class'=>'delete','onclick'=>"return confirm(
'Apakah Anda yakin ingin menghapus data siswa?')"))
);

}
$data['table']=$this->table->generate();

if($this->uri->segment(3)=='delete_success')
$data['message']='Data berhasil dihapus';
else if($this->uri->segment(3)=='add_success')
$data['message']='Data berhasil ditambah';
else
$data['message']='';
$this->load->view('siswaList',$data);
}

function add(){
$data['title'] = 'Tambah siswa baru';
$data['action'] = site_url('siswa/add');
$data['link_back']=anchor('siswa/index/','Back to list of siswas',array('class'=>'back'));

$this->_set_rules();

if($this->form_validation->run()==FALSE){
$data['message']='';

$data['title']='Add new siswa';
$data['message']='';
$data['siswa']['id']='';
$data['siswa']['nama']='';
$data['siswa']['alamat']='';
$data['siswa']['jenis_kelamin']='';
$data['siswa']['tanggal_lahir']='';
$data['link_back']=anchor('siswa/index/',
'Lihat Daftar Siswa',array('class'=>'back'));

$this->load->view('siswaEdit',$data);

}else{
$siswa=array('nama'=>$this->input->post('nama'),
'alamat'=>$this->input->post('alamat'),
'jenis_kelamin'=>$this->input->post('jenis_kelamin'),
'tanggal_lahir'=>date('Y-m-d',
strtotime($this->input->post('tanggal_lahir'))));
$id=$this->siswa_model->save($siswa);

$this->validation->id = $id;
redirect('siswa/index/add_success');
}
}
function view($id){
$data['title']='siswa Details';
$data['link_back']=anchor('siswa/index/',
'Lihat daftar siswas',array('class'=>'back'));

$data['siswa']=$this->siswa_model->get_by_id($id)->row();
$this->load->view('siswaView',$data);
}
function update($id){
$data['title']='Update siswa';
$this->load->library('form_validation');
$this->_set_rules();
if($this->form_validation->run()=== FALSE){
$data['message']='';
$data['siswa']=$this->siswa_model->get_by_id($id)->row_array();
$_POST['jenis_kelamin'] = strtoupper($data['siswa']['jenis_kelamin']);
strtoupper($data['siswa']['jenis_kelamin']);
$data['siswa']['tangal_lahir']=date('d-m-Y',
strtotime($data['siswa']['tanggal_lahir']));

$data['title'] = 'Update Siswa';
$data['message']='';
}else{
$id=$this->input->post('id');
$siswa= array('nama' =>$this->input->post('nama'),
'alamat'=>$this->input->post('alamat'),
'jenis_kelamin'=>$this->input->post('jenis_kelamin'),
'tanggal_lahir'=> date('Y-m-d',strtotime($this->input->post('tanggal_lahir'))));
$this->siswa_model->update($id,$siswa);
$data['siswa']=$this->siswa_model->get_by_id($id)->row_array();
$data['message'] ='update siswa success';
}
$data['link_back'] = anchor('siswa/index/','Lihat daftar siswa',array('class'=>'back'));
$this->load->view('siswaEdit',$data);
}
function delete($id){
$this->siswa_model->delete($id);
redirect('siswa/index/delete_success','refresh');
}
function _set_rules(){
$this->form_validation->set_rules('nama','Nama','required|trim');
$this->form_validation->set_rules('jenis_kelamin','Password','required');
}
function valid_date($str)
{
if(!preg_match('/^[0-9] {4} -[0-9] {2} - [0-9] {2}$/',$str))
{
$this->form_validation->set_message('valid_date','date format is not valid. yyyy-mm-dd');
return false;
}
else
{
return true;
}
}
}


<?php

Class Model_siswa extends CI_Model
{
private $primary_key ='id';
private $table_name = 'siswa';
function __construct()
{
parent:: __construct();
}

function get_paged_list($limit=10, $offset=0, $order_column ='', $order_type='asc')
{
if (empty($order_column) || empty($order_type))
{
$this->db->order_by($this->primary_key,'asc');
}
else
{
$this->db->order_by($order_column, $order_type);
return $this->db->get($this->table_name,$limit,$offset);
}
}

function count_all()
{
return $this->db->count_all($this->table_name);
}

function get_by_id()
{
$this->db->where($this->primary_key,$id);
return $this->db->get($this->table_name);
}

function save($person)
{
$this->db->insert($this->table_name, $person);
return $this->db->insert_id();
}

function update($id, $person)
{
$this->db->where($this->primary_key, $id);
$this->db->update($this->table_name, $person);
}

function delete($id)
{
$this->db->where($this->primary_key, $id);
$this->db->delete($this->table_name);
}

}

SiswaEdit
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transilational//EN""http:www.w3.org/TR/xhtml/DTD/xhtml-transinational.dtd">
<htm lxmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type"content="text/html"; charset="iso-8859-1";>
<title>SIMPLE CRUD APPLICATION</title>
<link href="<?php echo base_url(); ?>style/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="content">
<h1><?php echo $title; ?></h1>
<?php echo $message; ?>
<?php echo validation_errors(); ?>
<?php echo form_open($action); ?>
<div class="data">
<table>
<tr>
<td withd ="30%">ID</td>
<td><input type="text" name="id" disabled="disable" class="text" value="<?php echo (isset($siswa['id'])) ?$siswa['id']:''; ?>"/></td>
<input type="hidden" name="nama" class="text" value="<?php (isset($siswa['id'])) ?$siswa['id']:''; ?>"/>
</tr>
<tr>
<td valign="top">Nama<span style="color:red";>*<span></span></td>
<td><input type="text" name="nama" class="text" value="<?php echo (set_value($nama)) ?set_value('nama'):$siswa['nama']:''; ?>"/>
<?php echo form_error('alamat'); ?></td>
</tr>
<tr>
<td valign="top">Alamat<span style="color:red";>*<span></span></td>
<td><input type="text" name="alamat" class="text" value="<?php echo (set_value($alamat)) ?set_value('alamat'):$siswa['alamat']:''; ?>"/>
<?php echo form_error('alamat'); ?></td>
</tr>
<tr>
<td valign="top">jenis_kelamin<span style="color:red";>*</span></td>
<td><input type="radio" name="jenis_kelamin" value="M"<?php echo set_radio('jenis_kelamin', 'M', TRUE) ?>>
<?php echo form_error('alamat'); ?></td>
</tr>
<tr>
<td valign="top">Jenis_kelamin<span style="color:red;"></span></td>
<td><input type="radio" name="jenis_kelamin" value="M"<?php echo set_radio('jenis_kelamin','M', TRUE);?> />Laki-laki
<input type="radio" name="jenis_kelamin" value="M"<?php echo set_radio('jenis_kelamin','F', TRUE);?> />Perempuan
<?php echo form_error('jenis_kelamin'); ?></td>
</tr>
<tr>
<td valign="top">Date Of Birth (dd-mm-yyyy) <spanstyle="color:red;">*</spans></td>
<td><input type="text" name="tanggal_lahir" class="text" value="<?php echo (set_value('tanggal_lahir'))? set_value('tanggal_lahir') :$siswa['tanggal_lahir']; ?>"/></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="submit" value="Save"/></td>
</tr>
</table>
</div>
</form>
<br/>
<?php echo $link_back;?>
</div>
</body>
</html>


SiswaList
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transilational//EN""http:www.w3.org/TR/xhtml/DTD/xhtml-transinational.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type"content="text/html"; charset="iso-8859-1";>
<title>Simple Crud Application</title>
<link href="<?php echo base_url(); ?>style/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="content">
<h1>Contoh Insert Update dan Delete</h1>
<div class="paging"><?php echo $pagination; ?></div>
<div class="data"><?php echo $table; ?></div>
<div class="paging"><?php echo $pagination; ?></div><br/>
<?php echo anchor('siswa/add/','Tambah Siswa baru', array('class'=>'add' ));?>
</div>
</body>
</html>


SiswaView
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transilational//EN""http:www.w3.org/TR/xhtml/DTD/xhtml-transinational.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type"content="text/html"; charset="iso-8859-1";>
<title>Simple Crud Application</title>
<link href="<?php echo base_url(); ?> style/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="content">
<h1><?php echo $title ?></h1>
<div class="data">
<table>
<tr>
<td width="30%">ID</td>
</tr>
<tr>
<td><?php echo $siswa->id; ?></td>
</tr>
<tr>
<td valign="top">Name</td>
<td><?php echo $siswa->nama ?></td>
</tr>
<tr>
<td valign="top">Alamat</td>
<td><?php echo $siswa->alamat ?></td>
</tr>
<tr>
<td valign="top">Jenis Kelamin</td>
<td><?php echo ($siswa->jenis_kelamin)=='M' ?'Laki-laki':'Perempuan'; ?></td>
</tr>
<tr>
<td valign="top">Tanggal Lahir (dd-mm-yyyy)</td>
<td><?php echo date('d-m-y', strtotime($siswa->tanggal_lahir)) ?></td>
</tr>
</table>
</div>
</div>
</body>
</html>

Friday 28 August 2015

solusi office.en-us \msvcr80.dll not found

Agustus28
2015
Lama ngk pernah shere nih..
Lagi kerja full tuk byar spp kuliah hehehe ok langsung saja


Apakah anda penrnah mengalami seperti ini




Memang ketika menginstal microsoft office “bajakan” terdapat masalah seperti file office.en- us\msvcr80.dll not found dan windows installer cannot update one or more protected windows files.

Sebenarnya ada beberapa cara untuk menanganinya, yaitu membeli lisensi asli dari microsoft agar tidak terjadi error seperti ini , menginstal open office karena open source jadi tidak perlu repot-repot, dan terakhir kita perbaiki file yang kurang.

Ok langsung ke masalah , office.en-us
\msvcr80.dll not found. Gampang saja kok, kita hanya
perlu mendownload msvcr80.dll download di bwh ini..


msvcr80.zip

Apabila sudah ada di office.en-us hpus dulu yang lama
extrak hasil download dan copy msvcr80.dll kedalam folder office.en-us. Selesai
Dan coba instal lagi
Apabila tidak bisa juga coba copy juga, taro msvcr80.dll di C:
\WINDOWS\system32 (windows 7/xp)
Dan coba instal
Smoga sukses

Thursday 7 May 2015

Cara Menggabungkan Subtitle Dengan Film Secara Permanen

Cara Menggabungkan Subtitle Dengan Film Secara Permanen

Hallo sobat,,, apa kabar? Saya harap semuanya baik-baik saja.
Semua pasti udah pernah nonton film kan? Baik itu di TV, di PC, atau di mana saja. Saat menton film dari negeri asing dengan bahasa asing akan disediakan subtitle terjemahannya.

Sekarang subtitle dapat dengan mudah dan gratis kita dapatkan. Karena subtitle banyak tersedia di internet. Salah satu situs subtitle andalan saya adalah Subscene.com . Setiap mencari subtitle film pasti kesanalah tujuannya.



Kali ini berhubungan dengan si subtitle itu saya ingin membagikan tutorial untuk menggabungkan subtitle dan film secara permanen.
Selama ini, saya sendiri mencari banyak tutorial di google tetapi malah banyak yang kurang berhasil. Adapula yang hasilnya tidak memuaskan, Hanya sekedar menghilangkan posisi subtile nya saja.

Namun baru-baru ini, saya menemukan sebuah software convert video yang bisa menggabungkan subtutle dengan film secara permanen. Nama Software ini adalah Any Video Converter.
Nah, karena nama softwarenya udah ketahuan, saya akan langsung memberikan tutorialnya.
Persiapan.
1. Download Any Video Converter terbaru disini
2. Film dan Subtitlenya.

Tutorial;
1. Buka software AVC. Klik Add or Drag Video.

2. Setelah itu, klik pada tulisan no subtitle, lalu klik add subtitle. Lebih jelasnya lihat gambar di bawah.
3. Klik Pada bagian untuk output video format untuk menentukan format video hasil converter.
4. Klik convert now. Tunggu hingga proses convert selesai.

Memang software ini adalah software untuk meng-convert video. Tetapi dilengkapi dengan fitur subtitlenya.

Nah, itu dia tutorial  Cara Menggabungkan Subtitle Dengan Film Secara Permanen. Akhir kata, saya ucapkan terimakasih atas kunjungannya, sampai jumpa di kesempatan selanjutnya.

Wednesday 8 April 2015

Cara Menggunakan Fitur Screen-of Gestures oppo joy.

OPPO Gesture
Hal menarik yang dapat dijumpai pada ponsel OPPO ialah adanya fitur Screen-of Gesture atau biasa juga disebut Gerakan layar mati. Fitur ini terbilang cukup keren, dikarenakan anda dapat menggunakannya untuk keperluan mengakses secara cepat beragam konten seperti aplikasi maupun fungsi-fungsi tertentu pada ponsel.
Cara kerja dari screen-of gesture ini ialah, anda hanya cukup menuliskan pola atau gerakan isyarat tertentu ketika layar ponsel sedang dalam keadaan mati, maka hal-hal penting secara otomatis langsung ditampilkan tanpa perlu lagi capek-capek mencari letak aplikanya.
Perlu diketahui, screen-of gesture sebenarnya merupakan fitur khas dari “ColorOS”. ColorOS sendiri merupakan UI dari sistem operasi Android yang telah dikustomisasi oleh OPPO dengan beberapa tambahan dari sisi grafis, fitur, serta keamanan (ini mirip seperti MIUI Android pada ponse Xiaomi).
Bagaimana Cara Menggunakan Fitur Screen-of Gestures di OPPO?
Untuk dapat menggunakan fitur ini, hal pertama yang perlu dilakukan ialah terlebih dahulu anda harus menetapkan pola layar untuk menjalankan aplikasi atau fungsi tertentu (dalam hal ini penulis contohkan ialah mengaktifkan lampu senter).
  1. Untuk membuat pola gesture, caranya masuk ke “Setting > Gesture & motion > Screen-of gestures” atau bahasa indonesianya “Peganturan > Gerakan > Gerakan layar mati
    Screen-off Gesture OPPO
  2. Tentukan tipe pola yang diinginkan (contoh “Downward Arrow/Panah bawah”), lalu pilih apa yang ingin anda aktifkan misalnya “Turn on flashlight/Membuka senter” untuk mengaktifkan lampu senter (jika ingin membuka aplikasi, anda dapat memilih pada pilihan “Open aplications/Buka apl”).
    Motion Gestures OPPO
  3. Jika pengaturan pola berhasil ditetapkan, silahkan tutup semuanya lalu coba gunakan fitur gesture dengan cara, matikan layar ponsel dengan menekan tombol power sekali saja, lalu tulis pola panah bawah (V) pada layar (menggunakan jari) atau sesuai dengan pola yang telah anda buat sendiri.
    Pattern Screen Gestures OPPO
Note: Fitur ini dicontohkan pada Oppo Joy. Ini juga juga dapat diterapkan di Oppo Find 5, N1, Neo 3, Oppo Yoyo dan tipe ponsel OPPO lainnya yang menggunakan ColorOS.

Sunday 15 February 2015

Program Web Dengan PHP

                                Nama Win RAR Nya Malam

------------------------------- Selamat Mencoba  By:  Ridwan Rohaman----------------------

Download Script Win RAR Nya
MediFire [ Disini ]
4shared   [ Disini ]
Download Modul PHP Buat Lathan
MediFire [ Disini ]
4shared   [ Disini ]
Download Aplikasi Notepad ++
MediFire [ Disini ]
4shared   [ Disini ]
Download Aplikasi Sublime
MediFire [ Disini ]
4shared   [ Disini ]
Download Aplikasi Wamp
MediFire [ Disini ]
4shared   [ Disini ]


Dibawah Ini Adalah Script php Nya
- About

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Bootstrap 3, from LayoutIt!</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
<!--script src="js/less-1.3.3.min.js"></script-->
<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
  <![endif]-->

  <!-- Fav and touch icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
  <link rel="shortcut icon" href="img/favicon.png">
  
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</head>

<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">Brand</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active">
<a href="index.php">Home</a>
</li>
<li>
<a href="about.php">About</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Action<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="login.php">Login</a>
</li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control">
</div> <button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#">Link</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">Action</a>
</li>
<li>
<a href="#">Another action</a>
</li>
<li>
<a href="#">Something else here</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">Separated link</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<div class="jumbotron">
<h1>
Hello, world!
</h1>
<p>
This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.
</p>
<p>
<a class="btn btn-primary btn-large" href="#">Learn more</a>
</p>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-4 column">
<h2>
Heading
</h2>
<p>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
</p>
<p>
<a class="btn" href="#">View details »</a>
</p>
</div>
<div class="col-md-4 column">
<h2>
Heading
</h2>
<p>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
</p>
<p>
<a class="btn" href="#">View details »</a>
</p>
</div>
<div class="col-md-4 column">
<h2>
Heading
</h2>
<p>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
</p>
<p>
<a class="btn" href="#">View details »</a>
</p>
</div>
</div>
</div>
</body>
</html>

- Index

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Bootstrap 3, from LayoutIt!</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
<!--script src="js/less-1.3.3.min.js"></script-->
<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
  <![endif]-->

  <!-- Fav and touch icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
  <link rel="shortcut icon" href="img/favicon.png">
  
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</head>

<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">Brand</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active">
<a href="index.php">Home</a>
</li>
<li>
<a href="about.php">About</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Action<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="login.php">Login</a>
</li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control">
</div> <button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#">Link</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">Action</a>
</li>
<li>
<a href="#">Another action</a>
</li>
<li>
<a href="#">Something else here</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">Separated link</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<div class="jumbotron">
<h1>
Hello, world!
</h1>
<p>
This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.
</p>
<p>
<a class="btn btn-primary btn-large" href="#">Learn more</a>
</p>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-4 column">
<h2>
Soal 1
</h2>
<p>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
</p>
<p>
<a class="btn" href="soal1.php">View details »</a>
</p>
</div>
<div class="col-md-4 column">
<h2>
Soal 2
</h2>
<p>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
</p>
<p>
<a class="btn" href="soal2.php">View details »</a>
</p>
</div>
<div class="col-md-4 column">
<h2>
Soal 3
</h2>
<p>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
</p>
<p>
<a class="btn" href="soal3.php">View details »</a>
</p>
</div>
</div>
</div>
</body>
</html>

- Login

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Bootstrap 3, from LayoutIt!</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
<!--script src="js/less-1.3.3.min.js"></script-->
<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
  <![endif]-->

  <!-- Fav and touch icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
  <link rel="shortcut icon" href="img/favicon.png">
  
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</head>

<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">Brand</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active">
<a href="index.php">Home</a>
</li>
<li>
<a href="about.php">About</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Action<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="login.php">Login</a>
</li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control">
</div> <button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#">Link</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">Action</a>
</li>
<li>
<a href="#">Another action</a>
</li>
<li>
<a href="#">Something else here</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">Separated link</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<div class="jumbotron">
<h1 align="center">
Halaman Login
</h1>
</div>
<?php
session_start();
if (isset($_POST['kirim'])) {
# code...
$user = $_POST['username'];
$pass = $_POST['password'];

if ($user == 'siswa' && $pass == '123') {
# code...
$_SESSION['kirim'] = $user;
echo "Login Berhasil <br>";
}
}
else
{
?>
<form action="" method="POST" name="login">
Username : <input type="text" name="username" class="form-control"><br>
Password : <input type="password" name="password" class="form-control"><br>
<input type="submit" name="kirim" value="login" class="btn btn-success"><br>
</form>
<?php
}
?>
</div>
</div>
</div>
</body>
</html>

- Logout

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Bootstrap 3, from LayoutIt!</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
<!--script src="js/less-1.3.3.min.js"></script-->
<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
  <![endif]-->

  <!-- Fav and touch icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
  <link rel="shortcut icon" href="img/favicon.png">
  
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</head>

<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">Brand</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active">
<a href="index.php">Home</a>
</li>
<li>
<a href="about.php">About</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Action<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="login.php">Login</a>
</li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control">
</div> <button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#">Link</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">Action</a>
</li>
<li>
<a href="#">Another action</a>
</li>
<li>
<a href="#">Something else here</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">Separated link</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<div class="jumbotron">
<h1 align="center">
Halaman Logout
</h1>
</div>
<?php
session_start();
if (isset($_SESSION['kirim'])) {
# code...
unset($_SESSION);
session_destroy();
echo "Anda Berhasil Logout";
}
?>
</div>
</div>
</div>
</body>
</html>

- Soal 1

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Bootstrap 3, from LayoutIt!</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
<!--script src="js/less-1.3.3.min.js"></script-->
<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
  <![endif]-->

  <!-- Fav and touch icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
  <link rel="shortcut icon" href="img/favicon.png">
  
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</head>

<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">Brand</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active">
<a href="index.php">Home</a>
</li>
<li>
<a href="about.php">About</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Action<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="logout.php">Logout</a>
</li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control">
</div> <button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#">Link</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">Action</a>
</li>
<li>
<a href="#">Another action</a>
</li>
<li>
<a href="#">Something else here</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">Separated link</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<div class="jumbotron">
<h1>
SOAL 1
</h1>
<p>
This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.
</p>
<p>
<a class="btn btn-primary btn-large" href="#">Learn more</a>
</p>
</div>
</div>
<?php
session_start(); 
if (isset ($_POST['kirim'])) { 
$user = $_POST['username'];
$pass = $_POST['password']; 
//periksa login 
if ($user == "siswa" && $pass == "123") { 
//menciptakan session 
$_SESSION['kirim'] = $user; 
//menuju ke halaman pemeriksaan session 
}
}
if (isset($_SESSION['kirim'])) {
echo "Selamat Datang " .$_SESSION['kirim']."<br>";
echo "<center> Informasi Siswa </center>";
echo "<form action=\"\" method=\"POST\" name=\"infosiswa\">\n";
echo "Nama Siswa : <input type=\"text\" name=\"nama\" class=\"form-control\"><br>\n";
echo "Alamat : <input type=\"text\" name=\"alamat\" class=\"form-control\"><br>\n";
echo "<input type=\"submit\" name=\"info\" value=\"daftar\">\n";
echo "</form>";
}
else{
echo "<form action = \"\" method = \"POST\" name = \"login\">";
echo "Username : <input type = \"text\" name = \"username\" class = \"form-control\"><br>";
echo "Password : <input type = \"password\" name = \"password\" class = \"form-control\"><br>";
echo "<input type = \"submit\" name = \"kirim\" value = \"login\" class = \"btn btn-success\">";
echo "</form>";
}
?>
</div>
<?php
if (isset($_POST['info'])) {
# code...
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
echo "Nama Anda : $nama <br>";
echo "Alamat Anda : $alamat";
}
?>
</div>
</body>
</html>

- Soal 2

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Bootstrap 3, from LayoutIt!</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
<!--script src="js/less-1.3.3.min.js"></script-->
<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
  <![endif]-->

  <!-- Fav and touch icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
  <link rel="shortcut icon" href="img/favicon.png">
  
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</head>

<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">Brand</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active">
<a href="index.php">Home</a>
</li>
<li>
<a href="about.php">About</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Action<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="logout.php">Logout</a>
</li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control">
</div> <button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#">Link</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">Action</a>
</li>
<li>
<a href="#">Another action</a>
</li>
<li>
<a href="#">Something else here</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">Separated link</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<div class="jumbotron">
<h1>
SOAL 2
</h1>
<p>
This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.
</p>
<p>
<a class="btn btn-primary btn-large" href="#">Learn more</a>
</p>
</div>
</div>
<?php
session_start();
if (isset($_SESSION['kirim'])) {
# code...
echo "Selamat Datang " .$_SESSION['kirim'];
}
else
{
//die("Halaman ini hanya bisa diakses setelah Login <br>");
if (isset($_POST['kirim'])) {
# code...
$user = $_POST['username'];
$pass = $_POST['password'];

if ($user == 'siswa' && $pass == '123') {
# code...
$_SESSION['kirim'] = $user;
echo "Selamat Datang " .$_SESSION['kirim'];
}
}
else
{
?>
<form action="" method="POST" name="login">
Username : <input type="text" name="username" class="form-control"><br>
Password : <input type="password" name="password" class="form-control"><br>
<input type="submit" name="kirim" value="login" class="btn btn-success"><br>
</form>
<?php
}
}
?>
</div>
</div>
</body>
</html>

- Soal 3

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Bootstrap 3, from LayoutIt!</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
<!--script src="js/less-1.3.3.min.js"></script-->
<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
  <![endif]-->

  <!-- Fav and touch icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
  <link rel="shortcut icon" href="img/favicon.png">
  
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</head>

<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">Brand</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active">
<a href="index.php">Home</a>
</li>
<li>
<a href="about.php">About</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Action<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="logout.php">Logout</a>
</li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control">
</div> <button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#">Link</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">Action</a>
</li>
<li>
<a href="#">Another action</a>
</li>
<li>
<a href="#">Something else here</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">Separated link</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<div class="jumbotron">
<h1>
SOAL 3
</h1>
<p>
This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.
</p>
<p>
<a class="btn btn-primary btn-large" href="#">Learn more</a>
</p>
</div>
</div>
<?php
session_start();
if (isset($_SESSION['kirim'])) {
# code...
echo "Selamat Datang " .$_SESSION['kirim'];
}
else
{
//die("Halaman ini hanya bisa diakses setelah Login <br>");
if (isset($_POST['kirim'])) {
# code...
$user = $_POST['username'];
$pass = $_POST['password'];

if ($user == 'siswa' && $pass == '123') {
# code...
$_SESSION['kirim'] = $user;
echo "Selamat Datang " .$_SESSION['kirim'];
}
}
else
{
?>
<form action="" method="POST" name="login">
Username : <input type="text" name="username" class="form-control"><br>
Password : <input type="password" name="password" class="form-control"><br>
<input type="submit" name="kirim" value="login" class="btn btn-success"><br>
</form>
<?php
}
}
?>
</div>
</div>
</body>
</html>

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Free Web Hosting