Laporan Pekerjaan Aplikasi Litbang 2222

PT.
ELIAS KOMERSIAL
NUSANTARA
PT. ELIAS KOMERSIAL
JL. DR. WS. HUSODO NO. 143, Kel. Butung, Kec. Wajo, Kota Makassar,
JL.Prov.
DR.Sulawesi
WS. HUSODO
Selatan, TeleponNO.
/ Fax:143, Kel. Butung, Kota
0411-3636071
Makassar
LAPORAN
PAKET
Belanja Jasa Konsultansi Berorientasi Layanan – Jasa Khiusus
Aplikasi E-Litbang
2022
BADAN
PENELITIAN DAN
PENGEMBANGAN
KOTA
DAERAH
MAKASSAR
i
PT. ELIAS KOMERSIAL
NUSANTARA
Prov. Sulawesi Selatan, Telepon / Fax: 0411-3636071
KATA PENGANTAR
Era globalisasi seperti sekarang ini, sistem informasi memegang peranan yang vital
maka perlu dikembangkan secara tepat, cepat, dan akurat. Kemajuan teknologi informasi
dengan komputer memungkinkan efisiensi, efektivitas, produktivitas, ketepatan, kecepatan,
dan kualitas informasi yang sangat dibutuhkan dalam menyusun suatu perencanaan,
pelaksanaan, dan pemantauan kegiatan kerja. Penggunaan sistem informasi yang berbasis
komputer sangat diperlukan dalam suatu instansi/lembaga untuk menunjang kegiatan kerja
supaya berjalan dengan baik dan lancar sesuai dengan sasaran yang diharapkan.
Badan Penelitian dan Pengembangan Daerah Kota Makassar melaksanakan fungsi
penunjang Urusan Pemerintahan bidang penelitian dan pengembangan. Diharapkan dapat
berperan aktif dalam Tugas dan fungsinya, Selain itu juga berkontribusi dalam penciptaan
Inovasi, peningkatan mutu Sumber Daya Manusia. Kemampuan daerah dalam
mengembangkan Penilitian dan Pengembangan berkelanjutan yang memberikan manfaat
kepada setiap pihak merupakan tantangan yang harus dijawab setiap daerah di era otonomi
sekarang.
Salahsatu upaya efektif dalam meningkatkan Sumber Daya Manusia adalah melalui
penyebaran informasi melalui jaringan internet. Karena itu perlu adanya suatu Sistem
Informasi dalam Penelitian dan Pengembangan Daerah yang menjadi salah satu solusi efektif
dan efisien dalam membantu pemerintah setempat memberikan Usulan Penelitian dan Inovasi
daerah.
DAFTAR ISI
SAMPUL.................................................................................................................................i
ii
PT. ELIAS KOMERSIAL
NUSANTARA
KATA PENGANTAR...........................................................................................................ii
DAFTAR ISI.........................................................................................................................iii
DAFTAR GAMBAR.............................................................................................................v
DAFTAR TABEL...............................................................................................................viii
BAB I PENDAHULUAN....................................................................................................1
A. Latar Belakang...........................................................................................................1
B. Maksud Dan Tujuan...................................................................................................2
C. Sasaran.......................................................................................................................3
D. Lokasi.........................................................................................................................3
E. Sumber Dana..............................................................................................................3
F. Nama Dan Organisasi Ppk.........................................................................................4
G. Data Penunjang..........................................................................................................4
H. Standar Teknis...........................................................................................................4
I. Referensi Hukum.......................................................................................................5
BAB II SPESIFIKASI TEKNIS PEKERJAAN.............................................................11

A. Pendekatan Teknis Dan Metodologi........................................................................11
1. Survey dan Identifikasi Obyektif Sistem............................................................11
2. Analisa Permasalahan.........................................................................................11
3. Perancangan Aplikasi..........................................................................................12
4. Pembuatan dan Pengembangan Aplikasi............................................................12
5. Pengujian (Testing).............................................................................................12
6. Dokumentasi Aplikasi.........................................................................................13
7. Instalasi Aplikasi.................................................................................................13
8. Pendampingan Penggunaan Aplikasi yang dikembangkan...........................13
9. Pemeliharaan Database.......................................................................................13
10. Evaluasi Kinerja..................................................................................................13
B. Gambaran Sistem.....................................................................................................14
C. Ruang Lingkup Pengerjaan......................................................................................16
D. Tenaga Ahli Pekerjaan.............................................................................................20
1. Ketua Tim...........................................................................................................20
2. Programer............................................................................................................20
3. Web Desain.........................................................................................................20
4. Web Analyst........................................................................................................21
E. Komposisi Tim Dan Penugasan...............................................................................22
BAB III PENGEMBANGAN SISTEM DAN PRODUKSI DOKUMENTASI

A. Analisis Dan Pengembangan Sistem.......................................................................39
iii
PT. ELIAS KOMERSIAL
NUSANTARA
1. Kick Of Meeting.................................................................................................39
2. Perancangan Database.........................................................................................39
3. Rancangan Konseptual Database........................................................................39
4. Racangan Logikal Database................................................................................40
5. Rancangan Fisikal Database...............................................................................41
B. Analisis Kebutuhan Sistem......................................................................................52
1. Kebutuhan Fungsional (Functional Requirement)..............................................52
2. Kebutuhan Non Fungsional................................................................................54
C. Pengembangan Aplikasi..........................................................................................57
1. Reflow DB References Foreign Key..................................................................57
2. Reflow DB Tables Field.....................................................................................57
3. Update Template Aplikasi Static HTML/CSS/JS...............................................58
BAB IV HASIL PEMBAHASAN

A. Tampilan Sistem......................................................................................................62
B. Pengujian Sistem......................................................................................................83
BAB V PENUTUP
A. Kesimpulan..............................................................................................................95
B. Saran........................................................................................................................96
LAMPIRAN
DAFTAR GAMBAR
Gambar 5: Tabel Data..........................................................................................................................................19
Gambar 6: Modul Aplikasi E-Litbang Berbasis Web..........................................................................................34
Gambar 7: Modul Aplikasi E-Litbang Berbasis Mobile.......................................................................................35
Gambar 8 :Script html.........................................................................................................................................39
Gambar 9: script inline Java Script......................................................................................................................39
Gambar 10: Script external source.......................................................................................................................40
iv
PT. ELIAS KOMERSIAL
NUSANTARA
Gambar 11: Contoh JavaScript eksternal.............................................................................................................40

Gambar 12: Halaman Beranda berbasis Web dan Mobile....................................................................................41
Gambar 13 :Halaman Profil - Sub Devenisi.........................................................................................................42
Gambar 14: Halaman Profil – Sub Selayang pandang.........................................................................................42
Gambar 15 : Halaman Informasi – Sub Regulasi.................................................................................................43
Gambar 16: Halaman Informasi – Sub Agenda Kegiatan....................................................................................43
Gambar 17: Halaman Informasi – Sub Berita dan Artikel...................................................................................44
Gambar 18: Halaman Kelitbangan.......................................................................................................................44
Gambar 19: Halaman Inovasi..............................................................................................................................45
Gambar 20 : Halaman Galeri - Foto.....................................................................................................................45
Gambar 21: Halaman Galeri - Video...................................................................................................................46
Gambar 22: Halaman Forum Komunikasi - Penelitian.......................................................................................46
Gambar 23: Halaman Forum Komunikasi – Penelitian (Tambah Usulan Penelitian)..........................................47
Gambar 24: Halaman Formulir Usulan Penelitian...............................................................................................48
Gambar 25: Halaman Forum Komunikasi - Inovasi............................................................................................48
Gambar 26: Halaman Forum Komunikasi – Inovasi (Tambah Usulan Inovasi)...................................................49
Gambar 27: Halaman Formulir Usulan Inovasi...................................................................................................49
Gambar 28: Forum Komunikasi – Survey...........................................................................................................50
Gambar 29: Halaman Forum Komunikasi – Formulir Surat Rekomendasi..........................................................50
Gambar 30: Halaman Beranda – Login ke Admin...............................................................................................51
Gambar 31: Halaman Keamanan Login Admin...................................................................................................52
Gambar 32: Halaman Dasboard Admin...............................................................................................................52
Gambar 33: Halaman Kelitbangan (Admin)........................................................................................................53
Gambar 34: Hasil Export Data Kelitbangan ke Excel..........................................................................................53
Gambar 35: Hasil Export Data Kelitbangan ke PDF............................................................................................54
Gambar 36: Halaman Tambah Data Kelitbangan.................................................................................................54
Gambar 37: Tindakan Action (Edit dan Hapus) data Kelitbangan.......................................................................55
Gambar 38: Halaman Inovasi (Admin)................................................................................................................55
Gambar 39: Hasil Export Data Inovasi ke Excel..................................................................................................56
Gambar 40: Hasil Export Data Inovasi ke PDF...................................................................................................56
Gambar 41: Halaman Tambah Data Inovasi........................................................................................................57
Gambar 42: Tidakan Edit dan Hapus Data Inovasi..............................................................................................58
Gambar 43: Halaman Agenda (Admin)...............................................................................................................58
Gambar 44: Hasil Export Data Agenda ke Excel.................................................................................................59
v
PT. ELIAS KOMERSIAL
NUSANTARA
Gambar 45: Hasil Export Data Agenda ke PDF..................................................................................................59

Gambar 46: Halaman Tambah Data Agenda.......................................................................................................60
Gambar 47: Tindakan Edit dan Hapus Data Agenda...........................................................................................60
Gambar 48: Halaman Berita (Admin)..................................................................................................................61
Gambar 49 : Hasil Export Data Berita ke Excel...................................................................................................61
Gambar 50: Hasil Export Data Berita ke PDF.....................................................................................................61
Gambar 51: Halaman Tambah Data Berita..........................................................................................................62
Gambar 52: Tindakan Edit dan Hapus Data Berita..............................................................................................62
Gambar 53: Halaman Penelitian (Admin)............................................................................................................63
Gambar 54: Hasil Export Data Penelitian Ke Excel.............................................................................................63
Gambar 55: Hasil Export Data Penelitian Ke PDF..............................................................................................63
Gambar 56: Halaman Tambah Data Penelitian....................................................................................................64
Gambar 57: Tindakan Edit dan Hapus Data Penelitian........................................................................................64
Gambar 58: Halaman Usulan Inovasi (Admin)....................................................................................................65
Gambar 59:Hasil Export Data Usulan Inovasi Ke Excel......................................................................................65
Gambar 60: Hasil Export Data Usulan Inovasi Ke PDF......................................................................................65
Gambar 61 : Tindakan Mengedit atau menghapus Data Usulan Inovasi Ke Excel...............................................66
Gambar 62: Halaman mengelola Usulan Inovasi oleh Admin.............................................................................66
Gambar 63: Halaman Keamanan Untuk Masuk ke Survey..................................................................................67
Gambar 64: Halaman Surat Masuk dan Surat Keluar..........................................................................................68
Gambar 65: Halaman Surat Keluar......................................................................................................................68
Gambar 66: Hasil Export Data Surat Keluar ke Excel.........................................................................................69
Gambar 67: Hasil Export Data Surat Keluar ke PDF...........................................................................................69
Gambar 68: Halaman Tambah Data Surat Keluar................................................................................................70
Gambar 69:Tindakan Mengedit dan Menghapus Data Surat Keluar...................................................................70
Gambar 70: Halaman Surat Masuk.....................................................................................................................71
Gambar 71: Hasil Export Data Surat Masuk ke Excel.........................................................................................71
Gambar 72: Hasil Export Data Surat Masuk ke PDF...........................................................................................71
Gambar 73: Halaman Tambah Data Surat Masuk................................................................................................72
Gambar 74: Tindakan Mengedit dan Menghapus Data Surat Masuk..................................................................73
Gambar 75: Halaman Regulasi (Admin)..............................................................................................................74
Gambar 76: Hasil Export Data Regulasi ke Excel...............................................................................................74
Gambar 77: Hasil Export Data Regulasi ke PDF.................................................................................................74
Gambar 78: Halaman Tambah Data Regulasi......................................................................................................75
vi
PT. ELIAS KOMERSIAL
NUSANTARA
Gambar 79: Tindakan Mengedit dan Menghapus Data Regulasi........................................................................75

Gambar 80 : Tampilan Menu Home dan Desain halaman Kelitbangan berbasis Mobile....................................76
Gambar 81: Tampilan Menu Home dan Desain halaman Agenda berbasis Mobile............................................76
Gambar 82: Tampilan Menu Home dan Desain halaman Berita berbasis Mobile...............................................77
Gambar 83: Tampilan Menu Home dan Desain halaman Inovasi berbasis Mobile.............................................77
Gambar 84: Tampilan Menu Home dan Desain halaman Usulan Penelitian berbasis Mobile.............................78
Gambar 85: Tampilan Menu Home dan Desain halaman Usulan Inovasi berbasis Mobile.................................78
Gambar 86: Tampilan Menu Home dan Desain halaman Foto berbasis Mobile.................................................79
Gambar 87: Tampilan Menu Home dan Desain halaman Regulasi berbasis Mobile...........................................79
Gambar 88: Tampilan Menu Home dan Desain halaman Pelaporan Inovasi berbasis Mobile............................80
Gambar 89: Tampilan Menu Home dan Desain halaman Pelaporan Penelitian berbasis Mobile.......................81
Gambar 90: Tampilan Menu Home dan Desain halaman Web E-Litbang...........................................................82
DAFTAR TABEL
Tabel 1: : Komposisi Tim dan Penugasan.............................................................................................................17
Tabel 2: Kamus Data Kelitbangan.......................................................................................................................20
Tabel 3: Kamus Data Pelaksana Kelitbangan.......................................................................................................21
Tabel 4: Kamus Data Master Instansi...................................................................................................................22
Tabel 5: Kamus Data Attachment........................................................................................................................22
Tabel 6: Kamus Data Inovasi...............................................................................................................................23
Tabel 7: Kamus Data Berita.................................................................................................................................24
Tabel 8: Kamus Data Komentar...........................................................................................................................25
Tabel 9: Kamus Data Balasan Komentar..............................................................................................................25
Tabel 10: Kamus Data Survey..............................................................................................................................26
Tabel 11: Kamus Data Agenda............................................................................................................................26
vii
PT. ELIAS KOMERSIAL
NUSANTARA
Tabel 12: Kamus Data Regulasi...........................................................................................................................27

