Tuesday, April 10, 2012

Tugas 2 Pemrograman Web | Membuat TABEL & PERBEDAAN WEB STATIS DAN DINAMIS

1. PERBEDAAN WEB STATIS DAN DINAMIS


WEB STATIS adalah sebuah website dimana tampilan halamannya tidak berubah-ubah. Website statis ini biasanya jarang di update/diperbaharui, baik isi maupun tampilannya. Kalaupun di update, itu sangat jarang dan dalam waktu-waktu tertentu saja. Biasanya website statis ini tidak menyediakan kolom untuk berkomentar bagi para pengunjungnya.
Dari segi jumlah halamannya, website statis ini juga sangat terbatas halamannya. Informasi yang ada pada halamannya hanya informasi yang sudah tetap. Jadi dapat disimpulkan, website statis ini hampir sama dengan brosur. Namun yang membedakannya adalah, brosur berupa cetakan dan biasanya disebarkan, sedangkan website statis hanya dapat diakses melalui internet.
Contoh : Website statis biasanya dipergunakan untuk website company profile, personal profile, penawaran produk.

WEB DINAMIS adalah kebalikan dari website statis. Website dinamis berarti halaman dan isinyapun dapat berubah– ubah. Kebanyakan website saat ini adalah website dinamis karena isinya dapat di update setiap hari. Sebagai contohnya adalah website-website berita, blog, tutorial,  situs social networking, dll.
Dari keterangan diatas, dapat diambil kesimpulan, website dinamis itu mempunyai ciri-ciri sebagai berikut :
  • Isi/konten selalu di update sehingga jumlah halamannya terus bertambah
  • Mudah dalam menambahkan konten baru karena memang ini yang diutamakan
  • Konten terbaru selalu berada di urutan pertama karena untuk memperjelas konten yang diupdate
  • Pengunjung dapat memberikan komentar pada sebuah konten yang di sajikan. apalagi kalau berisi tutorial maka pengunjung bisa bertanya ketika ada yang belum paham
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

2. MEMBUAT TABEL

  Untuk Membuat Tabel seberti diatas berikut source code nya: 


<html>
    <head>
        <title> Tabel Tugas 2 | Pemrograman Web </title>
    </head>
    <body>
        <table border="1" width="80%">
            <caption> Data Masyarakat </caption>
            <tr>
                <td colspan="3"> I. Data Masyarakat </td>
                <td colspan="3" align="center"> Diisi oleh Petugas </td>
            </tr>
            <tr>
                <td width="20%"> Nomor Responden </td>
                <td colspan="2">&nbsp</td>
                <td align="center"> 01 </td>
                <td align="center"> 02 </td>
                <td align="center"> 03 </td>
            </tr>
            <tr>
                <td width="20%"> Umur </td>
                <td colspan="2"> &nbsp </td>
                <td colspan="3">
                <table border="1" width="100%">
            <tr>
                <td width="50%" align="center">2</td>
                <td width="50%" align="center">7</td>
            </tr>
        </table>
            <tr>
                <td width="20%"> Jenis Kelamin</td>
                <td width="20%">
                    <ol>
                        <li>Laki-laki</li>
                    </ol>
                </td>
                <td width="20%">
                    <ol >
                        <li>Perempuan</li>
                    </ol>
                </td>
                <td colspan="3" align="center"> 1 </td>
            </tr>
            <tr>
                <td width="20%">Pendidikan Terakhir</td>
                <td width="20%">
                    <ol>
                        <li>SD ke Bawah</li>
                        <li>SLTP</li>
                        <li>SLTA</li>
                    </ol>
                </td>
                <td width="20%">
                    <ol >
                        <li>D1-D2-D3-D4</li>
                        <li>S-1</li>
                        <li>S-2 keatas</li>
                    </ol>
                </td>
                <td colspan="3" align="center">3</td>
            </tr>
            <tr>
                <td width="20%">Pekerjaan Utama</td>
                <td width="20%">
                    <ol>
                        <li>PNS/TNI/POLRI</li>
                        <li>Pegawai Swasta</li>
                        <li>Wirausaha/Usahawan</li>
                    </ol>
                </td>
                <td width="20%">
                    <ol>
                        <li>Pelajar/Mahasiswa</li>
                        <li>Lainnya</li>
                    </ol>
                </td>
                <td colspan="3" align="center">1</td>
            </tr>
            <tr>
                <td colspan="6" width="80%">Ket : Lingkari kode angka sesuai jabatan masyarakat</td>
            </tr>
            <tr>
                <td colspan="6" width="80%">II. Data Pencacah/Pengumpul Data</td>
            </tr>
            <tr>
            <td colspan="6">
            </tr>
        <table border="1" width="80%">
            <tr>
                <td width="50%">Nama</td>
                <td width="50%">Reza Ali Syahbana</td>
            </tr>
        </table>
            <tr>
                <td colspan="6">
            </tr>
        <table border="1" width="80%">
            <tr>
                <td width="50%">NIM</td>
                <td width="50%">09.240.0039</td>
            </tr>
    </body>
</html>




Hasilnya Sebagai Berikut : 


Friday, March 30, 2012

Tugas 1 Pemrograman Web | Menampilkan File Multimedia Kedalam HTML

Berikut adalah cara menampilkan file Multimedia ke Dalam HTML:

1.  Menampilkan File Tipe Mp3 pada HTML

dan berikut hasilnya setelah dibuka dibrowser :



2.  Menampilkan File Tipe SWF pada HTML
Berikut ini adalah source code yang saya buat :
Berikut ini adalah source code yang saya buat :




3.  Menampilkan File Tipe MP4 pada HTML
Berikut ini adalah source code yang saya buat :
dan berikut hasilnya setelah dibuka dibrowser :




4.  Menampilkan File Tipe 3GP pada HTML
Berikut ini adalah source code yang saya buat :
dan berikut hasilnya setelah dibuka dibrowser :




5.  Menampilkan File Tipe FLV pada HTML
Berikut ini adalah source code yang saya buat :

dan berikut hasilnya setelah dibuka dibrowser :




 
 
Copyright © Reza Ali Syahbana