SURYA INFORMATIKA. VOL . No. Mei 2020 ISSN : 2477-3042 SISTEM INFORMASI PENDATAAN KELUARGA BERENCANA PADA DINAS PMD pA DAN PPKB KABUPATEN PEKALONGAN BERBASIS WEB DAN ANDROID Rifka Rosyadi Hadwitya Handayani Imam Lestari Rosyadi,Imam Hadwitya HK. Rifka Lestari. Khoirunnisa Manajemen Informatika Universitas Muhammadiyah Pekajangan Pekalongan Jl. Raya Pahlawan No. Gejlig Ae Kajen Kab. Pekalongan Telp. : . 385313, e-mail: fastikom. umpp@gmail. ABSTRAK Bidang PPKB pada dinas PMD pA dan PPKB Kabupaten Pekalongan pada saat ini melakukan pendataan KB dengan metode / cara pencatatan menggunakan Ms. Excel sebagai media pendataannya. Dari cara pendataan tersebut ditemukan kendala yang harus dihadapi seperti laporan data KB dari Bidan Puskesmas yang terlambat memberikan laporan setiap bulannya. Maka dari itu perlu dibangun sebuah aplikasi berupa sistem informasi untuk mengetahui informasi dan proses pendataan peserta KB yang lebih efektif dan efisien. Pada aplikasi ini Diharapkan aplikasi ini nantinya dapat membantu proses pendataan KB di Dinas PMD pA dan PPKB Kabupaten Pekalongan dan menjadi salah satu sumber informasi yang dapat digunakan oleh masyarakat khususnya bagi wanita yang sudah berkeluarga untuk mendapatkan informasi yang dibutuhkan secara lebih mudah dan informatif. Pada aplikasi ini penulis menggunakan metode waterfall sebagai metode pengembangan sistemnya. Hasil dari penelitian ini yaitu berupa sistem informasi pendataan peserta keluarga berencana pada Dinas PMD pA dan PPKB Kabupaten Pekalongan dalam bentuk aplikasi Android yang dibangun menggunakan framework Ionic, selain itu juga dalam bentuk aplikasi website untuk admin yang penulis bangun menggunakan framework AngularJS. Kata Kunci : Sistem Informasi. KB. Android, dan Ionic. ABSTRACT The PPKB field at the PMD pA and PPKB Pekalongan Regency is currently conducting family planning data collection using the method / method of recording using Ms. Excel as the data collection medium. From the method of data collection that was found, someone had to report KB data from Puskesmas Midwives who were late in reporting each month. Therefore, it is necessary to build an application that contains an information system to find out information and data collection processes on family planning participants more effectively and efficiently. In this application, it is hoped that this application will be able to help the family planning data collection process in the PMD pA and PPKB Pekalongan Regency and become one of the sources of information that can be used by the community, especially for women who are married to get the information needed more easily and informally. In this application the author uses the waterfall method as a method of developing the system. The results of this study are in the form of an information system on the data collection of family planning participants in the PPD and PPKB PMD Office in Pekalongan Regency in the form of an Android application that was built using the Ionic framework, but also in the form of a website application for admins that the authors built using the AngularJS framework. Keywords: Information System. KB. Android, and Ionic. Pendahuluan 1 Latar Belakang Salah satu program Pemerintah dalam mengatasi masalah kependudukan baik dari segi kuantitas dan kualitas adalah Badan Kependudukan dan Keluarga Berencana Nasional atau sering dikenal masyarakat dengan Keluarga Berencana (KB). KB adalah perencanaan jumlah Dinas Pemberdayaan Masyarakat dan Desa (PMD). Pemberdayaan Perempuan dan Perlindungan Anak . A) Dan Pengendalian Penduduk dan Keluarga Berencana (PPKB) Kabupaten Pekalongan mempunyai tugas pokok melaksanakan penyusunan dan pelaksanaan kebijakan daerah dibidang Pemberdayaan Perempuan. Perlindungan Anak. Pengendalian Penduduk Dan Keluarga Berencana. Sejauh ini bidang PPKB pada dinas PMD pA dan PPKB melakukan pendataan KB dengan metode / cara pencatatan menggunakan Ms. Excel sebagai media pendataannya. Dari cara pendataan tersebut ditemukan kendala yang harus dihadapi seperti laporan data KB dari Bidan Puskesmas yang terlambat memberikan laporan setiap bulannya sehingga menghambat proses pembuatan laporan dan penyampaian informasi mengeni program KB yang masih manual dengan mendatangi setiap desa Ae desa. Maka dari itu diperlukan suatu sistem yang dapat membantu dalam proses pendataan keluarga berencana pada dinas PMD pA dan PPKB Kab. Pekalongan. Berdasarkan latar belakang masalah tersebut maka akan dibahas lebih lanjut dalam satu pokok pembahasan dengan judul AuSISTEM INFORMASI PENDATAAN KELUARGA BERENCANA PADA DINAS PMD pA DAN PPKB KABUPATEN PEKALONGAN BERBASIS WEB DAN ANDROIDAy. 2 Identifikasi Masalah SISTEM INFORMASI PENDATAAN KELUARGA BERENCANA PADA DINAS PMD pA DAN PPKB KABUPATEN PEKALONGAN BERBASIS WEB DAN ANDROID ISSN : 2477-3042 SURYA INFORMATIKA. VOL . No. Mei 2020 Berdasarkan latar belakang masalah yang telah diuraikan diatas, maka permasalahan tersebut dapat diidentifikasi sebagai berikut : Belum adanya Sistem Informasi Pendataan Keluarga Berencana di Kabupaten Pekalongan yang dikembangkan secara Online serta berbasis Web dan Android. Belum adanya sistem informasi yang menghubungkan puskesmas dengan Dinas PMD pA dan PPKB. Kurang praktisnya bagi masyarakat dalam melakukan Tanya jawab kepada Bidan. penelitian tentang Sistem Informasi Manajemen Masjid sudah pernah dilakukan sebelumnya. Rancang Bangun Aplikasi Pendataan Keluarga Berencana Menggunakan Homogeneous Distributed Database System berbasis Web. Pada penelitian ini penulis menggunakan Database Manajemen System (DBMS), metode yang digunakan adalah metode Homogeneous Distributed Database System dan menggunakan topologi Connected Network pendistribusian data keluarga berencana. Distributed Database System dipilih untuk memecahkan masalah dalam mengatasi ketersediaan . data yang merupakan 3 Rumusan Masalah aspek penting dalam basis data terdistribusi. Penelitian ini Beradasarkan latar belakang masalah yang telah berhasil menjadikan data dengan fragmentasi horizontal diuraikan di atas, maka rumusan masalahnya yaitu : sehingga data dapat dikelola dalam basis data terdistribusi AuBagaimana membangun sistem informasi pendataan sehingga dalam perancangan sebuah Web lebih mudah keluarga berencana pada dinas PMD pA dan PPKB digunakan oleh user maupun admin dalam mengakses Kabupaten Pekalongan?Ay aplikasi tersebut dan mempermudah admin dalam proses (Prasdika, 2. 4 Batasan Masalah Pengembangan Basis Data Pendatan Program Perancangan aplikasi ini dibangun dengan beberapa Keluarga Berencana Tingkat Puskesmas menggunakan batasan masalah agar penyusunan jurnal ini tidak keluar dari Delphi 7. Dalam penelitian ini penulis mengembangkan lingkup pembahasan, batasan masalahnya adalah sebagai model basis data program KB yang terdapat di puskesmas berbasis desktop. Rancang bangun dalam penelitian ini Pendataan Keluarga Berencana hanya diinput oleh adalah action research berupa pengembangan model sistem Admin dan Super Admin. manajemen basis data. Penelitian ini difokuskan pada Pendataan KB dalam sistem ini mengambil sampel hanyapengembangan sistem manajemen basis data pendataan dari data peserta KB khususnya di Kecamatan Kajen, program KB. Metode kualitatif digunakan untuk membantu Karanganyar dan Kesesi. proses identifikasi pada setiap tahapan dalam metodologi Laporan data KB diberikan pada Kepala Dinas. pengembangan model sistem manajemen basis data program KB. Subjek pada penelitian ini yaitu pengelola program KB 5 Tujuan di Provinsi. Kabupaten. Puskesmas dan pelaksana program Sesuai dengan rumusan masalah yang telah KB di desa. Hasil penelitian ini yaitu prototype Basis Data diuraikan diatas, tujuan dari penelitian ini adalah untuk dapat program KB di Puskesmas berdasarkan kebutuhan informasi merancang dan membangun Sistem Informasi Pendataan pengelola program KB. Basis data program KB di Puskesmas Keluarga Berencana pada Dinas PMD pA dan PPKB yang dikembangkan dapat menghasilkan informasi yang Kabupaten Pekalongan berbasis Web dan Android. dibutuhkan oleh pengelola dan pelaksana program KB sehingga dapat dimanfaatkan guna monitoring dan evaluasi 6 Manfaat kinerja program KB di Puskesmas. (Raharja, 2. Adapun manfaat dalam penelitian ini adalah sebagai Persamaan dari penelitian-penelitian diatas dengan penelitian ini adalah tujuan dari pembuatan sistem itu sendiri Bagi penulis yaitu untuk memberikan kemudahan bagi dinas untuk proses Sebagai sarana untuk mengembangkan ilmu pendataan yang lebih efektif dan efisien. Perbedaan dari pengetahuan penulis yang di dapatdi bangku kuliah yang di penelitian Ae penelitian diatas dengan penelitian ini adalah implementasikan kedalam lingkungan masyarakat. sistem ini berbasis android, yang mana akan lebih mudah Bagi pengguna dalam proses pendataan KB yang dilengkapi dengan fitur Mempermudah dalam hal pendataan dan penyajian berita dimana dalam fitur tersebut berisi mengenai informasi informasi yang akurat dan aktual serta lengkap pada seputar pentingnya program KB untuk kesejahteraan pengelolaan data keluarga berencana seperti yang diinginkan keluarga, sehingga diharapkan memiliki beberapa kelebihan oleh instasi tersebut. baik dari segi kemudahan operasional maupun kecepatan Bagi Universitas Muhammadiyah Pekajangan Pekalongan Sebagai bahan tambahan referensi di perpustakaan 2 Landasan Teori Universitas Muhammadiyah Pekajangan Pekalongan dan 1 Sistem dapat dijadikan referensi jurnal untuk mahasiswa angkatan Sistem adalah sekelompok komponen dan elemen yang digabungkan menjadi satu untuk mencapai tujuan tertentu. Sistem juga merupakan kesatuan bagian Ae bagian yang saling Tinjauan Pustaka dan Landasan Teori berhubungan yang berada dalam suatu wilayah serta memiliki 1 Tinjauan Pustaka item Ae item penggerak (Arifashkaf, 2. Bab ini akan membahas tinjauan aplikasi-aplikasi Sistem dapat didefinisikan sebagai kumpulan dari terdahulu yang sejenis dengan aplikasi ini, beberapa elemen-elemen berupa data, jaringan kerja dari prosedurprosedur yang saling berhubungan, sumber daya manusia. SISTEM INFORMASI PENDATAAN KELUARGA BERENCANA PADA DINAS PMD pA DAN PPKB KABUPATEN PEKALONGAN BERBASIS WEB DAN ANDROID ISSN : 2477-3042 teknologi baik hardware maupun software yang saling berinteraksi sebagai satu kesatuan untuk mencapai tujuan / sasaran tertentu menjelaskan apa yang harus dikerjakan, siapa yang mengerjakannya, kapan dikerjakan, mengapa dikerjakan dan bagaimana mengerjakannya. (Maniah, 2. Berdasarkan dari dua definisi diatas maka penulis menyimpulkan bahwa sistem adalah sekumpulan elemen yang menekankan pada prosedur yang saling berkaitan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu dan berinteraksi agar mencapi suatu tujuan tertentu. 2 Informasi Informasi adalah data atau fakta yang telah diolah menjadi suatu bentuk yang mempunyai arti dan bermanfaat membantu seseorang dalam mengambil keputusan yang berguna bagi orang atau organisasi untuk mengambil suatu (Hedi, 2. Informasi adalah data yang telah diklasifikasikan atau diolah atau diinterpretasikan untuk digunakan dalam proses pengambilan keputusan. Sistem pengolahan informasi akan mengolah data menjadi informasi atau mengolah data dari bentuk tak berguna menjadi berguna bagi yang menerimanya (Sutabri, 2. Berdasarkan pengertian-pengertian disebutkan diatas, dapat disimpulkan bahwa informasi adalah informasi adalah sekumpulan fakta-fakta yang telah diolah sedemikian rupa menjadi bentuk data, sehingga dapat menjadi lebih berguna dan dapat digunakan oleh siapa saja yang membutuhkan data-data tersebut sebagai pengetahuan ataupun dapat digunakan dalam pengambilan sebuah 3 Sistem Informasi Sistem informasi adalah Sistem informasi adalah suatu sistem yang menyediakan informasi untuk manajemen dalam mengambil keputusan dan juga untuk menjalankan operasional perusahaan, dimana sistem tersebut merupakan kombinasi dari orang Ae orang, teknologi infirmasi dan prosedur Ae prosedur yang terorganisasi. (Hudiarto, 2. 4 Pendataan Pendataan adalah kenyatan mengambarkan suatu kejadian-kejadian nyata, yaitu mengumpulkan semua data yang diperlukan, mengolah dan menyajikan data sesuai dengan apa yang diharapkan. Sedangkan hasil dari pendataan adalah data, yaitu catatan atas kumpulan fakta. Data yang baik harus obyektif dan dapat dipertanggungjawabkan. Data dipergunakan dalam pengambilan keputusan sehingga kevalidan data akan meningkatkan ketepatan sasaran dalam mengambil keputusan (Wordpress, 2. 5 KB Keluarga Berencana atau yang biasa disebut dengan KB merupakan salah satu program pemerintah Indonesia sejak tahun 1970 yang bertujuan untuk membatasi jumlah kelahiran guna menciptakan keluarga yang sehat dan Adapun tujuan umum dari perencanaan KB adalah untuk mewujudkan masyarakat yang sejahtera khususnya bagi Mama dan anak serta mengendalikan pertambahan penduduk suatu negara sesuai dengan Norma Keluarga Kecil SURYA INFORMATIKA. VOL . No. Mei 2020 Bahagia Sejahtera (NKKBS) yaitu dengan jalan mengendalikan jumlah kelahiran. Sedangkan tujuan khusus dari program tersebut adalah untuk meningkatkan kesejahteraan suatu keluarga yaitu dengan jalan penjarangan angka kelahiran atau jumlah kelahiran bayi yaitu dengan jalan menggalakkan pemakaian alat kontrasepsi. Hingga saat ini program KB yang dicanangkan oleh pemerintah telah memberikan manfaat yang besar. Tak hanya berguna untuk mengatur jumlah kelahiran anak, ternyata ada 9 manfat lain dari mengikuti program KB. (Ulfah, 2. Alat kontrasepsi tersedia dalam berbagai bentuk, antara lain pil KB, suntik KB, implan atau susuk. IUD atau spiral, pembedahan vasektomi pada pria dan juga pembedahan tubektomi pada wanita. Masing-masing alat kontrasepsi memiliki kelebihan dan kekurangan tersendiri. Berikut penjelasan beberapa jenis alat kontrasepsi (KB) : (Handayani, 2. 6 Android Android merupakan OS (Operating Syste. Mobile yang dirancang oleh google dan berbasiskan kernel Linux dan berbagai perangkat lunak Open Source lainnya serta biasa digunakan untuk perangkat dengan layar sentuh seperti smartphone dan tablet yang tumbuh ditengah OS lainnya yang berkembang dewasa ini. OS lainnya seperti Windows Mobile, i-Phone OS. Symbian, dan masih banyak lagi. Akan tetapi. OS yang ada ini berjalan dengan memprioritaskan aplikasi inti yang dibangun sendiri tanpa melihat potensi yang cukup besar dari aplikasi pihak ketiga. Oleh karena itu, adanya keterbatasan dari aplikasi pihak ketiga untuk mendapatkan data asli ponsel, berkomunikasi antar proses serta keterbatasan distribusi aplikasi pihak ketiga untuk platform mereka. (Hernawan, 2. Awalnya. Google Inc. membeli Android Inc. , pendatang baru yang membuat peranti lunak untuk ponsel. Kemudian untuk mengembangkan Android, dibentuklah Open Handset Alliance, konsorsium dari 34 perusahaan peranti keras, peranti lunak, dan telekomunikasi, termasuk Google. HTC. Intel. Motorola. Qualcomm. T-Mobile, dan Nvidia. Pada saat perilisan perdana Android, 5 November 2007. Android bersama Open Handset Alliance menyatakan mendukung pengembangan standar terbuka pada perangkat seluler. lain pihak. Google merilis kode-kode Android di bawah lisensi Apache, sebuah lisensi perangkat lunak dan standar terbuka perangkat seluler. 7 Website Website merupakan suatu kumpulan Ae kumpulan halaman yang menampilkan berbagai macam informasi teks, data, gambar diam ataupun bergerak, data animasi, suara, video maupun gabungan dari semuanya, baik itu yang bersifat statis maupun yang dinamis, dimana membentuk satu rangkaian bangunan yang saling berkaitan dimana masing Ae masing dihubungkan dengan jaringan halaman atau Halaman tersebut terangkum di dalam sebuah domain atau subdomain, yang berada di dalam w (World Wise We. dan tentunya terdapat di dalam internet. Halaman website biasanya berupa dokumen yang ditulis dalam format Hyper Text Markup Language (HTML). (Amalia, 2. SISTEM INFORMASI PENDATAAN KELUARGA BERENCANA PADA DINAS PMD pA DAN PPKB KABUPATEN PEKALONGAN BERBASIS WEB DAN ANDROID ISSN : 2477-3042 8 Basis Data Basis data adalah kumpulan terorganisasi dari data-data yang berhubungan sedemikian rupa sehingga mudah disimpan, dimanipulasi, serta dipanggil oleh pengguna (Nugroho, 2. Basis data adalah kumpulan data berelasi yang disusun, diorganisasikan, dan disimpan secara sistematik dalam media simpan komputer mengacu kepada metode-metode tertentu sedemikian rupa sehingga dapat diakses secara cepat dan mudah menggunakan program atau aplikasi komputer untuk memperoleh data dari basis data tersebut (Ichwan, 2. Dari beberapa definisi-definisi tersebut, dapat dikatakan bahwa basis data adalah kumpulan data yang dirancang dan dibangun agar dapat digunakan oleh beberapa pengguna untuk berbagai kepentingan. 9 Flowchart Diagram alir . adalah suatu jenis diagram yang merepresentasikan algoritma atau langkah-langkah instruksi yang berurutan dalam sistem. (Syafitri, 2. Flowchart menolong analis dan programmer untuk memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong dalam menganalisis alternatif-alternatif lain dalam pengoperasian. 10 DFD Data flow diagram adalah suatu diagram yang menggunakan notasi Ae notasi untuk menggambarkan arus dari data pada suatu sistem atau menjelaskan proses kerja suatu sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, tersruktur dan jelas. Secara singkatnya. DFD adalah alat pemodelan untuk memodelkan alur kerja sistem (Olivia, 2. 11 Ionic Ionicadalahsebuah framewok aplikasi mobile berbas is HTML5 yang dapat digunakan untuk mengembangkan apikasi mobile dengan teknologi web seperti HTML. CSS, dan Javascript. Dengan menggunakan Ionic, para developer web bisa membuat aplikasi lintas platform seperti untuk Android dan iOS. Dengan menggunakan Ionic, para developer web tidak perlu belajar bahasa pemrograman Java. Objective C, atau C# untuk membuat aplikasi mobile karena mereka cukup menggunakan ilmu mereka di bahasa pemrograman web. Ionic mempunyai kelebihan diantaranya bersifat open source dan juga menggunakan teknologi web Ionic juga menggunakan Angular JS untuk implementasi logic-nya. (Abidin, 2. 12 AngularJS AngularJS adalah sebuah framework JavaScript yang di kembangkan atau di bangun oleh tim Google. Angularjs menggunakan metode MVC (Model View Controle. yang membuat source code aplikasi menjadi bersih dan mudah di Sampai saat ini AngularJS sudah menjadi salah satu framework JavaScript yang paling populer dan sangat banyak di gunakan oleh para developer di seluruh dunia untuk membangun aplikasi. Kehandalan dari AngularJS sendiri tidak bisa di ragukan lagi, salah satu faktornya karena di kembangkan oleh para tim ahli dari Google. AngularJS digunakan untuk membangun aplikasi yang bersifat single page application. AngularJS mempunyai fitur-fitur yang sangat kuat sehingga proses pengembangan aplikasi bisa menjadi jauh lebih singkat SURYA INFORMATIKA. VOL . No. Mei 2020 dan juga sangat mudah dipelajari. AngularJS juga menyediakan panduan cara penggunaannya pada situs resmi AngularJS (Hadi, 2. MySQL MySQL merupakan sebuah basis data yang mengandung satu atau beberapa kolom. Tabel terdiri atas sejumlah basis dan setiap baris mengandung satu atau beberapa kolom. Di dalam PHP telah menyediakan fungsi untuk koneksi ke basis data dengan sejumlah fungsi untuk pengaturan baik menghubungkan maupun memutuskan koneksi server database MySQL sebagai sarana untuk mengumpulkan informasi (Andre, 2. Database adalah kumpulan data yang tersimpan, tersusun dan saling terhubung satu sama lain pada suatu komputer serta digunakan perangkat lunak untuk mengakses maupun mengelolanya sehingga dapat dihasilkan informasi data yang berguna. 14 Sublime Text Sublime Text adalah aplikasi editor untuk kode dan teks yang dapat berjalan diberbagai platform operating system dengan menggunakan teknologi Phyton API. Terciptanya aplikasi ini terinspirasi dari aplikasi Vim. Aplikasi ini sangatlah fleksibel dan powerfull. Fungsionalitas dari aplikasi ini dapat dikembangkan dengan menggunakan sublime-packages. Sublime Text bukanlah aplikasi open source dan juga aplikasi yang dapat digunakan dan didapatkan secara gratis, akan tetapi beberapa fitur pengembangan fungsionalitas . dari aplikasi ini merupakan hasil dari temuan dan mendapat dukungan penuh dari komunitas serta memiliki linsensi aplikasi gratis. Sublime Text pemrograman dan mampu menyajikan fitur syntax highlight hampir di semua bahasa pemrograman yang didukung ataupun dikembangkan oleh komunitas seperti. C . C#. CSS. Dylan. Erlang. HTML. Groovy. Haskell. Java. JavaScript. LaTeX. Lisp. Lua. Markdown. MATLAB. OCaml. Perl. PHP. Python. Ruby. SQL. TCL. Textile and XML. Biasanya bagi bahasa pemrograman yang didukung ataupun belum terdukung secara default dapat lebih dimaksimalkan atau didukung dengan menggunakan add-ons yang bisa di-download sesuai kebutuhan user (Tarmizi, 2. 15 PHP PHP adalah bahasa pemrograman yang sering disisipkan kedalam HTML. PHP sendiri berasal dari kata Hypertext Preprocessor. Sejarah PHP pada awalnya merupakan kependekan dari Personal Home Page . itus persona. PHP dibuat pertama kali oleh Rasmus Lerdorf, yang pada awalnya dibuat untuk menghitung jumlah pengunjung pada homepage-nya. Awalnya PHP kependekan dari personal home page saat itu namanya masih Form Interpreted. Selanjutnya pembuat PHP merilis kode sumber . pen sourc. ke khalayak umum sehingga banyak programmer yang tertarik untuk mengembangkan PHP. (Yasin, 2. SISTEM INFORMASI PENDATAAN KELUARGA BERENCANA PADA DINAS PMD pA DAN PPKB KABUPATEN PEKALONGAN BERBASIS WEB DAN ANDROID ISSN : 2477-3042 Perancangan dan Implementasi 1 Perancangan Sistem Diagram Konteks SURYA INFORMATIKA. VOL . No. Mei 2020 Perancangan Entity Relationship Diagram (ERD) Gambar 3 Entity Relationship Diagram (ERD) Gambar 1 Diagram Konteks Dari sistem yang diusulkan terdapat dua entitas yang saling berkaitan, yaitu entitas admin posyandu dan admin dinas. Admin posyandu dan admin dinas akan meng-input data login ke sistem yang kemudian diproses menjadi akun admin. Kemudian admin posyandu dan admin dinas akan meng-input data KB ke sistem yang kemudian diproses menjadi info KB. DFD Level 0 Dari ERD diatas terdapat 9 tabel, yaitu tabel admin, dokter, info, jawab, tempat, kb, komen, artikel dan tanya. setiap tabel memiliki beberapa atribut. 3 Perancangan Desain Sistem Rancangan Halaman Menu user Halaman ini dirancang menggunakan 1 tag img (Fot. , 1 tag b . ulisan Nama Admi. , serta 5 tag p . ulisan Beranda. Profil Saya. Pertanyaan Saya. Notifikasi, dan Tentan. Gambar 2 DFD Level 0 Dari DFD Level 0 diatas terdapat 2 entitas (Admin dan Use. , 7 proses (Mengolah Data. Login. Input Data KB, info & Berita. Komentar. Tanya Jawab dan Cetak Lapora. , dan 9 data store (Admin, artikel, dokter, info, jawab, peserta KB, komen. Tanya dan tempa. Gambar 4 Rancangan Halaman Menu Rancangan Halaman Beranda Halaman ini dirancang menggunakan 1 class title . ulisan SISTEM INFORMASI KB), 1 tag img (Gambar Dina. , 6 tag p . ulisan Pengertian KB. Sejarah KB. Tujuan KB. Manfaat KB. Efek Samping, dan Jenis KB), serta 4 class tabs . ab Beranda. Info & Berita. Tanya Jawab, dan Tempat KB). SISTEM INFORMASI PENDATAAN KELUARGA BERENCANA PADA DINAS PMD pA DAN PPKB KABUPATEN PEKALONGAN BERBASIS WEB DAN ANDROID ISSN : 2477-3042 SURYA INFORMATIKA. VOL . No. Mei 2020 Rancangan Halaman Login Admin Dirancang dengan 2 tag input . serta 1 tag button . ombol Logi. Gambar 7 Rancangan Halaman Login Gambar 5 Rancangan Halaman Beranda Rancangan Halaman Dashboard Dirancang dengan tag p . embuat tek. , 1 tag img . , tag li . , 6 class card . embuat diagram dan jumlah dat. Rancangan Halaman Profil Saya Halaman ini dirancang menggunakan 1 class title . ulisan Profil Say. , 1 tag img (Fot. , 9 tag p . ulisan NIK. Nama. Tanggal Lahir. Alamat. No. Handphone. Jumlah Anak. Metode KB. Status KB, dan Tanggal Daftar KB), serta 4 class tabs . ab Beranda. Info & Berita. Tanya Jawab, dan Tempat KB). Gambar 8 Rancangan Halaman Dashboard Rancangan Halaman Data Peserta KB Dirancang dengan tag p . embuat tek. , 1 tag img . , tag li . , 1 tag table (Isi Data Peserta KB), serta 4 tag button . ombol navigas. Gambar 6 Rancangan Halaman Profil Saya Gambar 9 Rancangan Halaman Profil Saya SISTEM INFORMASI PENDATAAN KELUARGA BERENCANA PADA DINAS PMD pA DAN PPKB KABUPATEN PEKALONGAN BERBASIS WEB DAN ANDROID ISSN : 2477-3042 2 Hasil Tampilan Sistem Tampilan Halaman Menu User Halaman ini merupakan menu aplikasi, pada halaman ini terdapat foto user dan nama user yang login, serta menu Beranda. Profil Saya. Pertanyaan Saya. Notifikasi, dan Tentang. Gambar 10 Tampilan Halaman Menu Tampilan Halaman Beranda Halaman ini merupakan halaman yang pertama muncul saat user membuka aplikasi. Pada halaman ini terdapat foto kantor dinas, menu Pengertian KB. Sejarah KB. Tujuan KB. Manfaat KB. Efek Samping, dan Jenis KB. Terdapat tombol menu disebelah kiri atas untuk membuka menu aplikasi. SURYA INFORMATIKA. VOL . No. Mei 2020 Tampilan Halaman Profil Saya Halaman ini digunakan untuk menampilkan profil user yang login, data yang ditampilkan terdiri dari foto. NIK, nama, tanggal lahir, alamat, no. handphone, jumlah anak, metode KB, status KB, dan tanggal daftar KB. Terdapat tombol opi disebelah kanan atas untuk membuka pilihan Gambar 12 Tampilan Halaman Profl Saya Tampilan Halaman Login Admin Digunakan untuk login kedalam aplikasi dengan mengisi form yang ada. Gambar 13 Tampilan Halaman Login Tampilan Halaman Dashboard Digunakan untuk menampilkan diagram, jumlah peserta KB, jumlah tempat KB, jumlah info dan berita, dan jumlah Gambar 11 Tampilan Halaman Beranda Gambar 14 Tampilan Halaman Dashboard SISTEM INFORMASI PENDATAAN KELUARGA BERENCANA PADA DINAS PMD pA DAN PPKB KABUPATEN PEKALONGAN BERBASIS WEB DAN ANDROID ISSN : 2477-3042 Tampilan Halaman Data Peserta KB Digunakan untuk menampilkan data peserta KB. Terdapat tombol biru untuk mengubah data, dan tombol merah untuk menghapus data. SURYA INFORMATIKA. VOL . No. Mei 2020 Daftar Pustaka Ichwan. , 2011. Informatika. Dalam: Pemrograman Basis Data Delphi 7 dan MYSQL. Bandung: s. Oetomo. Budi Sutedjo Dharma. Perencanaan & Pembangunan Sistem Informasi. Yogyakarta: ANDI. Prasdika, 2016. Jurnal Probisnis. Sistem Informasi Sewa Kios dan Los pada Pasar Sentra Agrobisnis Sadartani di Desa Ajibarang Kulon, pp. Raharja. , 2017. Pengembangan basis data program KB tingkat puskesmas. Gambar 15 Tampilan Halaman Data Peserta KB Kesimpulan dan Saran 1 Kesimpulan Berdasarkan hasil analisis pada bab Ae bab sebelumnya, maka dapat ditarik kesimpulan sebagai berikut : Sistem Informasi Pendataan KB pada Dinas PMD pA dan PPKB Kabupaten Pekalongan ini telah berhasil dibuat menggunakan framework Ionic untuk membangun aplikasi Androidnya, sedangkan untuk membangun aplikasi website Ae nya penulis menggunakan framework Laravel. Aplikasi yang telah dibuat terdiri dari aplikasi website untuk admin dan aplikasi Android untuk user. Untuk aplikasi website berisi menu untuk mengelola data peserta KB, data admin, data user, data bidan, dan data tempat KB. Sedangkan aplikasi Androidnya berisi menu untuk melihat informasi seputar KB, melihat data diri, serta melakukan tanya jawab. Dengan adanya aplikasi ini diharapkan dapat memudahkan admin untuk melakukan pendataan KB lebih mudah dengan membuka website tanpa harus menyerahkan laporan setiap bulan ke dinas PMD pA dan PPKB. Dan dapat memudahkan user dalam melihat informasi maupun melakukan tanya jawab kepada admin dengan hanya membuka smartphone tanpa harus datang langsung ke tempat KB. 2 Saran