Tabel 13: Kamus Data Usulan Penelitian.............................................................................................................28
Tabel 14: Kamus Data Surat Keluar.....................................................................................................................29
Tabel 15: Kamus Data Surat Masuk.....................................................................................................................29
Tabel 16: Kamus Data Usulan Inovasi.................................................................................................................30
Tabel 17: Functional Requirement.......................................................................................................................31
Tabel 18: Spesifikasi Perangkat...........................................................................................................................33
Tabel 19: Rencana Pengujian Sistem...................................................................................................................83
Tabel 20: Hasil Pengujian Halaman Front End...................................................................................................87
viii
PT. ELIAS KOMERSIAL
NUSANTARA
BAB 1
PENDAHULUAN
A. Latar Belakang
Kelitbangan merupakan “penyiapan bahan-bahan perencanaan
pembangunan yang artinya hasil kelitbangan dapat digunakan dan
dimanfaatkan dalam mendukung rncana pembangunan berbasis
pengetahuan (planing by knowlage). Dalam menjalankan urusan
kelitbangan harus dilaksanakan secara kerjasama dan perencanaannya
disesuaikan yang dapat menjawab semua tantangan dan hambatan,
sehingga fungsi kelitbangan dan penyelenggaraan inovasi daerah
dapat terlaksana dengan baik dan dapat dipertanggungjawabkan sesuai
dengan kaidah-kaidah ilmiah yang bermanfaat kepada daerah.
Besarnya peran pemda menuntut perlunya kemampuan dan

profesionalitas dalam penetapan strategi dan kebijakan daerah, Dalam
kaitan tersebut, penyusunan perencanaan program dan kebijakan
haruslah ditandai oleh hasil-hasil penelitian baik yang bersifat
penelitian dasar maupun terapan. Selain itu pemda dituntut untuk
mengakomodir penelitian yang akan dilakukan baik oleh masyarakat,
swasta atau kalangan kampus. Untuk itu diperlukan koordinasi antar
stakholder untuk dapat membuka peluang kerjasama serta terbukanya
ruang gerak untuk bersinergi. Sejalan dengan itu, Badan Penelitian dan
Pengembangan Kota Makassar yang mempunyai tugas dan fungsi
melaksanakan dan mengkoordinasikan kegiatan litbang Kota Makassar
guna mendukung proses perencanaan dan pengambilan kebijakan
strategis untuk direkomendasikan kepada dinas/instansi dalam
mendukung program pemerintah Kota Makassar. Sebagaimana
diketahui koordinasi adalah perwujudan dari pada kerjasama saling
membantu dan menghargai, menghayati tugas dan fungsi serta
tanggung jawab masing-masing. pada setiap satuan kerja atau bantuan
1
PT. ELIAS KOMERSIAL
NUSANTARA
dari satuan kerja (unit) yang lain. Jadi adanya ketergantungan atau
interdependensi inilah yang mendorong adanya kerjasama.
Demi tercapainya tujuan pokok organisasi dimana koordinasi

merupakan suatu proses pengelompokkan, pngumpulan, penghimpunan
dalam sebuah organisasi dalam mencapai tujuan organisasi.
Koordinasi harus direncanakan, dikembangkan, dipelihara secara trus
menerus oleh organisasi dalam setiap kegiatan bersama atau yang
mempunyai hubungan manfaat bagi orang banyak sehingga tujuan
organisasi khususnya dalam memajukan kesejahteraan umum terlaksana
dengan baik.
Berdasarkan uraian di atas, bahwa dalam menyelenggarakan

perencanaan pembangunan Kota Makassar, Badan Penelitian dan
Pengembangan Kota Makassar menganggarkan Pembangunn Aplikasi
E-Litbang Berbasis Web dan Mobile untuk lebih mengoptimalkan
koordinatif yang dapat menfasilitasi terwujudnya sinkronisasi antar
program dan kegiatan. Hal ini bertujuan memudahkan dalam
pengendalian pelaksanaan perencanaan dan evaluasi pelaksanaan
rencana pembangunan Kota Makassar terutama yang terkait dengan
penelitian dan pengembangan.
B. Maksud Dan Tujuan

a. Maksud dilaksakannya kegiatan Pembangunan Aplikasi E-Litbang
Berbasis Web dan Mobile adalah membangun Sistem Informasi
Aplikasi E-Litbang Berbasis Web dan Mobile di Badan Penelitian
dan Pembangunan Kota Makassar;
b. bertujuan untuk mewujudkan Koordinasi, Integrasi, Sinkronisasi dan
simplikasi agar tujuan organisasi tercapai sasaran efektif dan efisien.
C. Sasaran
2
PT. ELIAS KOMERSIAL
NUSANTARA
Sasaran dari kegiatan Pembangunan Aplikasi E-Litbang Berbasis Web dan

Mobile adalah:
1. Munculnya ide-ide kreatif dalam menyebarkan informasi dalam rangka

perencanaan program dan kegiatan pembangunan bidang litbang dan
pengembanga;
2. Meningkatkan ide-ide kreatif yang berhubungan dengan
kelitbangan;
3. Memfasilitasi inovasi kota dalam penyelenggaraan pemerintahan
kota Makassar.
D. Lokasi
Lokasi Pelaksanaan Kegiatan Pembangunan Aplikasi E-Litbang Berbasis Web dan
Mobile adalah di Badan Penelitian dan Pengembangan Kota Makassar.
E. Sumber Dana
Sumber dana yang diperlukan untuk membiayai kegiatan Pembangunan Aplikasi E-
Litbang berasal dari APBD Kota Makassar yang dibebankan kepada DPA - SKPD
Badan Penelitian Dan Pengembangan Daerah (BALITBANGDA) Tahun Anggaran
2022.
F. Nama Dan Organisasi Ppk

1. Nama PPK : H. ANDI BUKTI DJUFRIE, SP., M.Si
2. Satuan Kerja : Badan Penelitian Dan Pengembangan Daerah
(BALITBANGDA) Kota MAKASSAR
G. Data Penunjang
Data dasar yang akan digunakan antara lain:
- Data Usulan Inovasi
3
PT. ELIAS KOMERSIAL
NUSANTARA
- Data Kegiatan
- Data Pengarsipan Surat
- Data Penelitian
- Data Kelitbangan
H. Standar Teknis
Dalam kegiatan seperti yang dimaksud pada KAK ini, Konsultan harus
memperhatikan persyaratan-persyaratan serta ketentuan-ketentuan sebagai berikut :
1. Persyaratan Umum Pekerjaan Setiap bagian dari kegiatan Perencanaan harus
dilaksanakan secara benar dan tuntas dan memberikan hasil yang telah ditetapkan
dan diterima dengan baik oleh Pengguna Jasa/Kuasa Pengguna Anggaran/ Pejabat
Pembuat Komitmen/Pengendali Kegiatan.
2. Persyaratan Obyektif Pelaksanaan pekerjaan pengaturan dan pengamanan yang
obyektif untuk kelancaran pelaksanaan, baik yang menyangkut macam, kualitas
dan kuantitas dari setiap bagian pekerjaan.
3. Persyaratan Fungsional Kegiatan pelaksanaan pekerjaan harus dilaksanakan
dengan profesionalisme dan tanggung-jawab yang tinggi sebagai Konsultan.
4. Persyaratan Prosedural Penyelesaian administrasif sehubungan dengan
pelaksanaan tugas/pekerjaan di lapangan harus dilaksanakan sesuai dengan
prosedur-prosedur dan peraturan-peraturan yang berlaku.
5. Kriteria Lain-lain Selain kriteria umum di atas, untuk berlaku pula ketentuan-
ketentuan seperti standar, pedoman, dan peraturan yang berlaku, antara lain
ketentuan yang diberlakukan untuk pekerjaan kegiatan yang bersangkutan, yaitu
Surat Perjanjian Pelaksanaan Pekerjaan (Kontrak), dan ketentuan-ketentuan lain
sebagai dasar perjanjiannya.
I. Referensi Hukum
1. Pasal 18 ayat (6) Undang-Undang Dasar Negara Kesatuan Republik Indonesia
Tahun 1945;
4
PT. ELIAS KOMERSIAL
NUSANTARA
2. Undang-Undang Nomor 29 Tahun 1959 tentang Pembentukan Daerah-daerah

Tingkat II di Sulawesi (Lembaran Negara Republik Indonesia Tahun 1959 Nomor
74, Tambahan Lembaran Negara Republik Indonesia Nomor 1822);
3. Undang-Undang Nomor 5 Tahun 2014 tentang Aparatur Sipil Negara (Lembaran
Negara Republik Indonesia Tahun 2014 Nomor 6, Tambahan Lembaran Negara
Republik Indonesia Nomor 5494);
4. Undang-Undang Nomor 23 Tahun 2014 tentang Pemerintahan Daerah (Lembaran
Republik Indonesia Nomor 5587) sebagaimana telah diubah beberapa kali terakhir
dengan Undang-Undang Nomor 9 Tahun 2015 tentang Perubahan Kedua Atas
Undang-Undang Nomor 23 Tahun 2014 tentang Pemerintahan Daerah (Lembaran
Negara Republik Indonesia Nomor 58, Tambahan Lembaran Negara Indonesia
Nomor 5679);
5. Undang-Undang Nomor 30 Tahun 2014 tentang Administrasi Pemerintahan
(Lembaran Negara Republik Indonesia Tahun 2014 Nomor 292, Tambahan
Lembaran Negara Republik Indonesia Nomor 5601); 2
6. Peraturan Pemerintah Nomor 51 Tahun 1971 tentang Perubahan Batas-batas
Daerah Kotamadya Makassar dan Kabupaten Gowa, Maros dan Pangkajene dan
Kepulauan dalam Lingkungan Daerah Propinsi Sulawesi Selatan (Lembaran
Republik Indonesia Tahun 1971 Nomor 2970);
7. Peraturan Pemerintah Nomor 86 Tahun 1999 tentang Perubahan Nama Kota Ujung
Pandang menjadi Kota Makassar dalam Wilayah Propinsi Sulawesi Selatan
(Lembaran Negara Republik Indonesia 1999 Nomor 193);
8. Peraturan Pemerintah Nomor 18 Tahun 2016 tentang Perangkat Daerah (Lembaran
Republik Indonesia Nomor 5887);
9. Peraturan Daerah Kota Makassar Nomor 8 Tahun 2016 tentang Pembentukan dan
Susunan Perangkat Daerah (Lembaran Daerah Kota Makassar Tahun 2016 Nomor
8).
5
PT. ELIAS KOMERSIAL
NUSANTARA
BAB II
SPESIFIKASI TEKNIS PEKERJAAN
A. Pendekatan Dan Metodologi
Dalam pelaksanaan pekerjaan Belanja Jasa Konsultansi Berorientasi Layanan – Jasa

Khusus (Aplikasi E-Litbang) lingkup Badan Penelitian dan Pengembangan Kota
Makassar, program kerja atau tahapan kerja yang akan dilakukan adalah, sebagai
berikut:
1. Survey dan Identifikasi Obyektif Sistem
Kegiatan ini difokuskan kepada kebutuhan dari pejabat Pemerintah Daerah yang
terkait, mengumpulkan dan mempelajari berbagai peraturan (Undang-Undang,
Perpres, Inpres, Kepmen, Perda dan lain-lain). Selain itu, informasi mengenai
daya dukung internal terhadap kemungkinan diberlakukannya sistem informasi
juga akan dicoba untuk digali secara mendalam, misalnya informasi tentang
kualitas sumber daya manusia, ketersediaan infrastruktur pendukung, dan
sebagainya.
2. Analisa Permasalahan
Analisa permasalahan dilakukan untuk mendapatkan kesimpulan dari
permasalahan yang ada, baik terhadap aplikasi, sumber daya manusia, maupun
6
PT. ELIAS KOMERSIAL
NUSANTARA
terhadap rencana implementasi. Pelaksanaan analisa bertitik tolak dari hasil survey
atau pengumpulan data lapangan (Pemerintah Kota Makassar). Setelah analisa
selesai, langkah berikutnya adalah merumuskan pemecahan masalah untuk
mengatasi permasalahan tersebut serta menentukan langkah-langkah atau rencana
kerja untuk melaksanakan pemecahan masalah tersebut.
3. Perancangan Aplikasi
Desain atau perancangan aplikasi akan dilakukan berdasarkan hasil survey
(pengumpulan data) dan hasil analisa terhadap permasalahan- permasalahan yang
ada. Perancangan atau desain aplikasi akan dilakukan dalam 2 (Dua) tahap, yaitu :
a) Membuat sistem dan prosedur (sisdur) operasi dari aplikasi; dan

b) Merancang modul aplikasi sesuai dengan mekanisme.
4. Pembuatan dan Pengembangan Aplikasi
Setelah terancang, tahapan berikutnya adalah melakukan pembuatan dan
pengembangan terhadap aplikasi. Pembuatan dan pengembangan aplikasi dilakukan
melalui proses coding program, yaitu penulisan program sesuai dengan perancangan
atau desain yang telah dibuat sebelumnya, sehingga dapat menghasilkan keluaran
(output) yang sesuai dengan kebutuhan.
5. Pengujian (testing) Aplikasi

Pengujian terhadap aplikasi dilakukan setelah aplikasi yang bersangkutan selesai
dibuat. Pengujian tersebut terdiri dari:
a) Pengujian akan ada atau tidaknya kesalahan (error) pada aplikasi.

b) Pengujian kesesuaian aplikasi dengan perancangan (desain)
yang telah dibuat.
c) Pengujian kualitas aplikasi (tampilan, kecepatan proses,
keterkaitan antar modul, kerapihan dan kesesuaian format
laporan).
7
PT. ELIAS KOMERSIAL
NUSANTARA
Pengujian terhadap aplikasi bertujuan memberikan masukan

