February 2011 ~ Inspiration Zone

Monday, February 28, 2011

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...