PENGEMBANGAN SISTEM BEBAN KERJA DOSEN UAI BERBASIS

WEB MENGGUNAKAN FRAMEWORK CEDEIGNITER

TUGAS AKHIR
Diajukan Untuk Memenuhi Per!aratan
Sarjana Strata Satu "S#$%
Diuun O&eh '
SITI RAHMAWATI CHAIRUNNISA
($()*(+($,
PROGRAM STUDI TEKNIK IN-ORMATIKA
-AKU.TAS SAINS DAN TEKNO.OGI
UNI/ERSITAS A. A0HAR INDONESIA
)($1
.EMBAR PENGESAHAN
Judul Skripsi : PENGEMBANGAN SISTEM BEBAN KERJA DOSEN
UAI BERBASIS WEB MENGGUNAKAN
FRAMEWORK CEDEIGNITER
Nama : Siti Rahmawati Chairunnisa
NIM : 0102509017
Fakultas : Sains dan Tkn!l!"i
Jurusan : Tknik In#!rmatika
Tlah dipriksa dan distu$ui s%a"ai &r!p!sal Skripsi di Fakultas Sains dan Tkn!l!"i
pr!"ram studi Tknik In#!rmatika pada 'ni(rsitas )l )*har Ind!nsia+
&m%im%in" Skripsi
"D23! Har!a3i4 ST4 MT%
,pala &r!"ram Studi Tknik In#!rmatika
"Ir5 Winan6ari Pra3ani4 MT%
)
BAB I
PENDAHU.UAN
$5$5 .atar Be&akan6
&rkm%an"an Tkn!l!"i In#!rmasi saat ini smakin psat+ 'ntuk mn"im%an"i hal
itu di%utuhkan kr$asama dari smua lmn -an" ada+ Salah satu lmn pntin" untuk
mn"im%an"i prkm%an"an tkn!l!"i adalah mndapatkan in#!rmasi mn"nai
plaksanaan suatu k"iatan dn"an .pat dan akurat+
/i 'ni(rsitas )l0)*har1 d!sn mmpun-ai %%an kr$a -an" mliputi mpat
%idan"1 -aitu pndidikan1 pnlitian1 pn"a%dian mas-arakat1 dan pnun$an" -an" harus
dimiliki stiap pr"uruan tin""i+ 2%an kr$a d!sn diprlukan stiap pr"uruan tin""i
dalam tiap satu smstr untuk mnilai kinr$a d!sn -an" nantin-a akan mmpn"aruhi
tun$an"an d!sn+
3lh karna itu1 di%utuhkan suatu aplikasi untuk mmprmudah d!sn dan sta#
trkait dalam mn"akss dan mmanipulasi 4input1dit1hapus1mn.ari5 data %%an kr$a
d!sn untuk mmpr.pat alur pn"umpulan data+ 'ntuk mmnuhi k%utuhan trs%ut1
di%uatlah suatu sistm %%an kr$a d!sn a"ar data dapat trsusun dn"an rapi dan dapat
dikl!la dn"an %aik1 -an" dapat mm%antu d!sn dalam mm%rikan %%an kr$a+
Slama ini k%utuhan trs%ut sudah diatasi dn"an aplikasi %%an kr$a d!sn -an"
di%rikan dari /I,TI1 namun aplikasi -an" di%rikan masih dalam %ntuk Mi.r!s!#t
)..ss dan %rsi#at offline -an" mn-%a%kan trtundan-a pn"umpulan data+ /isampin"
itu $u"a masih %an-ak ksulitan untuk mn"akss aplikasi ini1 sprti masih adan-a d!sn
-an" %lum mmpun-ai Mi.r!s!#t )..ss+ /an $u"a sulitn-a pr!ss m!nit!rin" %%an
kr$a d!sn s.ara .pat+ &n-a$ian lap!ran s.ara akurat $u"a sulit di.apai s%a"ai aki%at
dari %an-akn-a %rkas "anda -an" dikumpulkan dan mn"hitun" nilai %%an kr$a -an"
masih dilakukan s.ara manual+ Maka itu prlu di km%an"ankan mn$adi suatu Sistm
2%an ,r$a /!sn -an" di%uat dalam %ntuk w% untuk mmprmudah d!sn dan
lmn -an" trkait untuk mn"!prasikann-a1 karna datan-a trpusat shin""a
mn"hindari tr$adin-a duplikasi data dan mmudahkan dalam mlakukan pla.akan
in#!rmasi shin""a dapat mm%rikan in#!rmasi s.ara .pat1 akurat dan tpat sasaran+
Sistm diln"kapi dn"an tools import data access untuk mmprmudah d!sn mn"0
import data access k dalam sistm, tools export data access mmudahkan admin mn"0
$
export data access dari sistm k microsoft access1 dan document management untuk
mn-impan data0data d!sn %rupa d!kumn sprti srti#ikat1 i$a*ah1 dan surat0surat
lainn-a+ /n"an sistm -an" dikm%an"kan ini1 mrin"ankan pkr$aan S/M slaku
admin dalam mn"hitun" nilai d!sn karna sistm dapat mn"hitun" nilai %%an kr$a
d!sn s.ara !t!matis+
&n"m%an"an sistm ini mn""unakan #ramw!rk .!di"nitr+ /imana struktur
dan susunann-a -an" trstruktur1 shin""a mn$adikan sistm l%ih tratur dan rapi+
/isampin" susunann-a -an" trstruktur1 mmun"kinkan sistm tidak mudah di%a$ak+
$5)5 Rumuan Maa&ah
2%rapa rumusan dalam pnlitian tu"as akhir ini1 diantaran-a adalah :
1+ 2a"aimana sistm ini dapat mmpr!ss data4insert,update, delete, search5 l%ih
#isin1dan #kti# khususn-a dalam %a"ian pmr!ssan insert data 6
2+ 2a"aimana sistm dapat mlakukan imp!rt dan 7p!rt data 6
8+ 2a"aimana mn"(aluasi dan mn"hitun" %%an kr$a 6
$575 Bataan Maa&ah
2%rapa %atasan0%atasan dalam pnlitian tu"as akhir ini diantaran-a :
Sistm ini di%uat untuk dapat mmpr!ss data in#!rmasi dan mn"(aluasi data
untuk d!sn di ')I+
Mran.an"an sistm mn""unakan %ahasa php dn"an framework .!di"nitr
dn"an mnam%ahkan #un"si export dan import data1 dan #itur document
management
)
$515 Tujuan Tu6a Akhir
Tu$uan dari tu"as akhir ini adalah untuk mn"m%an"kan s%uah sistm in#!rmasi
-an" dapat mn"hasilkan in#!rmasi dan mnampilkan data kinr$a d!sn slama satu
smstr+
$5*5 Man8aat Tu6a Akhir
Man#aat -an" diharapkan dalam pnlitian tu"as akhir ini diantaran-a adalah :
1+ /n"an adan-a sistm %%an kr$a d!sn ')I1 dapat mmprmudah d!sn dan
lmn trkait untuk mn"akssn-a+
2+ Mmpr.pat alur pn"umpulan data dan mm%antu S/M dalam pr!ss
m!nit!rin" dan mn"hitun" nilai %%an kr$a d!sn+
$595 Met232&26i
Mt!d!l!"i -an" di"unakan dalam tu"as akhir ini adalah :
$5 Stu3i .iteratur
Studi litratur dilakukan untuk pn.arian r#rnsi0r#rnsi dari %%rapa %uku dan
kar-a ilmiah srta sum%r0sum%r lain dari intrnt -an" mndukun" t!ri dalam
pm%uatan tu"as akhir ini+
)5 Wa:an;ara
Mlakukan k!nsultasi dn"an d!sn pm%im%in" ataupun d!sn0d!sn lain -an"
%rk!mptn1 dan $u"a mlakukan k!nsultasi dn"an narasum%r untuk mn"tahui
k%utuhan0k%utuhan apa sa$a -an" di%utuhkan dalam pm%uatan sistm -an" akan
di%uat+
75 Pen6um<u&an Data
&n"umpulan data -an" dilakukan !lh pnulis adalah mn"umpulkan data 9data
-an" diprlukan dalam pm%uatan sistm dari %r%a"ai sum%r+ &nulis $u"a
mn"umpulkan data mn"nai #itur0#itur -an" diprlukan dalam sistm %%an kr$a
d!sn+
7
15 Ana&ii Sitem
Mn"idnti#ikasi prmasalahan -an" ada1 studi kla-akan dan studi trhadap
k%utuhan pmakai1 %aik -an" trkait dn"an m!dl interface1 alur dan dsain sistm
dan pr!sdur1 tin"kat kandalan sistm maupun tkn!l!"i -an" akan di"unakan+
*5 Deain Sitem
Tahap ini adalah mn"implmntasikan tahapan s%lumn-a -aitu analisis
k%utuhan untuk di%uatkan antarmuka -an" mudah di"unakan+Tahap pran.an"an
ini $u"a mran.an" %asis data sistm a"ar sistm %r$alan s.ara #kti# dan #isin+
95 Pen6em=an6an Sitem
&ada tahap pn"m%an"an sistm ini1 mm%uat pr!"ram sistm %%an kr$a d!sn+
Software -an" di"unakan dalam pn"m%an"an sistm ini adalah software )d!%
/ramwa(r dan data%as M-S:l+ /n"an framework C!dI"nitr+
$5,5 Sitematika Penu&ian
Sistmatika pnulisan -an" di"unakan pada tu"as akhir ini adalah :
BAB I PENDAHU.UAN
2a% ini mn$laskan s.ara umum mn"nai sistm %%an kr$a d!sn ')I %r%asis
w%+ 2a% ini $u"a mn$laskan tntan" maksud dan tu$uan pnulis1 ruan" lin"kup
prmasalahan1 %atasan masalah1 mt!d!l!"i -an" di"unakan dan sistmatika
pnulisan dalam tu"as akhir ini+
BAB II .ANDASAN TEORI
Mn$laskan mn"nai t!ri0t!ri dasar -an" %rhu%un"an dn"an sistm in#!rmasi1
karaktristik sistm1 d#inisi sistm1 srta d#inisi in#!rmasi -an" akan dipr"unakan
untuk sistm %%an kr$a d!sn ')I %r%asis w%+
1
BAB III ANA.ISIS KONDISI DAN KEBUTUHAN
&ada %a% ini akan mm%ahas mn"nai pr!#il prusahaan1 struktur !r"anisasi dan
tu"as p!k!k prusahaan srta "am%aran umum mn"nai %%an kr$a d!sn ')I
saat ini+
BAB I/ PERANCANGAN DAN PENGEMBANGAN
2a% ini mm%ahas analisis dan pran.an"an1 mn""unakan analisis user profile $u"a
antar muka sistm+ 2a"aimana mran.an" sistm %%an kr$a d!sn ')I s.ara
online %rdasrkan usecase diagram1 entity relationship diagram, class diagram dan
sequence diagram srta spsi#ikasi hardware dan software -an" di%utuhkan+
BAB / KESIMPU.AN DAN SARAN
/an pada %a% ini %risi mn"nai ksimpulan srta saran0saran -an" %rhu%un"an
dn"an Sistm 2%an ,r$a /!sn 'ni(rsitas )l )*har Ind!nsia s%a"ai tindak
lan$ut -an" diprlukan untuk mlakukan pr%aikan dimasa mndatan"+
$5>5 Ja3:a& Pe&akanaan
&n$adwalan tu"as akhir ini diuraikan dn"an pri!d min""uan1 -an" dapat dilihat
sprti di %awah ini :
N3 Nama ,"iatan
Mart;1< )pril;1< Mi ;1< Juni ;1<
1 2 8 < 1 2 8 < 1 2 8 < 1 2 8 <
1 &n"umpulan /ata=T!ri
2 &n"analisisan /ata
8 &ran.an"an M!dl
< &n"k!din"an
5 &n"u$ian dan Simulasi
> &nulisan ?ap!ran
Ta=e& $5$ Ja3:a& Pe&akanaan
*
BAB II
.ANDASAN TEORI
2.1 C23eI6niter Framework
i. Framework
Framework s.ara umum adalah s%uah susunan atau ran"kaian kr$a -an"
ttap dan di%uat sdmikian rupa -an" kmudian dapat di"unakan km%ali dalam
s%uah akti#itas kr$a -an" lain tapi ttap dalam satu ara kr$a dn"an ran"kaian
kr$a -an" s%lumn-a+ Namun untuk framework w% adalah kumpulan s%uah
maupun %an-ak m!dul 0m!dul dalam %ntuk class library -an" dapat kita "unakan
la"i untuk mm%ntuk s%uah aplikasi w% -an" l%ih %sar dn"an mman#aatkan
m!dul0m!dul class library trs%ut 4@iswakarma1 20105+
&n""unaan framework akan mmudahkan %a"i developer1 karna #kti#itas
pmr!"raman l%ih mm#!kuskan pada alur pr!ss pada aplikasi -an" akan di%uat
dan l%ih trstruktur+ /n"an dmikian1 pkr$aan pn"m%an"an aplikasi trs%ut
akan l%ih .pat dan tpat waktu+
ii. Pengertian CodeIgniter Framework
Framework C!dI"nitr mmiliki kunikan trsndiri dimana tampilan w%
mrupakan %a"ian akhir ktika suatu halaman w% ditampilkan dn"an
mn""unakan browser+ Mmprmudah dalam mm%an"un s%uah w% dn"an
rin"an karna han-a mman""il %r%a"ai #un"si -an" ada dalam class-class library,
helpers, plugin, -an" tlah disdiakan !lh framework+
$5 -i&e in3e?5<h<
Mrupakan file -an" %rtindak s%a"ai controller utama dn"an #un"si
s%a"ai pnampil halaman w% -an" mmuat sum%r k!d pr!"ram utama+
File ini %r#un"si mn$alankan C!dI"nitr+
9
2. Router (Routing)
2r#un"si mnrima prmintaan atau request ATT& -an" akan
mnntukan lan"kah -an" akan dilakukan slan$utn-a+
3. Cace
Jika ada file cache 4akti#5 maka sistm akan lan"sun" manu$u k %a"ian
caching -an" kmudian akan ditampilkan pada halaman w% tanpa mlalui
sistm C!dI"nitr+
!. "ecurit#
Sluruh prmintaan ATT& dan form -an" dikirim !lh user akan di#iltr
atau disarin" pada %a"ian security+ Tu$uann-a tntu sa$a untuk kamanan+
$. Contro%%er
Controller mmuat m!dl1 core libraries, plugins, helpers dan smua
resource -an" diprlukan untuk mmpr!ss request -an" tlah dilakukan !lh
user+
&. 'iew
Request -an" dihasilkan akan dikirimkan k browser+ Jika ada .a.h
maka view akan disimpan k dalam cache trl%ih dahulu shin""a request
%rikutn-a lan"sun" dapat ditampilkan+
Gambar 2.1 Struktur CodeIgniter
iii. M'C (Mode% 'iew Contro%)
,
MBC mrupakan s%uah pattern atau tknik pmr!"raman -an" mmisahkan
antar pn"m%an" aplikasi %rdasarkan k!mp!nn utama pada s%uah aplikasi1
sprti manipulasi data1 user interface dan %a"ian -an" mn$adi control aplikasi+
Trdapat ti"a $nis k!mp!nn -an" mm%an"un suatu MBC pattern1 -aitu:
$5 M23e&
M!dl %rhu%un"an dn"an data dan intraksi k database atau
websevice+ M!dl $u"a mmprsntasikan struktur data dari aplikasi -an" %isa
%rupa %asis data maupun data lain1 misaln-a dalam %ntuk file tks1 CM?
maupun webservice+
2iasan-a didalam m!dl akan %risi class dan #un"si untuk mlakukan
manipulasi data sprti insert, update, delete dan search1 namun tidak dapat
%rhu%un"an dn"an %a"ian iew s.ara lan"sun"+ )plikasi website %iasan-a
mn""unakan database untuk mn-impan data1 !lh karna itu M!dl
%iasan-a akan %rhu%un"an dn"an printah0printah query SD?+
2. 'iew
iew %rhu%un"an dn"an s"ala ssuatu -an" akan ditmpatkan k end-
user1 %iasa %rupa halaman @%1 RSS1 Ja(as.ript dan lain0lain+ !rogrammer
harus mn"hindari adan-a l!"ika pmr!ssan data di iew+ /idalam iew
han-a %risi (aria%l0(aria%l -an" %risi data -an" siap ditampilkan+
iew dapat dikatakan s%a"ai halaman w%sit -an" di%uat
mn""unakan ATM? dn"an %antuan CSS1 Ja(as.ript dan JDur-+ /idalam
(iw $u"a harus dihindari adan-a k!d untuk mlakukan k!nksi k data%as+
iew han-a dikhususkan untuk mnampilkan data0data hasil dari m!dl dan
controller+ 2a"ian ini tidak mmiliki akss s.ara lan"sun" trhadap %a"ian
m!dl+
3. Contro%%er
Controller mrupakan pn"hu%un" antara M!dl dan iew+ /idalam
Controller inilah trdapat class dan #un"si0#un"si -an" mmpr!ss prmintaan
dari iew kdalam struktur data didalam M!dl+ Controller $u"a tidak %!lh
%risi k!d untuk mn"akss %asis data+
>
Tu"as controller adalah mn-diakan s%a"ai (aria%l -an" akan
ditampilkan di (iw1 mman""il m!dl untuk mlakukan akss k database1
mn-diakan pnan"anan error1 mn"r$akan pr!ss l!"ika dari aplikasi1 srta
mlakukan (alidasi atau pn".kan trhadap input+
2rikut ilustrasi aplikasi %r%asis framework C!dI"nitr+
Gambar 2.2 Model - View - Controller
2.2 PHP
&A& 4"ypertext !repocessor5 mrupakan %ahasa web server side -an" %rsi#at
opensource+ 2ahasa &A& mn-atu dn"an s.ript ATM? -an" spnuhn-a di$alankan pada
sr(r 4Firdaus1 20075+ "ypertext !repocessor adalah suatu %ahasa pmr!"raman
%r%asiskan k!d9k!d 4 script 5 -an" di"unakan untuk mn"!lah suatu data dan
mn"irimkann-a km%ali k web browser mn$adi k!d ATM?+ ,!d &A& mmpun-ai
.iri khusus -aitu :
1+ Aan-a dapat di$alankan mn""unakan w% server 1 misaln-a )pa.h+
2+ ,!d &A& diltakkan dan di$alankan di w% server+
8+ ,!d &A& dapat di"unakan untuk mn"akss data%as1 sprti : M-SD?1
&!st"rSD?1 3ra.l1 dan lain 9 lain+
+
<+ Mrupakan software -an" %rsi#at open source+
5+ Eratis untuk di0download dan di"unakan+
>+ Mmiliki si#at multiplatform1 artin-a dapat di$alankan mn""unakan sistm
!prasi apapun1 sprti: ?inu71 'ni71 @ind!ws1 dan lain 9 lain+
2%rapa kl%ihan &A& dari %ahasa pmr!"raman w%1 antara lain:
1+ 2ahasa pmr!"raman &A& adalah s%uah %ahasa script -an" tidak
mlakukan s%uah k!mpilasi dalam pn""unaan-a+
2+ @% server -an" mndukun" &A& dapat ditmukan dimana 0 mana sprti
apa.h dn"an k!n#i"urasi -an" rlati# mudah+
8+ /alam sisi pn"m%an"an l%ih mudah1 karna %an-akn-a milis 0 milis dan
developer -an" siap mm%antu dalam pn"m%an"an+
<+ /alam sisi pmahamanan1 &A& adalah %ahasa s.riptin" -an" palin" mudah
karna mmiliki r#rnsi -an" %an-ak+
5+ &A& adalah %ahasa open source -an" dapat di"unakan di %r%a"ai msin
4?inu71 'ni71 Ma.int!sh1 @ind!ws5 dan dapat di$alankan s.ara runtime
mlalui console srta $u"a dapat mn$alankan printah0printah sistm+
)57 HTM.
ATM? 4"ypertext #arkup $anguage5 adalah s%uah %ahasa untuk mnampilkan
k!ntn di w%+ ATM? sndiri adalah %ahasa pmr!"raman -an" %%as1 artin-a tidak
dimiliki !lh siapapun1 pn"m%an"ann-a dilakukan !lh %an-ak !ran" di %an-ak N"ara
dan %isa dikatakan s%a"ai s%uah %ahasa -an" dikm%an"kan %rsama0sama s.ara
"l!%al+
ATM? 4"yper%ext #arkup $anguage5 diknal s%a"ai %ahasa k!d %r%asis tks
untuk mm%uat s%uah halaman w%1 k%radaann-a diknal dn"an adan-a kstnsi
F+htm atau F+html+
$(
ATM? mrupakan suatu %ahasa dari w%sit 4www5 -an" dipr"unakan untuk
mn-usun dan mm%ntuk d!kumn a"ar dapat ditampilkan pada pr!"ram browser+
,tika user mn"akss w%1 maka ia mn"akss d!kumn ss!ran" -an" ditulis dn"an
mn""unakan #!rmat ATM?+ /apat disimpulkan %ahwa ATM? mrupakan pr!t!k!l -an"
di"unakan untuk mntrans#r data atau d!kumn dari w% server k browser+
/alam pn""unaan ATM?1 ATM? mnntukan dua #un"si1 -aitu:
1+ Mm%ntuk tata ltak d!kumn1 %aik $nis huru#1 "am%ar1 dan k!mp!nn
0k!mp!nn lainn-a+
2+ Mnntukan hu%un"an k d!kumn lainn-a1 ATM? mrupakan suatu %ahasa
k!mputr -an" trmasuk dalam kata"!ri SEM? 4Standard &enerali'ed
#arkup $anguage5 di mana %ntukn-a mrupakan file standar )SCII -an"
%risi k!dk!d untuk mn"atur d!kumn+
ATM? %rsi#at #lksi%l1 artin-a ATM? dapat disisipi k!d0k!d script sprti
Ja(aS.ript1 B2S.ript1 dan $u"a %ahasa pmr!"raman %r%asis w% sprti &A& dan )S&+
)nimasi sprti Flash srta %%rapa $nis file "ra#is dan multimdia $u"a dapat disisipkan
dan ditampilkan mlalui ATM?+ Flksi%ilitas ATM? dan da-a dukun" ini mnin"katkan
da-a "una dan mn$adikann-a s%a"ai %ahasa k!d -an" dinamis+
)51 J@uer!
JDur- adalah (avascript $ibrary atau kumpulan k!d = #un"si Ja(as.ript siap pakai1
shin""a mmprmudah kita untuk mm%uat k!d Ja(as.ript+ )tau dalam ksimpulann-a
$Dur- mn-drhanakan k!d Ja(as.ript+ )da %%rapa alasan mn"apa l%ih %aik
mn""unakan $Dur- daripada li%rar- lainn-a1 antara lain s%a"ai %rikut:
1+ ,!mpati%l dn"an hampir sluruh browser+
2+ JDur- tlah di"unakan !lh website-website raksasa+
8+ ,!mpati%l dn"an sluruh (rsi CSS 4dari CSS 1 sampai CSS 85+
<+ /!kumntasi dan tut!rialn-a ln"kap1 %isa lan"sun" dilihat di
http:==$:ur-+.!m+
5+ /idukun" !lh %an-ak k!munitas+
$$
>+ /isupport !lh plu"in -an" ln"kap+
7+ Filen-a han-a satu dan ukurann-a rlati# k.il1 skitar 20k%+
G+ )pen source atau Free+
9+ JDur- l%ih diminati !lh para developer w% saat ini+
2rikut %%rapa kmampuan -an" dimiliki JDur-1 antara lain s%a"ai %rikut:
1+ Mmprmudah akss dan manipulasi lmn trtntu pada d!kumn+
2+ Mmprmudah m!di#ikasi=pru%ahan tampilan halaman w%+
8+ Mmprsin"kat )$a7 4*synchronous (avacsript and CM?5+
<+ Mmiliki )&I 4)ppli.ati!n &r!"rammin" Intr#a.5+
5+ Mampu mrsp!n intraksi antara user dn"an halaman w% dn"an l%ih
.pat+
>+ Mn-diakan #asilitas untuk mm%uat animasi sklas Flash dn"an mudah+
)5* A(#ncronou( )a*a"cri+t and AM.
)J)C adalah sin"katan dari *synchronous (avaScript and CM?+ )J)C1 trdiri dari
ATM?1 Ja(as.ript1 /ATM? dan /3M -an" kmudian di"a%un"kan dn"an %ahasa
pm!"raman w% di sisi sr(r sprti &A& dan )S&1 shin""a mm%ntuk suatu aplikasi
%r%asis w% -an" intrakti#+ )J)C %ukanlah %ahasa pm!"raman %aru1 ttapi adalah
tknik %aru untuk mm%uat aplikasi w% l%ih %aik1 l%ih .pat dan l%ih intrakti#+
/n"an )J)C1 Ja(as.ript dapat lan"sun" %rk!munikasi dn"an server dn"an
mn""unakan !%$k CM?AttpR:ust+ /n"an !%$k ini1 $a(as.ript dapat mlakukan
transaksi data dn"an server w%1 tanpa harus m0reloading halaman w% trs%ut s.ara
ksluruhan+
2rikut adalah tkn!l!"i -an" trmasuk dalam aplikasi )J)C :
$)
1+ ATM? -an" di"unakan untuk mm%uat @% forms dan mn"indnti#ikasikan
filed-field -an" akan anda "unakan dalam aplikasi+
2+ Ja(aS.ript adalah k!d inti untuk mn$alankanaplikasi )$a7 dan untuk
mm%antu mm#asilitasi k!munikasi dn"an aplikasi +
8+ /ATM?1 atau +ynamic ATM?1 mm%antu anda untuk mm%uat form atau
w% anda dinamis+ )nda akan mn""unakan Hdi(I1 HspanI dan lmn
ATM? dinamis lain-a+
<+ /3M 4+ocument )b,ect #odel-1 akan di"unakan 4mlalui k!d Ja(aS.ript5
untuk %kr$a dn"an kdua struktur dari ATM? dan CM? anda -an" dalam
%%rapa kasus %rasal dari server+
)59 CSS
CSS .Cascading Style Sheet5 mrupakan aturan untuk mn"ndalikan %%rapa
k!mp!nn dalam s%uah w% shin""a akan l%ih trstruktur dan sra"am+ CSS %ukan
mrupakan %ahasa pm!"raman+ Sama haln-a styles dalam aplikasi pn"!lahan kata
sprti Mi.r!s!#t @!rd -an" dapat mn"atur %%rapa style1 misaln-a heading, subbab,
bodytext, footer, images1 dan style lainn-a untuk dapat di"unakan %rsama0sama dalam
%%rapa %rkas 4file5+ &ada umumn-a CSS dipakai untuk mm#!rmat tampilan halaman
w% -an" di%uat dn"an %ahasa ATM? dan CATM?+
CSS dapat mn"ndalikan ukuran "am%ar1 warna %a"ian tu%uh pada tks1 warna
ta%l 1 ukuran %!rdr1 warna %!rdr1 warna hyperlink1 warna mouse over, spasi antar
para"ra#1 spasi antar tks1 mar"in kiri1 kanan1 atas1 %awah1 dan paramtr lainn-a+ CSS
adalah %ahasa style sheet -an" di"unakan untuk mn"atur tampilan d!kumn+ /n"an
adan-a CSS mmun"kinkan kita untuk mnampilkan halaman -an" sama dn"an #!rmat
-an" %r%da+
)5, "tructured ,uer# -anguage
SD? 4Structured /uery $anguage5 adalah s%uah %ahasa -an" di"unakan untuk
mn"akss data dalam %asis data rlasi!nal+ 2ahasa ini mrupakan %ahasa standar -an"
di"unakan dalam mana$mn %asis data rlasi!nal+ Saat ini hampir smua server %asis
data -an" ada mndukun" %ahasa ini untuk mlakukan mana$mn datan-a+
$7
S.ara umum1 SD? trdiri dari dua %ahasa1 -aitu +ata +efinition $anguage4//?5
dan +ata #anipulation $anguage 4/M?5+ Implmntasi //? dan /M? %r%da untuk
tiap sistm mana$mn %asis data 4SM2/51 namun s.ara umum implmntasi tiap
%ahasa ini mmiliki %ntuk standar -an" dittapkan )NSI+ )rtikl ini akan mn""unakan
%ntuk palin" umum -an" dapat di"unakan pada k%an-akan SM2/+
2.../ 0ata 0e1inition -anguage
//? di"unakan untuk mnd#inisikan1 mn"u%ah1 srta mn"hapus %asis data
dan !%$k0!%$k -an" diprlukan dalam %asis data1 misaln-a ta%l1 view1 user1 dan
s%a"ain-a+ S.ara umum1 //? -an" di"unakan adalah CR0*%0 untuk mm%uat
!%$k %aru1 1S0 untuk mn""unakan !%$k1 )?TJR untuk mn"u%ah !%$k -an"
sudah ada1 dan +R)! untuk mn"hapus !%$k+ //? %iasan-a di"unakan !lh
administrat!r %asis data dalam pm%uatan s%uah aplikasi %asis data+
2...2 0ata Mani+u%ation -anguage
/M? di"unakan untuk mmanipulasi data -an" ada dalam suatu ta%l+
&rintah -an" umum dilakukan adalah:
a+ S0$0C% untuk mnampilkan data+
%+ 23S0R% untuk mnam%ahkan data %aru+
.+ 1!+*%0 untuk mn"u%ah data -an" sudah ada+
d+ +0$0%0 untuk mn"hapus data+
)5> AAMPP
C)M&& adalah pran"kat lunak %%as1 -an" mndukun" %an-ak sistm !prasi1
mrupakan k!mpilasi dari %%rapa pr!"ram+ Fun"sin-a adalah s%a"ai sr(r -an"
%rdiri sndiri 4l!.alh!st51 -an" trdiri atas pr!"ram )pa.h ATT& Sr(r1 M-SD?
data%as1 dan pnr$mah %ahasa -an" ditulis dn"an %ahasa pmr!"raman &A& dan
&rl+ C)M&& adalah sin"katan -an" masin" 9 masin" huru#n-a adalah:
C : &r!"ram ini dapat di$alankan di%an-ak sistm !prasi1 sprti @ind!ws1 ?inu71
Ma. 3S1 dan S!laris+
$1
) : )pa.h1 mrupakan aplikasi w% server+ Tu"as utama )pa.h adalah
mn"hasilkan halaman w% -an" %nar kpada usr %rdasarkan k!d &A& -an"
dituliskan !lh pm%uat halaman w%+ $ika diprlukan $u"a %rdasarkan k!d &A& -an"
dituliskan1maka dapat sa$a suatu database diakss trl%ih dahulu 4misaln-a dalam
M-SD?5 untuk mndukun" halaman w% -an" dihasilkan+
M : M-SD?1 mrupakan aplikasi data%as sr(r+ &rkm%an"ann-a dis%ut SD?
-an" mrupakan kpan$an"an dari Stru.turd Dur- ?an"ua"+ SD? mrupakan %ahasa
trstruktur -an" di"unakan untuk mn"!lah data%as+ M-SD? dapat di"unakan untuk
mm%uat dan mn"l!la data%as %srta isin-a+ ,ita dapat mman#aatkan M-SD? untuk
mnam%ahkan1 mn"u%ah1 dan mn"hapus data -an" %rada dalam data%as+
& : &A&1 %ahasa pmr!"raman w%+ 2ahasa pmr!"raman &A& mrupakan %ahasa
pmr!"raman untuk mm%uat w% -an" %rsi#at server-side scripting+ &A&
mmun"kinkan kita untuk mm%uat halaman w% -an" %rsi#at dinamis+ Sistm
mana$mn %asis data -an" srin" di"unakan %rsama &A& adalah M-SD?+ Namun &A&
$u"a mndukun" sistm mana$mn data%as 3ra.l1 Mi.r!s!#t )..ss1 Intr%as1 d0
%as1 &!st"rSD?1 dan s%a"ain-a+
& : &rl1 %ahasa pmr!"raman +
2a"ian pntin" dari C)M&& -an" %iasa di"unakan pada umum-a -aitu :
1+ Atd!. adalah #!ldr tmpat mltakkan %rkas0%rkas -an" akan di$alankan1
sprti %rkas &A&1 ATM? dan skrip lain+
2+ &hpM-)dmin mrupakan %a"ian untuk mn"l!la %asis data M-SD? -an"
ada dik!mputr+ 'ntuk mm%ukan-a1 %uka %r!wsr lalu ktikkan alamat
http:==l!.alh!st=phpM-)dmin1 maka akan mun.ul halaman phpM-)dmin+
8+ C!ntr!l &anl -an" %r#un"si untuk mn"l!la la-anan 4sr(i.5 C)M&&+
Sprti mn"hntikan 4st!p5 la-anan1 ataupun mmulai 4start5+
)5+ A<a;he
Sr(r ATT& )pa.h atau Sr(r @%=@@@ )pa.h adalah server web -an"
dapat di$alankan di %an-ak sistm !prasi 4'ni71 2S/1 ?inu71 Mi.r!s!#t @ind!ws dan
N!(ll Ntwar srta plat#!rm lainn-a5 -an" %r"una untuk mla-ani dan mm#un"sikan
$*
situs w%+ &r!t!k!l -an" di"unakan untuk mla-ani #asilitas w%=www ini mn""unakan
ATT&+
)pa.h mmiliki #itur0#itur .an""ih sprti psan ksalahan -an" dapat dik!n#i"ur1
autntikasi %r%asis %asis data dan lain0lain+ )pa.h $u"a didukun" !lh s$umlah
antarmuka pn""una %r%asis "ra#ik 4E'I5 -an" mmun"kinkan pnan"anan sr(r
mn$adi mudah+ )pa.h adalah k!mp!nn sr(r w% dari pakt pran"kat lunak ?)M&
4?inu71 )pa.h1 M-SD?1 &A&=&rl=%ahasa pmr!"raman &-th!n5+
)5$( M!S@.
M-SD? adalah s%uah pran"kat lunak pm%uat data%as -an" %rsi#at tr%uka atau
!pn s!ur. dan %r$alan dismua plat#!rm %aik ?inu7 maupun Si @ind!ws1 M-SD?
mrupakan pr!"ram pn"akss data%as -an" %rsi#at ntw!rk shin""a dapat di"unakan
untuk aplikasi Multi 'sr 4&n""una 2an-ak5+
M-SD? adalah Relational +atabase #anagement System 4R/2MS5 -an"
didistri%usikan s.ara "ratis di%awah lisnsi E&? 4Enral &u%li. ?i.ns5+ /imana stiap
!ran" %%as untuk mn""unakan M-SD?1 namun tidak %!lh di$adikan pr!duk turunan
-an" %rsi#at k!mrsial+
M-SD? adalah s%uah implmntasi dari sistm mana$mn %asisdata rlasi!nal
4R/2MS5 -an" didistri%usikan s.ara "ratis di%awahlisnsi E&? 4Enral &u%li.
?i.ns5+ Stiap pn""una dapat s.ara %%as mn""unakan M-SD?1 namun dn"an
%atasan pran"kat lunak trs%ut tidak %!lh di$adikan pr!duk turunan -an" %rsi#at
k!mrsial+ M-SD? s%narn-a mrupakan turunan salah satu k!nsp utama dalam
%asisdata -an" tlah ada s%lumn-aK SD? 4Structured /uery $anguage5+ SD? adalah
s%uah k!nsp pn"!prasian %asisdata1 trutama untuk pmilihan atau slksi dan
pmasukan data1 -an" mmun"kinkan pn"!prasian data dikr$akan dn"an mudah
s.ara !t!matis+
S%a"ai %asis data1 M-SD? mndukun" !prasi %asisdata transaksi!nal maupun
!prasi %asisdata n!n0transaksi!nal+ &ada m!dus !prasi n!n0transaksi!nal1 M-SD? dapat
dikatakan un""ul dalam hal un$uk kr$a di%andin"kan pran"kat lunak pladn %asisdata
k!mptit!r lainn-a+ Namun dmikian pada m!dus n!n0transaksi!nal tidak ada $aminan
atas rlia%ilitas trhadap data -an" trsimpan1 karnan-a m!dus n!n0transaksi!nal han-a
.!.!k untuk $nis aplikasi -an" tidak mm%utuhkan rlia%ilitas data sprti aplikasi
$9
%l!""in" %r%asis w% 4w!rdprss51 CMS1 dan s$nisn-a+ 'ntuk k%utuhan sistm -an"
ditu$ukan untuk %isnis san"at disarankan untuk mn""unakan m!dus %asisdata
transaksi!nal1 han-a sa$a s%a"ai k!nskunsin-a un$uk kr$a M-SD? pada m!dus
transaksi!nal tidak s.pat un$uk kr$a pada m!dus n!n0transaksi!nal+
)5$$ Ph<M!A3min
&hpm-admin adalah pran"kat lunak %%as -an" ditulis dalam %ahasa 4orld 4ide
4eb 4@@@5+ Saat ini %an-ak skali pran"kat% lunak -an" dapat diman#aatkan untuk
mn"l!la %asis data dalam M-SD?1 salah satun-a adalah phpM-)dmin+ /n"an
phpM-)dmin1 ss!ran" dapat mm%uat data%as1 mm%uat ta%l1 mn"isi data1 dan lain0
lain dn"an mudah1 tanpa harus mn"ha#al %aris printahn-a+

