WEBSITE PUSKESMAS ABIANSEMAL I TAHUN 2013

Proyek Khusus ini sebagai salah satu syarat untuk melengkapi

sebagian persyaratan kurikulum pada jurusan Manajemen
Informatika dan Komputer.

Disusun oleh :

PUTU AGUS PRADANA ADI PUTRA (1202030009)

NI WAYAN SRI LISMAYUNI (1202030010)

D2 JURUSAN MANAJEMEN INFORMATIKA DAN KOMPUTER

LEMBAGA PENDIDIKAN MANAJEMEN DAN INFORMATIKA
ALFA PRIMA
2013

i
 HALAMAN PENGESAHAN

Proyek Khusus dengan judul:

WEBSITE PUSKESMAS ABIANSEMAL I

Mengesahkan

Kepala Kantor CV. Rumah Media

I Ketut Adi Sutrisna, A.Md

NIP.

Mengesahkan Denpasar,05 Agustus 2013

Lembaga Pendidikan Manajemen Menyetujui

Dan Informatika Alfa Prima

Ninik Rochmulyawati, S.Kom Ni Made Kariati,S. Kom. ,M. Cs

Kabag. Akademik & Kemahasiswaan Dosen Pembimbing

HALAMAN PERSEMBAHAN

ii
Proyek Khusus ini penulis persembahkan kepada:

1. Ida Sang Hyang Widhi Wasa (Tuhan Yang Maha Esa).

2. Kampus Alfa Prima.

3. CV. Rumah Media.

4. Teman-teman yang telah mendukung penulis,serta

5. Keluarga penulis masing-masing yang telah mendukung dan

mendoakan penulis.

iii
 HALAMAN MOTTO

“Dibalik dan sesudah kesulitan itu ada kemudahan, maka seberapa

besar pun kesulitan harus kita hadapi, karena semakin besar suatu
kesulitan atau tantangan maka hasil yang kita terima juga semakin
indah dan berkesan”.

iv
 KATA PENGANTAR

Pertama-tama penulis sampaikan puja dan puji syukur kepada Tuhan Yang
Maha Esa atas berkatNya penulis dapat menyelesaikan Proyek Khusus ini, yang
berjudul “WEBSITE PUSKESMAS ABIANSEMAL I”.

Proyek Khusus ini penulis tulis sebagaimana untuk memenuhi persyaratan

kurikulum pada jurusan Manajemen Informatika dan Komputer Alfa Prima
Denpasar.

Menyadari sepenuhnya bahwa dalam pembuatan Proyek Khusus ini

penulis menemui kendala-kendala yang berarti,namun dengan bantuan dari
berbagai pihak penulis dapat menyelesaikan Proyek Khusus ini. Oleh karena
itu,pada kesempatan ini penulis menyampaikan rasa terimakasih yang sebesar-
besarnya kepada :

1. Bu Ni Made Kariati S,Kom. ,M. Cs yang telah membimbing penulis dalam

pembuatan Proyek Khusus ini.

2. Pak I Ketut Adi Sutrisna yang telah memberikan penulis kesempatan untuk
Training di CV. Rumah Media.

3. Staff Akademik Alfa Prima yang telah memberi masukan dan informasi.

4. Kepada keluarga dan teman-teman penulis yang telah memberikan

dukungan sepenuhnya kepada penulis.

Akhir kata, demi tersempurnanya laporan ini dikemudian hari penulis

mengharapkan informasi kritik dan saran yang membangun dari para pembaca.

Denpasar, Agustus 2013

Penulis

v
 DAFTAR ISI

HALAMAN JUDUL................................................................................................i

HALAMAN PENGESAHAN.................................................................................ii

HALAMAN PERSEMBAHAN.............................................................................iii

HALAMAN MOTTO.............................................................................................iv

KATA PENGANTAR...............................................................................................v

DAFTAR ISI...........................................................................................................vi

DAFTAR GAMBAR..............................................................................................ix

DAFTAR TABEL...................................................................................................xi

BAB I PENDAHULUAN.....................................................................................1

1.1 Latar Belakang..........................................................................................1

1.2 Rumusan Masalah.....................................................................................2

1.3 Batasan Masalah........................................................................................2

1.4 Tujuan Pembuatan Laporan.......................................................................3

1.5 Metode Pengumpulan Data.......................................................................3

1.6 Sistematika Laporan..................................................................................4

BAB II LANDASAN TEORI.............................................................................5

2.1 Situs Web (Website)..................................................................................5

2.2 Sejarah Website.........................................................................................5

2.3 Klasifikasi Website....................................................................................6

vi
 2.4 PHP............................................................................................................8

2.5 Sejarah PHP...............................................................................................8

2.6 Kelebihan PHP..........................................................................................9

2.7 HTML........................................................................................................9

2.8 Perkembangan HTML.............................................................................10

2.9 Elemen-elemen HTML............................................................................11

2.10 Cascading Style Sheet (CSS)...............................................................12

2.11 Sejarah CSS.........................................................................................12

2.12 Database...............................................................................................13

2.13 Pengertian Database.............................................................................13

2.14 Tujuan Pemanfaatan Database.............................................................13

2.15 Perangkat lunak basis data...................................................................14

2.16 MYSQL...............................................................................................15

2.17 Pengertian Data Flow Diagram (DFD)................................................16

2.18 Komponen DFD...................................................................................17

2.19 Pengertian Flowchart...........................................................................18

2.20 Simbol – Simbol Flowchart.................................................................18

2.21 Entity Relation Diagram......................................................................21

BAB III PERANCANGAN DAN DESAIN SISTEM.......................................22

3.1 Gambaran Umum Perusahaan.................................................................22

3.2 Analisis Sistem........................................................................................24

vii
 3.3 Perancangan Sistem.................................................................................24

3.3.1 ERD..................................................................................................24

3.3.2 Perancangan Tabel...........................................................................26

3.3.3 Rancangan Data Flow Diagram (DFD)...........................................28

3.4 Flowchart Website Puskesmas Abiansemal I..........................................30

3.5 Normalisasi..............................................................................................31

BAB IV IMPLEMENTASI SISTEM.................................................................34

4.1 Beranda/Tampilan Utama Website..........................................................34

4.2 Menu Tentang Kami................................................................................35

4.3 Pustu........................................................................................................39

4.4 Menu Pelayanan......................................................................................43

4.5 Menu Artikel...........................................................................................45

4.6 Menu Kontak Kami.................................................................................46

BAB V PENUTUP........................................Error! Bookmark not defined.47

5.1 Simpulan..................................................................................................48

5.2 Saran-saran..............................................................................................48

DAFTAR PUSTAKA

LAMPIRAN-LAMPIRAN

DAFTAR GAMBAR
viii
Gambar 3.1 Himpunan Entity..........................................................................24

Gambar 3.2 Menetapkan Himpunan Relasi.....................................................25

Gambar 3.3 Menentukan derajat kardinalitas rasio..........................................25

Gambar 3.4 Melengkapi himp relasi dengan atribut bukan kunci..................26

Gambar 3.5 Diagram Konteks..........................................................................28

Gambar 3.6 DFD level 0..................................................................................29

Gambar 3.7 DFD level detail...........................................................................29

Gambar 3.8 Flowchart Website Puskesmas Abiansemal I...............................30

