PERANCANGAN SISTEM INFORMASI PADA BIDANG

PEREMPUAN DAN PERLINDUNGAN ANAK ( P P A )

DI ASAHAN BERBASIS WEB

PROPOSAL

Diajukan Untuk Memenuhi Tugas Mata Kuliah Manajemen Proyek Sistem

Informasi (MPSI)
Dosen Pengampu : Zulfan Efendi,M.Kom

OLEH

ANDIKA (20220141)
BOBI WIRATAMA (20220312)
MUHAMMAD
FAKHRUROJI(20220117)

MUHAMAD FITRA SIRAIT (20220286)

PROGRAM STUDI SISTEM INFOMARSI

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
STMIK ROYAL
KISARA
N 2022
 1

DAFTAR ISI

PENDAHULUAN................................................................................................................................................2
1.1 Latar Belakang Masalah......................................................................................................................2
1.2 Tujuan Penelitian...................................................................................................................................3
BAB 2...................................................................................................................................................................4
Sturktur dan Analisa Biaya...................................................................................................................................4
2.1 Struktur Organisasi...............................................................................................................................4
2.2 Estimasi Biaya.....................................................................................................................................4
2.3 Estimasi Waktu Pengerjaan Proyek......................................................................................................5
BAB 3...................................................................................................................................................................6
Perangkat Lunak...................................................................................................................................................6
3.1 Xampp..................................................................................................................................................6
3.2 MySql..................................................................................................................................................6
3.3 PHP......................................................................................................................................................7
3.4 VS Code................................................................................................................................................7
3.5 Berbasis Web.......................................................................................................................................7
BAB 4...................................................................................................................................................................8
Analisa dan Perancangan Sistem..........................................................................................................................8
4.1 Analisis Sistem yang Berjalan............................................................................................................8
4.2 Analisis Prosedur.................................................................................................................................8
4.3 Aliran Sistem Informasi Lama.............................................................................................................8
Gambar 4.1 Aliran Sistem Informasi (ASI) Lama Pada Pemberdayaan Perempuan dan Perlindungan
Anak
.....................................................................................................................................................................
9
4.4 Aliran Sistem Iformasi yang Baru.....................................................................................................9
Gambar 4.2 Aliran Sistem Informasi (ASI) Baru Pada Pemberdayaan Perempuan dan Perlindungan
Anak
...................................................................................................................................................................
10
4.5 Context Diagram...............................................................................................................................11
Gambar 4.3 Context Diagram Pada Pemberdayaan Perempuan dan Perlindungan Anak........................11
4.6 Flow Diagram....................................................................................................................................12
Gambar 4.4 Flow Diagram Pada Pemberdayaan Perempuan dan Perlindungan Anak............................12
BAB 5.................................................................................................................................................................13
Desan Antar Muka(User Interface)....................................................................................................................13
5.1 Desain Global....................................................................................................................................13
Gambar 5.1 Sturuktur Perancangan Sistem Informasi Pada Pemberdayaan Perempuan dan
Perlindungan Anak
...................................................................................................................................................................
13
5.2 Desain Masukan(Input Desain).........................................................................................................13
Gambar 5.2 Desain Input Login................................................................................................................14
Gambar 5.3 Desain Input Data Anak Kurang Gizi...................................................................................14
5.3 Desain Masukan(Input Desain)..........................................................................................................15
Gambar 5.4 Desain Output Data Anak Kurang Gizi................................................................................15
BAB 6.................................................................................................................................................................16
PENUTUP..........................................................................................................................................................16
6.1 Kesimpulan..........................................................................................................................................16
 2

BAB 1

PENDAHULUA

1.1 Latar Belakang Masalah

