Agung Arpan: 2018

Wednesday, November 28, 2018

Tugas 4 menggunakan Controller, Model, dan View

lingkaran_model.php

<?php
Class lingkaran_model extends CI_model {
//mendefinisikan konstanta untuk nilai PI
const PI = 3.14;

//atribut model
private $jarijari;

//metode untuk menentukan nilai $jarijari
public function set_jarijari($r){
$this->jarijari = $r;
}

//metode untuk mengambil nilai $jarijari
public function get_jarijari( ){
return $this->jarijari;
}

//metode untuk menghitung luas lingkaran
public function hitung_luas( ){
return self::PI * $this->jarijari * $this->jarijari;
}

//metode untuk menghitung keliling lingkaran
public function hitung_keliling( ){
return 2 * self::PI * $this->jarijari;
}

}

lingkaran.php

<?php
Class Lingkaran extends CI_Controller {
public function index( ) {

//meload model Lingkaran_model
$this->load->model ('lingkaran_model');

//menangkap model yang telah dimuat oleh controller
$model = $this->lingkaran_model;

//menentukan nilai jari jari
$model->set_jarijari(3);

//memuat view dan mengirimkan $model ke view
$this->load->view ('lingkaranview', array('model' =>
$model));
}

}

lingkaranview.php

<html>
<head>
<title> Demo Model, View, Controller </title>
</head>
<body>
<h2> Model Lingkaran </h2>


Nilai Jari Jari : <?php echo $model->get_jarijari( ); ?> <br>


Luas Lingkaran : <?php echo $model->hitung_luas( ); ?> <br>


Keliling Lingkaran : <?php echo $model->hitung_keliling( ); ?>
<br>
<h2> Nama : Agung Arpan </h2>
<h2> Nim : 12160029 </h2>
<h2> Kelas : 12.5D.11 </h2>
</body>

</html>

Hasil Program :

Nama : Agung arpan

NIM : 12160029

Kelas : 12.5D.11

Saturday, November 3, 2018

Kuis Web Pemograman 1 (Web Responsive Perpustakaan)

Source Code

index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/Style.css">
<title>Belajar Design Dengan CSS</title>
</head>
<body>

<h1><marquee>Selamat Datang Di Perpustakaan Universitas Bina Sarana Informatika</marquee></h1>
<div id="container">
<div class="header">"AYO MEMBACA"</div>
<div class="main">
<div class="left">
<h3 align="center">Menu</h3>
<ul>

<li><a href="login.php">Login</a></li>

<li><a href="#">Home</a></li>
<li><a href="#">Daftar Buku</a></li>
</ul>
</div>
<div class="middle">
<h3 align="center">Berita</h3>
<h2 align="center">Membuat Design Web Responsive</h2><br>
<div align="center">
<img src="images/data-center.jpg" width="350" height="50">
</div>
<p><a href="#">Baca Selengkapnya >></a></p>
</div>
<div class="right">
<h3 align="center">Buku Terpopuler</h3>
<p>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">Pemrograman</a></li>
<li><a href="#">Database</a></li>
</ul>
</p>
</div>
</div>
</div>
<div class="footer"><p align="center">Coppyrigth 2018 Belajar CSS Responsive</a></p>
</div>
</div>
</body>

</html>

login.php

<html>
<head>
<title>LOGIN</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div class="kotak_login">
<p class="tulisan_login">Silahkan login</p>

<form action="home.php" method="post">
<label>Username</label>
<input type="text" name="username" class="form_login" placeholder="Username atau email ..">
<br>
<label>Password</label>
<input type="text" name="password" class="form_login" placeholder="Password ..">

<input type="submit" class="tombol_login" value="LOGIN">

<br/>
<br/>
<center>
<a class="link" href="index.html">kembali</a>
</center>
</form>

</div>

home.php

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/Style.css">
<title>PERPUSTAKAAN</title>
</head>
<body>
<div id="container">
<div class="header">SELAMAT DATANG <?php echo $_POST['username'];?> </div>

<div class="main">
<div class="left">
<h3 align="center">Menu</h3>
<ul>

<li><a href="#">Login</a></li>

<li><a href="#">Home</a></li>
<li><a href="buku.php">Daftar Buku</a></li>
</ul>
</div>
<div class="middle">
<h3 align="center">PERPUSTAKAAN</h3>
<h2 align="center">UNIVERSITAS BINA SARANA INFORMATIKA</h2><br>
<div align="center">
<img src="images/data-center.jpg" width="350" height="50">
</div>
<p><a href="#">Baca Selengkapnya >></a></p>
</div>
<div class="right">
<h3 align="center">Buku Terpopuler</h3>
<p>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">Pemrograman</a></li>
<li><a href="#">Database</a></li>
</ul>
</p>
</div>
</div>
</div>
<div class="footer"><p align="center">Coppyrigth 2018 Belajar CSS Responsive</a></p>
</div>
</div>
</body>
</html>

