Minggu, 05 Juli 2015

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
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
Description: tampilan tampil.php
tampilan tampil.php
Kemudian klik tampil.php maka akan muncul gambar di bawah ini apabila penulisan script nya benar
Description: tampilan lokalhost
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