Seiring dengan perkembangan teknologi di era globalisasi dan sekarang ini banyak
mengalami kemajuan yang sangat pesat di segala bidang. Salah satunya dapat dilihat dari
banyaknya perusahaan dan instansi pemerintahan yang sudah menggunakan sistem
terkomputerisasi, terstruktur dan bisa mempermudah pekerjaan manusia.
Dinas Pemberdayaan Perempuan Perlindungan Anak Kependudukan dan Keluarga
Berencana (DP3AKKB). Provinsi Sumatera Utara dilandasi dengan peraturan daerah
Nomor 8 Tahun 2016 tentang Pembentukan dan Susunan Perangkat Daerah Sumatera
Utara. Sebelum menjadi Dinas Pemberdayaan Perempuan dan Perlindungan Anak Provinsi
Sumatera Utara, Organisasi ini bernama Biro Pemberdayaan Perempuan, Anak dan
Keluaraga Berencana Sekretariat Daerah Provinsi Sumatera Utara yang terbentuk sesuai
dengan Peraturan Daerah Nomor 7 Tahun 2008 tentang Sekretariat Daerah dan Sekretariat
DPRD Provinsi Sumatera Utara.
Terkait dengan beberapa bagian yang di uraikan diatas penulis melakukan penelitian
pada bidang perlindungan anak yang melakukan pekerjaan dibagian pengawasan,
penindakan, dan pendataan pada Kantor Dinas Pemberdayaan Perempuan dan Perlindungan
Anak Asahan, dimana pada bagian ini masih melakukan sistem yang manual untuk
menginputkan data berita acara pendapat yang merupakan data bagian Gizi Buruk semua
data tersebut masih dituliskan ke dalam buku besar sehingga apabila untuk membuat
laporan pendataan bulanan anak gizi buruk, pegawai membutuhkan waktu yang cukup lama
dan tidak efektif.
Berdasarkan uraian diatas disini penulis ingin membuat suatu sistem yang baru
sehingga bisa mempermudah sistem kerja untuk melakukan pengolahan dan penginputan
data dimana sistem yang akan dibuat menggunakan PHP dan terkoneksi ke MySQL dan
dalam hal ini akan dituangkan ke dalaam bentuk proposal yang diberi judul “Perancangan
Sistem Informasi Pada Bidang Perlindungan Anak di Asahan Berbasis Web”.
 3

1.2 Tujuan Penelitian

1. Untuk mengetahui dan merancang sistem untuk penginputan dan pegolahan data
Bidang Perlindungan Anak di Asahan
2. Untuk lebih meningkatkan sistem yang sudah berjalan menjadi sistem yang baru.
3. Untuk mempermudah kerja pegawai dalam pembuatan laporan sehingga data yang
dibutuhkan lengkap dan efektif.
 4

BAB 2
Sturktur dan Analisa Biaya

2.1 Struktur Organisasi

Project Manager Andika

Project Leader Boby wiratama
Muhammad Fitra Sirait
Programmer Design System
Programmer Software Enginer
Muhammad Fakhruroji

2.2 Estimasi Biaya

BIAYA PENGADAAN HARGA

1. Server Rp. 8.000.000

2. Sofware Rp. 4.000.000
3. Firewall Rp. 5.000.000
4. Jaringan Rp. 2.000.000

BIAYA TENAGA KERJA HARGA

1. Biaya Tenaga Kerja Rp. 10.000.000
Total Rp. 29.000.000

BIAYA PROYEK HARGA

1. Proyek Manager Rp. 10.000.000

2. Analisis Rp. 6.000.000
3. Programmer Rp. 15.000.000

TAHAPAN DESAIN SISTEM HARGA

1. Biaya pembuatan sistem Rp. 13.000.000
Total Rp. 34.000.000
 5

BIAYA OPERASI HARGA

1. Biaya Personil (Operator Administrasi) Rp. 10.000.000

2. Biaya Overhead (Listrik , Internet) Rp. 5.000.000
3. Biaya Perawatan Perangkat Keras Rp. 4.000.000
Total Rp.19.000.000

1. Total Biaya Pengadaaan Rp. 29.000.000

2. Total Biaya Tenaga Kerja Rp. 10.000.000
3. Total Biaya Proyek Rp. 34.000.000
4. Total Biaya Operasi Rp.19.000.000
Total Biaya Keseluruhan Rp.82.000.000

2.3 Estimasi Waktu Pengerjaan Proyek

