Bikin blog yuk..

Blogging uda jadi salah satu trend baru di kalangan remaja, karena blog itu multifungsi kita bisa chating lewat blog, bisa kenal banyak orang lewat blog, bisa juga curhat di blog, bahkan kita bisa bantu orang lewat blog dengan upload tugas dan mereka para browser bisa nemuin tugas kita untuk dijadiin referensi.

Belakangan ini blogging semakin heboh karena adanya orang yang berhasil berhasil membukukan blognya. Bahkan "Raditya Dika" tidak hanya berhasil membuat blognya dikunjungi banyak banyak orang dan cerita "Kambing Jantan" nya di bukukan, tapi juga bisa membuat isi blognya menjadi sebiuah film.

Makanya ayo kita semngat buat bikin n ngisi blog..
Sapa tau tulisan-tulisan kita di blog bisa dibukukan ato malah bisa difilmkan. Untuk ngebantu pada pemula yang pengen bikin blog, ini saya tunjukan langkah-langkah untuk membuat modul dan mengelolanya dari awal sampai akhir..

Modul Blog Erlina Pujiasri 207533408610

Materi HTML

Dengan makin berkembangnya ilmu pengetahuan dan teknologi menjadikan guru dan siswa semakin berusaha mengejar ketertinggalan. Hal ini menjadikan siswa, khuusnya siswa SMK wajib memiliki keahlian dalam dunia kerja nantinya. salah satu keahlian yang dapat diperoleh siswa di sekolah adalah HTML (Hypertext Markup Language). Melalui HTML siswa dapat membuat biodata, maupun mempublish tugas-tugasnya.

Pada materi berikut ini siswa dapat membuat frame, link, background, color, image profile, dll
Modul2HTML1

Pengalaman Baru

Bulan terakhir gw PPLdi SMKN 3 Malang, bukan berarti menjadi bulan terasyik..
ini malah menjadi bulan terberat dalam sejarah PPL gw, saat semua laporan menumpuk, masalah datang, pusing berkepanjangan, acara yang terlalu padat, sampai urusan kuliah dan ga ada matinya..
Sometime gw ngebayangin kalo ntr uda kerja, bakal seberat ini ga yaa??
Just wish I can pass it with a smile..

Team Teaching Part 1

Hari ini adalah hari pertama gw buat ngajar di SMKN 3 Malang..
sebenernya bukan murni gw doang yg ngajar tapi qt team teaching, jadi 1 orang temen ngajar dan yang lain hanya nambahin..
awalnya gw ngeri juga habis kalo gurunya ngomong 1 patah kata, muridnya langsung nyahutin 5 patah kata, hmmmm...
ada lagi studi kasus di kelas itu kayaknya lumayan banyak deh, aduh-aduh jadi bingung gw milih yang mana..
ada lagi harusnya gw di sekolah gw di panggil bu, tapi mereka malah manggil mbak n kakak, jadi berasa muda deh, hohoho...
Tuhan semoga PPL ini berjalan lancar, laporan kelar, nhgajar semakin baik, tidak lagi deg2an
Amin..

Pengolahan Data Berbasis File

Sekarang kita belajar bikin pengolahan data berbasis file, dimana data yang dimasukkan pada kolom yang disediakan bisa muncul di tabel yang ada di bawahnya. Screenshot aplikasinya kayak begini...

Untuk syntax programnya donlot disini aja ya?
lengkapnya kayak gini...

Countdown

Kali ini kita belajar gimana caranya bikin perhitungan mundur waktu dengan fungsi countdown pada php. Fungsi ini dimaksudkan untuk menghitung mundur tanggal dan selisih hari, jam dan menit yg di masukan oleh user dengan tanggal hari ini. Tanggal inputan yang dimasukan user harus lebih kecil ato sebelum tanggal hari ini. Screenshot programnya kayak gini nih...

