Selasa, 05 Juni 2012

toko DAN (dj'asmi;noe) online

DASAR-DASAR HTML

Tag HTML dasar
Start Tag
Kegunaan
<html>
Mendefinisikan sebuah dokumen html
<body>
Mendefinisikan isi/badan suatu dokumen
<h1>-<h6>
Mendefinisikan heading ke 1 s/d heading ke 6
<p>
Mendefinisikan sebuah paragraf
<br>
Menyisipkan sebuah line break
<hr>
Mendefinisikan sebuah garis horisontal
<!-->
Mendefinisikan komentar dalam kode sumber HTML
Setelah itu, Anda akan mempelajari penggunaan dari beberapa tag yang digunakan dalam melakukan pemformatan tampilan halaman web supaya lebih sesuai dengan keinginan atau agar lebih rapi dan terstruktur. Perhatikan beberapa daftar tag di bawah ini, serta kegunaan utamanya dalam sebuah halaman HTML. Beberapa diantaranya telah dihilangkan dari daftar tag HTML standar, namun masih memungkinkan untuk ditampilkan pada beberapa browser tertentu atau browser lama.
Tag untuk pemformatan teks dasar
Start Tag
Kegunaan
<b>
Mendefinisikan teks tebal
<big>
Mendefinisikan teks yang lebih besar
<em>
Mendefinisikan teks yang dimiringkan 
<i>
Mendefinisikan teks yang dimiringkan
<small>
Mendefinisikan teks yang lebih kecil
<strong>
Mendefinisikan teks tebal
<sub>
Defines subscripted text
<sup>
Mendefinisikan teks yang posisinya lebih ke atas
<ins>
Mendefinisikan teks yang bergaris bawah
<del>
Mendefinisikan teks yang hendak dihapus

Rabu, 02 Mei 2012

perintah WHILE

Contoh struktur pengulangan dengan while :
<html>
<head>
<title>Struktur pengulangan dengan WHILE< /title>
</head>
<body>
<?php
$i=1;
while ($i <= 9)
{
print("Ini pengulangan yang ke-$i< br>");
$i++;
}
?>
</body>
</html> 

perintah ELSE

Contoh penggunaan pernyataan if...else, sebagai berikut :


<html>

<head>
<title>Struktur Kendali IF...ELSEIF</title>
</head>
<body>
<?php
$waktu = getdate();
if ($waktu[hours] <= 10)
{
print("Selamat Pagi");
}
elseif ($waktu[hours] <= 15)
{
print("Selamat Siang");
}
elseif ($waktu[hours] <= 18)
{
print("Selamat Sore");
}
else
{
print("Selamat Malam");
}
?>
</body>
</html>

perintah SWITCH

Berikut ini contoh penggunaan struktur kendali dengan perintah switch 
<html>
<head>
<title>Struktur Kendali dengan Switch</title>
</head>
<body>
<?php
$english = date("l");
switch($english_day)
{
case "Monday":
$indonesian = "Senin";
break;
case "Tuesday":
$indonesian = "Selasa";
break;
case "Wednesday":
$indonesian = "Rabu";
break;
case "Thursday":
$indonesian = "Kamis";
break;
case "Friday":
$indonesian = "Jumat";
break;
case "Saturday":
$indonesian = "Sabtu";
break;
default:
$indonesian = "Minggu";
}
echo "<h2>jika hari $indonesian, memakai baju seragam putih</h2>";
?>
</body>
</html>

Rabu, 25 April 2012

KASUS 1 : PENGGAJIAN KARYAWAN STIMED


 karyawan stimed nusa palapa mempunyai masing-masing  jabatan sebagai berikut yaitu sebagai direktur,manager,sekretaris masing-masing jabatan mempunyai tunjangan istri sebesar 10% dan anak sebesar 20%dan memiliki nip yang berbeda-beda.Selain itu jabatan karyawan stimed nusa palapamempunyai gaji yang berbeda-beda.
direktur gajinya:5.000.000,manager gajinya 4.000.000,sekretaris 2.000.000
tetapi semua jabatan setiap bulannya gaji yang dia dapat mesti dapat potongan pajak dan tunjungan.

sekarang buatlah dalam HTML berbasis PHP daftar setiap karyawan Stimed Nusa Palapa serta hitung total tunjangan dan total gajinya!

SCRIPT INPUT
<html>
<head>
<title> KARYAWAN STIMED NUSAPALAPA </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body {
background-color: #FF66FF;
}
-->
</style></head>
<body>
<form action="slip_gj.php" method=POST>
<pre>
<h1><b>DATA GAJI KARYAWAN STIMED</h1></b>
Nama Pegawai   <input type="text" name=nama>
 
NiP            <input type="text" name=nip>
 
Jabatan        <select name=jb>
<option value="DIREKTUR">Direktur</option>
<option value="MANAGER">Manager</option>
<option value="SEKRETARIS">Sekretaris</option>
<option value="STAFF">Staff Karyawan</option>
</select>
 
Tunjangan      <input type="checkbox" value=anak name=ank><b> Anak</b>
<input type="checkbox" value=Istri name=ist><b> Istri</b>
 
<input type="submit" value=InputGaji>  <input type="reset" Value=Batal>
 
</body>
</html>

SCRIPT OUTPUTNYA 

<html>
<head>
       <title>KARYAWAN STIMED NUSAPALAPA</title>
</head>
<body bgcolor=#FF66FF;>
<body>
<?php
$a=$_POST['nip'];
$b=$_POST['nama'];
$c=$_POST['jb'];
$d=$_POST['ank'];
$e=$_POST['ist'];
if ($c=="DIREKTUR")
{   $gaji=5000000;
    }
elseif ($c=="MANAGER")
{
     $gaji=4000000;
 
    }
elseif ($c=="SEKRETARIS")
{
     $gaji=1000000;
}
else
{   $gaji=2000000;
    }
 
if ($d=="anak")
{
    $jml1=20/100*$gaji;
    }
else
{    $jml1=0;
 
    }
   
if ($e=="Istri")
{
    $jml2=10/100*$gaji;
    }
else
{    $jml2=0;
 
    }
$Jumlah_tunj=$jml1+$jml2;
$pajak=$gaji*0.1;
$total_gaji=$gaji+$Jumlah_tunj-$pajak;
 
   
echo " <pre>
           <b>SLIP GAJI KARYAWAN STIMED NUSA PALAPA</b>
           =======================================
           NIP                                 :$a
           Nama Karyawan          :$b
           Jabatan                         :$c
           Gaji                                            :$gaji
           Tunjangan                   :$d + $e
           Total Tunjangan           :$Jumlah_tunj
           Pajak                             :$pajak
           Total Gaji                       :$total_gaji
           =======================================
           ";
          
 ?>
<a href="dt_gaji.php">back</a>
</body>
</table>

</html> 

berikut tampilan inputnya 


berikut tampilan outputnya



KASUS 2 : MENGHITUNG LUAS PERSEGI


      Sebuah bangunan persegi panjang yang hanya memiliki Panjang dan Lebar dan ditanyakan yaitu luasnya dari bangunan persegi panjang tersebut.Rumus yang di gunakan yaitu Panjang di kali Lebar(p*L).Buatlah dalam HTML  berbasis  PHP cara menghitung luas perseg!

Script input
<html>
<head>
<title>Persegi Form</title>
</head>
 
<body>
<pre>
MENGHITUNG LUAS PERSEGI
=========================
<form id="form1" name="form1" method="get" action="persegi_proses.php" >
Panjang = <input name="panjang" type="text" size="5" maxlength="5" /> meter
Lebar             = <input name="lebar" type="text" size="5" maxlength="5" /> meter
 
<input type="submit" name="Submit" value="Submit" /></form>
</pre>
</body>
</html>


 script output
<html>
<head>
<title>Persegi Proses</title>
</head>
 
<body>
<pre>
<?php
$panjang = $_GET['panjang'];
$lebar = $_GET["lebar"];
 
$luas = $panjang * $lebar;
 
echo "MENGHITUNG LUAS PERSEGI\n\n";
 
echo "Diketahui : Panjang = $panjang meter\n";
echo "                Lebar   = $lebar meter\n";
echo "Ditanyakan : Luas\n\n";
 
echo "Jawab:\n";
echo "Luas = Panjang x Lebar\n";
echo "     = $panjang meter x $lebar meter\n";
echo "     = $luas meter\n";
?>
</pre>
</body>
</html>

berikut tampilan inputnya 


berikut tampilan outputnya


KASUS 3 : TOKO KAIN



Toko kain Maju Terus mempunyai 2 model kain yaitu katun dan sutra selain itu ketiga kain tersebut memiliki 3 macam kualitas: yaitu kualitas pertama,kedua,dan ketiga.Masing-masing harga dari setiap kain berbeda:


kain sutra
kualitas pertama = 1.000.000
kualitas kedua = 900.000
kualitas ketiga = 800.000


sedangkan kain kain KATUN
kualitas pertama  = 600.000
kualitas kedua = 500.000
kualitas ketiga = 400.000.
 

Selain itu setiap pembelian kain masing-masing mendapatkan diskon 20%. Buatlah dalam HTML dalam berbasi PHP tabel pembelian toko kain maju terus serta hitunglah diskon,total bayar dan total keselurahan.

Script input
<body>
 <pre>
<form action="toko2.php" method="post">
<strong> Toko Kain "MAJU TERUS"
Jl. Maju Jaya Blok 1-A</strong>
------------------------------------------------------------
Input Pembeli : <input type="text" name="nm" size=20>

Jenis Kain : <select size=1 name="jk"><option>-PILIH-
<option value="str">STR
<option value="ktn">KTN </select>

Kualitas : <input type="radio" name="kw" value="1">1
<input type="radio" name="kw" value="2">2
<input type="radio" name="kw" value="3">3

Jumlah Beli : <input type="text" name="jb" size=2>

<input type="submit" name="submit" value="LIHAT"> <input type="reset" name="reset" value="BATAL">
</pre>
</form>
</body>







Script output
<html><head><title>Toko kain!</title></head>
<body>
<pre>
<?php
$nm="DJE";
$jk="KATUN";$kw="Tinggi";$hrg=25000;
$jb=12;
$tot = $jb * $hrg;
if ($jb>=15)
$dis=0.2 * $tot;
else
$dis = 0;
$total = $tot-$dis;
echo "----------------------------------------- <br>";
echo date("d F Y");
echo "<br>-----------------------------------------<br>";
echo "Nama Pembeli : $nm <br>";
echo "-----------------------------------------<br>";
echo "Jenis Kain : $jk <br>";
echo "Kualitas : $kw <br>";
echo "Harga Kain : Rp. $hrg <br>";
echo "Jumlah Beli : $jb <br>";
echo "Total Bayar : Rp. $tot <br>";
echo "Diskon : Rp. $dis<br>";
echo "Total Keseluruhan : <strong>Rp. $total</strong><br>";
echo "-----------------------------------------<br>";
?>
</body>
</html>



kemudian berikut tampilan inputnya 





tampilan outputnya


Rabu, 04 April 2012

biodata menggunakan HTML

<html>
<head><title>BIODATA</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:276px;
top:61px;
width:494px;
height:235px;
z-index:1;
}
-->
</style>
</head>