Durasi (Hari
No Deskripsi Tugas/Pekerjaan (Task) Mulai Selesai
Kerja)
1. Analisa dan Pengambilan Data
1.1 Survey ke lapangan 2 Hari 01-01-2022 03-01-2022
1.2 Wawancara 3 Hari 05-01-2022 08-01-2022
1.3 Pengumpulan Berkas 5 Hari 10-01-2022 15-01-2022
2. Perancangan Dan Desain System
2.1 Pembuatan Desain Database 5 Hari 20-01-2022 25-01-2022
2.2 Pembuatan Perancangan Sistem 3 Hari 26-01-2022 28-01-2022
3. Pembuatan Aplikasi
3.1 Desain Aplikasi 3 Hari 01-02-2022 04-02-2022
3.2 Aplikasi PPA Web 10 Hari 06-02-2022 16-02-2022

.
.
.
N Task-N
 6

BAB 3
Perangkat Lunak

3.1 Xampp

XAMPP adalah software atau aplikasi komputer yang banyak digunakan dalam
dunia web developer yang juga bisa dipelajari untuk membuat website. XAMPP adalah
perangkat lunak berbasis web server yang bersifat open source (bebas) serta mendukung di
berbagai sistem operasi seperti OS Linux, OS Windows, Mac OS, dan juga Solaris.
XAMPP bisa dilakukan untuk menghemat anggaran karena mampu menggantikan
peran web hosting dengan cara menyimpan file website ke dalam hosting lokal agar bisa
dipanggil lewat browser. Software XAMPP dikembangkan oleh tim bernama Apache
Friends pada tahun 2002, yang bisa didapatkan secara gratis dengan label GNU (General
Public License).

3.2 MySql

MySQL adalah sebuah database management system (manajemen basis data)

menggunakan perintah dasar SQL (Structured Query Language) yang cukup terkenal.
Database management system (DBMS) MySQL multi pengguna dan multi alur ini sudah
dipakai lebih dari 6 juta pengguna di seluruh dunia.
MySQL adalah DBMS yang open source dengan dua bentuk lisensi, yaitu Free
Software (perangkat lunak bebas) dan Shareware (perangkat lunak berpemilik yang
penggunaannya terbatas).
Jadi, MySQL adalah database server yang gratis dengan lisensi GNU General
Public License (GPL) sehingga dapat Anda pakai untuk keperluan pribadi atau komersil
tanpa harus membayar lisensi yang ada.
 7

3.3 PHP

PHP (PHP: Hypertext Preprocessor) adalah sebuah bahasa pemrograman server

side scripting yang bersifat open source.Sebagai sebuah scripting language, PHP
menjalankan instruksi pemrograman saat proses runtime. Hasil dari instruksi tentu akan
berbeda tergantung data yang diproses.
PHP merupakan bahasa pemrograman server-side, maka script dari PHP nantinya
akan diproses di server. Jenis server yang sering digunakan bersama dengan PHP antara
lain Apache, Nginx, dan LiteSpeed. Selain itu, PHP juga merupakan bahasa pemrograman
yang bersifat open source. Pengguna bebas memodifikasi dan mengembangkan sesuai
dengan kebutuhan mereka.

3.4 VS Code

Visual Code Studio adalah sebuah code editor gratis yang bisa dijalankan di
perangkat desktop berbasis Windows, Linux, dan MacOS. Code editor ini dikembangkan
oleh salah satu raksasa teknologi dunia, Microsoft. Visual Code adalah software editor yang
powerful, tapi tetap ringan ketika digunakan. Ia bisa dipakai untuk membuat dan mengedit
source code berbagai bahasa pemrograman. Misalnya, seperti JavaScript, TypeScript, dan
Node.js.
Bahkan, Visual Code Studio juga kompatibel dengan bahasa dan runtime
environment lain, seperti PHP, bahasa Python, Java, dan .NET. Hal ini berkat ekosistemnya
yang luas dan ketersediaan extension yang melimpah. Maka tidak heran, jika Visual Code
adalah code editor terpopuler saat ini. Hal ini terbukti dari survey Stack Overflow, di mana
software yang satu ini menduduki peringkat teratas dengan persentase pengguna 71.06%.