Input tanggal yang bakal dimasukin harus sebelum tanggal hari ini, fungsi countdown ini menghitung selisih hari, bulan, jam dan menit. Khusus untuk jam dan menitnya ga di input oleh user melainkan terhitung tepat pukul 24.00 ato pukul 12.00 am ato jam 00.00 Yahh, intinya sama deh....
hasilnya adalah sebagai berikut...

buat download syntaxnya klik link ini....
buat yang mo donlot wallpapernya klik link ini ya...

Login Form with php

Setelah sebelumnya kita belajar dasar-dasar pemrograman php. kali ini kita belajar buat bikin login form pada pemrograman php. Login form, hal ini sudah sering kita dengar bukan? Saat masuk account blogger kita harus login terlebih dahulu, begitu pula saat masuk ke account facebook, twitter, myspace, friendster, dan lain sebagainya Pada dasarnya login form ini harus berisi dan tidak boleh kosong, sehingga inputan yang dari user yang kosong akan langusng diberi peringatan seperti berikut ini :

ERD

Setelah 2 hari ga bisa bercengkrama bebas dengan leppyq tersayang ini. Finally hari ini aq bisa gila-gilaan bersamanya, benar-benar menyenangkan rasanya hari ini. Rasanya hari ini penuh berkat deh..
senangnya...
btw, masalah ERD matakuliah ADSI kelompok gw waktu itu dapet tentang poliklinik setelah kompromi alias diskusi panjang hasil akhirnya adalah seperti ini:

kalo mo donlot klik disini aja ya...

SKPL

Tugas mata pelajaran Rekayasa Perangkat Lunak kali ini dibuat dengan format yg sudah diberikan dosen sebelumnya..
banyak banget data yang musti dikarang, mudah-mudahan karangan gw bisa diterima dosen n daprt nilai bagus.
preview formatnya begini...

formatnya bisa boleh di donlot disini...

BT berat!!

Gw terjebak dalam situasi yang sulit..
Saat UTS uda nongol di depan mata, tugas menumpuk, masalah banyak
Tapi apa da hal yang vital dan bikin gw frustasi parah..
Pada saat yang sama dengan kejadian nyebelin yang ada di atas, tiba-tiba adaptor laptop gw rusak, ga mo nyala. Gw tw sih arus listrik di kosan rada dodol, listrik dikosan juga sering jeglek. Tapi parahnya waktu kejadian jeglek di gedung H5, caz laptop gw langsung ga amo dikompromiin lagi, mati total. Slametnya temen di kosan ada yang berbaik hati buat minjemin laptop sampe akhirnya ntar cas laptop dateng dari tokonya. Secara masih garansi getho jadi ya gw minta replace barang aza..
Mudah-mudahan ga lebih dari seminggu gw musti nunggu tu cazan dateng..
Amin...
Tuhan tolong kabulin doaku kali ini..

movie maker

Setelah kutak-katik movie maker bawaan XP ku yang ternyata masih tetep dodol akhirnya aq coba pake picasa, akhirnya gw bisa juga bikin tugas PBK yg satu ntuh..
Awalnya dari powerpoint yang trus dibuat movienya..
Printscreen pptnya kayak gini...
Modul yang gw buat ini mengenai USB (Universal Serial Bus) yang diadaptasi dari om wikipedia. Kalo mo donlot modul pptnya disini aja...
Terus setelah setelah gw edit di picasa 3, ditambahin lagu, opening n closing akhirnya hasil akhir movienya kayak disiini...

Laporan Praktikum

Setelah begadang sampe jam 3 pagi akhirnya laporan praktikum Komunikasi Data dan Jaringan Komputer. yang berjudul topologi jaringan tre dengan netstat. Akhirnya kelar juga tugas yang satu ini, dimulai dari nyari tentang topologi jaringan tree:

Topologi pohon/tree menggabungkan beberapa topologi bintang kedalam sebuah bus. Dalam bentuk sederhana, hanya hub yang dikoneksikan secara langsung ke pohon bus dan setiap hub berfungsi sebagai akar dari kumpulan node. Dalam hal ini node tersebut dapat juga berupa hub ataupun perangkat-perangkat lainnya.

