TAMPILAN DATABASE PADA WEB MENGGUNAKAN XAMPP DAN
DREAMWEAVER
Kali ini saya akan
menjelaskan cara memasukan recored melalui web dan memakai aplikasi xampp dan
dreamweaver yang akan di gabungkan menjadi sebuah tampilan web:
-
Pertama yang dilakukan adalah mebuka aplikasi xampp lalu klik
start pada tulisan apche dan mysql karena untuk membuat database
kita harus mengaktifkan server web localhost dan menginput database yang ada
seperti gambar berikut ini.
-
dan lalu kita membuat folder baru pada xampp di dalam drive c
untuk menyimpan site pada dreamweaver yang akan dipakai dan buat lah folder
baru di htcdoc yang ada dan buatlah dengan nama yang kita inginkan
seperti gambar berikut ini
-
dan setelah selesai membuat folder baru didalam htdocs lalu membuka
browser salah satunya memakai browser chorme lalu kita memasukkan alamat
web kedalam search alamat http/localhost/phpmyadmin dan setalah itu akan
muncul tampilan dimana kita bisa membuat database dan membuat table yang akan
diinput kedalam dreamweaver klik new pada bagian sebelah kiri lalu buat lah
data base dengan nama yang kita inginkan seperti gambar berikut ini
-
dan selanjutnya buatlah nama table pada database tersebut untuk memasukkan
record dengan isi 3 coloum sebagai attribute dari table tersebut dengan nama
kiki setelah itu akan muncul tampilan dimana akan memasukkan atribut tersebut
dengan nama, npm, kelas dengan masing value yang berbeda 35, 8 dan 5
dengan menggunakan type data varchar dimana npm sebagai primary key yang
akan menjadi kunci utama dari sebuah database yang akan bisa di relasional dan
setelah itu klik go dan database siap digunakan atau dikoneksikan dengan
dreamweaver
-
dan setelah menyelesaikan database di aplikasi xampp dengan menggunakan
mysql dan barulah kita membuka aplikasi dreamweaver untuk menginput data
kedalam database dan pertam kita masuk dan klik tombol site pada panel di atas
dan klik ne site untuk membuat site baru yang
-
-
Setelah mengklik new site akan muncul tampilan yang akan membuat nama
site tersebut dan akan mengyambungkan dengan folder yang ada di htdocs dan
setelah itu akan muncul klik save dan site tersebut sudah ada di bagian bawah
-
Dan buatlah file data index didalam site tersebut lalu tuliskan nama file
baru dengan menggunakan .php untuk memakai data tersebut dan setelah itu klik
nama file tersebut akan muncul layar putih tetapi belum sampai disitu kita
harus mengkoneksikan database dengan web tersebut dengan cara klik insert lalu
klik data project dan klik recordset dan akan muncul tampilan
seperti berikut:
-
-
Tampilan selanjutnya akan menyuruh kita untuk melakukan setup dan akan
terlihat bagian mana yang belum terceklis dan kita harus mengklik tanda yang
biru untuk bisa memakai koneksi dalam sebuah databaseDan akan muncul sebuah
intruksi dimana kita akan memasukkan nama foldet di htdocs dan server itu
fungsi dari masuknya record yang akan dipakai di alamat web yang akan dituju
jangan salah dalam memasukkan nama folder atau nama servernya karena kalau
salah tidak akan bisa mencari nama path tersebut dan akan minta mengulang
memasukkan nama servernya
-
Dan setelah memasukkan server lalu kita akan dibawa ke version control
sebelum itu ganti terlebih dahulu sever foldernya menjadi localhost/network
karena kalau tidak diganti kita tidak akan bisa memasukkan folder atau alamat
url php kita dan tidak bisa mengeluarkan recordnya dan akan muncul tulisan eror
pada saat kita mengklik save di tampilan tersebut dan jangan lupa server
foldernya isi dari fokder baru yang kita buat di htdocs lalu masukkan web url
dengan nama localhost/database yang dibuat di phpmy admin dan setlah itu klik
save dan akan seperti ini
-
Dan kalau site setup tersebut sudah tersave maka akan ada muncul tampilan
yang membawa kita pada recordset yang dimaksud karena sudah terkoneksi dengan
database yang ada di php my admin dan lalu lihat tulisan connection karrena
ditulisan itu masih none lalu kita klik define dan akan muncul tulisan define
site ‘kiki’ dan kita klik new setelah itu akan muncul tampilan conection to dan
isilah field kosong tersebut conection: koneksi, my sql server: localhost,
username: root dan passwordnya tidak usah diisi kalau kita tidak memakai
password pada database yang dibuat dan masukkan database dengan cara mencari
terlebih dahulu foldernya dan setelah menemukan lalu klik oke dan test terlebih
dahulu koneksi tersebut dan kalau sudah ada tulisan complied baru kita klik oke
pada tampilan tersebut
-
Setelah kita mengklik ok maka akan muncul kembali conection site akan
muncul tulisan koneksi lalu klik done pada tampilan tersebut dan lanjutkan
kedalam tampilan define sebelumnya dan ganti conection tersebut dengan tulisan
koneksi setelah itu akan muncul di table coloum nama record yang akan kita
masukkan dan jangan lupa klik test terlebih dahulu untuk membuktikan kalo
database itu sudah barulah kita klik oke untuk melanjutkan kedalam sebuah
recoredsetnya
-
Dan barulah kita menginsert record data data project yang seperti sebelumny
adan ajangan lupa klik record insertion from wizard bukan insert record karena
kita sudah membuat record di database dan itu kiriman dari database tersebuit
bukan hanya kita input sendiri dan setelah itu akan muncul tampilan dimana form
fieldnya tersebut sudah ada atribut atribut yang akan dimasukkan kedalam table
dan field tersebut masih bersifat kosong Karena kita belum menginput didalam
database tersebut
-
Dan klik oke untuk menampilkan insert reecord pada tampilan design
tersebut dan setelah sudah tersimpan kita belom bisa memasukkan record terlebih
dahulu kita liat ada kesalahan dalam insert record tersebut yang nantinya akan
susah untuk memasukkan record tersebut
-
Dan setelah itu barulah kita klik save dan kalau sudah semuanya di save
maka kita akan melihat tampilan tersebut secara live maupun secara browser pada
chorme tersebut dan setelah muncul barulah kita memasukkan record yang kita
inginkan setelah ada isilah dengan sepuluh record
-
Dan setelah kita memasukkan sepuluh record lalu kita kembali ke localhost
dan lihat apakah sudah ada sepuluh record yang kita inginkan lihat dengan
seksama dan kalu ada kesalahan pada recordnya kita bisa mengedit atau menghapus
salah satu record tersebut dan selesai lah sudah pembuatan database melalui
website bida juga ditambahkan background atau pun design yang bagus
Tiada ulasan:
Catat Ulasan