Q-CAK

Making Simple Things a Lot Interesting

Tujuan Aplikasi

Tagline:

"Making simple things a lot interesting"

Merupakan suatu kesisteman dari berbagai sistem aplikasi yang dibangun berbasis teknologi informasi dan komunikasi dalam mendukung tugas dan fungsi Balai Besar Karantina Pertanian Surabaya sebagai lembaga yang memiliki unit layanan publik.

memiliki tujuan mendukung penyelenggaraan tata kelola layanan publik perkarantinaan secara elektronik sehingga menjadi lebih transparan, efektif dan efisien.

Status Aplikasi

Timeline:

Dokumentasi:

Timeline Kegiatan Q-CAK

2017

2018

2019

Lama Aplikasi Berjalan

"Q-CAK efektif sejak 2017 hingga saat ini (lebih dari 2 tahun)"

Log Akses Awal Q-CAK System

Log Akses Terkini Q-CAK System

KEUNGGULAN APLIKASI

Q-CAK berjalan pada platform website (web server yang diakses melalui browser) dan platform desktop. Beberapa sumber daya yang digunakan sebagai berikut:

Platform Web

  • Debian GNU/Linux 9.9 x86_6
  • Kernel 3.16.0-4-amd6
  • PHP Version 5.6.30-0+deb8u
  • nginx 1.10.
  • Percona Server 5.
  • AngularJS 1.4.
  • jQuery 2.1.
  • Bootstrap 3.3.
  • UIBoostrap 1.3.
  • Sortable & ngSortable
  • AngularUI 0.19.
  • bootstrap-datepicker 1.6.
  • moment.js 2.10.
  • modernizr
  • tinyMCE 4.2.8
  • qrcode.js
  • pdfmake 0.1.40
  • AmChart
  • easypiechart.js 1.2.3
  • js-sha512
  • xlsx.js - SheetJS
  • Select2 4.0.1
  • Angular-Xeditable 0.6.0
  • ChartJS

Platform Desktop

  • Visual Studio 2017
  • .NET Framework 4.6.1 x86-64
  • ZXing 0.16.4.0
  • MySql.Data 8.0.11.0
  • Google Protocol Buffers 3.5.1.0

Inovasi Q-CAK

Q-CAK bukan sistem aplikasi dan monitoring data biasa. Bersumber dari ide asli yang merupakan manifestasi dari suatu keinginan untuk memulai dari sesuatu yang sederhana tetapi mampu mengubah paradigma terhadap data

  1. Q-CAK | Sistem Antrian

    Proses Q-CAK | System Antrian

  2. Q-CAK | Tracking Sticker

    Proses Q-CAK | Tracking Sticker

    Keunggulan sekaligus manfaat Q-CAK | Tracking Sticker

  3. Q-CAK | Tren Risiko HPHK & Realtime Map

    Proses Q-CAK | Tren Risiko

    Visualisasi Q-CAK | Tren Risiko

    Visualisasi Q-CAK | MAP

  4. Q-CAK | DST

    Visualisasi Q-CAK | DST

    Monitoring Q-CAK | DST

Penggunaan Aplikasi

Q-CAK merupakan gabungan dari beberapa sistem aplikasi yang memiliki kesesuaian ruang lingkup

Q-CAK User Manajemen Kelompok Pengguna

Meliputi: lingkup, tugas, dan kewenangan

Q-CAK sudah menerapkan Single Sign On (SSO) yang memungkinkan pengguna agar dapat mengakses berbagai aplikasi yang masih dalam satu kesatuan sistem, hanya dengan menggunakan satu akun pengguna saja yang tergabung dalam satu kesatuan sistem, hanya dengan menggunakan satu akun saja yang tergabung dalam ProgEv

Contoh: User bp dapat mengakses ProgEv | DIPA sekaligus Q-CAK System

Manajemen Akses Q-CAK tidak hanya dikelompokkan berdasarkan pengguna, tetapi pengelolaan dilakukan hingga privilege terhadap konteks maupun halaman.