atau referensi terhadap permasalahan-permasalahan yang
masih ada pada aplikasi.
6. Dokumentasi Aplikasi
Aplikasi yang telah teruji, kemudian didokumentasikan. Aspek-aspek yang

didokumentasikan meliputi:
 Desain aplikasi,
 Alur proses dari aplikasi dan
 Dokumen dokumen lain yang diperlukan sebagai dasar pengembangan
perangkat lunak pada masaakan datang.
Dokumentasi terhadap aplikasi juga dilakukan dengan membuat user manual, yaitu
pedoman untuk menjalankan aplikasi yang meliputi cara melakukan input, cara
melakukan suatu proses, cara menghasilkan suatu laporan, dan lain-lain.
7. Instalasi Aplikasi
Kegiatan ini berupa pemasangan sistem informasi manajemen yang telah

diselesaikan pada tahap sebelumnya ke perangkat keras (hardware).
8. Pendampingan Penggunaan Aplikasi yang dikembangkan

Pendampingan penggunaan aplikasi yang dikembangkan bertujuan untuk
Memberikan pengenalan kepada pengguna (user) mengenai perubahan /
modifikasi yang dilakukan terhadap aplikasi yang lama.
9. Pemeliharaan Database
Pada tahap ini akan dilakukan proses back-up terhadap database yang ada. Selain
daripada itu, juga akan dilakukan perbaikan terhadap database jika mengalami
kerusakan (misal, dengan melakukan data restore).
10. Evaluasi Kinerja
8
PT. ELIAS KOMERSIAL
NUSANTARA
Pada tahap ini akan dilakukan evaluasi terhadap setiap kegiatan yang telah
dilakukan. Selain daripada itu, juga akan dilakukan penyusunan laporan evaluasi
kinerja.
B. Gambaran Sistem
Dalam melakukan pengembangan aplikasi pelaksana, pelaksana kerja akan
menggunakan aplikasi yang terpasang sebagai bahan acuan. Pelaksana kerja akan
menggunakan perangkat lunak, atau lebih tepatnya Bahasa program, PHP terbaru.
Pemilihan Bahasa program tersebut dikarenakan kesesuaian karakteristik dengan
Bahasa program pada aplikasi yang terpasang. PHP memiliki kelebihan kelebihan
disbanding dengan Bahasa sejenisnya, seperti Perl dan CGI. PH mampu menutupi
kelemahan pada Bahasa pemrograman Web pada umumnya. Berikut adalah beberapa
kelebihan the PHP:
1. Life Cycle yang singkat, sehingga PHP selalu up-to-date terhadap perkembangan
teknologi internet.
2. Cross platform, PHP dapat dipakai pada hampir semua web-server yang terdapat
di pasaran (LiteSpeed, Apache, AOLServer, PWS, Microsoft IIS dan lainnya)
yang dijalankan dalam berbagai sistem operasi (Linux, FreeBSD, Unix, Solaris,
Windows). Dengan demikian, proses pengembangan dapat dilakukan
menggunakan sistem operasi yang berbeda dengan sistem operasi yang digunakan
setelah dipublikasikan (misalnya, dibuat di sistem operasi Windows kemudian
dipasang di web-server yang menggunakan sistem operasi Linux).
3. PHP mendukung banyak paket database, seperti postgreSQL, MySQL, Oracle,
Microsoft SQL Server dan banyak database server lainnya.
4. PHP tidak terbatas hanya untuk menghasilkan output halamam HTML. PHP juga
dapat digunakan untuk menghasilkan file gambar ekstensi .GIF/.JPG/.PNG
dan lainnya.
Sedangkan, media penyimpanan data dari aplikasi bersangkutan akan menggunakan
basis MySQL sebagai mesin pengolahan data dasar (engine management database).
Sama halnya dengan alasan pemilihan bahasa program, MySQL dipilih karena
9
PT. ELIAS KOMERSIAL
NUSANTARA
memiliki kesesuaian dengan database terpasang. Dalam hubungannya dengan aplikasi

terkomputerisasi berbasis akrual, Konsultan melakukan pembangunan terhadap
database mulai dari dasar. MySQL memiliki keunggulan dalam kapasitas penyimpanan
data yang dapat mencapai bilangan jutaan serta didukung pula oleh metode
Transaction Log Shipping yang dapat mengurangi kemungkinan terjadinya kejadian
kehilangan data. Selain daripada itu, mesin pengolahan data dasar ini juga dilengkapi
dengan kata sandi (password) bagi keamanan dari data-data yang tersimpan. Berikut
adalah beberapa kelebihan MySQL:
- Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti
Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak
lagi.
- Perangkat lunak sumber terbuka (Open Source). MySQL didistribusikan sebagai

perangkat lunak sumber terbuka, dibawah lisensi GPL sehingga dapat digunakan
secara gratis.
- Multi-user. MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang
bersamaan tanpa mengalami masalah atau konflik.
- 'Performance tuning', MySQL memiliki kecepatan yang menakjubkan dalam
menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL
per satuan waktu.
- Ragam tipe data. MySQL memiliki ragam tipe data yang sangat kaya, seperti
signed/unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.
- Perintah dan Fungsi. MySQL memiliki operator dan fungsi secara penuh yang
mendukung perintah Select dan Where dalam perintah (query).
- Keamanan. MySQL memiliki beberapa lapisan keamanan seperti level
subnetmask, nama host, dan izin akses user dengan sistem perizinan yang
mendetail serta sandi terenkripsi.
- Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam skala
besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta
10
PT. ELIAS KOMERSIAL
NUSANTARA
5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks
pada tiap tabelnya.
- Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan

protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).
- Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan

menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa Indonesia
belum termasuk di dalamnya.
- Antar Muka. MySQL memiliki antar muka (interface) terhadap berbagai aplikasi
dan bahasa pemrograman dengan menggunakan fungsi API (Application
Programming Interface).
- Klien dan Peralatan. MySQL dilengkapi dengan berbagai peralatan (tool) yang
dapat digunakan untuk administrasi basis data, dan pada setiap peralatan yang ada
disertakan petunjuk online.
- Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam
menangani ALTER TABLE, dibandingkan basis data lainnya semacam
PostgreSQL ataupun Oracle.
C. Ruang Lingkup Pengerjaan
Berikut ruang lingkup Pekerjaan Belanja Jasa Konsultansi Berorientasi
Layanan – Jasa Khusus (Aplikasi E-Litbang) yang antara lain sebagai
berikut :
1. Desain fitur / modul aplikasi Berbasis Web Tampilan Publik terdiri dari:
- Fitur Beranda;
- Fitur Profil
o Defenisi
o Selayang Pandang
- Fitur Informasi:
o Regulasi;
11
PT. ELIAS KOMERSIAL
NUSANTARA
o SOP Kelitbangan;
o Agenda Kegiatan;
o Berita dan Artikel;
- Forum Komunikasi:
o Penelitian;
o Inovasi;
o Tampilan Login Admin
2. Desain fitur / modul aplikasi Berbasis Web Tampilan Administrator terdiri dari:
- Fitur Master Kelitbangan dapat membuat, Mengupdate dan Menghapus;
- Fitur Master Inovasi dapat membuat, Mengupdate dan Menghapus;
- Fitur Master Agenda dapat membuat, Mengupdate dan Menghapus;
- Fitur Master Berita dapat membuat, Mengupdate dan Menghapus;
- Fitur Master Penelitian dapat membuat, Mengupdate dan Menghapus;
- Fitur Master Inovasi dapat membuat, Mengupdate dan Menghapus;
- Fitur Master Survei dapat membuat, Mengupdate dan Menghapus;
- Fitur Master Surat dapat membuat, Mengupdate dan Menghapus;
- Fitur Regulasi dapat membuat, Mengupdate dan Menghapus;
3. Desain Modul / modul aplikasi Berbasis Mobile Tampilan Publik terdiri dari:
- Modul Agenda
o Menampilkan Informasi Agenda Kegiatan.
- Modul Berita
o Menampilkan Informasi Berita dari link Website E-Litbang.
- Modul Kelitbangan
o Menampilkan Infomrasi Tentang Kelitbangan.
- Modul Inovasi
o Menampilkan Informasi Data Inovasi.
- Modul Penelitian
o Menampilkan Informasi Data Penelitian.
- Modul Usulan Inovasi
12
PT. ELIAS KOMERSIAL
NUSANTARA
o Menampilkan Usulan Inovasi.

- Modul Regulasi
o Menampilkan Informasi Dokument Regulasi yang dapat di Download.
- Modul Pelaporan
o Menampilkan Modul Pelaporan Inovasi dan Penelitian
- Modul Link Website
o Menampilkan Link Website
4. Desain Modul / modul aplikasi Berbasis Mobile Tampilan Administrator terdiri
dari:
- Modul Master Kelitbangan dapat membuat, Mengupdate dan Menghapus;
- Modul Master Inovasi dapat membuat, Mengupdate dan Menghapus;
- Modul Master Agenda dapat membuat, Mengupdate dan Menghapus;
- Modul Master Berita dapat membuat, Mengupdate dan Menghapus;
- Modul Master Penelitian dapat membuat, Mengupdate dan Menghapus;
- Modul Master Usulan Injovasi dapat membuat, Mengupdate dan Menghapus;
- Modul Master User Managemen dapat Mengatur hak akses dan Daftar User;
D. Tenaga Ahli Pekerjaan

Dalam kegiatan Pembangunan Aplikasi E-Litbang Berbasis Web dan Mobile,
Tenaga dalam Pelaksanaan Pekerjaan ini demi Terjaganya dan Kelancaran
dalam penggunanaan Aplikasi E-Litbang terdiri dari :
1. Ketua Tim
 Bertanggung jawab terhadap pelaksanaan konsep integrasi data;
 Bertanggung jawab terhadap pengorganisasian tim untuk pengembangan
aplikasi dan kegiatan implementasi;
13
PT. ELIAS KOMERSIAL
NUSANTARA
 Bertanggung jawab dalam mengatasi setiap permasalahan yang berkaitan

dengan pengembangan aplikasi dan implementasi di lapangan;
 Melakukan koordinasi dan pembagian tugas terhadap tenaga-tenaga ahli
dibawahnya;
 Bertanggung jawab terhadap perubahan-perubahan yang terjadi, terutama
dalam kaitannya dengan rancang bangun sistem;
 Memberikan status report penyelesaian pekerjaan secara periodic;
2. Web Analyst
 Melakukan proses analisa terhadap kondisi sistem yang sedang dan telah
berjalan.
 Melakukan analisa terhadap prosedur-prosedur yang berlaku menggunakan
pendekatan system life-cycle.
 Melakukan proses identifikasi terhadap kebutuhan user (user requirements).
 Berkoordinasi dengan Web Design dalam merancang database yang
diinginkan.
3. Web Design
 Melakukan pengelolaan terhadap data dan database yang digunakan;
 Melakukan pemeliharaan terhadap database yang digunakan;
 Melakukan proses duplikasi (backup) dan penyelamatan (recovery)
terhadap data;
 Melakukan pemeriksaan terhadap validitas data apabila terjadi kesalahan
atau masalah dalam proses pengiriman data;
 Melakukan kerjasama dan koordinasi dengan (Programmer) mengenai
rancangan sistem aplikasi;
4. Programmer
14
PT. ELIAS KOMERSIAL
NUSANTARA
 Melakukan koordinasi dengan Tenaga Database Sistem;

 Melakukan pekerjaan “scripting” berdasarkan rancangan yang telah dibuat
oleh Tenaga Database Sistem;
 Melakukan debugging terhadap modul-modul yang telah dibuat;
 Melakukan proses pengujian (testing) per modul;
 Membuat dokumentasi dari aplikasi atau program;
15
PT. ELIAS KOMERSIAL NUSANTARA
JL. DR. WS. HUSODO NO. 143, Kel. Butung, Kec. Wajo, Kota Makassar, Prov. Sulawesi Selatan, Telepon / Fax: 0411-3636071
E. Komposisi Tim Dan Penugasan

1. Jadwal Penugasan Tim
MASUKAN PERSONIL DALAM JUMLAH

No. NAMA PERSONIL JABATAN
DIAGRAM BALOK HARI
NASIONAL
1. ANDI FIRDAUS MAKMUR Ketua Tim 5 5 5 15
2. RYNALDO JH SIREGAR Data Analyst 5 5 5 15
3. BAGUS PRIMANTORO Web Desain 5 5 5 15
4. DHINAR RUMANTIONO Web Desain 5 5 5 15
5. HANDOKO LIUS Programer 5 5 5 15
6. HASRUL HASRA Programer 5 5 5 15
SUB TOTAL 5 5 5 15
Seluruh Masukan
Tabel 1: : Komposisi Tim dan Penugasan
17
PT. ELIAS KOMERSIAL
NUSANTARA
BAB III
PENGEMBANGAN SISTEM DAN PRODUKSI DOKUMENTASI
A. Analisis Dan Pengembangan Sistem

