Briefing Kelas Inspirasi Malang

"Bagi Anda hanya satu hari cuti bekerja, namun bagi murid-murid itu bisa menjadi hari yang menginspirasi mereka seumur hidup. Berbagi cerita, pengetahuan, dan pengalaman untuk menjadi cita-cita dan mimpi mereka."

Seperempat Abad Disini

Seperempat abad berlalu, bagaimana kau kini?

Kami Orang Desa Yang Tak Punya nasionalisme

Kalau seorang pejabat disebut orang yang paling mengerti apa itu nasionalisme, maka – sekali lagi kami belum punya hal itu. Kalian tahu, arti kata oposisi dan koalisi saja kami tidak paham, yang kami paham cuma istilah saling menasehati dan saling tolong, itu saja.

Konser Payung Teduh

Kamis, 25 September kemarin sempat lihat konser Payung Teduh bersama ratusan payung lipat lainnya di Graha Cakrawala Universitas Negeri Malang dalam acara ulang tahun FTP UB. Konsernya keren dengan penampilan Payung Teduh yang selalu saja bisa menghipnotis penggemarnya

The Research Process Cycle

Aktivitas penelitian di berbagai bidang ipteks secara substansi ditandai oleh empat hal, yaitu adanya upaya bersifat sistematik, adanya sesuatu hasil temuan, adanya kebermanfaatan dan adanya tindak lanjut penyebarluasan temuan

Tampilkan postingan dengan label PTI478. Tampilkan semua postingan
Tampilkan postingan dengan label PTI478. Tampilkan semua postingan

Rabu, April 7

Aplikasi Pengolah Data (Tutorial PHP 2)

Posted by Wahyu Nur Hidayat, M.Pd on 21.50

Pada pertemuan kali ini kita akan membahas tentang aplikasi pengolah data menggunakan PHP. simpan dengan nama aplikasi.php

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>Aplikasi Tabel PHP</title>
<link rel="stylesheet" href="login.css" type="text/css"/>
</head>
<body>

<div id="form">
<h2 align="center">Data Mahasiswa</h2>
<hr style="color:#3ebee9; border:double;" align="center" width="300"/>
<form action="<?php $_SERVER['PHP_SELF'];?>" method="post">
   <div id="Input">
   No:<br />     <input type="text" name="no"/><br />
   Nama:<br />     <input type="text" name="nama"/><br />
   Alamat:<br />     <input type="text" name="alamat"/><br />
   </div>
   <div id="btnLogin">
   <input type="submit" name="OK" value="OK"/>
    </div>
</form>
</div>

<?php
$id=mysql_connect("localhost", "root", "");
$db=mysql_select_db("mahasiswa",$id);
if(!$db)
echo "gagal<br>";
else
echo "berhasil koneksi ke data base<br>";
echo("<table width=250 align=center border=1 cellspacing=0 cellpadding=0 bordercolor=#0000FF><tr>");
echo("<th align='center'>No</th>");
echo("<th align='center'>Nama</th>");
echo("<th align='center'>Alamat</th>");
if (isset($_POST['OK'])){
    $no = $_POST['no'];
    $nama = $_POST['nama'];
    $alamat = $_POST['alamat'];
$proses = "insert into nama set no ='$no', nama='$nama',
alamat='$alamat'";
$simpan= mysql_query($proses);
if ($simpan) {
echo "<font size=5>Data  Disimpan </font><br>";
}else{
echo "<font size=5>Data Gagal Disimpan </font><br>";
}
}
$hasil = mysql_query("select* from nama", $id);
while($row=mysql_fetch_array($hasil)){
    $isino = $row["no"];
    $isinama=$row["nama"];
    $isialamat=$row["alamat"];
echo("<tr><td align='center'>$isino</td>");
echo("<td align='center'>$isinama</td>");
echo("<td align='center'>$isialamat</td></tr>");
}

?>

</body>
</html>

Rabu, Maret 31

Script PHP untuk Menghitung Selisih Waktu dan Tanggal

Posted by Wahyu Nur Hidayat, M.Pd on 23.55

