Website
merupakan teknologi yang dibuat untuk memberikan informasi secara meluas,
informasi tersebut dapat berupa text, gambar, video, dan lain sebagainya.
Selama website terkoneksi dengan internet, website bisa diakses oleh dunia luas
tanpa dibatasi oleh ruang dan waktu.
Berdasarkan teknologinya, website terbagi menjadi 2, yaitu:
§ Web Statis (Diam).
§ Web Dinamis (Tidak
Diam).
Web
Statis adalah website dimana informasi yang terkandung di dalamnya tidak bisa
diupdate melalui aplikasi website tersebut melainkan harus merubah script yang
ada di dalamnya. Sedangkan Web Dinamis adalah website dimana informasi yang
terkandung di dalamnya dapat di update melalui aplikasi website tersebut.
Dengan website dinamis, kita bisa membuat sebuah aplikasi yang namanya Content
Management System (CMS), nah CMS inilah yang nantinya digunakan untuk
mengupdate informasi - informasi terbarunya.
Perbedaan Web Statis dan Web Dinamis
Dari pengertian diatas, kita bisa menarik beberapa perbedaan antara web statis dan web dinamis, diantaranya :
Web Statis
|
Web Statis
|
Yang bisa dilakukan pengguna hanya sekedar melihat - lihat
saja, tidak bisa mengisi data.
|
Pengguna bisa mengupdate informasi website langsung dari
websitenya.
|
Apabila ingin mengubah tampilannya harus mengubah syntaxnya
atau scriptnya langusng.
|
Bisa mengubah tampilan website melalui CMS yang ada.
|
Biasanya 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.
|
Tidak menggunakan bahasa pemrograman web, hanya sebatas
menggunakan HTML & CSS, javascript juga diperlukan agar website terlihat
hidup.
|
Menggunakan bahasa pemrograman web, seperti php, mysql, ruby,
dan lain - lain.
|
Waktu pengerjaannya memakan waktu yang singkat, kecuali ingin
membuat banyak halaman.
|
Waktu pengerjaan memakan waktu yang lama.
|
Kalau ingin menambah halaman, harus menambah file baru,
misalnya ingin menambah halaman profile, berarti harus membuat file yang
menampilkan halaman profile.
|
Tidak perlu membuat file baru, cukup dibuatkan saja programnya
lalu buat halaman dari program tersebut, seperti yang digunakan CMS.
|
Informasi jarang diupdate dan kalau pun ingin diupdate tidak
bisa langsung diupdate, melainkan harus merubah scriptnya.
|
Informasi dapat diubah melalui CMS yang sudah ada, biasanya
untuk mengubah informasi bisa dilakukan di halaman admin.
|
Web Statis tidak menggunakan database, semua informasi sudah
ada dalam sebuah file dan file itulah yang ditampilkan di halaman web.
|
Web dinamis
menggunakan database, database inilah yang digunakan untuk menampung
banyaknya data, sehingga website tinggal mengambil data dari database.
|
Disini
saya akan menjelaskan cara membuat website dinamis kita bisa menggunakan
notepad, notepad++, ataupun adobe dreamwever untuk membuat website dinamis.
Bedanya kalau menggunakaan adobe dreamwever kita bisa dengan mudah membuat
design tampilan website karena dalam pembuatannya menggunakan interface
frafis, berbeda dengan notepad yang harus mengetik satu satu kode-kodenya baik
html maupun php nya.
Database:
mahasiswa
Tabel: biodata
Tabel: biodata
column
|
type
|
Length/value
|
index
|
A_I/Auto
Increment
|
Id
|
Int
|
3
|
primary
|
centang
|
Nama
|
Vharcar
|
30
|
||
Alamat
|
vharcar
|
100
|
||
Tanggal_lahir
|
vharcar
|
20
|
||
umur
|
vharcar
|
2
|
Tuliskan
script dibawah ini di dalam file sambung.php.
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
|
<?php
$host="localhost";
$userdb="root";
$passdb="";
$namadb="mahasiswa";
$sambung=mysql_connect($host,$userdb,$passdb);
mysql_select_db($namadb,$sambung);
?>
|
Kode
diatas adalah kode wajib yang harus di buat untuk membuat website dinamis.
Penjelasan sriptnya adalah sebagai berikut.
$host
di isi localhost karena kita membuat website di localhost.
$userdb
diisi root kalau kita tidak melakukan set username pada phpmyadmin(user default
phpmyadmin).
$passdb
diisi kosong, karena default dari password phpmyadmin adalah kosong.
$namadb
diisi dengan mahasiswa karena database yang kita buat adalah database
dengan nama mahasiswa.
Dalam
pembuatan script PHP ingat titik koma sangat berpengaruh sekali, kelebihan koma
dan titik maupun hilangnya koma dan titik dalam kode PHP yang seharusnya di
tulis, maka akan mengakibatkan eror pada script tersebut.
Simpan
sambung.php ini di dalam folder xampp/htdocs/tutorial/sambung.php. folder ini
dapat kita temukan saat kita menginstal xampp pada tutorial tutorial-membuat-database-di-phpmyadmin. Folder tutorial harus di buat
sendiri, boleh mengganti folder tutorial.
Berikutnya
kita akan membuat file tampil.php . file ini bertujuan untuk menampilkan data
mahasiswa yang kemarin kita buat di website. File ini juga di simpan di dalam
folder tutorial seperti halnya menyimpan file sambung.php
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
|
<?
//mengambil file sambung.php
//sebagai penghubung ke database
include "sambung.php";
?>
<table width="1019" border="0" cellpadding="2" cellspacing="1">
<tr>
<td
width="26">No</td>
<td width="195">Nama
Mahasiswa</td>
<td
width="195">Alamat</td>
<td width="195">Tanggal
lahir</td>
<td width="195">Umur</td>
</tr>
<?php
//$no=0; variabel yang mengambil angka nol untuk awal
paging
//membuat nomor urut otomatis di halaman
$no=0;
// $biodata = "SELECT * FROM biodata"; memilih
tabel biodata
//secara keseluruhan
$biodata = "SELECT
* FROM biodata";
$biodatasql =
mysql_query($biodata, $sambung)
or die ("SQL Error: ".mysql_error());
// while ($biodatadata..... merupakan bentuk perulangan
untuk
//menampilkan data mahasiswa
while ($biodatadata=mysql_fetch_array($biodatasql))
{
//$no++; menambah nomor urut otomatis jika data mahasiswa
bertambah
$no++;
?>
<tr>
<td><?php echo $no; ?></td>
<td><?=
// $biodatadata['nama']; mengambil kolom nama
$biodatadata['nama'];?></td>
<td><?= $biodatadata['alamat'];
?></td>
<td><?= $biodatadata['tanggal_lahir'];
?></td>
<td><?= $biodatadata['umur'];
?></td>
</tr>
<?
//akhir paging harus diakhiri dengan kode } sebagai
penutup
} ?>
</table>
|
Setelah
semua file di buat silahkan buka browser sepeti Mozilla firefox ataupun google
crome, kemudian ketikkan di urlnya http://localhost/tutorial/ maka akan muncul seperti gambar di bawah
ini
tampilan
tampil.php
Kemudian
klik tampil.php maka akan muncul gambar di bawah ini apabila penulisan script
nya benar
tampilan
lokalhost
Sekian
tutorial untuk memunculkan data mahasiswa lewat website dinamis.
Kode di
atas adalah kode yang terdiri dari tag-tag html untuk membuat tabelnya, dank
ode PHP, bagaimana jika kita ingin membuat kode yang 100% kode PHP, ini dia
scriptnya
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
<?
//mengamnbil file sambung.php
//sebagai penghubung ke database
include "sambung.php";
echo "<table
width=1019 border=0 cellpadding=2 cellspacing=1>
<tr>
<td width=26>No</td>
<td width=195>Nama Mahasiswa</td>
<td width=195>Alamat</td>
<td width=195>Tanggal lahir</td>
<td width=195>Umur</td>
</tr>" ;
//$no=0; variabel yang mengambil angka nol untuk awal
paging
//membuat nomor urut otomatis di halaman
$no=0;
// $biodata = "SELECT * FROM biodata"; memilih
tabel biodata
//secara keseluruhan
$biodata = "SELECT
* FROM biodata";
$biodatasql =
mysql_query($biodata, $sambung)
or die ("SQL Error: ".mysql_error());
// while ($biodatadata..... merupakan bentuk perulangan
untuk
//menampilkan data mahasiswa
while ($biodatadata=mysql_fetch_array($biodatasql))
{
//$no++; menambah nomor urut otomatis jika data mahasiswa
bertambah
$no++;
echo "<tr>
<td>$no</td>
<td>$biodatadata[nama]</td>
<td>$biodatadata[alamat]</td>
<td>$biodatadata[tanggal_lahir]</td>
<td>$biodatadata[umur]</td>
</tr>";
//akhir paging harus diakhiri dengan kode } sebagai
penutup
}
echo "</table>";
?>
|
Tidak ada komentar:
Posting Komentar