1. Kick Off Meeting
Kegiatan ini merupakan aktivitas diskusi awal proyek dengan tujuan untuk
menyamakan persepsi diantara semua pihak terkait dengan pelaksanaan proyek,
menyangkut prosedur dan teknis pelaksanaan proyek, menyangkut prosedur dan
teknis pelaksanaan proyek. Berikut maksud dan tujuan adanya kick off meeting,
antara lain :
a. Menyatakan bahwa proyek sudah dimulai;
b. Menyampaikan secara ringkas tujuan proyek dan peranan tanggung jawab
setiap pihak dalam pencapaian tujuan;
c. Mengklarifikasi harapan setiap pihak yang berperan dalam proyek;
d. Membentuk dan menumbuhkan kebersamaan dalam mensukseskan proyek.
2. Perancangan Database
Perancangan database adalah proses untuk menentukan isi dan pengaturan data
yang dibutuhkan untuk mendukung berbagai rancangan sistem. Tujuan dari
perancangan database adalah sebagai berikut : Untuk memenuhi informasi yang
berisikan kebutuhan-kebutuhan user secara khusus dan aplikasi-aplikasinya,
Memudahkan pemahaman mengenai struktur informasi, Mendukung kebutuhan-
kebutuhan pemroses, respon time, prosessing time, dan storage space.
a. Rancangan Konseptual Database
Rancangan konseptual Database menghasilkan skema konseptual dari
database yang bebas dari Sistem Manajemen Databse (SMDB) tertentu.
Skema konseptual merupkan pemodelan dari dunia nyata yang dituliskan
dalam bahasa tingkat tinggi. Adapun pemodelan Bahasa tingkat tinggi yang
digunakan adalah ERD (Entity Relationship Diagram)
b. Rancangan Logikal Database
Rancangan logikal bertujuan untuk Menyusun rancangan konseptual sesuai
dengan SMDB yang dipilih dengan mentransformasi model konseptual ke
18
PT. ELIAS KOMERSIAL
NUSANTARA
dalam model data sesuai SMDB yang dipilih. Pemodelan data pada sistem
informasi ini dibangun menggunakan tabel relasi yang menghubungkan antar
entitas. Pemodelan fisikal juga dipertegas dengan adanya indentifikasi
elemen kunci (Primary Key/PK) tiap tabel entitas.
Gambar 1: Tabel Data
Berdasarkan gambar relasi tabel pada database dapat diketahui bahwa ada
terdapat 15 tabel yangmana tabel-tabel tersebut saling berelasi dengan 15
Primary Key dan 10 Foreign Key yang ada pada tabel tersebut.
c. Rancangan Fisikal Database
Rancangan fisikal bertujuan untuk membuat spesifikasi struktur penyimpanan
dan jalur akses data sehingga dihasilkan kemampuan sistem yang berfungsi
dengan baik pada berbagai aplikasi. Pada rancangan fisikal juga dilakukan
19
PT. ELIAS KOMERSIAL
NUSANTARA
transformasi struktur data yang akan disimpan dengan membuat spesifikasi

struktur tiap berkas data yang digambarkan dalam bentuk kamus data. Kamus
data ini sangat membantu analis sistem dalam mendefinisikan data yang
mengalir di dalam sistem, sehingga pendefinisian data itu dapat dilakukan
dengan lengkap dan terstruktur. Pembentukan kamus data dilaksanakan
dalam tahap analisis dan perancangan suatu sistem. Adapun kamus data dari
tabel-tabel yang ada, sebagai berikut :
1) Kamus Data Tabel Kelitbangan

Tabel 2: Kamus Data Kelitbangan
Nama Arus Data Kelitbangan
:
Data File
:
Bentuk Tabel untuk menyimpan data Kelitbangan
:
Penjelasan Setiap penginputan Kelitbangan
:
Periode Terdiri atas item data
:
Struktur Data
No Nama Atribut Type Index Keterangan
1.
id Int PK Identitas Kelitbangan
2.
Nomor Varchar Auto Number
3.
Lingkup Int FK Instansi
4.
Tanggal Date Waktu
5.
Abstrak Text Abstrak
6.
Tindak_Lanjut Text Tindak Lanjut
7.
Judul Varchar Judul
8.
Document Longtext Upload Document
9.
Created_at TimeStamp Pencatatan waktu Auto
20
PT. ELIAS KOMERSIAL
NUSANTARA
10.
Created_by Int Dibuat Pada
11.
Update_at TimeStamp Pencatatan waktu Auto
12.
Update_by Int Diupdate Pada
13.
Deleted_at TimeStamp Pencatatan waktu Auto
14.
Deleted_by Int Dihapus Pada
2) Kamus Data Tabel Pelaksana Kelitbangan

Tabel 3: Kamus Data Pelaksana Kelitbangan
Nama Arus Data Pelaksana Kelitbangan
:
Data File
:
Bentuk Tabel untuk menyimpan data Pelaksana Kelitbangan
:
Penjelasan Setiap penginputan Pelaksana Kelitbangan
:
Periode Terdiri atas item data
:
Struktur Data
Identitas Pelaksana
1. id Int PK
Kelitbangan
2. Kelitbangan_Id Int FK Identitas Kelitbangan
3. Nama Varchar Nama Pelaksana
4. Created_at TimeStamp Pencatatan waktu Auto
5. Created_by Int Dibuat Pada
6. Update_at TimeStamp Pencatatan waktu Auto
7. Update_by Int Diupdate Pada
8. Delete_at TimeStamp Pencatatan waktu Auto
9. Delete_by Int Dihapus Pada
3) Kamus Data Tabel Master Instansi

Tabel 4: Kamus Data Master Instansi
21
PT. ELIAS KOMERSIAL
NUSANTARA
Nama Arus : Data Master Instansi

Data : File
Bentuk : Tabel untuk menyimpan data Master Instansi
Penjelasan : Setiap penginputan Master Instansi
Periode : Terdiri atas item data
Struktur Data
Identitas Master
1. id Int PK
Instansi
2. Nama Int Nama Instansi
4) Kamus Data Tabel attachment

Tabel 5: Kamus Data Attachment
Nama Arus Data : Data Attachment
Bentuk : File
Penjelasan : Tabel Untuk Menyimpan Data Lampiran
Periode : Setiap penginputan Lapiran
Struktur Data : Terdiri atas item data
1. id Int PK Identitas attachment
2. Kelitbangan_id Int Identitas Kelitbangan
3. Inovasi_id Int FK Identitas Inovasi
4. Agenda_id Int FK Identitas Agenda
5. Berita_id Int FK Identitas Berita
Identitas Usulan
6. Usulan_Penelitian_id Int FK
Penelitian
7. Usulan_inovasi_id Int FK Identitas Usulan Inovasi
8. Nama Varchar Nama Pembuat
9. Tipe Varchar Jenis Usulan
10. url Text Alamat file
22
PT. ELIAS KOMERSIAL
NUSANTARA

5) Kamus Data Tabel Inovasi

Tabel 6: Kamus Data Inovasi
Nama Arus Data : Data Inovasi
Bentuk : File
Penjelasan : Tabel untuk menyimpan Inovasi
Periode : Setiap Penginputan Inovasi
1. id Int PK Identitas Inovasi
2. Nomor Varchar Nomor Formulir
3. Tanggal Date Tanggal dibuat Inovasi
4. Nama Varchar Nama Pembuat Inovasi
5. Tujuan Text Tujuan Pembuatan Inovasi
6. Manfaat Text Manfaat dari Inovasi
7. Hasil Text Hasil Inovasi
8. Deskripsi Text Penjelasan tentang Inovasi
9. Kelengkapan Text Dukungan Kebutuhan
10. Instansi Int FK Nama Instansi
6) Kamus Data Tabel Berita

Tabel 7: Kamus Data Berita
Nama Arus Data : Data Berita
Bentuk : File
23
PT. ELIAS KOMERSIAL
NUSANTARA
Penjelasan : Tabel untuk menyimpan Berita

Periode : Setiap Penginputan Berita
1. id Int PK Identitas Berita
2. Judul Varchar Judul berita
3. Tanggal Date Tanggal Dibuat Berita
4. Waktu time Waktu Jam dibuatnya berita
5. Deskripsi longtext Isi Berita
7) Kamus Data Tabel Komentar

Tabel 8: Kamus Data Komentar
Nama Arus Data : Data Komentar
Bentuk : File
Penjelasan : Tabel untuk menyimpan Komentar
Periode : Setiap Penginputan Komentar
1. id Int PK Identitas Komentar
2. Berita_id Int FK Identitas berita
3. Oleh Text Nama Pembuat
4. Komentar Text Deskripsi Komentar
24
PT. ELIAS KOMERSIAL
NUSANTARA

8) Kamus Data Tabel Balasan Komentar

Tabel 9: Kamus Data Balasan Komentar
Nama Arus Data : Data Balasan Komentar
Bentuk : File
Penjelasan : Tabel untuk menyimpan Balasan Komentar
Periode : Setiap Penginputan Balasan Komentar
1. id Int PK Identitas Balasan Komentar
2. Komentar_id Int FK Indentitas Komentar
3. Balasan Int Isi Komentar
4. Oleh Text Nama Pembuat
6. Created_at Datetime Pencatatan waktu
8. Update_at Datetime Pencatatan waktu
10. Delete_at Datetime Pencatatan waktu
9) Kamus Data Tabel Survey

Tabel 10: Kamus Data Survey
Nama Arus Data : Data Survey
Bentuk : File
Penjelasan : Tabel untuk menyimpan Survey
Periode : Setiap Penginputan Survey
1. id Int PK Identitas Survey
2. Nama Int Nama Pembuat Survey
3. Link Int Alamat email
4. Keterangan Text Deskripsi Penjelasan
25
PT. ELIAS KOMERSIAL
NUSANTARA

10) Kamus Data Tabel Agenda

Tabel 11: Kamus Data Agenda
Nama Arus Data : Data Agenda
Bentuk : File
Penjelasan : Tabel untuk menyimpan Agenda
Periode : Setiap Penginputan Agenda
1. id Int PK Identitas Agenda
2. Nama Varchar Nama Pembuat Agenda
3. Tanggal Date Tanggal Dibuat Agenda
4. Waktu Time Waktu Jam dibuatnya
6. Tempat Varchar Nama Lokasi Agenda
7. Created_at Timestamp Pencatatan waktu Auto
11) Kamus Data Tabel Regulasi

Tabel 12: Kamus Data Regulasi
Nama Arus Data : Data Regulasi
Bentuk : File
Penjelasan : Tabel untuk menyimpan Regulasi
Periode : Setiap Penginputan Data Regulasi
26
PT. ELIAS KOMERSIAL
NUSANTARA
1. id Int PK Identitas Regulasi

2. Nama Varchar Nama Regulasi
3. File Text File Upload
4. Keterangan Int Deskripsi Regulasi
6. Tanggal Date Tanggal dibuatnya Data Regulasi
12) Kamus Data Tabel Usulan Penelitian

Tabel 13: Kamus Data Usulan Penelitian
Nama Arus Data : Data Usulan Penelitian
Bentuk : File
Penjelasan : Tabel untuk menyimpan Usulan Penelitian
Periode : Setiap Penginputan Usulan Penelitian
1. id Int PK Identitas Usulan Penelitian
2. Nomor Varchar Nomor formulir
3. Tanggal Date Tanggal Pembuatan
4. Usulan Text Deskripsi Usulan
6. Pengusul Text Nama Pengusul
Penjelasan Latar Belakang
7. Latar_belakang Text
Usulan
8. Tujuan Text Penjelasan Tujuan Dari Usulan
9. External Tinyint pihak pengusul publik
10. Status Varchar Tolak, terima, proses usulan
11. Instansi Int Nama Instansi pengusul
12. Email Varchar Alamat Email
13. Lokasi Varchar Lokasi usulan Penlitian
14. Nomor_kontak Varchar Nomor Hp
15. Faktor_Pendukung Text Penjelasan faktor Pendukung
27
PT. ELIAS KOMERSIAL
NUSANTARA
16. Faktor_Penghambat Text Penjelasan faktor penghambat

13) Kamus Data Tabel Surat Keluar

Tabel 14: Kamus Data Surat Keluar
Nama Arus Data : Data Surat Keluar
Bentuk : File
Penjelasan : Tabel untuk menyimpan Surat Keluar
Periode : Setiap Penginputan Surat Keluar
1. id Int PK Identitas Surat Keluar
2. Nomor_urut Varchar Nomor formulir
3. Surat_Keluar Text Nama Surat Keluar
4. Klasifikasi_Surat_id Int Jenis klasifikasi Surat Keluar
6. Nomor_Surat Varchar Nomor Surat
7. Tanggal_Surat Date Tanggal Surat
8. Tujuan Text Surat Kepada
9. Isi_Perihal_singkat Text Deskripsi Surat
14) Kamus Data Tabel Surat Masuk

Tabel 15: Kamus Data Surat Masuk
28
PT. ELIAS KOMERSIAL
NUSANTARA
Nama Arus Data : Data Surat Masuk

Bentuk : File
Penjelasan : Tabel untuk menyimpan Surat Masuk
Periode : Setiap Penginputan Surat Masuk
1. id Int PK Identitas Surat Masuk
2. Nomor_urut Varchar Nomor formulir
3. Surat_masuk Text Nama Surat masuk
4. Tanggal_Penerimaan Date Tanggal Diterimanya Surat
6. Klasifikasi_Surat_Id Int Klasifikasi Surat
7. Nomor_Surat Varchar Nomor surat
8. Tanggal_Surat Date Tanggal dibuatnya surat
9. Tujuan Text Perihal Surat
7. Isi_Perihal_Singkat Text Deskripsi Perihal Surat
8. Pengirim Text Yang Mengirim Surat
9. Isi_Disposisi Text Asal disposisi Surat
Surat ditujukan kepada
10. Disposis_Kepada Text
disposisi
13. Update_at Datetime Pencatatan waktu Auto
15) Kamus Data Tabel Usulan Inovasi

Tabel 16: Kamus Data Usulan Inovasi
Nama Arus Data : Data Usulan Inovasi
Bentuk : File
Penjelasan : Tabel untuk menyimpan Usulan Inovasi
Periode : Setiap Penginputan Usulan Inovasi
1. id Int PK Identitas Usulan Inovasi
2. Nomor Varchar Nomor formulir
29
PT. ELIAS KOMERSIAL
NUSANTARA
Tanggal dibuatnya usulan

3. Tanggal Date
Inovasi
4. Usulan Text Judul Usulan Inovasi
6. Pengusul Text Nama Pengusul
Penjelasan Latar Belakang
7. Latar_belakang Text
Usulan
8. Tujuan Text Tujuan Usulan
9. Status Varchar Action status Proses oleh Admin
7. Instansi Int Nama Instansi Pengusul Inovasi
8. Email Varchar Alamat Email
9. Nomor_Kontak Varchar Nomor Hp
13. Update_at Timestamp Pencatatan waktu Auto
B. Analisis Kebutuhan Sistem

