Recent Posts

Perencanaan dan Membangun Jaringan Enterprise

Latihan membuat jaringan Enterprise menggunakan paket tracer, disertai file untuk latihannya

Konfigurasi Router Statis

Mengkonfigurasikan router secara statis, Ayooo belajar!!

Senin, 09 April 2012

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 Masyarakat Diisi oleh Petugas
Nomor Responden .......... 01 02 03
Umur ....... tahun 2 7
Jenis Kelamin 1. laki-laki 2. Perempuan 1
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
Nama Imas Dewantara
NIM 09.240.0091


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">Imas Dewantara</td>                
</tr>

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


</body>
</html>
 

Minggu, 25 Maret 2012

Multimedia HTML

1. Memasukkan File .Mpeg

HTML Code:
<embed src="http://www.tizag.com/files/html/htmlexample.mpeg"
 autostart="false" />

Mpeg Movie:





2. file swf


Html Code : 

<embed height="50%" quality="high" src="http://www.tizag.com/pics/flash/motiontween1easy.swf" type="application/x-shockwave-flash" width="50%" wmode="transparent"></embed>

Hasil :


motiontween1easy.swf


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

hasil :



4. Mp3

html code :
<embed autostart="true" hidden="true" loop="true" src="http://61.media.v4.skyrock.net/music/61d/618/61d6186e1b73f6eddc1dbc26e8b29a09.mp3"></embed>

Untuk hasilnya nanti akan terdengar sebuah lagu di blog ini. Sebelumnya pastikan koneksi internet anda memadai!!



Download lagunya :
Hyunseung & Hyuna - Trouble Maker.mp3

-------------------------------------------------------------------------------------------------------------------------
 HTML - Embed Attributes

  • autostart - controls the media's ability to start without prompting. Values are true or false.
  • hidden - controls whether or not the play/stop/pause embedded object is hidden or not. Values are true or false. (Hide your embeded media if you just want background noise).
  • loop - A true value means the media will continuously loop, false means no looping.
  • playcount - Setting a playcount means the media will repeat itself x number of times instead of continuously as with the loop attribute above. (playcount="2" will repeat the video twice).
  • volume - set a numeric value for the loudness of your media. (0-100). 
nggak usah di translate ya......
sekalian buat kalian2 untuk blajar bahasa inggris.........
ha...ha.ha...ha.ha...............


Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More