agus membangunweb

Upload: soni-rxj

Post on 04-Apr-2018

224 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/30/2019 Agus Membangunweb

    1/3

    Membangun website dinamis berbasis

    PHP-mySQL (1)

    Agus Subardjo

    [email protected]

    http://multigraphica.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 karenamaterinya 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.

    PendahuluanSebelum 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

    Filezillayang dapat anda download secara gratis. Sedangkan host local pada computer andacarilah aplikasi WAMPP, XAMPPatau 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

    Lisensi Dokumen:

    Copyright 2011-2015 IlmuKomputer.ComSeluruh 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.

  • 7/30/2019 Agus Membangunweb

    2/3

    Nama database : contoh

    Nama table : beritaField yang dibuat : id INT (Primary key, A-Increment)

    judul VARCHAR 150

    foto VARCHAR 30

    author VARCHAR 50

    lead VARCHAR 255

    isi TEXT

    Biarkan data masih kosong, karena, nanti dapat kita isi, edit maupun hapus melalui aplikasi

    PHP-Maker.

    2. Membuat halaman web.

    PHP-Maker yang telah kita install di PC / laptop kita jalankan, akan muncul tampilan sepertigambar dibawai ini :

    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

    Ketikkan localhost

    Ketikkan root

    Kosongkan

    Cari database

  • 7/30/2019 Agus Membangunweb

    3/3

    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 (

    PenutupUraian 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 PenulisAgus 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. Tahun1980 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