1. Kebutuhan Fungsional (Functional Requirement)
Jenis kebutuhan yang berisi proses-proses apa saja yang nantinya dilakukan oleh
sistem. Kebutuhan fungsional juga berisi informasi-informasi apa saja yang
harus ada dan dihasilkan sistem.
Tabel 17: Functional Requirement
No Aktor Deskripsi
1. Admin Dapat login ke halaman dashboard admin untuk
mengelola sistem
Dapat mengelola Kelitbangan: tambah, ubah, hapus
yang akan ditampilkan pada sistem halaman
Kelitbangan
Dapat mengelola Inovasi: tambah, ubah, hapus
yang akan ditampilkan pada sistem halaman
Inovasi
Dapat mengelola informasi Agenda: tambah, ubah,
hapus yang akan ditampilkan pada sistem halaman
informasi Agenda
30
PT. ELIAS KOMERSIAL
NUSANTARA
Dapat mengelola Berita: tambah, ubah, hapus yang

akan ditampilkan pada sistem halaman Berita
Dapat mengelola Penelitian: Tidakan ubah,
Konfirmasi, batal, Set terlkasana, Set Tidak
Terlaksana, yang akan ditampilkan pada sistem
halaman informasi Penelitian terkait status
Tindakan admin
Dapat Mengelola Usulan Inovasi: Tindakan Ubah,
Konfirmasi Usulan, Tolak Usulan, Hapus. Yang
akan ditampilkan di sistem halam Inovasi terkait
respon Tindakan admin terhadap usulan Pengguna
Publik.
Dapat Mengelola Surat: Tindakan edit, hapus,

tambah. Untuk kebutuhan Arsip Administrasi
Instansi.
Dapat Mengelola Regulasi: Edit, Tambah, Hapus

yang akan ditampilakan di sistem halaman
Regulasi
2. User Dapat melihat halaman utama (home)
Dapat melihat halaman tentang Berannda
Dapat melihat halaman Profil Litbang
Dapat Melihat halaman Selayangpandang Litbang
Dapat melihat halaman Struktur Organisasi Litbang
Dapat melihat halaman Regulasi Litbang
Dapat melihat halaman Agenda Kegiatan
Dapat melihat halaman Berita dan Artikel Litbang
Dapat Melihat Halaman Galeri Foto dan Video
Dapat Melihat Halaman Forum Komunikasi
Penelitian, Inovasi, Surat Rekomensasi, Survey
Dapat Melihat Halaman Inovasi Litbang
2. Kebutuhan Nonfungsional (Non-Functional Requirement)
Kebutuhan ini adalah tipe kebutuhan yang berisi properti perilaku yang dimiliki
oleh sistem.
1) Alat dan Bahan
31
PT. ELIAS KOMERSIAL
NUSANTARA
Aspek ini menyangkut tentang kebutuhan perangkat keras dan perangkat

lunak. Dalam hal ini perangkat keras yang dimaksud adalah komputer yang
digunakan untuk membangun sistem informasi pariwisata sedangkat perangkat
lunak adalah aplikasi yang digunakan untuk membuat sistem.
Tabel 18: Spesifikasi Perangkat
No Perangkat Spesifikasi Alat dan Bahan
1. Perangkat Keras DELL Inspiron 3511 i5-1135G7 RAM 8GB
(Hardware) SSD 512GB
SMARTPONE OPPO A95
2. Perangkat Lunak  Sistem Operasi Windows 10
(Software) Web Browser Google Chrome
139.180.153.247
Web Server Nginx
Database Mysql
 Bahasa pemrograman berbasis website:
HTML, CSS, Java Script.
 Bahasa pemrograman berbasis mobile:
Java (Android).
Editor:
 Visual Studio code (website)
 Android Studio (Android)
Diagram: Microsoft Visio Professional
2016
Microsoft Office Professional Plus 2016
32
Aplikasi E-LITBANG
Menu APLIKASI E-LITBANG

berbasis WEB
BERANDA PROFIL INFORMASI INOVASI GALERI FORUM KOMUNIKASI

KELITBANGAN
- Tampilan Utama - Regulasi - Menampilkan - Menampilkan - Foto - Penelitian
- Devenisi
Dalam Webiste - Agenda Kegiatan Informasi Seputar Informasi Tentang - Video - Inovasi
- Selayang Pandang
E-Litbang - Berita dan Artikel Kelitbangan Daftar Inovasi - Survey
- Struktur Organisasi
- Surat Rekomendasi
Gambar 2: Modul Aplikasi E-Litbang Berbasis Web
34
Menu APLIKASI E-LITBANG

berbasis Mobile
MASTER AGENDA BERITA KELITBANGAN INOVASI PENELITIAN
- Login Admin - Melihat Daftar - Menampilkan Daftar - Menampilkan - Menampilkan

- Menampilkan
Agenda Berita Informasi Tentang Informasi Tentang
Informasi Seputar
Kelitbangan daftar Inovasi Daftar Penelitin
FOTO REGULASI PELAPORAN FOTO WEBSITE
- Menampilkan - Menampilkan - Pelaporan Inovasi - Menampilkan - Mengarahkan Ke

Dokumentasi Galery Daftar Regulasi - Pelaporan Dokumentasi Galery Link Website
Penelitian E-Litbang
Gambar 3: Modul Aplikasi E-Litbang Berbasis Mobile
35
PT. ELIAS KOMERSIAL
NUSANTARA
C. PENGEMBANGAN APLIKASI
1. Reflow DB References Foreign Key
Pada dasarnya, foreign key digunakan untuk menandakan hubungan tabel yang
satu dengan yang lainnya. Atau dapat dikenal dengan istilah parent dan child.
Tabel pertama berperan sebagai parent yang terdapat primary key di dalamnya,
tabel kedua disebut sebagai child yang berisi kunci asing (foreign key). Suatu
tabel dapat dikatakan child apabila dalam tabel tersebut terdapat kolom yang
merupakan rujukan (reference) terhadap tabel pertama atau parent. Selain itu,
terdapat beberapa fungsi yang dimiliki oleh foreign key. Berikut akan
dijelaskan mengenai beberapa fungsinya :
1) Dengan menentukan kunci asing, maka otomatis database akan konsisten
dalam mempertahankan integritas referensial. Dengan begitu, database
dapat memonitor setiap data yang dimasukkan.
2) Ketika Anda telah menetapkan kunci primer di tabel utama dan kunci
asing di tabel kedua, maka itu memudahkan Anda untuk melihat
rancangan fisik database dengan komponen yang saling terkait.
3) Dengan membuat kolom yang digunakan sebagai foreign key, maka dapat
memudahkan Anda untuk melakukan operasi pengolahan setiap data yang
tersimpan dalam database. Sebab, data yang tersimpan sudah saling terkait
satu dengan yang lainnya.
2. Reflow DB Tables Field
Saat membuat database, kita perlu data yang benar supaya data yang dihasilkan
tidak salah atau tertinggal. Data yang sudah terkumpul berikutnya dibuat
menjadi sistem basis data yang didalamnya ada beberapa bagian penting.
Bagian dari struktur yang dimaksud adalah field, record, table, file dan data.
Istilah field merujuk pada kumpulan berbagai karakter didalam database yang
mempunyai arti didalamnya. Tabel disebut sebagai kumpulan record dan field
yang sudah lengkap di sistem database.
3. Update Template Aplikasi Static HTML/CSS/JS
36
PT. ELIAS KOMERSIAL
NUSANTARA
Web developer umumnya menggunakan JavaScript bersama HTML dan CSS

karena ketiganya bisa bekerja sama tanpa masalah. Jadi, JavaScript adalah
bahasa pemrogramannya, HTML berfungsi untuk menyusun struktur website,
dan CSS untuk mendesain serta mengatur layout halaman website. Fungsi
JavaScript di antaranya adalah untuk pengembangan aplikasi web dan mobile,
membangun web server dan aplikasi server, membuat website yang interaktif,
serta game development. Untuk lebih jelasnya, berikut kegunaannya :
i. Efisiensi Pengembangan Aplikasi Web dan Seluler
ii. Membangun Web Server dan Aplikasi Server
iii. Membuat Website yang Interaktif
JavaScript memiliki sejumlah keunggulan yang membuatnya menjadi pilihan

yang lebih baik daripada bahasa pemrogramman lainnya. Antara lain, berikut
kelebihan JavaScript :
1. Struktur yang sederhana. Strukturnya yang sederhana membuat JavaScript

lebih mudah dipelajari dan diterapkan, serta lebih cepat daripada sejumlah
bahasa lain. Error juga mudah diidentifikasi dan diperbaiki.
2) Eksekusi lebih cepat. JavaScript mengeksekusi skrip langsung di browser
web tanpa harus konek ke server atau menggunakan compiler. Selain itu,
sebagian besar browser memungkinkan JavaScript meng-compile kode pada
saat eksekusi program.
3) Fungsi yang serbaguna. JavaScript kompatibel dengan bahasa lain seperti
PHP, Perl, dan Java. Bahasa ini juga menjadikan data science dan machine
learning bisa diakses oleh developer.
4) Cukup populer dan banyak digunakan. Ada berbagai resource dan forum
yang bisa membantu pemula mempelajari bahasa scripting ini.
5) Mengurangi beban server. karena berjalan di sisi klien, JavaScript bisa
mengurangi permintaan yang dikirim ke server. Validasi data bisa dilakukan
37
PT. ELIAS KOMERSIAL
NUSANTARA
melalui browser, dan update hanya berlaku pada bagian halaman web
tertentu.
6) Selalu diperbarui dan dikembangkan. Tim developer JavaScript dan ECMA
International terus memperbarui serta merancang framework dan library
baru sehingga bisa terus relevan.
JavaScript di-embed langsung ke halaman web atau direferensikan melalui

file .js terpisah. Saat pengunjung membuka halaman web, browser akan
menjalankan skrip beserta kode HTML dan CSS untuk membuat halaman
fungsional yang disajikan melalui tab browser.
Skrip kemudian didownload dan diproses di perangkat pengunjung, JavaScript

adalah bahasa sisi klien. Jadi tidak seperti bahasa server side di mana server
memproses skrip sebelum dikirim ke browser.
Saat menemukan blok kode JavaScript, browser web akan memprosesnya dari
atas ke bawah. Karena urutan akan diperhitungkan, pastikan Anda
mereferensikan objek atau variabel di dalam blok lebih dulu sebelum
memodifikasinya. Apabila memiliki variabel tanpa nilai, error undefined akan
muncul. Ada dua cara menggunakan JavaScript pada HTML, yaitu secara
internal dan eksternal. JavaScript internal menggunakan tag <script> pada body
script HTML untuk mencakup semua kode JavaScript. Berikut contoh
JavaScript internal dengan tag <script>:
38
PT. ELIAS KOMERSIAL
NUSANTARA
Gambar 4 :Script html

Anda juga bisa meng-embed skrip pada atribut event HTML, meminta browser
untuk mengeksekusinya saat sebuah event dipicu. Jenis skrip ini disebut inline
JavaScript (hapus tanda “*” pada “onclick” untuk menggunakan kode) :
Gambar 5: script inline Java Script

Di sisi lain, JavaScript eksternal dilakukan dengan menyimpan kode dalam file
.js terpisah, lalu memanggilnya renama di halaman HTML. Developer sering
menggunakan metode ini saat mengerjakan proyek besar, karena akan
membuat skripnya lebih teratur.
Anda juga bisa menggunakan lagi skrip JavaScript eksternal di beberapa

halaman HTML, yang tentunya akan sangat membantu.
Misalnya, menambahkan skrip berikut ke halaman HTML memungkinkan

Anda memanggil ernama file JavaScript eksternal renama script.js:
Gambar 6: Script external source

Ini adalah contoh cara mereferensikan file JavaScript eksternal :
39
PT. ELIAS KOMERSIAL
NUSANTARA
Gambar 7: Contoh JavaScript eksternal
BAB IV
HASIL DAN PEMBAHASAN
A. Tampilan Sistem
Tampilan sistem adalah suatu bentuk hasil dari sistem yang telah selesai
dikembangkan yang sesuai dengan tahapan desain sistem dimana sudah mendukung
responsive web design, baik untuk browser desktop, mobile dan tablet. Dalam sistem
ini terdapat dua level pengguna sistem informasi yaitu admin dan user. Dimana admin
sebagai pengelola sistem secara khusus, dan user adalah sebagai pengguna secara
umum. Untuk mengakses dapat mengetikkan alamat https://litbang.btx.co.id/ pada
address bar browser. Berikut ini bentuk tampilan sistem informasi APLIKASI E-
LITBANG yang terdiri dari tampilan desktop, mobile berbasis website (responsive)
disertai tampilan berbasis mobile:
40
PT. ELIAS KOMERSIAL
NUSANTARA
1. Halaman Utama (Beranda)

Tampilan halaman utama adalah tampilan yang akan tampil pertama kali pada
saat pengguna mengakses sistem Informasi E-Litbang Berbasis web.
Tampilan Desktop Tampilan Mobile
Gambar 8: Halaman Beranda berbasis Web dan Mobile
2. Menu Profil
a. Halaman Devenisi
Masuk Pada menu PROFIL– Pilih halaman DEVENISI
41
PT. ELIAS KOMERSIAL
NUSANTARA
Gambar 9 :Halaman Profil - Sub Devenisi
b. Halaman Selayangpandang
Masuk Pada menu PROFIL – Pilih halaman SELAYANG PANDANG
Gambar 10: Halaman Profil – Sub Selayang pandang
3. Menu Informasi
a. Halaman Regulasi
Masuk Pada menu INFORMASI – Pilih halaman REGULASI
42
PT. ELIAS KOMERSIAL
NUSANTARA
Gambar 11 : Halaman Informasi – Sub Regulasi

Berisikan Informasi Terkait Regulasi yang dapat di Download.
b. Halaman Agenda Kegiatan
Masuk Pada Menu INFORMASI – Pilih halaman AGENDA KEGIATAN
Gambar 12: Halaman Informasi – Sub Agenda Kegiatan

c. Berita dan Artikel
Masuk Pada Menu INFORMASI – Pilih halaman BERITA DAN ARTIKEL
43
PT. ELIAS KOMERSIAL
NUSANTARA
Gambar 13: Halaman Informasi – Sub Berita dan Artikel

