Minggu, 20 Maret 2011

Apakah JQUERY itu??


JQuery adalah sebuah framework/library JavaScript yang dapat membantu kita mempermudah dan mempercepat pengolahan DOM pada halaman web.
Dengan jQuery kita dapat membuat web lebih menarik dan interaktif dengan mudah. jQuery sudah mengautomasi pekerjaan-pekerjaan yang umum dan mempersimple code yang kompleks. Library ini sangat kecil dan mempunyai banyak pluggin yang dapat mempermudah kita.
Adapun fitur-fitur yang ditawarkan oleh jQuery adalah
  • Mempermudah akses dan manipulasi ke bagian page tertentu. jQuery menawarkan sebuah selector yang robust dan efesien untuk mengambil bagian tertentu pada dokumen yang selanjutnya bisa dimanipulasi.
  • Mempermudah perubahan tampilan dokumen. jQuery dapat mengubah tampilan CSS dengan mudah.
  • Merespon interaksi user dengan webpage. jQuery mempunyai cara yang sangat-sangat elegan untuk memasukkan sebuah even ke dalam salah satu bagian dari webpage.
  • Menambah animasi. Kita dapat memberi animasi pada webpage kita dengan jQuery
  • Mempermudah AJAX. 
 Dari Berbagai Sumber

Senin, 28 Februari 2011

Praktikum pemrograman web modul 5

Tugas Praktikum

Script
hitungpesan.js
function totalHarga(){
    var harga;
    var pesanan;
    var total = 0;
  
    for(i = 0; i < 10; i += 2){
        harga = parseInt(document.pemesanan[i].value);
        pesanan = parseInt(document.pemesanan[i + 1].value);
      
        if(pesanan > 0){
            total = total + (harga * pesanan);
        }
      
        document.pemesanan.total.value = total;
    }
}

function diskon(){
    var total = parseInt(document.pemesanan.total.value);
    var diskon = 0;

PRaktikum pemrograman web modul 5

Studi Kasus

Script
hitung.js
function hitung(){
    var komponen = document.calc;
    var bil1 = parseInt(komponen.bil1.value);
    var bil2 = parseInt(komponen.bil2.value);  
    var op = komponen.op.value;
    var hasil;
  
    if(op == "add"){
        hasil = bil1 + bil2;
    }
    else if(op == "sub"){
        hasil = bil1 - bil2;
    }
    else if(op == "mpy"){
        hasil = bil1 * bil2;
    }
    else{
        hasil = bil1 / bil2;
    }
  
    komponen.hasil.value = hasil;
}

Selasa, 22 Februari 2011

Praktikum pemrograman web - Modul 4

Tugas Rumah

css

body {
margin: 10px auto;
width: 1330px;
}
header{
height:100px;
border-top: 1px solid green;
border-right: 1px solid green;
border-left: 1px solid green;
border-bottom: 1px solid blue;
background-image:url(head3.png);
background-repeat: repeat-x;}
#gbrheadr{
float:left;
width:100px;
height:80px;
background-image:url(gambar.png);
margin-left:100px;
}

Praktikum pemrograman web - Modul 4

Studi kasus

Script
css
body {
margin: 10px auto;
width: 1330px;
}
header{
height:80px;
border-top: 1px solid green;
border-right: 1px solid green;
border-left: 1px solid green;
border-bottom: 1px solid blue;
}

Senin, 14 Februari 2011

PRaktikum pemrograman web modul 3

Studi Kasus
Source kode html
<!DOCTYPE html>
<html lang="en">

<head>
 <title>Posisi Division</title>
 <style type="text/css">
 <!--
 .box {
 padding: 10px;
 width: 200px;
 height: 200px;
 background: #00ff00;
 border: 4px double black;
 -moz-border-radius: 150px;
 }

 #teks{
 width: 75px;
 height: 75px;
 }

PRaktikum pemrograman web modul 3

Tugas Rumah
Source code html
<!doctype html>
<html lang:"lang">
<head>
<title> Rai Mu</title>
<link rel="stylesheet" href="book.css" type="text/css" />
<link rel="icon" href="icon.png" type="image/x-icon" />
</head>
<body>
<div class="head">
<div class="headtengah">
<div class="logofb"><img src="Rai.png">
</div>

Selasa, 08 Februari 2011

praktikum pemrograman web

 Tugas Praktikum 2

<!DOCTYPE html>
<html lang="en">

<head>
<title>grafik berbasis tabel</title>
</head>

<body>
<table border="6" cellspacing=0 cellpadding=5 frame="hsides" rules="groups">
<caption>PERBANDINGAN FITUR</caption>
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<thead valign="middle">

praktikum pemrograman web

Tugas Praktikum 1

<!doctype html>
<html lang="en">
<head>
<title>Grafik berbasis tabel</title>
</head>
<body>
<table width="600",height="300">
<tr><th colspan=14><hr></th></tr>

PRAKTIKUM pemrograman WEB - studi kasus

Studi Kasus


Script

index.html

<!doctype HTML>
<html lang="en">
<HEAD>
    <TITLE>.:: Welcome To my Website ::.</TITLE>


