Minggu, 13 Februari 2011

Membuat Grafik Batang Statis

Beriku ini scriptnya....



<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Grafik Batang</title>
</head>
<body>
<table border=0 align="center" cellspacing=0 cellpadding=3>
<caption><b>GRAFIK HASIL TES SD NEGERI PANDEAN</b></caption>
<tr>
<td align="right">100</td>
<td rowspan=11 bgcolor=black></td>
<td width="15" height="20" colspan=25>
</tr>

<tr>
<td align="right">90</td>
<td width="15" height="20" colspan=26></td>
</tr>

<tr>
<td align="right">80</td>
<td width="15" height="20" colspan=25></td>
</tr>

<tr>
<td align="right">70</td>
<td width ="15" rowspan=7></td>
<td width ="15" height="40" rowspan=2></td>
<td width ="15" height="140" bgcolor=yellow rowspan=7></td>
<td width ="15" height="20" rowspan=1></td>
<td width ="15" rowspan=3></td>
<td width ="15" bgcolor=purple rowspan=7></td>
<td width ="15" rowspan=7></td>

<td width ="15" rowspan=1></td>
<td width ="15" rowspan=3></td>
<td width ="15" rowspan=5></td>
<td width ="15" rowspan=5></td>
<td width ="15" rowspan=4></td>
<td width ="15" rowspan=7></td>

<td width ="15" rowspan=3></td>
<td width ="15" rowspan=3></td>
<td width ="15" rowspan=3></td>
<td width ="15" rowspan=4></td>
<td width ="15" rowspan=5></td>
<td width ="15" rowspan=7></td>

<td rowspan=5></td>
<td rowspan=6></td>
<td rowspan=6></td>
<td rowspan=4></td>
<td rowspan=3></td>

<td width ="15" rowspan=7></td>
</tr>

<tr >
<td align="right">60</td>
<td width ="15" bgcolor=green rowspan=6></td>
<td width ="15" height="120" bgcolor=red rowspan=6></td>
</tr>

<tr>
<td align="right">50</td>
<td width ="15" height="120" rowspan=5 bgcolor=red></td>
</tr>

<tr >
<td align="right">40</td>
<td width ="15" height="80" bgcolor=blue rowspan=4></td>
<td width ="15" bgcolor=yellow rowspan=4></td>
<td width="15" bgcolor=red rowspan=4></td>
<td width="15" bgcolor=yellow rowspan=4></td>
<td width="15" bgcolor=green rowspan=4></td>
<td width="15" bgcolor=purple rowspan=4></td>
</tr>

<tr >
<td align="right">30</td>
<td width ="15" height="60" bgcolor=purple rowspan=3></td>
<td width ="15" bgcolor=blue rowspan=3></td>
<td width ="15" bgcolor=blue rowspan=3></td>
</tr>

<tr >
<td align="right">20</td>
<td width ="15" height="40" bgcolor=green rowspan=2></td>
<td width ="15" bgcolor=blue rowspan=2></td>
<td width="15" bgcolor=purple rowspan=2></td>
<td width="15" bgcolor=red rowspan=2></td>
</tr>

<tr >
<td align="right">10</td>
<td width="15" height="20" bgcolor=yellow rowspan=1></td>
<td width="15" bgcolor=green rowspan=1></td>
</tr>

<tr>
<td></td>
<td height="25" colspan=25 bgcolor=black></td>
</tr>

<tr>
<td colspan=3></td>
<td colspan=5 align="center"><b>Herlambang</b></td>
<td></td>
<td colspan=5 align="center"><b>Nidhom</b></td>
<td></td>
<td colspan=5 align="center"><b>Bian</b></td>
<td></td>
<td colspan=5 align="center"><b>Sonny</b></td>
<td></td>
</table>

<br>
<br>

<table border=0 align="left" cellspacing=0 cellpadding=0>
<tr>
<td><b><i>Keterangan:</i></b></td>
</tr>

<tr>
<td bgcolor=red width="40"></td>
<td><i> : Kemampuan membaca</i></td>
</tr>

<tr>
<td bgcolor=yellow width="40"></td>
<td><i> : Kemampuan menulis</i></td>
</tr>

<tr>
<td bgcolor=green width="40"></td>
<td><i> : Kemampuan mendengar</i></td>
</tr>

<tr>
<td bgcolor=blue width="40"></td>
<td><i> : Kemampuan berbicara</i></td>
</tr>

<tr>
<td bgcolor=purple width="40"></td>
<td><i> : Kemampuan menggambar</i></td>
</tr>

</table>
<pre>
<font face="times new roman">
&copy; vertika.com
</font>
</pre>
</body>
</html>

Diposting oleh Vertika di 03.11 0 komentar
Label:

