Membuat Table dan Button pada Dreamweaver CS 3 serta Mengkoneksikannya ke Database MySQL di phpMyAdmin

Langkah pertama

Buka XAMPP , lalu klik start Apache dan Mysql nya. Seperti gambar dibawah ini :

 

Selanjutnya buka Localhost C letak penyimpanan XAMPP , buka Folder XAMPP, simpan folder 3ka04 didalam folder htdocs.

Buat databasenya terlebih dahulu..
Buka localhost/phpmyadmin di brower, maka tampilan seperti dibawah ini :

Klik Basis data >> Masukan nama Database dengan mengetikan “gunadarma” >> klik buat, setelah selesai tampilan seperti dibawah ini :

Klik gunadarma yang telah kita buat tadi, lalu Create table mahasiswa dengan mengetikan “tbl_mhs” lalu isi jumlah kolom 3 lalu klik kirim. Seperti gambar dibawah ini

Isi kolom dengan  NPM, NAMA, KELAS. Pada bagian jenis pilih VARCHAR untuk npm, nama, dan kelas. Panjang untuk NPM : 8 , NAMA : 30 ,  KELAS : 5 . sedangkan untuk Indeks  

pilih Primary hanya Untuk NPM. Setelah mengisi semua klik simpan.

Klik tbl_mhs maka tampilannya seperti dibawah ini

Buka Dreamweaver, lalu buat form.
Pertama buat from >> klik insert >> form >> pilih form
Buat table >> klik insert >> buat table
Isikan npm, nama, kelas. Untuk kolom ketiga klik insert >> form >> text field
Code Form
Pada

tambahkan action=”simpan.php” menjadi

Pada bagian button ganti menjadi value="Save" sedangkan input type="submit" tidak diubah. Selanjutnya ubah input type="submit" menjadi input type="reset" dan  value="submit” menjadi value="Refresh"

Code Koneksi

Code Simpan 

Code Select 

Output :
Gambar pada Form.php

Hasil Database pada localhost/3ka04/form.php

Masukan npm, nama, dan kelas >> klik save

setelah memasukan  npm, nama, kelas. Maka “Data Berhasil Diinput”

Ketikan localhost/3ka04/select.php maka tampilannya seperti dibawah ini :

Keterangan :
(!-- --) Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
(a href) Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
(a name) Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
(b) Membuat teks tebal
(big) Memperbesar ukuran teks sebesar satu point dari defaultnya
(body) Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
(br) Pindah baris
(center)Untuk perataan tengah terhadap teks atau gambar
(div) Represents different sections of text.
(font) Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
(head) Mendefinisikan head document.
(hr) Membuat garis horizontal
(html) Bararti dokumen html
(Include) adalah fungsi dasar untuk memanggil beberapa file dalam satu waktu sakaligus yakni saat browser membuka suatu halaman web. 
($host) adalah nama host yang dipakai untuk database mysql
($user) adalah nama user database yang akan digunakan
($pass) adalah password user database yang akan digunakan.
($insert) untuk memasukan file yg kita inginkan
($select) untuk menyeleksi kondisi
($koneksi)untuk mengkoneksikan antara dreamweaver dan php
mysql_connect adalah fungsi untuk membuka dengan server database MySQL.
mysql_select_db adalah kode php untuk mengkoneksikan web dengan database setelah koneksi berhasil terhubung.
mysql_fetch_array() adalah salah satu fungsi dalam pemrograman web PHP yang digunakan untuk mengambil record / informasi dari suatu recordset / tabel dan mengembalikannya sebagai associative array dan/atau numeric array.
$no untuk nomer
Tbl_mhs adalah nama table yang telah dibuat
Gunadarma adalah nama database yang telah dibuat
*from
(img) Image, imagemap atau an animation
(marquee) Membuat scrolling teks (teks berjalan) - hanya pada MS IE
 (script) Mendefinisikan awal script
(title) Mendefinisikan title
(tr) Baris pada tabel
(table) mebuat table
(textfield)membuat text dalam kotak
(radiogroup)membuat button dengan di grupkan
(checkbox) membuat button dengan bentuk bulatan
(php) untuk mngkoneksikan database pada dreamweaver
(echo) kondisi
 (while) untuk perulangan