Topologi jaringan ini disebut juga sebagai topologi jaringan bertingkat. Topologi ini biasanya digunakan untuk interkoneksi antar sentral denganhirarki yang berbeda. Untuk hirarki yang lebih rendah digambarkan padalokasi yang rendah dan semakin keatas mempunyai hirarki semakintinggi. Topologi jaringan jenis ini cocok digunakan pada sistem jaringan komputer.

Sedangkan untuk Netstat (NETwork STATistics) adalah suatu tool berbasis command line yang digunakan untuk mengetahui konfigurasi suatu jaringan dan aktivitas yang sedang terjadi di jaringan tersebut, serta statistiknya.

Sakit mata niech...
uda berhari-hari dan berjam-jam gw habisin waktu di depan laptop ditemenin ama coklat..
Tidaaaaaaakkkk..
Semakin subur saja diriku...
Sekarang uda jam 00.45
Mata gw masih belom bisa terpejam,
Seandainya jarak Malang-Jakarta sedeket kamar kosan gw ama kamar mandi
Gw pasti uda pulang ke rumah buat bantu-bantu nyokap pindahan
Sayangnya semua itu cuma hayalan tingkat menengah gw,
Alhasil selama liburan ini gw cuma mendekam di kamar kosan
Huh.. pengen jjs...
Pengen belanja...
Kapan ya??
Daripada gw ga bisa tidur mending gw bikin laporan praktikum deh, kalo aja dengan liat command prompt n kata-kata yang njelimet itu gw jadi bisa ngantuk...
Malem semuanya........

Kirim email gatot

Waktu gw lagi ngenet di kosan n mo ngirim tugas tau-tau ada peringatan gagal yang mungkin di sebabkan karena firewall ato proxy masalah. Akhirnya Firewalled gw off in truz proxy nya juga gw cek ternyata gw uda pake pilihan no proxy. Tapi kenapa masih gagal juga ya?? Tampilannya kayak gini...

Tolongin gw kalo ada yang sekiranya bisa bantu. Coz kalo gw coba hotspotan di tempat lain kayak di kampus, bisa2 aja tuh ngirim email yang pake lampiran..
Makasih sebelumnya.....

Generate Tabel dengan PHP

Setelah belajar JavaScript sekarang waktunya belajar PHP. Kali ini kita belajar bikin tabel sesuai dengan masukkan yang diberikan oleh user. Untuk tampilan awal akan muncul label jumlah kolom, baris dan sel yang harus diisi, kalo sampe ada data yang ga diisi nanti tabelnya ga mau muncul..
Tampilan awalnya kayak begini..

setelah itu memasukkan jumlah kolo, baris dan sel yang diinginkan, klik tombol generate. Setelah menekan tombol generate akan muncul tampilan sebagai berikut...

Tugas Web

Setelah belajar JavaScript sekarang waktunya belajar PHP. Kali ini kita belajar bikin tabel sesuai dengan masukkan yang diberikan oleh user. Untuk tampilan awal akan muncul label jumlah kolom, baris dan sel yang harus diisi, kalo sampe ada data yang ga diisi nanti tabelnya ga mau muncul..
Tampilan awalnya kayak begini..

setelah itu memasukkan jumlah kolo, baris dan sel yang diinginkan, klik tombol generate. Setelah menekan tombol generate akan muncul tampilan sebagai berikut...

Caranya adalah mengetikan sintaks dibawah ini...

<!DOCTYPE  HTML  PUBLIC  "-//W3C//DTD  HTML  4.0  Transitional//EN">
<html  xmlns="http://www.w3.org/1999/xhtml"  xml:lang="en"  lang="en">
<head>
<title>Generate Tabel</title>
</head>
<body bgcolor=#E6E6FA>
<?php
//tabel.php
define("Tabel","Generate Tabel");
define("NL","</br>\n");
?>
</body>
</html>  

Simpan syntax di atas dengan nama tabel.php terus masukkan syntax berikut ini dengan type php