Gambar 3.9 Relasi Tabel pada Access..............................................................33

Gambar 4.1 Tampilan Menu Beranda..............................................................34

Gambar 4.2 Tampilan Beranda/Halaman Utama.............................................35

Gambar 4.3 Tampilan Menu Tentang Kami.....................................................35

Gambar 4.4 Tampilan Menu Sejarah................................................................36

Gambar 4.5 Tampilan Menu Visi & Misi.........................................................36

Gambar 4.6 Tampilan Wilayah Menu Kerja....................................................37

Gambar 4.7 Tampilan Menu Gedung & Sarana...............................................37

Gambar 4.8 Tampilan Menu Pelayanan Kesehatan.........................................38

Gambar 4.9 Tampilan Menu Login Administrator...........................................38

Gambar 4.10 Tampilan Menu Pustu...................................................................39

Gambar 4.11 Tampilan Menu Pustu Abiansemal...............................................39

ix
Gambar 4.12 Tampilan Menu Pustu Ayunan......................................................40

Gambar 4.13 Tampilan Menu Pustu Sangeh......................................................40

Gambar 4.14 Tampilan Menu Pustu Taman.......................................................41

Gambar 4.15 Tampilan Menu Pustu Selat..........................................................41

Gambar 4.16 Tampilan Menu Pustu Punggul....................................................42

Gambar 4.17 Tampilan Menu Pustu Bongkasa..................................................42

Gambar 4.18 Tampilan Menu Pustu Bongkasa Pertiwi.....................................43

Gambar 4.19 Tampilan Menu Pelayanan..........................................................43

Gambar 4.20 Tampilan Menu Utama Pelayanan...............................................44

Gambar 4.21 Tampilan Menu Berita..................................................................44

Gambar 4.22 Tampilan Utama Menu Berita......................................................45

Gambar 4.23 Tampilan Menu Artikel................................................................45

Gambar 4.24 Tampilan Berita Website Puskesmas Abiansemal 1.....................46

Gambar 4.25 Tampilan Menu Kontak Kami......................................................46

Gambar 4.26 Tampilan Utama Menu Kontak Kami..........................................47

DAFTAR TABEL

Tabel 2.1 Software Database............................................................................15

x
Tabel 2.2 Komponen DFD...............................................................................17

Tabel 2.3 Simbol Flowchart.............................................................................18

Tabel 2.4 Notasi dalam ERD...........................................................................21

xi
 BAB I

PENDAHULUAN

1.1 Latar Belakang

Di era modernisasi seperti sekarang ini,teknologi informasi berkembang

sangat pesat. Dalam perkembangannya teknologi informasi memberikan dampak
baik positif maupun negatif. Tentunya dampak ini dapat dirasakan oleh individu
maupun lembaga instansi pemerintah dan swasta. Salah satunya dapat dirasakan
oleh lembaga pemerintah yaitu Puskesmas Abiansemal I yang terletak di
Kabupaten Badung. Kecanggihan teknologi informasi saat ini dapat dimanfaatkan
dengan baik oleh Puskesmas Abiansemal I ini khususnya dalam bidang promosi
atau pengenalan Puskesmas kepada masyarakat luas. Sehingga masyarakat akan
lebih mudah untuk mengetahui profil dari Puskesmas ini.

Puskesmas atau Pusat Kesehatan Masyarakat adalah organisasi fungsional

yang menyelenggarakan upaya kesehatan yang bersifat menyeluruh, terpadu,
merata, dapat diterima dan terjangkau oleh masyarakat, dengan peran serta aktif
masyarakat dan menggunakan hasil pengembangan ilmu pengetahuan dan
teknologi tepat guna, dengan biaya yang dapat dipikul oleh pemerintah dan
masyarakat. Upaya kesehatan tersebut diselenggarakan dengan menitikberatkan
kepada pelayanan untuk masyarakat luas guna mencapai derajat kesehatan yang
optimal, tanpa mengabaikan mutu pelayanan kepada masyarakat itu sendiri.
Sehingga untuk meningkatkan pelayanan terhadap masyarakat luas Puskesmas
Abiansemal I harus lebih memberikan banyak informasi tentang kelebihannya
melalui Website. Website adalah sejumlah halaman web yang memiliki topik
saling terkait yang dapat disertai pula dengan berkas-berkas gambar, video, atau
jenis-jenis berkas lainnya. Sebuah situs web biasanya ditempatkan setidaknya
pada sebuah server web yang dapat diakses melalui jaringan seperti internet,
ataupun jaringan wilayah lokal (LAN) melalui alamat internet yang dikenali
sebagai URL. Gabungan atas semua situs yang dapat diakses publik di internet

1
 2

disebut pula sebagai Waring Wera Wanua atau lebih dikenal dengan singkatan
WWW. Meskipun setidaknya halaman beranda situs internet umumnya dapat
diakses publik secara bebas. Sehingga dengan tersedianya Website dari Puskesmas
Abiansemal I ini maka para masyarakat akan dengan mudah mengetahui
informasi terkait Puskesmas Abiansemal I melalui dunia maya atau internet.

1.2 Rumusan Masalah

Dari latar belakang diatas, maka muncul permasalahan yang berkaitan

dengan teknologi yang akan dipakai dalam pembuatan tugas akhir ini, sebagai
salah satu solusi pemecahan masalah. Permasalahan tersebut adalah bagaimana
cara pembuatan Website Puskesmas Abiansemal I ?

1.3 Batasan Masalah

Batasan masalah pada Proyek Khusus ini meliputi :

1. Penyajian info didalam web hanya meliputi Sejarah, Visi & Misi, Wilayah

Kerja, Gedung dan Sarana, Pelayanan, Berita, Artikel, Pustu dan Kontak dari

Puskesmas Abiansemal I.

2. Pembuatan desain Web menggunakan Adobe Dreamweaver CS3.

3. Sistem informasi berbasis web ini dibangun menggunakan bahasa

pemrograman PHP dengan database yang digunakan yaitu MYSQL.

1.4 Tujuan Pembuatan Laporan

1.2.1 Tujuan Umum

Adapun tujuan umum penyusunan proyek khusus ini adalah :
 3

a. Untuk menerapkan materi-materi perkuliahan yang telah didapat

ke dalam dunia kerja.
b. Untuk menambah bahan referensi dan perbandingan bagi yang
membutuhkan materi yang dibahas didalamnya.
1.2.2 Tujuan khusus
Adapun tujuan umum penyusunan proyek khusus ini adalah :
a. Untuk memenuhi salah satu syarat kurikulum dalam
menyelesaikan program pendidikan dua (2) tahun di Lembaga
pendidikan Alfa Prima Denpasar.
b. Melalui Proyek Khusus ini, penulis mendapatkan pengalaman dan
pengetahuan tambahan tentang bagaimana cara kerja dalam sebuah
perusahaan.

1.5 Metode Pengumpulan Data

1. 5. 1 Observasi

Pengamatan melibatkan semua indera (penglihatan, pendengaran).

Pencatatan hasil dapat dilakukan dengan bantuan alat rekam elektronik dan
kamera digital.

1. 5. 2. Dokumen

Pengambilan data melalui dokumen tertulis mamupun elektronik dari

lembaga/institusi. Dokumen diperlukan untuk mendukung kelengkapan
data yang lain.

1.6 Sistematika Laporan