Pada artikel ini akan dibahas bagaimana cara membuat script PHP untuk mencari selisih waktu dan tanggal. Proses pencarian selisih ini menggunakan perintah SQL.

Simak artikel ini dengan cermat…

Sebagai contoh, akan dibuat script untuk mencari selisih hari dari tanggal 20/10/2008 sampai dengan 23/10/2008.

<?php
$tglAwal = "2008-10-20";
$tglAkhir = "2008-10-23";

mysql_connect("namahost","namauser","pass");
mysql_select_db("namadb");

$query = "SELECT datediff('$tglAkhir', '$tglAwal') as selisih";
$hasil = mysql_query($query);
$data = mysql_fetch_array($hasil);

echo "Selisih hari antara tanggal ".$tglAwal.
       " sampai tanggal ".$tglAkhir." adalah ".$data['selisih'].
       " hari";

?>

Bagaimana script untuk mencari selisih waktu? pada prinsipnya hampir sama dengan script di atas, bedanya hanya pada statement SQL nya saja, yaitu menggunakan timediff().

 

Source: http://blog.rosihanari.net/script-php-untuk-mencari-selisih-waktu-dan-tanggal

Pemrosesan Form (2): Aplikasi Login Sederhana

Posted by Wahyu Nur Hidayat, M.Pd on 23.18

Pembuatan aplikasi login form sederhana tanpa menggunakan database merupakan dasar dari pembuatan aplikasi login form dengan menggunakan database, seperti My-SQL, Mic. Access, ataupun bisa juga menggunakan text editor untuk menyimpan apapun yang telah kita masukkan didalam input yang telah disediakan. Yang saya bahas kali ini merupakan dasar pemrograman web. Sebenarnya posting kali ini kelanjuttan dari postingan saya sebelumnya tepatnya klik disini.

Nah sekarang sekarang menginjak pada contoh berikutnya dari postingan yang sebelumnya yakni pemrosesan form untuk aplikasi Login Form Sederhana (tanpa database) dengan syarat sebagai berikut :

Aplikasi login form sederhana (tanpa database) yang terdiri dari field ID/Username dan Password. Gunakan variabel di PHP untuk mensimulasikan verifikasi data yang dimasukkan.
Spesifikasi:

  • Terdapat scripting JavaScript untuk validasi awal (field tidak boleh kosong, masukan id dan password harus huruf).
  • Jika field kosong dan langsung di-submit, kembalikan fokus kursor ke field pertama (id) Ada validasi sisi server (dari PHP) untuk memastikan bahwa nilai field adalah string.
  • Jika nilai id dan password sesuai dengan pre-defined value di variabel, munculkan pesan selamat datang dan cetak nilai id. Sebaliknya, jika tidak sesuai, tampilkan pesan kegagalan.
  • Pada aplikasi ini username = wahyu, sedangkan password = ganteng ;

Tampilannya seperti yang tampak dibawah ini dengan posisi kursor pada User Name:

image

Tampilan jika gagal melakukan login:

imageTampilan jika berhasil melakukan login:

imageTerdapat 4 macam  source code yang saya pakai disini yaitu:

 

1.  Source Code HTML

HTML yang saya pakai saya simpan dengan nama index.html, yaitu sebagai berikut:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Login Form Penjual Mimpi</title>
<link rel="stylesheet" href="wahcss.css" type="text/css" />
</head>
<body onLoad="document.form1.user.focus();">
<form name="form1" method="post" action="admin.php">
<div id="apDiv1">
<div id="header">
</div>
<div align="center">
<img src="sapi.png">
<br>
<br>
<div align="center"><strong><br>User Name :</strong>
<br>
<input type="text" name="user" size="40" value="" style="background-color:#00FF00">
<br>
<br>
<strong>Password : </strong>
<br>
<input type="password" name="pass" size="40" style="background-color:#00FF00">
<br>
<br>
<br>
<input type="submit" name="submit" value=" E N T E R " onClick="check()">
<br>
<span color="#0000FF" class="style3">&copy;Copyright PENJUAL MIMPI</span><br>
<br>
</div>
</div>
<br>
<div align="center" id="apDiv3">