3.5 Berbasis Web

Perancangan Sistem Informasi pada Bidang Perlindungan Anak Di Asahan berbasis

web dengan menggunakan sofware Xampp, PHP, MySQL dan VS Code. Dikarenakan
dengan majunya perkembangan teknologi, beberapa di antaranya hanya web yang dapat
mudah dipahami, dimengerti, dan sering digunakan untuk mempermudah user atau
pengguna dalam menjalankan aplikasi yang kita buat.
 8

BAB 4
Analisa dan Perancangan Sistem

4.1 Analisis Sistem yang Berjalan

Analisis sistem yang berjalan dilakukan dimana untuk mengetahui apa saja masalah
yang dihadapi dan dimana sistem yang baru ini untuk mengatasi masalah yang terjadi pada
sistem yang berjalan dengan cara manual dan tidak terkomputerisasi dan juga dapat
memberikan solusi yang jelas untuk perbaikan dan pengembangan suatu sistem.

4.2 Analisis Prosedur

Analisis sistem prosedur merupakan analisa sistem yang berjalan yang masih
manual yang dimana untuk Pengolahan Data Sistem Informasi pada Bidang Perlindungan
Anak di Asahan masih dituliskan ke dalam buku ekspedisi dan untuk pembuatan
laporannya masih manual.

4.3 Aliran Sistem Informasi Lama

Aliran sistem informasi lama pada Bidan Perlindungan Anak yang ada pada kantor
Dinas Pemberdayaan Perempuan dan Perlindungan Anak di Asahan dapat dijabarkan
secara terperinci dan jelas pada keterangan berikut:

1. Pegawai menulis semua data didalam buku ekspidisi.

2. Setelah itu setiap bulannya ekspidisi tersebut di tanda tangani oleh kepala
Pemberdayaan Perlindungan Anak.
 9

Aliran Sistem Informasi(ASI) Lama Sistem Pada Pemberdayaan

Perempuan Dan Perlindungan Anak

Pegawai Kabid PPA

Document data Data yang sudah

Gizi buruk Dimasukan kedalam
Untuk di Acc Buku ekspidi

Diperiksa dan
Ditulis dibuku Diperiksa dan
ekspidisi ditandatangani

Data yang sudah

Dimasukan kebuku
ekpedisi Data yang
masuk Sudah di
Acc

Data yang
masuk Sudah di
Acc

Gambar 4.1 Aliran Sistem Informasi (ASI) Lama Pada Pemberdayaan Perempuan
dan Perlindungan Anak

4.4 Aliran Sistem Iformasi yang Baru

Perancangan sistem informasi yang diusulkan dapat memperbaiki sistem yang lama
sehingga cara kinerja pegawai Pada Pemberdayaan Perempuan Dan Perlindungan Anak.
 10

Aliran Sistem Informasi(ASI) Baru Sistem Pada Pemberdayaan

Perempuan Dan Perlindungan Anak
Pegawai Kabid PPA

Laporan Data Data

Document data Gizi Buruk untuk di
Gizi buruk ACC
Untuk di Acc

Entry Data Gizi Diperiksa dan

Buruk Untuk di ta diTanda
ACC ngani

Database

Laporan yang Sudah di

ACC

A
Laporan Data Gizi
Buruk untuk di ACC

Gambar 4.2 Aliran Sistem Informasi (ASI) Baru Pada Pemberdayaan

Perempuan dan Perlindungan Anak
 11

4.5 Context Diagram

Adapun Context Diagram Pada Perancangan Sistem Informasi pada Pemberdayaan

Perempuan dan Perlindungan anak Berbasis WEB.

Biodata
Pegawai
Data Gizi

SISTEM INFORMASI Lap.Data Gizi

Pemberdayaan Perempuan Lap. Data Anggota
Lap.kartu anggota
dan Perlindungan Anak

Kepala Kabid PPA

Data Gizi Buruk
Data Gizi Buruk

Gambar 4.3 Context Diagram Pada Pemberdayaan Perempuan dan Perlindungan

Anak
 12

