Kelas

1PMIK-A
LAPORAN PRAKTIKUM
APLIKASI PERANGKAT LUNAK DI UNIT KERJA REKAM
MEDIS TEMPAT PEDAFTARAN PASIEN (TPP)
MODUL : 2

Nama Praktikan
Nanda Eka Dewi
Amarta

Nama Penilai

Nomor

Tanggal

Mahasiswa

Kumpul

Tanda tangan
Praktikan

Asisten

1504000007

Tanggal

Nilai

Koreksi

Tanda tangan
Asisten

Dosen

Aulia Germi
Mahanani, SST
Puguh Yudho
Tristanto,
S.Kom.,MM

PRODI D-III PEREKAM MEDIS DAN INFORMASI

KESEHATAN
POLTEKKES KEMENKES MALANG
2016
BAB I

PENDAHULUAN
1.1 Latar Belakang
Rumah sakit merupakan suatu instansi yang melayani masyarakat dalam
bidang kesehatan. Dalam rumah sakit terdapat beberapa bagian yang bekerja
sesuai dengan fungsinya masing-masing dan saling berkaitan, seperti petugas
pendaftaran yang bertugas untuk proses registrasi awal pasien masuk rumah sakit,
poliklinik sebagai tempat pemeriksaan pasien, apotek untuk pengambilan obat dan
lain-lain. Pasien yang datang akan melalui berbagai bagian tersebut dan akan
dilakukan pencatatan tentang data-data pasien yang akan digunakan sebagai suatu
informasi medis. Dari informasi medik dapat diperoleh data mengenai riwayat
kesehatan pasien di rumah sakit itu.
Sebagian rumah sakit di Indonesia dalam melakukan proses pencatatan masih
menggunakan

cara

manual.

Dalam

proses

pencatatan

secara

manual

dimungkinkan terjadi penumpukan data pasien karena setiap bagian tidak

berhubungan dan bertukar informasi. Sebagai contoh aplikasi perancangan sistem
informasi pada rumah sakit berbasis web menggunakan PHP. Dalam aplikasi ini
dibahas tentang sistem jaringan komputer di rumah sakit dan perangkat lunak
(software) berbasis web menggunakan server-side scripting language PHP.
Pada laporan ini, MySQL akan digunakan dalam pembuatan database tempat
pendaftaran pasien di rumah sakit. MySQL merupakan terobosan solusi yang tepat
dalam aplikasi database. Dengan digunakannya database, masalah dalam proses
pencatatan secara manual seperti penumpukan data-data pasien dapat dihindari
karena setiap bagian dari rumah sakit dapat saling bertukar informasi.
1.2 Landasan Teori
Layout didalam bahasa memiliki arti tata letak, sedangkan menurut istilah,
layout merupakan usaha untuk menyusun, menata, atau memadukan elemenelemen atau unsur-unsur komunikasi grafis (teks, gambar, tabel, dll) menjadikan
komunikasi visual yang komunikatif, estetik dan menarik. Di sini diperlukan
pertimbangan ketika sedang mendesain suatu infomasi yang seefektif mungkin.
Tujuan utama layout adalah menampilkan elemen gambar dan teks agar menjadi
komunikatif dalam sebuah cara yang dapat memudahkan pembaca menerima
informasi yang disajikan.
1.2.1 Prinsip-prinsip yang berhubungan dengan layout:
a. Kesederhanaan
Prinsip ini berhubungan dengan kemampuan daya tangkap rata-rata manusia di

dalam

menerima

informasi.

Secara

insting

manusia

menginginkan

kesederhanaan dalam menerima informasi. Namun dalam penyederhanaan juga

harus memperhatikan segmen kepada siapa informasi itu akan disampaikan.
Kesederhanaan tidak diperbolehkan menjadikan orang yang melihat menjadi
kebingungan dan tidak bermakna apa-apa.
b. Kontras
Kontras sangat diperlukan untuk menarik perhatian, memberi penekanan
terhadap elemen atau pesan yang ingin disampaikan. Hal ini adalah cara yang
dapat menarik perhatian terhadap pesan yang akan disampaikan, yaitu
menggunakan style bold dan italic pada body teks, memilihkan huruf display
yang lebih atraktif, gunakan kontras warna, ada tekstur dalam latar belakang,
memperbesar bagian tertentu yang ingin ditonjolkan.
c. Keseimbangan
Suatu hal yang sangat penting dalam penyampaian suatu informasi.
Keseimbangan dapat merupakan keseimbangan yang formal, dengan susunan
yang simetris. Susunan yang simetris mampu memberi kesan yang formal,
seimbang, dapat dipercaya dan mewah. Sebaliknya susunan yang asimetris
sering dipergunakan untuk menggambarkan suatu dinamika, energi serta pesan
yang tidak formal.
d. Keharmonisan
Maksud dari harmoni ialah memiliki keselarasan antara satu elemen dengan
elemen grafis yang lain. Harmoni dapat diwujudkan dalam 2 bentuk, yaitu:
i) Harmoni dari segi bentuk
Harmoni yang dilihat dari bentuk ialah dimana adanya keserasian dalam
penempatan elemen grafis. Hal itu dapat dilihat dari segi bentuk dan ukurannya
apakah itu kartu nama, stiker, poster dan sebagainya. Pemilihan bentuk huruf
juga memiliki peranan yang penting sebagaimana untuk tujuan apa desain itu
dibuat.
ii) Harmoni dari segi warna
Warna memiliki pengaruh yang amat besar, karena tiap-tiap warna memiliki
sifatnya masing-masing, seperti merah yang memiliki arti berani, biru yang
memiliki kesan tenang dan lain sebagainya. Lihat kembali tujuan dari desain
yang telah dibuat karena ketepatan dalam memilih warna dapat membuat
informasi yang didalamnya menjadi lebih efektif.