buku.php

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/Style.css">
<title>Buku</title>
<body>
<style>
img {
width: 200px;
height: 150px;
border: 4px solid #575D63;
padding: 10px;
margin: 20px;
}
</style>
</head>
<body>
<img class="gambar1" src="sim.jpg"><img class="gambar2" src="koalakamal.jpg">
<img class="gambar3" src="robinhood.jpg"><img class="gambar4" src="laskarpelangi.jpg">
<img class="gambar5" src="tehnologi.jpg"><img class="gambar6" src="sejarah.jpg">
<img class="gambar6" src="dilan.jpg"><img class="gambar7" src="piknik.jpg">
<img class="gambar8" src="ceritarakyat.jpg"><img class="gambar9" src="download.jpg">
<center>
<a class="link" href="index.html">KEMBALI</a>
</center>
</body>
</html>

Style.css

*{
padding :0 ;
margin :0 ;
}

body{
width: 100%;
background-color: #a8a8a8;

}

marquee{
background-color: #ffffffd7;
color: #0006ff
}

p{
margin-bottom: 20px;
line-height: 1.5em;
}

h3{
font : white;
border-bottom: 1px solid #08010f;
}

a{
text-decoration: none;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-style: inherit;
font-size: 20px;
color: #d4d2db;
}

a:hover{
color: #ff0000;
}

#container{
max-width: 100%;
background: #0c7575d7;
overflow: hidden;
margin : 60px 50px;
padding: 10px 50px 10px 40px;
}

.header{

font-size: 30px;
text-align : center;
background-color: #218acf;
}

.header h1{

font-family: 'Times New Roman', Times, serif;
font-style: italic;
}

/* main */

.left{
width: 240px;
border: 10px dotted;
padding: 10px;
margin: 10px;
float: left;
background-color: #0c5986;
}

.left ul{
list-style-type: none;
}

.left ul li{
display: block;
}

.left ul li a{
display: block;
border-bottom: 1px solid #dedede;
margin-bottom: 10px;
padding: 10px 5px;
font: #64bed4;
}

.left ul li a:hover{
color: #ca1414 ;
}

.middle{
width: 490px;
border: 1px solid #dedede;
padding: 5px;
margin: 10px;
float: left;
}

.middle2{
width: 490px;
border: 1px solid #dedede;
padding: 5px;
margin: 10px;
float: left;
}

.middle img{
background-image: img src="images/..vizta.jpg";
max-width: 100%;
height: auto;
}

.middle a{
font-weight: bold;
}

.right{
width: 250px;
border: 10px dotted;
padding: 10px;
margin: 10px;
float: left;
background-color: #0c5986;
}

.right ul{
list-style-type: none;
}

.right ul li{
display: block;
}

.right ul li a{
display: block;
border-bottom: 1px solid #dedede;
margin-bottom: 10px;
padding: 10px 5px;
}

.right ul li a:hover{
color: #ca1414;
}

#footer{
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
font-size: 28pt;
color: #6813c9;
clear: both;
border: 1px solid #dedede;
padding: 15px;
}

@media screen and(max-width:995px){
#container{
width: 100%;
}
#left-columm{
width: 70%;
}
#right-columm{
width: 30%;
}
img{
width: 80%;
}
}

/* MEDIA QUIRIES (Responsive)***********/

@media screen and (max-width:1080px){
.container{
width: 100%;
}
.left{
width: 25%;
background: #0c7575d7;
}
.middle{
width: 60%;
float: right;
}
.right{
clear: both;
padding: 1% 4%;
width: auto;
float: none;
background: #0c7575d7;
}
}

/* Untuk ukuran layar 700px kebawah */

@media screen and (max-width:780px){
.header,
.footer{
text-align: center;
}
.left{
width: auto;
float: none;
}

.middle{
width: auto;
float: none;
}

.right{
width: auto;
float: none;
}
}

Tampilan Index

Tampilan Login

Tamiplan Home

Tampilan Daftar Buku

Nama : Agung Arpan

NIM : 12160029

Kelas : 12.5D.11

Thursday, October 4, 2018

Tugas Web Buku Tamu

Source Code