</div>
<div id="footer" align="center"><br>

</div>
</div>
</form>
</body>
</html>

 

2.   Source Code Java script

Java script disini saya simpan dengan nama javascript, berikut code-nya:

<script type="text/javascript">

function error1()
{
alert('Masukkan User Name dan Password Terlebih Dahulu ');
}

function check()
{
if(form1.pass.value == "" || form1.user.value=="")
{
error1();
}
}
</script>

 

3.  Source PHP

PHP disini saya beri nama admin.php dan berikut code-nya:

!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">

<head>
<title>Form Administrator</title>
</head>
<body>

<?php

if(($_POST['user']=='wahyu') AND ($_POST['pass']=='ganteng')) {

echo 'Berhasil, Anda Sudah Masuk Halaman Administrator Dengan User Name :'.$_POST['user'];

echo '<br><br>Hallo, saudara / saudari ' . $_POST['user'];

}

else {

echo "<br><br><br><body text='red'><strong><center>Terdapat Kesalahan Pada Waktu Anda Login...!<br><br><a href='index.html'><h4>Kembali Ke Login</h4></a></center></strong></body>";

}

?>

</body>

</html>

 

4. Code css

<style type="text/css">

#apDiv1 {
position:absolute;
width:373px;
height:330px;
z-index:1;
left: 449px;
top: 136px;
background-color: #FFFFFF;
border: 2px solid Blue;
}
#apDiv3 {
position:absolute;
width:80px;
height:25px;
z-index:2;
left: 289px;
top: 274px;
}
.style3 {
font-size: 10px;
font-weight: bold;
}
#apDiv2 {
position:absolute;
width:412px;
height:115px;
z-index:2;
top: 0px;
left: 2px;
}
#header{
width:373px;
height:98px;
background-image: url();
}
#footer{
width:373px;
height:40px;
background-image: url();
}

body {
background-image: url(bws.jpg);
}
</style>

Semoga bermanfaat…!

PEMROSESAN FORM (1)

Posted by Wahyu Nur Hidayat, M.Pd on 23.15

Pemrosesan form (form processing) merupakan operasi mendasar pada aplikasi web. Dalam konteks pengembangan aplikasi web dinamis, langkah ini pasti akan dilakukan. Sebagai contoh, untuk menerima masukan dari user, tentu diperlukan sekali form isian dan cara pemrosesannya. Begitu pula halnya ketika administrator ingin masuk ke sistem, tentu memerlukan suatu antarmuka penghubung. Intinya, keberadaan form dan pemrosesannya mutlak diperlukan dalam membangun aplikasi web yang interaktif.

Pada aplikasi web, teknik pengiriman form dapat dilakukan melalui tiga metode: POST, GET, dan kombinasi keduanya. Dalam konteks PHP, parameter-parameter GET dapat dibaca melalui superglobal $_GET,
sedangkan POST melalui $_POST. Selain itu, keduanya juga dapat dibaca menggunakan $_REQUEST.

Nah sekarng kita akan mencoba pada contoh yang paling dasar yakni, Menangani Masukan Data :

** Sebagaimana diketahui, kita dapat menggunakan metode GET atau POST untuk mengirim informasi ke kode PHP. Contoh pengaksesan data dengan menggunakan metode GET diperlihatkan sebagai berikut:

<!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>Metode GET</title>
</head>
<body>
<form action="<?php $_SERVER['PHP_SELF'];?>" method="get">
Nama
<input type="text" name="nama" /> <br />
<input type="submit" value="OK" />
</form>
<?php
if (isset($_GET['nama'])) {
echo 'Hallo, ' . $_GET['nama'];
}
?>
</body>
</html>

Nah contoh diatas simpan dalam bentuk file php...

Source: http://choeicruut.blogspot.com/2010/03/pemrosesan-form-aplikasi-login-form.html

Kamis, Maret 18

Tutorial PHP (1)

Posted by Wahyu Nur Hidayat, M.Pd on 07.15