</HEAD>

<FRAMESET rows="14%,*,16%">
<FRAME SRC="frame1.html"name="frame1"/>
<FRAMESET cols="10%,*,10%">
<FRAME SRC="frame2.html"name="frame2"/>
<FRAME SRC="home.html"name="frame3"/>
<frame src="frame4.html"name="frame4"/>
</FRAMESET>
<frame src="frame5.html" name="frame5"/>
</frameset>
</HTML>

frame1.html

<!doctype HTML>
<html lang="en">
<HEAD>
    <TITLE></TITLE>
</HEAD>
<BODY bgcolor="black">
<font color="white" size="5"><a href="home.html" target="frame3">kembali ke halaman utama</a></font>
<img src="b.jpeg" align="right" height="50" width="1000">
</BODY>
</HTML>



frame2.html
<!DOCTYPE html>
<html lang="en">

<head>
<title></title>
</head>

<body bgcolor="lightgrey">
<img src="aa.jpg"/><br>
<ul>
<li><a href="home.html" target="frame3">home</a></li>
<li><a href="aboutme.html" target="frame3">about me</a></li>
<li><a href="galeri.html" target="frame3">galeri gambar</a></li>
<ul>
</body>
</html>

home.html

<!doctype HTML>
<html lang="en">
<BODY bgcolor="grey">
<font size="10">Menu</font>
<ul>
<li><a href="#Pendahuluan">Pendahuluan</a></li>
<li><a href="#generasi">generasi komputer</a></li>
<li><a href="#macam">macam-macam OS</a></li>
<ul>
<h3 id="Pendahuluan">Pendahuluan</h3>
<p>
Sistem operasi merupakan sebuah penghubung antara pengguna dari computer dengan perangkat keras komputer.
<br>Sebelum ada system operasi, orang hanya mengunakan computer dengan menggunakan sinyal analog dan sinyal digital.<br>
 Seiring dengan berkembangnya pengetahuan dan teknologi, pada saat ini terdapat berbagai system operasi dengan keunggulan masing-masing.<br>
<p>Untuk lebih memahami system operasi maka sebaiknya perlu diketahui terlebih dahulu beberapa konsep dasar mengenai system operasi itu sendiri.
<br> Pengertian system operasi secara umum ialah pengelola seluruh sumber-daya yang terdapat pada system computer dan menyediakan sekumpulan layanan (system

calls) ke pemakai sehingga memudahkan dan menyamankan penggunaan serta pemanfaatan sumber-daya system komputer.
<br>Sistem computer pada dasarnya terdiri dari empat komponen utama, yaitu perangkat-keras, program aplikasi, sistem-operasi, dan para pengguna.
<br>Sistem operasi berfungsi untuk mengatur dan mengawasi penggunaan perangkat keras oleh berbagai program aplikasi serta para pengguna.
<br>Sistem operasi berfungsi ibarat pemerintah dalam suatu negara, dalam arti membuat kondisi computer agar dapat menjalankan program secara benar.
<br>Untuk menghindari konflik yang terjadi pada saat pengguna menggunakan sumber-daya yang sama, system operasi mengatur pengguna mana yang dapat mengakses suatu

sumber-daya.
<br>Sistem operasi juga sering disebut resource allocator. Satulagifungsi penting system operasi ialah sebagai program pengendali yang bertujuan untuk

menghindari kekeliruan (error) dan penggunaan computer yang tidak perlu.
Menurut Tanenbaum, system operasi mengalami perkembangan yang sangat pesat, yang dapat dibagi kedalam empat generasi:


