perancangan sistem antrian otomatis berbasis...

PERANCANGAN SISTEM ANTRIAN OTOMATIS BERBASISWEB LOKAL DI LINGKUNGAN PUSKESMAS

TUGAS AKHIR

SITI ALIP HIDAYAHNIM :150309277993

POLITEKNIK NEGERI BALIKPAPANJURUSAN TEKNIK ELEKTRONIKA

BALIKPAPAN2018


TUGAS AKHIR

KARYA TULIS INI DIAJUKAN SEBAGAI SALAH SATU SYARATUNTUK MEMPEROLEH GELAR AHLI MADYA DARI

POLITEKNIKNEGERI BALIKPAPAN



BALIKPAPAN2018

x

DAFTAR ISI

Halaman

JUDUL ............................................................................................................... i

LEMBAR PENGESAHAN ................................................................................ ii

LEMBAR PERNYATAAN................................................................................ iii

LEMBAR PERSEMBAHAN ............................................................................. iv

SURAT PERNYATAAN PERSETUJUAN PUBLIKASIKARYA ILMIAH

KEPENTINGAN AKADEMIS .......................................................................... v

ABSTRACT........................................................................................................ vi

ABSTRAK .......................................................................................................... vii

KATA PENGANTAR ........................................................................................ viii

DAFTAR ISI....................................................................................................... x

DAFTAR GAMBAR .......................................................................................... xi

BAB I PENDAHULUAN

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

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

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

1.4. Tujuan Penelitian................................................................ 2

1.5. Manfaat Penelitian ............................................................. 3

BAB II LANDASAN TEORI

2.1. Teori Antrian...................................................................... 4

2.1.1 Struktur Antrian.................................................. 4

2.2. Pusat Kesehatan Masyarakat.............................................. 5

2.3. WEB................................................................................... 6

2.4. XAMPP.............................................................................. 7

2.4.1 Bagian-bagian XAMPP yang penting................. 7

2.5. PHP (Hypertext Pre Processor) ......................................... 8

2.6. Notepad++.......................................................................... 9

2.7. MySQL............................................................................... 9

2.7.1. Kelistimewaan MySQL............................................ 10

xi

2.8. HTML(HyperTextMarkupLanguage) ................................ 12

2.9. Suara Manusia.................................................................... 12

2.10. Web Browser...................................................................... 13

2.11. CSS..................................................................................... 14

BAB IIIMETODOLOGI PERANCANGAN

3.1. Tempat dan Waktu ............................................................... 15

3.2.Peralatan dan Bahan yang Digunakan................................... 15

3.3.Proses Perancangan............................................................... 15

BAB IVHASIL DAN PEMBAHASAN

4.1. Prinsip Kerja Sistem............................................................. 18

4.2.Penginstalan Aplikasi............................................................ 18

4.3.Pembuatan Database............................................................. 22

4.3.1.Databaseuntuk pasien umum....................................... 22

4.3.2.Databaseuntuk pasien gigi ........................................... 23

4.3.3.Databaseuntuk pasien ibu dan anak............................. 23

4.4.Cara Kerja Sistem ................................................................. 24

BAB VPENUTUP

5.1. Kesimpulan .......................................................................... 28

5.2.Penutup.................................................................................. 28

DAFTAR PUSTAKA ......................................................................................... 29

LAMPIRAN........................................................................................................ 30

xii

DAFTAR GAMBAR

Halaman

Gambar 2.1.Single Chanel – Single Phase ...................................................... 4

Gambar 2.2.Single Chanel – Multi Phase ................................................. 5

Gambar 2.3.Multi Chanel – Single Phase .................................................5

Gambar 2.4.Multi Chanel – Multi Phase ..................................................5

Gambar 2.5.Logo XAMPP........................................................................ 7

Gambar 2.6.XAMPP Control Panel Application............................................ 8

Gambar 2.7.Logo PHP .............................................................................. 8

Gambar 2.8.Logo Notepad++....................................................................9

Gambar 2.9.Logo MySQL ........................................................................ 10

Gambar 2.10.Logo Web Browser ............................................................. 13

Gambar 2.11.Logo CSS ............................................................................ 14

Gambar 3.1.Diagram Alir Proses Perancagan Alat................................... 15

Gambar 3.2.Diagram Alir Proses Perancagan Tugas Akhir...................... 16

Gambar 4.1.Tampilan awal install XAMPP.............................................. 19

Gambar 4.2.Tampilan aplikasi yang akan diinstall ................................... 19

Gambar 4.3.Tampilan penyimpanan aplikasi............................................ 20

xiii

Gambar 4.4.Tampilan penginstallan aplikasi ............................................ 20

Gambar 4.5.Lanjutan penginstallan aplikasi ............................................. 21

Gambar 4.6.Tampilan proses penginstallan .............................................. 21