Pada artikel kali ini, kita akan membahas studi kasus mengenai program  sederhana  untuk  men-generate sel  tabel  secara  fleksibel.
Tekniknya: buat sebuah fungsi yang menerima argumen berupa jumlah sel dan jumlah kolom. Jadi, pembentukan sel tabel didasarkan pada nilai jumlah sel dan jumlah kolom yang diberikan. Sebagai contoh, hasil program dengan argumen 12 (sel) dan 3 (kolom) diperlihatkan seperti Gambar 1.

1

Gambar 1. Pembuatan sel dengan argumen 12 dan 3

Untuk contoh argumen 10 dan 4 diperlihatkan pada Gambar 2.

2 Gambar 2. Pembuatan sel dengan argumen 10 dan 4

 

Berikut adalah pembahasannya:

1. Buat sebuah file php dan simpan dengan code.php. Berikut source code-nya:

2. Buat sebuah file HTML yang didalamnya terintegrasi dengan java script. Berikut Source Code-nya:

3. Simpan file PHP dan HTML dalam satu folder, sehingga jika dijalankan akan seperti gambar berikut:

a. Tampilan awal untuk menentukan jumlah baris, kolom dan banyaknya sel yang akan ditampilkan

3

b.  Jika dimasukkan nilai row dan columns maka dalam sel Max Cells akan muncul nilai maksimal yang dapat ditampilkan

image

c. Jika kita masukkan nilai yang < nilai max cells dan kemudian di klik generate, maka akan muncul halaman ke dua seperti berikut:

 imageDimana pada tampilan ini, muncul  beberapa informasi mengenai jumlah baris, jumlah kolom dan juga jumlah sel yang ditampilkan.

d. Namun jika nilai cell Total yang kita inputkan > nilai max cells maka akan muncul peringatan seperti berikut:

6Muncul message box yang memberitahukan bahwa jumlah sel yang dimasukkan terlalu besar

Selamat belajar….

Passing by value and by Reference (PHP 1)

Posted by Wahyu Nur Hidayat, M.Pd on 06.10

Pada tutorial kali ini kita akan mebahas mengenai perbedaan passing by value and by reference. Disini akan saya kaji secara umum agar lebih mudah untuk dipahami.

 

----start begin----

 

passing by  value,

secara  default, semua nilai yang di-pass masuk atau keluar dari fungsi  adalah passing by value, bukan by reference. ini berarti PHP membuat  kopian dari nilai original dan nilai kopian itulah yang kita akses  dan kita manipulasi, bukan nilai originalnya.

dengan  begitu bagaimanapun kita ubah nilai itu, tidak akan mengubah nilai  originalnya…

contoh:

<?php

function jumlah($nilai) {

$nilai++;

}

$input=5;

jumlah($input);

echo $input;

?>

Penjelasan:

Pada  saat fungsi jumlah dipanggil,

jumlah($input);

fungsi  tersebut akan memasukkan nilai dari variabel $input kedalam  argumennya, jadi disini argumen fungsi jumlah adalah 5 (ini adalah  nilai aslinya). selanjutnya PHP meng-copy nilai asli tersebut,  kemudian hasil copy-nya digunakan untuk proses manipulasi fungsi,  sedangkan nilai yang asli dibiarkan tidak berubah. Proses  manipulasinya sbb:

$nilai++;

$nilai = $nilai + 1

$nilai = 5  + 1

$nilai = 6

Untuk  output,

echo $input;

nilai  variabel $input yang diambil disini adalah nilai variabel aslinya,  sehingga hasil manipulasi fungsi tadi tidak dipakai, karena bukan  nilai asli. Jadi outputnya adalah 5

Tampilan output:

5

tetapi  apabila menggunakan passing by reference akan bernilai 6.

bagaimana  outputnya akan bernilai 6? akan saya jelaskan lebih dahulu tentang  passing by reference.

 

passing by  reference,

berbeda  dengan passing by value yang bersifat mengkopi, passing by reference  memberikan nilai aslinya untuk diakses dan dimanipulasi, dengan  contoh yang sama seperti diatas, kita akan modifikasi menjadi  mekanisme passing by reference.

