Modul 1 (Web Statis
Vs Web Dinamis)
(Petemuan Ke – 1, 2
dan 3)
Standar Kompetensi
13.
Membuat Halaman Web Membuat halaman web dinamis tingkat lanjut
Kompetensi Dasar
13.1.
Menjelaskan konsep pemrograman web dinamis
A.
Pendahuluan
Web atau Website
atau World Wide Web (WWW), yaitu sebuah sistem dimana informasi dalam
bentuk teks, gambar, suara dan lain – lain dipresentasikan dalam bentuk hypertext
dan dapat diakses oleh perangkat lunak yang disebut browser. Yang pada
umumnya disimpan dalam file yang berformat *.html atau *.htm.
Keistimewaan inilah yang telah menjadikan web
sebagai service yang paling cepat pertumbuhannya. Web mengizinkan
pemberian highlight (penyorotan) pada kata atau gambar dalam sebuah
dokumen untuk menghubungkan atau menunjuk ke media lain seperti dokumen, frase,
movie clip atau file suara.
Web dapat menghubungkan dari sembarang tempat dalam
sebuah dokumen atau gambar ke sembarang tempat di dokumen lain. Dengan sebuah
browser yang memiliki Graphical User Interface (GUI), link – link dapat
dihubungkan ke tujuannya dengan membentuk link tersebut dengan mouse dan
menekannnya.
Sebagai contoh script file html :
<html>
<head>
<title>Halaman
Utama</title>
</head>
<body>
<a
href=””>Link</a>
</body>
</html>
B.
Web Statis
Web statis adalah
web yang berisi / menampilkan informasi – informasi yang sifatnya statis
(tetap). Disebut statis karena pengguna tidak dapat berinteraksi dengan web
tersebut. Singkatnya, untuk mengetahui suatu web bersifat statis atau
tidak dapat dilihat dari tampilannya. Jika web tersebut hanya
berhubungan dengan halaman web lain dan berisi suatu informasi yang
tetap maka web tersebut dinamakan statis.
Pada web statis, pengguna hanya dapat melihat isi
dokumen pada halaman web dan apabila di klik akan berpindah ke halaman web
yang lain. Interaksi pengguna hanya berbatas dapat melihat informasi yang
ditampilkan, tetapi tidak dapat mengolah informasi yang dihasilkan. Web
statis biasanya merupakan HTML yang ditulis pada editor teks dan
disimpan dalam bentuk *.html atau *.htm.
Sebagai contoh script file html :
<html>
<head>
<title>Halaman
Utama</title>
</head>
<body>
List
<ul>
<li>List
tidak berurutan</li>
</ul>
<ol>
<li>List
berurutan</li>
</ol>
Tabel
<table
border="1">
<tr>
<td>No</td>
<td>Nama</td>
</tr>
<tr>
<td>1</td>
<td>SMK
Amal Bakti</td>
</tr>
</table>
Link
<a
href='file_kosong.docx'>File Kosong</a>
</body>
</html>
C.
Web Dinamis
Web dinamis
adalah web yang menampilkan informasi serta dapat berinteraksi dengan
pengguna. Web yang dinamis memungkinkan pengguna untuk berinteraksi
menggunakan form sehingga dapat mengolah informasi yang ditampilkan. Web
dinamis bersifat interaktif, tidak kaku dan terlihat lebih indah. Dengan kata
lain web dinamis adalah website dimana halaman yang akan
ditampilkan dibuat pada saat halaman tersebut diminta oleh user /
pemakai, misalnya user / pemakai ingin mengakses database dan
menampilkannya pada halaman website. Web dinamis biasanya
merupakan PHP yang ditulis pada editor teks dan disimpan dalam bentuk
*.php.
Sebagai contoh script file php :
<center>
<font size="5" color="blue"><b>SELAMAT
DATANG DI SISTEM INFORMASI NILAI
ONLINE</b></br></br></br></font>
<table
border="1">
<tr
bgcolor="#6df">
<td
align="center"><b>LOG IN USER</td>
</tr>
<tr
bgcolor="#C1DAD7">
<td>
<form
action="log_proses.php" method="POST">
<table
>
<tr>
<td>USERNAME</td>
<td>:</td>
<td><input
type="text" name="nim" size="27"></td>
</tr>
<tr>
<td>PASSWORD</td>
<td>:</td>
<td><input
type="password" name="password" size="27"></td>
</tr>
<tr>
<td
align="center" colspan="3"><input
type="submit" name="log_in" value="Log
In"></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</center>
D.
Syarat – syarat Web Dinamis
1.
Tersedianya web server
Biasanya berupa hardware maupun software.
Untuk hardware yaitu seperangkat komputer yang selalu terhubung online
ke internet. Untuk software selain operating system harus
disediakan juga software untuk web server itu sendiri, yang
sering dipakai adalah Apache.
2.
Tersedianya software pemrograman web berbasis server
Biasanya berupa client side maupun server side.
Untuk client side memiliki kekurangan yaitu instruksi program bisa
terlihat oleh pengguna internet, contoh HTML. Untuk server side lebih
aman karena instruksi program tidak terlihat oleh user, contoh PHP.
3.
Tersedianya database
Database
merupakan software yang digunakan untuk menyimpan dan memanajemen data.
Contohnya Oracle, MySQL, dan lain – lain.
0 komentar:
Posting Komentar