4. Menu Kelitbangan
Halaman Kelitbangan : Masuk Pada Menu KELITBANGAN
Gambar 14: Halaman Kelitbangan
5. Menu Inovasi
44
PT. ELIAS KOMERSIAL
NUSANTARA
Halaman Inovasi : Masuk Pada Menu INOVASI
Gambar 15: Halaman Inovasi

6. Menu Galeri
a. Halaman Foto
Masuk Pada Menu GALERI – Pilih halaman FOTO
Gambar 16 : Halaman Galeri - Foto
45
PT. ELIAS KOMERSIAL
NUSANTARA
b. Halaman Video
Masuk Pada Menu GALERI – Pilih halaman VIDEO
Gambar 17: Halaman Galeri - Video

7. Menu Forum Komunikasi
a. Halaman Penelitian
Masuk Pada Menu FORUM KOMUNIKASI – Pilih halaman PENELITIAN
Gambar 18: Halaman Forum Komunikasi - Penelitian

46
PT. ELIAS KOMERSIAL
NUSANTARA
Informasi Terkait Usulan Penelitian yang di Usulkan Oleh pengguna Website

secara publik dan dapat ditambahkan usulan baru sesuai kebutuhan yang
diusulkan, Adapun cara dalam Menambahkan Usulan Baru sebagai berikut:
Masuk Pada Menu FORUM KOMUNIKASI – Pilih halaman PENELITIAN –
pilih halaman USULKAN PENELITIAN
Gambar 19: Halaman Forum Komunikasi – Penelitian (Tambah Usulan Penelitian)
47
PT. ELIAS KOMERSIAL
NUSANTARA
Setelah mengikuti Langkah di atas, maka Selanjutnya menampilkan Formulir

pengajuan USULAN PENELITIAN:
Gambar 20: Halaman Formulir Usulan Penelitian

User/Pengguna Aplikasi E-Litbang dapat mengisi formulir sesuai kebutuhan
terkait Usulan Penelitian, dan selanjutnya menekan SUBMIT USULAN pada
Formulir untuk Menyimpan data Usulan yang di ajukan.
b. Halaman Inovasi
Masuk Pada menu FORUM KOMUNIKASI – Pilih halaman INOVASI
Gambar 21: Halaman Forum Komunikasi - Inovasi

48
PT. ELIAS KOMERSIAL
NUSANTARA
Informasi Terkait Inovasi yang di usulkan Oleh pengguna Website secara

publik dan dapat ditambahkan usulan baru sesuai kebutuhan yang diusulkan,
Adapun cara dalam Menambahkan Usulan Baru sebagai berikut:
Gambar 22: Halaman Forum Komunikasi – Inovasi (Tambah Usulan Inovasi)

Masuk Pada Menu FORUM KOMUNIKASI – Pilih Halaman INOVASI – Pilih
Halaman USULKAN INOVASI, Setelah mengikuti Langkah di atas, maka
Selanjutnya menampilkan Formulir pengajuan Usulan Inovasi:
49
PT. ELIAS KOMERSIAL
NUSANTARA
Gambar 23: Halaman Formulir Usulan Inovasi

Pengguna Aplikasi E-Litbang dapat mengisi formulir sesuai kebutuhan terkait
Usulan Inovasi, dan selanjutnya menekan SUBMIT USULAN pada Formulir
untuk Menyimpan data Usulan yang di ajukan.
c. Halaman Survey
Masuk Pada Menu FORUM KOMUNIKASI – Pilih Halaman SURVEY
Gambar 24: Forum Komunikasi – Survey

d. Hamalam Surat Rekomendasi
Masuk Pada Menu FORUM KOMUNIKASI – Pilih Halaman SURAT
REKOMENDASI
Gambar 25: Halaman Forum Komunikasi – Formulir Surat Rekomendasi
50
PT. ELIAS KOMERSIAL
NUSANTARA
User/Pengguna Aplikasi E-Litbang dapat mengisi formulir sesuai kebutuhan

terkait Surat Rekomendasi, dan selanjutnya menekan SUBMIT USULAN pada
Formulir untuk Menyimpan data Usulan yang di ajukan.
8. Halaman Aplikasi E-Litbang Berbasis Web (Admin)

a. Akses Administrator / Admin
Admin melakukan Login pada icon Padlock yang terletak di pojok
Kanan atas didalam halam Website E-Litbang.
Gambar 26: Halaman Beranda – Login ke Admin

Admin akan di arahkan ke link https://litbang.btx.co.id/login halaman Login
(gambar)Keamanan Website Seperti pada gambar berikut:
51
PT. ELIAS KOMERSIAL
NUSANTARA
Gambar 27: Halaman Keamanan Login Admin

Jika admin sudah menginput email dan Password yang benar, maka selanjutnya
akan di arahkan ke Tampilan Dasboard halaman Admin seperti pada gambar
berikut:
Gambar 28: Halaman Dasboard Admin
52
PT. ELIAS KOMERSIAL
NUSANTARA
b. Modul Kelitbangan
Masuk Pada Modul KELITBANGAN
b) c)
a)
d)
Gambar 29: Halaman Kelitbangan (Admin)
Admin dapat mengelolah Form Kelitbangan sesuai kebutuhan yang perlukan,

a) Admin dapat melakukan Tindakan export data dalam bentuk extention
Excel dan PDF.
 Export ke extention Excel
Gambar 30: Hasil Export Data Kelitbangan ke Excel
53
PT. ELIAS KOMERSIAL
NUSANTARA
 Export ke extention PDF
Gambar 31: Hasil Export Data Kelitbangan ke PDF
b) Tindakan Refresh untuk menampilkan data yang jika system

mengalami gangguan jaringan.
c) Tindakan Tambah Data Untuk menambah data pada modul

KELITBANGAN seperti pada gambar berikut:
54
PT. ELIAS KOMERSIAL
NUSANTARA
Gambar 32: Halaman Tambah Data Kelitbangan

Jika Admin telah mengisi data KELITBANGAN, maka Admin harus menekan
Command Save untuk menyimpan data dan command cancel untuk
membatalkan atau mereset data dalam form isian.
d) Tindakan Action
Gambar 33: Tindakan Action (Edit dan Hapus) data Kelitbangan
Merupakan Tindakan yang dapat di kelolah Admin dalam mengedit data atau
menghapus data.
c. Modul Inovasi
Masuk Pada Modul INOVASI
b) c) d) e)
a)
f)
Gambar 34: Halaman Inovasi (Admin)
55
PT. ELIAS KOMERSIAL
NUSANTARA

Excel dan PDF.
Gambar 35: Hasil Export Data Inovasi ke Excel

Gambar 36: Hasil Export Data Inovasi ke PDF

b) Tindakan Filter data INOVASI yang akan ditampilkan berdasarkan
tanggal/bulan/tahun
c) Tindakan reset filter untuk mengembalikan ke tampilan data awal

sebelum di filter.
d) Tindakan Refresh untuk menampilkan data jika system mengalami

gangguan jaringan.
56
PT. ELIAS KOMERSIAL
NUSANTARA
e) Tindakan Tambah Data Untuk menambah data pada modul INOVASI

seperti pada gambar berikut:
Gambar 37: Halaman Tambah Data Inovasi

- NOMOR menerangkan nomor yang terupdate secara automatis setiap
melakukan Tindakan tambah data Inovasi;
- TANGGAL menerangkan Tanggal pembuatan daftar Inovasi;
- NAMA menerangkan menerangkan Nama pembuat Inovasi;
- TUJUAN menerangkan Tujuan dari Inovasi Yang dibuat;
- MANFAAT menerangkan Kegunaan dari invasi yang dibuat;
- HASIL menerangkan hasil dari Inovasi yang dibuat;
- DESKRIPSI menerangkan penjelasan dari Inovasi yang dibuat;
- KELENGKAPAN menerangkan terkait dukungan/peralatan Inovasi yang
dibuat;
- INSTANSI menerangkan Instansi yang membuat Inovasi;
- PELAKSANA menerangkan Nama Kelompok dari Instansi yang
melaksanakan Inovasi.
57
PT. ELIAS KOMERSIAL
NUSANTARA
Jika Admin telah mengisi data INOVASI, maka Admin harus menekan SAVE
untuk menyimpan data dan CANCEL untuk membatalkan atau mereset data
dalam form isian.
f) Tindakan Action
Gambar 38: Tidakan Edit dan Hapus Data Inovasi

Merupakan Tindakan yang dapat di kelolah Admin dalam mengedit data
atau menghapus data INOVASI .
d. Modul Agenda
Masuk Pada Modul AGENDA
b) c) d) e)
a)
f)
Gambar 39: Halaman Agenda (Admin)

a) Admin dapat melakukan Tindakan export data dalam bentuk extention Excel
dan PDF.

58
PT. ELIAS KOMERSIAL
NUSANTARA
Gambar 40: Hasil Export Data Agenda ke Excel

Gambar 41: Hasil Export Data Agenda ke PDF
b) Tindakan Filter data AGENDA yang akan ditampilkan berdasarkan

tanggal/bulan/tahun

sebelum di filter.

gangguan jaringan.
e) Tindakan Tambah Data Untuk menambah data pada modul AGENDA

59
PT. ELIAS KOMERSIAL
NUSANTARA
Gambar 42: Halaman Tambah Data Agenda

- NAMA menerangkan Nama Agenda atau Kegiatan;
- TANGGAL menerangkan Tanggal Rencana Agenda Kegiatan;
- WAKTU menerangkan Jadwal Time atau Jam dilaksanakannya Agenda
Kegiatan;
- TEMPAT menerangkan Keberadaan Tempat dilkasanakannya Agenda
Kegiatan.
- DROPE FILES HERE OR PASTE OR BROWSE fungsinya untuk
mengambil file dalam folder untuk di upload kedalam form Agenda.
Jika Admin telah mengisi data AGENDA, maka Admin harus menekan
SAVE untuk menyimpan data dan CANCEL untuk membatalkan atau
mereset data dalam form isian.
f) Tindakan Action
Gambar 43: Tindakan Edit dan Hapus Data Agenda
60
PT. ELIAS KOMERSIAL
NUSANTARA
Merupakan Tindakan yang dapat di kelolah Admin dalam mengedit data atau
menghapus data AGENDA .
e. Modul Berita
Masuk Pada Modul BERITA
b) c) d) e)
a)
f)
Gambar 44: Halaman Berita (Admin)

dan PDF.
Gambar 45 : Hasil Export Data Berita ke Excel

61
PT. ELIAS KOMERSIAL
NUSANTARA
Gambar 46: Hasil Export Data Berita ke PDF

b) Tindakan Filter data BERITA yang akan ditampilkan berdasarkan
tanggal/bulan/tahun

sebelum di filter.

gangguan jaringan.
e) Tindakan Tambah Data Untuk menambah data pada modul BERITA

Gambar 47: Halaman Tambah Data Berita

Jika Admin telah mengisi data BERITA, maka Admin harus menekan Save
untuk menyimpan data dan cancel untuk membatalkan atau mereset data
dalam form isian.
f) Tindakan Action
Gambar 48: Tindakan Edit dan Hapus Data Berita
62
PT. ELIAS KOMERSIAL
NUSANTARA
f. Modul Penelitian
Masuk Pada Modul PENELITIAN
b) c) d) e)
a)
f)
Gambar 49: Halaman Penelitian (Admin)

Admin dapat mengelolah Form PENELITIAN sesuai kebutuhan,
dan PDF.
Gambar 50: Hasil Export Data Penelitian Ke Excel

63
PT. ELIAS KOMERSIAL
NUSANTARA
Gambar 51: Hasil Export Data Penelitian Ke PDF

b) Tindakan Filter data PENELITIAN yang akan ditampilkan berdasarkan
tanggal/bulan/tahun

sebelum di filter.

gangguan jaringan.
e) Tindakan Tambah Data Untuk menambah data pada modul

PENELITIAN seperti pada gambar berikut:
Gambar 52: Halaman Tambah Data Penelitian

Jika Admin telah mengisi data PENELITIAN, maka Admin harus menekan
Command Save untuk menyimpan data dan command cancel untuk
membatalkan atau mereset data dalam form isian.
f) Tindakan Action
Gambar 53: Tindakan Edit dan Hapus Data Penelitian
64
PT. ELIAS KOMERSIAL
NUSANTARA
g. Modul Usulan Inovasi

Masuk Pada Modul USULAN INOVASI
b) c) d)
a)
e)
Gambar 54: Halaman Usulan Inovasi (Admin)

Admin dapat mengelolah Form USULAN INOVASI sesuai kebutuhan,
Excel dan PDF.
Gambar 55:Hasil Export Data Usulan Inovasi Ke Excel

Gambar 56: Hasil Export Data Usulan Inovasi Ke PDF
65
PT. ELIAS KOMERSIAL
NUSANTARA
b) Tindakan Filter data USULAN INOVASI yang akan ditampilkan

berdasarkan tanggal/bulan/tahun

sebelum di filter.
d) Tindakan Refresh untuk Merecovery data sementara jika system

e) Tindakan Action
Gambar 57 : Tindakan Mengedit atau menghapus Data Usulan Inovasi Ke Excel
Adapun Tindakan Edit yang dapat dekelola Admin seperti pada gambar
berikut:
Gambar 58: Halaman mengelola Usulan Inovasi oleh Admin
o SAVE, untuk menyimpan USULAN INOVASI jika ADMIN

melakukan perbaikan data USULAN INOVASI yang di ajukan oleh
Pengguna Publik.
o CANCEL, untuk keluar dari Form Data USULAN INOVASI
o KONFIRMASI, Admin dapat mengambil keputusan menerima usulan
Pengguna Publik jika di anggap data valid.
66
PT. ELIAS KOMERSIAL
NUSANTARA
o TOLAK, Admin dapat mengambil keputusan menolak usulan

Pengguna Publik jika di anggap data tidak valid.
o HAPUS, Admin dapat mengambil keputusan menghapus usulan
Pengguna Publik.
h. Modul Survey
Pada Modul Ini diperuntukkan Pengguna Publik dapat membuat survey terkait
dengan kepuasan Pengguna Publik terhadap Informasi https://litbang.btx.co.id/.
Gambar 59: Halaman Keamanan Untuk Masuk ke Survey