Gambar 4.7.Tampilan penyelesaian penginstallan aplikasi ...................... 22

Gambar 4.8.Database untuk Pasien PoliUmum ........................................ 23

Gambar 4.9.Database untuk Pasien PoliGigi ............................................ 23

Gambar 4.10.Database untuk Pasien PoliIbu&anak ................................. 24

Gambar 4.11.Tampilan halaman awal atau Home .................................... 24

Gambar 4.12.Tampilan register pasien umum .......................................... 25

Gambar 4.13.Contoh pengisisan data diri pasien ...................................... 25

Gambar 4.14.Tampilan pada saat data berhasil disimpan ......................... 26

Gambar 4.15.Tampilan data pasien yang telah diinput ............................. 26

Gambar 4.16.Tampilan halaman edit. ....................................................... 27

Gambar 4.17.Tampilan dari nomer antrian pada layar.............................. 27

1

BAB 1

PENDAHULUAN

1.1. Latar Belakang

Banyak instansi yang belum memanfaatkan kecanggihan teknologi untuk

mempermudah alur birokrasi. Banyak masyarakat yang belum sadar

tentang keteraturan dan ketertiban. Salah satu masalah ketertiban yang

masih sering terjadi yaitu antrian. Mengantri merupakan hal membosankan

bagi banyak masyarakat karena berbagai alasan, diantaranya proses antrian

yang cukup panjang, tempat menunggu antrian yang kurang memadai

sehingga masyarakat tidak nyaman, sistem antrian yang masih

menggunakan metode lama dimana masih sering kali kurang efektif.

Sistem antrian sering dijumpai pada bank, kantor pemerintah, rumah sakit,

serta tempat pelayanan masyarakat lainnya.

Sistem antrian diterapkan di beberapa instansi kesehatan seperti

puskesmas, klinik pengobatan, tempat praktek dokter dimana pasien yang

menunggu antrian masuk keruang pemeriksaan. Pemanggilan pasien masih

menggunakan metode konvensional atau metode manual dengan suara dari

admin itu sendiri yang masih belum efisien.

Adapun beberapa instansi kesehatan masih menggunakan metode manual

dalam sistem antrian dalam kesehariannya. Pada penelitiansebelumnya

telah mengangkat sistem antrian dengan menggunakan Web Lokal, seperti

Penelitian yang dilakukan oleh Yunike Megasari dari Politeknik Negeri

Balikapan 2017 dengan judul “Sistem Antrian Berbasis Web Lokal di

Klinik Pengobatan”, namun sistem pemanggil hanya dapat mengeluarkan

output suara yang berupa nomor saja dengan nama pasien tertera pada

monitor. (Megasari,Yunike. 2017)

Sebagai usaha memberikan alternatif baru penulis mengembangkan sistem

pemanggil antrian berbasis web nomor antrian dengan suara berdasarkan

nomor antrian yang mendapat giliran untuk dilayani dimana nomor antrian

yang disimpan di dalam database server dengan menambahkan nama

2

ruangan sebagai pemanggil.Dengan sistem ini diharapkan dapat

memudahkan pelayanan kepada pasien terhadap beberapa instansi yang

masih menggunakan metode manual dalam pemanggilan antrian.

Dengan dibuatnya aplikasi ini, diharapkan dapat memepermudah sistem

antrian yang menggunakan metode konvensional. Khususnya

puskesmasyang menggunakan metode konvensional.

1.2. Rumusan Masalah

Beberapa masalah yang akan dibahas dalam perancangan dan realisasi

sistem nomor urut antrian otomatis berbasis web lokal antara lain :

1. Bagaimana merancang sistem nomor antrian otomatis berbasis web

lokaldi lingkungan Puskesmas?

2. Bagaimana mengimplementasikan sistem nomor antrian otomatis

berbasis web lokaldi lingkungan Puskesmas?

1.3. Batasan Masalah

Untuk mempermudah dan membatasi pembahasan masalah pada Proyek

Tugas Akhir ini maka dibeikan batasan-batasa sebagai berikut:

1. Merancang dan menampilkan nomor urut pasien berdasarkan nomor

urut pendaftaran.

2. Merancang dan menampilkan ruangan yang dituju.

3. Merancang sistem nomor antrian otomatis berbasis web lokal dengan

tiga kali pemanggilan untuk setiap nomer urut pasien jika lebih dari

tiga kali maka akan melakukan pembatalan otomatis dan dialihkan

kenomor antrian selanjutnya.

1.4. Tujuan Penelitian

Berdasarkan rumusan yang telah diuraikan didapat tujuan dari proyek

tugas akhir ini, antara lain :

1. Memudahkan petugas atau karyawan puskesmas dalam melakukan

sisten antrian pasien.

3

2. Menanamkan kedisiplinan antri terhadap pasien berdasarkan nomor

