REPUBLIK INDONESIA title] -...

41
LAPORAN Tahun Anggaran 2014 PUSAT PROMOSI INOVASI DAN PENGEMBANGAN KAPASITAS KEDEPUTIAN BIDANG INOVASI ADMINISTRASI NEGARA LEMBAGA ADMINISTRASI NEGARA 2014 LEMBAGA ADMINISTRASI NEGARA REPUBLIK INDONESIA

Transcript of REPUBLIK INDONESIA title] -...

Page 1: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

i |

[Type the document title]

[Type the document subtitle]

user

LAPORAN

Tahun Anggaran 2014

PUSAT PROMOSI INOVASI DAN PENGEMBANGAN KAPASITAS

KEDEPUTIAN BIDANG INOVASI ADMINISTRASI NEGARA

LEMBAGA ADMINISTRASI NEGARA

2014

LEMBAGA ADMINISTRASI NEGARA

REPUBLIK INDONESIA

Page 2: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi
Page 3: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

i |

PEMBANGUNAN

PORTAL INOVASI

ADMINISTRASI NEGARA

LAPORAN AKHIR

PUSAT PROMOSI INOVASI DAN PENGEMBANGAN KAPASITAS

KEDEPUTIAN BIDANG INOVASI ADMINISTRASI NEGARA LEMBAGA ADMINISTRASI NEGARA

2014

Page 4: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

ii | P a g e

LAPORAN

PEMBANGUNAN PORTAL INOVASI ADMINISTRASI NEGARA

Pusat Promosi Inovasi dan Pengembangan Kapasitas

Kedeputian Bidang Inovasi Administrasi Negara

Lembaga Administrasi Negara

Republik Indonesia

Jakarta, 2014

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.

Page 5: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

iii | 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-to-

date, 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

Page 6: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

iv | 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

Page 7: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

v | 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 (back-

end), 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 masing-

masing.

Page 8: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

vi | P a g e

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 …………………………………………………………………………

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

Page 9: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

vii | P a g e

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

Page 10: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi
Page 11: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

1 | 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.

Page 12: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

2 | P a g e

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.

Page 13: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

3 | P a g e

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.

Page 14: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

4 | P a g e

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.

Page 15: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

5 | P a g e

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 e-

government 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.

Page 16: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

6 | P a g e

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 :

Page 17: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

7 | P a g e

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;

Portal Inovasi

home tentang kita

Profil

visi misi

struktur org

Pusat

tata pemerintahan

pelayanan publik

kelembagaan dan SDA

publikasi

berita

artikel

e-book

policy brief

jurnal

Karya tulis

galeri

contact us

search sitemap

visitor counterslideshow

kegiatan/agenda

Berita, artikel, karya tulis ttg

inovasievent

Forum Interactive e-direktori

Page 18: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

8 | P a g e

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.

Page 19: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

9 | P a g e

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

Database

Layer

Administration Page

Apache Web Server

PHP5.0 Modul

Yii Framework

Front Page

Gambar 2. Gambar Rancangan Arsitektur Teknologi

Page 20: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

10 | P a g e

cara termudah untuk mengirim XML. Sebuah server web dapat melayani permintaan data-

data 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 fungsi-

fungsi 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 fitur-

fitur 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.

Page 21: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

11 | 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

Page 22: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

12 | 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.

Pengujian dengan unit test dan pengujian fungsionalitas berdasarkan PHP Unit

Page 23: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

13 | P a g e

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.

Page 24: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

14 | 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.

Page 25: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

15 | 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):

Page 26: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

16 | 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

Page 27: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

17 | 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:

Page 28: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

18 | P a g e

Gambar 8. Tipe Konten Inovasi

Page 29: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

19 | 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

Page 30: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

20 | 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

Page 31: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

21 | 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

Page 32: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

22 | 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

Page 33: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

23 | 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:

Page 34: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

24 | 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

Page 35: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

25 | 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:

Page 36: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

26 | 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.

Page 37: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

27 | 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.

Page 38: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

28 | 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

Page 39: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

29 | 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

Page 40: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

30 | 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

Page 41: REPUBLIK INDONESIA title] - inovasi.lan.go.idinovasi.lan.go.id/uploads/download/1427810243_PORTAL-IAN.pdfinformasi di bidang inovasi administrasi negara. Portal inovasi administrasi

31 | 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.