Login Form



coding:


php-nya:

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read Comments

Membuat tabel pemesanan menggunakan JavaScript


JavaScript adalah nama implementasi Netscape Communications Corporation untuk ECMAScript standar, suatu bahasa skrip yang didasarkan pada konsep pemrograman berbasis prototipe. Script sangat diperlukan dalam pembuatan HTML agar terlihat lebih dinamis, script juga dapat disisipkan dalam sebuah kode HTML.
pengen tau cara pembuatannya??
liat ne program HTMLnya....


<em><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>AVIE's cafe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style1 {color: #0099FF}
.style3 {color: #0000FF}
.style4 {color: #FF9900}
.style5 {color: #FF0000}
.style7 {
color: #FF0000;
font-size: 9px;
font-weight: bold;
}
.style9 {
color: #A4C931;
font-weight: bold;
font-style: italic;
font-size: 9px;
}
.style10 {
color: #CCCCCC;
font-weight: bold;
}
.style11 {color: #0C0082}
-->
</style>

<!fungsi matematis tabel>
<script language = "JavaScript" type="text/JavaScript">
<!--
function cafe()
{
var catat = document.formcafe;
var harganasigoreng = parseInt(catat.nasi.value) * parseInt(catat.gorengaa.value);
var hargaayambakar = parseInt(catat.ayam.value) * parseInt(catat.bakaraa.value);
var hargajuice= parseInt(catat.ju.value) * parseInt(catat.ceaa.value);
var hargasoftdrink = parseInt(catat.so.value) * parseInt(catat.riaa.value);
var hargasalad= parseInt(catat.sa.value) * parseInt(catat.ladaa.value);
var total = harganasigoreng + hargaayambakar + hargajuice+ hargasoftdrink + hargasalad;
if (total > 50000)
{
catat.TotalBayar.value = total;
catat.Diskon.value = 10000;
catat.JumlahBayar.value = total - parseInt(catat.Diskon.value);
}
else
{
catat.TotalBayar.value = total;
catat.Diskon.value = 0;
catat.JumlahBayar.value = total;
}
}
function start(){
document.formcafe.reset();
}
//-->
</script>
</head>


<body>
<h2 style="text-align:center; color: #FF0000;" class="style1" >ARDyAVIE's cafe </h2>
<form name="formcafe" action="#">
<table width="480" border="2" align="center" style="border-">
<tr bgcolor="#000000">
<th><span class="style10">No</span></th>
<th><span class="style10">Daftar Menu </span></th>
<th><span class="style10">Harga</span></th>
<th><span class="style10">Order</span></th>
</tr>
<tr bgcolor="pink">
<td width="27"><div style="text-align:center"><strong>1.</strong></div></td>
<td width="181"><strong>Nasi Goreng</strong></td>
<td width="118" ><strong>@
<input type="text" name="nasi" value="5000" size="10" disabled="disabled">
</strong></td>
<td width="124" ><input name="gorengaa" type="text" onkeyup="cafe()" value="0" size="20"></td>
</tr>
<tr style="background-color:pink">
<td><div style="text-align:center"><strong>2.</strong></div></td>
<td><strong>Ayam Bakar</strong></td>
<td><strong>@
<input type="text" name="ayam" value="10000" size="10" disabled="disabled">
</strong></td>
<td><input name="bakaraa" type="text" onkeyup="cafe()" value="0" size="20"></td>
</tr>
<tr bgcolor="pink">
<td><div style="text-align:center"><strong>3.</strong></div></td>
<td><strong>Juice </strong></td>
<td><strong>@
<input type="text" name="ju" value="5000" size="10" disabled="disabled">
</strong></td>
<td><input name="ceaa" type="text" onkeyup="cafe()" value="0" size="20"></td>
</tr>
<tr style="background-color:pink">
<td><div style="text-align:center"><strong>4.</strong></div></td>
<td><strong>Softdrink</strong></td>
<td><strong>@
<input type="text" name="so" value="2500" size="10" disabled="disabled">
</strong></td>
<td><input name="riaa" type="text" onkeyup="cafe()" value="0" size="20"></td>
</tr>
<tr bgcolor="pink">
<td><div style="text-align:center"><strong>5.</strong></div></td>
<td><strong>Salad</strong></td>
<td><strong>@
<input type="text" name="sa" value="6000" size="10" disabled="disabled">
</strong></td>
<td><input name="ladaa" type="text" onkeyup="cafe()" value="0" size="20"></td>
</tr>
<tr style="background-color:RED">
<td colspan="3"><div style="text-align:center">
<div align="center"><strong>Total </strong></div>
</div></td>
<td><input name="TotalBayar" type="text" style="text-align:center" disabled="disabled" value="-" size="20"></td>
</tr>
<tr style="background-color:yellow">
<td colspan="3"><div style="text-align:center">
<div align="center"><strong>Diskon )*</strong></div>
</div></td>
<td><input name="Diskon" type="text" style="text-align:center" disabled="disabled" value="-" size="20"></td>
</tr>
<tr style="background-color:green">
<td colspan="3"><div style="text-align:center">
<div align="center"><strong>Jumlah Pembayaran </strong></div>
</div></td>
<td><input name="JumlahBayar" type="text" style="text-align:center" disabled="disabled" value="-" size="20"></td>
</tr>
</table>
<p style="text-align:center">&nbsp;</p>
<p style="text-align:center"><span class="style14">)* </span><span class="style15">:<span class="style16"> <span class="style17">Menunjukkan Jumlah potongan dikarenakan Pemesanan telah melebihi Rp. 50.000,00. Potongan tidak berlaku kelipata</span>n</span></span> <br/>
</p>
<div id="Layer1" style="position:absolute; width:63px; height:23px; z-index:1; left: 600px; top: 326px;">
<input name="button" type="button" onclick="start()" value="PESANAN BARU" size="15">
</div>
</form>
</body>
</html>
</em>

selamat mencoba.......

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read Comments

Desain Layout Halaman Web



untuk membuat Desain layout halaman web, pengen tau caranya kan??
coba liat aja disini,pasti kamu-kamu bisa praktekin sendiri.nah untuk programnya neh...
gambar1:

<em><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" lang="en">

<head>
<title>Desain Halaman Web Oleh_Agustin Muvidhatul I</title>
<link rel="stylesheet" href="modul3b.css" type="text/css">

</head>

<body>
<div id="wrapper">
<div id="header">
<div id="Gambarum">
</div>
<div class="style4" id="Te">PT. HM. SAMPOERNA Tbk
</div>
<div id="aaaa">
<div class="style6" id="atas">
<div align="right" class="style7"><a href="http://localhost/Modul 2/modul3b.html" target="_blank" class="style7">Home</a> | <a href="http://localhost/Modul 2/modul3b.html" target="_blank" class="style7">Information</a> | <a href="http://localhost/Modul 2/modul3b.html" target="_blank" class="style7">News</a> | <a href="http://localhost/Modul 2/modul3b.html" target="_blank" class="style7">Contact</a> | <a href="http://localhost/Modul 2/modul3b.html" target="_blank" class="style7">About Us</a> </div>
</div>
<div id="search">
<div class="style7" id="search1">
<div align="right"><em><strong>
Search
</strong></em></div>
</div>
<div id="search2"></div>
</div>

</div>
</div>
<div id="inner">
<div id="sidebar">
<div id="leftmenu">
<ul>
<li>
<div align="center"><a href="http://localhost/Modul 2/modul3b.html">Home</a></div>
</li>
<li>
<div align="center"><a href="http://localhost/Modul 2/modul3b.html">News </a></div>
</li>
<li>
<div align="center"><a href="http://localhost/Modul 2/modul3b.html">Visi &amp; Misi</a></div>
</li>
<li>
<div align="center"><a href="http://localhost/Modul 2/modul3b.html">Perusahaan</a></div>
</li>
<li>
<div align="center"><a href="#">Download</a></div>
</li>
</ul>
</div>
</div>
<div id="Inner2">
<div id="top">
</div>
<div id="content">
<p class="style2">Beasiswa Perusahaan </p>
<p class="style3">Oleh : Agustin Muvidhatul I</p>
<p class="style3">Penerimaan beasiswa secara simbolik oleh PT. HM. Sampoerna </p>
<p class="style3">bertempat di Kantor pusat PT. HM. Sampoerna Tbk. di Surabaya
</p>
</div>
<div id="right">
</div>
<div id="Rightup">
<p align="center" class="style8">Beasiswa Perusahaan PT. HM Sampoerna Tbk. </p>
</div>
<div id="Rightbot">
<div align="center" class="style11"><u>PT. HM. SAMPOERNA Tbk</u>
</div>
</div>
</div>
</div>
<div id="footer">
<p align="right" class="style10">Design Oleh Agustin Muvidhatul I &copy; PTI 07 </p>

</div>
</div>
</body>
</html></em>

ne CSSnya =
#wrapper {
margin: auto;
width: 997px;
border: 0;
}
#header {
height: 120px;
border: 1px solid blue;
margin-bottom:2px;
background:blue url('Header2.jpg');
}
#Gambarum {
float: left;
height: 63px;
width:61px;
margin-top:20px;
margin-left:50px;
border: 0;
background:red url('Logo.png');
}
#Te {
float: left;
height: 35px;
width:300px;
margin-top:35px;
margin-left:5px;
}
#aaaa {
float: right;
height: 120px;
width:400px;
border: 0;
}
#atas {
float: left;
height: 25px;
width:350px;
margin-left:30px;
margin-top:2px;
border: 0;
}
#search {
clear:both;
float: right;
height: 20px;
width:300px;
margin-top:67px;
margin-right:20px;
border: 0;
}
#search1 {
float: left;
height: 15px;
width:120px;
margin-left:50px;
margin-top:4px;
border: 0;
}
#search2 {
float: right;
height: 17px;
width:110px;
margin-right:2px;
margin-top:4px;
border: 1px solid white;
background:white;
}
#inner {
float: left;
border: 0;
}
#sidebar {
float: left;
margin-right: 0px;
width: 250px;
height:420px;
border: 1px solid blue;
background:blue url('sidebar.jpg');
}
#Inner2 {
float: left;
width: 745px;
height: 420px;
border: 0;
}
#top{
height: 80px;
border: 0;
background:blue url('BG.jpg');
}
#content {
float: left;
margin-top:10px;
margin-right:15px;
margin-left:15px;
width: 460px;
height: 323px;
border: 0;
}
#right {
float: left;
width: 250px;
height: 200px;
margin-top:10px;
border: 1px solid green;
background:blue url('Beasiswa.jpg');
}
#Rightup {
float: left;
width: 250px;
height: 80px;
margin-top:3px;
border: 1px solid Blue;
background-color:black;
}
#Rightbot {
float: left;
width: 250px;
height: 26px;
margin-top:10px;
border: 0;
list-style-position:inside;
}
#footer {
clear: both;
height: 80px;
border: 1px solid blue;
background:blue url('Footer1.jpg');
}
.style2 {
font-size: 24px;
font-weight: bold;
color: #000099;
}
.style3 {
color: #0000CC;
font-weight: bold;
}
.style4 {
font-family: "Arial", Times, serif;
font-size: xx-large;
color: #FFFFFF;
font-weight: bold;
}
.style6 {
font-family: "Arial", Times, serif;
font-weight: bold;
}
.style7 {color: #FFFFFF}
.style8 {
font-family: "Arial", Times, serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
}
.style10 {
color: #FFFFFF; font-size: 12px;
}
.style11 {
color: #000066;
font-weight: bold;
}
#leftmenu ul {
width: 250px;
list-style-type:none;
padding:0; margin:0;
}
#leftmenu a:link, #leftmenu a:visited, #leftmenu a:active {
padding-left: 15px;
text-decoration: none;
}
#leftmenu a {
padding: 5px 0px 5px 15px; display: block;
background: blue url('button.jpg');
margin: 0px 0px 1px; color: #ffffff;
}
#leftmenu a:hover {
background: #000066 no-repeat left center; color: #ffffff
}

