Materi IlmuKomputer.Com

Membangun website dinamis berbasis
PHP-mySQL (1)
Agus Subardjo
[email protected]
http://multigraphica.com
Lisensi Dokumen:
Copyright © 2011-2015 IlmuKomputer.Com
Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau
merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen.
Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu
dari IlmuKomputer.Com.
Membangun website dinamis sendiri, dan tidak bergantung pada CMS yang telah disediakan
didunia maya baik secara gratis maupun yang berbayar, kadangkala mengalamit kesulitan,
apalagi bagi pemula. Saya berusaha menyampaikan artikel ini secara bersambung karena
materinya sangat luas sekali, mulai dari dasar-dasar yang sederhana dan mudah diimplemtasikan,
sampai nanti begitu rumit karena dikolaborasi dengan CSS, plugin dan fitur-fitur web lainnya,
misalnya video-player, MP3-Player, Radio-streaming,, Video-Streaming, Menu-menu cantik
Login Member, dan masih banyak lainnya, serta akan kami sampaikan secara bertahap.
Pendahuluan
Sebelum website diupload ke hosting dengan domain yang gratis maupun berbayar, tentunya
harus kita develop dan uji di PC kita terlebih dahulu. Untuk upload file, biasanya saya gunakan
Filezilla yang dapat anda download secara gratis. Sedangkan host local pada computer anda
carilah aplikasi WAMPP, XAMPP atau lainnya. Biasanya yang saya gunakan XAMPP karena
lebih user-friend dan familiar. Untuk men-generate halaman-halaman web kita gunakan
PHP-Maker
PHP-Maker yang paling sederhana dan mudah untuk dimodifikasi hasilnya adalah PHP-Maker
versi 1.
1. Instalasi.
Sebagaimana kami sampaikan, PC atau Laptop anda harus terinstal XAMPP, PHP-Maker dan
Filezilla. Silahkan download melalui hyperlink diatas.
Setelah itu, jalankan XAMPP dan buatlah database misalnya ingin membuat web-berita:
1
Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com
Nama database
:
Nama table
:
Field yang dibuat :
contoh
berita
id
judul
foto
author
lead
isi
Biarkan data masih kosong, karena,
PHP-Maker.
INT
(Primary key, A-Increment)
VARCHAR
150
VARCHAR
30
VARCHAR
50
VARCHAR
255
TEXT
nanti dapat kita isi, edit maupun hapus melalui aplikasi
2. Membuat halaman web.
PHP-Maker yang telah kita install di PC / laptop kita jalankan, akan muncul tampilan seperti
gambar dibawai ini :
Ketikkan localhost
Ketikkan root
Kosongkan
Cari database
Tekan “Connect” akan muncul pop-up dan ketikkan nama folder yang akan kita gunakan
untuk menjalankan website.
Kemudian tekan OK.
2
Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com
Pada kolom menu, akan muncul tree-menu yang meliputi, nama database, table, dan field-field
yang telah kita buat. Untuk sementara dan gampangnya pada tahap awal ini langsung saja kita
generate dengan menekan horizontal menu diata “generate” dan tombol “generate PHP” yang
ada dibawah
OK, halaman website kita sudah jadi, tinggal dipindahkan ke localhost. Caranya cari di drive C,
pada folder PHPMaker terdapat subfolder Project dan didalamnya terdapat sub-subfolder nama
yang kita masukkan waktu proses connect, dicopy aja, lalu di-paste kedalam XAMPP/htdocs/
Selanjutnya kita panggil melalui browser :http://localhost/nama sub-subfolder tadi, muncullah
halam web awal yang sederhana, termasuk terdapat menu-menu Add untuk mengisi data pada
database, Edit, untuk merubah isi data, Dellete untuk menghapus dan View untuk melihat data
secara lengkap.
Disini, foto atau gambar belum muncul walaupun nama filenya sudah ada, dan penampilannya
masih standart PHPMaker. Untuk merubah tampilan, lebar halaman dan memasukkan
gambar/foto, serta memberi image pada header akan kita sampaikan dalam tulisan berikutnya (
Penutup
Uraian diatas masih menghasilkan halaman website yang sangat sederhana sekali, namun proses
pembuatan halaman ini sangat penting untuk menuju halaman web yang lebih dinamis dan
menarik dengan beberapa editing source-code PHP-nya.
Biografi Penulis
Agus Subardjo. Menyelesaikan S1 di STMIK-Widya Pratama
Pekalongan pada tahun 2006. Pernah ikut mengajar pada Sekolah
Tinggi tersebut mulai tahun 2007, untuk mata Kuliah Pemrograman
web, Design Publish dan Delphi. Karier di Birokrasi, dimulai tahun
1973 sebagai Juru Penerang di sebuah Kecamatan (Talun
Kab.Pekalongan) yang dahulunya merupakan daerah terisolir. Tahun
1980 dipromosikan sebagai Kepala sub Seksi pada Kantor Deppen
Kab.Pekalongan dan 1984 menjadi Kasi Penerangan Masyarakat..
Bubarnya Deppen RI, ditarik sebagai salah satu pejabat eselon IV
Kantor PDE-Arsipda Kab.Pekalongan, dimana penulis ikut membidani kelahirannya. Tahun
2005 diangkat menjadi eselon III sebagai Kepala Kapeditel ( dulunya PDE-Arsipda ) dan
pensiun pada September 2007. Dirumah menjalankan perusahaan jasa dibidang computer dan
masih memberikan bimbingan kepada mahasiswa (kebanyakan dari luar kota) yang membuat
proyek utnuk skripsi S1 maupun D3.
3
Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com