BAB I PENDAHULUAN

Pada bab ini berisi tentang latar belakang, rumusan masalah, batasan
masalah, tujuan pembuatan laporan, metode pengumpulan data,
sistematika laporan.

BAB II LANDASAN TEORI

 4

Pada bab ini berisi tentang situs web (website), sejarah website, klasifikasi
website, php, sejarah php, kelebihan php, html, perkembangan html,
elemen-elemen html, cascading style sheet (css), sejarah css, database,
pengertian database, tujuan pemanfaatan database, perangkat lunak basis
data, mysql, pengertian data flow diagram (dfd), komponen dfd,
pengertian flowchart, simbol-simbol flowchart.

BAB III PERANCANGAN DAN DESAIN SISTEM

Pada bab ini berisi tentang gambaran umum perusahaan, analisis sistem,
perancangan sistem seperti erd, tabel database, rancangan data flow
diagram (dfd), flowchart website puskesmas abiansemal 1 ,normalisasi.

BAB IV IMPLEMENTASI SISTEM

Pada bab ini berisi tentang hasil implementasi website puskesmas

abiansemal I seperti, beranda, tentang kami, sejarah, visi & misi, wilayah
kerja, gedung&sarana, pelayanan kesehatan, pustu, pustu abiansemal,
pustu ayunan, pustu sangeh, pustu taman, pustu selat, pustu punggul, pustu
bongkasa, pustu bongkasa pertiwi, pelayanan, berita, artikel, kontak kami.

BAB V KESIMPULAN

Pada bab ini berisi simpulan dan saran dari penulis dalam pembuatan
website puskesmas abiansemal I
 BAB II

LANDASAN TEORI

2.1 Situs Web (Website)

Situs web (bahasa Inggris: web site) adalah sejumlah halaman web yang
memiliki topik saling terkait, terkadang disertai pula dengan berkas-berkas
gambar, video, atau jenis-jenis berkas lainnya. Sebuah situs web biasanya
ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui
jaringan seperti internet, ataupun jaringan wilayah lokal (LAN) melalui alamat
internet yang dikenali sebagai URL. Gabungan atas semua situs yang dapat
diakses publik di internet disebut pula sebagai Waring Wera Wanua atau lebih
dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs
internet umumnya dapat diakses publik secara bebas, pada prakteknya tidak
semua situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa
situs web mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota,
atau bahkan meminta pembayaran untuk dapat menjadi aggota untuk dapat
mengakses isi yang terdapat dalam situs web tersebut, misalnya situs-situs yang
menampilkan pornografi, situs-situs berita, layanan surel (e-mail), dan lain-lain.
Pembatasan-pembatasan ini umumnya dilakukan karena alasan keamanan,
menghormati privasi, atau karena tujuan komersil tertentu.

2.2 Sejarah Website

Penemu situs web adalah Sir Timothy John ¨Tim¨ Berners-Lee, sedangkan
situs web yang tersambung dengan jaringan pertamakali muncul pada tahun 1991.
Maksud dari Tim ketika merancang situs web adalah untuk memudahkan tukar
menukar dan memperbarui informasi pada sesama peneliti di tempat ia bekerja.
Pada tanggal 30 April 1993, CERN (tempat dimana Tim bekerja) mengumumkan
bahwa WWW dapat digunakan secara gratis oleh publik.

5
 6

Sebuah situs web dapat berupa hasil kerja dari perorangan atau individu,
atau menunjukkan kepemilikan dari suatu organisasi, perusahaan. biasanya
pembahasan dalam sebuah situs web merujuk pada sebuah ataupun beberapa topik
khusus, atau kepentingan tertentu. Sebuah situs web dapat berisi pranala yang
menghubungkan ke situs web lain, demkian pula dengan situs web lainnya. Hal
ini terkadang membuat perbedaan antara situs web yang dibuat oleh individu
ataupun perseorangan dengan situs web yang dibuat oleh organisasi bisnis
menjadi tidak begitu jelas.

Situs web biasanya ditempatkan pada server web. Sebuah server web
umumnya telah dilengkapi dengan perangkat-perangkat lunak khusus untuk
menangani pengaturan nama ranah, serta menangani layanan atas protokol HTTP
yang disebut sebagai Server HTTP (bahasa Inggris: HTTP Server) seperti Apache
HTTP Server, atau Internet Information Services (IIS).

2.3 Klasifikasi Website

Website dapat diklasifikasikan menjadi 2 yaitu:

1. Website statis merupakan situs web yang memiliki isi tidak
dimaksudkan untuk diperbarui secara berkala sehingga pengaturan
ataupun pemutakhiran isi atas situs web tersebut dilakukan secara
manual. Ada tiga jenis perangkat utilitas yang biasa digunakan dalam
pengaturan situs web statis:
a. Editor teks merupakan perangkat utilitas yang digunakan untuk
menyunting berkas halaman web, misalnya: Notepad atau TextEdit.
b. Editor WYSIWYG, merupakan perangkat lunak utilitas penyunting
halaman web yang dilengkapi dengan antar muka grafis dalam
perancangan serta pendesainannya, berkas halaman web umumnya
tidak disunting secara langsung oleh pengguna melainkan utilitas
ini akan membuatnya secara otomatis berbasis dari laman kerja
yang dibuat oleh pengguna. perangkat lunak ini misalnya:
Microsoft Frontpage, Macromedia Dreamweaver.
 7

c. Editor berbasis template, beberapa utilitas tertentu seperti

Rapidweaver dan iWeb, pengguna dapat dengan mudah membuat
sebuah situs web tanpa harus mengetahui bahasa HTML,
melainkan menyunting halaman web seperti halnya halaman biasa,
pengguna dapat memilih templat yang akan digunakan oleh utilitas
ini untuk menyunting berkas yang dibuat pengguna dan
menjadikannya halam web secara otomatis.
2. Website dinamis merupakan situs web yang secara spesifik didesain
agar isi yang terdapat dalam situs tersebut dapat diperbarui secara
berkala dengan mudah. Sesuai dengan namanya, isi yang terkadung
dalam situs web ini umumnya akan berubah setelah melewati satu
periode tertentu. Situs berita adalah salah satu contoh jenis situs yang
umumnya mengimplementasikan situs web dinamis. Tidak seperti
halnya situs web statis, pengimplementasian situs web dinamis
umumnya membutuhkan keberadaan infrastruktur yang lebih kompleks
dibandingkan situs web statis. Hal ini disebabkan karena pada situs
web dinamis halaman web umumnya baru akan dibuat saat ada
pengguna yang mengaksesnya, berbeda dengan situs web statis yang
umumnya telah membentuk sejumlah halaman web saat diunggah di
server web sehingga saat pengguna mengaksesnya server web hanya
tinggal memberikan halaman tersebut tanpa perlu membuatnya terlebih
dulu.
Untuk memungkinkan server web menciptakan halaman web pada
saat pengguna mengaksesnya, umumnya pada server web dilengkapi
dengan mesin penerjemah bahasa skrip (PHP, ASP, ColdFusion, atau
lainnya), serta perangkat lunak sistem manajemen basisdata relasional
seperti MySQL. Struktur berkas sebuah situs web dinamis umumnya
berbeda dengan situs web statis, berkas-berkas pada situs web statis
umumnya merupakan sekumpulan berkas yang membentuk sebuah situs
web. Berbeda halnya dengan situs web dinamis, berkas-berkas pada
situs web dinamis umumnya merupakan sekumpulan berkas yang
 8