Contoh: Manajemen Akses mengatur hingga sub konteks pada halaman.

Contoh: Manajemen Akses mengatur hingga sub konteks pada halaman.

Q-CAK User Management Otentifikasi

Meliputi: Pendaftaran, verifikasi NIP teregistrasi, aktivasi, otentikasi dan aktivasi melalui email.

  1. Pendaftaran disediakan pada laman yang terintegrasi

  2. Notifikasi bahwa Sistem telah merespon pendaftaran.

  3. Notifikasi bahwa pendaftaran Q-CAK telah berhasil.

  4. Verifikasi pendaftaran oleh SysAdmin Q-CAK.

  5. Aktivasi akun oleh pengguna melalui email.

Q-CAK User Management Kontrol

Meliputi: Navigasi tombol kontrol akses, pemilihan konteks, penentuan privilege dan aktivasi akses.

Q-CAK User Management Pengelolaan Jumlah Pengguna

MMeliputi: pengelolaan akses pengguna pegawai lingkup BBKP Surabaya, yang terkait dengan tata kelola Q-CAK

Dokumentasi & Alur Bisnis Aplikasi

Q-CAK merupakan aplikasi multi process dengan memiliki tahapan secara cascade dari awal proses hingga akhir yang tercatat pada sistem.

Alur Proses Q-CAK

Dokumen Alur Proses

Tata Kelola sesuai dengan design dari Q-CAK System.

Lingkup dan Alur Proses Pengelolaan Q-CAK
User Interface Tahapan berbagai Proses Pengelolaan Q-CAK

Rancangan Sistem

Perancangan sistem Q-CAK melalui langkah dan prosedur yang pada akhirnya menghasilkan sistem aplikasi yang saling memiliki keterkaitan. Rancangan sistem Q-CAK melalui tahapan sebagai berikut:

Konteks Uraian Kegiatan
Dasar Sistem Design Sistem Q-CAK dibuat sedemikian hingga masing-masing kebutuhan layanan publik saling memiliki keterkaitan dan saling menguatkan fungsinya.
Bentuk Sistem
  • Input bersumber dari data referensi dan data yang akan dikomunikasikan.
  • Proses data dilakukan dengan merelasikan antar tabel dalam database maupun antar database.
  • Output sistem menghasilkan informasi berupa data dalam berbagai konteks diantaranya: grafik dan cetak.
Ekosistem Q-CAK memiliki ekosistem unik sekaligus kolaboratif antar sistem aplikasi yang ada dalam pengelolaannya.
Komponen

 Q-CAK 2019 memiliki komponen keterkaitan yaitu: Sistem Antrian, Tracking Sticker, Tren Risiko HPHK - MAP dan DST serta yang terbaru adalah Infokawan.
Klasifikasi

 Q-CAK merupakan sistem yang memproses data dari sisi pengguna dan petugas karantina yang selanjutnya menjadi informasi komprehensif bagi kedua belah pihak.
Analisa Sistem

 Q-CAK memikiki rancang bangun yang dimulai dari kajian System Analist (SA) yang juga merupakan praktisi dibidang Karantina Hewan. Sehingga pada awal hingga proses berjalan, SA selalu melakukan upaya komprehensif dan progresif dalam merespon perkembangannya.
Siklus Informasi

 Q-CAK memiliki siklus informasi yang divisualisasikan secara interaktif bagi setiap pengguna.
Kualitas
  • Relevansi Q-CAK menjadi konteks yang dipertimbangkan khusus.
  • Akurasi data Q-CAK dicapai melalui pendeteksian titik kritis yang berpotensi terjadi ketidak sesuaian.
  • Realtime data menjadi konsistensi Q-CAK yang ditandai visualisasi komitmen input & proses oleh penggunanya.
  • Q-CAK mengupayakan efisiensi pada setiap proses, sehingga sangat dihindari terjadi duplikasi proses.
  • Efektifitas dari setiap tahapan input pada sistem Q-CAK memudahkan bagi pihak lain yang akan melakukan proses lebih lanjut.
