lxiv
BAB I V I M PLEM EN TASI D AN AN ALI SA SI STEM
4 .1 La n gk a h - La n gk a h Pe m bu a t a n Sist e m 4 .1 .1 I m ple m e n t a si CSS Se ba ga i I n t e r fa ce
Tahap aw al dar i pem buat an aplikasi ini adalah pem buat an t am pilan m enu dengan m enggunak an polish.css. Polish ini
m er upakan file css yang dibuat m enggunakan J2MEPolish agar dapat dit am pilkan oleh em ulat or . Secar a gar is besar nya
im plem ent asi polish.css dapat dit ulis sebagai ber ikut :
colors { fontColor: rgb 30, 85, 86 ;
focusedFontColor: 000; setting untuk warna
} backgrounds {
screenBackground { image: url bg.png ;
anchor: top | left; setting untuk background
} }
focused { background {
type: round-rect; arc: 4;
color: focusedBgColor; }
font { style: bold;
size: small; setting untuk font
} layout: expand | left;
}
lxv
title { setting untuk title pada layar
} menubar
{ Setting untuk menubar
} leftcommand
{ padding-top: 3;
padding-bottom: 0; setting untuk command
} rightcommand extends leftcommand
{ layout: right;
}
4 .1 .2 Pe n ggu n a a n Com m a n d u n t u k Ak si
Com m and adalah
obj ek yang
m em ungkinkan user
m elakukan aksi. Obj ek Fungsi Com m and sam a dengan t om bol but t on pada aplikasi deskt op pada kom put er . Com m and
m em but uhkan ant ar m uka int er face Com m andList ener unt uk m enangkap even dar i Com m and.
Tabel 3.18 Nilai- Nilai Par am et er Com m and Tipe Nilai
Par am et er Com m and
Ket er angan OK
Mengim plikasikan per set uj uan
pem akai unt uk aksi yang akan diker j akan, biasanay
com m and ini akan dilet akkan pada t em pat yang m udah dilihat oleh pem akai.
BACK Menggant i layer yang dit am pilk an m enj adi
layer sebelum nya y ang dit am pilkan. CANCEL
Mem bat alkan aksi y ang akan dilakuk an. STOP
Menghent ikan pr oses yang sedang ber j alan. EXI T
Mener m inasi MI Dlet at au keluar dar i aplikasi. HELP
Mem int a bant uan
unt uk m em per j elas
lxvi pem akaian kepada pem akai.
SCREEN Ter kait dengan fungsi dar i halam n layer yang
sedang dit am pilkan. I TEM
Mengindikasikan sebuah
Com m and t er asosiasi dengan kom ponen lain.
I m plem ent asi dar i kelas Com m and dapat dilihat dar i cont oh ber ikut :
Import javax.microedition.lcdui.; public class login implements CommandListener{
private main m; public Form f;
private Command kl; private Command ok;
public loginmain mm{ m = mm;
kl = new CommandKembali, Command.EXIT, 8; ok = new Commandlogin, Command.ITEM, 1 ;
f = new FormLogin User; f.setCommandListenerthis;
f.addCommand this.ok ; f.addCommand this.kl ;
} public void commandActionCommand cmd, Displayable screen{
if cmd == kl{ perintah jika command keluar dipilih
} else if cmd == ok{
perintah jika command Ok dipilih }
} }
}
Kode im plem ent s Com m andList ener m enyat akan bahw a kelas For m Sat u m er upakan im plem ent asi dar i ant ar m uka
lxvii int er face Com m andList ener yang digunakan unt uk m enangkap
even yang dibuat oleh Com m and, kode ini har us ada j ika dim aksudkan kelas yang ber sangkut an m enggunakan com m and
yang per lu dit angk ap even- nya.Jika Com m and ok dipilih m aka user akan login sebalik nya j ika Com m and k l dipilih m aka user
akan keluar .Pada bagian :
kl = new CommandKembali, Command.EXIT, 8; setCommandListenerthis;
m er upakan pr oses m em buat sebuah obj ek Com m and dengan konst r ukt or Kem bali, t ipe Com m and.OK, ber pr ior it as 1 kem udian
dit am bahkan pada For m sekaligus m engest Com m andList ener yang t er asosiasi dengan Com m and.
4 .1 .3 Pe n ggu n a a n List u n t u k M e n a m pilk a n D a t a
List m enyediakan fungsi m em ilih elem en dalam List kepada user . Elem en t er sebut dapat ber upa t eks, st r ing, at aupun
gam bar . Kom ponen List m engim plem ent asikan ant ar m uka int er face Choice yang m endefinisikan t iga t ipe yang dapat
diim plem ent asikan pada List . Ket iga t ipe t er sebut t er dapat pada j avax.m icr oedit ion.lcdui.Choice.
Tabel 3.19 Tipe List Tipe Choice
Ket er angan Choice.EXCLUSI VE Hanya dapat m em ilih sat u pilihan
Choice.MULTI PLE Dapat t idak m em ilih at au m em ilih lebih
dar i sat u pilihan Choice.I MPLI CI T
Dengan m em ilih sebuah elem en m aka even akan digener asi
I m plem ent asi dar i kelas List dapat dilihat dar i cont oh ber ikut :
lxviii
import javax.microedition.lcdui.; public class barang implements CommandListener{
public main m; public List list;
public Form l; public void daftar{
list = new Listtitle, List.IMPLICIT; this.list.setCommandListenerthis;
this.list.addCommand this.kembali ; m.display.setCurrentthis.list;
} public void commandActionCommand cmd, Displayable screen{
if cmd == List.SELECT_COMMAND { int oy = this.list1.getSelectedIndex;
perintah jika suatu list dipilih }
}}
Pada bagian
list = new Listtitle, List.IMPLICIT;
Mer upakan pr oses m em buat List dengan t ipe im plicit . Bagian
this.list.addCommand this.kembali ;
Mer upakan pr oses penam bahan Com m andList ener sebagai penagkap even Com m and kem udian List dit am pilkan dengan
kode
m.display.setCurrentthis.list;
Penangkapan even m enu pada List dilakukan pada m et ode
commandAction.
Dim ana m enu yang t er pilih dianggap sebagai
List.SELECT_COMMAND
dan diakses m enggunakan koneksi ht t p unt uk m enam pilkan dat a bar ang.
4 .1 .4 Pe n ggu n a a n Te x t Fie ld u n t u k I n pu t a n
Text Field adalah
sebuah obj ek
unt uk m em asukkan
m asukan ber upa t eks kedalam for m m asukan. Nilai- nilai bat asan const r aint pada Text Field sebagai ber ikut :
Tabel 3.20 Nilai- Nilai Bat asan Pada Text Field
lxix Nilai Const r aint
Ket er angan
Text Field.ANY Mengizinkan sem ua karakt er dit ulis pada
Text Field. Text Field.EMAI LADDR
Hanya m engizinkan m asuk an ber upa alam at em ail pada Text Field.
Text Field.NUMERI C
Hanya m engizinkan m asuk an ber upa angka pada Text Field.
Text Field.PHONENUMBER
Hanya m engizinkan m asuk an ber upa nom or t elepon pada Text Field.
Text Field.URL
Hanya m engizinkan m asuk an ber upa alam at URL pada Text Field.
Text Field.PASSWORD
Akan m engubah m asukan m enj adi kar akt er
ast er isk unt uk
alas an
keam anan.
I m plem ent asi dar i k elas Text Field dapat dilihat dar i cont oh ber ikut :
public login{ f = new FormLogin User;
user = new TextFieldUsername, , 10, TextField.ANY ; pass=new TextFieldPassword, , 10, TextField.PASSWORD;
f.appenduser; f.appendpass;
f.setCommandListenerthis; }
4 .1 .5 M e m bu k a Ja lu r Kon e k si k e W e b Se r ve r
Unt uk m em buk a
j alur koneksi
ke PHP
j avax.m icr oedit ion.io. m enyediakan kelas Ht t pConect ion yang
lxx ber fungsi unt uk m em buka j alur konek si ke alam at yang dit uj u.
I m plem ent asinya dapat dilihat dar i cont oh dibaw ah ini :
hc = HttpConnectionConnector.openurl,Connector.READ_WRITE; hc.setRequestMethodHttpConnection.GET;
hc.setRequestPropertyUser-Agent, ProfileMIDP-2.0 ConfigurationCLDC-1.0;
hc.setRequestPropertyContent-Language, en-US; hc.setRequestPropertyContent-Type, applicationx-
www-form-urlencoded;
Dar i cont oh diat as Ht t pconnect ion k e localhost dibuka dengan m enggunak an pr oper t y dar i Ht t pConnect ion sendir i yait u
Connect or .open ur l,Connect or .READ_WRI TE , kem udian m enset pr oper t y r equest dan r equest m et hod dar i Ht t pConnect ion.
4 .1 .6 M e n ga m bil D a t a D a r i Se r ve r
Set elah koneksi t er buka m aka t ahapan selanj ut nya adalah m engam bil dat a dar i ser ver dengan alur m em buka st r em input
kem udian m engam bil sem ua dat a yang dit am pilkan oleh PHP yang ada di w eb ser ver , unt uk im plem ent asi pengam bilan
dat anya dapat dilihat dar i pot ongan sour ce ber ikut :
Int ch; Long len = hc.getLength;
Iflen=-1 { Forint I = 0;ilen;i++
Ifch = is.read =-1{ Messagebuffer.appendcharch;
Temp = temp + charch; }else{
Whilech=is.read =-1 Messagebuffer.appendchar ch;
lxxi
Temp = temp + charch; }
}
4 .1 .7 Pa r sin g D a t a
Set elah didapat dat a dar i ser ver ber upa dat a dengan for m at XML kem udian dipar sing m enj adi st r ing nor m al,
unt uk kelas par sing sendir i dapat dilihat dar i sour ce code dibaw ah ini :
String temp =””; int offset = 0;
whileoffset xml.length{ ifoffset+6xml.length xml.substringoffset,offset
+ 6.equalscode{ offset = offset + 6;
temp = ; whilexml.charAtoffset = {
temp = temp + xml.charAtoffset; offset++;
} code = Integer.parseInttemp;
}elseifoffset+5xml.length xml.substringoffset,offset + 5.equalsmsg{
offset = offset + 5; temp = ;
whilexml.charAtoffset = { temp=temp+ xml.charAtoffset;
offset++; }
msg = temp; }else{
offset++;}
Fungsi sour ce
diat as pada
int inya adalah
unt uk m em isahkan kar akt er “ ” dan “ ” sert a m em filt er st r ing
lxxii yang ada diluar kar akt er t er sebut . Cont oh for m at yang
dipar sing yang dikir im dar i PHP:
run msgParsing 1msg
run
Dar i for m at diat as set elah dipar sing dengan kelas par sing akan m enj adi st r ing :
Parsing 1
Dat a ini yang kem udian dit am pilkan pada aplikasi ponsel.
4 .2 H a sil Pe n g u j ia n Sist e m 4 .2 .1 Aplik a si M obile U se r
Pada aplikasi m obile yang digunak an oleh pem beli unt uk m elakukan pr oses pem esanan bar ang m em punyai beber apa
for m aplikasi sebagai ber ikut : 1. For m Aw al Aplikasi
For m aw al aplikasi m enam pilkan m enu yang dapat dipilih oleh pem beli yait u :
a. Menu login unt uk login ke for m m ain m enu agar dapat m elakukan pem esanan bar ang.
b. Menu about yang ber isi ket er angan m engenai aplikasi m obile pem esanan gr osir kebut uhan pokok.
c. Menu exit unt uk keluar dar i aplikasi.
lxxiii Gam bar 4.1 For m Aw al Aplikasi
2. For m Login Pada for m login, pem beli dim int a unt uk m em asuk kan
user nam e dan passw or d unt uk m asuk ke m ain m enu agar dapat m elakukan pem esanan bar ang. For m ini m enam pilkan opt ion
login unt uk login, back unt uk kem bali ke t am pilan aw al dan clear unt uk m enghapus user nam e at au passw or d yang m asukkan oleh
pem beli.
Gam bar 4.2 For m Login
3. For m Main Menu
lxxiv Set elah login, m aka akan m asuk ke m ain m enu yang ber isi
m enu- m enu sebagai ber ikut : a. Menu dat a bar ang, unt uk m enam pilkan dat a bar ang
yang dapat dipesan oleh pem beli. b. Menu cek pesanan, unt uk m enam pilkan daft ar bar ang
yang dipesan c. Menu hist or y belanj a, unt uk m enam pilkan daft ar
belanj a yang sudah dilak ukan sebelum nya. d. Menu logout , unt uk logout dar i m ain m enu dan akan
kem bali ke for m t am pilan aw al
Gam bar 4.3 For m Main Menu 4. For m Kat egor i Bar ang
Jika m enu dat a bar ang dipilih m aka akan m enam pilkan kat egor i bar ang.
lxxv Gam bar 4.4 For m Kat egor i Bar ang
5. For m Dat a Bar ang Jika salah sat u kat egor i bar ang dipilih, m isalkan ber as
m aka akan m enam pilkan daft ar bar ang yang m eliput i m er k dan kem asan bar ang.
Gam bar 4.5 For m Dat a Bar ang 6. For m Pesan Bar ang
Jika salah sat u dat a bar ang dipilih, m ak a akn m enam pilkan for m pesan bar ang. For m ini m enam pilkan ket er angan m engenai
m er k bar ang, kem asan bar ang, har ga bar ang dan st ok bar ang.
lxxvi Pada for m ini pem beli dim int a unt uk m em asukkan j um lah bar ang
yang dipesan, dengan opt ion sebagai ber ikut : a. Delet e, unt uk m enghapus per kar akt er j um lah bar ang
yang dim asukkan b. Ok, unt uk m eny im pan j um lah bar ang y ang dim asuk kan.
c. Clear , unt uk
m enghapus j um lah
bar ang secar a
keselur uhan.
Gam bar 4.6 For m Pesan Bar ang
7. For m Daft ar Pesanan For m daft ar pesanan akan t am pil, j ika dipilih m enu cek
pesanan pada for m m ain m enu. For m ini m enam pilkan ket er angan bar ang yang dipesan m eliput i m er k bar ang,
kem asan, j um lah pesan dan t ot al har ga t iap sat u bar ang dengan opt ion sebagai ber ikut :
a. Select , unt uk m em ilih suat u bar ang. b. Edit , unt uk m engubah j um lah bar ang y ang dipesan.
c. Delet e, unt uk m enghapus daft ar bar ang. d. Save, unt uk m enyim pan daft ar bar ang ke dat abase.
lxxvii Gam bar 4.7 For m Daft ar Pesanan
Gam bar 4.8 For m Edit Dat a
Jika dipilih opt ion edit , m aka kan m enam pilkan for m edit dat a. Disini pem beli dapat m engubah j um lah pesanan dengan
opt ion sebagai ber ik ut :
lxxviii a. Delet e, unt uk m enghapus per kar akt er j um lah bar ang
yang dim asukkan b. Ok, unt uk m eny im pan j um lah bar ang y ang dim asuk kan.
c. Clear , unt uk
m enghapus j um lah
bar ang secar a
keselur uhan. 8. For m Hist or y Belanj a
For m Hist or y ak an t am pil j ika m enu hist or y pada m ain m enu dipilih. For m ini m enam pilkan ur ut an bulan selam a 1 t ahun,
dengan m em ilih salah sat u bulan akan m enam pilkan daft ar fakt ur . Jika salah sat u daft ar fak t ur dipilih akan m enam pilkan
ket er angan j um lah it em bar ang dan t ot al har ga yang sudah dipesan sebelum ny a.
Gam bar 4.9 For m Hist or y Belanj a
lxxix Gam bar 4.10 For m Daft ar Belanj a Bulanan
4 .2 .2 Aplik a si W e b Op e r a t or
Pada aplikasi w eb yang digunakan oper at or unt uk m engolah dat a m em punyai beber apa for m sebagai ber ikut :
1. Halam an I ndex Pada w eb ini t er dapat beber apa m enu unt uk m engolah
dat a pada pr oses pem belian yait u m enu r egist er pem beli, dat a pem beli, t am bah bar ang, dat a bar ang, t am bah st ok, dat a st ok,
daft ar pem belian, t am bah passw or d dan dat a passw or d.
lxxx Gam bar 4.10 Halam an I ndex
2. Halam an Regist er Pem beli Halam an ini m er upakan halam an unt uk m endaft ar pem beli
bar u yang m eliput i nam a pem beli, nam a t ook, alam at t ook, no t elp, dan no hp.
Gam bar 4.11 Halam an Regist er Pem beli 3. Halam an Dat a Pem beli
lxxxi Halam an ini m enam pilkan dat a pem beli dengan link
oper asi ubah unt uk m engubah dat a pem beli t er t ent u dan link oper asi hapus unt uk m enghapus dat a pem beli.
Gam bar 4.12 Halam an Dat a Pem beli
4. Halam an Tam bah Bar ang Halam an ini m er upakan halam an unt uk m enam bah dat a
bar ang bar u yang m eliput i id bar ang, kat egor i, m er k dan kem asan bar ang.
lxxxii Gam bar 4.13 Halam an Tam bah Bar ang
5. Halam an Dat a Bar ang Halam an ini m enam pilkan dat a bar ang dengan link oper asi
ubah unt uk m engubah dat a bar ang, link oper asi hapus unt uk m enghapus dat a bar ang t er t ent u dan link updat e st ok unt uk
m engubah dat a st ok dar i suat u bar ang yait u j um lah st ok dan har ga bar ang.
Gam bar 4.14 Halam an Dat a Bar ang
lxxxiii Gam bar 4.15 Halam an Ubah St ok
6. Halam an Daft ar Pem belian Halam an ini m enam pilkan dat a pem belian yang dilak ukan
oleh pem beli yang m eliput i no fakt ur , t anggal, st at us pengir im an, t ot al har ga, nam a pener im a, nam a pengir im
dengan link sebagai ber ikut : a. Ubah, digunakan unt uk m engubah dat a fakt ur . Dalam
hal ini yang diubah adalah st at us pengir im an, nam a pengir im , dan nam a pener im a.
b. Hapus, digunakan unt uk m enghapus dat a fakt ur . c. Bar ang, digunakan unt uk m enam pilk an dat a bar ang
yang dipesan oleh pem beli. d. Pem beli, m enam pilkan dat a pem beli yang m em esan
bar ang.
lxxxiv Gam bar 4.16 Halam an Daft ar Pem belian
7. Halam an Ubah Fak t ur Halam n ini digunakan unt uk m engubah fakt ur at au
ver ifikasi pener im aan bar ang. Halam an ini m er upakan link dar i oper asi ubah pada halam an dat a pem belian yang digunakan
unt uk m engubah dat a ver ifikasi pener im aan.
Halam an 4.17 Halam an Ubah Fakt ur
lxxxv 8. Halam an Det ail Bar ang yang Dibeli
Halam an ini m er upakan link dar i det ail bar ang pada halam an daft ar pem belian. Fungsi halam an ini sam a dengan link
det ail bar ang yait u unt uk m enam pilkan dat a bar ang yang dipesan oleh pem beli.
Halam an 4.18 Halam an Det ail Bar ang 9. Halam an Det ail Pem beli
Halam an ini m er upakan link dar i det ail pem beli pada halam an daft ar pem belian. Fungsi halam an ini sam a dengan link
det ail pem beli yait u unt uk m enam pilkan dat a pem beli yang m em esan bar ang.
lxxxv i Halam an 4.19 Halam an Det ail Pem beli
10. Halam an Tam bah Passw or d
Halam an ini digunakan unt uk m em asukkan dat a m engani passw or d dan user nam e dar i pem beli yang bar u m endaft ar agar
dapat login ke aplik asi m obile.
Gam bar 4.20 Halam an Tam bah Login 11.
Halam an Dat a Passw or d Halam an ini m enam pilkan dat a passw or d dan user nam e
dar i pem beli.
lxxxv ii Gam bar 4.21 Halam an Dat a Passw or d
12. Halam an Dat a St ok
Halam an ini m enam pilkan dat a st ok dar i bar ang yang dij ual m eliput i id bar ang, j um lah st ok dan har ga.
Gam bar 4.22 Halam an Dat a St ok 13.
Halam an Tam bah St ok
lxxxv iii Halam an ini digunakan unt uk m enam bah dat a st ok bar u.
Set elah m em asuk kan dat a bar ang bar u m aka har us m em asukkan st ok dar i bar ang t er sebut .
Gam bar 4.23 Halam an Tam bah St ok
4 .3 Ke le bih a n da n Ke k u r a n ga n Sist e m 4 .3 .1 Ke le bih a n Sist e m
Kelebihan dar i apliksi m obile pem esanan gr osir kebut uhan client - ser ver pokok ini ant ar a lain :
a. Keam anan lebih t er j am in kar ena sudah m enggunakan aut hent ifikasi passw or d dan user nam e sehingga t idak
sem ua user dapat m engakses pr ogr am . b. No fakt ur sudah t er cipt a secar a ot om at is.
c. Jum lah st ok ot om at is ber kur ang j ika t er j adi pem esanan bar ang.
d. Sudah ada apliksi w eb unt uk m engolah pr oses dan daft ar pem belian.
4 .3 .2 Ke k u r a n ga n Sist e m
lxxxix Masih banyak kekur angan at au kelem ahan yang t er dapat
pada apliksi m obile pem esanan gr osir kebut uhan client - ser ver pokok ini ant ar a lain :
a. Banyaknya pr oses pengam bilan dat a pada aplikasi m obile.
b. Tidak ada pem bat asan akses pada aplikasi m obile yang akan t er j adi j ika pem beli hanya m elihat hist or y bar ang
saj a kar ena fakt ur t er cipt a pada saat pem beli login ke aplik asi m obile.
c. Belum ada pr oses pencar ian pada w eb. d. Pr oses penghapusan r ecor d yang saling ber hubungan
dar i dat a m asih ber sifat m anual yang dilakukan sat u per sat u.
e. Pencar ian suat u dat a unt uk m engubah dat a t er sebut m asih dilakukan secar a m anual.
xc
BAB V PEN UTUP
Kategori