2011 ~ Inspiration Zone

Thursday, March 10, 2011

Membuat Sign Up Form Sederhana dengan PHP (UTS)

Posted by Riesh_16 on 5:24 AM

Sebagai pemula pembuat web, tentunya kita harus mulai belajar dari dasar. Disini saya mencoba untuk sharing bagaimana cara membuat form sign up sederhana. Banyak orang menganggap belajar WEB itu ribet, pusing, sulit and semuanyaaaaa.... Tapi juga ada yang bilang "kalau mau belajar, WEB itu mudah kok!".... Nah, untuk itu bejalarnya juga harus dari dasar. Dibawah ini ada semacam script php yang bisa menjadikan reference dalam membuat suatu web. Silahkan menikmatiiiii... ^o^Berikut ini adalah script untuk php :<!DOCTYPE html><html lang ="en"><head><title>Sign Up Form</title></head><body bgcolor="feb6e5"/><font...

Kata-Kata Inspirasi Menjadi Pilihan Hidup

Posted by Riesh_16 on 10:08 PM

==============================Aku melewati apa yang telah terjadidi belakangku dan berjalan mengarahkandiri kepada apa yang ada di hadapanku.=============================================================Kesenangan bukan untuk dihabiskan sesaat,namun untuk dinikmati dalam perjalananpanjang. Inilah yang membuat hidup selalulebih bermakna.==============================================================Memang mudah memberikan penghakimankepada orang lain, semudah kita tidak maumempelajari orang itu.==============================================================Membangun hubungan yang kuat layaknyamenanam tanaman dengan segala upayadan perhatianyang nyata.==============================================================Kritik...

Membuat Aplikasi Form Pemesanan Berbasis JavaScript

Posted by Riesh_16 on 6:47 AM

Terkait pengembangan JavaScript, aplikasi ini dapat mempermudah dalam perhitungan harga harga suatu makanan, dikalikan dengan jumlah tiap-tiap menu yang telah dipesan.Script html adalah sebagai berikut :<!DOCTYPE html><html lang="en"><head><body background="Wallpaper_01.jpg"/><font color = "#ea75c5"><h2>--Form Pemesanan Berbasis Java Script--</h2><form name="pemesanan" action="#"><table border = "1px"><font color = "#ee36a2"><tr><th width="20px">No</th><th width="200px">Makanan/Minuman</th><th width="100px">Harga</th><th width="100px">Pesan</th></tr><tr><td>1</td><td>Bakso...

Aplikasi Kalkulator Sederhana Menggunakan JAVA SCRIPT

Posted by Riesh_16 on 7:36 AM

Pada aplikasi berikut ini hanya menampilkan 4 buah operasi, yaitu penjumlahan, pengurangan, perkalian dan pembagian. Dengan menggunakan Java Script, maka dibutuhkan fungsi-fungsi yang dibuat pada Java Script.Berikut ini source code dari hitung.js :function hitung(){var komponen = document.mat;var input1 = parseInt(komponen.input1.value);var input2 = parseInt(komponen.input2.value);var op = komponen.op.value;var hasil;if(op == "add"){hasil = input1 + input2;}else if(op == "sub"){hasil = input1 - input2;}else if(op == "mpy"){hasil = input1 * input2;}else{hasil = input1 / input2;}komponen.hasil.value = hasil;}Berikut ini source code dari hitung.html...

Membuat Design Website memanfaatkan HTML 5

Posted by Riesh_16 on 6:42 AM