Infrastruktur Sistem Q-CAKberbasis Website dan Desktop. Sehingga infrastruktur yang disediakan mampu memenuhi kebutuhan tersebut diantaranya PC Client, Server & Jaringan Internet yang memadai.

Rancangan Database

Perancangan Database Q-CAK dibuat sedemikian hingga proses komunikasi data referensi lainnya yang akan diproses bisa dilakukan secara efektif dan efisien.

Hubungan Database Q-CAK

Spesifikasi Sistem

Database Server
  • Database Server
    • Lenovo System x3550 M5
    • Dual Intel Xeon E5-2650v4 (2.9GHz, 24 Cores, 48 Thread)
    • 64 GB DDR4 FB DDR4 RAM (48GB RAM Alocated for InnoDB)
    • 2× 240 GB SSD (RAID 1), 1 TB NL-SATA HDD
    • Debian GNU/Linux 9.9 (stretch) x86_64
    • Kernel: 4.9.0-8-amd64
    • Percona Server (GPL) 5.7.25-28-log, Release '28', Revision 'c335905'
  • Web Server
    • IBM System x3650 M3
    • Intel Xeon E5620 (2.5GHz, 4 Cores, 8 Threads)
    • 8 GB DDR3 RAM
    • 2x 300GB 6Gb 15Krpm SAS HDD
    • Debian GNU/Linux 9.9 (stretch) x86_64
    • Kernel 3.16.0-4-amd64
    • NGINX 1.10.3
    • 5.6.30 via FPM/FastCGI
  • Networking
    • Dual dedicated internet connection
    • Load balanced & failover
    • 50 Mbps aggregated bandwidth
  • Client Requirements
    • Latest modern browser with capability to render PDF document version 1.3 or later
    • (Chrome 47, Edge 17, Firefox 60, Safari 9, Internet Explorer is not supported)
    • * mobile browser might download and open on separate apps instead

Petunjuk Operasional Sistem

Petunjuk operasional sistem Q-CAK merupakan hal yang berkaitan dalam proses penanganan gangguan, sehingga mampu melakukan mitigasi dan menemukan solusi bagi pengguna, programmer dan system analyst.

Petunjuk Operasional Pengelolaan Masalah Penggunaan Sistem Q-CAK

Petunjuk Penggunaan

Q-CAK merupakan aplikasi multi users yang tersedia manual penggunaan dalam bentuk akses files sharing yang akan diperbaharui secara berkelanjutan.

Menu Petunjuk Penggunaan

http://tiny.cc/19037y

Tooltip Aktif pada User Interface Q-CAK

Informasi Aplikasi

Q-CAK singkatan dari: Quarantine - Comprehensive, Accurate & Knowledge yang memiliki makna Sistem TIK Karantina yang mencakup segala sesuatu secara komprehensif, akurat dalam proses transaksi / kalkulasi. Sistem di-design dengan sungguh-sungguh oleh SDM yang memiliki basis ilmu pengetahuan perkarantinaan. Pemberian nama merupakan ide inisiator sekaligus Q -CAK system analyst. Selanjutnya nama Q-CAK disetujui oleh Kepala BBKP Surabaya pada pertengahan 2017.

Nama Aplikasi

Q-CAK

SK Penetapan Nama & Tim (diperbarui setiap tahun)

Logo Aplikasi

Kontak, FAQ dan Disclaimer

https://qcak.surabaya.karantina.pertanian.go.id/
landing/

Statistik Layanan

Q-CAK menampilkan visualisasi data statistik secara realtime pada setiap proses dengan algoritma yang sangat user friendly.

Q-CAK|Sistem Antrian - Landing Page & Login

Q-CAK|Sistem Antrian - Dashboard Realtime

Q-CAK|Sistem Antrian - Analytic Chart

Q-CAK|DST - Analytic Chart

Q-CAK|DST - Analytic Chart

Q-CAK|Tren Risiko HPHK - Analytic Chart