&hpm-admin mndukun"
%r%a"ai aplikasi m-s:l1 diantaran-a 4mn"l!la %asis data1 ta%l0 ta%l1 %idan"1 rlasi1
indks1 pn""una1 pri*inan1 dll5+ Mn"l!la %asis data dn"an M-SD? harus dilakukan
dn"an .ara mn"tikkan %aris0%aris printah -an" ssuai 4command line5 untuk stiap
maksud trtntu+
&hpM-)dmin mrupakan %a"ian untuk mn"l!la %asis data M-SD? -an" ada
di k!mputr+ 'ntuk mm%ukan-a1 %uka browser lalu ktikkan alamat
http:==l!.alh!st=phpm-admin1 maka akan mun.ul halaman phpM-)dmin+ &ada halaman
phpM-)dmin nantin-a ss!ran" %isa mm%uat 4create5 %asis data %aru1 dan
mn"l!lan-a+
)5$) Peran;an6an Sitem In82rmai
)5$)5$ 2(e Ca(e Dia6ram
/ia"ram -an" mn""am%arkan intraksi antara sistm dn"an sistm kstrnal
dan pn""una+ Mn""am%arkan siapa -an" akan mn""unakan sistm dan dn"an
.ara apa pn""una mn"harapkan untuk %rintrkasi dn"an sistm+ 4@hittn1
2ntl-1 L /ittman1 200<5
$,
Gambar 2.3 Usecase Diagram !"itten # $entle%& 2''()2*+,
/. 2(e Ca(e
1se case adalah urutan lan"kah0lan"kah -an" s.ara tindakan salin"
trkait 4sknari!51 %aik tr!t!matisasi maupun s.ara manual1 untuk tu$uan
mln"kapi satu tu"as %isnis tun""al+
2. Actor
*ctor atau plaku adalah s"ala ssuatu -an" prlu %rintraksi dn"an
sistm untuk prtukaran in#!rmasi+ )da mpat ma.am tip plaku1 s%a"ai
%rikut:
1+ !rimary business actor 4plaku %isnis utama5
Stakeholder -an" trutama mndapatkan kuntun"an dari plaksanaan
use case dn"an mnrima nilai -an" trukur atau tr!%sr(asi+
2+ !rimary system actor 4plaku sistm utama5
Stakeholder -an" s.ara lan"sun" %rhadapan dn"an sistm untuk
mn"inisiasi atau mmi.u k"iatan atau sistm+ &laku sistm utama
dapat %rintraksi dn"an para plaku %isnis utama untuk
mn""unakan sistm aktual+
8+ 0xternal server actor 4plaku sr(r kstrnal5
Stakeholder -an" mla-ani k%utuhan pn""una use case 4misaln-a
%ir! krdit -an" mmiliki kuasa atas pru%ahan kartu krdit5+
$>
<+ 0xternal receiving actor 4plaku pnrima kstrnal5
Stakeholder -an" %ukan plaku utama1 tapi mnrima nilai -an"
trukur atau tramati 4output- dari use case+
75 Re%ation(i+ "Hu=un6an%
Relationship di"am%arkan s%a"ai s%uah "aris antara dua sim%!l+
56 *ssociation
S%uah pn"hu%un" antara a.t!r dan use case -an" slalu mun.ul
dimana ada ktrkaitan diantara kduanta+ /i"am%arkan dn"an
s%uah "aris -an" trhu%un" antara actors dn"an use case6 Jika "aris
pn"hu%un" mmpun-ai tanda panah pada u$un"n-a1 ini
mnun$ukkan %ahwa use case trs%ut dipn"aruhi !lh actor+
Sdan"kan 1 $ika "aris pn"hu%un" tanpa tanda panah1 mnun$ukkan
%ahwa hu%un"an trs%ut tr$adi antara use case dn"an server
kstrnal+
Gambar 2.( Conto" -ubungan .sosiasi !"itten # $entle%& 2''()2/',
2+ 0xtend
S%uah pn"hu%un" antara use case awal dn"an use case lain -an"
mrupakan pn"m%an"an atau pnam%ahan
$+
Gam=ar )5* C2nt2h Hu=un6an E?ten3 "Whitten B Bent&e!4 )((1')9(%
8+ 1ses
1se case -an" mn"uran"i rdudansi antara dua atau l%ih use case
lain dn"an mn""a%un"kan lan"kah0lan"kah -an" %iasa ditmukan
pada use case trs%ut+
Gam=ar5)59 C2nt2h Hu=un6an Ue "Whitten B Bent&e!4 )((1')9$%
2./2.2 Acti*it# 0iagram
*ctivity dia"ram adalah dia"ram -an" mn$laskan lan"kah0lan"kah atau
akti(itas dari s%uah sistm+ /ia"ram ini $u"a hampir mirip dn"an flowchart6
2dan-a1 dia"ram ini mn-diakan mkanism untuk mn$laskan akti(itas -an"
%rlan"sun" s.ara paralll atau %rsamaan 4@hittn L 2ntl-1 200<5+
/ia"ram akti(itas di"unakan untuk mn""am%arkan s.ara "ra#is urutan dari
aliran akti(itas dari pr!ss %isnis atau use case+ /apat $u"a mn""am%arkan aksi 0
)(
aksi -an" akan dilakukan ktika suatu !prasi dikr$akan1 $u"a mn""am%arkan
%%rapa hasil dari aksi trs%ut+
2rikut adalah sim%!l0si%!l -an" di"unakan untuk mm%uat activity dia"ram:
NO GAMBAR NAMA KETERANGAN
$ *ctifity
Mmprlihatkan %a"aimana masin"0
masin" klas antarmuka salin"
%rintraksi satu sama lain
) *ction
Stat dari sistm -an" mn.rminkan
kskusi dari suatu aksi
7 2nitial 3ode 2a"aimana !%$k di%ntuk atau diawali+
1
*ctifity Final
3ode
2a"aimana !%$k di%ntuk dan
dihan.urkan
* Fork 3ode
Satu aliran -an" pada tahap trtntu
%ru%ah mn$adi %%rapa aliran
Ta=e& ) 5$ Sim=2& A;ti8it! Dia6ram
2./2.3 "e3uence 0iagram
S:un. dia"ram s.ara "ra#is mn""am%arkan %a"aimana !%$k0!%$k
%rintraksi satu dn"an -an" lainn-a mlalui psan 0 psan -an" dilakukan dari
suatu use case atau !prasi+ Mrka mn""am%arkan %a"aimana dan urutan 4alur5
psan dikirim dan ditrima di antara !%$k 0 !%$k trs%ut+
)$
Gam=ar )5, "e3uence 0iagram "SatCin6er4)((+'7$>%
2rikut adalah sim%!l0sim%!l -an" di"unakan dalam s:un. :
NO GAMBAR NAMA KETERANGAN
1 $ife$ine
3%$k entity1 antarmuka -an" salin"
%rintraksi+
2 #essage
Spsi#ikasi dari k!munikasi antar !%$k
-an" mmuat in#!rmasi0in#!rmasi
tntan" akti#itas -an" tr$adi
8 #essage
Spsi#ikasi dari k!munikasi antar !%$k
-an" mmuat in#!rmasi0in#!rmasi
tntan" akti#itas -an" tr$adi
Ta=e& )5) Sim=2& SeDuen;e Dia6ram
))
2./2.! "tatecart 0iagram
Mnurut Sat*in"r 42009: 21<5 S%uah dia"ram -an" mnun$ukan khidupan
dari s%uah !%$k di suatu tmpat dan transisi+
Gam=ar )5> "tatecart 0iagram "SatCin6er4)((+')11%
Statechart dia"ram mn""am%arkan transisi dan pru%ahan kadaan 4dari satu
state k state lainn-a5 suatu !%$k pada sistm s%a"ai aki%at dari stimuli -an"
ditrima+ &ada umumn-a statechart dia"ram mn""am%arkan .lass trtntu 4satu
class dapat mmiliki l%ih dari satu statechart dia"ram5+
2rikut sim%!l0sim%!l -an" di"unakan untuk mm%uat statechart dia"ram :
NO GAMBAR NAMA KETERANGAN
1 State
Nilai atri%ut dan nilai link pada suatu
waktu trtntu1 -an" dimiliki !lh
suatu !%$k+
2
2nitial !seudo
State
2a"aimana !%$k di%ntuk atau
diawali
8 Final State
2a"aimana !%$k di%ntuk dan
dihan.urkan
)7
< %ransition
S%uah k$adian -an" mmi.u s%uah
stat !%$k dn"an .ara
mmpr%aharui satu atau l%ih nilai
atri%utn-a
5 *ssociation
)pa -an" mn"hu%un"kan antara
!%$k satu dn"an !%$k lainn-a+
> 3ode
Jlmn #isik -an" ksis saat aplikasi
di$alankan dan mn.rminkan suatu
sum%r da-a k!mputasi+
Ta=e& )57 Sim=2& "tatecart 0iagram
)5$7 Peran;an6an Bai Data
)5$75$ -ogica% Record "tructure ".RS%
$ogical Record Structure di%ntuk dn"an n!m!r dari tip r.!rd+ 2%rapa
tip r.!rd di"am%arkan !lh k!tak mpat prs"i pan$an" dan dn"an nama -an"
unik+ 2da ?RS dn"an J0R dia"ram nama tip r.!rd %rada diluar k!tak #ild
tip r.!rd ditmpatkan+
$ogical Record Structure trdiri dari link-link diantara tip record+ $ink ini
mnun$ukkan arah dari satu tip record lainn-a+ 2an-ak link dari ?RS -an" di%ri
tanda field-field -an" klihatan pada kdua link tip record+ &n""am%aran ?RS
mulai dn"an mn""unakan m!dl -an" dimn"rti+ /ua mt!d -an" dapat
di"unakan1 dimulai dn"an hu%un"an kdua m!dl -an" dapat dik!n(rsikan k
?RS+
2./3.2 C%a(( 0iagram
Class dia"ram adalah dia"ram struktur !%$k dari s%uah sistm -an"
mnun$ukkan hu%un"an antar klas dari !%$k0!%$k trs%ut 4@hittn L 2ntl-1
20075 +
Class dia"ram mn""am%arkan struktur !%$k 0 !%$k dari sistm1 -an"
mnun$ukkan klas 0 klas !%$k -an" mm%ntuk sistm1 slain itu $u"a
mnun$ukkan hu%un"an antar klas !%$k 0 !%$k+ Class dia"ram $u"a %isa dikatakan
s%a"ai dia"ram -an" di"unakan untuk mnd#inisikan masalah pada d!main klas+
)1
Gam=ar )5+ C%a(( 0iagram
)*
DA-TAR PUSTAKA
)9