<br>
<br>
<h3 id="generasi">Generasi komputer</h3>
<p>Generasi Pertama (1945-1955)
<p>Generasi pertama merupakan awal perkembangan system komputasi elektronik sebagai pengganti system komputasi mekanik
<br>hal itu disebabkan kecepatan manusia untuk menghitung terbatas dan manusia sangat mudah untuk membuat kecerobohan, kekeliruan bahkan kesalahan.
<br>Pada generasi ini belum ada system operasi, maka system computer diberi instruksi yang harus dikerjakan secara langsung.
<p>Generasi Kedua (1955-1965)
<p>Generasi kedua memperkenalkan Batch Processing System, yaitu Job yang dikerjakan dalam satu rangkaian, lalu dieksekusi secara berurutan.
<br>Pada generasi ini system computer belum dilengkapi system operasi, tetapi beberapa fungsi system operasi telah ada,
<br>contohnya fungsi system operasi ialah FMS dan IBSYS.
<p>Generasi Ketiga (1965-1980)
<p>Pada generasi ini perkembangan system operasi dikembangkan untuk melayani banyak pemakai sekaligus,
<br> dimana para pemakai interaktif berkomunikasi lewat terminal secara online ke komputer,
<br>maka system operasi menjadi multi-user (digunakan banyak pengguna sekaligus) dan multi-programming (melayani banyak program sekaligus).
<p>Generasi Keempat (Pasca1980an)
<p>Dewasa ini, system operasi dipergunakan untuk jaringan computer dimana pemakai menyadari keberadaan komputer-komputer yang saling terhubung satu sama lainnya.
<br>Pada masa ini para pengguna juga telah dinyamankan dengan Graphical User Interface yaitu antar muka computer yang berbasis grafis yang sangat nyaman,
<br>pada masa ini juga dimulai era komputasi tersebar dimana komputasi-komputasi tidak lagi berpusat disatu titik,
<br>tetapi dipecah dibanyak computer sehingga tercapai kinerja yang lebih baik.
<br>
<br>
<h3 id="macam">Macam macam sistem operasi</h3>
<p>1.LINUX
<p>Secara teknis dan singkat dapat dikatakan, Linux adalah suatu sistem operasi yang bersifat multi user dan multitasking,
<br>yang dapat berjalan di berbagai platform, termasuk prosesor INTEL 386 dan yang lebih tinggi.
<br>Sistem operasi ini mengimplementasikan standard POSIX.
<br>Linux dapat berinteroperasi secara baik dengan sistem operasi yang lain, termasuk Apple, Microsoft dan Novell.
<p>2.Symbian OS
<p>Pada awal mulanya di tahun 1998, symbian merupakan sebuah perusahaan
patungan dari beberapa pemain di dunia ponsel yaitu Psion, Ericsson, Nokia, dan
Motorola. Kemudian pada tahun 1999, Matsushita(Panasonic) bergabung kedalamnya.
Pada tahun-tahun berikutnya banyak para pembuat ponsel yang mulai mengadopsi
teknologi symbian. Tahun 2000, Sony dan Sanyo melisensi Symbian OS, tahun 2001
fujitsu dan siemens membeli lisensi juga. Tahun 2002 Samsung membeli lisensi, ditahun
yang sama pula Siemens dan Sony Ericsson menjadi salah satu pemegang sahamnya.
Samsung menjadi salah satu pemegang saham ditahun 2003
<br>
<br>

<a href="aboutme.html">Halaman selanjutnya-></a>
</BODY>
</html>

aboutme.html

<!doctype HTML>
<html lang="en">
<BODY bgcolor = "lightgrey">
<img bgcolor="black" src="gambarframe1.jpeg" width="1280" height="100">
<br>
<br>
<hr color="blue" height="20">
<center><strong><font face="Alien Encounters" size="8">About Me</font></center>
<hr color="blue" height="20">
<br>
<br>
<br>
<br>
<img src="uyab.jpeg" width="300" height="400" border="3"><br>
<p><font face="arial" size="5">pria cakep yang lahir pada tanggal 10 September 1990 ini mempunyai nama lengkap</font><font face="Alien Encounters"

size="5"> Dwi Hananto Bayu Aji
</font><font face="arial" size="5">, biasa dipanggil</font><font face="Alien Encounters" size="5"> Uyab. </font><font face="arial"

size="5">Aku dilahirkan di bumi Reog tercinta yaitu kabupaten Ponorogo.</font>
<br>
<p><font face="arial" size="5">Berikut ini adalah seklumit  biodataku</font><br>
<br>
<table border =0 align="left" cellspacing=0 cellpadding=5>
<TR>
<td width=150>Nama</td>
<td width=400>DWI HANANTO BAYU AJI</td>
</TR>
<TR>
<td width=150>TTL</td>
<td width=400>Ponorogo,10 September 1990</td>
</TR><tr>
<td width=150>Alamat</td>
<td width=400>Jalan R.Patah No. 42 desa/kec. kauman Kab.Ponorogo</td>
</tr>
<tr>
<td width=150>Hobi</td>
<td width=400>Menggambar</td>
</tr>
<tr>
<td width=150>Cita-cita</td>
<td width=400>Menjadi Orang Sukses dunia akhirat</td></tr>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
Riwayat Pendidikan<br>
<table border =2 align="left" cellspacing=0 cellpadding=5>
<TR>
<th>jenjang</th>
<th>Nama Sekolah</th>
<th>Tahun Ajaran</th>
</TR>
<tr>
<td>SD</td>
<td>SDN 1 SOMOROTO</td>
<td>1997-2003</td>
</tr>
<tr>
<td>SMP</td>
<td>SMPN 1 PONOROGO</td>
<td>2003-2006</td>
</tr>
<td>SMA</td>
<td>SMAN 1 PONOROGO</td>
<td>2006-2009</td>
</tr>
<td>Perguruan Tinggi</td>
<td>S1 Pend. Teknik Informatika</td>
<td>2009-...</td>
</tr>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<a href="home.html"><-halaman sebelumnya</a>        <a href="galeri.html">Halaman selanjutnya-></a>
</BODY>
</html>



frame4.html

<!DOCTYPE html>
<html lang="en">

<head>
<title></title>
</head>

<body bgcolor="lightgrey">
<img src="UM2.jpg" width="100px"/><br>
<a href="www.um.ac.id" target="_blank" >website UM</a>
</body>
</html>

frame5.html

<!DOCTYPE html>
<html lang="en">

<head>
</head>

<body bgcolor="lightgrey">
copyright 2011
</body>
</html>

Screenshoot web