Perangkat lunak, adalah program komputer yang berfungsi sebagai sarana interaksi antara pengguna dan perangkat keras. Perangkat lunak dapat juga dikatakan sebagai 'penterjemah' perintah-perintah yang dijalankan pengguna komputer untuk diteruskan ke atau diproses oleh perangkat keras. Perangkat lunak ini dibagi menjadi 3 tingkatan: tingkatan program aplikasi (application program misalnya OpenOffice.org), tingkatan sistem operasi (operating system misalnya Ubuntu), dan tingkatan bahasa pemrograman (yang dibagi lagi atas bahasa pemrograman tingkat tinggi seperti Pascal dan bahasa pemrograman tingkat rendah yaitu bahasa rakitan).
Istilah Rekayasa Perangkat Lunak (RPL) secara umum disepakati sebagai terjemahan dari istilah Software Engineering. Istilah Software Engineering mulai dipopulerkan tahun 1968 pada Software Engineering Conference yang diselenggarakan oleh NATO. Sebagian orang mengartikan RPL hanya sebatas pada bagaimana membuat program komputer. Padahal ada perbedaan yang mendasar antara perangkat lunak (software) dan program komputer.
Mau tau lebih jelas tentang perangkat lunak, rekayasa perangkat lunak, mitos perangkat lunak, proses perangkat lunak (software process), model proses perangkat lunak baik dalam bentuk konvensional maupun evolusioner. Klik disini aja...
Jumat, 26 Februari 2010
Minggu, 21 Februari 2010
Grafik Berbasis Tabel
Selain belajar bikin tabel standar n tabel "ajaib". Sekarang kita belajar buat bikin grafik. Dengan memanfaatkan fungsi colspan dan bg color pada tabel kita bisa bikin grafik pake tabel.
Sintaksnya kayak gini...
<!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>Grafik Berbasis Tabel 1</title> </head>
<body>
<table width="600" >
<tr>
<td width="600" colspan="2">
<table frame="hsides" align="left" cellspacing="0" cellpadding="5">
<!-- Mengatur lebar kolom -->
<tr>
<th width="200">Perusahaan</th>
<!-- Gabung kolom nama dan alamat -->
<th width="400" >Pendapatan</th>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table frame="below" align="left" cellspacing="0"cellpadding="1">
<!-- data pertama -->
<tr>
<td width="200">Angin Reboot Ltd</td>
<td width="25"></td>
<td width="70"></td>
<td width="30"></td>
<td width="200" colspan="2"><table bgcolor="black"><tr><th width="200" height="20" bgcolor="green"></th></tr></table></td>
<td>+150%</td>
</tr>
<tr>
<td width="200">Command Prompt,Inc</td>
<td width="25"></td>
<td width="70"></td>
<td width="30"></td>
<td width="80"><table bgcolor="black"><tr><th width="80" height="20" bgcolor="green"></th></tr></table></td>
<td align="left" colspan="2">+55%</td>
</tr>
<tr>
<td width="200">Hibernate Ltd</td>
<td width="25"></td>
<td width="70" align="right">-23%</td>
<td width="30" ><table bgcolor="black" align="right"><tr><th width="30" height="20" bgcolor="yellow"></th></tr></table></td>
<td width="80"></td>
<td width="120"></td>
</tr>
<tr>
<td width="200">Shutdown Ltd</td>
<td width="25" align="right">-75%</td>
<td width="100" colspan="2"><table bgcolor="black"><tr><th width="100" height="20" colspan="2" bgcolor="red"></th></tr></table></td>
<td width="80"></td>
<td width="120"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
klik disini untuk sintaksnya
Hasilnya...
Jangan lupa cek HTML validatornya...
Sintaksnya kayak gini...
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>Grafik Berbasis Tabel 1</title> </head>
<body>
<table width="600" >
<tr>
<td width="600" colspan="2">
<table frame="hsides" align="left" cellspacing="0" cellpadding="5">
<!-- Mengatur lebar kolom -->
<tr>
<th width="200">Perusahaan</th>
<!-- Gabung kolom nama dan alamat -->
<th width="400" >Pendapatan</th>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table frame="below" align="left" cellspacing="0"cellpadding="1">
<!-- data pertama -->
<tr>
<td width="200">Angin Reboot Ltd</td>
<td width="25"></td>
<td width="70"></td>
<td width="30"></td>
<td width="200" colspan="2"><table bgcolor="black"><tr><th width="200" height="20" bgcolor="green"></th></tr></table></td>
<td>+150%</td>
</tr>
<tr>
<td width="200">Command Prompt,Inc</td>
<td width="25"></td>
<td width="70"></td>
<td width="30"></td>
<td width="80"><table bgcolor="black"><tr><th width="80" height="20" bgcolor="green"></th></tr></table></td>
<td align="left" colspan="2">+55%</td>
</tr>
<tr>
<td width="200">Hibernate Ltd</td>
<td width="25"></td>
<td width="70" align="right">-23%</td>
<td width="30" ><table bgcolor="black" align="right"><tr><th width="30" height="20" bgcolor="yellow"></th></tr></table></td>
<td width="80"></td>
<td width="120"></td>
</tr>
<tr>
<td width="200">Shutdown Ltd</td>
<td width="25" align="right">-75%</td>
<td width="100" colspan="2"><table bgcolor="black"><tr><th width="100" height="20" colspan="2" bgcolor="red"></th></tr></table></td>
<td width="80"></td>
<td width="120"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
klik disini untuk sintaksnya
Hasilnya...
Jangan lupa cek HTML validatornya...
Bikin Tabel di Web
Ini adalah lanjutan dari posting sebelumnya. Kali ini kitabelajar bikin tabel sederhana di halaman web. seperti biasa, harus di ketik dulu kode sintaks berikut ini...
Klik link ini kalo pengen instant n cepet jadi...
Jangan lupa simpen data kamu dengan tipe html dan cek di web browser. Hasilnya adalah sebagai berikut..
Jangan lupa cek validator HTMLnya ya...
Pastiin uda berbentuk centang warna ijo..
Klik link ini kalo pengen instant n cepet jadi...Jangan lupa simpen data kamu dengan tipe html dan cek di web browser. Hasilnya adalah sebagai berikut..
Jangan lupa cek validator HTMLnya ya...
Pastiin uda berbentuk centang warna ijo..
Sabtu, 13 Februari 2010
Latihan Bikin Web Sederhana
Untuk bikin web pastiin dulu kalo wampserver, web browser (firefox), editor teks (notepad++ ato notepad2 dan sodar-sodara notepad lainnya) dan HTML validator uda terinstall di komputer ato laptop kamu. Berikut ini ada beberapa langkah membuat halaman web sederhana. Halaman web yang akan di contohkan disini adalah halaman web sederhana yang menampilkan background, picture, garis warna-warni dan paragraf singkat. Pertama-tama yang harus dilakuin adalah mengetik kode sintaks di bawah ini pada editor teks yang kamu punya. Kodenya adalah sebagai berikut:
Ato klik link ini kalo males ngetik...
Habis itu save data yang uda diketik di notepad tadi denga tipe html pada folder dengan nama favoritmu di direktori wamp>www data kamu. Pastiin wampserver kamu aktif, setelah itu buka localhost dari wampserver dan cari nama folder tadi di bagian your projects terus klik link nama file kamu.html
Hasilnya kayak di bawah ini...
Pastiin validator cek yang ada di kanan bawah web browser kamu uda berbentuk tanda centang warna ijo coz itu artinya syntaks HTML yang kamu tulis uda sesuai dengan kaidah-kaidah html yang berlaku. Selamat mencoba n good luck..
Ato klik link ini kalo males ngetik...Habis itu save data yang uda diketik di notepad tadi denga tipe html pada folder dengan nama favoritmu di direktori wamp>www data kamu. Pastiin wampserver kamu aktif, setelah itu buka localhost dari wampserver dan cari nama folder tadi di bagian your projects terus klik link nama file kamu.html
Hasilnya kayak di bawah ini...
Pastiin validator cek yang ada di kanan bawah web browser kamu uda berbentuk tanda centang warna ijo coz itu artinya syntaks HTML yang kamu tulis uda sesuai dengan kaidah-kaidah html yang berlaku. Selamat mencoba n good luck..
Langganan:
Postingan (Atom)