Gambar 2:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" lang="en">

<head>
<title>Desain_Layout_Halaman_Web_Oleh_Agustin Muvidhatul I</title>
<link rel="stylesheet" href="modul3a.css" type="text/css">
</head>

<body>
<div id="wrapper">
<div id="header">
Header</div>
<div id="inner">
<div id="sidebar">
Sidebar
</div>
<div id="aaaa">
<div id="top">
Top
</div>
<div id="content">
Content
</div>
<div id="right">
Right
</div>
</div>
</div>
<div id="footer">
Footer
</div>
</div>

</body>
</html>

CSSnya=
#wrapper {
margin: auto;
width: 756px;
border: 1px solid Blue;
}
#header {
height: 70px;
border: 1px solid green;
}
#inner {
float: left;
margin: 5px 0;
border: 1px solid black;
}
#sidebar {
float: left;
margin-right: 20px;
width: 180px;
height: 330px;
border: 1px solid red;
}
#aaaa {
float: left;
width: 550px;
height: 330px;
border: 1px solid green;
}
#top{
height: 70px;
border: 1px solid red;
}




#content {
float: left;
margin-right: 20px;
width: 320px;
height: 250px;
border: 1px solid red;
}
#right {
float: right;
width: 205px;
height: 200px;
border: 1px solid green;
}
#footer {
clear: both;
height: 50px;
border: 1px solid green;
}

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read Comments