urut kedatangan.

1.5. Manfaat Penelitian

Manfaat dibuatnya sistem nomor antrian berbasis web ini adalah :

1. Bagi pihak institusi: Untuk menerapkan wawasan dan ilmu

pengetahuan yang telah diperoleh selama menempuh pendidikan di

Politeknik Negeri Balikpapan jurusan Teknik Elektronika dalam

bentuk Perancangan Sistem Nomor Antrian Berbasis Web Lokal di

Lingkungan Puskesmas.

2. Bagi pihak industri atau masyarakat: Untuk mengimplementasi produk

penelitian yang dihasilkan berupa Sistem Nomor Antrian Otomatis

Berbasis Web Lokal sebagai bentuk nyata kontribusi peneliti kepada

masyarakat.

3. Bagi penulis: Sebagai salah satu prasyarat utama kelulusan untuk

tingkat D3 Teknik Elektronika di Politeknik Negeri Balikpapan

4

BAB IILANDASAN TEORI

2.1. Teori Antrian

Konsep teori antrian pertama kali ditemukan dan dikembangkan oleh A.K.

Erlang, seorang insinyur Denmark yang bekerja pada perusahaan telepon di

Kopenhagen pada tahun 1910. Berawal dari para operator yang kewalahan

pada waktu-waktu yang sibuk sehingga membuat para penelpon harus

menunggu giliran dengan waktu yang cukup lama untuk mendapatkan

pelayanan. Tujuan dari penggunaan teori antrian adalah merancang fasilitas

pelayanan, untuk mengatasi permintaan pelayanan yang berfluktuasi secara

random dan menjaga keseimbangan antara biaya pelayanan dan biaya yang

diperlukan selama antri.

http://shiftindonesia.com/memahami-teori-antrian/

2.2.1. Struktur Antrian

Ada 4 Model antrian dasar yang umum terjadi dalam sebuah

sistem antrian(Gross & Harris, The Queueing Systems, 1984).

1. Single Chanel – Single Phase.

Gambar 2.1.Single Chanel – Single Phase.

Sumber:(https://nurrahmanarif.wordpress.com/2010/11/06/sistem-

antrian/)

SingleChannelberartihanyaadasatujaluryangmemasuki

sistempelayananatauadasatufasilitaspelayanan.SinglePhase

berarti hanya ada satu fasilitaspelayanan.

4


2.1. Teori Antrian

















antrian/)




4


2.1. Teori Antrian

















antrian/)




5

2. Single Chanel –Multi Phase

Gambar 2.2.Single Chanel – Multi Phase.


antrian/).

Sistem antrian jalur tunggal dengan tahapan berganda ini atau

menunjukkan ada dua atau lebih pelayanan yang dilaksanakan secara

berurutan.

3. Multi Chanel – Single Phase

Gambar 2.3.MultiChanel –Single Phase.


antrian/).

Sistem Multi Channel – Single Phase terjadi di mana ada dua atau

lebih fasilitas pelayanan dialiri oleh antrian tunggal.

4. Multi Chanel-MultiPhase

Gambar 2.4.MultiChanel – Multi Phase.


antrian/).

Sistem Multi Channel – Multi Phase ini menunjukkan bahwa

setiap sistem mempunyai beberapa fasilitas pelayanan pada setiap

tahap sehingga terdapat lebih dari satu pelanggan yang dapat

dilayani pada waktu bersamaan.

5




antrian/).



berurutan.




antrian/).






antrian/).





5




antrian/).



berurutan.




antrian/).






antrian/).





6

(Rochmawati, Sofi Nur dan Nurdiyansyah, Firman. 2017.Aplikasi Penentuan

Nomor Urut Antrian Rumah Sakit Melalui SMS Gateway. Malang .Journal Of

Information and Computer Science (JOINTECS). Vol.1,No.2.)

2.2. Pusat Kesehatan Masyarakat

Pusat Kesehatan Masyarakat, disingkat Puskesmas, 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 derajad kesehatan yang optimal, tanpa mengabaikan mutu pelayanan

kepada perorangan (Depkes, 2009)

(sumber : https://www.kajianpustaka.com/2015/07/pengertian-fungsikegiatan-

pokok.html)

2.3. WEB

Web adalah suatu bagian yang tidak dapat dipisahkan dari dunia internet. Web

dapat terdiri atas berbagai kumpulan halaman untuk menampilkan informasi

berupa teks, gambar diam atau gerak, animasi, suara atau gabungan dari

semuanya. Berdasarkan pada fungsinya, website terbagi atas : (Hidayat &

Rahmat,2010)

1. PersonalWebsite,yangberisiinformasipribadiseseorang.

2. Commercial Website, merupakan website milik instansi pemerintah

ataupun pendidikan umum dan bertujuan memberikan pelayanan

kepadapenggunanya.

