[Type the document title]
LEMBAGA ADMINISTRASI NEGARA REPUBLIK INDONESIA
LAPORAN
[Type the document subtitle] Tahun Anggaran 2014 user
PUSAT PROMOSI INOVASI DAN PENGEMBANGAN KAPASITAS KEDEPUTIAN BIDANG INOVASI ADMINISTRASI NEGARA
LEMBAGA ADMINISTRASI NEGARA 2014
i|
PEMBANGUNAN PORTAL INOVASI ADMINISTRASI NEGARA
LAPORAN AKHIR
PUSAT PROMOSI INOVASI DAN PENGEMBANGAN KAPASITAS
KEDEPUTIAN BIDANG INOVASI ADMINISTRASI NEGARA
LEMBAGA ADMINISTRASI NEGARA 2014
i|
LAPORAN PEMBANGUNAN PORTAL INOVASI ADMINISTRASI NEGARA
Tim Pelaksana
Pengarah Dr. P.M. Marpaung, M.Sc. Penanggungjawab Dra. Sri Wahyuni Dwiningsih, M.Si. Ketua Dwi Ariany, S.Sos., M.Si. Wakil Ketua Agung Nugroho, M.Ed Sekretaris Harti Fitriani, ST., M.T.I Anggota Sri Handayani, SE.Ak., M.Ak Mulyanto, S.Sos Harditya Bayu K, S.Sos., M.Si Apriati Suryarini, SE Puji Rahayu, SAP Untung Sujito Trixsaningtyas Gayatri, SIP, M.Si. Witra Apdhi Yohanitas, S.Kom.
Pusat Promosi Inovasi dan Pengembangan Kapasitas Kedeputian Bidang Inovasi Administrasi Negara Lembaga Administrasi Negara Republik Indonesia Jakarta, 2014
ii | P a g e
KATA PENGANTAR Portal inovasi administrasi negara ini merupakan salah satu pelaksanaan tugas dari Pusat Promosi Inovasi dan Pengembangan Kapasitas dalam mengembangkan sistem informasi di bidang inovasi administrasi negara. Portal inovasi administrasi negara di era perkembangan teknologi informasi saat ini merupakan media yang efektif dalam mempromosikan berbagai inovasi yang telah dilakukan oleh berbagai instansi pemerintah. Tujuan pembangunan portal inovasi administrasi negara adalah membangun sarana penyediaan data dan informasi di bidang inovasi administrasi negara yang up-todate, sehingga tersedia portal yang berisi database inovasi administrasi negara yang dapat digunakan sebagai bahan rujukan instansi pemerintah dalam melakukan replikasi inovasi sesuai dengan kebutuhan dan karakteristiknya. Portal inovasi administrasi negara yang dibangun ini memuat berbagai menu dan desain terkait dengan inovasi administrasi negara khususnya bidang tata pemerintahan, pelayanan publik serta kelembagaan dan SDA. Portal ini menyajikan data dan informasi terkait inovasi yang up-to-date yang sesuai dengan kebutuhan stakeholders seperti berita, artikel, e-book, policy brief, policy paper, hasil kajian, jurnal, presentasi, proyek perubahan, galeri, poster inovasi, e-direktori dan tokoh inovasi. Portal ini juga diharapkan menjadi media share bagi instansi pemerintah yang telah berhasil melakukan inovasi dan sebagai media pembelajaran bagi instansi pemerintah lainnya. Kami berharap semoga portal inovasi administrasi negara ini dapat menjadi referensi bagi instansi pemerintah maupun pihak lain yang membutuhkan informasi dan melakukan replikasi inovasi. Meskipun demikian kami menyadari bahwa portal yang telah kami susun ini masih jauh dari sempurna dan memiliki berbagai kekurangan. Oleh karena itu, selanjutnya portal ini akan lebih dikembangkan secara akomodatif dengan memperhatikan kebutuhan dan masukan yang konstruktif. Kami berharap penyusunan laporan ini dapat bermanfaat dan kami mengucapkan terima kasih dan penghargaan kepada seluruh tim dan semua pihak yang telah bekerja keras sehingga dapat terbangunnya portal inovasi administrasi negara ini.
Jakarta, Juni 2014 Deputi Bidang Inovasi Administrasi Negara
Tri Widodo W. Utomo, SH, MA
iii | P a g e
EXECUTIVE SUMMARY Inovasi dalam penyelenggaraan pemerintahan merupakan hal yang sangat penting karena dapat meningkatkan efektivitas dan efisiensi kinerja penyelenggara pemerintahan yang berdampak pada peningkatan produktivitas kinerja. Inovasi dalam bidang administrasi negara juga perlu didorong dan dikembangkan oleh setiap penyelenggara pemerintahan dalam rangka menunjang program reformasi birokrasi seperti yang sudah dilakukan oleh beberapa daerah. Keberhasilan pengembangan inovasi di beberapa daerah tersebut perlu diapresiasi dimana salah satunya dengan mempromosikan dan menyebarkan inovasi yang sudah diimplementasikan tersebut sehingga bisa menjadi rujukan bagi penyelenggara pemerintahan yang lain. Tetapi hingga saat ini sistem database dan promosi dari berbagai inovasi yang telah dilaksanakan dan dapat diakses sebagai bahan rujukan belum terbangun. Oleh karena itu, untuk mendorong tumbuh dan berkembangnya inovasi di bidang administrasi negara tersebut, maka perlu dibangun portal Inovasi administrasi negara. Portal inovasi administrasi negara ini memanfaatkan penggunaan teknologi informasi agar dapat memberikan hasil dan manfaat yang maksimal bagi seluruh pihak yang membutuhkan serta untuk menunjang pembangunan sistem database inovasi dalam rangka mempermudah pengguna dalam mencari berbagai informasi inovasi administrasi negara. Penggunaan teknologi dalam pembangunan sistem database inovasi juga membantu dalam tata kelola database inovasi menjadi lebih efisien dan efektif. Tujuan dari pembangunan portal inovasi administrasi negara ini adalah tersedianya portal yang berisi database inovasi administrasi negara dan dapat digunakan sebagai bahan rujukan dalam melakukan replikasi inovasi administrasi negara. Sedangkan untuk mengetahui kebutuhan dari pengembangan sistem portal inovasi maka perlu dilakukan survei untuk mengetahui kebutuhan sistem yang akan dikembangkan. Survei dilakukan untuk mengidentifikasi konten dan konsep portal yang akan dikembangkan. Rancangan aplikasi pada portal inovasi administrasi negara memuat tentang (1) rancangan desain direktori inovasi, (2) rancangan peta situs portal inovasi, (3) rancangan arsitektur teknologi, dan (4) rancangan infrastruktur teknologi. Rancangan desain direktori inovasi memuat rancangan data tentang pelaksana inovasi, nama inovasi, produk inovasi, jenis inovasi, penggagas, tahun inisiasi, tahun implementasi, deskripsi singkat, faktor pendorong, faktor penghambat, tahapan proses, manfaat dan prasyarat replikasi. Rancangan peta situs portal inovasi memuat peta aplikasi bank data inovasi dan membahas fitur-fitur yang dibutuhkan, seperti : Search, sitemap, visitor counter, slideshow, berita, artikel, karya tulis, event, forum interaktif, e-direktori, menu tentang kita, menu tokoh inovasi, menu publikasi dan menu contact us. Sedangkan rancangan arsitektur teknologi terdiri dari lapisan database dimana dalam hal ini akan menggunakan teknologi RDMS dari MySql. Sementara untuk pengembangannya akan menggunakan bahasa pemrograman PHP 5.0 (Server script) dengan menggunakan framework dari Yii yang disesuaikan pengembangannya sesuai dengan kebutuhan. Kemudian rancangan iv | P a g e
infrastruktur teknologi adalah tentang teknologi web server, teknologi bahasa pemrograman, teknologi server database dan teknologi framework. Desain antar muka memuat tentang tampilan-tampilan yang ada di dalam portal inovasi administrasi negara, seperti : tampilan muka (front-end), tampilan belakang (backend), tipe konten (tipe konten informasi statis, tipe konten informasi dinamis, tipe konten inovasi), menu navigasi, e-direktori, submit inovasi, verifikasi dan konfirmasi inovasi, login dan registrasi member, forum, dan fitur pendukung lain. Desain antar muka ini menampilkan desain yang ada dalam setiap menu di portal inovasi administrasi negara sehingga tampilan yang ada lebih menarik untuk mengundang stakeholders dalam mengakses portal tersebut. Berbagai macam fitur pendukung dan desain ini untuk memenuhi dan memberikan kemudahan bagi pengguna dalam memenuhi berbagai macam kebutuhan terkait pencarian maupuan pengelolaan data yang ada pada portal inovasi administrasi negara ini. Untuk pengembangan aplikasi portal lebih lanjut dapat dilakukan penyajian data inovasi dalam bentuk video. Selain itu juga dikembangkan fitur tambahan bagi member portal ataupun penambahan fitur multi bahasa. Secara umum portal inovasi administrasi negara ini dibangun untuk memenuhi kebutuhan dalam mempermudah pengelolaan data inovasi sebagai sarana promosi inovasi berbagai macam inovasi yang sudah dilakukan. Selain itu juga dapat membantu berbagai macam pihak untuk mengakses data inovasi yang nanti dapat direplikasi untuk diimpelementasikan pada lingkungan kerja dari masingmasing.
v|Page
DAFTAR ISI
Halaman Depan …..………………………………………………….……...………..….. Tim Pelaksana …………………………………………………………....………….….... Kata Pengantar ……………………………..……………………...………..….……....... Executive Summary ……………………………..……………………...………..….…… Daftar Isi …………………………………………………………...…………..……......... Daftar Gambar …………………………………….……………………………………... Bab I Pendahuluan …………………………………………………………......………... A. Latar Belakang ………………………………………….………..…………... B. Maksud dan Tujuan …………………………...…………..…….....………… C. Survei Data dan Kebutuhan ……………………..……………………...…… Bab II Rancangan Aplikasi …………...……....…………...……...…………..……..…… A. Rancangan Desain Direktori Inovasi …………………………….………….. B. Rancangan Peta Situs Portal Inovasi …………………………………..…… C. Rancangan Arsitektur Teknologi ……………..………....……….…….….… D. Rancangan Infrastruktur Teknologi ……………………….………..….…… Bab III Desain Antar Muka ………………………………………...………….……….… A. Tampilan Muka (Front-end) …………………………………………………. B. Tampilan Belakang (Back-end) ………………………………………………. C. Tipe Konten ………………………………………………….………………. D. Menu Navigasi ……………………………………………………………….. E. E-Direktori ………………………………………………….………………… F. Submit Inovasi ……………………………………………………………….. G. Verifikasi dan Konfirmasi Inovasi ………………………………………….… H. Login dan Registrasi Member ……………………………………………..… I. Forum ……………………………………………………………….………... J. Fitur Pendukung Lain …………………………………………...……..…….. Bab IV Penutup ………………………………………………….…………………..…… A. Kesimpulan ………………………………………………….………….…… B. Saran …………………………………………………………………………
vi | P a g e
i ii iii iv Vi Vii 1 1 2 3 4 4 6 8 9 14 14 15 16 19 20 22 23 24 26 27 31 31 31
DAFTAR GAMBAR
Gambar 1. Peta Struktur Konten Website Portal Inovasi ………………………………. Gambar 2. Gambar Rancangan Arsitektur Teknologi …………………………………... Gambar 3. Tampilan Muka ………………………………………………………………. Gambar 4. Tampilan Belakang (Back-end) ……………………………………………… Gambar 5. Tampilan Login Administrator (Back-end) …………………………………. Gambar 6. Tampilan Tipe Konten Informasi Statis ………………………………...…… Gambar 7. Tipe Konten Informasi Dinamis ……………………………………………... Gambar 8. Tipe Konten Inovasi …………………………………………………………. Gambar 9. Menu Navigasi Utama ……………………………………………………….. Gambar 10. Tampilan Kelola Menu Halaman Admin …………………………………… Gambar 11. Tampilan E-Direktori Portal Inovasi ………………………………………… Gambar 12. Tampilan Tautan Submit Inovasi …………………………………………… Gambar 13. Tampilan Perintah Login atau Registrasi …………………………...……… Gambar 14. Tampilan Form Submit Inovasi …………………………………..………… Gambar 15. Tampilan Halaman Admin Konfirmasi Inovasi ……………………...……… Gambar 16. Tampilan Perintah Untuk Login atau Registrasi …………….......………… Gambar 17. Tampilan Tautan Forum ………………………………………………......… Gambar 18. Tampilan Slideshow ……………………………………………………….... Gambar 19. Tampilan Fitur Kategorisasi Inovasi …………………………...…………… Gambar 20. Tampilan Inovasi Terbaru ………………………………………..………… Gambar 21. Tampilan Inovasi Terpopuler ………………………………………..……… Gambar 22. Tampilan Fitur Visitor Counter ……………………………………………... Gambar 23. Tampilan Berita Terbaru …………………………………………….....……
7 9 14 15 16 16 17 18 19 19 21 22 22 23 24 24 26 28 28 29 29 30 30
vii | P a g e
BAB I PENDAHULUAN A. Latar Belakang Inovasi dalam penyelenggaraan kegiatan pemerintahan merupakan hal yang sangat penting untuk dikembangkan dan dijalankan dalam setiap kegiatan dari penyelenggara pemerintahahan seperti Kementerian, Pemerintah Daerah, LSM, dan BUMN/BUMD. Hal ini karena inovasi dapat meningkatkan efektivitas dan efisiensi kinerja penyelenggara pemerintahan yang pada akhirnya akan berdampak pada peningkatan produktivitas dari masing-masing penyelenggara pemerintahan tersebut. Inovasi yang dimaksud dalam hal ini dapat berarti proses memikirkan dan mengimplementasikan suatu gagasan yang memiliki unsur kebaharuan serta kemanfaatan. Lebih jauh lagi, inovasi dalam bidang administrasi negara ini perlu didorong dan dikembangkan oleh setiap penyelenggara pemerintahan dalam rangka menunjang program reformasi birokrasi yang telah dicanangkan oleh Kementerian Pemberdayaan Aparatur Negara dan Reformasi Birokrasi. Keberhasilan beberapa Pemerintah Daerah dalam melakukan inovasi, antara lain: Pemerintah Provinsi Gorontalo, Kabupaten Jembrana, Kabupaten Sragen, Kota Surakarta, Kota Surabaya, dan Kota Pekalongan. Keberhasilan suatu daerah dalam mengembangkan inovasi tentunya akan menjadi daya tarik atau rujukan bagi daerah lain untuk melakukan benchmark. Selain itu, keberhasilan pengembangan inovasi ini tentunya perlu diapresiasi salah satunya adalah dengan mempromosikan dan menyebarkan inovasi yang sudah diimplementasikan sehingga bisa menjadi rujukan bagi penyelenggara pemerintahan yang lain. Tujuan akhir dari kegiatan ini adalah agar penyelenggara
pemerintah
tersebut
mencoba
untuk
mereplikasi
dan
mengimplemetasikan inovasi di wilayah kerjanya masing-masing. Namun demikian, hingga saat ini sistem database dan promosi dari berbagai inovasi yang telah dilaksanakan oleh setiap penyelenggara pemerintahan secara nasional dan dapat diakses oleh Kementerian/Lembaga, Pemda, Swasta, NGO (LSM) dan masyarakat sebagai bahan rujukan belum terbangun. 1|Page
Oleh sebab itu, untuk mendorong tumbuh dan berkembangnya
inovasi di
bidang administrasi negara, maka perlu dibangun portal Inovasi Administrasi Negara. Portal Inovasi ini memuat direktori inovasi yang berisi beragam inovasi yang dilakukan oleh Kementerian, LPNK, LNS, Pemda, Lembaga-Lembaga Negara, atau BUMN/BUMD, berita inovasi terbaru, artikel inovasi terbaru, koleksi e-book, tokoh inovasi dan berbagai publikasi inovasil ainnya. Dalam pengembangannya, aplikasi portal inovasi ini memanfaatkan penggunaan teknologi informasi agar dapat memberikan hasil dan manfaat yang maksimal bagi seluruh pihak yang membutuhkan. Penggunaan teknologi informasi mempunyai peran penting dalam rangka menunjang pembangunan sistem database inovasi tersebut. Penggunaan teknologi dalam pembangunan sistem database inovasi membantu dalam tata kelola database direktori inovasi menjadi lebih efisien dan efektif. Teknologi informasi juga merupakan salah satu kunci pendukung terselenggaranya pemerintahan berbasis elektronik (e-Gorvernment) dalam rangka mempermudah pengguna dalam mencari berbagai informasi Inovasi Administrasi Negara.
B. Maksud dan Tujuan Tujuan dari kegiatan ini adalah tersedianya portal inovasi administrasi negara yang berisi database inovasi administrasi negara dan dapat digunakan sebagai bahan rujukan dalam melakukan replikasi inovasi administrasi negara. Portal database inovasi Administrasi Negara ini dapat dijadikan sarana untuk mempromosikan berbagai inovasi yang sudah berhasil dilaksanakan agar dapat membantu innovator dan instansi pemerintah lain untuk mempromosikan dan mengimplementasikan berbagai inovasi tersebut di instansi masing-masing sesuai dengan kebutuhan dan karakteristik daerahnya.
2|Page
C. Survei Data dan Kebutuhan Untuk mengetahui kebutuhan dari pengembangan sistem portal inovasi maka perlu dilakukan survei untuk mengetahui kebutuhan sistem yang akan dikembangkan. Survei dilakukan untuk mengidentifikasi konten dan konsep portal yang akan dikembangkan. Secara umum, survei dilakukan untuk mengidentifikasi kebutuhan sistem sebagai berikut: a. Kebutuhan struktur data dan informasi apa saja yang yang akan ditampilkan dalam portal inovasi sesuai dengan kebutuhan; dan b. Kebutuhan teknologi yang sesuai dengan sistem yang sudah ada di lingkungan Lembaga Administrasi Negara.
3|Page
BAB II RANCANGAN APLIKASI A. Rancangan Desain Direktori Inovasi Desain direktori inovasi memuat rancangan data sebagai berikut : a. Pelaksana Inovasi Pengisian kolom pelaksana inovasi dilakukan dengan dengan memilih salah satu dari lima kelompok di mana inovasi dilakukan, sebagaimana daftar berikut ini : 1. Kelompok Kementerian/Lembaga; 2. Kelompok Pemerintah Daerah (Provinsi, Kabupaten/Kota); 3. Kelompok BUMN dan BUMD; 4. Kelompok LSM/NGO; dan 5. Kelompok masyarakat. Contoh : Jika sebuah inovasi dilakukan oleh Pemerintah Kabupaten Kudus, maka akan dipilih kelompok Pemerintah Daerah (Provinsi/ Kabupaten/ Kota). b. Nama Inovasi Pengisian kolom Nama Inovasi dilakukan dengan mengisi sesuai nama (kegiatan/ program) inovasi. Misalnya “ Pelayanan KTP di Desa/Kel. Kab. Kudus”. c. Produk Inovasi Pengisian kolom produk inovasi dilakukan dengan mengisi hasil (kegiatan/ program) inovasi. Misalnya Kegiatan Pelayanan KTP di Desa/Kel. Kabupaten Kudus menghasilkan sistem untuk pelayanan KTP. maka yang diisi dalam kolom ini adalah “Sistem Administrasi Kependudukan (SIAK)”. d. Jenis Inovasi Pengisian kolom jenis inovasi diisi dengan memilih salah satu atau lebih dari jenis inovasi yang disediakan, yaitu: 1) Proses meliputi : SOP, Tata Laksana, Sistem dan Prosedur. 2) Metode meliputi : strategi, cara , teknik baru. 3) Produk meliputi : Barang, Jasa. 4|Page
4) Konseptual meliputi : paradigma, ide, gagasan, pemikiran, terobosan baru. 5) Teknologi meliputi : e-government, tools (pembaruan peralatan/ perangkat). 6) Struktur Organisasi meliputi : Struktur baru, penggabungan, penghapusan, pengembangan. 7) Hubungan meliputi : partnership, partisipasi masyarakat, relationship, networking. 8) Sumber Daya Manusia meliputi : tata nilai (culture, mind set, etika), kepemimpinan, kompetensi, profesionalisme, pemberdayaan. Misalnya Produk inovasi yang dihasilkan kabupaten Kudus adalah sebuah Sistem Administrasi Kependudukan (SIAK). Sistem tersebut dapat digolongkan pada egovernment yang saat ini sangat gencar untuk dikembangkan. Maka SIAK dapat digolongkan pada jenis inovasi teknologi. e. Penggagas Pengisian kolom penggagas diisi dengan nama instansi/kelompok/orang yang menggagas munculnya inovasi. Misalnya pada inovasi “Pelayanan KTP di Desa/Kel Kab. Kudus” digagas oleh Bupati Kudus Bapak H. Mustofa. f. Tahun Inisiasi Pengisian kolom tahun inisiasi diisi dengan tahun inovasi tersebut mulai digagas/ diinisiasi. Misalnya pada inovasi “Pelayanan KTP di Desa/Kel. Kab. Kudus” mulai diinisiasi pada tahun 2008. g. Tahun Implementasi Pengisian kolom tahun implementasi diisi dengan tahun inovasi tersebut mulai dijalankan/diimplementasikan. Misalnya pada inovasi “Pelayanan KTP di Desa/Kel Kab Kudus” mulai diimplementasikan pada tahun 2009. h. Deskripsi Singkat Pengisian
kolom
deskripsi
singkat
diisi
dengan
permasalahan
yang
melatarbelakangi inovasi, tujuan inovasi, serta strategi inovasi.
5|Page
i.
Faktor Pendorong Pengisian kolom faktor pendorong diisi dengan hal hal yang menjadi pemicu dan pendorong munculnya inovasi.
j.
Faktor Penghambat Pengisian kolom faktor penghambat diisi dengan hal hal yang menjadi penghambat munculnya inovasi.
k. Tahapan Proses Pengisian kolom tahapan proses diisi dengan langkah-langkah proses inisiasi sampai dengan implementasi inovasi l.
Manfaat Diisi dengan hasil atau manfaat dari pelaksanaan inovasi.
m. Prasyarat Replikasi Pengisian kolom prasyarat replikasi diisi dengan kemungkinan apakah inovasi tersebut dapat direplikasi dan diimplementasikan di tempat lain
dengan
memperhatikan karakteristik dan kondisi setempat.
B. Rancangan Peta Situs Portal Inovasi Aplikasi bank data inovasi akan memiliki rancangan peta situs portal sebagai berikut :
6|Page
Portal Inovasi
home
search
sitemap
visitor counter
slideshow kegiatan/agenda
Berita, artikel, karya tulis ttg inovasi
event
Forum Interactive
e-direktori
tentang kita
Pusat
publikasi
Profil
tata pemerintahan
berita
visi misi
pelayanan publik
artikel
struktur org
kelembagaan dan SDA
e-book
contact us
policy brief
jurnal
Karya tulis
galeri
Gambar 1. Peta Struktur Konten Portal Inovasi
Situs portal inovasi akan memiliki beberapa fitur yang dibutuhkan sebagai berikut : a. Search, ini merupakan fitur pencarian untuk memudahkan pengunjung melakukan pencarian pada konten portal; b. Sitemap, fitur ini berfungsi untuk memudahkan pengunjung dalam menjelajahi struktur dari portal; 7|Page
c. Visitor Counter, fitur ini berfungsi untuk menampilkan statistik kunjungan pada portal; d. Slideshow, fitur ini menampilkan beberapa gambar / foto yang dianimasikan sehingga akan membuat tampilan portal menjadi lebih menarik; e. Berita, Artikel, Karya Tulis, fitur ini menampilkan tulisan terkait dengan konten berita, artikel, karya tulis, dan konten lain yang sejenis; f. Event, fitur ini menampilkan daftar event apa saja yang sedang ataupun akan berjalan; g. Forum interaktif, fitur ini memungkinkan portal untuk memiliki forum sebagai sarana komunikasi interaktif baik dengan sesama pengunjung maupun dengan pengelola portal; h. E-direktori, fitur ini menampilkan database inovasi yang ada pada portal inovasi; i.
Menu Tentang Kita, menu ini menampilkan berbagai informasi terkait dengan profil dari Kedeputian diantaranya: profil, visi misi, struktur organisasi;
j.
Menu Tokoh Inovasi, menu ini menampilkan tokoh inovasi;
k. Menu Publikasi, menu ini menampilkan berbagai informasi yang sifatnya dinamis dan terus bertambah seiring berjalannya waktus seperti: berita, artikel, e-book, policy brief, jurnal, karya tulis, dll; l.
Menu Contact Us, menu ini akan menampilkan sarana untuk menghubungi pengelola portal.
C. Rancangan Arsitektur Teknologi Pengguna dari Sistem dibedakan menjadi dua jenis pengguna yaitu user dan administrator. Adapun arsitektur teknologi yang coba dikembangkan dapat dilihat seperti gambar dibawah ini.
8|Page
Administration Page
Front Page Yii Framework PHP5.0 Modul Apache Web Server
Database Gambar 2. Gambar Rancangan Layer Arsitektur Teknologi
Lapisan paling bawah adalah lapisan database dimana dalam hal ini akan menggunakan teknologi RDMS dari MySql. Sementara untuk pengembangannya akan menggunakan bahasa pemrograman PHP 5.0 (Server script) dengan menggunakan framework dari Yii yang disesuaikan pengembangannya sesuai dengan kebutuhan.
D. Rancangan Infrastruktur Teknologi a. Teknologi Web Server
Web server adalah sebuah aplikasi server yang berkomunikasi dengan aplikasi client dengan menggunakan HTTP (HyperText Transfer Protocol). Untuk aplikasi modern HTTP telah menjadi protokol yang populer digunakan untuk komunikasi antar aplikasi dibanding protokol binary karena kemudahan implementasi terutama terkait dengan masalah konfigurasi firewall. Selain itu dengan diterimanya standar XML secara luas sebagai lingua franca antar aplikasi maka HTTP otomatis semakin luas digunakan karena HTTP adalah 9|Page
cara termudah untuk mengirim XML. Sebuah server web dapat melayani permintaan datadata statis, namun untuk data dinamis yang melibatkan input atau pemrosesan data umumnya sebuah web server perlu memanggil server-side script atau CGI untuk melakukan fungsi-fungsi tersebut. Web server yang digunakan adalah web server Apache 2.2 yang dibuat oleh Apache Software Foundation. Web server Apache pada saat ini (data Netcraft Februari 2009) digunakan oleh 49% situs yang ada di internet. Apache memiliki reputasi sebagai web server yang paling cepat, aman, stabil, mudah dikelola, dan mudah dikombinasikan dengan teknologi lain. Apache juga dapat dijalankan di sistem operasi berbasis UNIX, GNU/Linux, Windows, dan beberapa sistem operasi lain. Apache dapat memanggil berbagai jenis modul server-side script di mana yang paling umum digunakan adalah PHP.
b. Teknologi Bahasa Pemrograman Server-side script adalah aplikasi yang dipanggil oleh web server untuk melakukan fungsifungsi dinamik seperti misalnya memasukkan dan memroses data. Server-side script umumnya juga berhubungan dengan database untuk memperoleh datanya. Server-side script yang digunakan adalah PHP 5.PHP (singkatan dari PHP: HyperText Processor) adalah server-side script yang paling banyak digunakan di internet. PHP yang dikembangkan oleh Rasmus Lerdorf sejak versi 3 menggunakan parser yang dikembangkan oleh Zend Technologies. Keunggulan PHP dibandingkan dengan server-side script yang lain (ASP.NET, JSP, Perl, Cold Fusion, dll.) antara lain adalah:
PHP dikenal memiliki kinerja yang cepat dan dapat mengolah beban besar.
PHP memiliki library non-standar dalam jumlah besar (143) sehingga memiliki kemampuan untuk memanfaatkan beragam teknologi. Hal ini berkaitan dengan sifat keterbukaannya dan maturitasnya sehingga 10 urvey seluruhnya dapat diperoleh dengan bebas.
PHP 5 memiliki dukungan penuh untuk pemrograman object-oriented dengan fiturfitur seperti object model, member private dan protected, method private dan protected, class dan method abstract, interface, object cloning, constructor, destructor, dan exception.
Bahasa PHP 10urvey10v mudah dipelajari sehingga memiliki komunitas yang besar. Oleh karena itu dukungan mudah diperoleh dalam bentuk sumber daya manusia maupun referensi.
10 | P a g e
PHP dapat dijalankan oleh beberapa server web yang berbeda (Apache, IIS, IBM Websphere, Oracle AS, dan lain-lain).
c. Teknologi Server Database Server database adalah sebuah aplikasi yang berfungsi untuk menyimpan dan membaca data terstruktur dengan cara yang cepat, aman, namun dapat menampung data dalam jumlah yang besar. Mayoritas server database berupa Relational Database Management System (RDBMS) yang menyimpan data dalam bentuk 11 urve-tabel yang saling berhubungan. Komunikasi dengan sebuah RDBMS dilakukan dengan menggunakan bahasa SQL yang distandarisasi oleh ISO. Walaupun jenis produk dan vendor RDBMS cukup beragam (diantaranya yang terbesar adalah Oracle, IBM, dan Microsoft) semuanya memiliki implementasi SQL standar tersebut dengan sedikit perbedaan (disebut dialek SQL). Server database yang digunakan dalam sistem adalah MySQL 5. MySQL termasuk RDBMS (Relational Database Management System) yang memiliki fitur standar RDBMS. MySQL dikembangkan secara open source oleh komunitas dipimpin oleh perusahaan MySQL AB dari Swedia yang kini telah diakuisi oleh Oracle Corp. MySQL versi5 telah mengikuti standar SQL dengan fitur-fitur: a) Query yang kompleks b) Foreign key c) Trigger d) View e) Integritas transaksi MySQL 5 dapat dijalankan di operasi berbasis UNIX, GNU/Linux, maupun Windows NT. MySQL dapat digunakan secara gratis, namun dukungan komersial juga dapat diperoleh dari beberapa perusahaan.
d. Teknologi Framework Framework aplikasi adalah desain dan program kerangka
aplikasi
yang
digunakan
untuk
membangun aplikasi-aplikasi yang sejenis. Framework memiliki banyak pustaka tingkat tinggi yang dapat digunakan secara berulang. Umumnya framework perangkat lunak didesain secara berorientasi objek sehingga desain dan programnya
tersedia
sebagai
class-class
abstract.
Framework
aplikasi
mendefinisikan arsitektur aplikasi sehingga penambahan fungsi-fungsi lain dapat dilakukan dengan menambah modul-modul tanpa perlu memodifikasi kode 11 | P a g e
program yang sudah ada (kecuali file-file konfigurasi). Yii adalah sebuah kerangka kerja pengembangan aplikasi web yang dibangun menggunakan PHP 5 dan mengutamakan desain arsitektur yang bersih, mengikuti prinsip DRY (Don’t Repeat Yourself), dan memungkinkan pengembangan aplikasi dengan cepat. Pengembangan aplikasi berbasis Yii diarahkan untuk menghasilkan aplikasi akhir yang sangat efisien namun mudah dikembangkan dan dipelihara. Dengan melakukan optimasi kinerja, Yii dapat digunakan untuk membangun aplikasi yang kompleks. Pengembang dapat memiliki kendali penuh terhadap konfigurasi dari lapis presentasi sampai dengan lapis database untuk memenuhi persyaratan lingkungan teknologi. Fitur-fitur framework iniadalah:
Pola desain arsitektur Model-View-Controller (MVC) yang sudah teruji sehingga terjadi pemisahan fungsi yang jernih.
Fitur-fitur Database Access Object (DAO), Query Builder, Active Record, dan Database Migration untuk mengelola database yang meminimalkan kebutuhan untuk menuliskan query database secara manual.
Fasilitas input dan validasi form sehingga pengolahannya lebih mudah dengan adanya validator untuk mengecek masukan dan widget antarmuka untuk membangun antarmuka yang user-friendly.
Widget-widget AJAX berbasis jQuery seperti auto-complete, treeview, dan data grid.
Otentikasi dan otorisasi melalui 12urvey12 akses berbasis role (RBAC)
Mekanisme pengaturan tampilan dengan theme dan template desain visual.
Fasilitas penanganan web services dan generator WSDL secara otomatis.
Fasilitas Internasionalisasi (i18n) dan lokalisasi (l10n) untuk keperluan penerjemahan pesan dan format angka, tanggal dan waktu.
Skema cache pada tingkat data, laman, fragmen, dan konten dinamis.
Penanganan kesalahan dan logging.
Fasilitas keamanan situs dengan pengecekan terhadap injeksi SQL, XSS, penipuan cross-site request, dan modifikasi cookie.
12 | P a g e
Pengujian dengan unit test dan pengujian fungsionalitas berdasarkan PHP Unit
dan Selenium.
Generasi kode otomatis untuk model dan form input untuk CRUD.
Mengikuti standar XHTML
Mengikuti 13urvey13v berorientasi objek secara murni.
Dapat dikombinasikan dengan kode lain, seperti misalnya PEAR atau Zend.
Kode dan pustaka terdokumentasi secara detail
Komponen pustaka yang dapat ditambahkan oleh komunitas.
13 | P a g e
BAB III DESAIN ANTAR MUKA A. Tampilan Muka (Front-end) Tampilan muka / front-end merupakan tampilan yang akan dilihat oleh pengunjung umum dari portal inovasi. Aplikasi dibangun dengan mengacu pada tema inovasi yang menampilkan kesan kreatif dan inovasi, oleh sebab itu tema desain dibuat dinamis, fleksibel, dan tidak kaku. Tema warna menggunakan perpaduan warna hijau dan ungu untuk memperkuat kesan kreatif dan inovatif. Berikut ini tampilan dari tema desain aplikasi portal inovasi:
Gambar 3. Tampilan Muka (Front-end)
Pada tampilan depan ini pengunjung dapat mengakses seluruh informasi utama yang ada pada portal inovasi seperti informasi profil pengelola portal, informasi berita dan pengumuman, serta informasi berbagai inovasi yang merupakan konten utama dari portal inovasi ini.
14 | P a g e
B. Tampilan Belakang (Back-end) Selain memiliki tampilan muka (front-end), aplikasi portal ini memiliki tampilan belakang (back-end). Tampilan belakang merupakan sistem yang dibuat untuk mengakomodir pengelolaaan konten portal inovasi. Pengelola portal dalam upayanya memperbarui konten portal seperti menambah, menyunting, maupun menghapus berbagai macam data pada portal harus dilakukan melalui halaman back-end. Berikut ini merupakan tampilan back-end dari aplikasi portal inovasi:
Gambar 4. Tampilan Belakang (Back-end)
Untuk dapat mengakses halaman back-end, pengelola harus diautentikasi terlebih dahulu dengan melakukan login pada halaman portal yang sudah disediakan. Berikut ini tampilan dari halaman login ke halaman admin (back-end):
15 | P a g e
Gambar 5. Tampilan Login Administrator (Back-end)
C. Tipe Konten Portal memiliki tiga jenis konten diantaranya: 1. Tipe konten Informasi Statis Tipe konten ini menampilkan konten dalam bentuk informasi tunggal dan hanya dalam satu halaman saja. Konten halaman ini menyimpan data judul informasi serta isi / konten dari informasi. Contoh halaman yang termasuk dalam tipe konten informasi statis adalah halaman tentang kami, visi misi, struktur organisasi, dll. Berikut ini merupakan contoh tampilan tipe konten informasi statis:
Gambar 6. Tampilan Tipe Konten Informasi Statis
16 | P a g e
2. Tipe Konten Informasi Dinamis Tipe konten dinamis dibuat untuk menampilkan jenis konten yang terus bertambah dan diperbarui secara rutin. Contoh dari tipe konten ini adalah konten berita, pengumuman, artikel, jurnal, policy brief, dll. Berikut ini merupakan contoh tampilan tipe konten informasi dinamis:
Gambar 7. Tipe Konten Informasi Dinamis
3. Tipe Konten Inovasi Tipe konten inovasi dibuat khusus untuk menampilkan data inovasi. Tipe konten ini merupakan tipe konten utama dari aplikasi portal inovasi. Konten ini menampilkan data inovasi yang ada pada portal. Data yang ditampilkan mencakup berbagai macam aspek yang akan ditampilkan pada portal. Informasi yang ditampilkan dalam tipe konten inovasi sesuai dengan rancangan diantara: Kelompok Inovator, Nama Instansi, Unit Instansi, Tahun Inisiasi, Tahun Implementasi, Jenis Inovasi, Nama Inovasi, Produk Inovasi, Penggagas, Kontak, Deskripsi, Faktor Pendorong, Faktor Penghambat, Tahapan Proses, Manfaat, dan Syarat Replikasi. Berikut ini merupakan contoh tampilan tipe konten inovasi:
17 | P a g e
Gambar 8. Tipe Konten Inovasi
18 | P a g e
D. Menu Navigasi Menu navigasi menampilkan struktur konten / peta situs dari portal. Melalui menu navigasi ini, pengunjung dapat menjelajahi seluruh konten yang berada pada portal inovasi ini. Berdasarkan struktur peta situs yang diusulkan maka dibuatlah susunan menu navigasi utama seperti dijelaskan di bawah ini. Menu navigasi utama berada di bagian atas, di bawah header. Berikut ini tampilan dari menu utama:
Gambar 9. Menu Navigasi Utama
Menu-menu yang ditamplikan dalam menu navigasi dapat diubah seperti ditambah maupun dikurangi melalui halaman admin / back-end. Berikut ini tampilan dari halaman admin untuk mengelola menu navigasi:
Gambar 10. Tampilan Kelola Menu Halaman Admin
19 | P a g e
Berikut ini menu navigasi yang ada pada aplikasi portal: Home Menu home akan mengalihkan pengunjung ke halaman beranda / depan dari aplikasi portal atau home. Tentang Kami Menu tentang kami terdiri dari beberapa sub menu antara lain sub menu profil, visi misi, dan struktur organisasi. Direktori Inovasi Direktori inovasi menampilkan link ke e-Direktori dari aplikasi. Selain itu, menu ini memiliki beberapa sub menu diantaranya. Kerjasama Menu kerjasama akan menampilkan informasi terkait dengan tindak lanjut lebih jauh bagi para stakeholder yang bermaksud untuk menjalin kerjasama terkait dengan konsultasi impmelentasi kerjasama bidang inovasi administrasi negara. Kontak Kami Kontak kami menampilkan data cara menghubungi pengelola portal.
E. E-Direktori Halaman e-direktori menampilkan seluruh inovasi yang ada pada aplikasi portal inovasi administrasi negara. Inovasi yang ditampilkan merupakan inovasi yang sudah melalui tahapan proses verifikasi oleh tim internal pengelola aplikasi portal inovasi. Selain pengelola, pengunjung pun dapat mengirimkan inovasi kepada pengelola aplikasi melalui menu “Submit Inovasi”. Pada halaman depan e-direktori akan ditampilkan data singkat dari inovasi yang meliputi:
Kelompok Inovator
Nama Instansi
Nama Inovasi
Deskripsi
Jenis Inovasi
20 | P a g e
Untuk data inovasi yang lebih lengkap bisa dilihat setelah pengunjung melihat detail dari inovasi yang dapat dilakukan dengan mengklik ikon “kaca pembesar” yang berada pada sisi kanan dari setiap data inovasi yang ditampilkan. Untuk memudahkan pengunjung dalam menjelajah data inovasi, halaman e-direktori ini dilengkapi dengan berbagai macam fitur penunjang seperti:
Fitur Pencarian, fitur ini digunakan untuk mencari data berdasarkan kelompok inovasi, nama instansi, nama inovasi, deskrpsi, dan jenis inovasi;
Fitur Unduh Data, fitur ini digunakan untuk mengunduh data lengkap dari setiap inovasi.
Berikut ini tampilan dari halaman e-direktori:
Gambar 11. Tampilan e-Direktori Portal Inovasi
21 | P a g e
F. Submit Inovasi Portal inovasi ini dilengkapi dengan fitur submit inovasi yang memungkinkan pengunjung untuk mengirimkan data inovasi kepada pengelola portal. Untuk mengirimkan inovasi, pengunjung dapat mengakses melalui link “Submit Inovasi” yang berada pada sisi kanan halaman seperti pada gambar di bawah ini:
Gambar 12. Tampilan Tautan Submit Inovasi
Untuk dapat mengirimkan data inovasi, pengunjung harus terlebih dahulu login sebagai member pada website portal inovasi ini. Jika belum terdaftar sebagai member, pengunjung dapat melakukan registrasi terlebih dahulu melalui tautan yang sudah disediakan. Jika belum login, pengunjung akan dialihkan terlebih dahulu pada halaman yang menampilkan tautan ke halaman login maupun halaman registrasi seperti ditunjukkan pada gambar di bawah ini.
Gambar 13. Tampilan Perintah Login atau Registrasi
Data inovasi yang nanti dikirimkan oleh pengunjung tidak akan langsung muncul pada halaman e-direktori. Data tersebut akan diperiksa dan dicek terlebih dahulu oleh pihak
22 | P a g e
pengelola data inovasi. Jika data inovasi yang diinputkan sesuai maka tim pengelola akan menerbitkan data inovasi tersebut. Jika sudah login, pengunjung akan dialihkan pada halaman Submit Inovasi seperti ditunjukkan pada gambar di bawah ini:
Gambar 14. Tampilan Form Submit Inovasi
G. Verifikasi dan Konfirmasi Inovasi Data inovasi hasil dari fitur submit inovasi pada bagian sebelumnya tidak langsung tampil pada halaman e-direktori. Untuk dapat ditampilkan, data inovasi tersebut harus diperiksa terlebih dahulu oleh tim pengelola portal inovasi. Jika dirasa sudah sesuai, tim pengelola ini akan menampilkan data inovasi dengan mengubah status dari data inovasi tersebut yang awalnya berstatus tidak terbit menjadi berstatus terbit. Proses verifikasi dan konfirmasi tersebut dapat dlakukan oleh tim pengelola melalui halaman admin (back-end). Berikut ini tampilan dari halaman admin kelola data konfirmasi inovasi:
23 | P a g e
Gambar 15. Tampilan Halamn Admin Konfirmasi Inovasi
H. Login dan Registrasi Member Website portal inovasi ini dilengkapi pula dengan fitur keanggotaan / member dari pengunjung website. Pada dasarnya, fitur ini dibuat untuk mendukung proses pengiriman data inovasi dari pihak luar / pengunjung. Dalam hal ini, pengunjung yang ingin mengiriman data inovasi melalui fitur Submit Inovasi harus login terlebih dahulu sebagai member di portal inovasi ini. Pengunjung yang sudah melakukan registrasi dapat langsung melakukan login melalui halaman login yang disediakan. Berikut ini tampilan halaman login:
Gambar 16. Tampilan Perintah Untuk Login atau Registrasi
24 | P a g e
Jika belum tedaftar sebagai member, pengunjung harus melakukan registrasi terlebih dahulu melalui tautan yang sudah disediakan. Pada proses registrasi member baru ini, terdapat beberapa data yang akan diisi oleh member sebagai berikut:
Email (digunakan untuk login)
Password (digunakan untuk login)
Nama
Alamat
Telepon
Nama Instansi
Alamat Instansi
Telepon Instansi
Setelah proses registrasi selesai, pengunjung dapat login dengan menggunakan Informasi email dan password yang sudah diisikan. Berikut ini tampilan dari halaman registrasi member baru:
25 | P a g e
I. Forum Forum merupakan fitur tambahan yang disematkan pada portal inovasi. Tujuan fitur ini adalah untuk memungkinkan terjadinya proses komunikasi multi arah yang dapat terjadi baik antara pengunjung dengan pengelola maupun antara sesama pengunjung. Forum cocok digunakan sebagai sarana tanya jawab, diskusi, maupun ajang berbagai informasi baik dari tim pengelola website portal inovasi maupun dari pengunjung yang lain. Pada forum, pengunjung dapat membuat sebuah tulisan terkait dengan topik tertentu. Tulisan ini nanti dapat dibalas / dijawab oleh pengunjung yang lain maupun oleh tim pengelola. Dengan demikian diharapkan dapat terjadi komunikasi yang lebih dinamis sehingga tulisan dapat berkembang lebih jauh. Untuk mengakses forum, pengunjung dapat mengklik tautan yang sudah disediakan pada sisi kanan halaman website seperti ditunjukkan pada gambar di bawah ini:
Gambar17. Tampilan Tautan Forum
Jika tautan tersebut diklik, pengunjung akan dialihkan pada halaman lain yang akan menampilkan aplikasi forum dari portal inovasi. Berikut ini tampilan dari aplikasi forum website portal inovasi.
26 | P a g e
J. Fitur Pendukung Lain Selain fitur-fitur yang disebutkan diatas, portal ini dilengkapi pula dengan berbagai macam fitur pendukung yang lain diantaranya:
Fitur Pencarian Fitur ini memiliki fungsi untuk melakukan pencarian data pada database portal inovasi. Berikut ini pengaplikasian fitur pencarian pada aplikasi portal inovasi:
Slideshow Slideshow menampilkan gambar ilustrasi pada portal yang berubah-ubah selama selang waktu tertentu.
27 | P a g e
Gambar 18. Tampilan Slideshow
Fitur Kategorisasi Inovasi Fitur ini menampilkan data kategorisasi inovasi. Terdapat 3 (tiga) macam kategorisasi yang ditampilkan diantaranya:
Berdasarkan Jenis Inovasi
Berdasarkan Kelompok Inovator
Berdasarkan Tahun Inisiasi
Pada masing-masing kategori tersebut ditampilkan pula jumlah inovasi yang berada pada kategori tersebut. Berikut ini tampilan dari fitur kategorisasi inovasi:
Gambar 19. Tampilan Fitur Kategorisasi Inovasi
28 | P a g e
Fitur Inovasi Terbaru Fitur ini menampilkan daftar inovasi yang diurutkan berdasarkan inovasi yang paling baru diterbitkan. Berikut ini tampilan dari fitur inovasi terbaru:
Gambar 20. Tampilan Inovasi Terbaru
Fitur Inovasi Terpopuler Fitur ini menampilkan daftar inovasi yang diurutkan berdasarkan inovasi yang paling popular diterbitkan. Berikut ini tampilan dari fitur inovasi terpopuler:
Gambar 21. Tampilan Inovasi Terpopuler
29 | P a g e
Fitur Visitor Counter Fitur ini menampilkan data statistik kunjungan dengan pengelompokkan antara lain: kunjungan hari ini, kunjungan total, halaman yang dilihat hari ini, dan jumlah pengunjung yang online saat ini. Berikut ini tampilan dari fitur visitor couter:
Gambar 22. Tampilan Fitur Visitor Counter
Fitur Berita Terbaru Fitur ini berada pada halaman home / beranda dan menampilkan daftar konten terbaru dari tipe data konten informasi dinamis. Berikut ini tampilan dari fitur berita terbaru:
Gambar 23. Tampilan Berita Terbaru
30 | P a g e
BAB IV PENUTUP
A. Kesimpulan Aplikasi portal inovasi administrasi negara yang dibangun dapat memenuhi kebutuhan untuk
mempermudah
pengelolaan
data
inovasi
pada
lembaga
penyelenggara kegiatan pemerintah maupun swasta. Selain kemudahan pengelolaan, dengan dibuatkannya aplikasi dalam bentuk portal inovasi, aplikasi ini juga dapat pula memenuhi kebutuhan akan sarana promosi bagi berbagai macam inovasi yang sudah dijalankan. Dengan demikian, aplikasi ini ini dapat digunakan untuk membantu berbagai macam pihak untuk mengakses data inovasi yang nanti dapat direplikasi untuk diimpelementasikan pada lingkungan kerja dari masing-masing pengunjung. Aplikasi yang dibangun ini telah dilengkapi pula dengan berbagai macam fitur pendukung. Dengan adanya tambahan berbagai macam fitur pendukung ini, aplikasi mampu untuk memenuhi dan memberikan kemudahan bagi pengguna dalam memenuhi berbagai macam kebutuhan terkait pencarian maupuan pengelolaan data inovasi yang ada pada portal. Hal ini pada akhirnya diharapkan sehingga dapat memberikan hasil yang maksimal bagi seluruh pihak bagi pihak pengelola maupun pihak pengunjung.
B. Saran Pengembangan aplikasi dapat dilakukan dengan perluasan penambahan jenis penyajian data inovasi dalam bentuk video. Selain itu, diperlukan juga rencana tahapan lebih lanjut terkait fitur tambahan untuk memberikan kelebihan bagi member portal sehingga para pengunjung akan terdorong untuk melakukan registrasi sebagai member. Penambahan fitur multi bahasa pun dapat dipertimbangkan untuk dikembangkan sehingga aplikasi ini dapat memberikan manfaat tidak hanya bagi masyarakat Indonesia tetapi juga masyarakat global lainnya.
31 | P a g e