Untuk  mengubah jadi passing by reference, kita hanya cukup menambahkan  operator & pada argumennya.

<?php

function jumlah(&$nilai)  {

$nilai++;

}

$input=5;

jumlah($input);

echo $input;

?>

Penjelasan:

Sesuai  dengan penjelasan passing by reference diatas, nilai yang diakses &  dimanipulasi adalah nilai aslinya, dengan begitu hasil manipulasi  fungsilah yang gunakan sebagai outputnya, yaitu 6.

Tampilan  Outputnya:

6

 

Source: http://www.ilmuwebsite.com/belajar-php/passing-by-value-vs-passing-by-reference

Senin, Maret 8

Membuat Form Pemesanan Berbasis Java Script

Posted by Wahyu Nur Hidayat, M.Pd on 04.28

Setelah kemarin kita belajar membuat kalkulator sederhana, pada tutorial kali ini kita akan membuat sebuah aplikasi form pemesanan berbasis java script, berikut adalah aplikasi yang akan dibuat:












































No Makanan/Minuman Harga Pesan
1 Bakso Istimewa @
2 Soto Spesial @
3 Mie Ayam Super @
4 Es Degan @
5 Es Campur @
Jumlah Total
Diskon
Jumlah Dibayar




Aturan Pemesanan :
  • Field Harga, Jumlah Total, Diskon, dan Jumlah Bayar bersifat read-only atau hanya bisa dibaca. Karena itu kita perlu men-disable properti elemen field-field tersebut
  • Jika pesan diisi, maka field Jumlah Total, Diskon, Jumlah Bayar secara otomatis akan menghitung totalnya. Dengan ini kita memberikan event handler onChange di field-field Pesan, dimana fungsi dipanggil ketika teks dalam elemen berubah.
o Jumlah Total = Σ(Harga * Pesan)
o Jumlah Bayar = Jumlah Total – Diskon
  • Jika pembelian lebih dari 50000, maka field diskon secara otomatis akan berisi nilai diskon sebesar 10000 (tidak berlaku kelipatannya) dan otomatis field jumlah bayar akan berkurang. Dengan ini kita memberikan event handler onChange di field-field Pesan, dan pada perhitungan Jumlah Bayar kita beri pernyataan bersyarat if-else.
Berikut adalah source code untuk java script-nya:
---------start here--------

----------end here--------


Sedangkan untuk source HTML-nya seperti berikut:
---------start here--------

----------end here--------

Jumat, Maret 5

Membuat Kalkulatur Sederhana degan Java Script

Posted by Wahyu Nur Hidayat, M.Pd on 16.08

Mungkin tulisan membuat program kalkulator sederhana menggunakan input prompt javascript ini akan sangat berguna bagi anda yang baru belajar java script karena saya juga baru belajar dan hasil karyanya berbentuk program ini berikut codenya:

---------start here--------

---------end here---------

copy code diatas kemudian buka program notepad.exe kemudian paste di program notepad tersebut. Simpan file dalam format html, caranya dibagian save as type diganti ke allfiles kemudian tambahkan .html pada nama file contohnya namafile.html kemudian buka file tersebut melalui browser dan hasilnya:


Java dan Java Script

Posted by Wahyu Nur Hidayat, M.Pd on 16.03

Java merupakan sebuah bahasa pemrograman yang mirip dengan bahasa C. Tetapi dengan Java kita bisa membuat tampilan halaman sebuah web menjadi lebih menarik. Contoh penggunaan Java adalah pada fungsi Mouseover, scrolling marquees, tampilan tanggal dan waktu, kalkulator, dan lain-lain. Terdapat dua tupe Java yaitu Java applet dan Java Script.

JAVA APPLETS

Java merupakan bahasa pemrograman yang dikembangkan oleh Sun Microsystems dan merupakan bahasa pemrograman yang berorientasi obyek. Java bisa digunakan untuk membuat suatu aplikasi yang berdiri sendiri atau pun sebuah aplikasi mini yang biasa disebut applet. Applet biasa digunakan pada halaman web supaya terlihat lebih dinamis. Terdapat banyak sekali aplikasi/applet yang ada.

