aRuM_Prasetyo: WEB

Tampilkan postingan dengan label WEB. Tampilkan semua postingan

Rabu, 31 Maret 2010

Login Form Sederhana Menggunakan JavaScript dan PHP

Pemrosesan form (form processing) merupakan operasi mendasar pada aplikasi web. Dalam konteks pengembangan aplikasi web dinamis, langkah ini pasti akan dilakukan. Sebagai contoh, untuk
menerima masukan dari user, tentu diperlukan sekali form isian dan cara pemrosesannya. Begitu pula halnya ketika administrator ingin masuk ke sistem, tentu memerlukan suatu antarmuka penghubung.
Intinya, keberadaan form dan pemrosesannya mutlak diperlukan dalam membangun aplikasi web yang interaktif. Pada aplikasi web, teknik pengiriman form dapat dilakukan melalui tiga metode: POST, GET, dan kombinasi keduanya. Dalam konteks PHP, parameter-parameter
GET dapat dibaca melalui superglobal $_GET, sedangkan POST melalui $_POST. Selain itu, keduanya juga dapat dibaca menggunakan $_REQUEST.

Baca selengkapnya »

Rabu, 17 Maret 2010

Program Sederhana Untuk Men-generate Sel Tabel Secara Fleksibel dengan PHP

PHP diciptakan oleh Rasmus Lerdorf, seorang pemrograman C yang andal. Semula PHP hanya digunakan untuk mencatat jumlah pengunjung homepagenya. Rasmus adalah seorang pendukung open source. Karena itulah ia mengeluarkan Personal Home Page Tools (PHP). PHP = Proccessing Hypertext Page. Setelah kita membahas mengenai argumen dengan menggunakan passing by value dan passing by reference, sekarang kita akan mencoba mengimplementasikan argumen-argemen tersebut dalam membuat suate tabel, berikut akan ditampilkan implementasi dari argumen pada PHP..

Baca selengkapnya »

Dasar-Dasar PHP(Pass By Value dan Pass By Reference)

Dalam bahasa pemrograman web yang menggunakan PHP terdapat beberapa argumen, dimana argumen adalah parameter yang digunakan atau disertakan pada saat pemanggilan fungsi untuk diproses dalam fungsi. Pada penjelasan kali ini akan membahas mengenai argumen fungsi yang dilewatkan secara Pass by Value dan Pass By Reference. Dalam hal ini akan dijelaskan bagaimana kegunaan masing-masing fungsi ini dan contoh listing program sekaligus hasilnya...

Baca selengkapnya »

Rabu, 10 Maret 2010

Form Pemesanan Berbasis JavaScript

Alhamdulillah, selesai juga ney bikin form pemesanan makanan dan minuman berbasis javascript....
Dalam membuat sebuah form, kita memerlukan komponen tabel, dimana komponen tabel disini menggunakan tabel perbandingan pada modul sebelumnya (dapat dilihat di grafik berbasis tabel)... Untuk selanjutnya kita dapat mendeklarasikan function jumlah...
Baca Selengkapnya >>

Berikut adalah desain form pemesanan :

