MAKALAH

“Dasar website dinamis”

Makalah ini disusun untuk memenuhi tugas website dinamis

Disusun oleh:

1.Aisyah Fitri (22BD010004)

Dosen pengampu: Muhammad Cahyono,M.Kom

PROGRAM STUDI : BISNIS DIGITAL

INSTITUT TEKNOLOGI MUHAMMADIYAH SUMATERA

TAHUN AJARAN 2023/2024
 KATA PENGANTAR

Segala puji dan syukur saya panjatkan kepada Tuhan yang maha Esa yang telah
memberikan kemudahan dan kesehatan kepada kami sehingga kami mampu menyelesaikan
sebuah makalah untuk mata kuliah website dinamis dengan judul ‘Dasar websitedinamis’.

Makalah ini disusun oleh saya untuk memenuhi tugas dari Bapak Muhammad
Cahyono,M.Kom dengan mata kuliah website dinamis. lewat proses panjang ini setidaknya ada
beberapa pengetahuan baru yang kami dapatkan dari makalah ini.

Saya pun menyadari bahawa makalah ini jauh dari kata sempurna, masih banyak
kekurangan sehingga saya berharap saran dan kritiknya kepada kami agar nanti dikemudian hari
saya bisa membuat suatu makalah yang lebih baik lagi. Semoga makalah yang saya susun ini
dapat bermanfaat bagi dunia pendidikan.

Musi Rawas,06 Maret 2024

Penulis

ii
 DAFTAR ISI

COVER .......................................................................................................................................i

KATA PENGANTAR................................................................................................................ii

DAFTAR ISI.............................................................................................................................iii

BAB I. PENDAHULUAN..........................................................................................................1

1.1 Latar Belakang.........................................................................................................1

1.2 Rumusan Masalah....................................................................................................1

1.3 Tujuan......................................................................................................................2

BAB II. PEMBAHASAN...........................................................................................................3

2.1 Pengertian website Dinamis....................................................................................3

2.2 Ciri-ciri web dinamis..............................................................................................6

2.3 Kelebihan Web Dinamis.........................................................................................8

2.4 Kekurangan Website Dinamis................................................................................8

2.5 Cara membuat situs dinamis...................................................................................9

BAB III. PENUTUP.................................................................................................................12

3.1 Kesimpulan...........................................................................................................12

3.2 Saran.....................................................................................................................12

DAFTAR PUSTAKA...............................................................................................................13

iii
 BAB I

PENDAHULUAN

1.1 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

1.2 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 ?

1.3 Tujuan Penulisan

1. Menjelaskan Pengertian Situs Dinamis

2. Menyebutkan Ciri-ciri Situs Dinamis

3. Menjelaskan Kelebihan Web Dinamis

4. Menjelaskan Kekurangan Web Dinamis

5. Menjelaskan Cara membuat Situs Dinamis.

4
 BAB II

PEMBAHASAN
2.1. Pengertian website 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.

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

5
2.3. 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.

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

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

6
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,

7
 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>

8
</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>

9
</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>

10
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; borderradius:5px;border:6px;height:120px;

padding:10px;backgroundcolor: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

11
 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

DAFTAR PUSTAKA

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

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

13