<body bgcolor="pink">
<div align="center">
 <p align="left">
<font face="Rockwell Extra Bold" color="#151B54" size="45"><strong>
<img src="FOTO.jpg" width="154" height="178" align="baseline"></font></strong>  BIODATA</font>
 <font face="Bradley Hand ITC" color="#151B54" size="5">
<i>, my PERSONAL DATA</i></font></p>
</div>
<hr size="15" width="100%" noshade color="#25383C">
<pre><font face="Rockwell Extra Bold" color="#151B54" size="45"><blink></blink></font><div align="left"><p><strong><font color="#151B54" size="5" face="Bradley Hand ITC">
Nama    : St Khadijah Palloge
Nim          : 01010018
Jurusan     : Sistim informasi
Alamat     : KOmpleks unhas blok K no. 2
No hp      : 087842544536</font></strong></p></div>
</pre>
<pre><hr size="5" width="100%" noshade color="#25383C"><br><br></pre>
</body>
</html>


berikut tampilannya

contoh statement INCLUDE di php:

head.php
---------
<?php
echo "selamat datang di website ku<br>";
?>


body.php
--------
<?php
include 'head.php';
echo "<br>Ini adalah contant atau isi dari website ku<br>";
?>

contoh statement REQUIRE di php:

tutorial1.php

