INSTITUT TEKNOLOGI BUDI UTOMO Teknik Informatika

MAKALAH MEMBUAT DATA BASE MYSQL MENGGUNAKAN MACROMEDIA DREAMWEAVER 8

DIBUAT OLEH : EKO RUSMANSYAH DEFRIZON WINANTO
Perangkat Lunak Berbasis Web Page 1

KATA PENGANTAR

Puji syukur kami panjatkan ke hadirat Allah SWT. yang telah melimpahkan rahmat dan hidayah-Nya, sehingga kami dapat menyelesaikan tugas makalah Perangkat Lunak Berbasis Web dengan judul Membuat database menggunakan Dreamweaver 8. Pada kesempatan kali ini ingin mengucapkan terima kasih kepada :
1. Bpk. Hendarman, M.Kom, M.Pd. selaku dosen pengajar,

2. Agianto Simanulang selaku pendukung materi, 3. Seluruh rekan rekan jurusan Teknik Informatika dan 4. Pihak yang telah membantu dalam penyelesaian makalah ini.

Kami menyadari bahwa dalam makalah ini masih banyak kekurangan, oleh karena itu saran dan kritik yang mendukung sangat diharapkan untuk penyempurnaan makalah di masa mendatang. Kami berharap semoga makalah ini dapat berguna bagi penulis khususnya dan bagi para pembaca umumnya.

Bogor, Desember 2011 Penulis

Perangkat Lunak Berbasis Web

Page 2

DAFTAR ISI

Sampul Halaman ...................................................................................................... Kata pengantar .......................................................................................................... Daftar isi ................................................................................................................

0 i ii

BAB I Pendahuluan 1. Latar belakang ....................................................................................... 2. Tujuan .................................................................................................... 3. Sistematika penulisan ............................................................................ BAB II Pembahasan 1. Analisa kasus .......................................................................................... 2. Langkah Pembuatan a. Menjalankan program ................................................................ b. Membuat Data base di MySQL ................................................. c. Membuat halaman di M. Dreamweaver 8 ................................. BAB III Penutup 1. Kesimpulan ............................................................................................ 2. Daftar Pustaka ........................................................................................ 13 13 3 4 5 3 1 1 2

Perangkat Lunak Berbasis Web

Page 3

BAB I PENDAHULUAN I. LATAR BELAKANG Data base atau basis data merupakan salah satu media untuk mengumpulkan data, materi atau media penyimpanan dalam bentuk abstrak. Untuk mengelola data base diperlukan Database Management System (DBMS). Salah satunya adalah MySQL. MySQL merupakan software database yang dikembangkan di Swedia oleh David Axmark, Allan Larsson dan Michael Widenius di era 1980-an. Banyak programmer yang kesulitan membuat data base karena beberapa alasan, antara lain: kesuliatan dalam menyusun script yang benar dalam membuat data base, binggung dalam

penempatan coding dan terutama waktu yang lama secara coding harus ditulis manual. Macromedia Dreamweaver merupakan salah satu software user interface yang membantu para programmer untuk menjawab pertanyaan tersebut, tidak hanya membuat data base, software keluaran ..... biasa digunakan oleh webmaster untuk merancang website sebelum dihosting dan diakses melalui internet.

II.

TUJUAN 1. Tujuan Umum Banyak programmer dituntut untuk bisa membuat data base antara lain untuk keperluan pembelajaran atau maupun komersil. Tool dalam Macromedia Dreamweaver 8 mempermudah para programmer membuat dengan cepat dan gampang tanpa harus menulis scipt dalam programming atau pembuatan aplikasi. 2. Tujuan Khusus a. Agar mahasiswa khususnya dalam bidang IT bisa memahami dalam pembuatan aplikasi berbasis PHP tanpa dirumitkan oleh script. b. Menguasai PHP MySQL dengan tool yang tersedia di Macromedia Dreamweaver 8. c. Mampu membuat Data base. d. Mampu berinovasi dalam pembuat aplikasi.

Perangkat Lunak Berbasis Web

Page 4

III.