Berikut adalah sintaksnya ....
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/frameset.dtd">
<html lang="en">
<head>
<title>Form Pemesanan</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
function jumlah() {
var myForm = document.form1;
var bakso = 12000 * eval(myForm.order1.value);
var soto = 10000 * eval(myForm.order2.value);
var mie = 15000 * eval(myForm.order3.value);
var degan = 5000 * eval(myForm.order4.value);
var campur = 7000 * eval(myForm.order5.value);
var hasil = bakso+soto+mie+degan+campur;
if (hasil > 50000) {
    myForm.total.value = hasil;
    myForm.diskon.value = 10000;
    myForm.bayar.value = hasil - eval(myForm.diskon.value);
} else {
    myForm.total.value = hasil;
    myForm.diskon.value = 0;
    myForm.bayar.value = hasil - eval(myForm.diskon.value);
}
}
function resetForm(){
document.form1.reset();
}
</script>
<form name="form1" action="#">
<font size="6">Form Pemesanan Makanan dan Minumam Dewi Sri</font>
<table border="2" cellspacing=0 cellpadding=5 >
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<thead valign="middle">
<tr>
<th width="35"><font color="black" size="4">No</font>
<th width="200"><font color="black" size="4">Makanan/Minuman</font>
<th width="180"><font color="black" size="4">Harga Satuan</font>
<th width="100"><font color="black" size="4">Pesan</font>
</tr>
<tbody>
<tr>
<td>1<td>Bakso Istimewa<td>@<input type="text"    value="12000" disabled="true"/><td>
<input type="text" name="order1" value="0" onChange="jumlah()"/>
</tr>
<tr>
<td>2<td>Soto Spesial<td>@<input type="text"    value="10000" disabled="true"/><td>
<input type="text" name="order2" value="0" onChange="jumlah()" />
</tr>
<tr>
<td>3<td>Mie Ayam Super<td>@<input type="text"   value="15000" disabled="true"/> <td>
<input type="text" name="order3" value="0" onChange="jumlah()"/>
</tr>
<tr>
<td>4<td>Es Degan<td>@<input type="text"   value="5000" disabled="true"/>
<td><input type="text" name="order4" value="0" onChange="jumlah()" />
</tr>
<tr>
<td>5<td>Es Campur<td>@<input type="text"   value="7000" disabled="true"/> <td>
<input type="text" name="order5" value="0" onChange="jumlah()"/>
</tr>
<tr>
<td colspan=3 align="right">Jumlah Total<td><input type="text" name="total" disabled="true"/>
</tr>
<tr>
<td colspan=3 align="right">Diskon<td><input type="text" name="diskon" disabled="true" />
</tr>
<tr>
<td colspan=3 align="right">Jumlah Bayar<td><input type="text" name="bayar" disabled="true"/>
</tr>
</table>
<br/>
<input type="button" value="CANCEL" onClick="resetForm()" />
</form>
</body>
</html>

Selamat Mencoba n SemoGa bermaNfaat yaCh...(^_^)v

Rabu, 03 Maret 2010

WEb dengan CSS

Dari desain layout yang kita buat kita dapat membuat web dengan menggunakan sintaks berikut...
Baca selengkapnya...>>

Untuk source HTML
<!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" xml:lang="en" lang="en">

<head>
    <title>Desain Layout Sederhana</title>
    <link rel="stylesheet" href="newtgs.css" type="text/css" />
</head>

<body>
    <div id="wrapper">
        <div id="header">
            </div>
        <div id="inner">
        <div id="sidebar">
            <div id="leftmenu">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">News and Media</a></li>
                <li><a href="#">Tutorials</a></li>
                <li><a href="#">Tips and Tricks</a></li>
                <li><a href="#">Download</a></li>
            </ul>
            </div>
        </div>
        <div id="top">
            <div id = "kotak10">
            <img src="jember_cin.jpg"/>
            </div>
            <div id = "kotak11">
            <img src="angkatan_Q1.jpg"/>
            </div>
        </div>
        <div id="content">
            <b>Lomba Desain Web<br/></b>
            <br/>
            <b>27 Februari 2010<br/></b>
            <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit,<br/>
            sed do eiusmod tempor incididunt ut labore et dolore magna<br/>
            aliqua. Ut enim ad minim veniam, quis nostrud exercitation <br/>
            ullamco laboris nisi ut aliquip ex ea commodo consequat. <br/>
            </p>
            <p>
            Read More....
            <br/>
            </p>
        </div>
        <div id="right">
            <b>Event :</b>
                <ul>
                <li>Kuliah Tamu "Video Streaming" </li>
                <li>Electro English Club (E2C)</li>
                <li>Seminar Nasional "Hacking and Security"</li>
                </ul>
        </div>
    </div>
        <div id="footer">
            <h3 align="center"><b>© Arum_Poenya</b></h3>
        </div>
    </div>
</body>
</html>
Untuk Source CSS
#wrapper {
margin: auto;
width: 1000px;
border: 1px solid white;
}
#header {
height: 110px;
width: 988px;
background: url(headerQ.jpg);
background-repeat: repeat-x;
}
#inner {
float: left;
margin: 3px 0;
border: 1px solid white;
}
#sidebar {
float: left;
margin-right: 5px;
width: 175px;
height: 357px;
background: #CCFF99;
border: 1px solid green;
}

#top {
float: left;
width: 813px;
height: 135px;
background: #FFFFCC;
border: 1px solid white;
}

#content {
float: left;
margin-right: 5px;
width: 450px;
height: 220px;
background: #FFFFCC;
border: 1px solid white;
}