<?php
$a=”selamat datang di rumah kami”;
function tulistebal($teks)
  {
    echo(“<b>$teks</b>”);
  }
?>

File tutorial2.php:

<?php
 require(“contoh1.php”);
 tulistebal(“semoga anda senang!”);
echo(“<br>”);
echo($a);
?>

contoh statement menggunakan SWITCH di php:

<?php
$a = 10;
$b = 10;
$proses = "pembagian";
switch($proses)
{
case "perkalian" :
$hasil = $a * $b;
break;
case "penjumlahan" :
$hasil = $a + $b;
break;
case "pengurangan" :
$hasil = $a - $b;
break;
case "pembagian" :
$hasil = $a / $b;
break;
default:
$hasil = "Error Tidak ada hasil";
break;
}
echo "Hasil $proses = " . $hasil;
?>

contoh statement menggunakan FOR di php:

<?php
    $a = 1;
    $b = 20;
    for ($a; $a <= $b; $a++) {
        echo "Nilai ke $a ";
        echo "<br />";
    }
?>

contoh statement menggunakan WHILE di php:

$i = 1;
while ($i <= 30):
    echo $i;
    $i++;
endwhile;
?>

contoh statement menggunakan IF di php:

<?php
$nilaiX = 10;
$nilaiY = 12;

