Modul Xampp

(1)

·

· Akses

Akses

Database

Tujuan

Praktikum

Pr

Pr aakktikantikan mampu memmampu membbuatuat

a

p

likasi

yang terkoneksi dengan databaseyang terkoneksi dengan database

MySQ

LL

Pengantar

D

Daattabaseabasemmeer r upakan kumpulan dataupakan kumpulan data--data yang ddata yang diisisimpmpan secara sistematisan secara sistematisdadann ddapatapatdiodiollahah

denga

nn

m

e

n

gguna

k

an

ppr r ogram apogram apllikasi untuk ikasi untuk menghasilkan informenghasilkan informasi. masi. Perangkat Perangkat lunak pengolalunak pengolah dh databaseatabase

di

disesebbuutt dengan dengan DBMS DBMS (Database(DatabaseMManagementanagement SysteSystemm). DBMS). DBMSmerumeruppakan system peakan system per r angkatangkatllunakunak y

yaanngg

me

m

ung

kkiinnkan usekan userruntuntuukk memelimemelihh

ara

,,memenngogonntroltrol,, dan mengaksesdan mengaksesddata denganata dengan

m

ud

a

h

ddanan e

efifi

sie

nn.. DDeenngan mengggan mengguunanakkan DBMS makaan DBMS maka akaakann mencegah mencegah terjadinya terjadinya redudaredudannssii ddataata ddaann

i

nk

ons

iisstt

ens

iiddaatta.a. SQL

SQL memeruprupaakkanan BBaahhasaasa stanstanddar dalam basisar dalam basisddaatata atau database yang digatau database yang digununakanakanuntuuntukk

me

lalakukkukaann

m

aann

ipu

llasiasi ddaatt_a._a. _H_H_{amper se}_{amper se}_m_m_ua_ua

_DB

_MS

_menggu_menggu_n_n_aka_aka_n_n_{SQL sebagai}_{SQL sebagai}

_fas

_i_i_li_li_t_t_as_as

_un

tt_u_u

_k

_ma

_n_n_ipulas_ipulasii ddaatt_a_a..

Sal

Salaah sh saatutu QQuueryeryLLanganguauaggeeadadaalah DMLlah DML((DDataata ManipuManipulalattiioonn

Languag

ee)).. DML mDML meerupakanrupakanbbaahhasaasann yangyang

di

g

un

a

k

a

n

uuntukntuk mmemanemanipulasi dataipulasi data

(m

en

a

mp

ilkan,

memenanammbah, mbah, meengedit, danngedit, dan

m

ee

ng

hhaa

pus

)).. 1.

1. MembacaMembaca//

m

eenanammppililkkanandadatt_a_a

SE

SELLEECCTT d d aa ftar_field_y ftar_field_yang_ak ang_ak aan_ditampilkann_ditampilkan

k

k eriter eriter iiaa _ _ datadata _yan _yan g g _ _ aakankan _ _ ditampditampiilkan]lkan]

FROM