Q-CAK|Tren Risiko HPHK / MAP - Analytic Chart

Pengelolaan Aplikasi

Q-CAK merupakan aplikasi multi process dengan memiliki tahapan secara c ascade dari awal proses hingga akhir yang tercatat pada sistem.

SOP Pengelolaan Q-CAK

SK Kepala BBKP Surabaya No. 149 Tahun 2019

Kontrol terhadap pelaksanaan sistem Q-CAK sesuai SK Kepala BBKP Surabaya No. 24 Tahun 2019

Bentuk Evaluasi, Tindak Lanjut, Monitoring dan Evaluasi Q-CAK

Tahun 2017

  • Bentuk Evaluasi 2017

    Evaluasi yang dilakukan terhadap jalannya Q-CAK dilakukan melalui kegiatan inhouse training, rapat & pembahasan khusus bersama pengguna dari lingkup Karantina Hewan.

    Dokumentasi Foto Kegiatan Q-CAK 2017

  • Tindak Lanjut 2017
    • Perbaikan posisi hasil cetak QR-Code.
    • Perubahan logo pada QR-Code.
    • Penyesuaian Landing Page, sehingga langsung menampilkan data tanpa harus login.
    • Landing Page menjadi reload / refresh untuk bisa ditampilkan pada layar display TV di ruang pelayanan.
  • Monitoring & Evaluasi 2017
    • Perbaikan posisi hasil cetak QR-Code.
    • Perubahan logo pada QR-Code.
    • Penyesuaian Landing Page, sehingga langsung menampilkan data tanpa harus login.
    • Landing Page menjadi reload / refresh untuk bisa ditampilkan pada layar display TV di ruang pelayanan.

Tahun 2018

  • Bentuk Evaluasi 2018

    Evaluasi yang dilakukan terhadap jalannya Q-CAK dilakukan melalui rapat & pembahasan khusus bersama pengguna dari lingkup Hewan dan Bagian Umum.

    Dokumentasi Foto Kegiatan Q-CAK 2018

  • Tindak Lanjut 2018
    • Penambahan fitur pooling kepuasan pengguna.
    • Penggantian basis software development dari Java menjadi Visual Studio (.Net).
    • Perbaikan tampilan pada Dashboard dan Landing Page.
  • Monitoring & Evaluasi 2018
    • Fitur Polling Kepuasan Pengguna.

    • Penggantian basis software development dari Java menjadi Visual Studio.

    • Dashboard dan Landing Page menjadi lebih segar & nyaman.

Tahun 2019

  • Bentuk Evaluasi 2019

    Evaluasi yang dilakukan terhadap jalannya Q-CAK dilakukan melalui rapat & pembahasan khusus bersama pengguna dari lingkup Karantina Hewan, Karantina Tumbuhan, Wasdak dan Bagian Umum.

    Dokumentasi Foto Kegiatan Q-CAK 2019

  • Tindak Lanjut 2019
    • Perluasan implementasi Q-CAK di 3 tempat pelayanan, yaitu: Wilker Tanjung Perak - Kalimas, Wilker Juanda, Wilker Tanjung Perak - Prapat Kurung).
    • Penambahan fitur dan opsi pada sistem antrian dan dashboard.
    • Penambahan sistem koneksi sync data ke server Kantor Balai.
  • Monitoring & Evaluasi 2019
    • Perluasan implementasi Q-CAK, penambahan fitur & koneksi data ke Balai.

Kemanan Aplikasi

Q-CAK sebagai aplikasi website, tentu melakukan upaya dan pengelolaan akses pengguna yang berpotensi terjadi penyalahgunaan akses oleh pihak yang tidak bertanggung jawab. Sehingga Q-CAK melakukan upaya standar pengamanan dengan beberapa hal sebagai berikut:

Pemutakhiran Perangkat Lunak

Perangkat lunak akan senantiasa dimutakhirkan apabila telah tersedia paket yang lebih baru

Penggunaan SSL/HTPS

Validasi Input

Prepared Statement, Good Practice, Error Handling, & History