e. Stressing
Stressing disebut sebagai sebuah penekanan, memiliki fungsi untuk
memberikan titik-titik tertentu yang memperoleh fokus perhatian. Streesing
lebih mengarah kepada titik perhatian atau eye catching dalam suatu publikasi.
Pada sebuah karya grafis memungkinkan adanya lebih dari satu stressing,
namun harus dibedakan mana yang akan dijadikan fokus utama agar tidak
mengesankan berebut perhatian yang akhirnya membuat pesan didalamnya
menjadi tidak efektif.
1.2.2 Grid pada Layout
a. Grid System adalah sebuah grid yang diciptakan sebagai solusi terhadap
permasalahan penataan elemen-elemen visual dalam sebuah ruang. Grid
systems digunakan sebagai perangkat untuk mempermudah menciptakan
sebuah komposisi visual. Melalui grid system seorang perancang grafis dapat
membuat sebuah sistematika guna menjaga konsistensi dalam melakukan
repetisi dari sebuah kompisisi yang sudah diciptakan. Tujuan utama dari
penggunaan grid systems dalam desain grafis adalah untuk menciptakan suatu
rancangan yang komunikatif dan memuaskan secara estetik.
b. The Golden Section
Di bidang seni grafis, proporsi agung menjadi dasar pembuatan ukuran kertas
dan prinsip tersebut dapat digunakan untuk menyusun keseimbangan sebuah
desain. Proporsi agung sudah ditemukan sejak jaman kuno untuk
menghadirkan proporsi yang sangat sempurna dan indah. Membagi sebuah
garis dengan perbandingan mendekati rasio 8 : 13 berarti bahwa jika garis yang
lebih panjang dibagi dengan garis yang lebih pendek hasilnya akan sama
dengan pembagian panjang garis utuh sebelum dipotong dengan garis yang
lebih panjang tadi. Proporsi agung juga dikenal dalam istilah deret bilangan
fibonacci yaitu deret bilangan yang setiap bilangannya adalah hasil jumlah dari
dua bilangan sebelumnya dan di mulai dari nol. Deret bilangan ini memiliki
rasio 8 : 13 yaitu rasio proporsi agung. Bilangan ini sering dipakai dalam
pengukuran bangunan, arsitektur, karya seni, huruf hingga layout sebuah
halaman karena proporsinya yang harmonis. 0 1 1 2 3 5 8 13 21 34 55 89 144
233 377...
c. The symetrical grid

Dalam grid simetris, halaman kanan akan berkebalikan persis seperti bayangan
cermin dari halaman kiri. Ini memberikan dua margin yang sama baik margin
luar maupun margin dalam. Untuk menjaga proporsi, margin luar memiliki
bidang yang lebih lebar. Layout klasik yang dipelopori oleh Jan Tschichold
(1902-1974) seorang typographer dari Jerman ini didasari ukuran halaman
dengan proporsi 2:3.
1.2.3 Mengorganisir Layout
Layout yang baik mudah untuk mengikuti dan memberikan fokus jelas
kepada khalayak untuk membantu agar mudah menemukan cara mereka melalui
publikasi, presentasi, atau halaman web. Mengatur dan menekankan informasi
untuk membuat pesan sejelas mungkin. Kualitas tata letak menentukan seberapa
cepat pembaca akan diarahkan melalui publikasi cepat dan bagaimana mereka
akan dapat membacanya.
Pedoman untuk Mengorganisir Layouts:
a. Menggunakan berbagai jenis ukuran untuk berbagai elemen.
b. Membentuk suatu hirarki dari jenis ukuran untuk utama, subheads, teks, dan
lain-lain sesuai dengan format.
c. Semua format utama sama, semua teks harus diformat sama, dll
d. Membuat elemen yang paling penting agar khalayak bisa menemukan hal
e.
f.
g.
h.

yang besar pada hal-hal yang kecil.

Menggunakan rules (baris) untuk memisahkan informasi ke dalam grup.
Menggunakan berbagai jenis ketebalan font.
Gunakan spasi kosong untuk tujuan desain dalam publikasi.
Informasi penting posisi di sudut kiri atas. Di sudut kiri atas biasanya terbaca

terlebih dahulu. Menempatkan kotak sekitar informasi penting.

i. Berikan bullet pada item-item yang penting.
j. Gunakan warna kebalikan (jenis putih pada latar belakang gelap) untuk
memisahkan atau menekankan.
Panduan umum untuk Layouts:
a. Menentukan tujuan publikasi, presentasi, atau situs web anda sebelum
memulai Layout.
b. Membuat dasar pesan yang akan disampaikan dan rencana tata ruang di
sekitarnya.
c. Memilih yang sesuai jenis media (halaman web, presentasi, cetak buku,
newsletter, atau brosur, dll) dan ukuran.
d. Mengidentifikasi target pemirsa tersebut, kemudian menulis dan mendesain
publikasi, presentasi, atau situs web agar selalu berada dalam benak khalayak.
e. Mempertimbangkan kepentingan mereka, membaca tingkat, latar belakang,
dll.

