Rabu, 11 April 2012

Pemrograman Web

1. PERBEDAAN WEB STATIS DAN DINAMIS

Website statis adalah website yang kontennya statis / tidak berubah-rubah.
Website dinamis adalah website yang kontennya berubah – rubah.
Perbedaannya yaitu :


  • Interaksi antara pengunjung dengan pemilik web
    Dalam web statis tidak dimungkinkan terjadinya interaksi antara pengunjung dengan pemilik web. Sementara dalam web dinamis terdapat interaksi antara pengunjung dengan pemilik web seperti memberikan komentar, transaksi online, forum dll
  • Adanya script language yang digunakan
    Web statis hanya menggunakan HTML saja, sedangkan web dinamis menggunakan bahasa pemrograman web seperti PHP atau ASP.
  • Penggunaan database
    Web statis tidak menggunakan database karena tidak ada data yang perlu disimpan dan diproses. Sedangkan web dinamis menggunakan database seperti mysql, oracle, dll untuk menyimpan dan memproses data.
  • Content
    Content dalam web statis hanya diberikan oleh pemilik web dan jarang diupdate, sementara content dalam web dinamis bisa berasal dari pengunjung dan lebih sering diupdate. Content dalam web dinamis bisa diambil dari database sehigga isinya pun bisa berbeda-beda walaupun kita membuka web yang sama. 
Contoh
  • Contoh web statis adalah web yang berisi profil perusahaan. Di sana hanya ada beberapa halaman saja dan contentnya hampir tidak pernah berubah karena content langsung diletakkan dalam file HTML saja. google.com
  • Contoh web dinamis adalah blog, portal berita, social networking. Lihat saja isi web tersebut, isinya selalu diupdate oleh pemiliknya. Bahkan untuk social networking selalu update tiap detik. facebook.com , detik.com
2. Membuat tabel


Data
I. Data MasyarakatDiisi oleh Petugas
Nomor Responden..........010203
Umur....... tahun27
Jenis Kelamin1. laki-laki2. Perempuan1
Pendidikan Terakhir
1. SD Ke Bawah
2.SLTP
3. SLTA

4. D1-D2-D3-D4
5. S-1
6. S-2 Ke Atas
5
Pekerjaan Utama
1. PNS/TNI/POLRI

2. Pegawai Swasta

3. Wirausaha/Usahawan

4. Pelajar/Mahasiswa

5. Lainnya

3
Ket : Lingkari kode angka sesuai jabatan masyarakat
II. Data Pencacah/Pengumpul Data
NamaRinto Dwi Saputro
NIM09.240.0092


Untuk membuat table seperti di atas, berikut ini adalah source codenya.

<html>
<title>Tugas Teori</title>
<head></head>
<body>

<table 50%="" border="1" size=""><caption>Data</caption>
<tr>
<td colspan="3">I. Data Masyarakat</td>
 <td colspan="3">Diisi oleh Petugas</td>
</tr>
<tr>
<td>Nomor Responden</td>
<td colspan="2">..........</td>
<td align="center">01</td>
<td align="center">02</td>
<td align="center">03</td>
</tr>
<tr>
<td>Umur</td>
<td colspan="2">....... tahun</td>
<td align="center" colspan="1">2</td>
<td align="center" colspan="2">7</td>
</tr>

<tr>
<td>Jenis Kelamin</td>
<td>1. laki-laki</td>
<td>2. Perempuan</td>
<td align="center" colspan="3">1</td>
</tr>
<tr>
<td>Pendidikan Terakhir</td>
<td>
1. SD Ke Bawah
2.SLTP
3. SLTA</td>
<td>
4. D1-D2-D3-D4
5. S-1
6. S-2 Ke Atas</td>
<td align="center" colspan="3">5</td>
</tr>

<tr>
<td>Pekerjaan Utama</td>
<td>
1. PNS/TNI/POLRI
2. Pegawai Swasta
3. Wirausaha/Usahawan
</td>
<td>
4. Pelajar/Mahasiswa
5. Lainnya
</td>
<td align="center" colspan="3">3</td>
</tr>

<tr>
<td colspan="6">Ket : Lingkari kode angka sesuai jabatan masyarakat</td>
</tr>

<tr>
<td "="" colspan="6">II. Data Pencacah/Pengumpul Data</td>
</tr>
<tr>                   
<td colspan="2">Nama</td>                   
<td colspan="4">RINTO DWI SAPUTRO</td>               
</tr>

<tr>                  
<td colspan="2">NIM</td>                  
<td colspan="4">09.240.0092</td>               
</tr>
</table>


</body>
</html>

Selasa, 27 Maret 2012

Memasang file Multimedia di html

1.Memasang file Flash


<
object width="400" height="291">

<param name="movie"value="http://www.tribunnews.com/iklan/ads_lokertribun/loker2.swf">

<embedsrc="http://www.tribunnews.com/iklan/ads_lokertribun/loker2.swf"width="400" height="291">

</embed>

</object>

2.Memasang File Video .Mpeg


&lt;OBJECT ID="MediaPlayer" WIDTH="192" HEIGHT="146" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"&gt; &lt;PARAM NAME="FileName" VALUE="videofilename.wmv"&gt; &lt;PARAM name="ShowControls" VALUE="false"&gt; &lt;param name="ShowStatusBar" value="false"&gt; &lt;PARAM name="ShowDisplay" VALUE="false"&gt; &lt;PARAM name="autostart" VALUE="true"&gt; &lt;EMBED TYPE="application/x-mplayer2" SRC="videofilename.wmv" NAME="MediaPlayer" WIDTH="192" HEIGHT="146" ShowControls="0" ShowStatusBar="0" ShowDisplay="0" autostart="1"&gt; &lt;/EMBED&gt; &lt;/OBJECT&gt;

3. Memasang file Flv

html code :

<div class="separator" style="clear: both; text-align: center;">
<object width="320" height="266" class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://3.gvt0.com/vi/KQ6zr6kCPj8/0.jpg"><param name="movie" value="http://www.youtube.com/v/KQ6zr6kCPj8&fs=1&source=uds" />
<param name="bgcolor" value="#FFFFFF" />
<embed width="320" height="266"  src="http://www.youtube.com/v/KQ6zr6kCPj8&fs=1&source=uds" type="application/x-shockwave-flash"></embed></object></div>

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Blogger Templates