Dari pengembangan studi kasus yang telah saya posting sebelumnya, design ini adalah pengaplikasian dari pemanfaatan elemen-elemen HTML5. Sebelum membuat HTML, seperti biasa, harus membuat CSS terlebih dahulu....Berikut ini sintak dari praktikum.cssbody{margin : 10px auto;width : 900px;}header, logo, te, nav, search, box, section, pict, article, event, footer{display : block;}header{height: 90px;width: auto;background-image : url(images/Fotolia_6525764_XS.jpg);}logo{float : left;margin-left : 30px;height : 90px;width : 90px;background-image : url(images/fotolia_9806713_new.jpg);}te{padding: 30px;font-family : Times New Roman, hanacaraka;font-weight:...

Membuat Layout Halaman Website memanfaatkan HTML 5

Posted by Riesh_16 on 3:44 AM

SINTAK untuk pembuatan LAYOUT yang memanfaatkan elemen pada HTML 5Sintak studi kasus.css#header { height : 80px; border : 1px solid green;}#nav{ height : 30px; border : 1px solid blue;}#section{ height : 340px; border : 1px solid red; padding : 15px;}#sidebar{ float : left; margin-right : 20px; width : 800px; height : 330px; border : 1px dashed red;}#content{ float : left; width : 329px; height : 330px; border : 1px dashed green;}#footer{ clear : both; height : 30px; border : 1px solid green;}Sintak untuk studi kasus.html adalah :<!DOCTYPE HTML><html lang='en'><head><title>Desain Layout Sederhana</title><link...

Border Dengan Menggunakan CSS

Posted by Riesh_16 on 12:13 AM

Tampilan web :Studi kasus.css.lingkaran{ width : 200px; height : 200px; -moz-border-radius : 100px; -webkit-border-radius : 100px; border : 2px solid #000000; background-color : #c0c0c0;}#dalam-lingkaran{ text-align : center; position : relative; border : none; width : 100px; heigth : 100px} .daun{ padding : 10px; border : 5px solid #008000; width : 500px; height : 50px; border-bottom-left-radius : 50px; border-top-right-radius : 50px;}.bayangan{ padding : 10px; border : 2px solid #000000; -moz-box-shadow : 5px 5px 8px rgba(255,0,255,1); -webkit-box-shadow : -5px -5px 3px rgba (255,0,0,0.5);...

Membuat Design Layout Sederhana

Posted by Riesh_16 on 11:19 PM

MEMBUAT DESIGN LAYOUT FACE-MU Sintak Face-mu.css#top{height:100px;background-color:#3366cc;}#folkbook{float:left;height:100px;width:350px;padding-left:100px;padding-top:20px;}#isikanan{padding-top:20px;padding-right:100px;float:right;}#button{background-color:#ffffff;color:#3366cc;}#center{height:500px;background-image:URL(bg.jpg);}#bottom{padding-left:5px;padding-top:15px;height:40px;background-color:#3366cc;}Sintak Face-mu.html<!DOCTYPE html><html lang="en"><head> <title>Design Layout Face-mu </title> <link rel="stylesheet" href="style.css" type="text/css" /> <link rel="icon" href="icon.png" type="image/x-icon"...

Modul Praktikum Berbasis Objek

Posted by Riesh_16 on 2:04 AM

Bagi mahasiswa S1 Pendidikan Teknik Informatika 2010, Teknik Elektro, Universitas Negeri Malang, bisa mendownload modul disini secara bertahap setiap minggunya... Waktu pengupload-an modul tidak ditentukan. Diharapkan semua mahasiswa aktif mencari tahu.Kumpulan Modul Praktikum Pemrograman Berbasis Objek :1. Modul 22. Modul 33. Modul 44. Modul 55. Modul 66. Modul 77. Modul 8Semoga semua e-book yang telah kami berikan bermanfaat dan dapat dijadikan pegangan dalam mengerjakan proyek...Disini kita sama-sama belajar, hanya kami (asisten) memiliki pengalaman lebih dulu. Kami tidak lebih pintar dari kalian.Hargailah Orang Lain, jika ingin dihargai orang...

Praktikum Pemrograman Berbasis Web

Posted by Riesh_16 on 1:10 AM

Membuat Grafik Batang Statis dengan Memanfaatkan Elemen Tabel<!DOCTYPE html><html lang="en"><head><title>Grafik Berbasis tabel</title></head><body background="Pure_Descending.jpg"/><blink><font color="Blue" face="arial" size="5" >Grafik Berbasis Tabel</font></blink><table width="561" height="241"><hr><tr><td colspan="7" style="border-top:#000000 solid;border-bottom:#000000 solid;"><b><div align="center">Perusahaan</div></td><td colspan="7" style="border-top:#000000 solid;border-bottom:#000000 solid;"><b><div align="center">Pendapatan</div></td></tr><tr...