1.2.4 Desain Input

Desain Input merupakan perancangan untuk memasukkan data dari hasil
transaksi maupun kegiatan yang dilakukan oleh object dan subject yang
bersangkutan, agar dapat memberikan tampilan bagaimana bentuk pemasukkan
data pada layar komputer.
a. Kegunaan Desain Input :
i) Memberikan tampilan bentuk pemasukkan data pada layar computer
ii)Memudahkan pengguna untuk melakukan pekerjaan
iii)

Memastikan keakuratan dan urutan data

iv)

Data dasar lebih mudah untuk diolah

v)Memberikan keterangan yang jelas bagi pemakai

b. Fungsi Data Input
i) Data input sebagai acuan untuk pengelolaan data
ii)Menunjukan jenis data yang harus dimasukkan
iii)

Sebagai bukti untuk pembuktian transaksi yang sah

iv)

Sebagai arsip apabila dibutuhkan sewaktu-waktu

c. Tipe Input :
i) Eksternal, yaitu pemasukan data, dimana data yang diperoleh berasal dari luar
organisasi.
ii) Internal, yaitu pemasukkan data, dimana data yang diperoleh berasal dari
komunikasi pemakai dengan system.
iii)Operasional, yaitu pemsukkan data , dimana data yang dioeroleh berasal dari
komunikasi komputer dengan sistem.
d. Metode Teknologi yang digunakan dalam desain Input:
i) Mouse
ii) Keyboard
iii)Barcode
iv) Database
v) Touchpad dll.

Contoh dari Desain Input,

Data yang diperoleh dari Transaksi yang terjadi pada perusahaan dagang dengan
konsumen maupun kolega.
Sistem yang digunakan misalnya saja adalah Sistem Database Postgresql,
Sistem Postgresql sudah terinstal dikomputer,
hasil dari transaksi harus kita buat dan menentukan rinciannya, yaitu

Jumlah Tabel yang diperlukan

Nama Kolom tiap Tabel yang diperlukan

Jenis Tipe data yang digunakan

Tujuan tampilan akhir yang diharapkan

1.2.5 Design Edit data

Tahap editing data atau yang disebut juga tahap pemeriksaan data adalah
proses peneliti memeriksa kembali data yang telah terkumpul untuk mengetahui
apakah data yang terkumpul cukup baik dan dapat diolah dengan baik. Dalam
editing terhadap jawaban-jawaban tersebut perlu memperhatikan hal-hal berikut.
a. Lengkapnya pengisian,
Kuesioner harus diisi lengkap. Setiap pertanyaan yang diajukan harus ada
jawabannya, sekalipun jawaban itu berbunyi "TIDAK TAHU" atau "TIDAK
ADA PENDAPAT" atau ""TIDAK MENJAWAB". Apabila ada yang kosong,
tentu pewawancara lupa menanyakan pertanyaan tersebut atau lupa menulis
jawabannya. Maka, jangan sampai ada kolom jawaban yang kosong. Jawaban
yang kosong akan menimbulkan kebingungan dalam pengkodean.
b. Tulisan yang jelas/kejelasan tulisan
Tulisan yang buruk atau acak-acakan atau sukar dibaca dapat mempersulit
pengolahan data. Kesulitan ini dapat membuat peneliti salah dalam menangkap
maksud jawaban, sehingga jawaban yang didapat akan sia-sia, terutama untuk
jawaban terhadap bentuk-bentuk pertanyaan terbuka. Maka tulisan sedapat
mungkin jelas (kalau bisa huruf cetak).
c. Kejelasan makna jawaban
Untuk meneliti hal ini perlu dilihat apakah pewawancara menuliskan
jawaban dengan susunan yang rapi dan tulisan yang jelas. Susunan yang rapi
adalah bahwa si pewawancara menuliskan jawaban dengan pola kalimat yang