pengen tau cara buat Kreasi grafik batang berbasis tabel

selama ini yang kita tau cara membuat tabel tu pake Ms. Word dan Ms. Excel, tapi sekarang uda bisa loeh bikin Kreasi grafik batang statis dengan memanfaatkan elemen tabel, pengen tau gimana caranya??ini tampilannya..

screen shoot grafik

Screen shoot tabel dengan penggabungan

kalo pengen tau download scriptnya disini!!!!

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read Comments

Akses Facebook dari Gmail

Dalam beberapa tahun terakhir ini, Facebook telah mengusahakan adanya kemungkinan support login standard OpenID, yang menamakan dirinya “sebuah framework gratis yang berpusat untuk identitas user yang terbuka, ter-desentralisasi” tanpa perlu membangun support untuk membuatnya. Pada Senin (18/5) kemarin, Facebook telah bekerja sama dengan OpenID Foundation di bulan Februari, walaupun login standard Facebook, Facebook Connect akan menjadi kompetitornya. Namun, untuk masalah tersebut, Facebook percaya keduanya dapat berjalan bersama-sama.

“Kami percaya customer kami senang ketika mereka bisa mengekspresikan koneksi dunia mereka. Mulai dari awalnya, pengguna Facebook hanya dapat menggunakan identitas sekolah atau teman kuliah dan tempat kerja mereka untuk membangun jaringan dunia maya. Kini pengguna Facebook dapat menggunakan standard tersebut untuk membangun identitas mereka di Facebook.” seperti yang dilansir dari blog resmi Facebook (blog.facebook.com).