<?php require("tabel.php") ?>
<center><h1><?php echo(Tabel); ?>
<br/>Program Untuk Mengenerate Tabel Sesuai Masukkan User</h1></center>
<form name="frmtabel" METHOD=post ACTION="tabelact.php">
<br/> <br/> <br/>
Isikan jumlah sel dan kolom yang Anda inginkan<br/>

Jumlah Kolom :
<input name="kolom" type=text id="kolom"/><br/>
Jumlah Baris :
<input name="baris" type=text id="baris"/><br/>
Jumlah Sel   :
<input name="sel" type=text id="sel"/><br/>
<input name="enter" type=submit value="Generate"/><br/>
<input name="reset" type=reset value="reset"/><br/>
</form>
<script language="JavaScript" type="text/javascript">
<!--
function getmax() {
var myForm  =  document.frmtabel;
var R = eval(myForm.baris.value);
var C = eval(myForm.kolom.value);
var total = 'N/A';
total = R * C;
//-->
</script>
Setelah itu, ketikan syntax berikut ini dan beri nama tabelact.php

<?php require("tabel.php"); ?>
<div align="center">
<?php $col = 1; $row = 1; $cel = 1; ?>
<?php $col = (int) $_POST["kolom"]; ?>
<?php $row = (int) $_POST["baris"]; ?>
<?php $cel = (int) $_POST["sel"]; ?>
<?php

echo ("<b>Tabel yang Anda inginkan adalah sebagai berikut:</b>".NL.NL.

    "Jumlah Kolom yang Anda pilih : $col" . NL.
    "Jumlah Baris yang Anda pilih : $row" . NL.
    "Jumlah Sel yang Anda pilih   : $cel" . NL);
?>
<br/><br/>
<br/><br/>
<?php
$width = $col * 75;
echo "<table width=".$width." border=2 cellpadding=20 cellspacing=1 >";
$ro = 0;
$ce = 1;
while ($ro < $row && $ce <= $cel)
{
echo "<tr>";
$co = 0;
while ($co < $col)
{
if ($ce <= $cel)
{
echo "<td><div align=center>".$ce."</div></td>";
$ce++;
}
$co++;
}
echo "</tr>";
$ro++;
}
echo "</table>";
?>
 </div>

Kalo sudah semuanya, untuk melihat tampilan tabel buka dari syntax yang kedua ya??
Selamat Mencoba ya??
God Luck...

arght.... hmmmm....

Gilaaaaaaaaa.........
Aaaaaaaaaaaaarrrrrrggggggghhhhhhhhh.....

Pusink aja gw, tidak ada inspirasi yang muncul bagaimana ini??
Seseorang yang selama ini selalu support gw n nginspirasiin gw berada nun jauh di sana
So far sih komunikasi qt lancar2 aja tapi masalahnya kapan lagi qt bisa ketemu?
itu masalah terpenting dan harus dipertanyakan untuk saat ini...

Oh God please give me strength to pass it...

passing by value dan by reference

Pada pemrograman PHP, fungsi merupakan kumpulan dari suatu kode yang didefinisikan dengan tugas tertentu dan dapat merupakan bagian dari suatu kode yang didefinisikan dengan tertentu dan dapat merupakan bagian dari suatu program yang lain. Suatu fungsi dapat memiliki satu argumen atau beberapa argumen atau beberapa argumen.Salah satu kelebihan fungsi adalah nama fungsi yang dapat membawa suatu nilai.

Passing by Value
Argumen fungsi yang dilewatkan secara pass by value (default dalam php) berarti membuat kopi dari argumen yang asli sehingga argumen asli tersebut tidak ikut berubah dengan adanya proses pada fungsi terhadap argumen tersebut. Arti by value adalah jika nilai parameter berbuah, tidak akan ikut mengubah nilai variabel pada pemanggilan statemen. Untuk lebih jelasnya dapat dilihat pada contoh berikut ini:

<!DOCTYPE  HTML  PUBLIC  "-//W3C//DTD  HTML  4.0  Transitional//EN">
<html  xmlns="http://www.w3.org/1999/xhtml"  xml:lang="en"  lang="en">
<head>
<title>Passing by value</title>
</head>

Sensi

Saat sepi datang, dia tak ada disisiku
Saat hal kecil menjadi besar
Saat semua terasa aneh
Saat kerinduan melanda

Semoga pemecahan masalah ini segera datang
Aku sudah tidak tahan lagi berada dalam kebimbangan dan kesepian ini
Tuhan tolong bantu aku
Kuatkanlah aku selalu

Tugas Menggila

Libur-libur gini malah bingung mo ngapain? nyuci baju udah...rapiin lemari udah..apa lagi ya??
Seandainya rumah gw deket pasti sekarang gw uda pulang kayak temen2 yang lainnya...
Sayangnya perjalanan ke rumah sekitar 18 jam, ya capek di jalan kkalo libur cuma 4 hari gini..
Terpaksa deh lagi mendekam di kamar kozan sambil berpikir keras untuk menyelesaikan tugas-tugas yang sudah menumpuk..
Pusing rasanya kalo uda denger kata-kata sakti "TUGAS"...
1. tugas riview skripsi penelitian tindakan kelas
2. tugas web programming yang jawaban studi kasus maupun tugas praktikumnya masih blm bisa dipecahkan
3. persiapan proposal untuk skripsi semester depan
4. belom rekayasa perangkat lunak yang harus mengarang indah (untung aja tugasnya kelompokan yang satu ini)
5. laporan praktikum komunikasi data dan jaringan komputer minggu ini juga belom
6. paper komunikasi data dan jaringan komputer
7. belom tugas pembeljaran berbasis komputer yang disuruh buat movie maker, mana movie maker gw rada dodol pula...
Oh tidak... ini baru sebagian tugas yang masih gw inget yang ga inget ga tw lagi nasibnya gimana???
Hahahaha.....

Mitos Perangkat Lunak

Sekarang ini kebanyakan kaum profesional yang memilki banyak pengetahuan, mengetahui berbagai mitos-mitos di bidang yang digelutinya.

Sikap yang salah yang menyebabkan masalah yang serius bagi manajer serta masyarakat teknisi. Tetapi sikap lama tersebut memang sangat sulit diubah, dan sisa-sisa mitos perangkat lunak masih tetap dipercaya.

Beberapa mitos perangkat lunak berkaitan dengan:

• Manajemen.
• Pelanggan.
• Pengembang.

Untuk lebih jelas lagi tentang  mitos perangkat lunak klik disini...

long distance relationship

Beratnya LDR (Long Distance Relationship), selama beberapa tahun pacaran tannpa kendala yang berarti ternyata masalah justru muncul di saat dia uda lulus kuliah. Lulus kuliah sebenernya sesuatu yang menyenangkan tapi malah jadi suatu awal untuk cobaan berat dalam hidup gw. Dia lulus berarti dia harus balik ke kota asalnya di pulau sumatera, dan gw masih harus nerusin kuliah yang makin hari makin njelimet ini. So kita LDR dengan dia di rumahnya sambil nunggu wisuda dan gw stay di Malang kota kelahiran gw (secara akte aja, kenyataan gw ga lahir di Malang hehe).

Setelah hampir dua minggu gw jalanin LDR ini ternyata makain bikin berat aja rasanya, mo telpon musti biikin janji dulu. Giliran dia bisa telpon, gw masih ada kuliah. Gw jadi pengen cepet lulus, pengen kerja di kota yang sama am dia biar ga LDR lagi. Gw kangen jjs bareng dia, pengen ke coban plangi lagi, pengen ke jakarta bareng lagi, pengen wisata kuliner lagi bareng dia. Kapan ya dia balik ke Malang? sedangkan jadwal wisuda di Brawijaya aja masih belom jelas.

Nasib gw sekarang kayak gambar ini..

Semoga ada pemecahan masalah yang terbaikdari LDR ini tanpa harus merugikan kedua belah pihak (bahasa gw kayak apa aja). Kuliah gw aman, karir dia juga sukses. Aminnn....

Kejadian Aneh di Hari yang Aneh

Oh God..
ga tw kenapa beberapa hari ini gw ga bisa tidur normal seperti biasanya. Aneh-aneh aja kejadian yg ada di sekitar gw belakangan ini. Yang anak-anak kosan ngomongin mbak kunti lah. Ada lagi anak kosan yang jadi korban keganasan imajinasi. Gw juga heran kayak beginian bisa terjadi di kehidupan nyata. Gw pikir hal kayak begini bakal cuma kejadian di sinetron bersambung a.k.a sinetron kejar tayang yang isi cerita muter-muter aja. Dah gitu kadang-kadang pas gw nonton ampe ga ngerti sendiri jalan cerita yang dimaksud sinetron ini gimana, so mensing ga usa nonton deh daripada nonton tapi cuma melongo tapi gw lebih milih opsi kedua TV di kamar tetep nyala tapi ga usa ditonton buat bikin rame kamar aja n nemenin gw begadang ampe malem. Secara tiap bulan TV lah yg paling banyak nyumbang erosi di kantong gw (paling mahal getho bayarnya dibanding rice cooker, laptop n kipas angin).

Back to the kosan, hari rebo 3 maret 2010 secara mengejutkan tiba-tiba gw dapet berita kalo kosan didatengin orang-orang asing yang pastinya kita semua ga kenal. Hebatnya lagi mereka cuma mo negesin masalah ama orang paling "ajaib" di kosan kita. Tapi tersangka utanma belom pulang. Mereka dateng beramai-ramai dari suatu perkumpulan yang diikuti manusia paling "ajaib" sekosan itu, sebut aja namanya zonk. Orang-orang dari perkumpulan itu bilang kalo zonk bikin perpecahan diantara mereka, zonk juga bilang ' jangan ke kosan ato kalian bakalan dibunuh ama anak-anak kosan'. OMG ini yang gila zonk ato perkumpulan berbaju nyentrik itu?

Formulir Pemesanan

Sekarang kita belajar buat bikin formulir pemesanan makanan pake JavaScript. Sebenernya pada form ini ga terlalu beda jauh ama Kalakulator Sederhana yang sebelumnya udah kita buat. Pada tabel menu yang muncul nantinnya akan tampil beberapa menu, antara lain: Bakso Istimewa, Mie Ayam Super, Es Degan, dan Es Campur. Daftar harga satuan, harga barang, jumlah total, jumlah diskon, dan jumlah bayar bersifat read only atau tidak dapat ubah. sedangkan yang terdapat pada kolom pesan dapat diisi dan di ubah. Data harga akan muncul secara otomatis saat kita memasukkan angka pada kolom pesan. Jika pembelian melebihi 50000 maka pelanggan akan mendapat potongan  harga sebesar 10000, hal tersebut tidak berlaku untuk kelipatannya.
Tampilan dari tabel yang dimaksud adalah sebagai berikut...

Untuk dapat membuat tabel formulir pemesanan seperti di atas kita memerplukan penggabungan antara tabel dengan JavaScript. Untuk mendownload syntax program tersebut, harap klik disini...
Untuk mendownload wallpaper yang digunakan pada program tersebut klik disini...
Syntax programmnya adalah sebagai berikut:

Kalkulator Sederhana

Setelah belajar buat bikin grafik dan tabel sekarang kita belajar buat bikin kalkulator sederhana.
Kalkulator sederhana seperti pada gambar berikut ini:


Kalkulator ini memiliki 4 operand yakni, tambah (+) , kurang (-) , bagi ( /) , kali (*). Angka yang pertama dimasukkan terlebih dahulu dalam kolom yang tersedia, kemudian pilih operandnya. Setelah menentukan operand akan muncul tampilan peringatan operand yang telah dipilih kemudian masukkan angka selanjutnya pada kolom kedua dan tekan tombol sama dengan (=) untuk menampilkan hasilnya.Tombol reset digunakan untukmenghapus hasil perhitungan sebelumnya. Tampilan langkahnya adalah sebagai berikut:

My resume

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

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

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

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