lengkap, jelas dan logis, kalau bisa sistematis. Ada yang diterangkan dan ada
yang menerangkan.
d. Konsistensi/keajegan dan kesesuaian antar jawaban.
Ini juga harus diperhatikan. Apakah jawaban-jawaban responden yang dicatat
pewawancara cukup logis dan sesuai antara jawaban di pertanyaan yang satu
dengan jawaban lain di pertanyaan yang lain? Penyebabnya mungkin saja
responden berusaha menutup-nutupi sesuatu atau boleh jadi si pewawancara
kurang kritis, kurang teliti mencatat jawaban atau bahkan malas untuk
menanyakan lebih lanjut.
e. Relevansi jawaban
Apabila pewawancara kurang cakap merumuskan pertanyaan yang diajukan,
maka responden sering kali memberi jawaban yang ternyata tidak atau kurang
bersangkutpaut dengan persoalan sebenarnya.
f. Keseragaman Kesatuan Data
Dalam contoh itu terlihat bahwa pertanyaan dan jawaban tentu tidak relevan
sehingga data/jawaban itu berbeda dengan maksud pertanyaan sebenarnya.
Maka, pertanyaan tersebut tentu saja tidak dapat diolah karena jawaban
tersebut tidak relevan.
Data harus dicatat dalam satuan-satuan yang seragam. Apabila tidak,
kesalahan-kesalahan dalam pengolahan dan analisis data mungkin sekali akan
terjadi. Bila data mengenai luas tanah, misalnya, sudah ditetapkan untuk diukur
dalam satuan hektar; jangan kemudian pada kuesioner itu ditulis lagi dalam satuan
ukuran lain (meter persegi, are, atau lainnya).
Pada waktu editing, apabila dalam kuesioner itu ditemui adanya cacat yang
ditimbulkan oleh karena kurang diperhatikannya hal-hal di atas, maka biasanya
editor berkewajiban mengembalikan kuesioner tersebut kepada pewawancara.
Pewawancara bersangkutan lalu berkewajiban memperbaiki kekurangsempurnaan
pengisiannya itu. Kalau perlu, penyempurnaan tersebut dilakukan dengan jalan
mengulang kembali wawancara (observasi kembali).
1.2.6 Pencarian data (searching)
Dalam istilah bahasa inggris biasanya searching adalah pencarian sesuatu
hal. Nah, kalau dalam bahasa pemograman, pencarian (searching) merupakan

suatu tindakan untuk mendapatkan suatu data dalam kumpulan data. Kita bisa cari
contoh yang simple aja dalam kehidupan sehari-hari kamu, mungkin kamu ingin
mencari suatu kata dalam kamus bahasa inggris, jika dicari satu persatu mungkin
kamu akan kewalahan kali yah, bahkan bisa saja seharian kata yang kamu cari tuh
nggak ditemukan, capek banget kan?? hal itu akan menguras banyak waktu mu.
Dengan adanya abjad A sampai dengan Z di pinggir kamus, maka kamu-kamu
dengan mudah dapat mencari kata tersebut. Hal itu kita bisa sebut dengan
Searching. Dengan mengibaratkan Searching dalam kehidupan sehari-hari
mu, maka kamu akan lebih mudah memahami kata searching atau pencarian.
Dalam keperluan nya untuk mencari data, terdapat beragam algoritma pencarian
(search algorithm). Mungkin, kalian bertanya-tanya, apa sih algoritma pencarian
itu.
Algoritma pencarian adalah algoritma yang menerima sebuah argumen a
dan mencoba untuk menemukan sebuah rekaman yang memiliki kunci a.
Pencarian dapat dilakukan terhadap data yang secara keseluruhan berada dalam
memory komputer ataupun yang berada dalam penyimpanan ekternal (hardisk).
Pencarian yang dilakukan terhadap data yang berada dalam komputer di kenal
dengan pencarian internal sedangkan pencarian yang dilakukan pada media
penyimpanan eksternal disebut pencarian ekternal. Pencarian internal meliputi
Pencarian sekuensial (sequential search) dan pencarian biner (binary search).
Konsep desain input diatas menunjang konsep dreamweaver sebagai
aplikasi yang digunakan untuk membuat program input data.
Dreamweaver merupakan software aplikasi yang digunakan sebagai HTML
editor profesional untuk mendesain web secara visual. Aplikasi ini juga yang biasa
dikenal dengan istilah WYSIWYG (What You See Is What You Get), yang intinya
adalah bahwa anda tidak harus berurusan dengan tag-tag HTML untuk membuat
sebuah situs. Selain itu Dreamweaver juga memberikan keleluasaan untuk
menggunakan sebagai media penulisan bahasa pemrograman web.
Adobe kembali mengeluarkan varian terbaru dari dreamweaver yaitu
Dreamweaver CS 5. Ada beberapa fitur baru yang dapat ditemukan pada versi
terbaru Dreamweaver CS 5 ini, diantaranya integrasi dengan Adobe Business
Catalyst, integrasi Adobe Browser Lab, integrasi dengan CMS, pengecekan CMS,

dan lain-lain. Selain itu juga ada beberapa fitur dalam versi Dreamweaver CS 4
yang tidak disertakan atau ditemukan kembali dalam Dreamweaver CS 5,
diantaranya fasilitas pembuatan web album foto, penambahan flash paper,
beberapa beaviour javascript, dan lain-lain menurut madcoms (2010).
Melalui adobe dreamweaver CS5 basis data SQL bisa dikoneksikan dengan
PhpMyAdmin localhost. MySQL adalah sebuah perangkat lunak iasm manajemen
basis data SQL (bahasa Inggris: database management system) atau DBMS yang
multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL
AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi
GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi
komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan
penggunaan GPL. Tidak sama dengan proyek-proyek seperti Apache, dimana
perangkat lunak dikembangkan oleh komunitas umum, dan hak cipta untuk kode
sumber dimiliki oleh penulisnya masing-masing.
Banyak sekali aplikasi berbasis web yang dibangun dengan menggunakan
kombinasi perangkat lunak tersebut. WordPress, Drupal, Mambo, Wikipedia,
PHP-Nuke, merupakan beberapa contoh aplikasi berbasis web yang menggunakan
kombinasi ini. Tidak seperti Microsoft Access, default instalasi MySQL tidak
menyediakan GUI bagi pengguna untuk berinteraksi dengan basis data. Pengguna
dapat berinteraksi dengan client yang menggunakan perintah-perintah berbasis
teks. Namun saat ini telah banyak GUI yang dikembangkan untuk mempermudah
interaksi dengan basis data, baik itu berupa aplikasi stand-alone (misalnya
MySQL-Front, MySQL-GUI, dan lain-lain) atau yang berbasis web (misalnya,
phpMyAdmin). Bahkan dengan menggunakan komponen MyODBC, MySQL
dapat diakses dengan GUI dari Microsoft Access seperti halnya basis data yang
kompatibel dengan ODBC lainnya. Keistimewaan MySQL
Phpmyadmin adalah sebuah aplikasi open source yang berfungsi untuk
memudahkan