Pengguna Publik terlebihdahulu harus menginput Email untuk melanjutkan ke
Form Survey.
i. Modul Surat
67
PT. ELIAS KOMERSIAL
NUSANTARA
Masuk pada modul SURAT, Admin dapat mengelola data Surat baik SURAT
MASUK dan SURAT KELUAR. Seperti pada gambar berikut:
Gambar 60: Halaman Surat Masuk dan Surat Keluar

 Surat Keluar
Admin masuk pada form SURAT KELUAR seperti pada gambar berikut,
b) c) d) e)
a)
f)
Gambar 61: Halaman Surat Keluar

Excel dan PDF.
68
PT. ELIAS KOMERSIAL
NUSANTARA
Gambar 62: Hasil Export Data Surat Keluar ke Excel

Gambar 63: Hasil Export Data Surat Keluar ke PDF
b) Tindakan Filter data SURAT KELUAR yang akan ditampilkan

berdasarkan tanggal/bulan/tahun

sebelum di filter.

e) Tindakan Tambah Data SURAT KELUAR, Admin dapat mengelolah

data SURAT KELUAR sesuai dengan kebutuhan. Seperti pada gambar
berikut,
69
PT. ELIAS KOMERSIAL
NUSANTARA
Gambar 64: Halaman Tambah Data Surat Keluar

Untuk menambah arsip Surat, admin dapat mengisi formulir dengan
bentuk format isian seperti pada gambar,
- Nomor untuk menerangkat nomor formulir data
- Nomor Surat Untuk menerangkan Nomor Persuratan
- Tanggal Surat menerangkan Tanggal Pembuatan Arsip Surat
- Kualifikasi Surat menerangkan Jenis Surat
- Perihal Surat menerangkan Deskripsi singkat Surat
- Tujuan Surat Menerangkan surat diberikan ke Nama Instansi yang
dituju.
f) Tindakan Action
Gambar 65:Tindakan Mengedit dan Menghapus Data Surat Keluar

Merupakan Tindakan yang mengedit atau menghapus data.
 Surat Masuk
70
PT. ELIAS KOMERSIAL
NUSANTARA
Admin masuk pada form SURAT MASUK seperti pada gambar berikut,
b) c) d) e)
a)
f)
Gambar 66: Halaman Surat Masuk

Excel dan PDF.
Gambar 67: Hasil Export Data Surat Masuk ke Excel

Gambar 68: Hasil Export Data Surat Masuk ke PDF

b) Tindakan Filter data SURAT MASUK yang akan ditampilkan berdasarkan
tanggal/bulan/tahun
71
PT. ELIAS KOMERSIAL
NUSANTARA

sebelum di filter.

e) Tindakan Tambah Data SURAT MASUK, Admin dapat mengelolah

data SURAT MASUK sesuai dengan kebutuhan. Seperti pada gambar
berikut:
Gambar 69: Halaman Tambah Data Surat Masuk

- NOMOR, fungsinya untuk penomoran otomatis setiap melakukan
penambahan data SURAT MASUK;
- TANGGAL SURAT, fungsinya untuk memperjelas Tanggal Surat
Masuk;
- PENGIRIM, untuk menerangkan identitas si pengirim Surat Masuk;
- TANGGAL PENERIMAAN, fungsinya untuk menerangkan Tanggal
diterimanya Surat.
- NOMOR SURAT, fungsinya untuk menerangkan Nomor Surat Masuk
harus sesuai dengan Dokumen Fisik Surat Masuk;
- KLAFISIKA SURAT, Menerangkan Jenis Surat;
- ISI DISPOSISI, menerangkan isi surat atau perihal Surat;
72
PT. ELIAS KOMERSIAL
NUSANTARA
- DISPOSISI KEPADA, menerangkan Surat ditujukan Kepada

Sipenerima Surat masuk.
- DROP FILES HERE, PASTE OR BROUSE, fungsinya untuk
mengupload dokumen yang sesuai dengan data yang di input pada
Form Surat Masuk;
- SAVE, fungsinya untuk menyimpan data setelah semua data telah terisi
pada form;
- CETAK, fungsinya untuk mencetak data sebagai laporan;
- CANCEL, fungsinya untuk membatalkan pengelolaan data pada form.
f) Tindakan Action
Gambar 70: Tindakan Mengedit dan Menghapus Data Surat Masuk

Merupakan Tindakan yang dapat di kelolah Admin mengedit atau
menghapus data Surat masuk.
j. Modul Regulasi
Pada Modul Ini Admin dapat mengelolah Informasi Terkait Regulasi atau Aturan
Legal yang ditetapkan Pemerintah. Adapun contoh seperti pada gambar berikut:
73
PT. ELIAS KOMERSIAL
NUSANTARA
b) c)
a)
d)
Gambar 71: Halaman Regulasi (Admin)

Excel dan PDF.
Gambar 72: Hasil Export Data Regulasi ke Excel

Gambar 73: Hasil Export Data Regulasi ke PDF
b) Tindakan Refresh untuk Merecovery data sementara jika system

74
PT. ELIAS KOMERSIAL
NUSANTARA
c) Tindakan Tambah Data REGULASI, Admin dapat mengelolah data

REGULASI dengan Menambah Data Seperti pada gambar berikut:
Gambar 74: Halaman Tambah Data Regulasi

- NAMA, menerangkan Nama Dokumen Regulasi
- TANGGAL, Menerangkan Tanggal pengarsipan data
- DROP FILES HERE, PASTE OR BROWSE, menerangkan untuk
menarik data dari computer atau smartpone untuk disimpan kedalam
Website
- SAVE, untuk Proses Tindakan menyimpan data
- CANCEL, Membatalkan proses aktifitas dalam Formulir
d) Tindakan Action
Gambar 75: Tindakan Mengedit dan Menghapus Data Regulasi

9. Halaman Kelitbangan Berbasis Mobile
a. Halaman Kelitbangan
75
PT. ELIAS KOMERSIAL
NUSANTARA
Tampilan Home dan icon Tampilan beberapa Item Tampilan Satu Sampel
Kelitbangan berbasis Data Kelitbangan berbasis Data Kelitbangan
Mobile Mobile berbasis Mobile
Gambar 76 : Tampilan Menu Home dan Desain halaman Kelitbangan berbasis Mobile
b. Halaman Agenda
Tampilan Home dan Tampilan List Data

icon Agenda berbasis Agenda Kegiatan
Gambar 77: Tampilan
Mobile Menu Home dan Desain halaman
berbasis Mobile
Agenda berbasis Mobile
c. Halaman Berita
76
PT. ELIAS KOMERSIAL
NUSANTARA
Tampilan Home dan icon Tampilan List Berita Tampilan Salasatu

Berita berbasis Mobile berbasis Mobile Desain Berita berbasis
Mobile
Gambar 78: Tampilan Menu Home dan Desain halaman Berita berbasis Mobile
d. Halaman Inovasi
Tampilan Home dan icon Tampilan Item Inovasi Tampilan Salatau

Inovasi berbasis Mobile berbasis Mobile Informasi Inovasi
berbasis Mobile
Gambar 79: Tampilan Menu Home dan Desain halaman Inovasi berbasis Mobile
e. Halaman Penelitian
77
PT. ELIAS KOMERSIAL
NUSANTARA
Tampilan Item Usulan Tampilan Salasatu

Penelitian berbasis Informasi Usulan
Mobile Penelitian berbasis Mobile
Gambar 80: Tampilan Menu Home dan Desain halaman Usulan Penelitian berbasis Mobile
f. Halaman Usulan Inovasi
Tampilan Item Usulan Tampilan Salasatu

Inovasi berbasis Mobile Informasi Usulan Inovasi
Tampilan Home dan icon berbasis Mobile
Usulan Inovasi berbasis
Mobile
Gambar 81: Tampilan Menu Home dan Desain halaman Usulan Inovasi berbasis Mobile
g. Halaman Foto
78
PT. ELIAS KOMERSIAL
NUSANTARA
Tampilan Home dan Tampilan Foto

Icon Foto berbasis Dokumentasi dari Website
Mobile E-Litbang
Gambar 82: Tampilan Menu Home dan Desain halaman Foto berbasis Mobile
h. Halaman Regulasi
Tampilan Home dan icon Tampilan Item Nama dan File Dokumen Regulasi
Regulasi berbasis Mobile File Dokumen Regulasi dapat di download secara
berbasis Mobile langsung
Gambar 83: Tampilan Menu Home dan Desain halaman Regulasi berbasis Mobile
i. Halaman Pelaporan Inovasi
79
Tampilan Home dan icon

PT. ELIAS KOMERSIAL
NUSANTARA
Tampilan Pelaporan
Inovasi berbasis Mobile
Tampilan Formulir
Pelaporan Inovasi
berbasis Mobile
Gambar 84: Tampilan Menu Home dan Desain halaman Pelaporan Inovasi berbasis Mobile
j. Halaman Pelaporan Penelitian
80

Pelaporan berbasis
Mobile
PT. ELIAS KOMERSIAL
NUSANTARA
Tampilan Pelaporan Tampilan Login Keamanan

Penelitian berbasis Pelaporan Penelitian
Mobile berbasis Mobile
Tampilan Formulir Tampilan Tambah Tampilan Upload

Pelaporan Penelitian Dokumen Pelaporan Dokumen Pelaporan
berbasis Mobile Penelitian berbasis Penelitian berbasis
Mobile Mobile
Gambar 85: Tampilan Menu Home dan Desain halaman Pelaporan Penelitian berbasis Mobile
k. Halaman Beralih ke E-Litbang Berbasis Web
81
PT. ELIAS KOMERSIAL
NUSANTARA

Link Web berbasis
Mobile
Tampilan E-Litbang Berbasis

Web saat di Buka di Aplikasi
Browser di Handpone
Gambar 86: Tampilan Menu Home dan Desain halaman Web E-Litbang
B. Pengujian Sistem
Setelah tahap perancangan dan desain objek dilakukan, maka aplikasi harus diuji coba
terlebih dahulu dengan tujuan untuk mengetahui apakah aplikasi dapat bekerja dengan
baik dan telah sesuai dengan tujuan yang diharapkan.
Pengujian dilakukan sebelum aplikasi ini diuji coba kepada pihak pengguna. Pengujian
dilakukan dengan mengecek satu persatu menu yang ada, pengujian ini dilakukan
dengan metode black box. Pengujian black box berfokus pada sisi fungsionalitas,
khususnya pada input dan output aplikasi apakah telah sesuai yang diharapkan atau
82
PT. ELIAS KOMERSIAL
NUSANTARA
belum. Adapun rencana pengujian sistem dengan metode black box dapat dilihat pada
tabel berikut:
Tabel 19: Rencana Pengujian Sistem
Rencana
No Halaman Butir yang diuji
Pengujian
1. Front End  Menampilkan halaman
menu Beranda (utama)
Menu Beranda  Mencoba masing-masing
fitur dan link yang ada di
menu beranda
 Menampilkan halaman
menu profil
Menu Profil  Mencoba masing-masing
menu profil
menu informasi
Menu Informasi  Mencoba masing-masing
menu informasi
menu Kelitbangan
Menu
 Mencoba masing-masing
Kelitbangan
menu Kelitbangan
menu Inovasi
Menu Inovasi  Mencoba masing-masing
menu Inovasi
Menu Galeri  Menampilkan halaman
menu Galeri
menu Galeri
83
PT. ELIAS KOMERSIAL
NUSANTARA
menu Forum Komunikasi
Menu Forum
Komunikasi
2. Back End  Menampilkan halaman
form login
Form Login  Mencoba masing-masing
fitur dan kondisi ketika
admin akan login
menu Beranda (utama)
Menu Beranda  Mencoba masing-masing
menu beranda
menu profil
Menu Profil  Mencoba masing-masing
menu profil
menu informasi
Menu Informasi  Mencoba masing-masing
menu informasi
menu Kelitbangan
Menu
Kelitbangan
menu Kelitbangan
menu Inovasi
Menu Inovasi  Mencoba masing-masing
menu Inovasi
Menu Galeri  Menampilkan halaman
84
PT. ELIAS KOMERSIAL
NUSANTARA
menu Galeri
menu Galeri
Menu Forum
Komunikasi
3. Mobile  Menampilkan form splash
Splash Screen
screen
Master login
Menu Master
Login
fitur dan kondisi ketika
user akan login
Icon Agenda
modul agenda
modul Berita
menu Berita  Mencoba masing-masing
menu Berita
medul Kelitbagan
Modul
Kelitbagan
menu Kelitbagan
medul Inovasi
Modul Inovasi  Mencoba masing-masing
modul Inovasi
Modul Penelitian  Menampilkan halaman
modul Penelitian
85
PT. ELIAS KOMERSIAL
NUSANTARA
modul Penelitian
modul Penelitian
Modul Usulan
Inovasi
modul Penelitian
Icon Foto
Foto
modul Penelitian
Modul Regulasi  Mencoba masing-masing
modul regulasi
modul Pelaporan
Modul Pelaporan  Mencoba masing-masing
modul Pelaporan
Icon Website
Foto
Setelah menentukan rencana pengujian, selanjutnya adalah menguji sistem sesuai

dengan rencana pengujian yang telah dibuat sebelumnya. Adapun hasil pengujian
sistem dengan metode black box adalah sebagai berikut:
1. Halaman Front End
Tabel 20: Hasil Pengujian Halaman Front End
A. Menu Beranda
Skenario Hasil yang Hasil Kesimpu
No Test Case
Pengujian diharapkan Pengujian lan
1. Klik Menu Menu Beranda Sistem akan Sesuai

Beranda menampilkan
86
PT. ELIAS KOMERSIAL
NUSANTARA
halaman Beranda
2. Klik Command Read Sistem akan Sesuai

Command More Informasi Artikel
Read More
3. Klik Gambar Gambar Gambar akan Sesuai

membesar
4. Klik Judul Judul Inovasi Sistem akan Sesuai

Inovasi Terkini terkini menampilkan
halaman View
Inovasi
B. Menu Profil
1. Drop Down Menu Profil Sistem akan Sesuai
Menu Profil menampilkan Sub
Devenisi, Sub
Selayang Pandang
5. Klik Sub Sub Devenisi Sistem akan Sesuai