3. Government Website, merupakan website milik instansi pemerintah


kepadapenggunanya.Non-Profit Organization Website, merupakan

website milik suatu organisasi atau instansi, namun tidak digunakan

untuk kegiatan bisnis (bersifatnon profit).

7

(Hajar, Siti Nur. 2017. “Perancagan Aplikasi Toko Online Gunung Agung

Berbasis Website”.POLITEKNIK NEGERI BALIKPAPAN)

2.4. XAMPP

XAMPP ialah perangkat lunak bebas yang mendukung banyak sistem operasi,

merupakan campuran dari beberapa program. Yang mempunyai fungsi sebagai

server yang berdiri sendiri (localhost), yang terdiri dari program MySQL

database, Apache HTTP Server, dan penerjemah ditulis dalam bahasa

pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X

(empat sistem operasi), Apache, MySQL, PHP dan Perl. Program ini tersedia

di bawah GNU (General Public License) dan bebas, adalah mudah untuk

menggunakan web server yang dapat melayani tampilan halaman web yang

dinamis.

Gambar 2.5. Logo XAMPP

Sumber : http://www.iconarchive.com

2.4.1. Bagian-bagian XAMPP yang penting :

1. Htdocadalahfolderdimanauntukmeletakkanfileyangakandijalanlan,

seperti file PHP, HTML,dan scriptlainnya.

2. PhpMyAdmin adalah bagian untuk mengelola database MySQL