manajemen

MySQL.

Dengan

menggunakan

phpmyadmin,

pengguna dapat membuat database, membuat tabel, menginsert, menghapus dan

mengupdate data dengan GUI dan terasa lebih mudah, tanpa perlu mengetikkan
perintah SQL secara manual. Saat tulisan ini di buat, versi phpmyadmin terbaru

adalah phpmyadmin 3.3.10. Karena berbasis web, maka phpmyadmin dapat di

jalankan di banyak OS, selama dapat menjalankan webserver dan Mysql.
Xampp adalah sebuah paket kumpulan software yang terdiri dari apache,
mysql, phpmyadmin, php, Perl, Freetype2, dll. Xampp berfungsi untuk
memudahkan

instalasi

lingkungan

php,

dimana

biasanya

lingkungan

pengembangan web memerlukan php, apache, mysql dan phpmyadmin serta

software-software yang terkait dengan pengembangan web. Dengan menggunakan
xampp, praktikan tidak perlu menginstall aplikasi-aplikasi tersebut satu persatu.

BAB II
DESKRIPSI KERJA
2.1 Membuat Program dalam Aplikasi Perangkat Lunak di Unit Kerja
Rekam Medis di Tempat Pendaftaran
a. Mengcopy data inputpasien ke folder www yang sudah di ambil dari folder
data pasien di : network : LABIPC-1 dengan nama : inputpasien,
inputdata2.sql.

b. Mengaktifkan WampServer, kemudian buka Mozilla Firefox

c.

d. Ketikkan localhost di alamat URL pada Mozilla Firefox.

e. Memilih phpmyadmin pada opsi Tools

f. Membuat database baru pada actions MySQL localhost. Setelah memberi

nama database, pilih Create.

g. Akan muncul tampilan sebagai berikut. Kemudian memilih import untuk

mengimport data berekstensi .sql .

h. Kemudian memilih browser untuk mencari data inputpasien.sql yang ada pada
Local Disk (:C) wamp www inputpasien.sql open

i. Mengklik Go pada tampilan berikut ini.

j. Membuka Adobe Dreamweaver CS5

k. Memilih Create New PHP

l. Membuat site baru dengan memilih Site New Site

m. Mengisi nama site dengan nama yang sama dengan nama folder tempat data
berekstensi .sql tadi berada. Dalam kasus ini folder bernama inputpasien.
Kemudian isikan lokasi folder inputpasien tersebut Select.

n. Kemudian pada opsi Servers (+) Add New Server

o. Mengisi data yang dibutuhkan untuk membuat server baru seperti dibawah
ini. Kemudian Save.

p. Kemudian menyentang pada opsi testing Save

q. Memilih opsi Done pada tampilan di bawah ini.

r. Membuat connections dengan memilih menu databases MySQL

Connections

s. Kemudian mengisi data seperti dibawah ini Test Success

t. Mengrun hasil pada http://localhost/inputpasien/home.php. Akan muncul

tampilan seperti dibawah ini.

u. Dari desain layout di atas kita bisa mengubah dan menambahkan data pasien.

BAB III
PEMBAHASAN
3.1 Evaluasi Aplaoud database TPP (data pasien)
Nama Modul
Modul
Pendaftaran
Pasien

Bahan/alat
Aplikasi
Dreamweaver CS.5
PHP/5.3.13
Folder
inputdatapasien

Langkah Kerja
1. Memindahkan folder
inputdatapasien ke wamp
www
2. Membuat menu site baru :
inputpasien

 Inputdata2.sql
Laptop spesifikasi
Coi.2

3. Mengisikan folder :
C:\wamp\www\inputpasien\
4. Server : klik + aktifkan local
network
5. Mengisikan WEB URL :
localhost
6. Testing server di centang
7. Tampilan Success pada testing :

8. Membuat Connections : Klik

mysql connections

9. Kemudian Success
10. Setelah semuanya success run
hasil :
http://localhost/inputpasien/home.
php

3.2 Desain Input

Analisis layout desain input diatas:

1.

Kesederhanaan
Dalam input data pasien diatas, menggunakan kata-kata yang sederhana dan

