login page

PEDET SAKTI

rizkimaulana Avatar

Pelayanan kEsehatan hewan dan pengelolaan Data pETernakan berbaSis Aplikasi terinTegrasI (PEDET SAKTI) adalah salah satu program inovasi yang dimiliki oleh Dinas Ketahanan Pangan, Pertanian, dan Perikanan (DKPPP) Kota Banjar. Padet Sakti membantu Dinas Pangan Kota Banjar mencatat laporan peternak, memantau kondisi ternak, serta mengelola seluruh aktivitas lapangan secara terpusat dan terstruktur.

Fase 1 : Core Functionality & Wireframing (MVP)

Tim :

Fokus: Membangun alur data (Flow), fungsi dasar CRUD, dan struktur halaman dengan tampilan sederhana.

Tech Stack: Laravel, MySQL.

Login Page
login page

Peternak (user) dan admin melakukan Login sebelum kemudian diarahkan ke halaman masing-masing.

Halaman Peternak
halaman peternak
Halaman Peternak
previous arrow
next arrow

Peternak dapat melakukan pelaporan/request ke DKPPP dengan jenis pelaporan yang tersedia. Peternak dapat memilih petugas untuk melakukan tindakan terhadap request peternak. Peternak hanya dapat melakukan pelaporan satu kali dalam sehari untuk masing-masing jenis laporan.

Halaman Admin
Dashboard
Dashboard

Halaman Dashboard berisikan Overview sederhana dari data yang tersimpan di dalam system. Grafik yang ditampilkan dibuat dengan menggunakan plugins chart.js

Ticket
Daftar Ticket
previous arrow
next arrow

Halaman Ticket merupakan halaman yang digunakan untuk melakukan CRUD (Create, Read, Update, and Delete) pada data laporan dari peternak. Pada halaman daftar tiket, terdapat beberapa fitur yang memanfaatkan kombinasi AJAX dan render pada PHP controller, seperti fitur Search, Sort (Ascending, Descending), Pagination & pagination history, dan Row Data per Page. Pada halaman ini juga admin dapat mengubah status Ticket dari Pending -> In Progress -> Resolved.

Alert yang muncul setelah melakukan update status dan delete data menggunakan plugins SweetAlert

Pada fitur Add Ticket terdapat input select yang menggunakan plugins select2 dimana input select akan menampilkan list secara dinamis berdasarkan input dari admin.

Pada bagian navigation bar terdapat sebuah notifikasi yang menunjukkan jumlah tiket dengan status Pending yang diambil dengan mengguanakan fungsi ajax.

Kejadian
Daftar Kejadian
previous arrow
next arrow

Kejadian adalah serangkaian tindakan yang dilakukan/terjadi pada sapi betina, dimulai dari Inseminasi Buatan (IB) -> Pengecekan Kebuntingan (PKB) -> Kelahiran. Pada detail Kejadian terdapat informasi dari Sapi Betina yang mendapatkan tindakan, peternak selaku pemilik sapi betina serta informasi lain terkait rangkaian tindakan dari suatu Kejadian. Pada detail Kejadian juga terdapat fitur print dimana akan meng-export data yang ada dalam detail kejadian menjadi sebuah file PDF.

IB
Daftar Inseminasi Buatan (IB)

Halaman ini menampilkan daftar Tindakan IB yang telah dilakukan beserta informasi terkait tindakan tersebut, untuk penambahan data baru dilakukan melalui halam detail kejadian, sehingga setiap tindakan IB terkait pada suatu kejadian. Dalam satu kejadin dibatasi tindakan IB sebanyak 3x sehingga admin tidak melakukan penambahan IB baru pada kejadian yang sama dan kejadian dinyatakan gagal.

PKB
Daftar Inseminasi Buatan (IB)

Sama halnya dengan halaman IB, Halaman ini menampilkan daftar Tindakan PKB yang telah dilakukan beserta informasi terkait tindakan tersebut, untuk penambahan data baru dilakukan melalui halam detail kejadian, sehingga setiap tindakan PKB terkait pada suatu kejadian.

Kelahiran
Daftar Kelahiran Ternak

Sama halnya dengan halaman IB, Halaman ini menampilkan daftar Kelahiran ternak dari hasil IB yang telah dilakukan beserta informasi terkait tindakan tersebut, untuk penambahan data baru dilakukan melalui halam detail kejadian, sehingga setiap Kelahiran terkait pada suatu kejadian.

Staff
Daftar Petugas(1)
Peternak
Daftar Peternak

Fase 2 : UI Redesign & Data Analytics (Scaling)

Tim :

Fokus: Perbaikan tampilan (Visual Polish), implementasi Design System, dan penambahan dashboard grafik analitik.

Tech Stack: Laravel, MySQL, TypeScript, Tableau, Postgres.

Landing Page
previous arrow
next arrow

Setelah fungsi dasar (CRUD) pada Fase 1 terbukti stabil digunakan untuk pencatatan harian, proyek ini memasuki fase ekspansi. Fokus Fase 2 adalah merombak total visual antarmuka (UI Redesign) agar lebih profesional.

Dokumentasi & Validasi External

Kompetisi & Pengakuan Instansi

Sistem ini dipilih oleh Dinas Peternakan untuk mewakili instansi dalam ajang Kompetisi Inovasi Banjar dengan tema “Akselerasi Inovasi untuk Banjar Berdaya Bangun Masagi”.

Peran Saya dalam Lomba: Sebagai Backend & DevOps Engineer, tanggung jawab saya selama proses kompetisi meliputi:

  • Sistem Demo yang Stabil: Menyiapkan infrastruktur server tiruan (staging environment) yang stabil untuk sesi live-demo dan penjurian tanpa mengganggu data operasional asli dinas.
  • Technical Presentation: Membantu tim menyusun materi presentasi teknis mengenai keamanan data, arsitektur sistem, dan skalabilitas platform di hadapan dewan juri.

Pencapaian Tim: Proyek ini berhasil meraih JUARA 2 Kompetisi Inovasi Kota Banjar (KIBAR) kategori Perangkat Daerah.

1782804796871
previous arrow
next arrow

Url Terkait :

Recent Posts


Post Archive


Catogery Tags