membentuk perangkat lunak aplikasi web yang akan dijalankan oleh

mesin penerjemah server web, berfungsi memanajemen pembuatan
halaman web saat halaman tersebut diminta oleh pengguna.

2.4 PHP

PHP: Hypertext Preprocessor adalah bahasa skrip yang dapat ditanamkan

atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs
web dinamis dan PHP juga dapat digunakan untuk membangun sebuah CMS.

2.5 Sejarah PHP

Pada awalnya PHP merupakan kependekan dari Personal Home Page

(Situs personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995.
Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa
sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan
menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi sumber
terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP.
Pada November 1997, dirilis PHP/FI 2. 0. Pada rilis ini, interpreter PHP sudah
diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-
modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang

interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada
Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan
meresmikan rilis tersebut sebagai PHP 3. 0 dan singkatan PHP diubah menjadi
akronim berulang PHP: Hypertext Preprocessing. Pada pertengahan tahun 1999,
Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4. 0.
PHP 4. 0 adalah versi PHP yang paling banyak dipakai pada awal abad ke-21.
Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi
web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi. Pada
Juni 2004, Zend merilis PHP 5. 0. Dalam versi ini, inti dari interpreter PHP
 9

mengalami perubahan besar. Versi ini juga memasukkan model pemrograman

berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa
pemrograman ke arah paradigma berorientasi objek.

2.6 Kelebihan PHP

Beberapa kelebihan PHP dari bahasa pemrograman web, antara lain:

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak

melakukan sebuah kompilasi dalam penggunaanya.

2. Web Server yang mendukung PHP dapat ditemukan dimana - mana dari
mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif
mudah.

3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis

dan developer yang siap membantu dalam pengembangan.

4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah
karena memiliki referensi yang banyak.

5. 'PHP adalah bahasa open source yang dapat digunakan di berbagai mesin
(Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime
melalui console serta juga dapat menjalankan perintah-perintah sistem.

2.7 HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markah yang

digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi
di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana
yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan yang
terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak
pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi
halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang
sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut
 10

dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah

standar yang digunakan secara luas untuk menampilkan halaman web. HTML
saat ini merupakan standar Internet yang didefinisikan dan dikendalikan
penggunaannya oleh World Wide Web Consortium (W3C).

2.8 Perkembangan HTML

Tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan

mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. IBM
kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan
perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup
Language, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM
menamakan sistemnya ini sebagai Generalized Markup Language atau GML.
Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang
dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi (ISO
8879) yang menyatakan markup language sebagai standar untuk pembuatan
dokumen-dokumen. ISO membuat bahasa ini dari GML milik IBM, tetapi
memberinya nama lain, yaitu SGML (Standard Generalized Markup Language).
ISO dalam publikasinya meyakini bahwa SGML akan sangat berguna untuk
pemrosesan informasi teks dan sistem-sistem perkantoran. Khususnya bagi
mereka yang menggunakan World Wide Web. Versi terakhir dari HTML saat ini
adalah HTML5.

2.9 Elemen-elemen HTML

Secara garis besar, terdapat 4 jenis elemen dari HTML:

1. Struktural. Tanda yang menentukan level atau tingkatan dari sebuah

tulisan (contoh, < h1> Golf</h1> akan memerintahkan peramban
 11

untuk menampilkan "Golf" sebagai tulisan tebal besar yang

menunjukkan sebagai Heading 1.

2. Presentasional. Tanda yang menentukan tampilan dari sebuah tulisan

tidak peduli dengan level dari tulisan tersebut (contoh, < b>
boldface</b> akan menampilkan bold. Tanda presentasional saat ini
sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk
mengatur tampilan tulisan.

3. Hiperteks. Tanda yang menunjukkan pranala ke bagian dari dokumen

tersebut atau pranala ke dokumen lain (contoh, < a href="http://www.
wikipedia. org/"> Wikipedia</a> akan menampilkan Wikipedia
sebagai sebuah hyperlink ke URL tertentu).

4. Elemen widget yang membuat objek-objek lain seperti tombol (<

button>), list (< li>), dan garis horizontal (< hr>). Konsep hypertext
pada HTML memungkinkan pembuatan link pada suatu kelompok kata
atau frasa untuk menuju ke bagian manapun dalam World Wide Web.

Selain markup presentasional, markup yang lain tidak menentukan

bagaimana tampilan dari sebuah tulisan. Namun untuk saat ini, penggunaan tag
HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan,
dan sebagai gantinya digunakan Cascading Style Sheets.

2.10 Cascading Style Sheet (CSS)

Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan

beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan
seragam. CSS bukan merupakan bahasa pemograman. Sama halnya styles dalam
aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa
style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk
 12

dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya

CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa
HTML dan XHTML.

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks,
warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over,
spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan
parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk
mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk
menampilkan halaman yang sama dengan format yang berbeda.

2.11 Sejarah CSS

Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda
dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-
anak (parent-child) pada setiap style. CSS sendiri merupakan sebuah teknologi
internet yang direkomendasikan oleh World Wide Web Consortium atau W3C
pada tahun 1996. Setelah CSS distandarisasikan, Internet Explorer dan Netscape
melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir
mendekati dengan standar CSS.

2.12 Database

Database (Basis Data) adalah kumpulan informasi yang disimpan di dalam

komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program
komputer untuk memperoleh informasi dari basis data tersebut.

2.13 Pengertian Database

 13

Selain penjelasan diatas ada berbagai pengertian lainnya dari database

yaitu:
1. Himpunan kelompok data (arsip) yang saling berhubungan yang
diorganisasi sedemikian rupa agar kelak dapat dimanfaatkan kembali
dengan cepat dan mudah.
2. Kumpulan data yang salng berhubungan yang disimpan secara
bersama sedemikian rupa dan tanpa pengulangan (redundancy) yang
tidak perlu, untuk memenuhi berbagai kebutuhan.
3. Kumpulan file/tabel/arsip yang saling berhubungan yang disimpan
dalam media penyimpanan tertentu.

2.14 Tujuan Pemanfaatan Database

1. Kecepatan dan Kemudahan Yakni agar pengguna basis data dapat

menyimpan data, melakukan perubahan/manipulasi terhadap data dan
menampilkan kembali data dengan lebih cepat dan mudah dibandingkan
dengan cara biasa(baik manual ataupun elektronis).

2. Efisiensi Ruang Penyimpanan (Space) yakni dengan basis data kita

mampu melakukan penekanan jumlah redundansi (pengulangan) data, baik
dengan menerapkan sejumlah pengkodean atau dengan membuat relasi-
relasi antara kelompok data yang saling berhubungan.

3. Keakuratan (Accuracy) yakni agar data sesuai dengan aturan dan batasan
tertentu dengan cara memanfaatkan pengkodean atau pembentukan relasi
antar data bersama dengan penerapan aturan/batasan (constraint) tipe data,
domain data, keunikan data dsb

4. Ketersediaan (Availability) yakni agar data dapat diakses oleh setiap

pengguna yang membutuhkan, dengan penerapan teknologi jaringan serta
melakukan pemindahan/penghapusan data yang sudah tidak digunakan /
kadaluwarsa untuk menghemat ruang penyimpanan.

5. Kelengkapan (completeness) yakni agar data yang dikelola senantiasa

lengkap baik relatif terhadap kebutuhan pemakai maupun terhadap waktu,
 14

dengan melakukan penambahan baris-baris data ataupun melakukan

perubahan struktur pada basis data; yakni dengan menambahkan field pada
tabel atau menambah tabel baru.

6. Keamanan (Security) yakni agar data yang bersifat rahasia atau proses
yang vital tidak jatuh ke orang / pengguna yang tidak berhak, yakni
dengan penggunaan account (username dan password) serta menerapkan
pembedaan hak akses setiap pengguna terhadap data yang dapat dibaca
atau proses yang dapat dilakukan.

7. Kebersamaan (Sharebility) yakni agar data yang dikelola oleh sistem

mendukung lingkungan multiuser (banyak pemakai), dengan menjaga /
menghindari munculnya problem baru seperti inkonsistensi data (karena
terjadi perubahan data yang dilakukan oleh beberapa user dalam waktu
yang bersamaan) atau kondisi deadlock (karena ada banyak pemakai yang
saling menunggu untuk menggunakan data).

2.15 Perangkat lunak basis data

Perangkat lunak basis data yang banyak digunakan dalam pemrograman

dan merupakan perangkat basis data aras tinggi (high level):

Tabel 2.1 Software Database

a. Microsoft SQL Server m. Visual FoxPro
b. Oracle n. Arago
c. Sybase o. Force
d. Interbase p. Recital
e. XBase q. dbFast
f. Firebird r. dbXL
g. MySQL s. Quicksilver
h. PostgreSQL t. Clipper
i. Microsoft Access u. FlagShip
j. dBase III v. Harbour
k. Paradox w. Visual dBase
l. FoxPro
 15

x. Lotus Smart Suite y. db2

Approach
Selain perangkat lunak di atas, terdapat juga perangkat lunak pemrograman basis
data aras rendah (low level), diantaranya: Btrieve dan Record Manager

2.16 MYSQL

MySQL adalah sebuah implementasi dari sistem manajemen basis data

relasional (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL
(GeneralPublic License). Setiap pengguna dapat secara bebas menggunakan
MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan
produk turunan yang bersifat komersial. MySQL sebenarnya merupakan turunan
salah satu konsep utama dalam basisdata yang telah ada sebelumnya; SQL
(Structured Query Language). SQL adalah sebuah konsep pengoperasian
basisdata, terutama untuk pemilihan atau seleksi dan pemasukan data, yang
memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.
Kehandalan suatu sistem basisdata (DBMS) dapat diketahui dari cara kerja
pengoptimasi-nya dalam melakukan proses perintah-perintah SQL yang dibuat
oleh pengguna maupun program-program aplikasi yang memanfaatkannya.
Sebagai peladen basis data, MySQL mendukung operasi basisdata transaksional
maupun operasi basisdata non-transaksional. Pada modus operasi non-
transaksional, MySQL dapat dikatakan unggul dalam hal unjuk kerja
dibandingkan perangkat lunak peladen basisdata kompetitor lainnya. Namun
demikian pada modus non-transaksional tidak ada jaminan atas reliabilitas
terhadap data yang tersimpan, karenanya modus nontransaksional hanya cocok
untuk jenis aplikasi yang tidak membutuhkan reliabilitas data seperti aplikasi
blogging berbasis web (wordpress), CMS, dan sejenisnya. Untuk kebutuhan
sistem yang ditujukan untuk bisnis sangat disarankan untuk menggunakan
modus basisdata transaksional, hanya saja sebagai konsekuensinya unjuk kerja
MySQL pada modus transaksional tidak secepat unjuk kerja pada modus
nontransaksional.

2.17 Pengertian Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah alat pembuatan model yang

memungkinkan profesional sistem untuk menggambarkan sistem sebagai suatu
jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data,
baik secara manual maupun komputerisasi. DFD ini sering disebut juga dengan
nama Bubble chart, Bubble diagram, model proses, diagram alur kerja, atau model
fungsi. DFD ini adalah salah satu alat pembuatan model yang sering digunakan,
khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan
kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD
adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi
sistem. DFD ini merupakan alat perancangan sistem yang berorientasi pada alur
data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa
maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem
kepada pemakai maupun pembuat program.

2.18 Komponen DFD

1 Komponen Terminator mewakili entitas eksternal yang

berkomunikasi dengan sistem yang sedang
dikembangkan. Biasanya terminator dikenal dengan
nama entitas luar (external entity).

2 Komponen proses menggambarkan bagian dari sistem

yang mentransformasikan input menjadi output.

3 Komponen Data Store digunakan untuk membuat

model sekumpulan paket data dan diberi nama dengan
kata benda jamak, misalnya Mahasiswa. Data store ini
biasanya berkaitan dengan penyimpanan seperti file.

4 Komponen data flow / alur data menunjukkan arah

 menuju ke dan keluar dari suatu proses. Alur data ini
digunakan untuk menerangkan perpindahan data atau
paket data/informasi dari satu bagian sistem ke bagian
lainnya. Selain menunjukkan arah, alur data pada model
yang dibuat oleh profesional sistem dapat
merepresentasikan bit, karakter, pesan, formulir, bilangan
real, dan macam-macam informasi yang berkaitan dengan
komputer. Alur data juga dapat merepresentasikan
data/informasi yang tidak berkaitan dengan komputer.

Tabel 2.2 Komponen DFD

2.19 Pengertian Flowchart

Flowchart adalah penggambaran secara grafik dari langkah-langkah dan

urut-urutan prosedur dari suatu program. Flowchart menolong analis dan
programmer untuk memecahkan masalah kedalam segmen-segmen yang lebih
kecil dan menolong dalam menganalisis alternatif-alternatif lain dalam
pengoperasian. Flowchart biasanya mempermudah penyelesaian suatu masalah
khususnya masalah yang perlu dipelajari dan dievaluasi lebih lanjut.

2.20 Simbol – Simbol Flowchart

Simbol-simbol flowchart yang biasanya dipakai adalah simbol-simbol

flowchart standar yang dikeluarkan oleh ANSI dan ISO, seperti yang dimuat
dalam tabel 2.3

Tabel 2.3 Simbol Flowchart

Simbol Fungsi

1 Merepresentasikan Input data atau Output data yang

diproses atau Informasi.
Input/Output
2 Mempresentasikan operasi

Proses

3 Keluar ke atau masuk dari bagian lain flowchart

khususnya halaman yang sama
Penghubung

4 Merepresentasikan alur kerja

Anak Panah

5 Digunakan untuk komentar tambahan

Penjelasan

6 Mengambil Keputusan dalam program

Keputusan

7 Rincian operasi berada di tempat lain

Predefined
Process

8 Pemberian harga awal

Preparation

9 Awal / akhir Flowchart

Terminal Points

10 Input / outuput yang menggunakan kartu berlubang

 Punched Card

11 I/O dalam format yang dicetak

Dokumen

12 I/O yang menggunakan pita magnetik

Magnetic Tape

13 I/O yang menggunakan drum magnetik

Magnetic Drum

14 I/O yang menggunakan penyimpanan akses

langsung
One line storage

15 I/O yang menggunakan pita kertas berlubang

Punched Tape

16 Input yang dimasukkan secara manual dari keyboard

Manual Input

17 Output yang ditampilkan pada terminal

Display

18 Operasi Manual

Manual
Operation

19 Transmisi data melalui channel komunikasi, seperti

telepon
Cummunication

20 Penyimpanan yang tidak dapat diakses oleh komputer

secara langsung

Off Line storage

2.21 Entity Relation Diagram

 Entity Relation Diagram (ERD) adalah model konseptual yang
mendeskripsikan hubungan antara penyimpanan (dalam DFD). ERD digunakan
untuk memodelkan struktur data dan hubungan antara data. Dengan ERD, model
dapat diuji dengan mengabaikan proses yang dilakukan.

ERD pertama kali dideskripsikan oleh Peter Chen yang dibuat sebagai bagian
dari perangkat lunak CASE. Notasi yang digunakan dalam ERD dapat dilihat pada
Tabel 2.4 dibawah ini :

Notasi Keterangan

Entitas adalah suatu objek yang dapat diidentifikasi

Entitas
dalam lingkungan pemakai.

Relasi menunjukkan adanya hubungan diantara

Rela sejumlah entitas yang berbeda.
si
Atribut berfungsi mendeskripsikan karakter
Atribut entitas(atribut yang berfungsi sebagai key diberi
garis bawah).

Garis sebagai penghubung antara relasi dengan

entitas, relasi dan entitas dengan atribut.

Tabel 2.4 Notasi dalam ERD

 BAB III

PERANCANGAN DAN DESAIN SISTEM

3.1 Gambaran Umum Perusahaan

Pada awalnya UPT. Puskesmas Abiansemal I adalah sebuah Balai

Pengobatan/BKIA yang terletak di Desa Blahkiuh dan mewilayahi seluruh
Kecamatan Abiansemal. Pada tanggal 10 November 1973 Dinas
Kesehatan/Kanwil DepKes. Propinsi Daerah Tingkat I Bali bekerjasama dengan
Fakultas Kedokteran UNUD mendirikan Puskesmas yang disebut Puskesmas
Blahkiuh. Kemudian tahun 1989 Puskesmas Blahkiuh dirubah namanya menjadi
Puskesmas Abiansemal I. Saat itu Kepala Puskesmas Abiansemal I diduduki oleh
seorang dokter dengan status dosen di FK UNUD. Adanya perkembangan tata
pemerintahan daerah di Indonesia, maka sejak tahun 1995 yang menjadi kepala
puskesmas adalah dokter dari dinas kesehatan.

Dekan FK UNUD mengusulkan kepada Bupati Badung agar Puskesmas

Abiansemal I dijadikan puskesmas pendidikan kedokteran berkelanjutan dengan
jangkauan pelayanan spesialistik secara bertahap. Kesepakatan tersebut tertuang
dalam SK. No. 120. 4/PT. 17. H. 4/FK. 5. 2/P. 1/1995 tertanggal 29 Agustus 1995,
yang isinya antara lain Pemerintah Kabupaten Badung menyediakan sarana fisik
sesuai kebutuhan penyelenggaraan pendidikan untuk meningkatkan mutu
pelayanan kesehatan masyarakat.

Pada tanggal 15 April 1997, pihak FK UNUD bekerja sama dengan RSUP
Sanglah menyiapkan tenaga dokter spesialis untuk memberikan pelayanan sesuai
waktu yang ditetapkan yaitu Hari Selasa dan Penulis. Hari Selasa terdapat
pelayanan spesialis jiwa, spesialis kebidanan dan penyakit kandungan, spesialis
anak. Sedangkan pada Hari Penuliss terdapat pelayanan spesialis penyakit dalam
dan spesialis mata.

22
 23

Berdasarkan SK Menkes No. 128/MENKES/SK/ II/2004 dan PP No. 41

tahun 2007, puskesmas disebut sebagai Unit Pelaksana Teknis (UPT) dari dinas
kesehatan. Sehingga Puskesmas Abiansemal I disebut sebagai UPT. Puskesmas
Abiansemal I.

Selanjutnya UPT. Puskesmas Abiansemal I disiapkan sebagai puskesmas

pendidikan dan rawat inap. Hal ini berdasarkan perjanjian kerjasama Dikes Kab.
Badung dengan STIKES Bali No. 800/2303/Dikes, untuk menyelenggarakan
praktek klinik (PKL) maupun laboratorium di lingkungan Dikes Badung. SK
Bupati Badung No. 583/02/HK/2009 tanggal 2 Januari 2009 menetapkan UPT.
Puskesmas Abiansemal I sebagai Puskesmas Rawat Inap dan Perawatan.

UPT. Puskesmas Abiansemal I mempunyai luas wilayah kerja ± 35. 76

Km2 yang meliputi 10 desa yaitu : Abiansemal, Blahkiuh, Ayunan, Sangeh,
Taman, Bongkasa, Punggul, Selat, Dauh Yeh Cani dan Bongkasa Pertiwi.

Batas-batas wilayah :

a. Utara : Desa Carangsari (Petang I)

b. Selatan : Desa Mambal (Abiansemal II)

c. Barat : Desa baha & Penarungan (Mengwi I & III)

d. Timur : Kecamatan Ubud (Kab. Gianyar)

Karena wilayah kerja Puskesmas Abiansemal I cukup luas maka

Puskesmas ini memerlukan media informasi yang fleksibel untuk menyampaikan
informasi – informasi dari Puskesmas Abiansemal kepada masyarakat Abiansemal
khususnya dan masyarakat umum. Maka dibuatlah Website Puskesmas
Abiansemal I sebagai media informasinya.
 24

3.2 Analisis Sistem

Sistem yang dirancang dalam Website ini adalah sistem pengelolaan

informasi seperti berita dan artikel dari Puskesmas Abiansemal I, yang nantinya
akan memudahkan admin dalam mengelola informasi dari Website ini. Admin
dapat menginput maupun mengedit berita maupun artikel apapun yang
berhubungan dengan kesehatan maupun Puskesmas itu sendiri.

3.3 Perancangan Sistem

Berdasarkan analisis sistem di atas maka perancangan yang diperlukan

yaitu, rancangan ERD, relasi tabel, rancangan DFD dan normalisasi.

3.3.1 ERD

Sumber data yaitu : tb_user, Berita/Artikel

Entitas :

1. Tb_user : kode_admin, nama_admin, jk_admin, jabatan_admin

2. Berita:kode_berita, judul_berita, berita, jenis_berita, tanggal_berita

Menentukan seluruh himpunan entity beserta atributnya seperti gambar 3.1

dibawah ini :

Tb_user Berita/Artikel

Kode_admi Kode_berit
n a

Gambar 3.1 Himpunan Entity

 25

Mengidentifikasi dan menetapkan seluruh himp relasi diantara himp

entitas seperti gambar 3.2 dibawah ini :

Admin Berita/Artikel
menginp
ut

Kode_admi Kode_berit
n Kode_admi a
Kode_berit
n
a

Gambar 3.2 Menetapkan Himpunan Relasi

Menentukan derajat dan kardinalitas rasio untuk setiap himmp relasi dan
Menentukan participation constrain dari setiap himp relasi seperti gambar 3.3 di
bawah ini:

1 M
Admin menginp Berita/Artikel
ut

Kode_admi Kode_berit

n a
Kode_admi Kode_berit
n a

Gambar 3.3 Menentukan derajat kardinalitas rasio

1 M
Admin menginp Berita/Artikel
ut
Kode_berit
Kode_admi
a
n
Kode_admi Kode_berit
nama_admihimp Judul_berit
Melengkapi relasi
n dengan atribut
a bukan kunci(nonkey) seperti
n a
gambar 3.4 di bawah ini :
jk_admin berita

jabatan_admin Jenis_berit
a

tgl_berita
 26

Gambar 3.4 Melengkapi himp relasi dengan atribut bukan kunci

3.3.2 Perancangan Tabel

1. Tabel Tb_user

Tabel ini digunakan untuk menyimpan data admin dari Puskesmas

Abiansemal I. Dengan gambarnya sebagai berikut.

Field Type Keterangn

Kode_admin Int(10) Primary key

Nama_admin Varchar(100)

Jk_admin Enum(‘L’,’P’)

Jabatan_admin Varchar(100)

Tabel 3.1 Tabel Tb_user

2. Tabel Berita/Artikel

Tabel ini digunakan untuk menyimpan data berita/artikel dari Puskesmas

Abiansemal I. Dengan gambarnya sebagai berikut.

Field Type Keterangan

Kode_berita Integer(10) Primary key

 27

Judul_berita Varchar(500)

Berita Text

Jenis_berita Varchar(50)

Tanggal_berita Date

Tabel 3.2 Tabel Berita/Artikel

Merelasikan Tabel :

Kode_admin # Nama_admin Jk_admin Jabatan_admin

Kode_admin ## Kode_berita # Judul_berita Berita Jenis_berita Tanggal_berita

Tabel 3.3 Relasi Tabel Admin dengan Berita

3.3.3 Rancangan Data Flow Diagram (DFD)

1. Rancangan DFD diagram konteks Website Puskesmas Abiansemal I,

seperti gambar 3.5 di bawah ini :
Id_pengguna, password, username Berita/Artikel
Admin Pimpinan

Berita/Artikel Website
Puskesmas
Abiansemal
I
Artikel
Berita/

Masyarakat Umum
 28

Gambar 3.5 Diagram Konteks

2. Rancangan DFD level 0 dari Website Puskesmas Abiansemal I, seperti

gambar 3.6 di bawah ini :
Laporan Berita/Artikel

Id_admin,password,username password
Admin password
1.
Input

2. Berita/Artikel
Proses
el

Berita/Artikel
3.
Output
Berita/Artikel Berita/Artikel

Pimpinan Masyarakat
 29

Gambar 3.6 DFD level 0

3. Rancangan DFD level detail dari Website Puskesmas Abiansemal I, seperti
gambar 3.7 di bawah ini :
Id_pengguna, password, username Berita/artikel

Admin Pimpinan

Website
Berita/artikel
Puskesmas
Abiansemal

StartI
e
usernam

d,
passwor
guna,
Id_peng
Halaman Login
Berita/artikel
password
Gambar 3.7 DFD level detail
Input user ID
3.4 Flowchart Website Puskesmas
dan Abiansemal I
password

Gagal
Login
Sukses
?

Berhasil

Halaman Admin

Input data
Berita/Artike
l

Tidak Logou
t?

Ya

End
 30

Gambar 3.8 Flowchart Website Puskesmas Abiansemal I

3.4.1 Penjabaran dari Flowchart Website Puskesmas Abiansemal I :

Administrator melakukan login terlebih dahulu untuk masuk ke dalam sistem.

Apabila user ID dan password sesuai maka sistem akan mengarahkan pada
halaman admin. Di halaman admin terdapat beberapa link yang berfungsi untuk
menampilkan data berita dan artikel. Di halaman ini admin juga bisa menginput,
mengedit maupun menghapus berita dan artikel, yang nantinya berita dan artikel
tersebut dapat ditampilkan pada website Puskesmas Abiansemal I.

3.5 Normalisasi

Normalisasi merupakan sebuah teknik dalam logical desain sebuah basis

kode_admin
data yang mengelompokkan atribut dari suatu relasi sehingga membentuk struktur
nama_admin
relasi yang baik (tanpa redudansi).
jk_admin
Langkah 1 Unnormalisasi :
jabatan_admin
kode_berita
judul_berita
berita
jenis_berita
tanggal_berita
 31

Tabel 3.4 unnormalisasi

Langkah 2 : memisahkan field kedalam tabel yang sesuai dan menentukan

primary key, seperti tabel 3.5 di bawah ini :

Tb_user Berita
kode_admin * kode_berita *
nama_admin judul_berita
jk_admin berita
jabatan_admin jenis_berita
Ket * : primary key
tanggal_berita
Tabel 3.5 Normalisasi 1
Langkah 3 : mengecek apakah semua atribut bukan kunci bergantung penuh
pada primary key.

Tb_user Berita
kode_admin * kode_berita *
nama_admin judul_berita
jk_admin berita
jabatan_admin jenis_berita
tanggal_berita
 32

Tabel 3.6 Normalisasi 2

Ket : Karena semua atribut bukan kunci sudah bergantung kepada masing-
masing primary key maka tabel sudah normal.

Langkah 4 : Merelasikan Tabel .

Tb_user Berita
kode_admin * kode_berita *
nama_admin judul_berita
jk_admin berita
jabatan_admin jenis_berita
tanggal_berita
kode_admin **
Tabel 3.7 Normalisasi 3
 33

Gambar 3.9 Relasi Tabel pada Access

BAB IV

IMPLEMENTASI SISTEM
Pada website Puskesmas Abiansemal 1 tahun 2013, terdapat informasi-
informasi terkait Puskesmas Abiansemal 1 yang disajikan didalamnya. .
Informasi-informasi yang disajikan di website Puskesmas Abiansemal 1,
diantaranya :

4.1 Beranda/Tampilan Utama Website

Merupakan tampilan pada saat pertama kali website dibuka atau diakses.
Halaman ini juga dapat ditemukan pada menu Beranda website Puskesmas
Abiansemal I. Tampilan menu Beranda pada website Puskesmas Abiansemal I
adalah sebagai berikut.
 34

Gambar 4.1 Tampilan Menu Beranda

Adapun tampilan dari Menu Beranda/halaman utama Website Puskesmas

Abiansemal 1 pada tahun 2013 adalah sebagai berikut.

Gambar 4.2 Tampilan Beranda/Halaman Utama

4.2 Menu Tentang Kami

 35

Pada website Puskesmas Abiansemal 1 terdapat Menu Tentang Kami yang

akan menyajikan profil terkait Puskesmas Abiansemal 1. Pada menu ini memiliki
beberapa submenu yang akan menampilkan informasi-informasi tersebut.
Submenu pada Menu Tentang Penulis adalah Sejarah, Visi & Misi, Wilayah Kerja,
Gedung & sarana, Pelayanan kesehatan. Berikut merupakan tampilan Menu
Tentang Penulis pada website Puskesmas Abiansemal 1.

Gambar 4.3 Tampilan Menu Tentang Kami

Berikut merupakan tampilan informasi pada menu Tentang Kami pada website
Puskesmas Abiansemal I tahun 2013.

4.2.1 Sejarah

Gambar 4.4 Tampilan Menu Sejarah

 36

4.2.2 Visi & Misi

Gambar 4.5 Tampilan Menu Visi & Misi

4.2.3 Wilayah Kerja

Gambar 4.6 Tampilan Wilayah Menu Kerja

4.2.4 Gedung & Sarana
 37

Gambar 4.7 Tampilan Menu Gedung & Sarana

4.2.5 Pelayanan Kesehatan

Gambar 4.8 Tampilan Menu Pelayanan Kesehatan

4.2.6 Login Administrator
 38

Gambar 4.9 Tampilan Menu Login Administrator

4.3 Pustu

Pada website Puskesmas Abiansemal 1 terdapat Menu Pustu yang akan

menyajikan profil terkait Puskesmas Abiansemal 1. Pada menu ini memiliki
beberapa submenu yang akan menampilkan informasi-informasi tersebut.
Submenu pada Menu Pustu adalah Pustu Abiansemal, Pustu Ayunan, Pustu
Sangeh, Pustu Taman, Pustu Selat, Pustu Punggul, Pustu Bongkasa, Pustu
Bongkasa Pertiwi. Berikut merupakan tampilan Menu Pustu pada website
Puskesmas Abiansemal 1.
 39

Gambar 4.10 Tampilan Menu Pustu

Berikut merupakan tampilan informasi pada menu Pustu pada website
Puskesmas Abiansemal I tahun 2013.

4.3.1 Pustu Abiansemal

Gambar 4.11 Tampilan Menu Pustu Abiansemal

4.3.2 Pustu Ayunan

Gambar 4.12 Tampilan Menu Pustu Ayunan

 40

4.3.3 Pustu Sangeh

Gambar 4.13 Tampilan Menu Pustu Sangeh

4.3.4 Pustu Taman

Gambar 4.14 Tampilan Menu Pustu Taman

 41

4.3.5 Pustu Selat

Gambar 4.15 Tampilan Menu Pustu Selat

4.3.6 Pustu Punggul

Gambar 4.16 Tampilan Menu Pustu Punggul

 42

4.3.7 Pustu Bongkasa

Gambar 4.17 Tampilan Menu Pustu Bongkasa

4.3.8 Pustu Bongkasa Pertiwi

Gambar 4.18 Tampilan Menu Pustu Bongkasa Pertiwi

 43

4.4 Menu Pelayanan

Pada website Puskesmas Abiansemal 1, terdapat Menu Pelayanan yang

akan menyajikan informasi terkait Puskesmas Abiansemal 1. Pada menu ini
memiliki beberapa submenu yang akan menampilkan informasi-informasi
tersebut. Submenu pada Menu Pelayanan adalah Pelayanan Dalam Gedung,
Pelayanan Luar Gedung. Berikut merupakan tampilan Menu Pelayanan pada
website Puskesmas Abiansemal 1.

Gambar 4.19 Tampilan Menu Pelayanan

Adapun tampilan dari Menu Pelayanan pada Website Puskesmas
Abiansemal 1 pada tahun 2013 adalah sebagai berikut.

Gambar 4.20 Tampilan Menu Utama Pelayanan

 44

Pada website Puskesmas Abiansemal 1 terdapat Menu Berita yang akan

menyajikan informasi Berita terkait Puskesmas Petang I Kabupaten Badung.
Berikut merupakan tampilan Menu Berita pada website Puskesmas Abiansemal 1.

Gambar 4.21 Tampilan Menu Berita

Adapun tampilan dari Menu Berita pada Website Puskesmas Abiansemal 1 pada
tahun 2013 adalah sebagai berikut.
 45

Gambar 4.22 Tampilan Utama Menu Berita

4.5 Menu Artikel

Pada website Puskesmas Abiansemal 1 terdapat Menu Artikel yang akan

menyajikan informasi Artikel terkait Puskesmas Abiansemal 1. Berikut
merupakan tampilan Menu Artikel pada website Puskesmas Abiansemal 1.

Gambar 4.23 Tampilan Menu Artikel

Adapun tampilan dari Menu Artikel pada Website Puskesmas Abiansemal

1 pada tahun 2013 adalah sebagai berikut.
 46

Gambar 4.24 Tampilan Berita Website Puskesmas Abiansemal 1

4.6 Menu Kontak Kami

Pada website Puskesmas Abiansemal 1 terdapat Menu Kontak Kami yang

akan menyajikan informasi Kontak Kami terkait Puskesmas Petang Abiansemal 1.
Berikut merupakan tampilan Menu Kontak Kami pada website Puskesmas
Abiansemal 1.

Gambar 4.25 Tampilan Menu Kontak Kami

Adapun tampilan dari Menu Kontak Kami pada Website Puskesmas
Abiansemal 1 pada tahun 2013 adalah sebagai berikut.

Gambar 4.26 Tampilan Utama Menu Kontak Kami

 47

BAB V PENUTUP

5.1 Simpulan

Puskesmas Abiansemal I merupakan Puskesmas yang sudah cukup

memadai dalam sarana dan prasarana untuk melayani masyarakat Abiasemal
khususnya. Puskesmas Abiansemal I ini memiliki batas wilayah yang lumayan
luas yang mencangkup 10 desa,yaitu : Abiansemal, Blahkiuh, Ayunan, Sangeh,
Taman, Bongkasa, Punggul, Selat, Dauh Yeh Cani dan Bongkasa Pertiwi.

Untuk memaksimalkan dalam penyampaian informasi sekaligus

memafaatkan kecanggihan teknologi yang sudah semakin berkembang maka
Puskesmas Abiansemal I membuat Website yaitu Website Puskesmas Abiansemal
I yang berisi tentang profil maupun penjelasan tentang pelayanan yang ada pada
Puskesmas ini. Oleh karena itu masyarakat dapat mengakses website ini dari
manapun dan oleh siapapun yang ingin tahu lebih tentang Puskesmas ini tanpa
perlu terlebih dahulu datang langsung ke tempatnya.
 48

5.2 Saran-saran

Dalam pembuatan proyek khusus ini banyak hambatan yang dihadapi

penulis yang semua itu adalah suatu pelajaran baru bagi penulis dalam
mengembangkan inspirasinya. Seharusnya dalam pembuatan suatu website,
seorang siswa sebelumnya sudah diberi materi pembelajaran yang sifatnya
mengenalkan. Karena dalam pengerjaannya sendiri jika sebelumnya belum
pernah dikenalkan sama sekali maka nantinya akan mengalami banyak sekali
hambatan. Semoga proyek khusus ini dapat menambah pengetahuan tentang
website.
 49

DAFTAR PUSTAKA
wikipedia.org.2013. Situs Web. http://id.wikipedia.org/wiki/Situs_web. 08
Agustus 2013.
wikipedia.org.2013. Pengertian Mysql. http://id.wikipedia.org/wiki/MySQL. 04
Agustus 2013.
wikipedia.org.2013. HTML. http://id.wikipedia.org/wiki/HTML. 04 Agustus 2013.
wikipedia.org.2013. PHP. http://id.wikipedia.org/wiki/PHP. 04 Agustus 2013.

wikipedia.org.2013. CSS .http://id.wikipedia.org/wiki/Cascading_Style_Sheets. 04

Agustus 2013.

LAMPIRAN - LAMPIRAN