bentuk-bentuk yang sederhana. Dalam berfikir terkadang pembaca lebih suka dan
lebih mudah memahami sesuatu yang tidak berbelit-belit. Kesederhanaan ini akan
mempermudah pembaca dalam memahami isi data pasien. Namun dalam
kesederhanaan ini, perancang desain input tidak boleh melupakan kemampuan
daya tangkap manusia yang berbeda-beda. Terkadang jika suatu desain input itu
terlalu sederhana, maka pembaca atau orang yang masih awam akan kebingungan
dalam membaca dan memahaminya. Hal yang paling penting adalah bagaimana
informasi yang sederhana tersebut tersampaikan dengan baik kepada pembaca.
2. Kontras
Pada desain input diatas, beberapa objek maupun tulisan kontas dengan latar
belakang. Kontras ini sangat diperlukan untuk menarik perhatian, memberi
penekanan terhadap elemen atau pesan yang ingin disampaikan. Kata Input Data
Pasien menggunakan style Bold dan diberi Underline, warna font hitam dengan
latar belakang putih dan ukuran hurufnya diperbesar. Kata ini memperjelas bahwa
desain diatas merupakan suatu input data pasien yang terdiri dari nama pasien,
nomor RM, tempat tanggal lahir, jenis kelamin, pekerjaan, dan lain-lain yang

merupakan tema utama dari desain diatas. Pada saat pembaca membaca desain
diatas, maka hal yang akan menjadi sorotan utama adalah yang terlihat jelas yaitu
Input Data Pasien dengan pengaturan huruf, warna dan style yang telah
dijelaskan sebelumnya.
3. Keseimbangan
Susunan pada desain input diatas adalah simetris yang menunjukkan bahwa
informasi yang disampaikan adalah informasi formal. Ukuran flowchart yang
digunakan untuk tulisan nama pasien, tempat tanggal lahir, jenis kelamin, no RM,
pendidikan, alamat, status kawin sama. Hal ini akan memberikan kesan rapi dan
formal. Selain itu informasi yang ada di dalam data tersebut merupakan informasi
dasar milik pasien sehingga penulisan dan penyusunannya harus seimbang.
Flowchart yang digunakan untuk mengisikan data pasien disesuaikan dengan
kebutuhan. Contohnya pengisian nama akan lebih banyak membutuhkan tempat
daripada pengisian nomor rekam medis. Begitu juga dengan pengisian alamat
akan membutuhkan banyak tempat daripada pengisian tanggal lahir. Jika
seandainya data yang diisikan itu lebih banyak dari yang disediakan maka
informasi tersebut akan terpotong pada tampilan input data pasien. Contohnya
flowchart untuk pengisian nama hanya cukup untuk 10 huruf dan nama yang
dituliskan adalah 12 huruf maka informasi nama yang ditampilkan hanya yang
termasuk dalam 10 huruf itu saja. Kecuali jika data tersebut dibuka semua secara
lengkap maka akan terbaca semuanya.
4. Keharmonisan
Pada desain input diatas, harmoni dari segi bentuk adalah flowcart untuk data
informasi pasien dengan ukuran dan bentuk yang sama. Begitu juga font yang
digunakan sama semua. Pada flowchart untuk pengisian data pasien bentuknya
sama namun ukurannya yang berbeda. Hal ini karena disesuaikan dengan
kebutuhan informasi yang akan diinputkan. Namun terdapat perbedaan pada
bentuk Simpan dan Ubah dengan warna biru pada flowchartnya. Perbedaan
ini menunjukan bahwa jika kita memilih opsi Simpan atau Ubah maka akan
ada perubahan pada tampilan desain input pasien, yaitu mengubah atau
menyimpan data secara otomatis dan berpindah ke jendela yang lain. Oleh karena

itu harus dibedakan dengan flowchart lain yang hanya menginputkan data secara
manual saja.
5. Stressing
Stressing pada desain diatas adalah No.RM, Nama Pasien, Jenis Kelamin,
Tempat dan Tanggal Lahir, Alamat, dan Status Kawin yang menjadi sorotan
utama dalam pengisian data pasien secara lengkap. Namun hal yang paling
penting adalah No.RM, Nama dan Alamat. Jika data informasi pasien
tidak disertai dengan No.RM, Nama dan Alamat maka tidak akan menjadi
informasi yang akurat. Pada umumnya data yang ditulis dahulu akan menjadi
sorotan utama seperti No.RM dan Nama Pasien.
6. Pencarian Data
Pada desain input diatas terdapat opsi pencarian data berupa nama pasien.
Jika kita mengetikkan nama pasien maka akan dicari pada daftar nama pasien
yang tersedia. Jika kta mencari dengan menggunakan No.RM pasien maka data
tidak akan muncul karena pada pencarian pasien tersebut sudah ditentukan bahwa
mencari data hanya bisa dengan nama pasien saja, tidak bisa yang lain.
3.3 Struktur Data Database Tempat Pendaftaran Pasien
Database laporantik berisi beberapa data, yaitu.
a) Tabel data pasien

Pada struktur tabeldatapasien diatas terdiri dari:

1. Bidang No_RM

bertipe varchar(10)

2. Bidang Nama_Pasien bertipe text

3. Bidang Tmpt_lahir

bertipe text

4. Bidang Tgl_lahir

bertipe date

5. Bidang Jenis_kelamin bertipe text

6. Bidang Pendidikan

bertipe text

7. Bidang Agama

bertipe text

8. Bidang Pekerjaan

bertipe text