#right {
float: right;
width: 355px;
height: 165px;
background: #CCFF99;
border: 1px solid green;
}

#footer {
clear:both;
height: 50px;
background: url(foot.jpg);
border: 1px solid white;
}

#leftmenu ul {
width: 175px;
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: #6cae15 no-repeat left center;
margin: 0px 0px 1px; color: #ffffff;
}
#leftmenu a:hover {
background: #5e9711 no-repeat left center; color: #ffffff
}
#kotak10 {
float: left;
margin-top: 5px;
width: 406px;
height: 110px;
background: url(KKL1.jpg);
border: 1px solid #FFFFCC;
}
#kotak11 {
float: left;
margin-right: 0px;
margin-top: 5px;
width: 400px;
height: 110px;
background: url(des.jpg);
border: 1px solid #FFFFCC;
}
NotE : buat lembar kerja CSS sendiri karna ney di Link
Hasilnya sebagi berikut...Narsis dikit yaK..

Desain Layout Web

Alhamdulillah akhirnya bisa juga...
Temen2 yang nglewati bLog ini, ney Q punya sedikit informasi dalam membangun sebuah web menggunakan CSS, sebelum kita membuat webnya, yg harus kita lakukan adalah membuat desain layoutnya dengan hasil sebagi berikut...

Berikut adalh source code HTML beserta CSSnya...
Note CSS yang di coment yaChh..
Selamat Mencoba..
<!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" xml:lang="en" lang="en">

<head>
    <title>Desain Layout Sederhana</title>
    <link rel="stylesheet" href="tgs1.1.css" type="text/css" />

</head>

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

</body>
</html>

Untuk CSSnya..
#wrapper {
margin: auto;
width: 1000px;
border: 1px solid red;
}
#header {
height: 110px;
border:1px solid blue;
}
#inner {
float: left;
margin: 3px 0;
border: 1px solid black;
}
#sidebar {
float: left;
margin-right: 5px;
width: 175px;
height: 357px;
border: 1px solid red;
}

#top {
float: left;
width: 813px;
height: 135px;
border: 1px solid green;
}

#content {
float: left;
margin-right: 5px;
width: 450px;
height: 220px;
border: 1px solid blue;
}

#right {
float: right;
width: 355px;
height: 165px;
border: 1px solid red;
}

#footer {
clear:both;
height: 50px;
border: 1px solid blue;
}

</span>

Minggu, 21 Februari 2010

Perbandingn Fitur Dg Tabel

Dalam pemrograman web HTML, kita dapat menggunakan fitur-fitur yang ada pada tabel, sebagai contoh tabel perbandingan Item.Dengan menggunakan komponen pada tabel, kita dapat membuat komparasi antara suatu item, sebagai contoh adalah sebagai berikut:

Buat source codenya, dapat didownload disini yacH...

Semoga berHasil..SeLamat Mencoba...

Selasa, 16 Februari 2010

Web sederhana

Ai.. semua..
Ini adalah web sederhana bikinanku..moga bermanfaat yach bagi pemula..
di web ini terdapat beberapa fitur yang menggunakan bahasa HTML, dimana fitur tersebut terdiri atas:
Background :

<--!body background="http://localhost/modul1/bag.jpg" -->

jangan lupa jadikan 1 folder dengan kode html yang tlah kita buat

Garis berwarna:

Font berwarna :

untuk kode heksa warna anda dapat search di mbah google..hehehe

teks antara lain menggunakan heading :

h1= heading pertama

baris baru gunakan :

Note: Hilangkan tanda seru dan minus dalam kurung karena itu merupakan komentar..
Selamat mencoba yach...Moga sukses...

Script dan hasil print screen

aRuM_Prasetyo

Rabu, 31 Maret 2010

Login Form Sederhana Menggunakan JavaScript dan PHP

Rabu, 17 Maret 2010

Program Sederhana Untuk Men-generate Sel Tabel Secara Fleksibel dengan PHP

Dasar-Dasar PHP(Pass By Value dan Pass By Reference)

Rabu, 10 Maret 2010

Form Pemesanan Berbasis JavaScript

Rabu, 03 Maret 2010

WEb dengan CSS

Desain Layout Web

Minggu, 21 Februari 2010

Perbandingn Fitur Dg Tabel

Selasa, 16 Februari 2010

Web sederhana

clock

Counter

Shoutmix

Blog Archive

Label

My prend