ME EMBUA AT DAS SHBOA ARD PA ADA YIII Sigiit Purnom mo
[email protected] :: http:// sigitpurnoomo7680.w wordpress.co om
Absstrak Nikm matnya mem mbangun applikasi mennggunakan framework adalah apaa saja yangg kita mau sudah terssedia. Sepeerti membu uat dashboaard, Yii suddah menyeediakan berrbagai k membuat dashboard. Extensionn yang sanggat simple untuk mem mbuat extennsion untuk dashbboard ini adalah a edashboard. Taampilan dasshboard dappat kita atuur dengan sesuai s denggan keinginaan kita . Kataa Kunci: PH HP, Yii, Dashboard
Pendahuluan n Untuuk membuatt dashboardd pada aplik kasi yang diibangun meenggunakan bahasa proogram PHP dan framew work YII, kita k tidak peerlu repot membuat m fraame, css ataaupun JS. Hanya H tingggal download extensioonnya, dann mengikutii pola exteension tersebut mulaii dari pelettakan exten nsion, konfiigurasi exteension dan pemanggillan methodd pada exteension tersebut.
Pem mbahasan 11. Pengen nalan Extension Ed dashboard d Extensio on edashboaard ini adalaah extensionn yang sanggat simple dan d mudah untuk u digunakaan pada apllikasi Yii anda. a Extension ini sepperti igooglle, maka daari itu extension n ini memilliki slogan “Simple “ iGoogle like dashboard”, d , bisa di unttuk di “move”, “remove”, “save”, “m minimize”. Extension E eddashboard ini dapat berrjalan pada Yiii 1.1.6 atau versi yang lebih l tinggi.
Lisensii Dokumen: Copyrigght © 2008-20144 ilmuti.org Seluruhh dokumen di ilmuti.org i dapat digunakan, dim modifikasi dan disebarkan d secaraa bebas untuk tujuan t bukan koomersial (nonproofit), dengan syaarat tidak menghaapus atau merubaah atribut penulis dan pernyataann copyright yangg disertakan dalam m setiap dokumen. Tidak diperbo olehkan melakukan penulisan ulanng, kecuali mendaapatkan ijin terlebbih dahulu dari illmuti.org
22. Downloaad dan Insttalasi Exten nsion Edasshboard 1) Exten nsion
ini
dappat
didwonlooad
di
http:///www.yiifrramework.ccom/extensiion/edashbo oard.\ 2) Setellah Anda download extensionn edashboaard, extractt dan letaakkan exten nsion tersebbut pada foldder_project_ t_anda\proteected\extenssions. 33. Konfigu urasi pada file f Controol dan View w 1) Bukaa file controoller yang diiinginkan dan d buat fun nction sepetii dibawah inni : publ lic functi ion action nIndex() { // renders r th he view fi ile 'pro otected/vi iews/site/ /index.php p' // using u the default layout l otected/vi iews/layou uts/main.p php' 'pro age_data1 = array ( $usa array ( 'id' => 0, , 'event' => > 'channels' ' ), array ( 'id' => 0, , 'event' => > 'channels' ' ), array ( 'id' => 0, , 'event' => > 'channels' ' ), array ( 'id' => 0, , 'event' => > 'channels' ' ), );
'Total', , => rand( (10,100),
'Dial In n', => rand( (10,100),
'Dial Ou ut', =>rand(1 10,100),
'Idle', => rand( (10,100),
$usa ageDataPro ovider1 = new CArr rayDataPro ovider($us sage_data1 1, array ( 'pagina ation' => false )); $thi is->render r('index', , array('u usageDataP Provider1' ' => $usa ageDataPro ovider1)); }
Lisensii Dokumen: Copyrigght © 2008-20144 ilmuti.org Seluruhh dokumen di ilmuti.org i dapat digunakan, dim modifikasi dan disebarkan d secaraa bebas untuk tujuan t bukan koomersial (nonproofit), dengan syaarat tidak menghaapus atau merubaah atribut penulis dan pernyataann copyright yangg disertakan dalam m setiap dokumen. Tidak diperbo olehkan melakukan penulisan ulanng, kecuali mendaapatkan ijin terlebbih dahulu dari illmuti.org
Penjeelasan darii kode diattas adalah : method index akaan menamppilkan halam man index dan membaawa data arrray dengann nama usaggeDataProvvider1 dimaana
usageeDataProvid der1
terseebut
adalaah
turunaan
dari
kelas
CArrrayDataProvvider. 2) Padaa file view dengan d nam ma index.phpp, ubah codee menjadi seeperti berikkut : < widget('a > applicatio on.extensi ions.dashb board.dash hboard', a array( 'div vColumns' => array( ('column1' ', 'column n2', 'column3', 'dash-si ing-col-co ontent'), shHeader' => array( ('show'=>t true, 'das 'title'=>'Dashboard d') )); ? ?>
<
a addPortlet t('feeds', , 'Feeds', , 'FEEDS P PORTAL');? ?> a addPortlet t('news', 'News', $this$ > >renderPar rtial('_ne ews',false e,true));? ?> <
<
a addPortlet t('shoppin ng', 'Shop pping', $ $this->ren nderPartia al('_chart t',false,t true));?> a addPortlet t('hits', 'Hits', $this$ > >renderPar rtial('_gr rid_view', ,array('da ataProvide er' => $ $usageData aProvider1 1),true)); ;?> <
<
a addPortlet t('weather r', 'Weath her', '28 C C Colombo'); ?> hp $obj->a addPortlet t('traffic c', 'Traff fic', $thi is >renderPar rtial('_me eter',fals se,true)); ;?> 9 <
<
a addPortlet t('big_cha art', 'Big g Chart', $ $this->ren nderPartia al('_chart t_big',fal lse,true)) );?> <
< end()?> >
P Penjelasan d kode diatas : dari
Lisensii Dokumen: Copyrigght © 2008-20144 ilmuti.org Seluruhh dokumen di ilmuti.org i dapat digunakan, dim modifikasi dan disebarkan d secaraa bebas untuk tujuan t bukan koomersial (nonproofit), dengan syaarat tidak menghaapus atau merubaah atribut penulis dan pernyataann copyright yangg disertakan dalam m setiap dokumen. Tidak diperbo olehkan melakukan penulisan ulanng, kecuali mendaapatkan ijin terlebbih dahulu dari illmuti.org
A. Kuncci untuk menampilkan m n dashboar terletak paada variablee ojb, karenna variable ojb terssebut adallah extensiion yang akan digunnakan. B. Didaalam sintakss div, terdappat method renderpartiial menamppilakn halam man yang ak kan dimasuukan pada poortlet. 44. Menamp pilkan Dashboard Untuk menampilkan m n dashboard d tersebut kita k hanya tinggal mem manggil conttroller beserta nama n methoodnya. Dashboard akaan muncul, tinggal kitaa sesuaikan pada file view w, data apa yang y ingin kita k tampilkkan pada hallaman dashbboard.
Penutup Dalaam membuaat sebuah aplikasi a kehhadiran dasshboard padda halaman n depan applikasi tersebut membeerikan kesaan yang po owerfull. Yii Y memberrikan kemudahan bagii kita
Lisensii Dokumen: Copyrigght © 2008-20144 ilmuti.org Seluruhh dokumen di ilmuti.org i dapat digunakan, dim modifikasi dan disebarkan d secaraa bebas untuk tujuan t bukan koomersial (nonproofit), dengan syaarat tidak menghaapus atau merubaah atribut penulis dan pernyataann copyright yangg disertakan dalam m setiap dokumen. Tidak diperbo olehkan melakukan penulisan ulanng, kecuali mendaapatkan ijin terlebbih dahulu dari illmuti.org
dalam m mendeveelop sebuahh aplikasi yang manna home page tersebuut menamppilkan dashbboard.
Refeerensi http:///en.wikiped dia.org/wiki//Dashboard__(managemeent_informattion_systemss) http:///www.yiifraamework.com/extension n/edashboard/
Bioggrafi Sigit Purn nomo, IT Sttaff dan Maahasiswa. Lahir L di Wonogiri, 5 Jaanuari
1993. Meenyelesaikan n pendidikkan dasar dan meneengah di SDN Gandasari 2 dan SMP PN 8 Tangeerang, Mennamatkan SM MK di SMK KN 4 Tangerangg jurusan Reekayasa Perrangkat Lun nak. Sedang menempuuh S1 di STMIK K Raharjaa jurusan IT denggan konsen ntrasi Soft ftware Engineering. Seedang mendalami pemggrograman w web.
Lisensii Dokumen: Copyrigght © 2008-20144 ilmuti.org Seluruhh dokumen di ilmuti.org i dapat digunakan, dim modifikasi dan disebarkan d secaraa bebas untuk tujuan t bukan koomersial (nonproofit), dengan syaarat tidak menghaapus atau merubaah atribut penulis dan pernyataann copyright yangg disertakan dalam m setiap dokumen. Tidak diperbo olehkan melakukan penulisan ulanng, kecuali mendaapatkan ijin terlebbih dahulu dari illmuti.org