User kini dapat register ke account Facebook mereka dengan account Gmail atau dapat mengklik link account Facebook yang ada di Gmail atau layanan email lainnya yang juga bekerja sama dengan OpenID Foundation, yang memiliki log-on otomatis ke Facebook. “Kami percaya dengan adanya OpenID ini akan menambah pengalaman keamanan untuk user, cepat dan menyenangkan, dimana sebanyak 200 juta orang pengguna Facebook adalah menjadi prioritas utama kami.” dari blog yang sama. Ketika bekerja sama dengan komunitas OpenID, pihak Facebook share pengalamannya ketika mengembangkan Facebook Connect, dimana Facebook akan memberikan desain yang secara otomatis menyediakan keamanan rahasia login ke Facebook

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read Comments

Berjualan di Internet

Berjualan di internet sudah mulai banyak dilakukan oleh pelaku bisnis di Indonesia yang ingin mencari penghasilan dengan menggunakan media internet. Kehadiran internet menjadi sangat membantu karena dengan mudahnya setiap orang dapat terhubung (terkoneksi) satu sama lain walaupun mereka sangat jauh jaraknya hanya dengan menggunakan sebuah komputer atau laptop.

berjualandiinternet

Hal ini menyebabkan seseorang dengan mudahnya memperkenalkan atau mempromosikan sebuah produk melalui internet kepada teman-teman maupun kepada orang lain dimana saja lokasi mereka berada melalui media internet. Hal ini membuat pemasaran suatu produk tidak terbatasi lagi oleh batasan suatu wilayah, daerah, kota ataupun negara, semuanya dapat terhubung dengan mudah, satu sama lain melalui jaringan internet hanya dengan membuka komputer atau laptop yang terkoneksi dengan jaringan internet.

Bila kita berjualan dalam kehidupan sehari-hari baik dengan membuka toko maupun hanya terbatas dengan memasarkan produk ke teman-teman, maka kegiatan pemasaran produk tersebut terbatas oleh jangkauan pemasaran (networking) kita. Bila kita memasarkan produk ke teman-teman, maka batasan pemasaran kita adalah sampai berapa banyak teman yang bisa ditawari dan bisa kita temui. Sedangkan bila kita membuka toko, batasan pemasaran kita adalah berapa banyak calon pembeli yang datang ke toko kita dan biasanya juga jangkauan pemasaran (networking) toko kita terbatas pada suatu daerah atau kota.

Tetapi dengan adanya internet, maka keterbatasan tersebut menjadi hilang, Anda cukup membuat sebuah website (toko online) di internet, dan setiap orang di seluruh indonesia dan dunia dapat mengakses (mengunjungi) toko online Anda, melihat-lihat dan membeli produk yang Anda tawarkan. Jadi kehadiran internet memungkinkan kita memasarkan produk dengan mudah baik ke seluruh indonesia maupun ke seluruh dunia, tidak ada batasan wilayah sama sekali, karena semua orang dapat mengaksesnya.