FROM nama_tabelnama_tabel [WHER[WHEREE

2

2..

M

e

n

a

mbah d

aatt_a_a

IN

INSESERRTT INTOINTO nama_ nama_ t t _abel_abel _{(field1,field}_{(field1,field}₂₂_,_,...).) _VA_VA_L_L_UES_UES (value(value 1,1,value2,value2, ...).) 3

3.. MMeenngegedditit ddataata

UP

UPDD ATE ATE namnama_a_tabtabelel SETSET field field 11==valuevalue11 , , fiel field2d2==value2value2 , ,... [WHERE[WHERE krikri teria]teria]

4.

M

e

n

g

h

apus

ddataata

DE

DELLEETTEE FROMFROMnamanama _ _ tabeltabel [WHER[WHEREE kriteria]kriteria]

Sa

Sallaahh sasattu contohu contoh dadar r ii

data

bbase adalase adalahahMMySQL.ySQL.MySQLmerupakaMySQLmerupakannsebuahservesebuahserverrdatabasedatabase

y

a

n

g

ooppenen

sou

sour r ce yace yanng mampu menangani database yag mampu menangani database yanngg kkompleksompleks

d

a

n

cucukkup besar serta biasa digunakanup besar serta biasa digunakan

be

ber r bagaibagai

a

p

likasi

wwebeb.. MySQL MySQL berfungsi berfungsi sebagaisebagaiSQLSQL (Structu(Structur r ed Queryed Query

Language)da

n

uumummumnynyaa

di

gu

n

a

k

an

b

ersamaan

dedenngan Pgan PHHP. BeP. Bebberapaerapa kekellebihan dar ebihan dar ii

MySQ

LL

adala

hh::

1.

1. OOppen sourceen source

2.

M

uulltiuser tiuser

3. Stabi

3. Stabill

p

ada berbagai system

operasioperasi

4.

4. FleksiFleksibbeelldadallam beam ber r bagai pemrogramanbagai pemrograman 5

5.. Secur Secur ity bity baikaik

6

(2)

Welcomelo XAMPP lor Wi11dows.!

c~t.ttt:lo ..s;

Y011lillii\l't,SUC(ffSl\lllyiMUtlfd XANPP.. tMs S,,Stf,MI

-

"

~--

(SJ

XAMPP

fiir

Windows~:--.::..:··=·..::·

-...,~-·><.,_,_t.,. ..,...,..._..,,.,..,...-."""~,..,...., ~----~ ..~r.,.,-..,.._...•.

• t 11-,t ,..,..•....,,_ .*" .,, _OI~~"'"'° .,• "• -"'I.~ loll iP1 fl.

7. Per kembangan softwar e cepat Beber apa fitur -fitur MySQL:

1. R

ela

t

io

nal Data

b

ase System

2. Ar sitektur Clie

n

t_-_Server

3. Mengenal perintahSQL

stand

ar

Web ser ver merupakan per angkat lunak yang memberi layanan

d

ata dan

be

rfungsi

m

enerima

permintaan HTIP atau HTIPSdar i klien serta mengirimkan kembali hasilnyadalam bentuk hala

m

an

web yang umumnya ber bentuk dokumen HTML. Webserver yang umum digunakan adalah Apache.

Dalam modul 2 ini akan diba

ha

s

mengenai pembua

t_a_n _{aplikasi yang t}_e_rkon_ek_{si dengan}

_da

_t

_aba

_se

MySQLmenggunakan

PHP.

Perangkat

Prak

t

ikum

XAMPP Notepad++ Browser Chrome

lnstruk

s

i

Prak

t

ikum

Membuat database

1. L

ang

kah pertama yang harus dilakukan adalah membuat database.S

eb

elum itu, instalkan

dahulu XAMPPpada computer anda.

Kemudian akses

"localhost/xampp"

pada

web browser.

EJ:t,:.MPPl.l.l

-

..

.. c ~kXalhost "' """ ....

[SJ

X AMPP

for

W

i

ndows

·

2. Untuk memulai membuat

database,

pilih Ph

p

MyAdmin.

_Berikut

adalah tampilan

(3)

tolrvla..o!'I • perfurmance _schema llo. • phpmyadmln cdcol • te,t • wabau!h lltor r p«form phpl'l"l) test WG ba.rt t..._ Chec :t Ena ble (D No , ...., localhost.1127.0.ll1 I pt, p x \

+- C I'localho,\ •1s pff bn\M(t _•_Ut_ar

~

lhtM

.

_.

·

Gt<-'

,,..

i.

•

tl'>o

U

/

1 T/A0.1

1p

t'

M'C==================================

::

-

::

«

!JI.

e,JUl.U.1

&~"" ,8SOL .~. p,.,...-. ,p£rw 5::....,, gs..,. lbSf • ... 1

_~

· vv•"*" _w_cti.._li•_" w,,u11A.,

ll Ar<•"t1•lil1u)

.

• I

"

M

"

Ol

"

'l"UOOl'I _ UMl't'li

c-.,

s_

"°

ff!ts.tv•(~oontlNCD

~

-ct APPNr •.nc•Setlinv• o.t.bl.ffMrY« • Sar.-...- 12,001 "411(PIP •9ol• ¥•My$0L •S,o,hi

-~

" S'1·MvSOLComm!AllyS.rv•r lGPll • ""~Ml .r.OMC:_.. _ 1S11 •

.

• p_,.t,_.P_."'!'fdmon _ tc"to'l'I• ... t.11,llh f' ...,.., ,•..,.... . )

"

"-"''>-

•S.,....,

(....,

,

tt

U1T.atNc.oCM1.11ffl) •NW!f tilrt t2, ,CMnttliri91 Web1erver •~~•Jct."111l210o tf'ISSlJ10.1(PHP,'~47 •Ombtt•

~

\f>fll011llhnlv•d·~S010·201t102G·Sld·

bOb lb1Sc£tJ1:i 1tt.-3 .. Gr.t4S~ dl~17!i•lt &

·PHP

_•~

ffl"J"tqlil) php....A.... n •O_,o_.c_,wtit11m ,~ •"--Wollll'I!- )~22 .o,s.._.,.~i* .c.«,t>-lh-•• •Utlolcti1 11gn php alW( IOl"l . Q ..W_...'_.R ~G(IM .( .O .M ..ll _ 'l1 .1 ."' r x•..-M ,.. I N ll-, .ll -'IIII0 .1 .1 _ 11 .._,.

..._.._, a.1"•NI.. W~pr-MOMa«OW!l.YNll!,SULMr\. .i11...,..,~W.!1111Vl(et11illlO~ll

3. Sekar ang pilih

Database

,

Kemud

ian isikan nama database yang akan kita buat. Dalam

pr aktikum ini kita ambil contoh database karyawan, maka kita

ke

tikkan pada bagian

Crea

te

Database"datakaryawan", lalu pilih Create.

+- C ) localhosttphpm,aam n/

!1;11V~.o=A~I~~~~~~~~~~~~~~

@:0111abasu J:iSQL

_•

-"' i:llUse<s ~Export ~lmpon gs.ttings '!;!Synetvon;ze , R ,

Ii!> Databases

J

(Roconttablos) .

·I

~ C1@ale database © • cdcci • mfor mationschema • mysql - jdatal<ar\a~an :~Cc,=la=•=·"'

~---

0'G~ata j tAboa -r>Chotk Pnt~s ut.c!f _ lschema ~ 0-e='t Pr,· b~s

anoo ~ma ~ 0-etJC Pr\'logos.

adrnn t?OtotJCPr*\t~s.

n 9 Ch•~ Pr ,t99&s

To&al~7

k Al I Und,ecltIll W l ,.se!e<ted· O<;[ln,p

S1a1k lla

lt: Enabli'lg m., datab~ stadsd« hwom•gtncauseh~ tratltbOM1GonthoW';bs.e,v9r and t ht M

4. Langkah selanjutnya adalah membuat tabel pada database

karyawan

yang telah kita buat

padalangkah sebelumnya.Untuk membuat ta

bel

, bisa dilakukandengan klik pada database

yangtelah kita buat

(datakar yawan),

pilihSt

ruc

tur e, laluisikan nama tabel yang akan dibuat

pada bagian

Name

, dan

masukkan

jumlah kolom ta

be

l

pada bagian Number

of

Columns.

Selain

itu

dapat

pula

dengan menggunakan

syntaxSQL. Dalam pr aktikum ini, kita akan membuat

tabel dengan

menggunakan

synta

x

SQL. Pilih

da

t

ab

ase yang telah dibuat

(d

at_akaryawan),

(4)

CREATE TABLE IF NOT EXISTS '_karyawan· ( 'id' int(ll) NOT NULL AUTO_INCREMENT, 'nama' varchar(SO) NOT NULL,

'jenis_kelamin' enum('Laki-Laki', 'Perempuan') NOT NULL,

'alamat' varchar(lOO) NOT NULL, 'no_hp' varchar(12) NOT NULL, PRIMARY KEY ('id')

) ;

Kemudian klikGo. Maka tabel karyawan telah

dibuat

dengan jumlah filed 5.

Membuat koneksi ke database

Setelah pembuatan

da

t_a_b_a_se_s_elesai, kita l

anju

tkan dengan pengkoneksian kedatabase. Hal

ini ber guna, agar pr ogram atau

aplikasi

yang akan

dibuat

dapat menggunakan database

sebagai penyimpanan

dat

any

a. Untuk membuat koneksi kedatabase

in

i, buat file php, misal

dengan

nama "connect_.p_h_p_"_{yang berisikan}_sc_ript ber i

_ku

t:

<?php $dsn $user $pass try {

"mysql:dbname=datakaryawan;host=localhost";

"root";

1111 •

'

$dbh = new PDO($dsn, $user, _$pass); catch (PDOException $e) {

echo "Koneksi ke database gagal: ".$e->getMessage(); ?>

Untu

k

menguji apakah

da

t_abase

_sudah

_{ter koneksi, maka silahkan buka browser , ketikkan}

(5)

Membuat aplikasi CRUD

Sekar ang kita mulai membuat program. Seper ti yang telah dijelaskan dalam pengantar

pr aktikum

mod

ul

in

i, kitamenggunakan bahasa SQL DML (Data Manipulat

io

n Language)

y

aitu

menampilkan

(r

ead

), menambah (cr eate),

m

en

ge

dit (up

d

ate), danmenghapus

(d

elete) dat_a.

1. Meginputkan dat_a ₍_Cr eat_e₎

Buat file php dengan namainput.php. file ini

ber guna

untuk

me

n

amp

i

lk

an halaman input

data

karya

wan. Ber ikut

scrip

tnya:

<hl align="center">Input data Karyawan</hl>

<legend>Form Input Data Karyawan</legend>

<form action="simpan._php_" _m_{ethod="post">}

<p>

Nama Lengkap

</p>

<p>

Jenis Kelamin

<input type="radio" name="jenis_kelamin" _value="Laki•

Laki" id="laki-laki" _/><label for="laki-laki">Laki-Laki</label>

<input type="radio" name="_{jenis_kela}min"

value="Perempuan" id="perempuan" _/_><label for="perempuan">Perempuan</label>

</p> <p> </p> <p> </p> <p> Alamat Lengkap

Nomor Handphone

<input type="reset" value="Reset" onclick="return

confirm('hapus data yang telah diinput?')">

</p>

</form>

</fieldset>

<center><a href="index.php">« Tabel Data Karyawan</a></center>

Selanjutnya ,

u

n

tuk dapat

menyimpan data karyawan

yangkita inputkan, buat file

(6)

<?php

include 'c_onnect._php'_;

if (isset($_POST)) {

$sql = "INSERT INTO karyawan VALUES (' _', '_{$_POST[nama]} ',

'_{$_POST [jenis_kelamin]} '_, '_{$_POST}_[ _al_amat] '_, _{'$_POST[} _{no_hp}_]' _{) ";}

$dbh->exec($sql); }

head

e

r("lo

ca

_t

ion:in

d

e

x.php");

?>

In put data Karyawan

Fronlup1.0...ldn._ il.---,

:s

_-

_~

---...~Ill.

2. Menampilkan data (Read)

Untukmena

m

p

il

kan

/ melih

a

t

data karyawan

y

an

g

telah

d

i

sim

p

an

pada

data

b

ase

,

bu

atla

h

fil

_e

i

_n

_de

_x.

_{php denga}

_n

_scri

_p

t

_b

erikut:

<?

_ph

p

include

'_c

_on

_n

_ec

_t.

_p

_hp'

;

?>

<sty

l

e

>

tbody >

tr

:_nt

_h-ch

_i

_ld(2n+

_l} >

_{td, tbody}

>

_tr

:

_nth-c

_h

_ild(

_2n

₊

_l} >

th {

}

bac

k

ground

-c

o

lor:

#ed

e

ded;

table{

width:

70 %

;

margin: auto;

border

-

_collap

_se

:

_co

_llap

_se

;

box-shadow: darkgrey

3

px;

}

thead tr {

background-color:

#

3

6

c

2ff

; } <

_/s

tyl

e>

<hl align="center"

>

Tabel Data

Ka

ryawan</

hl>

<

cent

er

><a h

r

e

f

=

"inp

u

t.php"

>In

put Data Karyawan

»

</

a></

center>

<table border

="l"> <

thead

>

(7)

---<th>No</th> <th>Nama</th> <th>Jenis Kelamin</th> <th>Alamat</th> <th>No Hp</th> <th>Pilihan</th> </tr> </thead> <tbody> <?php

$sql ="SELECT* FROM karyawan ORDER BY id";

$no = 1;

foreach ($dbh->query($sql) as $data)

?>

<tr>

?>">_edit_</_a>

<a href="edit.php?id=<?php echo $data['id')

<a _{href="hapus.php?id=<?php} _{echo $dat}_a['_id') _?>"

onclick="return confirm('Anda yakin akan menghapus

data?')_">hapus</a> </_td> </tr> <?php endforeach; ?> </tbody> <_/table>

Berdasar kan

script di atas,

dihasilkan

tampilan

b

er ikut:

[;;)1oc:,1116tt/C11QDl)lll'Mlto)I

---

-=

+- C Jlocahost -t.,·"''}IN,n/1 I~ ~

Tabel Data Karyawan

3. Mengupdat_{e da}t_a _(Updat_e)

Setelah

d

ata dalam dat_a_base ber hasil

d

itampilkan, dan jika ada

d

at_a yang ingin kita ubah,

maka kita lakukan pengeditan data. Buat file

ed

it.php dengan scr ipt b

e

r ikut:

<?php

include 'connect.php';

if (isset(_$_{_GET}['_id'))) {

$query $dbh->query("SELECT * FROM karyawan WHERE id

'_$_{_G}_ET[id) '");

$data = $query->fetch(PDO::FETCH_ASSOC);

(8)

echo "ID tidak tersedia!

ca href='index.php'>Kembali</a>"; exit();

}

if ($data=== false) {

echo "Data tidak ditemukan!

ca href='index.php'>Kembali</a>"; exit();

}

?>

chl align="center">Edit Data Karyawanc/hl>

cfieldset style="width: 50%; _margin: auto;_">

clegend>Form Input Data Karyawanc/legend>

cform action="update._php" _method="post">

<input type="hidden" _na_m_e="_id"

$data['_id'); _?>"

I

>

<p>

value="c?php echo

Nama Lengkap

<input type="text" name="nama" required value="c?php

echo $data['nama'J; ?>"/>

</p>

<p>

Jenis Kelamin

c?php if ($data['jenis_kelamin'] _{=== "Laki-Laki")} : _?>

<input type="radio" name="jenis_kelamin" value="Laki•

Laki" id="_laki-laki" checked /><label for="laki-laki">Laki•

Laki</label>

<input type="radio"

value="Perempuan" id="perempuan"

for="perempuan">Perempuanc/label>

c?php else : _?>

name="jenis_kelamin" /><label

<input type="radio" name="jenis_kelamin" value="Laki•

Laki" id="laki-laki" _/><label for="laki-laki">Laki-_Laki</label>

<input type="radio"

value="Perempuan" id="perempuan"

for="perempuan">Perempuanc/label>

c?php endif; ?>

name="jenis_kelamin"

checked /><label

</p> <p>

Alamat Lengkap

<textarea name="alamat" cols="50" required><?php echo

$data['alamat']; ?></textarea> </p>

<p>

Nomor Handphone

<input type="text" name="no_hp" required value="c?php

echo $data['no_hp'J; ?>" />

</p>

(9)

<input ty pe="reset" value="Reset" onclick ="retur n

confirm('hapus data yang telah diinput?')">

</ p>

</form> c/fieldset>

ccenter ><a href ="index.php">« Ta bel Data Karyawanc/a></center >

Data-data dalam database dapat diubah seluruhnya kecuali Pr imary K ey, k arena ber sifat

Unique. Selanjutnya buat fileu pdate. ph p yang bertugas untuk mengupdate data yang telah

kita edit. Ber ikut script update.ph p:

c?php

include 'connect.php';

if (isset($ _ POST)) {

$sql = "UPDATE k aryawan SET nama = '$ _ POST[nama]',

jenis _ kelamin =

'$ _ POST[ jenis _ kelamin]',

$dbh->exec($sql);

alamat = '$ _ POST[alamat]',

no _ hp = '$ _ POST[no _ hp]'

(10)

}

header ("location:index.ph p");

?>

4. Menghapus dat_{a (Dele}t_e)

Yang ter ak hir, jik a kita ingin mengha pus data yang ada pada database, digunakan delete.

Berikut syntaxnya:

c?php

include 'connect. php';

if (isset($ _ GET('id'])) {

$dbh->exec("DELETE FROM k ar yawan WHERE id '$ _ GET[id]'");

}

header("location:index.php")