4.6 Flow Diagram

Adapun Flow Diagram Pada Perancangan Sistem Informasi pada Pemberdayaan

Perempuan dan Perlindungan anak Berbasis WEB.

Tempat, Tanggal Lahir

Nama
Jenis Kelalmin

Tanggal
Jenis Penyakit

Input Data

Input

Pegawai

Gambar 4.4 Flow Diagram Pada Pemberdayaan Perempuan dan Perlindungan Anak
 13

BAB 5
Desan Antar Muka(User Interface)

5.1 Desain Global

Salah satu bentuk desain global adalah struktur program.Struktur program adalah
gambaran dari sebuah rangkaian modul-modul program yang saling terikat satu sama lain
yang terlibat dalam proses pengolahan data.Pembuatan program ini dimaksud untuk
mempermudah dalam memahami keterkaitan program pengolahan data yang di rancang
seperti gambar berikut:

Login

Halaman Utama

Home Logout

Input Data Laporan

Data Gizi buruk Data Gizi Buruk

Gambar 5.1 Sturuktur Perancangan Sistem Informasi Pada Pemberdayaan

Perempuan dan Perlindungan Anak

5.2 Desain Masukan(Input Desain)

Desain masukan sangat penting dalam membangun sebuah sistem,kuantitas

informasi atau laporan yang akan dihasilkan nantinya tergantung pada input yang kita
rancang.Dalam perancangan input juga mempengaruhi record-record yang terlihat dalam
 14

pengolahan data.Beriku ini adalah desain masukan Perancangan Sistem Informasi

Pada Pemberdayaan Perempuan dan Perlindungan Anak

1. Input Login

Username Password

Login

Gambar 5.2 Desain Input Login

Gambar 5.2 merupakan gambar desain input login dari sistem informasi pada kabid
PPA.Desain input login terdiri dari dua buah label yaitu username dan password serta satu
buah button login.

2. Desain Input Data Gizi

Input Data Anak Kurang Gizi Dinas P3A Kabupaten Asahan

TANGGAL

NAMA

TEMPAT,TGL LAHIR

JENIS KELAMIN

JENIS PENYAKIT GIZI

Simpan Hapus

Gambar 5.3 Desain Input Data Anak Kurang Gizi

Gambar 5.3 merupakan gambar desain input data anak kurang gizi dari sistem
informasi pada kabid PPA.Desain input login terdiri dari dua buah label yaitu username dan
password serta satu buah button login.
 15

5.3 Desain Masukan(Input Desain)

Tujuan akhir dari suatu sistem yang dapat menyajikan informasi atau output secara
cepat dan akurat.Untuk dalam pendefisian ini perlu di cermati output apa saja yang dapat
kita sajikan dan apa saja yang menjadi isi dari output tersebut.Berikut ini adalah output dari
perancangan sistem informasi pada kabid PPA berbasi web.

KANTOR DINAS P3A KABUPATEN ASAHAN

PENDATAAN DAN PENGAWASAN
PERLINDUNGAN ANAK

Data Anak Kurang Gizi Dinas P3A Kabupaten Asahan

TANGGAL NAMA TEMPAT,TGL JENIS JENIS PENYAKIT

LAHIR KELAMIN GIJI

Halaman:

Total Data 0 Data

CETAK DATA

Gambar 5.4 Desain Output Data Anak Kurang Gizi

 16

BAB 6
PENUTUP

6.1 Kesimpulan
Berdasarkan penilitian dan pengumpulan data pada Dinas P3A Kabupaten Asahan diambil
beberapa kesimpulan antara lain:
1. Sistem yang berjalan pada Kabid PPA masih manual sehingga mengakibatkan
keterlambatan dalam pembuatan laporan harus mencari-cari lagi data yang
ingin diolah.
2. Dengan menggunakan bahasa pemrograman php ini akan mempermudah
pekerjaan pegawai.
3. Sistem yang baru ini akan mempermudah pegawai dalam pengolahan data,
melakukan penambahan data, pengubah data dan penghapusan data serta
sistem yang dirancang ini dapat memberikan informasi kapan saja di perlukan.