(<?) ketikan itu sebelum mengerjakan code  php
(?>) tanda selsai pada code php

Membuat table Mata Kuliah Pada Program Oracle Run SQL

Membuat table Mata Kuliah

Untuk membuat table mata kuliah ketikan : Create table matkul (kd_mk varchar(9) primary key not null, nama_mk varchar(20), sks varchar(3));

Create table matkul : perintah untuk membuat table dengan nama matkul pada oracle

Kd_mk : nama variable kode mata kuliah

Varchar : tipe data

(9) : panjang karakter

Primary key : kata kunci pada sebuah database

Not null : menghilangkan kerangkapan data

Untuk memasukan data pada table mahasiswa ketikan insert into matkul values (‘npm’,’nama’,’kelas’);

Insert into matkul : memasukan data pada table matkul

(‘kd_mk’,’nama_mk’,sks’); : cara cepat untuk memasukan kode mata kuliah, nama mata kuliah, dan sks.

Menampilkan table matkul
Untuk menampilkan table matkul ketikan select *from matkul;

Membuat table Mahasiswa Pada Program Oracle Run SQL

Membuat Table Mahasiswa Pada Program Oracle Run SQL

Membuat table mahasiswa dengan mengetikan create table mahasiswa (npm varchar(8) primary key not null, nama varchar(20), kelas varchar(5));

Pada script sql harus diakhiri dengan tanda titik koma “;”

Create table mahasiswa :  untuk membuat table pada oracle dengan nama table mahasiswa

Npm varchar(8) primary key not null : menambahkan atribut Npm dengan tipe data varchar dengan panjang karakter 8. Primary key : sebagai kata kunci. Npm dijadikan sebagai primary key supaya tidak memakai Npm yang sama atau mengurangi kerangkapan data yang berulang. Npm yang sudah dimasukan tidak boleh diketik ulang lagi. Not Null : memaksa field untuk selalu mengandung nilai dan tidak dapat menyisipkan catatan baru atau memperbarui data tanpa menambahkan nilai untuk field tersebut..

Nama varchar(20) : nama menggunakan tipe data varchar dengan panjang karakter 20

Kelas varchar(5) :  kelas menggunakan tipe data varchar dengan panjang karakter 5

Memasukan data pada atribut Npm, Nama, dan Kelas dengan mengetikan Insert into mahasiswa values (‘15111366’,’Nurma Yulia Cahyani’,’3KA04’);

Insert  into mahasiswa : memasukan data pada table mahasiswa

Values :

‘15111366’ adalah Npm

‘Nurma Yulia Cahyani’ adalah Nama

‘3KA04’ adalah Kelas

Melihat Table Mahasiswa

Untuk menampilkan table mahasiswa dengan mengetikan select *from mahasiswa;

Select : melihat table mahasiswa pada Oracle

*from mahasiswa : tanda bintang mengartikan bahwa menampilkan semua isi dari table mahasiswa

Menambahkan atribut Fakultas pada table Mahasiswa

Untuk menambahkan atribut Fakultas pada table mahasiswa dengan mengetikan alter table mahasiswa add (fakultas varchar(9));

Alter table mahasiswa : menambahkan kolom pada table mahasiswa

Add : menambahkan

Fakultas : atribut yang ditambahkan

Varchar : tipe data

(9) : panjang karakter

; : akhiran pada script oracle

Memperbarui kolom fakultas

Memperbarui atau memasukan data ‘ILKOM’ pada kolom fakultas yang telah dibuat tadi, dengan mengetikan update mahasiswa set fakultas = ‘ilkom’;

Update mahasiswa set fakultas = ‘ilkom’ :  Memperbarui semua kolom fakultas pada table mahasiswa dengan mengisikan data ‘ILKOM’ pada kolom fakultas

JIka mengetikan :

Update mahasiswa set fakultas = ‘ilkom’ where ‘15111366’ : maka hanya Npm ‘15111366’ saja yang diperbarui/ditambahkan ‘ILKOM’ pada kolom fakultas.

Menampilkan kolom fakultas yang telah ditambahkan 

Untuk menampilkan table mahasiswa yang telah diperbaharui tadi maka ketikan select *from mahasiswa;