inputkomentar.php

<html>
<head>
<title>Input Komentar</title>
</head>
<style>
body{
background-image:url(kopi.jpg);
background-size:cover;
background-attachment: fixed;
}
p{
color:white;
}
</style>
<body>
<form action="tampilkomentar.php"method="post">
<h1>BUKU TAMU</h1>
<b>Komentar dan Saran Anda Sangat Kami Butuhkan.<br>
Untuk Meningkatkan Kualitas Situs Kami.
<hr>
<pre>
Nama Anda : <input type="text" name="nama"size="25"maxlength="50">
Email Anda :<input type="text"name="email"size="25"maxlength="50">
Komentar : <textarea name="komentar" cols="50" rows="5"></textarea>
<input type="submit"value="kirim"><input type="reset"value="batal">
</pre>
</form>
</body>
</html>

Hasil :

tampilkomentar.php

<html>
<head>
<title>Data Komentar</title>
</head>
<style>
body{
background-image:url(kopi1.jpg);
background-size:cover;
background-attachment: fixed;
}
p{
color:white;
}
</style>
<body>
<font face=Times New Roman size=4 color=white>
<?php
$nama=$_POST['nama'];
$email=$_POST['email'];
$komentar=$_POST['komentar'];
?>
<h1>Data Komentar Anda</h1>
<hr>
<pre>
Nama Anda : <?php echo $nama;?> <br>
Email Anda : <?php echo $email;?> <br>
Komentar Anda : <?php echo $komentar;?> <br>
<a href="forminputkomentar.php">INPUT DATA LAGI</a>
</pre>
</body>
</html>

Hasil :

Nama : Agung Arpan

NIM : 12160029

Kelas : 12.5D.11

Tugas Web 3

TOKO CAT GUNA BANGUN JAYA

Source Code :

