com Blog : mhs.infoterkini.com YM : indoc !er"##" $ace!ook : %%%.face!ook.com&muharihar Minomartani' "( Okto!er "#)#' )#:(* +M Masalah Bagaimana cara mem!angun a,likasi %e! ser-ice sederhana dengan menggunakan +H+ .uSoa, se!agai ,ustaka %e! ser-ice/n a0 Solusi 1ntuk men2a%a! ,ro!lematika di atas' marilah kita mem!uat asumsi mengenai a,likasi %e! ser-ice ang akan kita !angun. Berikut adalah studi kasus ang akan di!ahas dan diselesaikan dengan menggunakan +H+ .uSoa, se!agai ,ustaka +H+ untuk %e! ser-ice. Studi Kasus 3kan di !angun se!uah la anan %e! ser-ice ang men ediakan data 2umlah ,enduduk disetia, ,ro,insi di 4ndonesia. 3,likasi la anan %e! ser-ice terse!ut nantin a akan dimanfaatkan untuk mela ani re5uest informasi 6umlah +enduduk 4ndonesia !erdasar ,ro,insi dan 2enis kelamin ang di-isualisasikan dengan 7oogleMa,. Solusi Studi Kasus Solusi studi kasus akan di !agi men2adi 8 9aha,an' aitu : ). Merancang 3rsitektur Sistem ". Merancang dan Mem!uat Struktur :ata!ase&9a!el ;. Mem!uat Scri,t <e! Ser-ice Ser-er (<S:=) (. Mem!uat Scri,t <e! Ser-ice >lient 8. ?isualisasi dengan 7oogleMa,
9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)
) & "#
9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)
". Merancang dan Membuat Stuktur Database/Tabel :ata!ase Engine : M S@= :ata!ase .a-igator : +h,M 3dmin Struktur Database/Table :ata!ase .ame : d!A%sdlma, 9a!le .ame : infoA,endudukA,ro,insi Struktur 9a!el
Nama ield ,ro,Aid ,ro,Akode ,ro,Anama ,ro,Ai!ukota ,ro,A2mlA,endudukA,ria ,ro,A2mlA,endudukA%anita ,ro,A%e!site ,ro,Ama,Alatitude ,ro,Ama,Alongitude T!pe Data int (auto increment) -archar -archar -archar !igint !igint -archar float float )## )#'C )#'C " )## )## "ength Nullable .o .o .o Yes .o .o Yes .o .o # # # # De#ault $onstraint/%nde& +rimar Be 1ni5ue
9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)
; & "#
(0& /10/& /6umatera 6elatan/& /2alemban./& :?)????& ::?:)*1& /(ttp<==www1sumselpro'1.o1id/& @:1:1>?:9& 1*:1>1?:>; & (9& /19/& /Ben.kulu/& /Ben.kulu/& 9;;0:*& 989080& /(ttp<==www1ben.kulupro'1.o1id/& @:1;**0?>& 1*)1)80)*: & (;& /1;/& /Lampun./& /Bandar Lampun./& :0;)98:& :?)1;1>& /(ttp<==www1lampun.1.o1id/& @81?8****& 1*81)0009* & (>& /1>/& /4ep1 Ban.ka Belitun./& /2an.kal 2inan./& 8?:;9;& ?>;>8*& /(ttp<==www1babelpro'1.o1id/& @)19?1*81& 1*01??*8>* & (1*& /)*/& /4epulauan Riau/& /Tan-un. 2inan./& 0:0*9;& 0:0>::& /(ttp<==www1kepripro1.o1id/& *1>*****& 1*?1??>>>9 & (11& /:*/& /Banten/& /6eran./& ?8;9;>9& ??)*)8?& /(ttp<==www1bantenpro'11.o1id/& @01?*8;19& 1*01*0?*1; & (1)& /:1/& /+4$ Aakarta/& /Aakarta/& ?:>*9?0& ???;8*1& /(ttp<==www1-akarta1.o1id/& @01)118??& 1*01;?810> & (1:& /:)/& /Aawa Barat/& /Bandun./& 1>9*:1*0& 1>1;:;0>& /(ttp<==www1-abarpro'1.o1id/& @91*>*>11& 1*9100;;;? & (1?& /::/& /Aawa Ten.a(/& /6emaran./& 18>)>??>& 18>00008& /(ttp<==www1-aten.pro'1.o1id/& @9118*>98& 11*11?*)8> & (18& /:?/& /+$ 3o.Bakarta/& /3o.Bakarta/& 100>>:>& 1009180& /(ttp<==www1-o.-apro'1.o1id/& @919>9))?& 11*1:0;9>9 & (10& /:8/& /Aawa Timur/& /6urabaBa/& 19>*0?0;& 1;1810:>& /(ttp<==www1-atimpro'1.o1id/& @91);>100& 11)19:?:>; & (19& /81/& /Bali/& /+enpasar/& 19181:*& 100)>0)& /(ttp<==www1balipro'1.o1id/& @;109*?8;& 1181)1)0:1 & (1;& /8)/& /!usa Ten..ara Barat/& /%ataram/& )*1?9??& )18?>81& /(ttp<==www1ntbpro'1.o1id/& @;18;1;)?& 11011*0;:? & (1>& /8:/& /!usa Ten..ara Timur/& /4upan./& )1)8>8>& )119)):& /(ttp<==www1nttpro'1.o1id/& @1*11;?:*1& 1):18>?;?> & ()*& /01/& /4alimantan Barat/& /2ontianak/& )*9*889& 1>9))0*& /(ttp<==www1kalbar1.o1id/& *11?)>)9& 1*>1)89:9; & ()1& /0)/& /4alimantan Ten.a(/& /2alan.karaBa/& >;0?:*& >)08>0& /(ttp<==www1kalten.1.o1id/& @110;1?;;& 11:1:;):88 & ())& /0:/& /4alimantan 6elatan/& /Ban-armasin/& 108*8:9& 10)*;90& /(ttp<==www1kalselpro'1.o1id/& @:1*>)0?)& 1181);:90* & ():& /0?/& /4alimantan Timur/& /6amarinda/& 1?;019>& 1:8?0>8& /(ttp<==www1kaltimpro'1.o1id/& 110?*0:*& 1101?1>:;; & ()?& /9*/& /Corontalo/& /Corontalo/& ?0:*9:& ?80>?)& /(ttp<==www1.orontalopro'1.o1id/& *18??)01& 1):1*?)01* & ()8& /91/& /6ulawesi #tara/& /%anado/& 1*;*8);& 1*?*?;>& /(ttp<==www1sulut1.o1id/& 11?9*;;>& 1)?1;?8?8> & ()0& /9)/& /6ulawesi Ten.a(/& /2alu/& 119?080& 1110:1:& /(ttp<==www1sulten.11.o1id/& @11?:**)8& 1)11??801; & ()9& /9:/& /6ulawesi 6elatan/& /%akasar/& ?118)>?& ?:?1;)>& /(ttp<==www1sulselpro'1.o1id/& @811:90):& 11>1?1)?0* & ();& /9?/& /6ulawesi Ten..ara/& /4endari/& >;;1)1& >9)890& /(ttp<==www1sulten.1.o1id/& @?11??>1*& 1))119?0*0 & ()>& /98/& /6ulawesi Barat/& /%amu-u/& *& *& /(ttp<==www1sulbar1.o1id/& @)1;??1:9& 11>1):)*9> & (:*& /;1/& /%aluku/& /%aluku/& 0:?1*9& 0181*8& /(ttp<==www1malukupro'1.o1id/& @:1):;?0)& 1:*11?8)9> & (:1& /;)/& /%aluku #tara/& /Ternate/& ?8)1)9& ?)>9?*& /(ttp<==www1malutpro'1.o1id/& 1189*>>>& 1)91;*;90> & (:)& /;8/& /2apua/& /AaBapura/& 1)>*9>>& 11?>*:>& /(ttp<==www1papua1.o1id/& @)18):0>8& 1?*10>91); & (::& /;9/& /2apua Barat/& /%anokwari/& *& *& /(ttp<==www1papuabarat1.o1id/& @*1;00009& 1:11)8**** ;
;. Membuat Script Web Service Server 'WSD"( Kebutuhan : ). 3M+ (3,ache M S@= +H+ ) ". +ustaka&=i!rar +H+ .uSoa, Bagan Komunikasi Script
index.php
nusoap.php
Script indeD.,h, nusoa,.,h, d!Aconfig.,h, %sAser-er.,h,
db_config.php
Keterangan
ws_server.php
Dependensi nusoa,.,h,' d!Aconfig.,h,' %sAser-er.,h,
Halaman 4ndeD <e! Ser-ice (+en edia <S:=) +ustaka .uSoa, Bonfigurasi Boneksi ke :ata!ase M S@= Scri,t <e! Ser-ice Ser-er
nusoa,.,h,' d!Aconfig.,h,
9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)
( & "#
9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)
8 & "#
==J6 Confi.uration define ( /J6_!A%A_4EL"%2"4/& /J6_4EL"%2"4_K/ ; define ( /J6_!A%A_J6+L/& /J6+L_/ 1 J6_!A%A_4EL"%2"4 1 /1wsdl/
==Create J6 6er'ice $nstance wit( J6+L Ows_s'r P new nusoap_ser'er ( ; Ows_s'r@Msoap_defencodin. P /#T,@;/; Ows_s'r@Mconfi.ureJ6+L ( J6_!A%A_4EL"%2"4& /urn</ 1 J6_!A%A_J6+L ==,unction C(eckAut( @ #ser Aut(entication function C(eckAut((Op_(eader Q .lobal Ows_s'r; Oarr_( P Op_(eader; Ouser_name P Oarr_( S/Aut(6oapIeader/T S/#ser!ame/T; Opassword P Oarr_( S/Aut(6oapIeader/T S/2assword/T; Ouser_name P base0?_decode(Ouser_name ; Opassword P base0?_decode(Opassword ;
Oreturn P false; if ((Ouser_name PP /wsclient/ U (Opassword PP /secret/ Q Oreturn P true; R else Q Ows_s'r@Mfault ( /J66@ERR@L"C$!@**1/& /$!7AL$+_#6ER_"R_2A66J"R+/& /L"C$!/& /4ombinasi #ser dan 2assword 6ala(/ ; Oreturn P false; R R return Oreturn;
==Jeb 6er'ice ,unction @ List 2ropinsi function list_propinsi(Op_keB_searc(& Op_pa.e& Op_pa.e_siVe .lobal Oconn& Ows_s'r;
if (N C(eckAut( ( Ows_s'r@MreLuestIeader Q Oreturn S/data_count/T P *; Oreturn S/data/T P *; R else Q O'_keB_searc( P (NOp_keB_searc( HH Op_keB_searc(PP// E // < Op_keB_searc(; O'_pa.e P (NOp_pa.e HH Op_pa.ePP// E * < Op_pa.e; O'_pa.e_siVe P (NOp_pa.e_siVe HH Op_pa.e_siVePP// E 1* < Op_pa.e_siVe; O'_pa.e P (int O'_pa.e; O'_pa.e_siVeP(int O'_pa.e_siVe; O'_keB_searc( P /W/1O'_keB_searc(1/W/; O'_keB_searc(P(strin. O'_keB_searc(; OsLl P X6ELECT F ,R"% info_penduduk_propinsi JIERE prop_nama like /Ws/ L$%$T Wd& WdX;
9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)
C & "#
Oreturn_data_count P mBsLl_affected_rows ( Oconn Oreturn_data P arraB ( ; if (is_resource ( Ostmt Q w(ile ( Orow P mBsLl_fetc(_arraB ( Ostmt Oreturn_data ST P Orow; R R Oreturn S/data_count/T P Oreturn_data_count; Oreturn S/data/T P Oreturn_data; ;
==Re.ister ,unction to 6er'ice Ows_s'r@Mre.ister ( /list_propinsi/& arraB (/p_keB_searc(/ PM /Gsd<strin./& /p_pa.e/ PM /Gsd<inte.er/& /p_pa.e_siVe/ PM /Gsd<inte.er/ & arraB (/return/ PM /Gsd<strin./ & /urn</ 1 J6_!A%A_J6+L& /urn</ 1 J6_!A%A_J6+L 1 /Ylist_propinsi/& /rpc/& /encoded/& /+eskripsi fun.si list_propinsi/ ; ==Create T(e 6er'ice Response OITT2_RAJ_2"6T_+ATA P isset ( OITT2_RAJ_2"6T_+ATA Ows_s'r@Mser'ice ( OITT2_RAJ_2"6T_+ATA ; eGit ( ; EM
E & "#
DdocumentationM+eskripsi fun.si list_propinsiD=documentationM Dinput messa.eP"tns:l#st)prop#ns#-e.&est" =M Doutput messa.eP"tns:l#st)prop#ns#-esponse" =M D=operationM D=portTBpeM Dbindin. nameP"'S)*+"O!,O*) 3#n$#ng" tBpeP"tns:'S)*+"O!,O*) ,ort20pe"M Dsoap<bindin. stBleP"rpc" transportP"http://schemas.xmlsoap.org/soap/http" =M Doperation nameP"l#st)prop#ns#"M Dsoap<operation soapActionP"&rn:'S(")'S)*+"O!,O*) .ws$l4l#st)prop#ns#" stBleP"rpc" =M DinputM Dsoap<bodB useP"enco$e$" namespaceP"&rn:'S(")'S)*+"O!,O*) .ws$l" encodin.6tBleP"http://schemas.xmlsoap.org/soap/enco$#ng/" =M D=inputM DoutputM Dsoap<bodB useP"enco$e$" namespaceP"&rn:'S(")'S)*+"O!,O*) .ws$l" encodin.6tBleP"http://schemas.xmlsoap.org/soap/enco$#ng/" =M D=outputM D=operationM D=bindin.M Dser'ice nameP"'S)*+"O!,O*) "M Dport nameP"'S)*+"O!,O*) ,ort" bindin.P"tns:'S)*+"O!,O*) 3#n$#ng"M Dsoap<address locationP"http://localhost/p&5l#c/lect&re/we5serv#ce/ws2011.1/1.wss/#n$ex.php"% =M D=portM D=ser'iceM D=definitionsM
9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)
* & "#
9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)
F & "#
(. Membuat Script Web Service $lient Kebutuhan : ). 3+ (3,ache +H+) ". +ustaka&=i!rar +H+ .uSoa, Bagan Komunikasi Script
index.php
ws_client.php
nusoap.php
9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)
)# & "#
Dt(MA%L 2E!+#+#4D=t(M Dt(MJEB6$TED=t(M Dt(MLAT$T#+ED=t(M Dt(ML"!C$T#+ED=t(M D=trM DtbodBM DEp(p for(Oi P *; Oi D On; Oi ZZ Q O-ml P (Oprop_data SOiT S/prop_-ml_penduduk_pria/T Z Oprop_data SOiT S/prop_-ml_penduduk_pria/T ; EM DtrM DtdMDEp(p ec(o Oprop_data SOiT S/prop_id/T; EMD=tdM DtdMDEp(p ec(o Oprop_data SOiT S/prop_kode/T; EMD=tdM DtdMDEp(p ec(o Oprop_data SOiT S/prop_nama/T; EMD=tdM DtdMDEp(p ec(o Oprop_data SOiT S/prop_ibukota/T; EMD=tdM DtdMDEp(p ec(o Oprop_data SOiT S/prop_-ml_penduduk_pria/T; EMD=tdM DtdMDEp(p ec(o Oprop_data SOiT S/prop_-ml_penduduk_wanita/T; EMD=tdM DtdMDEp(p ec(o O-ml; EMD=tdM DtdMDEp(p ec(o Oprop_data SOiT S/prop_website/T; EMD=tdM DtdMDEp(p ec(o Oprop_data SOiT S/prop_map_latitude/T; EMD=tdM DtdMDEp(p ec(o Oprop_data SOiT S/prop_map_lon.itude/T; EMD=tdM D=trM DEp(p R EM D=tbodBM D=tableM
O(eader P /DAut(6oapIeaderM D#ser!ameM/ 1 Ouser 1 /D=#ser!ameM D2asswordM/ 1 Opass 1 /D=2asswordM D=Aut(6oapIeaderM/; ==set (eader
9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)
)) & "#
==detect fault and error if (Ows_client@Mfault Q eGit ( Ows_client@Mfaultstrin. ; R else Q Oerr P Ows_client@M.etError ( ; if (Oerr Q eGit ( Oerr ; R R R ==,unction to Ec(o +ebu. Result function ec(o_debu.( Q .lobal Ows_client; ec(o XDpreMX1Ows_client@Mdebu._str1XD=preMX; ec(o XDpreMX1Ows_client@MreLuest1X=DpreMX; print_r(Ows_client@MreLuestIeaders ; R ==define Call ,unction for list_propinsi 6er'ice function call_ws_list_propinsi(Op_keB_searc(& Op_pa.e& Op_pa.e_siVe .lobal Ows_client;
==parameters confi.uration Oparams P arraB (/p_keB_searc(/ PM Op_keB_searc(& /p_pa.e/ PM Op_pa.e& /p_pa.e_siVe/ PM Op_pa.e_siVe ; ==call met(od ser'ice Ows_data P Ows_client@Mcall ( /list_propinsi/& Oparams ; detect_fault ( ; ==decode data Ows_data P unserialiVe ( base0?_decode ( Ows_data ==print_r(Ows_data ; ==ec(o debu. if needed ==ec(o_debu.( ; R EM return Ows_data; ;
9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)
Hasil S A! "n#elope Web Ser#ice $lient % Re&uest ke Web Ser#ice Ser#er '
DEGml 'ersionP"1.0" encodin.P"ISO-8859-1"EM D6"A2@E!7<En'elope 6"A2@E!7<encodin.6tBleP"http://schemas.xmlsoap.org/soap/enco$#ng/" Gmlns<6"A2@E!7P"http://schemas.xmlsoap.org/soap/envelope/"% Gmlns<GsdP"http://www.w3.org/2001/ !"Schema" Gmlns<GsiP"http://www.w3.org/2001/ !"Schema-#nstance" Gmlns<6"A2@ E!CP"http://schemas.xmlsoap.org/soap/enco$#ng/" Gmlns<tnsP"&rn:'S(")'S)*+"O!,O*) .ws$l"M D6"A2@E!7<IeaderM DAut(6oapIeaderM D#ser!ameMd:!-bCllbn5PD=#ser!ameM D2asswordMc)7-cm7*D=2asswordM D=Aut(6oapIeaderM D=6"A2@E!7<IeaderM D6"A2@E!7<BodBM Dtns<list_propinsi Gmlns<tnsP"&rn:'S(")'S)*+"O!,O*) .ws$l"M Dp_keB_searc( Gsi<tBpeP"xs$:str#ng"M-aD=p_keB_searc(M Dp_pa.e Gsi<tBpeP"xs$:#nteger"M*D=p_pa.eM Dp_pa.e_siVe Gsi<tBpeP"xs$:#nteger"M)D=p_pa.e_siVeM D=tns<list_propinsiM D=6"A2@E!7<BodBM D=6"A2@E!7<En'elopeM
View Hasil S A! "n#elope Web Ser#ice $lient % Re&uest ke Web Ser#ice Ser#er '
9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)
); & "#
Hasil S A! "n#elope Web Ser#ice $lient % Response dari Web Ser#ice Ser#er '
DEGml 'ersionP"1.0" encodin.P"627-8"EM D6"A2@E!7<En'elope 6"A2@E!7<encodin.6tBleP"http://schemas.xmlsoap.org/soap/enco$#ng/" Gmlns<6"A2@E!7P"http://schemas.xmlsoap.org/soap/envelope/"% Gmlns<GsdP"http://www.w3.org/2001/ !"Schema" Gmlns<GsiP"http://www.w3.org/2001/ !"Schema-#nstance" Gmlns<6"A2@ E!CP"http://schemas.xmlsoap.org/soap/enco$#ng/"M D6"A2@E!7<BodBM Dns1<list_propinsiResponse Gmlns<ns1P"&rn:'S(")'S)*+"O!,O*) .ws$l"M Dreturn Gsi<tBpeP"xs$:str#ng"M3ToB"ntV"-Ew"iAk3KR(K)!'dJ8*$-tp"-E9cVo*"iAk3KR($-t("-E0e)k0%+t("-E?"ntp"-A 9cVoG"i$1$-tV"-c0$nBBb:BfaJ5i":%0%Toi!6$9aToG":%0%-oi%T#i":%0"ToicIA'c,>rb)Rl$-tV"-$0$-E1$-tp"-$9 cVo1"iA43J1ia6$9cVo8"iAwcm>wK)8(bJEi":%0!Toi6m,t3mki")k0%VtV"-#0$kp(bJAp$-tV"-EB"iAwcm>wK)lidJt'd CEi":%0!Toi6m,t3mki")k0!+tV"-c0$-EV!TEV!VAi":%0%-$0$nBBb:Bfam1sK:BlbmR1[I7rK:BBaJEi":%0!Voi%T%1%T %:%C$9aTo1":%0!Voi%T$:!T.*!i$9cVoB!+oicIA'c,>LbJGfcC7u[I7kdJtfd),uaKR($-tV"-c0$-EB!V#?!+3i")k0!-t V"-$)"iAodIRw"i;'d:d:Lmp(bJApcIA'di8nbB8p[C$9cVoG%-oicIA'c,>:[JAVaKRl$-tV"-$)"iAodIRw"i;'d:d:Lmp( bJApcIA'di8nbB8p[C$9aTo:":%0"ToiLTEu!+.1%T.V$-tV"-E:"iAwcm>wK)1(c,>s3KRpdI7k[6$9cVo8"i$t%6?*"+#G" +%i")k0"+tV"-Ew"i$G%+$u!+%?%+#:$-tV"-E?"iAwcm>wK)1(c,>sb)8naKR1[C#i":%0%TA0$-Ew%i?*%V.w!Tci":1>f5 PP D=returnM D=ns1<list_propinsiResponseM D=6"A2@E!7<BodBM D=6"A2@E!7<En'elopeM
View Hasil S A! "n#elope Web Ser#ice $lient % Response dari Web Ser#ice Ser#er '
9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)
)( & "#
9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)
)8 & "#
8. ,isualisasi dengan -oogleMap Kebutuhan: ). 3+ (3,ache +H+) ". 7oogleMa, 3+4 ;. Boneksi 4nternet (ma,s.google.com) Bagan Komunikasi Script
index.php
wsc_prop.php
ws_client.php
nusoap.php
Dependensi %scA,ro,.,h,
Scri,t 7enerate GM= :ata untuk 7oogle Ma, %sAclient.,h, dari data %e! ser-ice (client) <e! Ser-ice >lient ( +oint ( )
)C & "#
var .eocoder; function load( Q if (CBrowser$sCompatible( Q .eocoder P new CClientCeocoder( ; map P new C%ap)(document1.etElementBB$d(/map/ ; map1addControl(new C6mall%apControl( ; map1addControl(new C%apTBpeControl( ; map1setCenter(new CLatLn.(@811:90):& 11>1?1)?0* & ? ; R R function searc(Locations( Q var address P document1.etElementBB$d(/address$nput/ 1'alue; if (Naddress Q searc(Locations!ear(//&*&1* ; R else Q searc(Locations!ear(address ; R R function searc(Locations!ear(prop_name& pa.e& pa.e_siVe Q var searc(#rl P /wsc_prop1p(pEprop_namaP/ Z prop_name; if ((pa.e U (pa.e_siVe Q searc(#rl P /wsc_prop1p(pEprop_namaP/ Z prop_name Z /Upa.eP/ Z pa.e Z /Upa.e_siVe/ Zpa.e_siVe; R C+ownload#rl(searc(#rl& function(data Q var Gml P CKml1parse(data ; var markers P Gml1documentElement1.etElementsBBTa.!ame(/marker/ ; map1clear"'erlaBs( ; var sidebar P document1.etElementBB$d(/sidebar/ ; sidebar1innerIT%L P //; if (markers1len.t( PP * Q sidebar1innerIT%L P /!o results found1/; map1setCenter(new CLatLn.(@811:90):& 11>1?1)?0* & ? ; return; R var bounds P new CLatLn.Bounds( ; for (var i P *; i D markers1len.t(; iZZ Q var prop_nama P markersSiT1.etAttribute(/prop_nama/ ; var prop_ibukota P markersSiT1.etAttribute(/prop_ibukota/ ; var -ml_penduduk P parse,loat(markersSiT1.etAttribute(/prop_penduduk/ ; var -ml_penduduk_pria P parse,loat(markersSiT1.etAttribute(/prop_penduduk_pria/ ; var -ml_penduduk_wanita P parse,loat(markersSiT1.etAttribute(/prop_penduduk_wanita/ var prop_website P markersSiT1.etAttribute(/prop_website/ ; var point P new CLatLn.(parse,loat(markersSiT1.etAttribute(/lat/ & parse,loat(markersSiT1.etAttribute(/ln./ ;
var marker P create%arker(point& prop_nama& prop_ibukota& -ml_penduduk& -ml_penduduk_pria& -ml_penduduk_wanita& prop_website ; map1add"'erlaB(marker ; var sidebarEntrB P create6idebarEntrB(marker& prop_nama& prop_ibukota& -ml_penduduk& -ml_penduduk_pria& -ml_penduduk_wanita& prop_website ; sidebar1appendC(ild(sidebarEntrB ; bounds1eGtend(point ; R map1setCenter(bounds1.etCenter( & map1.etBounds[oomLe'el(bounds ; R ; R function create%arker(point& prop_nama& prop_ibukota& -ml_penduduk& -ml_penduduk_pria& -ml_penduduk_wanita& prop_website Q == Create our XtinBX marker icon var iconBlue P new C$con( ; iconBlue1ima.e P X(ttp<==labs1.oo.le1com=ridefinder=ima.es=mm_)*_blue1pn.X; iconBlue1s(adow P X(ttp<==labs1.oo.le1com=ridefinder=ima.es=mm_)*_s(adow1pn.X; iconBlue1icon6iVe P new C6iVe()?& ?* ;
9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)
)E & "#
iconBlue1s(adow6iVe P new C6iVe(:?& ?* ; iconBlue1iconAnc(or P new C2oint(0& ?* ; iconBlue1infoJindowAnc(or P new C2oint(8& 1 ; var iconRed P new C$con( ; iconRed1ima.e P X(ttp<==labs1.oo.le1com=ridefinder=ima.es=mm_)*_red1pn.X; iconRed1s(adow P X(ttp<==labs1.oo.le1com=ridefinder=ima.es=mm_)*_s(adow1pn.X; iconRed1icon6iVe P new C6iVe(1)& )* ; iconRed1s(adow6iVe P new C6iVe())& )* ; iconRed1iconAnc(or P new C2oint(0& )* ; iconRed1infoJindowAnc(or P new C2oint(8& 1 ; var marker"ptions P QR; marker"ptions1icon P C_+E,A#LT_$C"!; if (-ml_penduduk M 1******* Q marker"ptions1icon P iconBlue; R marker"ptions1title P prop_nama; marker"ptions1dra..able P false; var marker P new C%arker(point& marker"ptions ; var (tml P /2ropinsi < DbM/ Z prop_nama Z /D=bM Dbr=M/ Z /$bukota < /Z prop_ibukota Z /Dbr=MDbr=M/ Z /Dtable borderP1M Dt(eadM Dt(M 4riteria (4elamin D=t(M Dt(M Aumla( D=t(M D=t(eadM/ Z /DtbodBM/ Z /DtrM DtdM 2ria D=tdM Dtd alin.PXri.(tXM/Z-ml_penduduk_priaZ/D=tdM D=trM/ Z /DtrM DtdM Janita D=tdM Dtd alin.PXri.(tXM/Z-ml_penduduk_wanitaZ/D=tdM D=trM/ Z /DtrM DtdM Total D=tdM Dtd alin.PXri.(tXM/Z-ml_pendudukZ/D=tdM D=trM/ Z /D=tbodBMDtable=M/ Z /Dbr=M/ Z /Jeb6ite < Da (refPX/Zprop_websiteZ/X tar.etPX_blankXM/Zprop_websiteZ/D=aM/ Z /Dbr=MDbr=M/ Z /Dim. srcPX(ttp<==www1facebook1com=profile=pic1p(pEoidPA5+tA59*o96G*+@ 9KkRbL9,*22ulc?G@lce(e'pw?'[#[#Lk@dL9nAu3k_iJ8"5p6C.UsiVePnormalXM/ Z /Dbr=M/ Z /Aut(or < Da (refPX(ttp<==www1m(s1infoterkini1comX tar.etPX_blankXMwww1m(s1infoterkini1comD=aM/; CE'ent1addListener(marker& /click/& function( Q marker1open$nfoJindowItml((tml ; R ; return marker; R function create6idebarEntrB(marker& prop_nama& prop_ibukota& -ml_penduduk& -ml_penduduk_pria& -ml_penduduk_wanita& prop_website Q var di' P document1createElement(/di'/ ; var (tml P /DbM/ Z prop_nama Z /D=bM (/ Z -ml_penduduk Z / Dbr=M/ Z prop_ibukota; di'1innerIT%L P (tml; di'1stBle1cursor P /pointer/; di'1stBle1mar.inBottom P /8pG/; CE'ent1add+omListener(di'& /click/& function( Q CE'ent1tri..er(marker& /click/ ; R ; CE'ent1add+omListener(di'& /mouseo'er/& function( Q di'1stBle1back.roundColor P /Yeee/; R ; CE'ent1add+omListener(di'& /mouseout/& function( Q di'1stBle1back.roundColor P /Yfff/; R ; return di'; R ==TTM D=scriptM D=(eadM DbodB onloadP"loa$GH" onunloadP"I6nloa$GH"M D()MCoo.le %aps AAAK Z Jeb6er'ice EGample @ +ata Aumla( 2enduduk 2er 2ropinsi di $ndonesiaD=()M 2ropinsi< Dinput tBpeP"text" idP"a$$ressInp&t"=M
9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)
)* & "#
Dinput tBpeP"5&tton" onclickPXsearc(Locations( X 'alueP"Search"=M Dbr=M Dbr=M Ddi' stBleP"w#$th:1000px8%:ont-:am#l0:=r#alJ% sans-ser#:8%:ont-s#1e:11px8%5or$er:1px%sol#$%5lac/"M DtableM DtbodBM DtrM Dtd widt(P"200" 'ali.nP"top"M Ddi' idP"s#$e5ar" stBleP"over:low:%a&to8%he#ght:%500px8%:ont-s#1e:%11px8%color:% 4000"MD=di'M D=tdM DtdM Ddi' idP"map" stBleP"over:low:%h#$$en8%w#$th:800px8%he#ght:500px"MD=di'M D=tdM D=trM D=tbodBM D=tableM D=di'M D=bodBM D=(tmlM
== call list propinsi J6C function Ows_data P call_ws_list_propinsi(O'_prop_nama& O'_pa.e& O'_pa.e_siVe ; On P Ows_data S/data_count/T; Oprop_data P Ows_data S/data/T; == 6tart K%L file& create parent node Odom P new +"%+ocument ( X11*X ; Onode P Odom@McreateElement ( XmarkersX Oparnode P Odom@MappendC(ild ( Onode ; (eader ( XContent@tBpe< teGt=GmlX ;
== $terate t(rou.( t(e rows& addin. K%L nodes for eac( for(Oi P *; Oi D On; Oi ZZ Q O-ml P (Oprop_data SOiT S/prop_-ml_penduduk_pria/T Z Oprop_data SOiT S/prop_-ml_penduduk_wanita/T ; Onode P Odom@McreateElement ( XmarkerX ; Onewnode P Oparnode@MappendC(ild ( Onode ; Onewnode@MsetAttribute ( Xprop_namaX& Oprop_data SOiTS/prop_nama/T ; Onewnode@MsetAttribute ( Xprop_ibukotaX& Oprop_data SOiTS/prop_ibukota/T ; Onewnode@MsetAttribute ( Xprop_pendudukX& O-ml ; Onewnode@MsetAttribute ( Xprop_penduduk_priaX& Oprop_data SOiTS/prop_-ml_penduduk_pria/T 9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)
)F & "#
Xprop_penduduk_wanitaX& Oprop_data SOiT ; Xprop_websiteX& Oprop_data SOiTS/prop_website/T XlatX& Oprop_data SOiTS/prop_map_latitude/T ; Xln.X& Oprop_data SOiTS/prop_map_lon.itude/T ;
9utorial <e! Ser-ice Sederhana dengan +H+ .uSoa, Muhammad Hari Suharto (ak. muharihar)