9. Bidang Alamat

bertipe text

10. Bidang Status_kawin

bertipe text

b) Tabel agama

Pada tabel agama diatas terdiri dari bidang agama bertipe text yang
diinputkan oleh pengguna aplikasi. Bidang agama dibagi beberapa bagian,
yaitu :

c) Tabel Pekerjaan

Pada struktur tabelpekerjaan diatas terdiri dari bidang pekerjaan bertipe text
yang diinputkan oleh pengguna aplikasi. Bidang pekerjaan dibagi beberapa
bagian, yaitu :

d) Tabel Pendidikan

Pada struktur tabelpendidikan diatas terdiri dari bidang Pendidikan bertipe

text yang diinputkan oleh pengguna aplikasi. Bidang pendidikan dibagi
beberapa bagian, yaitu :

e) Tabel Status

Pada struktur tabelstatus diatas terdiri dari bidang status bertipe text yang
diinputkan oleh pengguna aplikasi. Bidang status dibagi beberapa bagian,
yaitu :

f) Tabel Jenis Kelamin

Pada struktur tabeljeniskelamin diatas terdiri dari bidang jk bertipe text yang
diinputkan oleh pengguna aplikasi. Bidang jk dibagi beberapa bagian, yaitu :

3.4 Tampilan tabel hasil input data pasien di localhost

Analisa tabel :
1. Input data pasien dengan methoda simpang : success ke dalam database
input data pasien
2. Method cari data sesuai dengan data nama pasien
3. Tabel tersebut hanya membaca pencarian data pasien berupa Nama_Pasien
saja, jika kita mencari dengan keyword Tmpt_lahir maka tidak akan
muncul data pasien yang bersangkutan.
4. Apabila menginput data dengan seluruh datanya sama, tetap akan muncul
data double pada tabel.
5. Nomor Rekam Medis tidak bisa diurutkan sesuai nomornya.
6. Apabila terdapat nomor rekam medis yang sama tetap akan muncul nomor
rekam medis double pada tabel. Misal 01001 An. Dewi dan data yang lain
ada 01001 An.Nanda

BAB IV
PENUTUP
4.1 Kesimpulan
Dalam fasilitas kesehatan, sangat dibutuhkan pelayanan yang cepat, tepat, dan
akurat. Proses pelayanan ini harus didokumentasikan untuk bukti pelayanan yang
telah

diberikan.

Salah

satu

jenis

produk

yang

menunjang

proses

pendokumentasian ini adalah aplikasi atau program untuk input data pasien di
tempat pendaftaran. Software tersebut diantaranya Adobe Dreamweaver CS5 dan
Wampserver atau xampp yang dibahas di laporan ini. Kedua software ini dapat
digunakan untuk membuat suatu program yang dapat membantu petugas
pendaftaran pasien di fasilitas pelayanan kesehatan dalam mengidentifikasi data
pasien. Sebelum membuat program aplikasi dari software tersebut, pertama kali
yang dilakukan adalah membuat desain input yang memperhatikan prinsip
kesederhanaan, kontras, keseimbangan, harmoni dari segi bentuk, harmoni dari
segi warna, dan stressing. Jika sudah memenuhi ketentuan tersebut maka desain
input yang dibuat akan dapat dipahami oleh pembaca.
Adobe Dreamweaver CS5 adalah software aplikasi yang digunakan sebagai
HTML editor profesional untuk mendesain web secara visual. Melalui adobe
dreamweaver CS5 basis data SQL bisa dikoneksikan dengan PhpMyAdmin
localhost. MySQL adalah sebuah perangkat lunak iasm manajemen basis data
SQL (bahasa Inggris: database management system) atau DBMS yang
multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. Pada
default instalasi MySQL, pengguna dapat berinteraksi dengan client yang
menggunakan perintah-perintah berbasis teks. Manajemen SQL akan dimudahkan
dengan aplikasi open source yaitu PhpMyAdmin.
Selain Adobe Dreamweaver CS5, terdapat Xampp yang menunjang kinerja
dari PhpMy Admin. Pengertian Xampp adalah sebuah paket kumpulan software
yang terdiri dari apache, mysql, phpmyadmin, php, Perl, Freetype2, dll. Xampp
berfungsi untuk memudahkan instalasi lingkungan php, dimana biasanya
lingkungan

pengembangan

web

memerlukan

php,

apache,

mysql

dan

phpmyadmin serta software-software yang terkait dengan pengembangan web.

Dengan menggunakan xampp, praktikan tidak perlu menginstall aplikasi-aplikasi