JAVA SCRIPT

JavaScript dikembangkan oleh Netscape, yang merupakan bahasa pemrograman yang "sederhana" karena tidak bisa digunakan untuk membuat suatu aplikasi atau pun applet. Java Script merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape.Dengan Java Script kita bisa dengan mudah membuat sebuah halaman web yang interaktif. Program Java Script dituliskan pada file HTML (*.htm atau *.html) dengan menggunakan tag kontainer

Source: www.klik-kanan.com

Rabu, Maret 3

Belajar membuat web dengan CSS (2)

Posted by Wahyu Nur Hidayat, M.Pd on 23.22

Setelah sebelumnya kita telah membuat tampilan web dengan CSS dan tag HTML. Sekarang kita aplikasikan tag tersebut dengan mengisi (fill) dari setiap tag tadi, seperti contoh berikut:

Source code untuk kode html-nya adalah sebagai berikut:





Sedangkan untuk source code css-nya (simpan dengan nama 3_2.css) seperti berikut:


Belajar membuat web dengan CSS (1)

Posted by Wahyu Nur Hidayat, M.Pd on 15.38

Jika pada tutorial sebelumnya kita belajar untuk membuat web hanya dengan pemrograman html, maka pada bagian ini akan mulai kita pelajari pemrograman web dengan CSS. CSS (Cascading Style Sheet) adalah suatu teknologi yang digunakan untuk memperindah tampilan halaman website (situs). Dengan Metode CSS keseluruhan warna dan tampilan yang ada di situs web dapat dirubah/diformat ulang dengan cepat. CSS digunakan untuk mempersingkat penulisan tag HTML seperti font,color,text, dan table menjadi lebih ringkas sehingga tidak terjadi pengulangan tulisan.

Keuntungan menggunakan CSS
  • Memisahkan presentastion sebuah dokumen dari content document itu sendiri.
  • Mempermudah dan Mempersingkat pembuatan dan pemeliharaan dokumen web
  • Mempercepat proses rendering/pembacaan HTML.
Untuk tutorial pertama ini, kita akan belajar untuk membuat tampilan web dengan CSS dan tag HTML.



Untuk membuat tampilan web seperti diatas maka source codenya html seperti berikut:



kemudian untuk source code css-nya (simpan dengan nama: layout.css) sebagai beikut:

Belajar membuat header web dengan CSS

Posted by Wahyu Nur Hidayat, M.Pd on 14.52

Pada materi-materi sebelumnya, kita telah membahas tentang html, namun pada materi kita kali ini, kita kedatangan tamu baru yang namanya css...
sebelum saya jelaskan lebih lanjut tentang css, baiknya kita lihat dulu contoh header yang dibuat dari kombinasi html dan css seperti contoh berikut:



Untuk source code html-nya seperti berikut ini:




Sedangkan source code css-nya(simpan dengan nama 3_2.css) dimana kodenya seperti berikut ini:


Rabu, Februari 24

Desain Tabel Perbandingan dengan Menggunakan HTML

Posted by Wahyu Nur Hidayat, M.Pd on 21.50

Dalam pemrograman web HTML, kita dapat membuat desain tabel perbandingan item dengan memanfaatkan fitur pengelompokan. Caranya:

1. Buka Editor teks dan kemudian ketikkan:



2. Simpan dengan ekstensi .html
3. Eksekusi file tersebut sehingga tampilannya menjadi:


Kreasi Grafik Batang Statis

Posted by Wahyu Nur Hidayat, M.Pd on 21.29

Dalam pemrograman web HTML, kita dapat membuat kreasi grafik batang statis dengan memanfaatkan elemen tabel. seperti contoh berikut:



Caranya:

1. Buka Editor teks dan kemudian ketikkan:



2. Simpan dengan ekstensi .html
3. Eksekusi file tersebut sehingga tampilannya menjadi:


Sabtu, Februari 20