form.php

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>input</title>
<style type="text/css">
body,td,th {
color : white;
font-size: 18px;
-->
</style>
</head>
<body bg background="tekstur.jpg"height="500" width="400">
<body>
<form id="form1" name="form1" method="post" action="output.php">
<font face=Times New Roman size=5 color=white>
<center>
<p class="style3">TOKO CAT GUNA BANGUN JAYA</p>
<table width="507" border="10">
<tr>
<td width="120">Nama Custumer </td>
<td width="3">:</td>
<td width="225"><input name="nama" type="text" id="nama" /></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input name="alamat" type="text" id="alamat" /></td>
</tr>
<tr>
<td>Jenis Cat </td>
<td>:</td>
<td><select name="jnscat" id="jnscat">
<option>MOWILEX</option>
<option>DANAPAINT</option>
<option>CATYLAC</option>
</select>
</td>
</tr>
<tr>
<td>Warna Cat </td>
<td>:</td>
<td><input name="wrnacat" type="radio" value="Merah" />
Merah
<input name="wrnacat" type="radio" value="Biru" />
Biru
<input name="wrnacat" type="radio" value="Kuning" />
Kuning</td>
</tr>
<tr>
<td>Jumlah Beli </td>
<td>:</td>
<td><input name="jumbel" type="text" id="jumbel" /></td>
</tr>
<tr>
<td colspan="3"><input type="submit" name="Submit" value="Hitung" />
<input type="reset" name="Submit2" value="Batal" /></td>
</tr>
</table>
<p>  </p>
</form>
</body>
</html>

Output.php

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>output</title>
<style type="text/css">
body,td,th {
color : white;
font-size: 18px;
-->
</style>
</head>
<body bg background="tekstur.jpg"height="500" width="400">

<body>
<form id="form1" name="form1" method="post" action="">
<center>
<p class="style1">
<?php
$nama=$_POST['nama'];
$alamat=$_POST['alamat'];
$jnscat=$_POST['jnscat'];
$jumbel=$_POST['jumbel'];
$wrnacat=$_POST['wrnacat'];

if($jnscat=="CATYLAC")
{$a=40000;}
else if ($jnscat=="DANAPAINT")
{$a=30000;}
else if ($jnscat=="MOWILEX")
{$a=20000;}

$total=$a*$jumbel;

if ($jumbel>=5)
{$b=$total* 5/100;}
else if ($jumbel>=10)
{$b=$total* 10/100;}
else {$b=0;}
$totbay=$total-$b;

?>
</p>
<p class="style1 style2">TOKO CAT GUNA BANGUN JAYA </p>
<table width="500" border="10">
<tr>
<td colspan="4">------------------------------------------------------------------------------</td>
</tr>
<tr>
<td width="151">Nama Costumer </td>
<td width="8">:</td>
<td colspan="2"><?php echo $nama ?> </td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td colspan="2"><?php echo $alamat ?> </td>
</tr>
<tr>
<td>Jenis Cat </td>
<td>:</td>
<td colspan="2"><?php echo $jnscat ?> </td>
</tr>
<tr>
<td>Warna</td>
<td>:</td>
<td colspan="2"><?php echo $wrnacat ?> </td>
</tr>
<tr>
<td>Harga</td>
<td>:</td>
<td width="129"> </td>
<td width="194">Rp.<?php echo $a ?></td>
</tr>
<tr>
<td>Jumlah Beli </td>
<td>:</td>
<td colspan="2"><?php echo $jumbel ?> </td>
</tr>
<tr>
<td colspan="4">------------------------------------------------------------------------------(*)</td>
</tr>
<tr>
<td>Total Harga </td>
<td>:</td>
<td> </td>
<td>Rp.<?php echo $total ?> </td>
</tr>
<tr>
<td>Diskon</td>
<td>:</td>
<td> </td>
<td>Rp.<?php echo $b ?> </td>
</tr>
<tr>
<td colspan="4">------------------------------------------------------------------------------(-)</td>
</tr>
<tr>
<td>Total Bayar </td>
<td>:</td>
<td> </td>
<td>Rp.<?php echo $totbay ?> </td>
</tr>
<tr>
<td colspan="4"> </td>
</tr>
<tr>
<td colspan="4">------------------------------------------------------------------------------</td>
</tr>
<tr>
<td colspan="4"><a href="input.php">Kembali</a></td>
</tr>
</table>
<p class="style1"> </p>
</form>
</body>
</html>

Hasil :

Input :

Output :

Nama : Agung Arpan

Nim : 12160029

Kelas : 12.5D.11

Thursday, September 27, 2018

Tugas Web 2

Source Code Menghitung Volume Kubus

<head>
<title>Menghitung Volume Kubus</title>
</head>
<center>
<body bgcolor="pink">
<?php

$teks1 = "Belajar Menghitung";
$teks2 = " Volume Kubus";
$hasil = $teks1 . $teks2;
echo "$hasil";

$s=15;
echo"<table border='2' bgcolor='black' style='color:pink'><tr><th colspan='2'<br>Panjang Sisi Kubus = $s<br>\n";
$volume=$s * $s *$s;
echo "Volume Kubus = $volume cm3";
?>

Hasil :

Nama : Agung Arpan

Nim : 12160029

Kelas : 12.5D.11

Thursday, September 20, 2018

Tugas Web 1

Source Code Tugas Web 1

<html>
<head>
<title>Daftar Produk </title>
</head>
<body bg background="hitam.jpg"height="500" width="400">
<body>
<body widht="50%" bgcolor="white" text="white"><br>
<center>
<b>WELCOME TO MY STORE<br>
<table border="1" width="50%" cellspacing="5" cellpadding="5">
<tr>
<h2>
<th bgcolor="00CCFF" colspan="4">DAFTAR PRODUK</th>
</tr>
<tr>
<th rowspan="4">
<img src="kamera.jpg" widht="150px"/>
</th>
</tr>
<td bgcolor="44ff48" colspan="2">Nama Produk</td>
<td bgcolor="black">Canon EOS M10 EF-M 15-4mm</td>
</tr>
<tr>
<td bgcolor="f2e25e" colspan="2">Harga</td>
<td bgcolor="f441dd">Rp 4,899,000</td>
</tr>
<tr>
<td bgcolor="efa4b7" colspan="2">Fitur Produk
<td bgcolor="31aedc"> *kamera mirolless<br>
*Efektivitas Pixel : 18 MP<br>
*Tipe Sensor : CMOS DIGIC 6<br>
*Layar : 3.0 Inch<br>
*Memiliki Lampu Flash Dengan Jarak Jangkauan Hingga 5 meter</td>
</center>
</tr>
</table>
</body>
</html>

Hasil :

Nama : Agung Arpan
Nim : 12160029
Kelas : 12.5D.11

Agung Arpan

Wednesday, November 28, 2018

Tugas 4 menggunakan Controller, Model, dan View

Saturday, November 3, 2018

Kuis Web Pemograman 1 (Web Responsive Perpustakaan)

Thursday, October 4, 2018

Tugas Web Buku Tamu

Tugas Web 3

Thursday, September 27, 2018

Tugas Web 2

Thursday, September 20, 2018

Tugas Web 1

Followers

Blog Archive