SISTEMATIKA PENULISAN 1. Bab I (Pendahuluan) : a. Latar belakang = mendeskripsikan tentang permasalahan umum dari topik. b. Tujuan = manfaat yang penulis sampaikan dalam bentuk makalah. 2. Bab II (Pembahasan) : a. Analisa kasus = menguraikan tentang permasalahan dari materi. b. Langkah - langkah = menjelaskan tantang pembuatan yang ada dalam materi. 3. Bab III (Penutup) : a. Kesimpulan = menyimpulkan isi dari materi. 4. Daftar pusaka = rincian asal dari data-data yang telah yang telah diambil.

Perangkat Lunak Berbasis Web

Page 5

BAB II PEMBAHASAN 1. ANALISA KASUS Dalam pembahasan makalah ini, kita akan membuat data base mahasiswa dengan menggunakan software Macromedia Dreamweaver 8. Adapun yang akan dibuat antara lain tabel seperti insert, edit, tambah beserta tampilan halaman lainnya. Perlu diingat bahwa ada beberapa software yang harus diinstal dan dijalankan antara lain : XAMPP untuk media penghubung antara data ke tampilan (browser) dan untuk

menampilakan mengunakan browser. Karena semua itu yang akan kita gunakan untuk melancarkan pembuatan data base itu sendiri.

2.

LANGKAH PEMBUATAN 1) Manjalankan program a) Menginstal lalu menjalankan MySQL dan Apache yang berada di XAMPP.

Gambar control panel di XAMPP

Perangkat Lunak Berbasis Web

Page 6

b) Membuka Macromedia Dreamweaver 8

Menu bar

Toolbar document Toolbar aplication

Lembar kerja Properties inspector Status bar

Gambar lembar kerja M. Dream weaver 8 (design)

2) Membuat Database di MySQL a) create new database/buat baru database dengan nama dbmahasiswa melalui browser, ketik alamat http://localhost/phpmyadmin.

Gambar localhost/phpmyadmin Perangkat Lunak Berbasis Web Page 7

b) buat nama tabel mhs dan number of fields diisi 4 lalu klik Go

2 3

c) Selanjutnya buat tabel di MySQL dengan nama mhs dan untuk nim dijadikan Primary melalui pilihan di Index.

3) Membuat halaman di Dreamweaver a) Membuat halaman input_mhs.php Buat folder latihan dan file dengan nama input_mhs.php sebagai halaman untuk menginput data mahasiswa baru. Setelah membuka Dreamweaver buka tab Databases pada toolbar Application. Klik tombol [ + ], kemudian Isi Conn. name = konek, mysql server = localhost, username = root, password = YES dan Database = dbmahasiswa. Lalu klik Select dan OK.

Perangkat Lunak Berbasis Web

Page 8

Setelah berhasil membuat koneksi MySQL, maka akan tampil tables seperti gambar disamping.

Setelah berhasil membuat koneksi maka tahap selanjutnya adalah membuat halaman inputdata lalu membuat form terlebih dahulu.

4 3

Akan muncul Setup Instructions setelah mengklik Record Insertion Form Wizard. Lalu kita klik testing server untuk menyambungkan ke server MySQL. Pada window testing server pilih Server model = PHP MySQL, access = Local/Network, Testing server folder = latihan, URL prefix = http://localhost/latihan.

Perangkat Lunak Berbasis Web

Page 9

1 2 3

Gambar window pada testing server

Lakukan ulang Insert>Application Objects>Insert Record>Record insertion form wizard

konek mhs

Perangkat Lunak Berbasis Web

Page 10

Setelah memilih konek pada Connection, maka otomatis akan muncul data yang kita buat di MySQL. Pada halaman kerja Dreamweaver muncul tabel seperti gambar dibawah namun kita bisa mengganti dan menambahkan button/tombol dengan klik insert>form>button..

Button type

Klik preview seperti gambar disamping atau F12 untuk menampilkan halaman.

Jika semua sudah berhasil maka langkah selanjutnya adalah membuat halaman untuk menampilkan data mahasiswa. b) Membuat halaman tampilan data Buatlah file dengan nama tampilan_mhs.php untuk menampilkan data yang sudah kita masukan, simpan didalam folder yang sama dengan file input_mhs.php. lalu Klik insert>Application objects>Dynamic data>Dynamic Table, Kolom Name diisi dengan mahasiswa, Connection pilih konek. Setelah berhasil maka Table dan Columms secara otomatis munculkan data MySQL, lalu tekan OK.
2
konek