Daftar Blog Cah PTI Off A 2007

Posted by Wahyu Nur Hidayat, M.Pd on 05.59

Tita Sari Rahmawati http://rangerstita.blogspot.com
Iva Asmaul Husna http://cewekit.blogspot.com
Dwi Priyatmoko http://choeicruut.blogspot.com
Nenen Virgin Setia H. http://intelegentshe.blogspot.com
Yogy Ro’idah S. M. http://yluphe.blogspot.com
Gilang Kurniaji http://warkop-it.blogspot.com
Philip Faster Eka A. http://philipfaster.wordpress.com
Arief Rahman Yusuf http://ariefrahmanyusuf.blogspot.com
Aditya Imam Pratama http://adityaarema.blogspot.com
Romita Apriyani http://meonependtium.blogspot.com
Devi Artikasari http://dejoartiq.blogspot.com
Aditya Yuli Setyawan http://adicagurti.blogspot.com
Amanda Rehana A. T. http://arebeats.blogspot.com
Retno Damayanti http://retnoimoetz.blogspot.com
Endra Kuswara http://endrakilla.blogspot.com
Ratna Agustyasari http://ratna-punya-blog.blogspot.com
Novi Dyah P. http://vie218.blogspot.com
Ni’mah Faadlilah http://nikmah-faa.blogspot.com
Agustin Muvidhatul I. http://avie-agustine.blogspot.com
Novi Khassifa http://messifa.blogspot.com
Ratri Cahyaning W. http://ratrihere.blogspot.com
Venty Yulita Fajarwati http://vjline.blogspot.com
Rokhimatul Wakhidah http://rochipunya.wordpress.com
Ulfa Fauziah http://ulfafauziah.wordpress.com
Aldina Ramayumanti http://dsweetsite.blogspot.com
Zakarya Firmansyah http://arya-image.blogspot.com
Moh. Ramzul Haq http://cumiklugu.blogspot.com
Evy Kamilah Ratnasari http://evykaer.blogspot.com
Akbar Wiguna http://tigakarvak.blogspot.com
Yandria Elmasari http://yand-oye.blogspot.com
Yoel Kana Hariyono http://yoelkana.co.cc
Admaja Dwi H. http://doublestick.blogspot.com
Andhika Aratida P. http://mungmampirngombe.blogspot.com
Ananda Eka Setiawan http://ananda.co.nr
Moh. Suryawinata http://weenata.wordpress.com
Masagung Hariyadi http://akoe46.blogspot.com
Etistika Yuni Wijaya http://etestika.blogspot.com

Daftar Blog Cah PTI Off B 2007

Posted by Wahyu Nur Hidayat, M.Pd on 05.58

Fina Kholij Z http://ceriwisfina.blogspot.com
Wahyu Nur Hidayat http://penjual-mimpi.blogspot.com
Rinda Wahyu Iksanti http://rindapunya.blogspot.com
Vina Dwi Puspita S http://vinapuspita.wordpress.com
Rizfadli http://rizfadli.blogspot.com
Firman Hidayah http://mr-freeman.co.nr
Sonny Triyo Wurianto http://striyo.blogspot.com
Ahmad Sehtahabi A http://ahmad-justdream.blogspot.com
Adhitia Kusuma N http://d-tia-world.blogspot.com
Fatimatu Zahro http://f124.blogspot.com
Ameliza Di Apriliana http://little-amenk.blogspot.com
Khotimatul Farida http://pinky_ponk.blogspot.com
Arisza Norma Jayantie http://arisza-arisza.blogspot.com
Rosiana Andriyani http://lovely-oeshin.blogspot.com
Kurnia Laili Rahmawati http://akyunya.blogspot.com
Rizka Prameta http://rizkaprameta.blogspot.com
Ria Anisaa http://penilai-hati.blogspot.com
Retno Wulandari http://misswulancute.blogspot.com
Abdul Majidin Mas’ud http://abdoelmajid.co.cc
Listyanti Dewi Astuti http://dewi-zone.blogspot.com
Diafrahma http://diafrahma.blogspot.com
Kartika Damayanti http://mayapti07.blogspot.com
Hayu Noeritasari http://hayyunoerita.wordpress.com
Nirwana Haidar Hari http://chak_wana.blogspot.com
Dania Ardianti http://duadania.blogspot.com
Rahmania Sri Untari http://geisdotcom.blogspot.com
Saptorini http://ilmudarireeree.blogspot.com
Azhar Ahmad S http://azhar-pti.blogspot.com
Ahmad Mursyidun N http://nsitus.blogspot.com
Hesy Herlianika Hedir http://hesy-girlz.blogspot.com
Aziz Dwi Nur Alfan http://azizgo-blog.co.cc
Lilik Emi Rahayu http://silvercyber19.blogspot.com
Andi Khoirur Rohmawan http://andi-kr.blogspot.com
Candra Juni Andhika http://cc-situs.co.cc
Devid Haryalesmana W http://mas-devid.blogspot.com
Aria Indah Susanti http://aria-indah.blogspot.com