Devenisi menampilkan
halaman Devenisi
6. Klik List List Kelitbangan Sistem akan selesai

Kelitbangan Menampilkan
Halaman html
kelitbangan di
sebelah kanan
7. Klik List List Penelitian Sistem akan selesai

Penelitian Daerah Menampilkan
Daerah Halaman html
Penelitian Daerahdi
sebelah kanan
8. Klik List List Sistem akan selesai

Pengembangan Pengembangan Menampilkan
Daerah Daerah Halaman html
87
PT. ELIAS KOMERSIAL
NUSANTARA
Pengembangan
Daerah di sebelah
kanan
9. Klik List List Inovasi Sistem akan selesai

Inovasi Daerah Daerah Menampilkan
Halaman html
Inovasi Daerah di
sebelah kanan
10. Klik Sub Sub Selayang Sistem akan Selesai

Selayang Pandang Menampilkan
Pandang Halaman Profil
Selayang Pandang
C. Menu Informasi
1. Drop Down Menu Informasi Sistem akan selesai

Menu menampilkan Sub
Informasi Regulasi, Sub
Agenda Kegiatan,
Sub Berita dan
Artikel
11. Klik Sub Sub Regulasi Sistem akan selesai

Regulasi menampilkan
Halaman Regulasi
12. Klik List List Nama Data Sistem akan selesai

Nama Data Regulasi Automatis
Regulasi Mendownload Data
Regulasi
13. Klik Sub Sub Agenda Sistem akan selesai

Agenda Kegiatan Menampilkan
Kegiatan halaman Informasi
agenda Kegiatan
14. Klik Sub Sub Berita dan sistem akan selesai

Berita dan Menampilkan
88
PT. ELIAS KOMERSIAL
NUSANTARA
Artikel Artikel halaman Berita dan

Artikel
15. Klik Nama Nama Berita sistem akan selesai

Berita Menampilkan
halaman Infomrasi
Berita
16. Klik Tombol Simpan Komentar Komentar akan selesai

Simpan tampil di bawah isi
Komentar berita
D. Menu Kelitbangan
1. Klik Menu Menu sistem akan selesai

Kelitbangan Kelitbangan Menampilkan
halaman
Kelitbangan
2. Klik Judul Judul Kegiatan Sistem akan selesai

Kegiatan Menampilkan
Halaman Sesuai
Judul kegiatan
E. Menu Inovasi
1. Klik Menu Menu Inovasi Sistem akan selesai

Inovasi menampilkan
Halaman Inovasi
2. Klik Nama Nama Inovasi sistem akan selesai

Inovasi Menampilkan
Informasi Inovasi
F. Galeri
1. Drop Down Galeri Sistem akan selesai
Galeri menampilkan Sub
89
PT. ELIAS KOMERSIAL
NUSANTARA
Foto, Sub Video
2. Klik Sub Foto Sub Foto Sistem akan selesai

menampilkan
gambar dan Judul
Kegiatan pada
gambar
3. Klik Nama Nama Foto Sistem akan selesai

Foto Menampilak
informasi Kegiatan
Pada foto
4. Klik foto Foto Sistem menampilkan selesai

foto secara zoom
5. Klik sub video Sub video Sistem akan selesai

menampilkan video
dan judul kegiatan
video
6. Klik Nama Nama Video Sistem akan selesai

Video Menampilak
informasi Kegiatan
Pada video
7. Klik Video Video Sistem akan selesai

memutar video
G. Menu Forum Komunikasi
1. Drop Down Forum Menu Sistem akan selesai

Menu Forum Forum menampilkan Sub
Komnikasi Komunikasi Penelitian, Sub
Inovasi, Sub Survey,
Sub Surat
Rekomendasi
8. Klik Sub Sub Penelitian Sistem akan selesai

Penelitian menampilkan
90
PT. ELIAS KOMERSIAL
NUSANTARA
halaman daftar
Usulan Penelitian
9. Klik Judul Judul Usulan Sistem akan selesai

Usulan menampilkan
Penelitian halaman Informasi
terkait judul Usul
penelitian
10. Klik Usulkan Usulkan Sistem akan selesai

Penelitian Penelitian menampilkan
Formulir Usulan
Penelitian
11. Klik Submit Submit Usulan Sistem akan selesai

Usulan menyimpan data
Usulan penelitian ke
dalam database
12. Klik Sub Sub Inovasi Sistem akan selesai

Inovasi menampilkan
Halaman daftar
usulan Inovasi
13. Klik judul Judul Usulan Sistem akan selesai

Usulan Inovasi menampilkan
halaman Informasi
Terkait Judul Usulan
Inovasi
14. Klik Usulkan Usulkan Inovasi Sistem akan selesai

Inovasi menampilkan
Formulir Usulan
Inovasi
15. Klik Submit Submit Usulan Sistem akan selesai

Usulan menyimpan data
Usulan Inovasi ke
91
PT. ELIAS KOMERSIAL
NUSANTARA
dalam database
16. Klik Sub Sub Survey Sistem akan Selesai

Survey menampilkan
halaman Survey
17. Klik Tombol Tombol Kepuasan Sistem akan Selesai

Kepuasan Masyarakat Menampilkan
Masyarakat Formulir Google
Kepuasan
Masyarakat
18. Klik Tombol Tombol Masukan Sistem akan selesai

Masukan Menampilkan
Formulir Google
Masukan Pelanggan
19. Klik Tombol Tombol Penilaian Sistem akan selesai

Penilaian Menampilkan
Formulir Google
Penilaian Pelanggan
20. Klik Sub Surat Surat Sistem akan Selesai

Rekomendasi Rekomendasi menampilkan
Formulir Permintaan
Surat Rekomendasi
21. Klik Tombol Kirim Permintaan Data akan dikirim ke selesai

Kirim databe
Permintaan
92
PT. ELIAS KOMERSIAL
NUSANTARA
BAB V
PENUTUP
A. Kesimpulan
Berdasarkan hasil kegiatan dan pembahasan yang telah diuraikan pada bagian
sebelumnya, maka dapat ditarik kesimpulan sebagai berikut:
1. Sistem Aplikasi E-Litbang dikembangkan menggunakan metode Agile
Development Methods yang dalam proyek ini akan menggunakan framework
SCRUM. Kemudian dalam membuat analisis perancangan sistem menggunakan
93
PT. ELIAS KOMERSIAL
NUSANTARA
pemodelan Unified Modeling Language (UML) dan dikembangkan dengan bahasa

pemrograman PHPStorm, Java, dan beberapa bahasa lainnya serta menggunakan
database Mysql untuk menyimpan data;
2. Berdasarkan hasil pengujian sistem yang telah dilakukan dengan metode black box
maka dapat disimpulkan bahwa Aplikasi E-Litbang sudah berfungsi dengan baik
dan sesuai dengan yang diharapkan;
3. Aplikasi E-Litbang berbasis website dan mobile ini memiliki fitur-fitur yang dapat
memberikan informasi mengenai Penelitian dan Inovasi serta masyarakat umum
dapat memberikan Usulan Penelitian dan Usulan Inovasi juga Instansi lain di Kota
Makassar dapat mengoperasikan Aplikasi E-Litbang untuk Membuat Usulan
Penelitian dan Usulan Inovasi;
4. Dalam Lingkup Instansi Badan Penelitian dan Pengembangan Daerah
(BALTBANGDA) Kota Makassar itu sendiri mengoperasikan Aplikasi E-Litbang
Untuk memberikan Respon atau Tindakan terhadap Usulan Penelitian dan Usulan
Inovasi dari luar yang telah masuk dalam data daftar Usulan lewat Aplikasi E-
Litbang berbasis Web dan Mobile, Sehingga Para pengguna Aplikasi yang telah
membuat Usulan dapat mengetahui tindak lanjut keputusan apakah Usulannya
diterima atau ditolak.
5. Selain dari pemanfaatan membuat Usulan Penelitian dan Usulan Inovasi, Aplikasi
E-Litbang juga difasilitasi Penyimpanan Arsip Persuratan dalam bentuk Data
document atau video, sehingga lebih efisian dalam penyimpanan arsip.
6. Aplikasi E-Litbang Berbasis Web dan Mobile membantu pegawai dalam lingkup
Instansi BALITBANGDA memberikan Informasi terkait Agenda Kegiatan dengan
format, Jam, Tanggal, Bulan, Tahun, Tempat Kegiatan, Nama Kegiatan, sehingga
pegawai mengetahui rencana kegiatan yang akan dilaksanakan.
7. Aplikasi E-Litbang berbasis Web dan Mobile memberikan Informasi terkait berita
dan Artikel yang dapat dikelola oleh Admin, yang membuat pengguna aplikasi
94
PT. ELIAS KOMERSIAL
NUSANTARA
mengetahui beberapa Berita terbaru baik dilingkup BALITBANGDA ataupun

Publik.
8. Aplikasi E-Litbang juga disediakan halaman data Regulasi untuk di akses publik
atau pengguna sehingga informasi atau aturan Legal dalam Pemerintahan Kota
mudah didapatkan dalam bentuk file oleh pengguna.
B. Saran
Pelaksana Kegiatan menyadari bahwa masih ada peluang untuk mengembangkan
Aplikasi E-Litbang ini. Berikut adalah saran yang dapat diberikan untuk
pengembangan lebih baik kedepannya:
1. Melihat dari segi informasi yang disajikan mungkin belum sepenuhnya sempurna,
oleh karena itu untuk dapat menambahkan informasi yang lebih lengkap;
2. Aplikasi E-Litbang yang telah dibangun diharapkan dapat menjadi penghubung
antara Instansi dan Masyarakat lewat Informasi digital;
3. Diharapkan admin Aplikasi E-Litbang dapat sering memperbarui halaman-halaman
informasi;
4. Adanya pelatihan pengembangan SDM dalam bidang teknologi infromasi yang
akan mengelola Sistem Informasi tersebut;
5. Membuat para pengunjung Aplikasi E-Litbang dapat memberi ulasan, agar
Aplikasi menjadi lebih baik lagi dalam pelayanan yang diberikan untuk
Penggunanya;
95

Laporan Pekerjaan Aplikasi Litbang 2222

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Laporan Pekerjaan Aplikasi Litbang 2222

Diunggah oleh

Hak Cipta:

Format Tersedia

PT.

BAB II SPESIFIKASI TEKNIS PEKERJAAN.............................................................11

BAB III PENGEMBANGAN SISTEM DAN PRODUKSI DOKUMENTASI

BAB IV HASIL PEMBAHASAN

Gambar 11: Contoh JavaScript eksternal.............................................................................................................40

Gambar 45: Hasil Export Data Agenda ke PDF..................................................................................................59

Gambar 79: Tindakan Mengedit dan Menghapus Data Regulasi........................................................................75

Tabel 12: Kamus Data Regulasi...........................................................................................................................27

Besarnya peran pemda menuntut perlunya kemampuan dan

Demi tercapainya tujuan pokok organisasi dimana koordinasi

Berdasarkan uraian di atas, bahwa dalam menyelenggarakan

B. Maksud Dan Tujuan

Sasaran dari kegiatan Pembangunan Aplikasi E-Litbang Berbasis Web dan

1. Munculnya ide-ide kreatif dalam menyebarkan informasi dalam rangka

F. Nama Dan Organisasi Ppk

2. Undang-Undang Nomor 29 Tahun 1959 tentang Pembentukan Daerah-daerah

A. Pendekatan Dan Metodologi

Dalam pelaksanaan pekerjaan Belanja Jasa Konsultansi Berorientasi Layanan – Jasa

1. Survey dan Identifikasi Obyektif Sistem

a) Membuat sistem dan prosedur (sisdur) operasi dari aplikasi; dan

5. Pengujian (testing) Aplikasi

a) Pengujian akan ada atau tidaknya kesalahan (error) pada aplikasi.

Pengujian terhadap aplikasi bertujuan memberikan masukan

Aplikasi yang telah teruji, kemudian didokumentasikan. Aspek-aspek yang

Kegiatan ini berupa pemasangan sistem informasi manajemen yang telah

8. Pendampingan Penggunaan Aplikasi yang dikembangkan

10. Evaluasi Kinerja

memiliki kesesuaian dengan database terpasang. Dalam hubungannya dengan aplikasi

- Perangkat lunak sumber terbuka (Open Source). MySQL didistribusikan sebagai

- Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan

- Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan

o Menampilkan Usulan Inovasi.

D. Tenaga Ahli Pekerjaan

 Bertanggung jawab dalam mengatasi setiap permasalahan yang berkaitan

 Melakukan koordinasi dengan Tenaga Database Sistem;

E. Komposisi Tim Dan Penugasan

MASUKAN PERSONIL DALAM JUMLAH

1. ANDI FIRDAUS MAKMUR Ketua Tim 5 5 5 15

2. RYNALDO JH SIREGAR Data Analyst 5 5 5 15

3. BAGUS PRIMANTORO Web Desain 5 5 5 15

4. DHINAR RUMANTIONO Web Desain 5 5 5 15

5. HANDOKO LIUS Programer 5 5 5 15

6. HASRUL HASRA Programer 5 5 5 15

Tabel 1: : Komposisi Tim dan Penugasan

A. Analisis Dan Pengembangan Sistem

Gambar 1: Tabel Data

transformasi struktur data yang akan disimpan dengan membuat spesifikasi

1) Kamus Data Tabel Kelitbangan

2) Kamus Data Tabel Pelaksana Kelitbangan

3) Kamus Data Tabel Master Instansi

Nama Arus : Data Master Instansi

4) Kamus Data Tabel attachment

11. Created_at TimeStamp Pencatatan waktu Auto

5) Kamus Data Tabel Inovasi

6) Kamus Data Tabel Berita

Penjelasan : Tabel untuk menyimpan Berita

7) Kamus Data Tabel Komentar

9. Update_by Int Diupdate Pada

8) Kamus Data Tabel Balasan Komentar

9) Kamus Data Tabel Survey

6. Created_at TimeStamp Pencatatan waktu Auto

10) Kamus Data Tabel Agenda

11) Kamus Data Tabel Regulasi