Tinggal sekarang bagaimana Anda menentukan rencana pemasaran produk Anda, apakah Anda akan melayani pembelian dari seluruh dunia atau hanya khusus pembelian dari negara indonesia saja. Hal ini tentunya menentukan pemilihan bahasa yang digunakan dalam toko online Anda dan juga metode pembayaran yang digunakan dalam website (toko online) Anda. Bila pemasaran produk Anda hanya melayani pembelian dari indonesia saja, maka Anda cukup dengan menggunakan media transfer bank, tetapi bila Anda melayani pembelian dari seluruh dunia maka toko online Anda harus menyediakan media pembayaran yang bisa menerima pembayaran dari seluruh dunia seperti dapat menerima pembayaran dari kartu kredit, untuk itu Anda perlu membuka account PayPal.

Dan salah satu hal lagi yang menjadi tantangan dalam berjualan produk di internet adalah biaya dan proses pengiriman produk. Karena sudah jelas, orang tidak akan melakukan pembelian atau jarang sekali melakukan pembelian jika biaya pengiriman barang melebihi atau lebih mahal dari harga produknya, kecuali produk tersebut adalah produk unik, tidak tersedia ditempat lain, atau hanya Anda satu-satunya yang menjual produk tersebut.

bisnis dari internet

Biaya dan proses pengiriman produk tersebut perlu Anda perhatikan sebagai bagian yang penting bila Anda memasarkan produk fisik di internet, sedangkan bila Anda memasarkan produk digital seperti software, video download, audio download, ebook, foto, image, dan file komputer lainnya, maka biaya dan proses pengiriman produk tidak ada, karena pengiriman produk biasanya dilakukan melalui download langsung dari internet.

Berjualan di internet prosesnya sama dengan berjualan dalam kehidupan sehari-hari, hanya berbeda medianya saja. Karena itu semua prinsip pemasaran dalam kehidupan sehari-hari perlu juga dipraktekkan dalam menjual produk di internet. Terlebih dalam menjual produk di internet dimana penjual dan pembeli tidak bertemu secara fisik satu sama lain, tentunya faktor kepercayaan dan hubungan akan memberikan peranan yang penting, agar proses penjualan bisa terjadi.

Dan biasanya bila kepercayaan dan hubungan sudah terbina dengan baik, terjadinya pembelian kembali (repeat order) sangat mungkin terjadi, karena pembelian produk melalui internet sebenarnya lebih mudah dan simpel, pembeli tidak perlu repot-repot harus datang ke toko Anda, apalagi jika toko Anda berada di kawasan yang macet dan jauh jaraknya dari lokasi pembeli, maka pembelian online merupakan pilihan yang paling baik. Pembeli hanya perlu melakukan order di toko online Anda dan barang akan dikirimkan langsung ke alamat pembeli, lebih praktis.

Anda selaku penjual hanya perlu menampilkan foto produk dengan baik dan menjelaskan spesifikasi produk Anda dengan jelas dan detail, sehingga calon pembeli bisa langsung memutuskan pembelian produk di website (toko online) Anda tanpa harus datang ke toko atau bertemu dengan Anda.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read Comments

Bahaya Mouse Optic


2007-12-30 23:33:00
Kenyamanan optical mouse ternyata mempunyai efek samping yang berbahaya. Tiga tahun semenjak peluncuran pertama optical mouse olehmicrosoft, telah ditemukan ribuan kasus kelainan pada jaringan tangan akibat radiasi yang dipancarkan mouse.Optical mouse bekerja dengan memancarkan gelombang elektromagnetik frekuensi tinggi ke permukaan di bawahnya. Frekuensi yang digunakan jauh lebih tinggi dari pada pada handphone.Telah diketahui secara luas bahwa telapak tangan dan kaki merupakan pusat ujung-ujung syaraf tubuh. Radiasi yang dirasakan oleh telapaktangan bisa berpengaruh fatal pada kesehatan, karena menurut laporan WHO radiasi dari mouse setara 5 kali radiasi handphone. Akan tetapi radiasi mouse menjadi berbahaya karena dipegang terus menerus oleh pemakai komputer.“WHO, GreenPeace, dan CNN sudah menghentikan penggunaan optical mouseuntuk seluruh kegiatan di kantornya, sementara Microsoft dan IBM mengucurkan dana sekitar 2milyar dolar untuk kerjasama pembuatanpointing device yang lebi...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read Comments