if ($nilaiX < $nilaiY)
echo "$nilaiX < $nilaiY";
echo "<br />";
?>

Selasa, 27 Maret 2012

Macam-macam web browser yang digunakan untuk menjelajah internet

browserMungkin sebagian dari rekan-rekan yang masih agak awam dengan jelajah internet masih berpersepsi bahwa browser adalah Internet Explorer, yang sekarang sudah mulai merilis versi kedelapan meskipun masih beta. Ternyata ada banyak sekali browser yang dapat rekan-rekan gunakan sebagai jendela untuk mengakses informasi dari dunia maya.
Mungkin saja anda memakai satu jenis web browser saja sejak mengenal internet, dan ketika dihadapkan komputer lain (diwarnet misalnya), dengan komputer dengan sistem operasi linux yang default web browsernya rubah api(firefox), anda sedikit canggung memakainya dan meminta memilih memakai web browser dengan logo huruf ‘e’kecil berwarna biru.
Namun sesungguhnya kegunaan webbrowser adalah sama.
web browser is a software application for retrieving, presenting, and traversing information resources on the World Wide Web. An information resource is identified by a Uniform Resource Identifier(URI) and may be a web page, image, video, or other piece of content.   - wikipedia
di internet banyak betebaran macam-macam  web browser dengan beberapa kelebihan dan kekurangan, dengan mencobanya satu persatu, lalu berganti memakai web browser jenis lain secara berkala anda dapat mengenali behaviournya masing-masing.
dan apa saja macam-macam web browser tersebut, ini dia list yang berhasil kami rangkum:
  • Mozilla Firefox – link
dibuat oleh mozilla corporation, firefox adalah salah satu web browser open source yang dibangun dengan Gecko layout engine. Tak hanya handal firefox juga didukung oleh sejumlah Add-ons yang dapat diinstall terpisah yang memungkinkan pengguna melakukan sesuai dengan kegunaan Add-ons tersebut.
  • Internet Exporer – link