4 Page 11

Perangkat Lunak Berbasis Web

Gambar tampilan_mhs.php diakses melalui browser

c) Membuat halaman edit

Buat file dengan nama edit_mhs.php. Pada halaman tampilan_mhs.php kita akan menambahkan kolom untuk tabel link;

edit, hapus dan add. Blok/drag kolom terakhir tabel dan pilih Modify > Table > Insert Rows or Columns.

Setelah berhasil, selanjutnya memasukan link edit_mhs.php kedalam kolom yang baru saja ditambahkan. Letakan kursor di tabel kemudian pilih insert > hyperlink. Lalu akan muncul window seperti gambar dibawah (menambahkan Hyperlink). Pada Text ditulis edit, dan Link pilih edit_mhs.php. Ketika browse di kolom Link maka akan muncul window isian seperti gambar dibawah (gambar Insert Hyperlink with Dynamic Data), selanjutnya lakukan seperti di gambar.

Gambar menambahkan Hyperlink Perangkat Lunak Berbasis Web Page 12

4 3 5

Gambar Insert Hyperlink with Dynamic Data

Setelah browse maka kita cari URL dengan edit_mhs.php. Lalu klik Parameters, isi Name dengan nim, Value kita browse dengan klik tanda petir lalu akan muncul Dynamic Data, pilih nim lalu OK. Jika berhasil tampak seperti gambar di bawah.

d) Membuat halaman Hapus Buat halaman dengan nama hapus_mhs.php simpan di folder latihan. Buat Hyperlink pada kolom tampilan_mhs.php dengan langkah yang sama ketika membuat link edit.
Selanjutnya buka halaman hapus_mhs.php lalu Insert > Application Objects >

Delete Record. Lalu isi seperti gambar di bawah. Pada kolom Connection

Perangkat Lunak Berbasis Web

Page 13

pilih konek maka akan muncul/terisi otomatis kolom Table, Primary key column dst. Lalu browse halaman tampilan_mhs.php setelah itu OK.

konek

e) Memasukan Hyperlink Tambah/add Bagian ini sangat mudah dan cepat, sama halnya seperti pembuatan Link edit dan hapus. Klik Insert > Hyperlink, kemudian ikuti langkah seperti gambar di bawah.

Perangkat Lunak Berbasis Web

Page 14

Gambar tabel data mahasiswa yang sudah jadi bisa diakses melalui browser dengan klik http://localhost/latihan/tampilan_mhs.php

Gambar halaman edit seperti di bawah bisa diakses melalui browser dengan mengklik edit pada tampilan_mhs.php atau klik http://localhost/latihan/edit_mhs.php.

Dengan mengklik add pada halaman tampilan_mhs.php maka muncul form inputan data mahasiswa (input_mhs.php), seperti gambar dibawah.

Perangkat Lunak Berbasis Web

Page 15

BAB III PENUTUP 1. Kesimpulan Dari materi yang dipaparkan dapat dirumuskan beberapa kesimpulan, antara lain : a. Anda bisa mengembangkan sesuai imajinasi anda menggunakan tool seperti Properties inspector, Insert dll. b. Dengan software M. Dreamweaver 8 membuat data base menjadi lebih cepat dan mudah. c. Dalam perjalanan waktu yang terus berkembang Dreamweaver tidak hanya membantu programmer membuat data base banyak website yang dibuat melalui dreamweaver. d. Seperti; Yahoo, Facebook, Google, Youtube dll merupakan pengguna MySQL. e. Seorang yang bergelut di bidang IT setidak tidaknya harus bisa membuat data base di MySQL. f. Ada beberapa software yang bisa mengontrol, memelihara, mengakses dan membuat data base antara lain MySQL, Microsoft SQL Server, Oracle, DB2 dll.

2. Daftar Pustaka Achmad Solichin, Seri Dreamweaver tampilan entri, edit, delete mahasiswa, Jakarta. Achmad Solichin, MySQL dari pemula hingga mahir, http://achmatim.net, diakses 29 November 2011. Andi Sulistiyono, Pengembangan Belajar Berbasis Web, Semarang.

Perangkat Lunak Berbasis Web

Page 16