MAKALAH

SITUS DINAMIS
Diajukan Untuk Memenuhi Salah Satu Tugas Mata Pelajaran TIK

Disusun Oleh :
 Sri Hartini
 Ropi SR
 Indra Latifudin
 Yusup Supriatna

SMPN SATAP 1 MANGUNREJA

2020
 KATA PENGANTAR

Assalamualaikum Wr.Wb.

Puji syukur kami panjatkan kehadirat Allah SWT karena atas rahmat dan hidayah-
Nya sehingga kami dapat menyelesaikan makalah yang berjudul " SITUS DINAMIS". Dalam
menyelesaikan makalah ini, kami banyak menerima bantuan dari berbagai pihak sehingga
dalam waktu yang relatif singkat makalah yang sederhana ini dapat terwujud. Oleh karena
itu, kami menyampaikan penghargaan dan terima kasih kepada semua pihak yang
membantu,terutama Ibu Ahyani selaku guru pembimbing. Semoga Allah S.W.T berkenan
mencatatnya sebagai amal shaleh.
Kami sadar bahwa makalah ini jauh dari kesempurnaan. Oleh karena itu,
kami mengharapkan kritik dan saran yang membangun dari semua pihak. Dengan iringan
doa semoga makalah ini bisa bermanfaat dalam pengembangan pendidikan dan wacana
berpikir kita .

Wassalamualaikum Wr.Wb.

Tasikmalaya, Januari 2020

Penulis
 BAB I

PENDAHULUAN

A. Latar Belakang

Di dunia ini, ada 2 jenis web yang perlu anda ketahui. Yang pertama adalah Web dinamis,
dan yang kedua Web statis. Jika dilihat sepintas dari namanya, web dinamis adalah web yang
berubah-rubah/bergerak. Sedangkan web statis adalah web yang diam alias tidak berubah.
Dalam kesempatan kali ini kami akan membahas situs dinamis

B. Rumusan Masalah

1. Sebutkan Pengertian Situs Dinamis ?

2. Apa saja Ciri-ciri Situs Dinamis ?
3. Apa saja Kelebihan Web Dinamis ?
4. Apa saja Kekurangan Web Dinamis ?
5. Bagaimana Cara membuat Situs Dinamis ?

C. Tujuan Penulisan
1. Menjelaskan Pengertian Situs Dinamis
2. Mnyebutkan Ciri-ciri Situs Dinamis
3. Menjelaskan Kelebihan Web Dinamis
4. Menjelaskan Kekurangan Web Dinamis
5. Menjelaskan Cara membuat Situs Dinamis
 BAB II

PEMBAHASAN

A. Pengertian Situs Dinamis

Pengertian web dinamis adalah suatu web yang konten atau isinya dapat berubah-ubah setiap
saat. Sebab dalam teknologi pembuatan web dinamis sudah dirancang semudah mungkin bagi
pemakai atau user yang menggunakan web tersebut.

Atau definisi web dinamis yang lengkap yaitu web yang isinya dapat dirubah sewaktu-waktu
dengan sangat mudah tanpa harus melakukan perubahan pada kode-kode atau coding. Konten
yang terdapat di web dinamis pun tersimpan disebuah database, sehingga bagi orang-orang
yang tidak bisa akan coding-pun dapat merubah isi konten tersebut tanpa harus menguasai
bahasa pemrograman web yang biasa disebut dengan coding. Untuk perubahan konten atau
dokumen dalam sebuah web dinamis dibilang mudah ketimbang web statis yang harus
memiliki keahlian khusus pada bagian scripting web tersebut.

Sebuah website dinamis umumnya dibuat menggunakan Compact Management System

(CMS) tertentu dengan penyimpanan data di database (misalnya seperti MySQL) dan
biasanya juga web ini tersusun dari bahasa pemerograman seperti HTML, CSS, PHP,
JavaScript dan berhubungan dengan database MySQL.

Contoh web dinamis ini banyak sekali bisa kita temu di internet misalnya seperti web berita,
personal blog, toko online, web pasang iklan, dan lain-lain.

B. Ciri-ciri web dinamis:

 Menggunakan bahasa pemrograman web misalnya seperti PHP, HTML dan yang
lainnya.
 Memiliki database.
 Konten di dalamnya bisa berasal dari pengunjung dan bisa juga dari database.
 Lebih sering di-update.

C. Kelebihan Web Dinamis yaitu:

 Konten dan layout dapat berubah-ubah atau diubah-ubah.

 Memakai dynamic html (DHTML).
  Memakai pemrograman server untuk mengatur perubahan data.
 Dapat menggunakan CMS untuk mengubah konten atau isi website.
 Konten web dan layout halaman dibuat secara terpisah, sehingga loading pada
halaman lebih cepat.
 Dapat memakai database untuk menyimpan konten atau isi.
 Bisa mepasilitasi komunikasi 2 arah antara admin dan juga visitor (pengunjung web).
 Konten yang terbaru selalu berada di urutan paling ataus atau pertama karena untuk
memperjelas konten yang diupdate.

D. Kekurangan Website Dinamis yaitu:

 Sangat kompleks, sehingga sulit dalam pencarian Search Engine.

 untuk membuat web dinamis anda dapat menggunakan bahasa php dan mysql sebagai