Web browser besutan Microsoft Corporation biasanya dikenal dengan nama pendekIE, sejak 1995 IE mulai di masukan sebagai default sotware pada saat instalasi Sistem Operasi Windows, sejak tulisan ini dibuat IE belum lama ini meluncurkan versi IE8.
Pada versi ini dikenalkan salah satu fitur baru yaitu web slice, Web Slice merupakan pilihan akses langsung di Favorit Bar yang muncul setiap kali browser web dibuka. Webslice bisa terdiri dari preview keseluruhan dari sebuah website yang disajikan dengan ukuran kecil tanpa kita membuka tab baru mengunjungi website tersebut, content dari webslice sebuah website bergantung dari penyedia website menyajikan content yang masuk ke webslice.
Dibuat oleh Apple Inc, perusahaan yang juga memproduksi komputer Macintosh, iPod, dan juga iPhone. dibangun dengan browser engine WebKit, WebKit juga adalah browser engine pertama yang lulus test Acid3
Flock adalab web browser yang dibangun dengan code mozilla frefox yang web browser ini khususkan menyediakan social networking dan Web 2.0
Flock didesain untuk memudahkan aktivitas online pengguna internet mengatur beberapa social networking, web mail, news feeds dan blogs yang mereka miliki. Dengan Mengunakan Flock mereka dapat dengan mudah menjelajah, berbagi, dan menikmati content maupun menjalin hubungan di situs pertemanan yang mereka inginkan.
Opera dikembangkan oleh Opera Software company adalah salah satu Web Browser dan juga Internet Suite. Jika firefox punya Add-ons,  Opera punya “Opera Widgets”, sebuah aplikasi  web kecil yang dijalankan bersamaan dengan Opera yang mempunyai kegunaan tertentu, layaknya Add-ons firefox.
  • K-Meleon – link
K-Meleon salah satu browser gratis dan open source di rilis dibawah  Lisensi GNU General Public dan berjalan diplatform Microsoft Windows (Win32) operating systems. Dibangun di atas Gecko layout engine, layout engine yang sama seperti digunakan Mozilla Firefox.
  • SeaMonkey – link
SeaMonkey adalah sebuah proyek komunitas untuk menjadikan SeaMonkey all-in-one internet application suite, seperti software suite populer yang sudah dibuat sebelumnya oleh Netscape dan Mozilla, dan proyek SeaMonkey melanjutkan konsep tersebut. Terdiri dari Internet browser, email & newsgroup client, HTML editor, IRC chat and web development tools, SeaMonkey direkomendasikan bagi advanced users, web developers dan corporate users.
Camino, Mozilla Power Mac Style.
Camino adalah open source web browser dikembangkan berfokus pada memberikan experience terbaik kepada pengguna Mac OS X. Camino mengkombinasikan visual sederhana, elegan dan menyajikan pengalaman yang mengagumkan yang menjadi filosofi dari Macintosh dengan Gecko layout engine yang powerful.
Camino hanya dapat diinstall dalam Sistem Operasi Mac
  • Konqueror – link
Konqueror adalah web browser, file manager, dll. Konqueror menyediakan file viewer yang bisa mengexplore file-file di komputer anda maupun secara remote ke komputer lain. Protokol yang didukung Konqueror :
  1. FTP and SFTP/SSH browser
  2. SAMBA (Microsoft file-sharing) browser
  3. HTTP browser
  4. IMAP mail client
  5. ISO (cd image) viewer
  6. VNC viewer
Untuk menginstall Konqueror ini anda harus install KDE terlebih dahulu. KDE adalah Desktop Enviroment di keluarga unix, jika anda pengguna windows telebih dahulu install KDE.
Masih banyak web browser yang terdapat di internet, kembali kepada anda untuk  mengunakan browsing internet sehari-hari dan install Add-ons atau Widgetnya untuk mendapatkan pengalaman berbeda saat berselancar.