yang di komputernya.(untukmembukanyadenganmembuka browser

danmengetik alamathttp :// localhost/phpmyadmin)

3. Control panelyang berfungsi untuk mengelolalayanan (service)

XAMPP.

7



2.4. XAMPP









dinamis.










XAMPP.

7



2.4. XAMPP









dinamis.










XAMPP.

8

Gambar 2.6XAMPP Control Panel Application.

(Sumber : penulis)

2.5. PHP (Hypertext Pre Processor)

PHP atau yang memiliki kepanjanganHypertext Preprocessor merupakan

suatu bahasa pemrograman yang difungsikan untuk membangun suatu website

dinamis. PHP menyatu dengan kode HTML, maksudnya adalah beda kondisi.

HTML digunakan sebagai pembangun atau pondasi dari kerangka layout web,

sedangkan PHP difungsikan sebagai prosesnya sehingga dengan adanya PHP

tersebut, web akan sangat mudah di-maintenance. PHP berjalan pada sisi

server sehingga PHP disebut juga sebagai bahasa Server Side Scripting.

Artinya bahwa dalam setiap/untuk menjalankan PHP, wajib adanya web

server. PHP ini bersifat open source sehingga dapat dipakai secara cuma-cuma

dan mampu lintas platform, yaitu dapat berjalan pada sistem operasi Windows

maupun Linux. PHP juga dibangun sebagai modul pada web server apache

dan sebagai binary yang dapat berjalan sebagai CGI.

Gambar 2.7.Logo PHP

Sumber : http://www.step4all.com

8


(Sumber : penulis)














Gambar 2.7.Logo PHP


8


(Sumber : penulis)














Gambar 2.7.Logo PHP


9

2.6. Notepad++

Notepad++ adalah suatu text editor yang berjalan pada Operating System(OS)

Windows. Notepad++ disini menggunakan komponen-

komponen Scintilla agar dapat menampilkan dan menyunting text dan berkas

source code berbagai bahasa pemrograman. Notepad++ didistribusikan

sebagai Free Software (gratis) Proyek ini dilayani

oleh Sourceforge.net dengan telah diunduh lebih dari 27 juta kali dan dua kali

memenangkan penghargaan SourceForge Community Choice Award for Best

Developer Tool. Pengembang dari Notepad++ disini adan Don Ho yang

diriliskan pada tanggal 24 November 2003,dengan memiliki license dari GNU

General Public License dengan ukuran program yang kecil yaitu 5.5MB.

Bahasa pemrograman yang didukung oleh notepad++ adalah bahasa C++

karena fungsi-fungsinya yang dimasukan kedalam daftar fungsi dan kata-

katanya akan berubah sesuai dengan makna kata C++.

(Hajar, Siti Nur. 2017. “Perancagan Aplikasi Toko Online Gunung AgungBerbasis Website”.POLITEKNIK NEGERI BALIKPAPAN.)

Gambar 2.8. Logo Notepad++

Sumber : https://bayudwiarta.wordpress.com

2.7. MySQL

MySQL merupakan suatu database. MySQL dapat juga dikatakan sebagai

database yang sangat cocok bila dipadukan dengan PHP. Secara umum,

database berfungsi sebagai tempat atau wadah untuk menyimpan,

mengklasifikasikan data secara prefosional. MySQL bekerja menggunakan

SQL Language (Structure Query Language). Itu dapat diartikan bahwa

9

2.6. Notepad++

















2.7. MySQL






9

2.6. Notepad++

















2.7. MySQL






10

MySQL merupakan standar penggunaan database di dunia untuk pengolahan

data. MySQL termasuk jenis RDBMS (Relational Database Management

System). Sedangkan RDBMS sendiri akam lebih banyak mengenal istilah

seperti tabel, baris, dan kolom digunakan dalam perintah-perintah di MySQL.

MySQL merupakan sebuah basis data yang mengandung satu atau sejumlah

tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau

beberapa kolom. Di dalam PHP telah menyediakan fungsi untuk koneksi ke

basis data dengan sejumlah fungsi untuk pengaturan baik menghubungkan

maupun memutuskan koneksi dengan server database MySQL sebagai sarana

untuk mengumpulkan informasi. Pada umumnya, perintah yang paling sering

digunakan dalam mySQL adalah select (mengambil), insert (menambah),

update (mengubah), dan delete (menghapus). Selain itu, SQL juga

menyediakan perintah untuk membuat database, field, ataupun index guna

menambah atau menghapus data.

(Sumber : https://www.indosite.com/pengertian-mysql/)

Gambar 2.9. Logo MySQL

Sumber : https://www.file-extensions.org

2.7.1 Keistimewaan MySQL

1. Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem

operasi seperti Windows, Linux, FreeBSD, Mac Os X Server,

Solaris, Amiga, dan masih banyak lagi.

2. Perangkat lunak sumber terbuka (open source). MySQL

didistribusikan sebagai open source sehingga dapat digunakan

secara gratis.

3. Multi-user. MySQL dapat digunakan oleh beberapa pengguna

dalam waktu yang bersamaan tanpa mengalami masalah atau

konflik.

10
























secara gratis.



konflik.

10
























secara gratis.



konflik.

11

4. Performance tuning. MySQL memiliki kecepatan yang

menakjubkan dalam menangani query sederhana, dengan kata lain

dapat memproses lebih banyak SQL per satuan waktu.

5. Ragam tipe data. MySQL memiliki ragam tipe data yang sangat

kaya, seperti signed / unsigned integer, float, double, char, text,

date, timestamp, dan lain-lain.

6. Perintah dan Fungsi. MySQL memiliki operator dan fungsi secara

penuh yang mendukung perintah Select dan Where dalam perintah

(query).

7. Keamanan. MySQL memiliki beberapa lapisan keamanan seperti

password yang terenkripsi.

8. Skalabilitas dan Pembatasan. MySQL mampu menangani basis

data dalam skala besar, dengan jumlah record lebih dari 50 juta

dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang

dapat ditampung mencapai 32 indeks pada tiap tabelnya.

9. Konektivitas. MySQL dapat melakukan koneksi dengan klien

menggunakan protokol TCP/IP, Unix soket (UNIX), atau named

pipes (NT).

10. Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien

dengan menggunakan lebih dari dua puluh bahasa. Meski pun

demikian, bahasa Indonesia belum termasuk di dalamnya.

11. Antar Muka. MySQL memiliki antar muka (interface) terhadap

berbagai aplikasi dan bahasa pemrograman dengan menggunakan

fungsi API (Application Programming Interface).

12. Klien dan Peralatan. MySQL dilengkapi dengan berbagai tool

yang dapat digunakan untuk administrasi basis data, dan pada

setiap peralatan yang ada disertakan petunjuk online.

13. Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel

dalam menangani Alter Table, dibandingkan basis data lainnya

semacam PostgreSQL ataupun Oracle.


12

2.8. HTML( HyperText Markup Language)

HTML (HyperTextMarkupLanguage)adalahsebuahBahasamarkupyang

digunakan untuk membuatsebuahhalamanweb danmenampilkan berbagai

informasididalamsebuahbrowserInternet.Bermula darisebuahBahasayang

sebelumnyabanyakdigunakandidunia penerbitandanpercetakanyangdisebut

denganSGML(StandardGeneralizedMarkup Language), HTMLadalahsebuah

standaryangdigunakansecara luasuntukmenampilkanhalamanweb.HTMLsaat

ini merupakanstandardinternetyang didefinisikan dan dikendalikan

penggunanya olehWorldWideWeb Consortium(W3C).

HTML merupakankode-kodetagyangberfungsiuntukmenginstruksikan

browseragarmenghasilkantampilansesuaidenganyang diinginkan.Sebuahfile

yangmerupakanfileHTML dapatdibukadenganmenggunakanbrowserweb

sepertiMozilla Firefox,Opera, GoogleChromeatau Microssoft Internet

Explorer.

(Megasari, Yunike. 2017. “Sistem Antrian Berbasis Web Lokal di KlinikPengobatan”. POLITEKNIK NEGERI BALIKPAPAN.)

2.9. Suara Manusia

Suara manusia terdiri dari suara yang dibuat oleh manusia dengan

menggunakan pita suara untuk berbicara, membaca, menyanyi, tertawa,

menangis, berteriak dll. Suara manusia secara khusus merupakan bagian dari

produksi suara manusia di mana pita suara adalah sumber suara utama. Secara

umum, mekanisme untuk menghasilkan suara manusia dapat dibagi menjadi

tiga bagian; paru-paru, pita suara dalam laring, dan artikulator. Paru-paru

(pompa) harus menghasilkan aliran udara yang memadai dan tekanan udara

untuk menggetarkan pita suara (tekanan udara ini merupakan "bahan bakar"

suara). Pita suara adalah katup bergetar yang memotong aliran udara dari

paru-paru menjadi pulsa suara yang membentuk sumber suara laring. Otot-otot

laring menyesuaikan panjang dan ketegangan dari pita suara untuk

'menghaluskan' tala dan nada. Artikulator (bagian dari saluran vokal di atas

laring terdiri dari lidah, langit-langit mulut, pipi, bibir, dll) mengartikulasikan

dan menyaring suara yang berasal dari laring dan untuk beberapa derajat dapat

13

berinteraksi dengan aliran udara laring untuk memperkuat atau

melemahkannya sebagai sumber suara.

(Sumber : https://id.wikipedia.org/wiki/Suara_manusia)

2.10. Web Browser

Web Browser adalah suatu program atau software yang digunakan untuk

menjelajahi internet atau untuk mencari informasi dari suatu web yang

tersimpan didalam komputer. Awalnya, web browser berorientasi pada teks

dan belum dapat menampilkan gambar. Namun, web browser sekarang tidak

hanya menampilkan gambar dan teks saja, tetapi juga memutar file multimedia

seperti video dan suara. Web browser juga dapat mengirim dan menerima

email, mengelola HTML, sebagai input dan menjadikan halaman web sebagai

hasil output yang informative. Dengan menggunakan web browser, para

pengguna internet dapat mengakses berbagai informasi yang terdapat di

internet dengan mudah. Beberapa contoh web browser diantaranya Internet

Explorer, Mozilla, Firefox, Safari, Opera, dll.



Gambar 2.10. Logo Web Browser

Sumber : https://bloggerpoetraborneo.blogspot.co.id/

2.11. CSS (Cascading Style Sheet)

14

CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet

language) dimana mampu mengontrol format tampilan sebuah halaman web yang

ditulis dengan menggunakan penanda atau deisebut dengan (markup laguage).

Umumnya CSS ini digunakan dalam mendesain sebuah halaman HTML dan juga

XHTML, akan tetapi sekarang CSS dapat diaplikasikan pula untuk segala

dokumenXML, termasuk juga di dalam nya SVG dan juga XUL bahkan sampai

dengan sistem operasi Android.

CSS memungkinkan sebuah halaman untuk menampilkan dalam berbagai

style dengan menggunakan metode pembawaan yang berbeda pula, contohnya

adalah on-screen, in-print, byvoice, dan lain sebagainya. Selain itu, pemilik

konten web juga bisa menentukan link yang menghubungkan konten dengan file

CSS.Fungsi dari CSS ialah mendesain, merancang, merubah, dan juga

membentuk halaman pada website ataupun blog dan isi dari halaman website itu

ialah tag-tag html, logikanya CSS itu bisa mengubah tag-tag html yang sederhana

sehingga bisa menjadi lebih fungsional dan juga menarik.

(sumber:http://www.ayoksinau.com )

Gambar 2.11. Logo CSS

Sumber : http://www.ayoksinau.com

15

BAB III

METODOLOGI PERANCANGAN

3.1. Tempat Dan Waktu

Tempat dan waktu kegiatan dilakukan di Kampus Politeknik Negeri

Balikpapan yang beralamat di Jl. Soekarno Hatta Km.8 dan DILO Balikpapan.

Waktu kegiatan mulai bulan Maret 2018 hingga sekarang.

3.2. Peralatan dan Bahan yang Digunakan

Peralatandanbahan yangdigunakandalamPerancanganSistem Pemanggil

Nomor AntrianBerbasisWebLokaliniadalah perangkatkeras(Hardware)

danperangkat lunak (software)sertasistem pendukungnyaadalah

pemakai(Brainware)

3.2.1. Perangkat Keras (Hardware)

Laptop (Processor AMD A8, Windows 7)

3.2.2. Perangkat Lunak (software)

Windows 7 sebagai system operasi

PHPsebagai bahasapemograman

Mozilla Firefoxsebagai web browser

MySql sebagai pembuatan system database

XAMPPsebagai web server

Notepad++ sebagaitexteditor

3.3. Proses Perancangan

Proses perancangan berisi tentang alur kergiatan yang dilakukan dalam proses

pembuatan tugas akhir

16

Gambar 3.1. Diagram Alir Proses Perancagan Alat

17

Gambar 3.2. Diagram Alir Proses Perancagan Tugas Akhir

18

BAB IV

HASIL DAN PEMBAHASAN

4.1. Prinsip Kerja Sistem

Sistem antrian otomatis berbasis web lokal di lingkungan puskesmas

menggunakan PHP yang diimplementasikan dalam source code dan MySql

sebagai database server. Sistem antrian ini diperuntukan untuk membantu petugas

puskesmas atau admin dalam mengelola data pasien yang akan berobat dan

membantumengurutkan data pasien dan memanggil nomer antrian pasien sesuai

dengan urutannya agar tidak terjadi kesalahan saat pasien yang memasuki ruangan

dokter dengan keluhan yang dialami oleh pasien tersebut.

Pada sistem antrian ini pasien datang ke admin untuk mengisi data diri dan

dokter tujuan, dilayar tampilan sudah ada beberapa pilihan. Admin mengisi data

diri pasien pada halaman registrasi pasien sesuai poli tujuan pasien. Setelah

ituadmin dapat melihat daftar urutan pasien pada bagian data buku pasien. Pada

halaman data buku pasien terdapat beberapa pilihan seperti edit, delete, dan

panggil. Jika admin ingin mengubah data pasien maka admin harus memilih opsi

edit pada layar.Apabila admin ingin menghapus data pasien maka admin harus

memilih opsi delete pada layar. Dan Jika admin akan memanggil nomer antrian

maka admin hanya perlu memilih opsi panggil pada layar. Maka secara otomatis

akan mengeluarkan output suara yang akan memanggil pasien dengan nomor

antrian dan poli yang dituju. Sedangkan layar menampilkan nomor antrian dan

nama pasien tersebut.

4.2. Penginstalan Aplikasi

1. Silahkan Download instaler Xampp. Jika sudah ada double klik lalu install.

2. Kemudian akan muncul jendela seperti berikut ini. Kemudian Next.

19

Gambar 4.1 Tampilan awal install XAMPP

Sumber : Penulis

3. Selanjutnya akan tampil seperti gambar berikut ini. Pada tampilan ini sudah

tercentang otomatis semua yang akan terunduh.

Gambar 4.2 Tampilan aplikasi yang akan diinstall.

Sumber : Penulis

20

4. Kemudian muncul tampilan untuk menentukan lokasi folder penyimpanan

file-file dan folder XAMPP. Secara otomatis akan tersimpan seperti gambar

berikut.

Gambar 4.3 Tampilan penyimpanan aplikasi.

Sumber : Penulis

5. Lanjutkan dengan klik Next.

Gambar 4.4 Tampilan penginstallan aplikasi.

Sumber : Penulis

21

6. Selanjutnya muncul tampilan yang mengingatkan untuk melanjutkan

penginstalan seperti gambar berikut. Klik Next.

Gambar 4.5 Lanjutan penginstallan aplikasi.

Sumber : Penulis

7. Maka akan melakukan proses penginstalan sebagai berikut.

Gambar 4.6 Tampilan proses penginstallan.

Sumber : Penulis

22

8. Kemudian klik Finish untuk menyelesaikan penginstalan

Gambar 4.7 Tampilan penyelesaian penginstallan aplikasi.

Sumber : Penulis

9. Penginstalan aplikasi telah selesai.

4.3. Pembuatan Database

Pada pembuatan Database ini menggunakan MySql yang dibuat dengan

phpMyadmin yang terdapat dalam perangkat lunakXAMPP. Melalui phpMyadmin

yang berfungsi untuk melakukan pengolahan data dan perubahan data yang ada

pada database dengan lebih mudah.

4.3.1 Database untuk PasienUmum

Berikut ini adalah gambar dari database yang mengolah dan memasukan

data untuk pasien poli ibu dan anak.

23

Gambar 4.8Database untuk Pasien PoliUmum

Sumber : Penulis

4.3.2 Database untuk Pasien Poli Gigi

Berikut ini adalah gambar dari database yang mengolah dan menginput

data untuk pasien Poli gigi

Gambar 4.9Tabel untuk Pasien Poli Gigi

Sumber : Penulis

4.3.3 Database untuk Pasien Ibu dan anak

Berikut ini adalah gambar dari database yang mengolah dan menginput data

untuk pasien pol ibu dan anak

24

Gambar 4.10Tabel untuk Pasien Poli Ibu dan Anak

Sumber : Penulis

4.4 Cara Kerja Sistem

Berikut ini penulis akan menjelaskan cara kerja dari sistem antrian berbasis

web agar mudah dimengerti oleh pembaca atau user.

Gambar 4.11Tampilan halaman awal atau Home

Sumber : Penulis

Halaman berikut ini berfugsi untuk mendaftarkan pasien dengan cara mengisi data

diri pasien. Seperti nama lengkap, alamat, jenis kelamin, dan keluhan penyakit.

25

Gambar 4.12 Tampilan register pasien umum

Sumber : Penulis

Berikut ini adalah contoh dari pengisisan data dari pasien.

Gambar 4.13 Contoh pengisisan data diri pasien

Sumber : Penulis

Berikut adalah tampilan pada saat penyimpanan data diri pasien berhasil

disimpan.

26

Gambar 4.14 Tampilan pada saat data berhasil disimpan.

Sumber : Penulis

Berikut adalah tampilan daftar data pasien yang telah diinput oleh admin. Dan

terdapat beberapa opsi yang dapat dilakukan oleh admin seperti nomor antrian,

mengubah data pasien, menghapus data pasien yang sudah dipanggil atau sudah

di layani dan untuk memanggil pasien sesuai nomor antrian.

Gambar 4.15Tampilan data pasien yang telah diinput

Sumber : Penulis

27

Halaman ini merupakan tampilan untuk meng-edit atau mengubah data diri

pasien jika terjadi kesalahan pada saat penginputan data, Seperti nama lengkap,

alamat, jenis kelamin, dan keluhan penyakit pasien.

Gambar 4.16 Tampilan halaman edit.

Sumber : Penulis

Berikut ini adalah halaman dari keluaran jika admin memilihopsi panggil pada

baris data atau nomer antrian pasien.

Gambar 4.17 Tampilan dari nomer antrian pada layar.

Sumber : Penulis

28

BAB V

PENUTUP

5.1. Kesimpulan

DalampenulisanTugasAkhir initelahdiuraikanbagaimanacara membangun sebuah

sistem antrian pasien berbasis web lokal di lingkungan Puskesmas. Maka

penulis dapat menyimpulkan :

1. Dengan adanya sistem antrian ini, antrian pasien menjadi lebih teratur

dan meminimalisir terjadinya kesalahan dalam memanggil nomor

antrian pasien beserta ruang dokter tujuan.

2. Aplikasi sistem antrian ini memungkinkan para pasien dapat

melakukan pengobatan secara lebih terarah sesuai dengan jenis

penyakit yang dialami oleh pasien.

5.2. Saran

Dalam penyelesaian tugas akhir ini masih terdapat banyak kekurangan. Oleh

sebab itu, penulis menyampaikan beberapa saran yang diharapkan kedepannya

dilakukan pengembangan yang dapat diperbaiki kekurangan dari tugas akhir ini.

Saran penulis yang disampaikan yaitu :

1. Untuk pengembangan agar nomer antrian dapat reset otomatis per hari.

2. Penghubung antar laptop admin dengan laptop yang terdapat di

ruangan dokter agar lebih dipermudah.

29

DAFTAR PUSTAKA

Abror, Muhamad. 2017. “Pengertian CSS (Tujuan CSS Fungsi CSS dan CaraKerja CSS)”http://www.ayoksinau.com Diakses pada 26 Maret 2018.11:30:34 WIB.

Hajar, Siti Nur. 2017. “Perancagan Aplikasi Toko Online Gunung AgungBerbasis Website”.POLITEKNIK NEGERI BALIKPAPAN.

Indosite. ”Pengertian MySQL”.https://www.indosite.com/pengertian-mysql/Diakses pada 5 April 2018.18:15:30 WIB.

Megasari, Yunike.2017. “Sistem Antrian Berbasis Web Lokal di KlinikPengobatan”.POLITEKNIK NEGERI BALIKPAPAN.

Redaksi. 2015. “Memahami Teori Antrian”.http://shiftindonesia.com/memahami-teori-antrian/ Diakses pada 27Maret 2018. 20:05:35 WIB.

Riadi, Muchlisin. 2015. “Pengertian, Fungsi,& Kegiatan PokokPuskesmas”https://www.kajianpustaka.com/2015/07/pengertian-fungsi-kegiatan-pokok.htmlDiakses Pada 5 April 2018.18:15:30 WIB.

Rochmawati, Sofi Nur dan Nurdiyansyah, Firman. 2017.Aplikasi PenentuanNomor Urut Antrian Rumah Sakit Melalui SMS Gateway. Malang .Journal Of Information and Computer Science (JOINTECS). Vol.1,No.2.

Nurrahman, Arif. 2010. “Sistem Antrian”.https://nurrahmanarif.wordpress.com/2010/11/06/sistem-antrian/Diakses

pada 27Maret 2018. 20:05:35 WIB.

Wikipedia. 2017. “Suara Manusia”https://id.wikipedia.org/wiki/Suara_manusiaDiakses pada 12 Maret 2018.15:25:43 WIB.


TUGAS AKHIR



BALIKPAPAN2018