Daftar Blog Cah PTI Off C 2007

Posted by Wahyu Nur Hidayat, M.Pd on 05.41

Arumantika Eko Y. http://arum104.blogspot.com
Mochammad Bayu http://bayujabrek.blogspot.com
Kodarisman Ashari http://kodarismanashari.blogspot.com
Rachmawati http://r-smart603.blogspot.com
Dian Fitri P http://dianfitri89.blogspot.com
Dila Umnia Soraya http://lefthandsymphony.wordpress.com
Gres Dyah Kusuma http://gee-dy.blogspot.com
Erlina Pujiasri A http://erlynch.blogspot.com
M Sulis Teguh http://mileniumeyes.blogspot.com
Muhammad Azis http://situszem.blogspot.com
Atan Pramana http://atanpram.blogspot.com
Nungki Indah Susanti http://pingkie.blogspot.com
Tysna Riadena Utami http://tyzna-monogatari.blogspot.com
Aprila Lucyana Dewi http://loecyf.blogspot.com
Mokhammad Rasyidi http://k-onenet.blogspot.com
Ervina Badradewi http://rvienso-cute.blogspot.com
Ninis Asih P. http://ninispendtium.blogspot.com
Andika Bayusih A. http://andikabayalislam.blogspot.com
Siti Aisa http://itisaisa.wordpress.com
Lisa Paramitha Dewi http://myblog.blogspot.com
Galuh Aulia Pratiwi http://galzinblog.blogspot.com
Ika Wiyanti U.W http://lovelygreenpeace.blogspot.com
Nona Puspadini http://nor3ncutz.blogspot.com
Rozan Umar F. http://trozzan.wordpress.com
Ana Mufida http://blogKuker.blogspot.com
Bian Dwi Pamungkas http://www.bee-ant.com
Afiff Darmawan http://a5darmawan.blogspot.com
Rizal Hartarto -
Septi Ratnaningtyas http://ceptyratna.blogspot.com
Amidatus Sholihat J. http://suliimy.blogspot.com
Kemal Radiat B. http://kemalradit.blogspot.com
Dian Ardiansyah http://ardanar.blogspot.com
Muhammad Fakhrurrozi http://roziopo.co.cc
Neni Nur Cahyaningwati http://ceweklibra.wordpress.com
Yopy Prasetya http://yopypti.blogspot.com
Karunia Ira B http://spooky-cute.blogspot.com

Kamis, Februari 11

Tutorial Membuat Halaman Web Sederhana

Posted by Wahyu Nur Hidayat, M.Pd on 20.03

STUDI KASUS

Buat halaman web sederhana yang melibatkan elemen teks, garis, warna, dan gambar. Di mana terdapat minimal sebuah heading dan garis berwarna, gambar dengan garis tepi (border), dan halaman utama dengan latar belakang gambar sembarang.

ScreenShoot by Dreams Seller:



SourceCode by Dreams selleR:

Twitter Delicious Facebook Digg Stumbleupon Favorites More
RSS FeedSubscribe to our RSS feed!
Follow me on Twitter!Follow me on Twitter!