SIMPLE LAREOSING

Kamis, 12 Juli 2012

Website pada umumnya:

Terlebih dahulu mendesain halaman-halaman website dengan menggunakan bahasa pemrograman web seperti HTML, PHP, ASP, XML, dll. Biasanya menggunakan bantuan software seperti dreamweaver atau frontpage.
Halaman-halaman tersebut selanjutnya kita simpan dalam sebuah webserver (hosting) termasuk file-file atau dokumen-dokumen yang digunakan sebagai sumber membangun halaman-halaman tersebut, misalnya gambar. Selanjutnya kita juga perlu mendapatkan sebuah alamat website (domain).
Untuk mengelolanya, biasanya kita atau dalam hal ini disebut webdeveloper, harus berhubungan langsung dengan halaman-halaman yang sudah kita simpan tadi. Maksudnya seperti ini, misalkan kita ingin menambah kalimat pada halaman yang sudah kita simpan, maka kita perlu masuk ke dalam hosting kita kemudian melakukan perubahan pada halaman tersebut.
Kita dapat mendesain dari awal halaman yang kita inginkan secara keseluruhan dan dapat merubahnya secara keseluruhan juga.
Sekarang ini website sudah banyak berbasis database sehingga memungkinkan pengelolaannya semakin mudah, misalnya sudah memakai halaman administrator. Selain itu, penggunaan database membuat website semakin canggih, misalnya bisa digunakan untuk jual beli di internet, dll. Sumber database itu sendiri adalah milik kita sebagai webdeveloper.
Website yang yang kita bangun sendiri bisa merupakan website yang independen, artinya tidak mempunyai keterikatan dengan website lain.

Minggu, 13 Maret 2011

MODUL 6 - STUDI KASUS (GENERATE TABLE)

Pada studi kasus ini membuat tabel dengan fungsi sederhana untuk men-generate matriks sel pada tabel.
misalkan diberikan argumen 5 (baris) dan 5 (kolom), maka program akan menampilkan tabel dengan 5 baris dan 5 kolom.

SOURCECODE :

<!DOCTYPE html>
<html lang="en">

<head>
<title>Generate Table</title>
</head>

<body bgcolor="white">

<center>
<h1>FUNCTION GENERATE TABLE</h1>
<h3>membuat table dengan inputan argumen</h3>
<hr />
<br>
<br>

<?php
function Create_table($baris, $kolom)
{

echo("<table border=\"1\">\n");

for($b = 0; $b < $baris; $b++) {
echo("<tr height=\"30px\">\n");

for($k = 0; $k < $kolom; $k++) {
echo("<td width=\"100px\"></td>\n");
}

echo("</tr>\n");
}
echo("</table>\n");

echo("<h3>Tabel : $baris baris dan $kolom kolom</h3>");
}
Create_table(5,5);
?>

</center>
</body>
</html>

begitu pula denga membuat 7 baris dan 5 kolom
maka cukup dengan mengubah Create_table(7,5);

MODUL 6 - STUDI KASUS (FUNGSI GREETING)

SOURCE CODE :

<!DOCTYPE html>
<html lang="en">

<head>
<title>Greeting</title>

</head>

<body bgcolor="green">
<center>
<h1>ADA YANG BILANG JELEK KU GAK PEDULI</h1>
<hr />
<img src="images/banyuwangi.png">

<?php
$d=date("G");
if ($d > "0" && $d < "6") {
echo "<<h1>Selamat Subuh</h1>". date("G");
echo "<h2>Selamat Datang di SIMPLE LAREOSING</h2>";
echo "<h3>Sekarang adalah hari ". date("l"). " tanggal ". date("d m Y");
echo "<br>Waktu menunjukkan pukul ". date("H:i"). " WIB";
}

elseif ($d > "6" && $d < "12") {
echo "<h1>Selamat pagi</h1>";
echo "<h2>Selamat Datang di SIMPLE LAREOSING</h2>";
echo "<h3>Sekarang adalah hari ". date("l"). " tanggal ". date("d m Y");
echo "<br>Waktu menunjukkan pukul ". date("H:i"). " WIB";
}

elseif ($d > "12" && $d < "18"){
echo "<h1>Selamat Siang</h1>";
echo "<h2>Selamat Datang di SIMPLE LAREOSING</h2>";
echo "<h3>Sekarang adalah hari ". date("l"). " tanggal ". date("d m Y");
echo "<br>Waktu menunjukkan pukul ". date("H:i"). " WIB";
}

else {
echo "<h1>Selamat Malam</h1>";
echo "<h2>Selamat Datang di SIMPLE LAREOSING</h2>";
echo "<h3>Sekarang adalah hari ". date("l"). " tanggal ". date("d m Y");
echo "<br>Waktu menunjukkan pukul ". date("H:i"). " WIB";
}

?>

</center>
</body>
</html>

Sabtu, 05 Maret 2011

MODUL 5 - TUGAS PRAKTIKUM

Program Kasir Warung

tampilan awal

setelah di klik batal

warung.css

body {
margin: 10px auto;
width: 580px;
}

header,section,footer{
display:block;
border:1px solid blue;
}

header{
height:60px;
background : #4380d4;
}

section{
padding: 10px;
height:400px;
}

footer{
clear:both;
height:20px;
background : #4380d4;
}

warung.js