Jumat, 11 Februari 2011

Memanfaatkan Elemen Tabel dan Hyperlink




ini dia scriptnya, cekidot...


<!DOCTYPE HTML>
<html lang="en">
<link rel="shortcut icon" href="http://localhost/PBW/MODUL2/bug.ico">
<head>
<title>Download Dokumen</title>
</head>
<body>
<table border=0 align="center" cellspacing=0
cellpadding=10>
<caption>~~ZONA DOWNLOAD~~</caption>
<!-- Header -->
<tr>
<!-- Mengatur lebar kolom -->
<th width="30" bgcolor="#0d5d12"></th>
<th width="5"></th>
<th width="300" bgcolor="#0d5d12"><a href="film.html">Film</a></th>
<th width="30"></th>
<th width="300" bgcolor="#47f20b"><a href="dokumen.html">Dokumen</a></th>
<th width="30"></th>
<th width="300" bgcolor="#0d5d12"><a href="musik.html">Musik</a></th>
<th width="5"></th>
<th width="30" bgcolor="#0d5d12"></th></tr>
<tr>
<td rowspan=12 bgcolor="#0d5d12"></td>
<td colspan = 7 bgcolor="#47f20b"><ol>
<li><a href="www.4shared.com" title="Download Now">Foto PTI'09 OFF B</a></li>
<li><a href="www.4shared.com" title="Download Now">Foto BIOZ tour to Bali</a></li>
<li><a href="www.4shared.com" title="Download Now">Foto BIOZ tour to Blitar</a></li>
<li><a href="www.4shared.com" title="Download Now">Foto BIOZ tour to Bondowoso</a></li>
<li><a href="www.4shared.com" title="Download Now">Foto BIOZ tour to Mojokerto</a></li>
</ol>
</td>
<td rowspan=10 bgcolor="#0d5d12"></td>
</tr>
<tr>
<td colspan=12 bgcolor="#0d5d12"><p align="center"> &copy; Vertika </b></p></td>
</tr>
</table>
</body>
</html>



<!DOCTYPE HTML>
<html lang="en">
<link rel="shortcut icon" href="http://localhost/PBW/MODUL2/bug.ico">
<head>
<title>Download Film</title>
</head>
<body>
<table border=0 align="center" cellspacing=0
cellpadding=10>
<caption>~~ZONA DOWNLOAD~~</caption>
<!-- Header -->
<tr>
<!-- Mengatur lebar kolom -->
<th width="30" bgcolor="#0d5d12"></th>
<th width="5"></th>
<th width="300" bgcolor="#47f20b"><a href="film.html">Film</a></th>
<th width="30"></th>
<th width="300" bgcolor="#0d5d12"><a href="dokumen.html">Dokumen</a></th>
<th width="30"></th>
<th width="300" bgcolor="#0d5d12"><a href="musik.html">Musik</a></th>
<th width="5"></th>
<th width="30" bgcolor="#0d5d12"></th></tr>
<tr>
<td rowspan=12 bgcolor="#0d5d12"></td>
<td colspan = 7 bgcolor="#47f20b"><ol>
<li><a href="www.4shared.com" title="Download Now">The Crazies</a></li>
<li><a href="www.4shared.com" title="Download Now">Harry Potter 7</a></li>
<li><a href="www.4shared.com" title="Download Now">In the Name of God</a></li>
<li><a href="www.4shared.com" title="Download Now">You Again</a></li>
<li><a href="www.4shared.com" title="Download Now">The Social Network</a></li>
</ol>
</td>
<td rowspan=10 bgcolor="#0d5d12"></td>
</tr>
<tr>
<td colspan=12 bgcolor="#0d5d12"><p align="center"> &copy; Vertika </b></p></td>
</tr>
</table>
</body>
</html>



<!DOCTYPE HTML>
<html lang="en">
<link rel="shortcut icon" href="http://localhost/PBW/MODUL2/bug.ico">
<head>
<title>Download Musik</title>
</head>
<body>
<table border=0 align="center" cellspacing=0
cellpadding=10>
<caption>~~ZONA DOWNLOAD~~</caption>
<!-- Header -->
<tr>
<!-- Mengatur lebar kolom -->
<th width="30" bgcolor="#0d5d12"></th>
<th width="5"></th>
<th width="300" bgcolor="#0d5d12"><a href="film.html">Film</a></th>
<th width="30"></th>
<th width="300" bgcolor="#0d5d12"><a href="dokumen.html">Dokumen</a></th>
<th width="30"></th>
<th width="300" bgcolor="#47f20b"><a href="musik.html">Musik</a></th>
<th width="5"></th>
<th width="30" bgcolor="#0d5d12"></th></tr>
<tr>
<td rowspan=12 bgcolor="#0d5d12"></td>
<td colspan = 7 bgcolor="#47f20b"><ol>
<li><a href="www.4shared.com" title="Download Now">Rihanna - Only Girl (In The World)</a></li>
<li><a href="www.4shared.com" title="Download Now">Sm*sh - I heart You</a></li>
<li><a href="www.4shared.com" title="Download Now"> Kerispatih – Tetap Mengerti (Menunggu)</a></li>
<li><a href="www.4shared.com" title="Download Now">Ungu – Dirimu Satu</a></li>
<li><a href="www.4shared.com" title="Download Now"> Dmasiv – Semakin</a></li>
</ol>
</td>
<td rowspan=10 bgcolor="#0d5d12"></td>
</tr>
<tr>
<td colspan=12 bgcolor="#0d5d12"><p align="center"> &copy; Vertika </b></p></td>
</tr>
</table>
</body>
</html>
Diposting oleh Vertika di 22.59 0 komentar
Label:

Membuat WEB Sederhana dengan HTML 5


Hasil web sederhana...
berikut scriptnya...


<!DOCTYPE HTML>
<html lang="en">
<head>
<title> WELCOME </title>
</head>

<body background="images/dasar.jpg">
<link rel="shortcut icon" href="images/jempol1.gif">
<h1>
<marquee direction=left bgcolor="green" scrolldelay=100>
<font face="Sin City">
<font color="black">...SELAMAT DATANG...</h1>
<hr/ color="purple">
</marquee>

<p align="center">
<font color="green">

<b>
<font face="Flubber" size=5>Inilah wadah apresiasi diri..
<br/>
</b>
<hr/ color="purple">

<p align="center">
<font color="purple">
<b>
<font face="a bug's life" size=4>
PROFIL
<br/>
</b>

<title>List</title>
<ol>
<li> Foto:</li><br/>
<img border=5 src="images/ve.jpg">
<li> Nama: Vertika Panggayuh</li><br/>

<hr color="purple" width="300" align="left">
<hr color="purple">

</ol>
</p>

</body>
</html>



Diposting oleh Vertika di 22.14 0 komentar
Label:

Minggu, 06 Februari 2011

PERKEMBANGAN TEKNOLOGI INFORMASI

SEJARAH TEKNOLOGI INFORMASI

Ø Natural / manual

- Menggunakan tenaga manusia

Ø Mekanis

- Peralatan berbentuk mekanik yang digerakkan oleh tangan manusia

- Muncul kartu perforasi (Hollerith, 1889), yang berfungsi mempercepat perhitungan sesnsus.

Ø Elektronis

- Peralatan yang bekerja secara elektronik

- Terjadi perkembangan computer:

· Komputer generasi I

o ENIAC (Electronic Numerical Integrator And Computer)

· Komputer generasi II

o Menggunakan transistor pada tahun 1956

o Menggantikan bahasa mesin dengan bahasa assembly

o Ada bahasa pemrograman, misal COBOL, FORTRAN, ALGOL

o Contoh computer : UNIVAC

· Komputer generasi III

o Penggunaan transistor menyebabkan panas

o Munculnya IC (Integrated Circuit)

o Munculnya Microprocessor pertama (1971)

o Menggunakan

· Komputer generasi IV

o Tujuan lebih jelas yaitu mengecilkan sirkuit sedangkan kemampuan ditingkatkan.

o LSI (Large Scale Integration)

Dapat memuat ratusan komponen dalam sebuah chip.

· Komputer Generasi V (1980)

o Memuat ribuan komponen dalam sebuah chip (VLSI).

· Komputer Generasi VI (sekarang)

o Meningkatkan jumlah tersebut menjadi jutaan (ULSI).

PERBANDINGAN KOMPUTER DARI GENERASI PERTAMA – KELIMA

Ø Ukuran semakin kecil

Ø Harga semakin murah

Ø Kecepatan semaikin tinggi

Ø Memori semakin besar

KLASIFIKASI KOMPUTER

Ø Supercomputer

Ø Mainframe (digunakan di perusahaan)

Ø Workstation

Ø Microcomputer

Dimiliki secara personal, missal: computer, laptop, PDA (Personal Digital Computer )

Ø Microcontroller

Digunakan pada robot, kulkas, AC.

Perbedaan processor, microprocessor, dan microcontroller:

- Processor merupakan pengendali suatu computer/ PC.

- Microprocessor: hampir sama dengan processor tapi memiliki ukuran yang lebih kecil. Contoh: pada simulator.

- Microcontroller: sudah mencangkup microprocessor dengan tujuan yang lebih khusus, misalnya untuk robot dan kulkas.

Diposting oleh Vertika di 19.17 0 komentar
Langganan: Postingan (Atom)