tersebut satu persatu.
4.2 Saran
4.2.1 Untuk Mahasiswa
Mahasiswa perekam medis dan informasi kesehatan diharapkan lebih
banyak campur tangan dalam penyusunan program aplikasi yang
dibutuhkan di fasilitas pelayanan kesehatan karena mahasiswa PMIK lebih
paham tentang kebutuhan yang diperlukan pasien, fasilitas pelayanan
kesehatan maupun tenaga kesehatan lainnya sehingga program aplikasi yang
dihasilkan lebih tepat sasaran.
4.2.2 Untuk Fasilitas Pelayanan Kesehatan
Fasilitas pelayanan kesehatan diharapkan dapat memanajemen semua
kebutuhannya dengan baik agar dapat memberikan pelayanan yang
maksimal kepada pasien. Salah satunya dengan menghasilkan program
aplikasi yang sesuai sasaran dan tujuan yang dapat menunjang kompleksitas
manajemen yang ada di fasilitas pelayanan kesehatan. Adanya program
aplikasi ini tentunya dapat meminimalisasi adanya kehilangan data maupun
kekeliruan data.
4.2.3 Untuk Masyarakat
Masyarakat diharapkan tidak menerima secara mentah-mentah apa yang
diberikan oleh tenaga kesehatan. Masyarakat juga harus paham tentang
manajemen faslitas pelayanan kesehatan, sehingga jika ada permasalahan
bisa dipertanyakan kepada fasilitas pelayanan kesehatan secara langsung
dan bisa saling berkomunikasi antara pasien atau masyarakat dengan pihak
fasilitas pelayanan kesehatan.

DAFTAR PUSTAKA
Admin, A. (2015, Agustus). Dipetik Maret 22, 2016, dari Pengertian MySQL
Menurut Para Ahli: http://adminmalang.blogspot.co.id/2015/10/pengertian-mysql-menurut-para-ahli.html
Agustovo. (2011, Oktober 18). Dipetik Maret 22, 2016, dari Mengenal
Dreamweaver CS5: http://venazhe.blogspot.co.id/2011/10/mengenaldreamweaver-cs5.html
Apandi, A. (2014, September 17). Pengertian DataBase, MySQL dan
phpMyAdmin . Dipetik Maret 22, 2016, dari Pengertian DataBase, MySQL
dan phpMyAdmin Website:
http://akucatat.blogspot.co.id/2014/09/pengertian-database-mysql-danphpmyadmin_37.html
Apandi, A. (n.d.). Pengertian DataBase, MySQL dan phpMyAdmin . Retrieved
from Pengertian DataBase, MySQL dan phpMyAdmin Website.
Definisi Simbol FlowChart. (t.thn.). Dipetik Maret 5, 2016, dari Definisi Simbol
FlowChart Website: file:///C:/Users/USER/Downloads/2%20definisi
%20dan%20simbol%20Flowchart.pdf
Fitrianti, R. (t.thn.). Academia. Dipetik Maret 22, 2016, dari Basis Data :
https://www.academia.edu/14913670/laporan_praktikum_basis_data_beke
rja_dengan_php_my_admin
Wikipedia. (2016, Maret 17). Wikipedia. Retrieved Maret 22, 2016, from
PhpMyAdmin: https://id.wikipedia.org/wiki/PhpMyAdmin
Yudho, P. (2016). MODUL2Praktikum-1. Malang: Poltekkes Kemenkes Malang.

TUGAS TEORI
1. Jelaskan apa yang dimaksud dengan layout input data?
Layout input data merupakan memasukan data sesuai dengan tata letak
dan memadukan elemenelemen atau unsur-unsur komunikasi grafis (teks,
gambar, tabel dll) menjadikan komunikasi visual yang komunikatif, estetik
dan menarik
2. Jelaskan apa yang dimaksud dengan definisi layout ?
Layout didalam bahasa memiliki arti tata letak. Sedangkan menurut istilah,
layout merupakan usaha untuk menyusun, menata, atau memadukan
elemenelemen atau unsur-unsur komunikasi grafis (teks, gambar, tabel dll)
menjadikan komunikasi visual yang komunikatif, estetik dan menarik.
3. Sebutkan 4 panduan membuat layout?
Menentukan tujuan anda publikasi, presentasi, atau situs web anda

sebelum anda mulai Layout.

Membuat dasar pesan yang akan disampaikan dan rencana tata

ruang di sekitarnya.
Pilih yang sesuai jenis media (halaman web, presentasi, cetak

buku, newsletter, atau brosur, dll)

Mengidentifikasi target pemirsa tersebut, kemudian menulis dan
mendesain publikasi, presentasi, atau situs web agar selalu berada

dalam benak khalayak

4. Sebutkan teori-teori layout menurut para ahli (minimal 3)!
Murdifin dan Mahfud (2011:433): Tata letak (layout) merupakan
salah satu keputusan strategis operasional yang turut menentukan
efisiensi operasi perusahaan dalam jangka panjang. Tata letak yang
baik

akan

memberikan

kontribusi

terhadap

peningkatan

produktivitas perusahaan.

Lalu Sumayang (2003:133): Tata letak adalah tatanan secara fisik

dari suatu terminal kerja beserta peralatan dan perlengkapan yang
mengacu kepada proses produksi. Dan merupakan pengaturan letak

dari sumber sumber yang digunakan dalam proses produksi, yang

akan mengatur arus material, produktivitas dan hubungan antar

manusia.
Meyers dalam Setiawan (2012): Tata letak adalah susunan fisik
dari peralatan dan mesin produksi, stasiun kerja, manusia, lokasi

material, dan peralatan penanganan material.

5. Kenapa RS memerlukan sistem layout TPP?
Karena pada RS terdapat aplikasi Rawat jalan atau rawat inap, pada
aplikasi ini terdapat layout yang digunakan untuk menjalankan aplikasi ini
dan memudahkan petugas pendaftaran untuk mendata pasien.