function JumlahTotal(){

var myForm=document.form1;
var total1;
var total2;
var total3;
var total4;
var total5;

total1 =parseInt(myForm.harga1.value) * parseInt(myForm.pesan1.value);
total2 =parseInt(myForm.harga2.value) * parseInt(myForm.pesan2.value);
total3 =parseInt(myForm.harga3.value) * parseInt(myForm.pesan3.value);
total4 =parseInt(myForm.harga4.value) * parseInt(myForm.pesan4.value);
total5 =parseInt(myForm.harga5.value) * parseInt(myForm.pesan5.value);

myForm.JumTotal.value=total1+total2+total3+total4+total5;
}

function potongan(){
var myForm=document.form1;

if (myForm.JumTotal.value < 50000){
myForm.Diskon.value = 0;
}
else{
myForm.Diskon.value = 10000;
}
}

function JumlahBayar(){
var myForm=document.form1;

myForm.JumBayar.value = myForm.JumTotal.value - myForm.Diskon.value ;
}

function proses(){
JumlahTotal();
potongan();
JumlahBayar();
reset();
}

function reset(){
var elemen = document.pemesanan;

elemen.pesan1.value = "";
elemen.pesan2.value = "";
elemen.pesan3.value = "";
elemen.pesan4.value = "";
elemen.pesan5.value = "";
elemen.total.value = "";
elemen.diskon.value = "";
elemen.bayar.value = "";
}

warung.html

<!DOCTYPE HTML>
<html lang="en">

<head>
<title>Warung Rung</title>
<script language="JavaScript" type="text/javascript" src="warung.js"></script>
<link rel="stylesheet" href="warung.css" type="text/css" />
</head>

<body>

<header>
<h1 align="center">WARUNG RUNG</h1>
</header>

<section>
<form name="form1" action="#">
<table border=1 cellpadding=3>
<tr>
<th>No.</th>
<th width = 200px >Makanan / Minuman </th>
<th width = 200px >Harga</th>
<th>Pesan</th>
</tr>

<tr>
<td>1</td>
<td>Bakso Istimewa </td>
<td>@<input type="text" name="harga1" value="12000" readonly /></td>
<td><input type="text" name="pesan1" value="0" onChange ="proses()"/></td>
</tr>

<tr>
<td>2</td>
<td>Soto Spesial </td>
<td>@<input type="text" name="harga2" value="10000" readonly /></td>
<td><input type="text" name="pesan2" value="0" onChange ="proses()" /></td>
</tr>

<tr>
<td>3</td>
<td>Mie Ayam Super </td>
<td>@<input type="text" name="harga3" value="15000" readonly /></td>
<td><input type="text" name="pesan3" value="0" onChange ="proses()" /></td>
</tr>

<tr>
<td>4</td>
<td>Es Degan </td>
<td>@<input type="text" name="harga4" value="5000" readonly /></td>
<td><input type="text" name="pesan4" value="0" onChange ="proses()" /></td>
</tr>

<tr>
<td>5</td>
<td>Es Campur </td>
<td>@<input type="text" name="harga5" value="7000" readonly /></td>
<td><input type="text" name="pesan5" value="0" onChange ="proses()" /></td>
</tr>

<tr>
<td colspan=3>Jumlah</td>
<td><input type="text" name="JumTotal" readonly /></td>
<tr>

<tr>
<td colspan=3>Diskon</td>
<td><input type="text" name="Diskon" readonly /></td>
<tr>

<tr>
<td colspan=3>Jumlah Dibayar</td>
<td><input type="text" name="JumBayar" readonly /></td>
<tr>

</table>

<br>

<input type="button" name="batal" value="Batal" onclick="reset()"/>

</form>
</section>

<footer>
<center> © alifable </center>
</footer>

</body>
</html>

MODUL 5 - STUDI KASUS

Membuat Calculator Sederhana

cal.js

function proses(){
var myForm=document.form1;

if (myForm.operasi.value == "+"){
myForm.hasil.value = parseInt(myForm.bil1.value) + parseInt(myForm.bil2.value);
}
else if (myForm.operasi.value == "-"){
myForm.hasil.value = parseInt(myForm.bil1.value) - parseInt(myForm.bil2.value);
}
else if (myForm.operasi.value == "*"){
myForm.hasil.value = parseInt(myForm.bil1.value) * parseInt(myForm.bil2.value);
}
else {
myForm.hasil.value = parseInt(myForm.bil1.value) / parseInt(myForm.bil2.value);
}
}

cal.html

<!DOCTYPE html>
<html lang="en">

<head>
<title>Simple Calculator</title>
<script language="JavaScript" type="text/javascript" src="cal.js"></script>
</head>

<body bgcolor="#4380d4">

<center>
<h1> SIMPLE CALCULATOR</h1>
<form name=form1 action="#">
<table border="1">
<tr>
<td>Bilangan1 <input type="text" name="bil1"/></td>
</tr>
<tr>
<td align="center"><select name="operasi" >
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
</td>
</tr>
<tr>

<td>Bilangan2 <input type="text" name="bil2" /></td>

</tr>

<tr>
<td align="center"><input type="button" value="=" onclick="proses()" /></td>
</tr>
<tr>
<td>Hasil       
<input type="text" name="hasil" /></td>
</tr>

</table>
</form>
<br>
© alifable
</center>

</body>
</html>