databasenya..
E. Cara membuat Situs Dinamis
1. Pertama anda harus mempunyai aplikasi yang bernama xampp yaitu sebagai server yang
berdiri sendiri(localhost), anda bisa mendownloadnya di internet, untuk installnya cukup
mudah, ikuti saja instruksinya.


2. Setelah anda berhasil menginstal xampp, buka aplikasinya dan start "Apache" dan
"Mysql" lalu buka browser anda direkomendasikan Firefox atau Chrome. Lalu
Ketikkan localhost/phpmyadmin di address bar untuk mengolah database mysql
 3. Setelah muncul laman phpmyadmin, pertama anda buat database dengan
nama db_web, lalu buat table untuk admin ketikkan kode di bawah ini di tab SQL :
 create table admin (
 username varchar(15) not null primary key,
 password varchar(15) not null,
 level varchar(15) not null
 setelah berhasil di eksekusi, saatnya untuk membuat web yang akan menampilkan
databasenya..
4. untuk membuat web, pertama anda harus membuat homepage terlebih dahulu,
buka aplikasi editor seperti notepad atau notepad ++ dll lalu ketik/copas kode di
bawah ini dan beri nama file "index.php"
 <!DOCTYPE HTML PUBLIC>
<html>
<head>
<title>Kerangka Web</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<tr bgcolor="gray">
<td height="100" colspan="2"></td>
</tr>
<tr bgcolor="black">
<td colspan="2"><marquee onmouseover="this.stop()" onmouseout="this.start()"
truespeed="true" scrollamount="1" scrolldelay="40" direction="left">
<strong><div id="login">Selamat Datang Di Website Kami, Website Ini Masih
Dalam Tahap Pembuatan</div></strong>
</marquee>
</td>
</tr>
<tr>
<td width="200" height="600" valign="top" bgcolor="gray"><table width="200"
border="0" cellspacing="0" cellpadding="0">
 <tr>
<td><form name="form1" method="post" action="cek_login.php">
<table width="200" border="0" cellspacing="0" cellpadding="2">
<tr bgcolor="#003366">
<td height="30" colspan="2"><div align="center"><div
id="login"><strong>Login Admin </strong></div></div></td>
</tr>
<tr>
<td width="74" height="30"><b>Username</b></td>
<td width="126">:
<input name="username" type="text" id="username" size="10"></td>
</tr>
<tr>
<td height="30"><b>Password</b></td>
<td>:
<input name="password" type="password" id="password" size="10"></td>

</tr>
<tr>
<td height="30">&nbsp;</td>
<td><input type="submit" name="Submit" value="Login"></td>
</tr>
</table>
</form>
</td>
</tr>
<tr>
<td><div id="kiri">
<div id="login">
<p><center><b>PROFIL</center></p>
<p>Nama : Banu Ari Ramadhan </p>
<p>Web : banuaril10.blogspot.com</p></b>
</div>
</div>
 </td>
</tr>
</table>
</td>
<td valign="top">&nbsp;</td>
</tr>
<tr bgcolor="black">
<td height="80" colspan="2"><div id="login"><center>Copyright 2015
<br>Design : Banu Ari Ramadhan</div></td>
</tr>
</table>
</body>
</html>
 5. Untuk membuat tampilan web terlihat bagus, buat desain css untuk web tersebut
buat file bernama "style.css" lalu ketik/copas kode di bawah ini :
 #kiri { font-size:12px; border-
radius:5px;border:6px;height:120px; padding:10px;background-
color:black;float:left;width:165px; margin-top:40px;margin-left:8px;}
#login{color:white; }
penjelasan :
#kiri adalah untuk desain web bagian kiri
#login adalah untuk desain tulisan pada form login
6. untuk melihat hasilnya simpan file "index.php" dan "style.css" pada
C:>/xampp/htdocs/web(buat folder baru bernama web) lalu jalankan melalui address
bar browser anda dengan mengetikan : localhost/web/index.php
lalu lihat hasilnya..
anda sudah membuat homepage sederhana untuk data yang akan di tampilkan nanti..
bagian selanjutnya saya akan posting cara membuat koneksi untuk membuat halaman
admin
note : jangan lupa aktifkan xampp anda (start Apache dan Mysql)
 BAB III

PENUTUP

A. Kesimpulan

Situs dinamis adalah suatu web yang konten atau isinya dapat berubah-ubah setiap
saat. Contoh web dinamis ini banyak sekali bisa kita temu di internet misalnya seperti web
berita, personal blog, toko online, web pasang iklan, dan lain-lain

B. Saran

Web Dinamis umum digunakan untuk website company profile, yang hanya
menampilkan informasi penting saja. Web Dinamis digunakan secara fungsionalnya,
misalnya jejaring sosial, toko online, web blog, dan lain sebagainya.
 DAFTAR PUSTAKA

 https://www.devaradise.com/id/2013/10/mengenal-pengertian-perbedaan-web-dinamis-
web-statis.html

 http://banuaril10.blogspot.com/2015/05/cara-membuat-web-dinamis-sederhana-php.html