BAB I
PENDAHULUAN
1.1 Latar Belakang
Teknologi Informasi adalah teknologi yang dapat membantu manusia
dalam membuat, mengubah, menyimpan, mengkomunikasikan atau menyebarkan
informasi. Perkembangan teknologi dan informasi di dunia sangat pesat sekali,
dimana setiap hal yang berhubungan dengan manusia maupun aktivitas manusia
selalu berhubungan dengan teknologi dan informasi. Teknologi informsai sangat
identik komputer. Adanya perkembangan teknologi informasi ini, juga sudah
merambah ke berbagai sektor termasuk kesehatan.
Survey Demografi Kesehatan Indonesia yang dilakukan pada 2017 lalu
menunjukkan bahwa penggunaan alat kontrasepsi modern semakin menurun pada
segmen usia muda (15 sampai 29 tahun). Hal ini kemudian berpengaruh pada
tingginya kehamilan remaja di Indonesia yang diperkirakan mencapai angka 500
ribu kehamilan remaja setiap tahunnya. Beberapa penyebab dari menurunnya
penggunaan kontrasepsi disinyalir karena faktor seperti rendahnya pengetahuan
masyarakat terhadap kesehatan reproduksi (KESPRO) serta kurangnya akses
terhadap
informasi
yang
akurat
dan
terpercaya
tentang
kontrasepsi.
(BKKBN,2018).
Untuk media pembelajaran masyarakat tentang alat kontrasepsi dan
kesehatan reproduksi maka dalam penelitian ini akan dibangun suatu aplikasi
website. Aplikasi website yang akan dibangun memiliki fitur informasi alat
1
2
reproduksi, kekurangan dan kelebihan masing-masing alat reproduksi serta
kesehatan reproduksi.
Terkait dengan persoalan tersebut, maka akan dibuat aplikaisi informasi
tentang alat kontrasepsi dan kesehatan reproduksi dengan judul:
“Aplikasi
Website Sebagai Media Informasi Alat Kontrasepsi dan Kesehatan Reproduksi”
1.2 Rumusan Masalah
Sesuai dengan ruang lingkup penelitian, supaya menjadi lebih jelas dan terarah
maka perlu adanya perumusan masalah. Adapun perumusan masalahnya sebagai
berikut.
1. Bagaimana membuat Aplikasi berbasis Web yang dapat menjadi media
pembelajaran dan memberikan informasi kepada masyarakat tentang alat
kontrasepsi dan kesehatan reproduksi.
1.3 Ruang Lingkup
Agar
permasalahan
menjadi
terarah
dan
menghindari
meluasnya
permasalahan, maka diperlukan ruang lingkup untuk memabatasi masalah yaitu:
1. Aplikasi ini digunakan sebagai media untuk mencari informasi dan
menampilkan informasi alat kontrasepsi dan kesehatan reproduksi.
2. Aplikasi ini tidak dapat menampilkan harga alat kontrasepsi mengingat
harga di setiap tempat penjualan berbeda beda.
1.4 Tujuan Penelitian
Tujuan penelitian adalah sebagai sarana media pembelajaran dan
menampilkan informasi terkait dengan alat kontrasepsi dan kesehatan reproduksi
dengan aplikasi berbasis website.
3
1.5 Manfaat Penelitian
Adapun manfaat penelitian ini adalah sebagai berikut:
1. Hasil penelitian ini diharapkan dapat membantu Masyarakat dalam
memberikan informasi kepada masyarakat terkait dengan alat kotrasepsi
dan kesehatan reproduksi .
2. Dapat memberikan pengetahuan lebih kepada masyarakat tentang alat
kontrasepsi dan kesehatan reproduksi.
BAB II
TINJAUAN PUSTAKA DAN DASAR TEORI
2.1 Tinjauan Pustaka
Sistem Informasi yang akan di buat dalam penelitian ini mengacu pada beberapa
penelitian sebelumnya yaitu:
Penelitian terdahulu dilakukan di Universitas Stikubank Semarang “IBM
Sistem Informasi KIA dan KB bagi Puskesmas di Kecamatan Semarang Selatan ”
(Sri Eniyati, Rina Chandra Noor Santi,2015) pada aplikasiyang dibangun
memberikan informasi terkaitkesehatan Ibu dan Anak (KIA) dan Keluarga
Berencana (KB) di Puskesmas Semarang Selatan.
“Faktor Yang Mempengaruhi Akseptor KB Dalam Memilih Alat
Kontrasepsi Di Puskesmas Jumapandang Baru Makasar” (Sitti Afsari,2017) di
UIN Allaudin Makasar. Pada aplikasi yang dibangun menampilkan informasi
faktor yang mempengaruhi akseptor KB dalam mrmilih kontrasepsiyaitu faktor
Umur, faktor pendidikan, faktor pengetahuan, dan faktor dukungansuami.
Penelitian
dengan judul “ Aplikasi Pemesanan Alat kontrasepsi Pada
Badan Keluarga Berencana dan Pemberdayaan Perempuan Kota Palembang ”
(Amelia Anggraini ,2018) pada aplikasi ini menampilkan informasi berupa data
pemesanan alat kontrasepsi .
Penelitian tentang “Sistem Informasi Jadwal Suntik KB Berbasis Dekstop
Dengan SMS Gateway di BPM Delima Tampubolon” (Rauf Fauzan, Mia Rahayu,
4
5
2017) di Universitas Komputer Indonesia. Pada aplikasi yang dibangun
memberikan informasi jadwal suntik KB di BPM Delima Tampubolon.
Pembangunan aplikasi "Pengembangan Sistem Informasi Geografis
Penyebaran Klinik dan Penggunaan Alat Kontrasepsi di Bandar Lampung"
(Yulmaini,2015) Pada aplikasi yang dibangun menampilkan informasi cara
penggunaan alat kontrasepsi.
Perbedaan dari penilitian terdahulu dengan penelitian yang di usulkan
adalah aplikasi ini memiliki fitur informasi dan pembelajaran terkait alat
reproduksi, kekurangan dan kelebihan masing-masing alat reproduksi serta
kesehatan reproduksi. Aplikasi yang akan dibangun berbasis websitesehingga
akan memudahkan dalam mencari informasi serta menjadikan website ini sebagai
media pembelajaran bagi masyarakat.
6
Tabel 2.1 Perbandingan Hasil Penelitian
No
1
Tinjauan Pustaka
Sitti Afsari,2017
Obyek
Puskesmas
Jumapandang
Baru Makasar
2
Amelia Anggraini, 2018
3
Rauf
Fauzan,
Rahayu , 2017
4
Yulmaini, 2015
Kategori
Tools
Keluaran Sistem
Sistem
Visual Basic, Informasi Data berupa faktor yang mempengaruhi
Pemilihan Alat MySQL
pemilihan alat kontrasepsi
Kontrasepsi
Berdasarkan
Faktor
yang
Mempengaruhi
Berbasis
Dekstop
BKB-PP Kota Aplikasi
Visual Basic, Informasi Data Pemesanan Alat Kontrasepsi
Palembang
Sistem
MySQL
Pemesanan
Alat
KB
berbasis
Dekstop
Mia BPM Delima Sistem
Java , Gammu
Informasi Jadwal Suntik KB
Tampubolon
Informasi
Berbasis
Dekstop dan
SMS Gateway
BKKBN kota Sistem
Bandar
Informasi
Lampung
Geografis
Berbasis Web
XAMPP,
Informasi lokasi klinik dan penggunaan Alat Kontrasepsi
PHP,
MySQL,Google
Maps API
7
5
Mardiani,
Elisawati, Puskesmas
Chandra Eri Firman, Jaya Mukti
Nurhadi,2018
Dumai Timur
6
Usulan Yulia Frida ,2019
Sistem
Pendukung
Keputusan
dengan
Metode SAW
Berbasis
Dekstop
Sistem
Informasi Alat
Kontrasepsi
dan KESPRO
Berbasis Web
Crystal Report, Informasi Data berupa tabel pemilihan alat kontrasepsi
Visual
yang tepat bagi pengguna sistem
Basic6.0,
MySQL
XAMPP,
PHP,
MySQL
Informasi tentang jenis Alat Kontrasepsi dan KESPRO
8
2.1 Dasar Teori
Berikut adalah beberapa tinjauan sebagai
landasan teori dalam
pengembangan aplikasi website sebagai media informasi alat kontrasepsi
dan kesehatan reproduksi.
2.1.1
Sistem Informasi
Sistem merupakan kumpulan dari elemen-elemen atau komponenkomponen yang berinteraksi untuk mencapai tujuan tertentu. Komponen
atau elemen tersebut tidak dapat lepassendiri-sendiri. Subsistem-subsistem
tersebut saling berinteraksi dan saling berhubunganmembentuk satu
kesatuan sehingga tujuan atau sasaran sistem dapat tercapai. Adanya
perkembangan sistem informasi ini, juga sudah merambah ke berbagai
sektor termasuk kesehatan(Hartono, 2002).
2.1.2
Alat Kontrasepsi
Kontrasepsi
merupakan
usaha-usaha
untuk
mencegah
terjadinya
kehamilan. Usaha-usaha itu dapat bersifat sementara dan permanen
(Wiknjosastro, 2007).
2.1.3
Kesehatan Reproduksi
Kesehatan reproduksi merupakan suatu kondisi sehat menyangkut sistem,
fungsi, dan proses reproduksi. Kesehatan reproduksi merupakan suatu hal
yang penting mengingat reproduksi adalah sarana untuk melahirkan
generasi penerus bangsa.
9
2.1.4
PHP
PHP adalah salah satu bahasa script bersifat open source yang bekerja
pada sis server, yang paling banyak dipakai saat ini. PHP banyak
digunakan untuk memprogram situs web dinamis (termasuk blog)
meskipun penggunaan untuk hal lain juga memungkinkan (Abdul Kadir,
2009).
2.1.5
MySQL
MySQL adalah salah satu jenis database server yang sangat terkenal
kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa
dasar untuk mengakses databasenya. Selain itu MySQL bersifat gratis pada
berbagai platform. MySQL juga termasuk RDBMS ( Relation Database
Management System). (Sianipar,2015).
2.1.6
XAMPP
(X(windows/linux) Apache MySQL PHP dan Perl) merupakan paket
server web PHP dan database MySQL yang paling popular dikalangan
pengembang web dengan menggunakan PHP dan MySQL sebagai
databasenya. (Sidik 2012 ).
BAB III
METODE PENELITIAN
3.1 Bahan/Data
3.1.1 Kebutuhan Input
Kebutuhan masukan (input) admin yaitu:
a. Memasukkan data alat kontrasepsi, kespro, dan berita.
b. Memasukkan data informasi deskripsi alat kontasepsi , kespro, dan
berita.
c. Memasukkan data foto atau gambar dari objek jenis – jenis alat
kontrasepsi.
Sedangkan Kebutuhan input pengguna adalah: Memasukan kata kunci
pencarian (msearching) pada menu pada aplikasi web.
3.1.2 Kebutuhan Proses
Kebutuhan proses admin yaitu:
a. Admin mengelola data alat kontrasepsi , kespro, dan berita.
b. Admin mengelola data foto atau gambar dari alat kontrasepsi , kespro,
dan berita.
3.1.3 KebuthanOuput
Pada system ini ouputnya adalah :
a. Informasi jenis – jenis alat kontrasepsi priadanwanita.
b. Informasi dari pencarian kata kunci.
10
11
3.2 Peralatan
3.2.1 Kebutuhan Perangkat Keras (Hardware)
Perangkat keras yang digunakan yaitu:
a.
PC (Personal computer) Processor Intel core i3 1.90 Ghz
b.
RAM 4GB
c.
Mouse
d.
Keyboard
e.
Modem
3.2.2 Kebutuhan Perangkat Lunak
Perangkat lunak yang digunakan yaitu:
a.
Windows 7
b.
Xampp sebagai tools
c.
Web browser (Google Chrome)
d.
MySQLsebagai database
3.3 Prosedur dan Pengumpulan Data
Untuk membantu dan mempermudah penyusunan karya tlis ini diperlukan
data – data yang akurat , maka diperlukan metode penelitian yang dipakai
antara lain:
1.
Wawancara, yaitu metode pengumpulan data dengan mengadakan
dialog dengan para karyawan, perawat, dokter, bidan yang
berugasdimasing-masing klinik dan orang yang terkait.
12
2.
Studi Pustaka,yaitu metode pengumpulan data dengan cara
mempelajari
referensi
dari
buku-buku
yang
sesuai
dengan
permasalahan.
3.4 Analisis dan Rancangan Sistem
3.4.1 Analisis Sistem
Sistem ini dibuat untuk memberikan informasi mengenai jenis – jenis
alat kontrasepsi dan kesehatan reproduksi yang dapat di akses melalui
website. Berikut kebutuhan fungsional sistem :
a. Sistem dapat menampilkan jenis – jenis alat kontrasepsi pria dan wanita .
b. Sistem dapat menampilkan pembelajaran kesehatan reproduksi.
c.
Sistem dapat menampilkan berita atau artikel terkini tentang alat
kontrasepsi dan kesehatan reproduksi.
Sedangkan kebutuhan non fungsional sistem :
a. Sistem memiliki tampilan antar muka yang mudah dipahami bagi
pengguna.
b. Sistem dapat memasukan kata kunci pada menu pencarian bagi pengguna
ingin melakukan pencarian nama misalkan jenis alat kontrasepsi pria .
c. Sistem informasi alat kontrasepsi dan kesehatan reproduksi berupa
website.
3.4.2
Rancangan Sistem
Metode yang digunakan untuk membangun sistem ini adalah dengan
menggunakan DFD. (Data flow diagram) adalah suatu diagram yang
menggunakan notasi-notasi untuk menggambarkan arus dari data pada suatu
13
sistem, yang penggunaannya sangat membantu untuk memahami sistem secara
logika, terstruktur dan jelas. Diagram DFD meliputi diagram konteks, diagram
level 1 dan diagram alir.
3.4.2.1 Diagram Konteks
Gambar 3.2 Diagram Konteks
Gambar 3.2 menjelaskan terdapat admin dan pengunjung. Admin
mengelola dan memasukan sumber data pada sistem atau aplikasi yang
dibangun. Pengunjung mengakses melakukan pencarian di sistem atau
aplikasi yang dibangun untuk memperoleh informasi.
14
3.4.2.2 DFD Level 1
Gambar 3.3 DFD level 1
Gambar 3.3 menjelaskan :
1. Admin memasukan data admin ke sistem agar admin bisa melakukan
login ke sistem.
2. Admin memasukan data alat, data kespro, dan data berita. Kemudian
di olah untuk mendapatkan informasi alat kontrasepsi, kesehatan
reproduksi , dan berita.
3. Pengunjung
mengakses
melakukan
pencarian
data
untuk
mendapatkan informasi alat kontrasepsi, kesehatan reproduksi dan
berita.
15
3.4.2.3 Flowchart
Gambar 3.4 Flowchart
Gambar 3.4 menjelaskan flowcart, admin melakukan login,
kemudian input data ke sistem , setelah itu data akan diolah dan
16
masuk ke dalam database data admin ,data berita , data kespro , dan
data alat .
3.4.2.4 ERD (Entity Relationship Diagram)
Gambar 3.5 ERD pada database
Gambar 3.5 menjelaskan rancangan database yang akan dibangun. Racangan
tersebut meliputi beberapa tabel yaitu tabel admin dan tabel yang berelasi
tabel berita, tabel edukasi kespro dan tabel alat.
3.4.2.5 Admin
Tabel admin berfungsi untuk menyimpan data admin.
Tabel 3.5.1 Struktur Admin
No
1
2
3
4
5
Nama field
No_hp
Password
Username
Nama_admin
Id_admin
Type
int
varchar
varchar
varchar
int
Lebar
15
100
100
50
11
Keterangan
No hp admin
Password asmin
Username admin
Nama admin
Primary key
17
3.4.2.6 Berita
Tabel berita berfungsi untuk menyimpan data berita.
Tabel 3.5.1 Struktur Berita
No
1
2
3
4
5
Nama field
Isi_berita
Judul_berita
Id_berita
Id_admin
Tgl_berita
Type
varchar
varchar
int
int
int
Lebar
100
100
11
11
11
Keterangan
Isi berita
Judul berita
Primary key
Primary key
Tanggal berita
3.4.2.7 Edukasi Kespro
Tabel Edukasi kespro berfungsi untuk menyimpan data kespro.
Tabel 3.5.3 Struktur Edukasi Kespro
No
1
Nama field
Jenis_kelamin
Type
varchar
Lebar
100
2
3
4
5
6
7
Gambar
Kegunaan
Id_admin
Judul_kespro
Tgl_kespro
Id_kespro
varchar
varchar
int
varchar
int
int
100
100
11
100
11
11
Keterangan
Jenis kelamin wanita
dan pria
Gambar kespro
Kegunaan kespro
Primary key
Judul kespro
Tanggal kespro
Primary key
3.4.2.8 Alat
Tabel alat berfungsi untuk menyimpan data alat kontrasepsi.
Tabel 3.5.4 Struktur Alat
No
1
2
3
Nama field
Id_alat
Nama_alat
Kegunaan
Type
int
varchar
varchar
Lebar
11
100
100
4
5
Status
Jenis_kelamin
int
varchar
11
100
Keterangan
Primary key
Nama alat kontrasepsi
Kegunaan
alat
kontrasepsi
Jenis kelamin
dan pria
wanita
18
3.4.2.9 RAT ( Relasi Antar Tabel )
3.5 Rancangan Interface Pada Pengguna (User)
3.5.1 Halaman Utama
Gambar 3.6 Halaman Utama
19
Gambar 3.6 menjelaskan halaman utama user atau pengguna yang berfungsi untuk
menampilkan halaman awal pada website Aplikasi KB dan Kesehatan
Reproduksi. Meliputi beberapa menu yaitu home, alat KB, kesehatan reproduksi,
berita dan slide gambar .
3.6.2 Halaman Menu Alat KB
Gambar 3.7 Halaman Menu Alat
Gambar 3.7 menjelaskan halaman menu alat yang berfungsi untuk menampilkan
menu jenis – jenis alat kontrasepsi pria dan wanita. Button cari berfungsi mencari
bedasarkan alat kontrasepsi , kesehatan reproduksi , atau berita yang dipilih.
Pengguna bisa memilih dari daftar alat kontrasepsi yang dipilih .
20
3.6.3 Halaman Berita
Gambar 3.8 Halaman Berita
Gambar 3.8 menjelaskan halaman dekkripsi wisata berfungsi untuk
menampilkan judul berita, deskripsi, gambar berita dan jika ingin menampilkan
beritanya dapat mengklik tampilan gambar atau readmore.
3.6.4 Halaman Kesehatan Reproduksi
Gambar 3.9 Halaman Tampilan Kesehatan Reproduksi
21
Gambar 3.9 menjelaskan halaman tampilan kesehatan reproduksi yang
berfungsi jika pengguna mengklik menu kespro maka akan muncul tampilan
berupa gambar , judul kespro , tanggal input kespro, informasi jenis kelamin , dan
isi edukasi kespro .
3.7 Racangan Interface Pada Admin
3.7.1 Halaman Login Admin
Gambar 3.10 Halaman Tampilan Login Admin
Gambar 3.10 menjelaskan halaman login admin yang berfungsi untuk admin
masuk dan mengakses halaman admin dan mengelola data.
22
3.7.2 Halaman Admin
Gambar 3.11 Halaman Admin
Gambar 3.11 menjelaskan halaman admin yang berfungsi untuk
mengakses menu dan juga mengelola data yaitu tambah data, ubah data, dan
hapus data.
3.7.3 Halaman Olah Admin
Gambar 3.12 Halaman Olah Admin
Gambar 3.12 menjelaskan halaman olah data admin yang berfungsi untuk
menambah, ubah, dan hapus data admin.
23
3.7.4 Halaman Olah Alat KB
Gambar 3.13 Halaman Alat KB
Gambar 3.13 menjelaskan halaman Olah Alat KB yang berfungsi untuk
menambah, ubah, hapus data Alat KB.
3.7.5 Halaman Olah Kesehatan Reproduksi
Gambar 3.14 Halaman Olah Kesehatan Reproduksi
Gambar 3.14 menjelaskan halaman olah data kesehatan reproduksi yang
berfungsi untuk menambah, ubah, hapus data kesehatan reproduksi.
24
3.7.6 Halaman Olah Berita
Gambar 3.15 Halaman Olah Berita
Gambar 3.15 menjelaskan halaman olah data berita yang berfungsi untuk
menambah, ubah, hapus data berita.
BAB IV
IMPLEMENTASI DAN PEMBAHASAN
4.1 Implementasi dan Uji Coba Sistem
Aplikasi ini dikembangkan dengan Apache Xampp dan database MySQL
untuk menyimpan datanya . Aplikasi di buat berbasis web dan akan di jalankan
pada browser internet misalanya Google Chrome, Mozilla FireFox untuk
mengakases aplikasi ini. Berikut implementasi aplikasi yang dimaksud.
1. Halaman Beranda
Menu utama aplikasi web ini yaitu beranda, daftar Alat KB , Kesehatan
Reproduksi, Berita Terkini, dan tentang yang akan di jalankan pengunjung atau
pengguna, untuk mencari info seputar Alat Kontrasepsi dan Kesehatan
Reproduksi.
Untuk mengoperasikan aplikasi web ini, pengunjung langsung mengakses ke
alamat web kemudian akan masuk pada halaman beranda yang akan menampilkan
Edukasi Kesehatan Reproduksi dan Berita Terkini, Pengunjung juga bisa
melakukan pencarian melalui kolom pencarian .
25
26
Gambar 4.1 Tampilan Halaman Beranda
Gambar 4.1 merupakan tampilan halaman beranda antar muka
penggunjung yang menampilkan pencarian Edukasi Kesehatan Reproduksi ,
Berita Terkini, Slide Gambar dan menu-menu lainnya.
<?php foreach ($edukasi as $edukasi) { ?>
<div class="col-lg-4">
<img src="<?= base_url();?>img/edukasi/2020-0717_Judul_Kesehatan_Reproduksi_1.jpeg" width="100%">
<p><?= $edukasi['judul_kespro']; ?></p>
<a href="<?=
base_url("page/edukasi_detail/").$edukasi['id_kespro']?
>">
<button class="btn btn-success pull-right">Read
More</button>
</a>
</div>
Gambar 4.2 Potongan Program Beranda
Gambar 4.2 merupakan potongan program pada halaman beranda dimana
pada potongan script program mengambil data edukasi kesehatan reproduksi, dan
menampilkan gambar edukasi kesehatan reproduksi.
27
2. Halaman Alat KB
Halaman Alat KB berisi pilihan beberapa jenis Alat KB. Pengunjung bisa
memilih Alat KB yang ingin dibaca. Kemudian tekan readmore yang nantinya
akan menampilkan Alat KB yang dipilih. Pengunjung dapat mengkilik gambar
Alat KB yang akan menampilkan deksripsi Alat KB dan gambarnya.
Gambar 4.3 Tampilan Halaman Alat KB
Gambar 4.3 merupakan halaman daftar Alat KB yang menampilkan berbagai
macam Alat KB laki – laki maupun perempuan kemudian klik tombol readmore.
Maka akan menampilkan gambar Alat KB yang dipilih.
28
Gambar 4.4 Tampilan Halaman Deskripsi Alat KB
Gambar 4.4 merupakan halaman deskripsi Alat KB dan galeri gambar objek
Alat KB. Apabila tombol readmore di klik maka akan menampilkan Alat KB ,
Gambar Alat KB , dan Deskripsi Kekurangan dan Kelebihan Alat KB .
</div>
<div class="col-lg-4">
<img src="<?= base_url();?>img/alat/<?= $alat>gambar ?>" width="100%">
<h4><?= $alat->nama_alat; ?></h4>
<p><?= $alat->kegunaan; ?></p>
</div>
</div>
Gambar 4.4 Potongan Program Halaman Deskripsi Alat KB
Gambar 4.4 merupakan potongan script untuk menampilkan gambar alat KB ,
nama alat KB tersebut dan kegunaannya.
29
3. Halaman Edukasi Kesehatan Reproduksi
Halaman Edukasi Kesehatan Reproduksi akan menampilkan Edukasi
Kesehatan Reproduksi. Pengunjung juga dapat memilih Edukasi Kesehatan
Reproduksi yang ingin dibaca dengan mengklik readmore untuk mencari
membaca Edukasi Kesehatan Reproduksi yang dipilih.
Gambar 4.6 Tampilan Halaman Edukasi Kesehatan Reproduksi
Gambar 4.6 merupakan halaman deskripsi Edukasi Kesehatan Reproduksi dan
galeri gambar objek Edukasi Kesehatan Reproduksi. Apabila tombol readmore
di klik maka akan menampilkan Edukasi Kesehatan Reproduksi, Gambar, dan
Penjelasan tentang kesehatan reproduksi .
</div>
<h4><?= $edukasi['judul_kespro'];?></h4>
<p><?= substr($edukasi['kegunaan'],
0,200).'...';?></p>
<a href="<?= base_url();?>page/edukasi_detail/<?=
$edukasi['id_kespro'];?>">
<button class="btn btn-success pull-right">Read
More</button>
</a>
</div>
Gambar 4.7 Potongan Program Halaman Edukasi Kesehatan
Reproduksi
30
Gambar 4.7 merupakan halaman daftar Edukasi Kesehatan Reproduksi yang
menampilkan judul edukasi kesehatan reproduksi berbagai macam cara edukasi
kesehatan reproduksi kemudian klik tombol readmore. Maka akan menampilkan
gambar edukasi kesehatan reproduksi dan pernjelasannya .
Gambar 4.8 Tampilan Halaman Kesehatan Reproduksi
Gambar 4.8 menampilkan isi readmore dari salah satu menu Edukasi Kesehatan
Reproduksi, yang berisi gambar, dan penjelasan tentang kesehatan reproduksi .
<img src="<?= base_url();?>img/edukasi/<?=
$edukasi['gambar'];?>" width="100%">
</div>
<h4><?= $edukasi['judul_kespro'];?></h4>
<p><?= $edukasi['kegunaan'];?></p>
<a href="<?= base_url();?>page/edukasi_detail/<?=
$edukasi['id_kespro'];?>">
<button class="btn btn-success pull-right">Read
More</button>
</a>
</div>
Gambar 4.9 Potongan Program Detail Edukasi Kesehatan Reproduksi
31
Gambar 4.9 Merupakan potongan program untuk menampilkan detail Edukasi
Kesehatan Reproduksi , gambar, dan penjelasannya setelah tekan tombol
readmore .
Gambar 4.10 Tampilan Halaman Berita Terkini
Gambar 4.10 menampilkan isi readmore dari salah satu menu Edukasi Kesehatan
Reproduksi, yang berisi gambar, dan penjelasan tentang kesehatan reproduksi .
<div class="row">
<div class="col-lg-12">
<?php foreach ($berita as $berita) { ?>
<div class="col-lg-6 center">
<h4><?= $berita['judul_berita'];?></h4>
<p><?=
substr($berita['isi_berita'],0,100);?>...</p>
<a href="<?=
base_url()."page/berita_detail/".$berita['id_berita'];?
>">
<button class="btn btn-success pull-right">Read
More</button>
</a>
</div>
<?php } ?>
</div>
</div>
Gambar 4.11 Potongan Program Detail Edukasi Kesehatan Reproduksi
32
Gambar 4.11 Merupakan potongan program untuk menampilkan detail Edukasi
Kesehatan Reproduksi , gambar, dan penjelasannya setelah tekan tombol
readmore .
4. Halaman Log In Admin
Halaman log in admin merupakan halaman pertama apabila akan masuk
sebagai admin. Pada halaman ini admin di minta mengisi form username dan
mengisi password tidak boleh kosong.
Gambar 4.12 Tampilan Halaman Log In Admin
Gambar 4.12 merupakan halaman log in admin, pada halaman ini
akan
menmapilkan judul halaman yaitu Aplikasi Alat KB dan Kesehatan Reproduksi .
Admin harus mengisi form username dan password untuk melakukan log in.
<input name="username" type="text"
placeholder="Username" >
</div>
</div>
</div>
<div class="control-group">
<div class="controls">
33
<div class="main_input_box">
<span class="add-on
bg_ly"><i class="icon-lock"></i></span>
<input name="password"
type="password" placeholder="Password" >
</div>
</div>
</div>
<div class="form-actions">
<span class="pull-right"><button
type="submit" class="btn btn-success">
Login</button></span>
Gambar 4.13 Potongan Program Sign In Admin
Gambar 4.13 merupakan potongan program pada sign in admin untuk
mengecek kebenaran dari username dan password yang di masukan pada form
sebelumnya kemudian dilakukan cek pada database sesuai atau tidak username
dan password pada database yang sudah disimpan.
5. Halaman Olah Data Alat KB
Halaman olah data Alat KB adalah halaman dimana admin melakukan olah
data alat KB yang akan di masukan pada halaman web pengunjung. Admin
melalukan olah data dengan menghapus data Alat KB, mengubah data Alat KB,
dan menambah Alat KB.
34
Gambar 4.14 Tampilan Halaman Olah Alat KB
Gambar 4.10 halaman Olah Alat KB merupakan halaman admin melakukan
olah data Alat KB yaitu menambah data Alat KB, edit data Alat KB, delete data
Alat KB.
public function insert($data){
$id = $this->db->insert($this->table, $data);
//$this->db->insert_id();
return $id;
}
public function update($data){
$this->db->where($this->pk, $data[$this>pk]);
$id = $this->db->update($this->table, $data);
return $id;
}
public function hapus_file($id){
$this->db->select('*');
$this->db->from($this->table);
$this->db->where($this->pk, $id);
$query = $this->db->get();
$row = $query->row();
unlink("img/alat/$row->gambar");
Gambar 4.15 Potongan Program Olah Alat KB
Gambar 4.15 merupakan potongan program yang berfungsi untuk menambah
data alat KB, mengedit data alat KB , dan menghapus data alat KB .
.
35
Gambar 4.16 Tampilan Halaman Olah Edukasi Kesehatan Reproduksi
Gambar 4.16 halaman Olah Edukasi Kesehatan Reproduksi merupakan halaman
admin melakukan olah data Edukasi Kesehatan Reproduksi yaitu menambah data
Edukasi Kesehatan Reproduksi, edit data Edukasi Kesehatan Reproduksi, delete
Edukasi Kesehatan Reproduksi.
public function getPencarian ($pencarian)
{
$this->db->select('*');
$this->db->from($this->table);
$this->db->join("admin
a","a.id_admin=".$this->table.".id_admin");
$this->db->like('kegunaan',
$pencarian,'both');
$this->db->or_like('judul_kespro',
$pencarian,'both');
$this->db->order_by($this->pk, 'DESC');
$query = $this->db->get();
return $query->result_array();
}
Gambar 4.13 Potongan Program Pencarian Edukasi Kesehatan Reproduksi
Gambar 4.13 merupakan potongan program dari pencarian Edukasi Kesehatan
Reproduksi untuk melakukan pencarian judul dan kegunaan Edukasi Kesehatan
Reproduksi yang akan diubah atau dihapus.
36
Gambar 4.17 Tampilan Halaman Input Berita Terkini
Gambar 4.17 halaman Olah Berita Terkini merupakan halaman admin melakukan
olah data Edukasi Kesehatan Reproduksi yaitu menambah data Edukasi Kesehatan
Reproduksi, ubah data Edukasi Kesehatan Reproduksi, hapus Edukasi Kesehatan
Reproduksi.
<form method="post" action="<?= base_url("admin/");?>berita/input" class="formhorizontal">
<div class="control-group">
<label class="control-label">Judul Berita</label>
<div class="controls">
<input type="hidden" name="id_berita" class="form-control span11"
value="<?= $data[0]; ?>">
<input type="text" name="judul_berita" class="form-control span11"
value="<?= $data[1]; ?>">
</div>
</div>
<div class="control-group">
<label class="control-label">Isi Berita</label>
</div>
<div class="control-group">
<textarea class="textarea_editor span12" rows="10" name="isi_berita"
placeholder="Enter text ..."><?= $data[2]; ?></textarea>
</div>
<div class="form-actions">
<input type="submit" name="simpan" value="Simpan" class="btn btn-sm btnsuccess">
<a href="<?= base_url();?>admin/berita" class="btn btn-sm btndanger">Batal</a>
Gambar 4.18 Potongan Program input Berita Terkini
Gambar 4.18 merupakan potongan program dari olah Berita Terkini untuk
menambah berita , ubah data Berita Terkini, dan hapus Berita Terkini .
BAB V
KISMPULAN DAN SARAN
5.1 KESIMPULAN
Setelah merancang dan membangun
aplikasi Alat KB dan Kesehatan
Reproduksi berbasis Web maka dapat diambil kesimpulan sebagai berikut.
1. Aplikasi ini berjalan baik di browser dengan terhubung internet. Aplikasi
ini juga dilengkapi dengan pengetahuan seputar Alat KB , Kesehatan
Reproduksi , dan Berita Terkini.
2.
Dengan adanya aplikasi ini , masyarakat dapat mengetahui jenis Alat KB ,
Kesehatan Reproduksi, dan Berita Terkini melalui apilkasi web.
3. Dengan adanya aplikasi ini, dapat memberikan data informasi Alat KB ,
menampilkan Alat KB, deskripsi, kegunaan, kelebihan dan kekurangan
Alat KB kepada masyarakat.
5.2 Saran
Saran-saran yang diberikan untuk menyempurnakan apilkasi yang telah
dibangun adalah sebagai berikut.
1. Untuk pengembangan aplikasi ini selanjutnya maka dapat dibuat berbasis
Mobile agar lebih kekinian.
37
