Senin, 06 Juli 2015

CARA MEMBUAT WEBSITE DINAMIS


Pertama tama saya akan menjelaskan perbedaaan website statis dan dinamis, tetapi nantinya saya akan membahasa tentang website dinamis.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.



Berikut tabel perbedaan Web Statis dan Web Dinamis
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.


                             

WEBSITE DINAMIS

    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










                                                                                               













































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, dan kode PHP, bagaimana jika kita ingin membuat kode yang 100% kode PHP, ini dia scriptnya:





Demikianlah yang bisa saya buat, terimakasih atas kunjungannya (^.^).















































5 komentar:

  1. Terima kasih kakak, mudah dimengerti dan sintax2 nya pun mudah dipahami
    Nama: Yulinda Sari
    Nim:1922500197
    Dan link web kampus saya
    https://www.atmaluhur.ac.id/

    BalasHapus
  2. Salam kenal kak , artikelnya sangat menarik kak disini saya dapat mengerti cara membuat website dinamis . Ditunggu lagi ya kak artikel berikutnya perkenalkan nama saya Roki Abdul Jalil Nim 1922500192 Dan link web kampus saya
    https://www.atmaluhur.ac.id/

    BalasHapus
  3. Wah artikel yg kkak but bisa mambntu say dan muda di mengerti,semoagh dkt membantu yg lain nya juga ,semagt terus kak but artikel yg lainnya.nma saya hena mitriani Nim 1922500189.
    https://mahasiswa.atmaluhur.ac.id/

    BalasHapus
  4. Selamat malam kak, terima kasih kak artikel yang kakak share dapat membantu saya dan sangat bermanfaat bagi saya yang baru belajar mengenai
    Membuat link/website untuk memanggil konten secara dinamis.artikel yamg di buat mudah di pahami dan di mengerti begitu juga dengan penjelasannya.
    nama saya : Reza Anggraini
    Nim : 1922500196
    Jangan lupa kunjungi website kampus saya ya kak https://mahasiswa.atmaluhur.ac.id/
    Ditunggu blog selanjutnya kak. Semoga sehat selalu dan sukses terus kak

    BalasHapus
  5. Selamat malam kak, terima kasih kak artikel yang kakak share dapat membantu saya dan sangat bermanfaat bagi saya yang baru belajar mengenai
    Membuat link/website untuk memanggil konten secara dinamis.artikel yamg di buat mudah di pahami dan di mengerti begitu juga dengan penjelasannya.
    nama saya : Reza Anggraini
    Nim : 1922500196
    Jangan lupa kunjungi website kampus saya ya kak https://mahasiswa.atmaluhur.ac.id/
    Ditunggu blog selanjutnya kak. Semoga sehat selalu dan sukses terus kak

    BalasHapus