RANCANG BANGUN SISTEM INFORMASI KLINIK PRAKTIK

DOKTER JIHAN INDRIYANI BERBASIS WEBSITE

HASIL PENELITIAN

OLEH :

IDA WAHYUNI
NIM/NIRM: 210250501230/21205051301187230

PROGRAM STRATA SATU (S1)

PROGRAM STUDI SISTEM INFORMASI
FAKULTAS ILMU KOMPUTER
UNIVERSITAS TOMAKAKA MAMUJU
2022
 1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Dalam era teknologi dan informasi sekarang ini disadari

bahwa hampir semua aspek kegiatan disegala bidang ditentukan

oleh kualitas dari teknologi dan informasi yang diterima dan

dihasilkan. Pemakaian komputer sebagai salah satu hasil dari

teknologi dan informasi saat ini sangat meluas dan memasyarakat

tidak hanya terbatas dalam lingkungan kerja tetapi dalam lingkungan

pelayanan kesehatan.

Pelayanan dokter praktik bersama adalah tempat praktik

yang terdapat lebih dari satu dokter yang bekerja dalam pelayanan

kesehatan masyarakat. Untuk itu diperlukan suatu sistem yang

sekiranya dapat meningkatkan efektifitas dan efisiensi kerja. Selain

itu, masih banyak klinik menggunakan cara manual untuk mencatat

seluruh data kesehatan pasien, sehingga data kesehatan pasien sulit

dikontrol mengakibatkan human error dan tidak dapat memberikan

informasi yang akurat.

Selama ini dalam hal mencatat data kesehatan pasien serta

pembelian dan penjualan obat pada tempat praktiknya berlangsung

secara manual, sehingga mempengaruhi efisiensi dan efektivitas

kerja, sehingga pelayanan terhadap pasien menjadi sangat lambat.

Praktik Dokter Daerah Kabupaten Majene masih menggunakan

 2

sistem yang manual yaitu dengan menggunakan kartu pasien yang

tersusun di dalam lemari kaca. Satu diantaranya hanya

menggunakan komputer untuk proses registrasi saja, selain itu masih

dilakukan secara manual. Dengan sistem manual, setiap ada pasien

yang berkunjung (konsultasi), dokter atau petugas administrasi harus

mendata satu per satu dengan mengacu pada kartu periksa pasien

sehingga dalam operasional sehari-hari mereka sering mengalami

kesulitan dalam mendata pasien, diagnosa pasien dan pemberian

tindakan medis kepada pasien. Salah satu tempat dokter praktek

bersama yang masih menggunakan sistem manual dan menjadi

objek penelitian Penulis adalah Praktik Dokter Jihan Indriyani.

Dengan adanya Aplikasi yang berbasis web sebagai pusat

pencarian dan pendataan pasien secara terorganisir menjadi solusi

yang tepat dilihat dari permasalahan-permasalahan yang dialami

setiap dokter dalam mendata pasien, mendiagnosa pasien dan

pemberian tindakan medis kepada pasien. Dengan aplikasi ini,

diharapkan meningkatkan pelayanan terhadap pasien yang ada di

tempat praktek dokter sehingga penulis mengangkat judul “Rancang

Bangun Sistem Infromasi Klinik Praktik Dokter Jihan Indriyani

Berbasis Website”.
 3

1.2 Rumusan Masalah

Adapun masalah yang terdapat pada Klinik Praktik Dokter

Jihan Indriyani adalah:

1. Bagaimana Merancang Bangun Sistem Infromasi Klinik Praktik

Dokter Jihan Indriyani Berbasis Website?

2. Bagaimana Implementasi Sistem Infromasi Klinik Praktik Dokter

Jihan Indriyani Berbasis Website?

1.3 Batasan Masalah

Dengan keterbatasan waktu dan agar pembahasan tidak

menyimpang dari tujuan, maka Penulis melakukan pembatasan

masalah sebagai berikut:

1. Aplikasi sistem data pasien Klinik Praktik Dokter Jihan Indriyani.

2. Desain user interface dan database menggunakan bahasa

pemrograman php mysql.

1.4 Tujuan dan Manfaat Penelitian

1.4.1 Tujuan Penelitian

Berdasarkan permasalahan di atas, maka tujuan penelitian ini

adalah sebagai berikut :

1. Merancang Sistem Infromasi Klinik Praktik Dokter Jihan

Indriyani Berbasis Website.

 4

2. Mengimplementasikan Sistem Infromasi Klinik Praktik

Dokter Jihan Indriyani Berbasis Website.

1.4.2 Manfaat Penelitian

Adapun manfaat dari penelitian ini adalah :

1. Dapat menambah pengetahuan dan wawasan penulis dari

penelitian yang dilakukan penulis dengan cara

mengaplikasikan ilmu dan teori yang didapat selama

perkuliahan dalam pembahasan masalah mengenai

Sistem Infromasi Klinik Praktik Dokter Jihan Indriyani

Berbasis Website.

2. Peneliti ini diharapkan dapat memberikan informasi

sebagai masukan bagi dokter praktik dalam rangka untuk

melakukan penyempurnaan dalam Sistem Infromasi Klinik

Praktik Dokter Jihan Indriyani Berbasis Website.

 5

BAB II

LANDASAN TEORI

2.1 Konsep Dasar Perancangan Sistem

2.1.1 Definisi Rancang Bangun

Menurut (Pressman, 2015), Kata “rancang”

merupakan kata sifat dari “perancangan” yakni merupakan

serangkaian prosedur untuk menerjemahkan hasil analisis dari

sebuah sistem ke dalam bahasa pemrograman untuk

mendeskripsikan dengan detail bagaimana komponen-

komponen sistem diimplementasikan. Kata “bangun”

merupakan kata sifat dari “pembangunan” adalah kegiatan

menciptakan sistem baru maupun mengganti atau

memperbaiki sistem yang telah ada baik secara keseluruhan

maupun sebagian. Dengan demikian pengertian rancang

bangun merupakan kegiatan menerjemahkan hasil analisa

kedalam bentuk paket perangkat lunak kemudian menciptakan

sistem tersebut ataupun memperbaiki sistem yang sudah ada.

Banyak langkah yang perlu dilakukan dalam

perancangan perangkat lunak. Langkah-langkah tersebut

menggambarkan struktur data, struktur program, karakteristik

antarmuka dan detail prosedur yang merupakan sintesa dari

keperluan- keperluan informasi. Perancangan data merupakan

 6

langkah pertama dari empat kegiatan perancangan dalam

rekayasa perangkat lunak. Aktivitas utama dalam

perancangan data adalah memilih gambaran logik dari struktur

data yang dikenali selama fase spesifikasi dan pendefinisian

keperluan. Pemilihan ini melibatkan analisis algoritma dari

alternatif struktur dalam rangka menentukan perancangan

yang paling efisien. Beberapa prinsip dalam perancangan

data, yaitu:

1. Prinsip-prinsip analisis sistematis yang diterapkan

pada fungsi dan perilaku harus juga diterapkan pada data.

2. Seluruh struktur data dan operasi yang harus

dilakukan padanya harus dikenali.

3. Kamus data harus diadakan dan digunakan untuk

mendefinisikan perancangan data dan program.

4. Keputusan perancangan data level rendah haruslah

ditunda sampai akhir proses perancangan.

5. Gambaran dari struktur data mesti hanya dikenali

oleh modul yang menggunakan secara langsung isi data

di dalam struktur pustaka struktur data dan operasinya

mesti dikembangkan.

6. Rancangan perangkat lunak dan bahasa

pemograman mesti mendukung spesifikasi dan realisasi

dari jenis data abstrak. Sedangkan definisi rancangan

 7

aplikasi adalah proses di mana keperluan pengguna

dirubah ke dalam bentuk paket perangkat lunak dan atau

kedalam spesifikasi pada komputer.

2.1.2 Definisi Sistem

Menurut (Djahir dan Pratita, 2015) Sistem adalah

kumpulan dari unsur-unsur yang saling berkaitan dan dalam

keadaan saling tergantung yang mencari tujuan tertentu,

sistem dikelompokan menjadi dua bagian yang menekankan

pada produsernya dan ada yang menekankan pada

elemenya. Kedua kelompok ini adalah banar dan tidak

bertentangan, yang berbeda adalah cara pendekatannya.

2.1.3 Definisi Informasi

Menurut (Djahir dan Pratita, 2015) Informasi adalah

hasil dari pengolahan data menjadi bentuk data yang berguna

bagi yang menerimanya yang mengambarkan suatu kejadian-

kejadian nyata dan dapat digunakan sebagai alat bantu untuk

pengambilan suatu keputusan.

2.1.4 Definisi Sistem Informasi

Sistem informasi merupakn sistem dengan

komponen-komponen yang bekerja untuk mengolah data

 8

menjadi informasi untuk mendukung pengembalian keputusan

dan pengendalian di dalam organisasi yang digunakan untuk

mencapai tujuan. Tiga aktivitas yang terjadi pada sistem

informasi, yaitu:

1. Input adalah sekumpulan data mentah dalam organisasi

maupun luar organisasi untuk diproses dalam suatu

sistem informasi.

2. Processing adalah konversi atau pemindahan, manipulasi

dan analisis input mentah menjadi bentuk yang lebih

berarti bagi manusia.

3. Output adalah distribusi informasi yang sudah diproses ke

anggota organisasi dimana output tersebut akan

digunakan. Informasi dalam hal ini juga membutuhkan

umpan balik yaitu output dikembalikan ke anggota

organisasi yang berkepentingan untuk membantu

mengevaluasi atau memperbaiki input.

Sistem informasi adalah suatu sistem dalam suatu

organisasi yang mempertemukan kebutuhan pengolahan

transaksi harian, mendukung operasi, bersifat manajerial dan

berupa kegiatan strategi dari organisasi dan menyediakan

kebutuhan pihak luar tertentu dengan laporan-laporan yang

diperlukan.
 9

Sistem Informasi dapat terdiri dari komponen-

komponen yang disebut dengan istilah blok bangunan

(building block), yaitu blok masukan (input block), blok model

(model block), blok keluaran (output block), blok teknologi

(technology block), blok dasar data (database block), dan blok

kendali (controls block). Sebagai suatu sistem, keenam blok

tersebut masing-masing saling berinteraksi satu dengan yang

lainnya membentuk satu kesatuan untuk mencapai

sasarannya.

Input
Model Output
Pemakai Pemakai
Teknologi Dasar Kendali
data

Gambar 1

Blok Sistem informasi yang berinterasi

1. Blok Masukan

Input mewakili data yang masuk kedalam sistem informasi. Input

disini termasuk metode dan media untuk menangkap data yang

akan dimasukkan.
 10

2. Blok Model

Blok ini terdiri dari kombinasi prosedur, logika dan model

matematik yang akan memanipulasi data input dan data yang

tersimpan di dasar data dengan cara yang sudah tertentu untuk

menghasilkan keluaran yang diinginkan.

3. Blok Keluaran

Produk dari sistem informasi adalah keluaran yang merupakan

informasi yang berkualitas dan dokumentasi yang berguna untuk

semua tingkatan manajemen serta semua pemakai sistem.

4. Blok Teknologi

Teknologi merupakan “kotak alat” (tool box) dari pekerjaan

sistem informasi. Teknologi digunakan untuk menerima input,

menjalankan model, menyimpan dan mengakses data,

menghasilkan dan mengirimkan keluaran dan membantu

pengendalian dari sistem keseluruhan.

5. Blok Dasar Data

Dasar data merupakan kumpulan dari data yang saling

berhubungan satu dengan yang lainnya, tersimpan di perangkat

keras komputer dan digunakan perangkat lunak untuk

memanipulasinya. Data perlu disimpan di dalam dasar data

untuk keperluan penyediaan informasi lebih lanjut.

 11

6. Blok Kendali

Supaya sistem informasi dapat berjalan sesuai yang diinginkan,

maka perlu diterapkan pengendalian-pengendalian di dalamnya.

Banyak hal yang dapat merusak system informasi, seperti

bencana alam, api, temperatur, air kegagalan system itu sendiri,

ketidak efisienan dan sebagainya.

2.2 Definisi Klinik

1. Pengertian Klinik

Klinik merupakan fasilitas kesehatan yang menyelenggarakan

pelayanan medis, berupa medis dasar dan atau medis

spesialistik. Diselenggarakan oleh lebih dari satu jenis tenaga

kesehatan juga dipimpin oleh seorang tenaga medis

berdasarkan Permenkes RI No.9, 2014.

2. Jenis Klinik

a. Klinik Pratama

Klinik pratama adalah klinik yang menyediakan pelayanan

medik, berupa medik dasar oleh dokter umum dan dipimpin

oleh seorang dokter umum. Dari perijinannya, klinik ini dapat

dimiliki badan usaha atau juga perorangan.

b. Klinik Utama

Klinik utama merupakan klinik yang menyelenggarakan

pelayanan medik spesialistik atau pelayanan medik dasar

 12

dan spesialistik. Pelayanan medik spesialistik adalah

pelayanan medik terhadap individu atau keluarga dalam

masyarakat yang dilakanakan oleh dokter spesialis atau

dokter gigi spesialis. Dalam Permenkes No.9 Tahun 2014

dijelaskan bahwa tenaga medis pada Klinik utama yang

memberikan pelayanan kedokteran paling sedikit terdiri dari

1 (satu) orang dokter spesialis dan 1 (satu) orang dokter

sebagai pemberi pelayanan dan yang memberikan

pelayanan kedokteran gigi paling sedikit terdiri dari 1 (satu)

orang dokter gigi spesialis dan 1 (satu) orang dokter gigi

sebagai pemberi pelayan

3. Kewajiban Klinik

Klinik memiliki kewajiban yang diatur dalam Permenkes No 9

Tahun 2014 yaitu:

a. Memberikan informasi yang benar tentang pelayanan yang

diberikan.

b. Memberikan pelayanan yang efektif, aman, bermutu, dan

nondiskriminasi dengan mengutamakan kepentingan terbaik

pasien sesuai dengan standar profesi, standar pelayanan

dan standar prosedur operasional.

c. Memberikan pelayanan gawat darurat kepada pasien sesuai

dengan kemampuan pelayanannya tanpa meminta uang

 13

muka terlebih dahulu atau mendahulukan kepentingan

finansial.

d. Memperoleh persetujuan atas tindakan yang akan dilakukan

(informed consent).

e. Menyelenggarakan rekam medis;

f. Melaksanakan sistem rujukan dengan tepat;

g. Menolak keinginan pasien yang bertentangan dengan

standar profesi dan etika serta peraturan perundang-

undangan;

h. Menghormati dan melindungi hak-hak pasien;

i. Memberikan informasi yang benar, jelas, dan jujur mengenai

hak dan kewajiban pasien;

j. Melaksanakan kendali mutu dan kendali biaya berdasarkan

ketentuan peraturan perundang-undangan;

k. Memiliki standar prosedur operasional;

l. Melakukan pengelolaan limbah sesuai dengan ketentuan

peraturan perundang-undangan yang berlaku;

m. Melaksanakan fungsi sosial;

n. Melaksanakan program pemerintah di bidang kesehatan;

o. Menyusun dan melaksanakan peraturan internal klinik; dan

p. Memberlakukan seluruh lingkungan klinik sebagai kawasan

tanpa rokok.
 14

2.3 Definisi Praktik Dokter

Menurut Undang – Undang Republik Indonesia Nomor 29

tahun 2004 tentang Praktik kedokteran, Praktik Kedokteran adalah

rangkaian kegiatan yang dilakukan oleh dokter dandokter gigi

terhadap pasien dalam melaksanakan upaya kesehatan.Dokter dan

dokter gigi adalah dokter, dokter spesialis, dokter gigi, dan doktergigi

spesialis lulusan pendidikan kedokteran atau kedokteran gigi baik di

dalammaupun di luar negeri yang diakui oleh Pemerintah Republik

Indonesia sesuai dengan peraturan perundang-undangan.

2.4 Data Flow Diagram (DFD)

Menurut Sutabri (2015:163) Data Flow Diagram adalah suatu

network yang menggambarkan suatu sistem automat/komputerisasi,

manualisasi atau gabungan dari keduanya, yang penggambarannya

disusun dalam bentuk komponen sistem yang saling berhubungan

sesuai dengan aturan mainnya. Adapun simbol dan keterangannya

adalah sebagai berikut :

1. External Entity, merupakan simbol yang mewakili elemen yang

berada di luar sistem, tetapi memiliki hubungan interaksi dengan

sistem.

External Entity

Gambar 2

Simbol External Entity

 15

2. Proses, merupakan simbol yang mewakili kegiatan untuk

mengubah data menjadi informasi atau masukan untuk data

lain.

proses

Gambar 3

Simbol Proses

3. Data Store, merupakan simbol yang mewakili tempat

penyimpanan dari data dan dapat dipergunakan bila dibutuhkan.

Data Store

Gambar 4

Simbol Data Store

4. Data flow, merupakan simbol yang mewakili arah aliran data

yang berasal dari satu proses, data store atau elemen

lingkungan menuju ke satu proses, data store atau enviromental

element lannya.

Gambar 5

Simbol Data Flow

 16

Entity Relationship Diagram (ERD)

Menurut Al Fatta (2015:121) Entity Relationship Diagram adalah

gambar atau diagram yang menunjukkan informasi dibuat, disimpan, dan

digunakan dalam sistem bisnis. Adapun simbolnya sebagai berikut:

Tabel 1

Notasi Entity Relation Diagram

Dalam Entity Relation Diagram hubungan (relasi) dapat terdiri dari

sejumlah entitas yang disebut dengan derajat relasi. Derajat relasi

maksimum disebut dengan kardinalitas sedangkan derajat minimum

disebut dengan modalitas. Jadi kardinalitas relasi menunjukkan jumlah

maksimum entitas yang dapat berelasi dengan entitas pada himpunan

entitas lain. ERD menggunakan sejumlah notasi dan simbol untuk

menggambarkan struktur dan hubungan antar data, pada dasarnya ada

tiga macam simbol yang digunakan yaitu:

 17

1. Entity, merupakan suatu objek yang datanya diidentifikasikan

dalam lingkungan pemakai, sesuatu yang penting bagi pemakai

dalam konteks sistem yang akan dibuat.

2. Attribute, merupakan bagian dari Entity atau suatu field yang

menunjukkan suatu data yang sejenis, setiap entitas harus

memiliki atribut, contoh: Nama, Nip, Alamat, dll.

3. Relationship, sebagaimana halnya entitas maka dalam

hubunganpun harus dibedakan antara hubungan atau bentuk

hubungan antar entitas dengan isi dari hubungan itu sendiri.

Hubungan antara dua entity dapat dikategorikan menjadi tiga

macam, yaitu:

a. One to One Relationship Hubungan antara entitas pertama

dan kedua adalah satu berbanding satu.

b. One to Many Relationship Hubungan antara entitas pertama

dan kedua adalah satu berbanding banyak.

c. Many to Many Relationship Hubungan kedua entitas adalah

banyak berbanding banyak.

Pemetaan E-R Diagram perlu dilakukan untuk

menterjemahkan bentuk perancangan sistem ke bentuk tabel

(skema relasi) sebagai langkah awal implementasi progam

dengan melakukan tujuh langkah pemetaan berikut :

 18

1. Untuk setiap non weak entity (strong entity), dibuat relasi

yang terdiri dari semua atribut menjadi tabel.

2. Setiap entitas lemah (weak entity) L dari entitas kuat K

menjadi tabel yang terdiri dari semua atribut dari L ditambah

primary key dari K. Primary key L menjadi kombinasi dari key

L dan primary key K.

3. Untuk setiap relasi 1:1 (one to one) antara entitas S dan T

buatlah masingmasing tabel dengan masing-masing atribut

semua, tetapi di salah satu tabel jadikan primary key dari

tabel yang lain sebagai foreign keynya.

4. Untuk setiap relasi 1: n (one to many): tambah di entitas

yang sisi “n” primary key dari entitas yang sisi “1” sebagai

foreign key.

5. Untuk setiap relasi n:m akan tercipta satu tabel baru yang

disebut intermediet tabel dengan primary key di masing-

masing sisi many menjadi foreign key pada tabel tersebut.

6. Untuk setiap multi value atribut dari entitas L, buat relasi

dengan atributnya adalah atribut L itu sendiri yang ditambah

dengan atribut dari primary key dari L.

Untuk setiap non binary relationship, buat relasi dengan

atributnya adalah primary key dari entitas yang

berhubungan, dan juga dimasukkan atribut yang berada

dibagian relationship.
 19

2.5 Alur Kerja Sistem Flowchart

Melalui flowchart dapat terlihat jenis media penyimpanan

yang dipakai dalam pengolahan data selain itu juga menggambarkan

file yang dipakai sebagai input maupun output.

Sebelum kita memproses data ada baiknya kita menyimak

penjelasan mengenai diagram yang akan digunakan untuk

merancang dan memproses data klinik praktik dokter jihan indriyani..

1. Pengenalan Flowchart

Flowchart merupakan gambar atau bagian yang memperlihatkan

urutan dan hubungan antara proses beserta instruksinya.

Gambaran ini dinyatakan dengan symbol. Dengan demikian

setiap symbol menggambarkan proses tertentu. Sedangkan

hubungan antara proses digambarkan dengan garis

penghubung.

2. Arus Data Sistem Flowchart

Pada uraian sebelumnya telah dipaparkan bahwa proses

perancangan harus dilakukan secara tepat dan benar. Dari dasar

itulah, penulis menetapkan rancangan dari detail proses

perancangan sistem flowchart yang telah dirancang pada

pembahasan sebelumnya.
 20

2.6 Internet

1. Pengertian Internet

Nickerson dalam (Ferry Agdiyyanto, 2011)

mendefenisikan Internet berasal dari kata interconnection

networking yang berarti hubungan berbagai komputer dengan

berbagai tipe yang membentuk sistem jaringan yang mencakup

seluruh dunia (jaringan komputer global) dengan melalui jalur

telekomunikasi seperti telepon. Internet adalah kumpulan dari

berbagai jaringan yang saling terhubung secara internasional.

Internet dikatakan internasional karena terdiri dari kumpulan

WAN (Wide Area Network) dan LAN (Local Area Network).

Internet merupakan network public karena siapa saja

yang bersedia untuk membayar biaya akses ke situs yang

diinginkan maka mereka dapat menggunakan jasa internet.

Jaringan internet terhubung pada saluran komunikasi yang

berkecepatan tinggi yang disebut dengan backbone, yang

digunakan untuk mengirimkan data di antara jaringan. Internet

melakukan transfer data dengan menggunakan protokol

standar yang disebut TCP/IP.

2. Fasilitas dalam Internet

Fasilitas-fasilitas yang dapat dimanfaatkan dengan

menggunakan internet, diantaranya :

 21

a. Web, adalah fasilitas hypertext untuk menampilkan data

berupa teks, gambar, bunyi, animasi dan data multimedia

lainnya, yang diantara data tersebut saling berhubungan

satu sama lain.

b. Electronic Mail (E-Mail), merupakan fasilitas yang dapat

mengirim dan menerima surat elektronik (e-mail) pada atau

dari pemakai komputer lain yang terhubung diinternet, dan

dapat menyertakan file sebagai lampiran (attachment).

c. Newsgroup, fasilitas ini digunakan untuk mendistribusikan

artikel, berita, tanggapan, surat, penawaran, ataupun file ke

pemakai internet lain yang tergabung dengan kelompok

diskusi untuk topik tertentu.

d. File Transfer Protocol (FTP), fasilitas ini digunakan untuk

menghubungkan ke server komputer tertentu dan bila perlu

mengunduh (download) file yang dibutuhkan dari server

tersebut dan menyimpannya di database komputer.

3. Istilah – istilah Dalam Internet

Ada beberapa istilah yang sering digunakan dalam internet, di

antaranya adalah :

a. World Wide Web (WWW), merupakan kumpulan web

server (web pusat) dari seluruh dunia yang berfungsi

menyediakan data dan informasi untuk digunakan bersama.

 22

b. Website (situs web), merupakan tempat penyimpanan data

dan informasi dengan berdasarkan topik tertentu. Di

umpamakan situs web ini adalah sebuah buku yang berisi

topik tertentu.

c. Web Pages (halaman web), merupakan sebuah halaman

khusus dari situs web tertentu. Diumpamakan halaman web

ini adalah sebuah halaman khusus buku dari situs web

tertentu.

d. Homepage, merupakan program aplikasi yang berisi daftar

isi atau menu dari sebuah situs web.

2.7 Website

1. Pengertian Website

Betha dalam (Ferry Agdiyyanto, 2011) Website adalah

informasi dalam internet. Dengan menggunakan teknologi

Hypertext sehingga pemakai dituntut untuk menemukan

informasi dengan menggunakan link yang disediakan dalam

dokumen web, yang mana website mampu menjadi media

informasi perusahaan. Website memudahkan penggunaan

komputer untuk berinteraksi dengan pelaku internet lainnya dan

mampu menelusuri informasi diinternet.

2. Perangkat Lunak yang digunakan

 23

a. HTML

HTML mempunyai kepanjangan Hyper Text Markup

Language yaitu suatu bahasa pemrograman hyper text. Html

ini memiliki fungsi untuk membangun kerangka atau format

web berbasis html. HTML bisa disebut bahasa yang

digunakan untuk menampilkan dan mengelola hyper text.

HTML juga digunakan untuk menampilkan berbagai

informasi didalam sebuah penjelajah web internet dan

formatting hypertext sederhana yang ditulis kedalam berkas

format ASCII agar dapat menghasilkan tampilan wujud yang

terintegrasi. Dengan kata lain, berkas yang dibuat dalam

perangkat lunak pengolah kata dan disimpan kedalam

format ASCII normal akan menjadi homepage dengan

perintah-perintah html.

HTML mempunyai dua macam ekstensi untuk

membangun dokumen html yaitu .htm dan .html. Format

ekstensi .htm awalnya hanyalah untuk mengakomodasi

penggunaan html dalam operasi DOS. (Agus Saputra, dkk,

2012)

b. PHP (Personal Home Page)

PHP atau yang memiliki kepanjangan PHP Hypertext

Preprocessor, merupakan suatu bahasa pemrograman yang

difungsikan untuk membangun suatu website dinamis. PHP

 24

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

sebuah web akan sangat mudah di-maintenance. PHP

berjalan pada sisi server sehingga PHP disebut juga sebagai

bahasa Server Side Scripting, artinya dalam setiap

menjalankan PHP wajib dibutuhkan web server dalam

menjalankannya. (Agus Saputra, dkk, 2012).

Adapun kelebihan – kelebihan dari PHP yaitu :

1) Mudah dibuat dan berkecepatan tinggi

2) PHP dapat berjalan lintas platform, yaitu dapat berjalan

dalam sistem operasi web manapun

3) Dapat digunakan secara gratis, bersifat Open Source

4) Didukung oleh beberapa macam Web Sever, seperti

Apache, IIS, dan lainnya.

5) Mendukung Database, baik yang gratis maupun yang

berbayar seperti MySQL, PostgreSQL, mSQL, Infomix,

SQL Server, Oracle.

( Nugroho Bunafit , Membuat Website Sendiri Deangan

PHP-MSQL,Mediakita, 2009 )
 25

c. Macromedia Dreamweaver

Macromedia Dreamweaver didefenisikan oleh Andi

dalam (David Prastya, 2011) adalah sebuah HTML editor

professional untuk mendesain secara visual dan mengelola

situs maupun halaman web. Dreamweaver merupakan

software utama yang digunakan oleh web desainer maupun

web programmer dalam mengembangkan suatu situs.

Hal ini disebabkan ruang kerja, fasilitas dan kemampuan

Dreamweaver yang mampu meningkatkan produktivitas dan

evektifitas dalam desain maupun membangun suatu situs.

Dreamweaver juga dilengkapi dengan fasilitas untuk

manajemen situs yang cukup lengkap.

( Hadi Mulya, Dreamweaver CS4 Untuk Orang

Awam,Maxikom,Palembang,2009 ).

d. Adobe Photoshop CS

Herman Lukito dalam (Ferry Agdiyyanto, 2011)

menyatakan bahwa Photoshop dari Adobe adalah salah satu

perangkat lunak yang paling canggih yang dapat anda

pergunakan untuk penyuntingan, perbaikan, dan

memanipulasi citra termasuk koreksi warna dan sebagainya.

Anda dapat menggunakan Photoshop untuk bekerja dengan

citra yang diperoleh melalui scanner atau citra yang anda

desain sendiri baik dengan menggunakan Photoshop atau

 26

dengan bantuan perangkat lunak lain seperti Adobe

Illustrator. Citra yang dihasilkan kemudian dapat anda cetak

atau anda gunakan dalam penerbitan halaman web di

internet.

Adobe Photoshop merupakan salah satu program gambar

standar profesional. Fasilitas terbaru dari Adobe Photoshop

CS seperti file browser, fasilitas mencari file gambar yang

dapat diedit. Dalam proses manipulasi gambar, pada

dasarnya Photoshop digunakan untuk melakukan tugas-

tugas berikut :

1) Membuat tulisan dengan efek tertentu.

Kelebihan Adobe Photoshop adalah mampu membuat

tulisan dengan bermacam-macam karakteristik.

2) Membuat tekstur dan material yang beragam.

Dengan langkah-langkah tertentu, seorang disainer bisa

membuat gambar misalnya daun, logam, air, dan

bermacam gambar lainnya.

3) Mengedit foto dan gambar yang sudah jadi.

Manipulasi yang bisa dilakukan antara lain : mengubah

posisi gambar, mengatur pencahayaan, komposisi

warna, menyambung gambar, menambah border (frame)

dan efek-efek lainnya.

 27

BAB III

PELAKSANAAN DAN PEMODELAN/ PERANCANGAN SISTEM

3.1 Tempat dan waktu Penelitian

Adapun tempat penelitian yaitu Pada Klinik Praktik Dokter

Jihan Indriyani jln. Poros Majene Mamuju Kabupaten Majene dan

waktu perancangan penelitian ini selama 2 bulan, mulai juni s/d juli

2022, berdasarkan rekomendasi dari Fakultas Ilmu Komputer

Universitas Tomakaka Mamuju.

3.2 Metode Penelitian

Metode yang digunakan dalam pengembangan sistem

informasi Praktik Dokter adalah penelitian eksperimen

sesungguhnya (True Experiment) yang menggunakan desain

rancangan percobaan rancangan acak lengkap faktorial. Penelitian

eksperimen semu untuk melihat kemungkinan hubungan antar

variabel terhadap beberapa macam perlakuan yang hasilnya saling

dibandingkan, namun tetap menyadari keterbatasan penelitian dari

penelitian eksperimen sesungguhnya adalah adanya manipulasi

variabel bebas, namun tanpa ada pemilihan acak untuk kelompok,

dan atau tanpa kelompok kontrol (Arikuanto & Suharsimi, 2010).

 28

3.3 Teknik Pengumpulan Data

Tahap awal penelitian yaitu melakukan proses pengumpulan

data dari berbagai sumber terkait dengan bidang yang sedang dikaji

peneliti meliputi :

3.3.1. Wawancara

Wawancara secara langsung dengan Dokter Jihan Indriyani,

Metode ini dilakukan dengan mengadakan tatap muka secara

langsung dengan orang yang di anggap dapat memberikan

informasi.

3.3.2. Obsevasi (Pengamatan Langsung)

Metode ini diperlukan untuk mengetahui atau mendapatkan

data yang tidak mungkin didapat dengan metode wawancara.

Metode observasi ini dilakukan dengan cara melakukan

pengamatan secara lansung di Klinik Prakti Dokter Jihan

Indriyani.

3.3.3. Studi Literatur

Yaitu penelitian yang dilakukan dengan cara membaca dan

mempelajari literature dengan maksud untuk mendapatkan

teori-teori mengenai masalah pokok yang sedang dibahas.

 29

3.4 Sistem Yang Sedang Berjalan

Analisis sistem merupakan gambaran tentang sistem yang

saat ini sedang berjalan di Klinik Praktik Dokter Jihan Indriyani,

sistem yang digunakan masih sederhana dan manual seperti pada

gambar dibawah ini.

Gambar 6

Flowchart Sistem Yang Sedang Berjalan

3.5 Sistem yang Diusulkan

Rancangan sistem yang diusulkan merupakan proses

merancang atau mendesain sistem yang baik, isinya adalah langkah-

langkah operasi dalam pengolahan data dan prosedur untuk operasi

sistem. Kegiatan yang dilakukan pada tahap ini yaitu merancang

atau mendesain sistem yang baik, mendesain pemodelan sistem

yang baik, mengenali dan endefinisikan masalah pembuatan sistem

ini sehingga jika ada kesalahan ada alternative pemecahannya.

 30

Perancangan juga merupakan langkah pertama di dalam

fase pengembangan rekayasa suatu produk atau sistem. Tujuan

perancangan adalah membuat suatu perangkat lunak yang dapat

memberikan informasi. Program ini dirancang menggunakan

database, sehingga penggunaannya lebih murah dan mudah

dioperasikan.

Gambar 7

Flowchart Sistem Yang Di Usulkan

3.5.1 DFD Level 0 (Diagram Konteks)

Diagram konteks merupakan diagram yang

menggambarkan secara keseluruhan dari sistem serta

komponen-komponen yang terlibat langsung dalam sistem

tersebut.
 31

Data Admin

Data profil

Rancang Bangun
a Data Profil
Sistem informasi
Klinik praktik b
Operator dokter jihan
Masyarakat
indriyani

Data jadwal
Data Jadwal

Gambar 8

Diagram Konteks

3.5.2 Diagram Berjenjang

Diagram Berjenjang merupakan diagram yang

menggambarkan urutan-urutan proses yang terdapat atau

yang telah digambarkan pada diagram konteks sistem.

Gambar diagram berjenjang ini dapat dilihat dibawah.

Rancang Bangun Sistem

informasi Klinik praktik dokter
jihan indriyani

Data Profil Data Jadwal

Gambar 9

Diagram Berjenjang
 32

Gambar 10

DFD Level 1

3.5.3 Kamus Data

Kamus data (Data Dictionary) adalah katolog fakta tentang

data dan kebutuhan-kebutuhan informasi dari suatu sistem

informasi. Kamus data dibuat berdasarkan arus data yang

mengalir pada diagram arus data., yang didalamnya terdapat

struktur atus data secara terinci.Kamus data digunakan

sebagai alat komunikasi antara analis sistem (System

Analist) dengan pemakai (user) sistem. Adapun kamus data

 33

dari Perancangan penyusunan analisis jabatan dan evaluasi

adalah sebagai berikut:

Tabel 2

Kamus Data Klinik Praktik Dokter

Nama Arus Data : Tabel Klinik Praktik Dokter

Penjelasan : Tabel untuk menyimpan data Klinik Praktik Dokter

Arus data : b-2-F1, F1-1-a

No Nama Item data Type Lebar Keterangan

1 Kd Varchar 5 Kode

2 Profil Varchar 300 Profil

3 Jadwal_praktik Varchar 300 Jadwal Praktik Dokter

4 Jam _buka Date 300 Jam buka

5 Jam_tutup Varchar 300 Jam Tutup

 34

3.5.4 Relasi Database

Gambar 11

Relasi Database

3.5.5 User Interface

1. Menu Login

Menu login merupakan tampilan pertama ketika

membuka situs website Praktik Dokter.

Gambar 12

Rancangan halaman menu login

 35

2. Menu Home

Menu home merupakan tampilan untuk melihat profil

dokter jihan Indriyani.

Gambar 13

Rancangan halaman menu home

3. Menu Jadwal Dokter

Menu jadwal dokter merupakan tampilan untuk melihat

data jadwal praktik.

Logo praktik dokter jihan indriyani

Jadwal dokter

Text
Text

Gambar 14

Rancangan halaman menu jadwal dokter

 36

4. Menu Antrian Pasien

Menu antrian pasien merupakan tampilan untuk melihat

data antrian pasien.

praktik dokter jihan indriyani

No Antrian Saat Ini

No Antrian :
Poli :

Gambar 15

Rancangan halaman menu antrian

5. Menu Halaman Admin

Menu admin ini merupakan tampilan untuk melakukan

monitoring data pasien untuk lebih jelas dapat dilihat

gambar dibawah ini.

Gambar 16

Rancangan halaman menu admin

 37

3.6 Instrumen Penelitian

Instrumen penelitian berfungsi sebagai alat bantu dalam

mengumpulkan data-data yang dibutuhkan dalam sebuah

penelitan. Penyusunan instrumen seperti halnya mengevaluasi,

karena dengan mengevaluasi peneliti dapat memperoleh data dari

objek yang diteliti, dan hasil yang didapatkan bisa diukur memakai

standar yang sebelumnya telah ditentukan oleh peneliti.

Didalam penulisan dan penelitian ini penulis membutuhkan

beberapa instrumen antara lain adalah perangkat keras maupun

perangkat lunak unutk menunjang penyelesaiann penelitian.

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak

yang dibutuhkan, diantaranya :

3.6.1 Kebutuhan Perangkat Lunak(Software)

Didalam sebuah penelitian peneliti memerlukan sebuah

penujang perangkat lunakkomputer yang diperuntukkan

untuk melakukan penelitian ini adalah sebagai berikut ini :

1. Sistem Operasi

Pada penelitian ini penulis menggunakan sistem operasi

yang digunakan adalah Microsoft Windows 7 32bit, dan

bahasa pemrograman yang digunakan sebagai

penunjang adalah php mysql.

 38

2. MySQL

MySQL merupakan sebuah software turunan dari sebuah

basis data SQL. MySQL dikembang oleh perusahaan

database dari swedia pada tahun 1994. Saat itu MySQL

bersifat opensource dengan instalasi software mencapai

6 juta diseluruh dunia. Disamping itu MySQL juga ada

yang berbayar terutama bagi perusahaan-perusahan

yang menggunakan atau menyewa jasa dari MySQL.

3.6.2. Kebutuhan Perangkat Keras(Hadware)

Didalam sebuah penelitian peneliti memerlukan sebuah

penujang perangkat keras komputer yang diperuntukkan

untuk melakukan penelitian ini adalah sebagai berikut ini :

1. Laptop dengan spesifikasi sebagai berikut

- Prosesor Intel(R) Celeron(TM) CPU 1007U 1.50GHz

- Harddisk 250 GB

- RAM 2GB

- Layar Monitor 11”

- Mouse

2. Printer dengan spesifikasi

- Epson

- Seri L300
 39

3.7 Jadwal Penelitian

Penelitian ini dilakukan dari bulan agustus sampai dengan

september 2022 Pembuatan jadwal penelititan merupakan hal yang

sangat diperlukan untuk mengukur sejauh mana efektifitas dalam

setiap tahapan-tahapan yang dikerjakan dalam pembuatan sistem.

Adapun tahapan-tahapan yang penulis laksanakan pada saat

melakukan penelitian yaitu sebagai berikut

 40

Tabel 3

Jadwal Penelitian

Agustus September Oktober November

No. Kegiatan
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

Pengumpulan
1.
Data

2. Analisa Data

Perancangan
3.
database

Perancangan
4.
system

Desain sistem

Pengujian

system

Pengembangan

system

5. Final
 41

BAB IV

HASIL DAN ANALISA

4.1 Hasil Rancangan Program Aplikasi

Berdasarkan dari hasil program yang dibuat maka

kesimpulannya yaitu perangkat lunak berjalan sesuai dengan

konfigurasi yang diinginkan.

4.1.1 Form Menu Beranda

Form menu beranda merupakan tampilan awal saat

mengakses website. Berikut gambar form menu beranda.

Gambar 17

Form Menu Beranda

4.1.2 Form Menu Jadwal Praktik

 42

Menu jadwal praktik dokter jihan indriyani merupakan

tampilan menu form dimana pemakai user dapat melihat

jadwal praktik dokter jihan indriyani . Berikut gambarnya

Gambar 18

Form Menu Jadwal Praktik Dokter

 43

4.1.3 Form Menu Login

Menu Login merupakan tampilan menu form dimana

user atau operator login untuk mengambil nomor antrian.

berikut Gambar form menu login

Gambar 19

Form Menu Login

 44

4.1.4 Form Menu Registrasi Pasien

Menu registrasi merupakan tampilan menu form

dimana pasien mmendaftarkan diri untuk dapat mengambil

nomor antrian.

Gambar 20

Form Menu Registrasi

 45

4.1.5 Form Menu Ambil Antrian

Form ambil antrian merupakan form yang diakseskan

untuk mengambil nomor antrian pasien. Seperti gambar

dibawah ini.

Gambar 21

Form Menu Ambil Antrian

 46

4.1.6 Form Menu Output Antrian

Form output antrian merupakan form yang diakseskan

untuk mencetak nomor antrian. Seperti gambar dibawah ini.

Gambar 22

Form Menu Cetak Antrian

 47

4.1.7 Form Menu Login Admin

Form menu login admin merupakan form yang

diakseskan untuk masuk kehalaman menu administrator.

Seperti gambar dibawah ini.

Gambar 23

Form Menu Login Admin

 48

4.1.8 Form Menu Admin

Form menu admin merupakan form yang diakseskan

untuk mengelola data pasien serta data antrian poli. Seperti

gambar dibawah ini.

Gambar 24

Form Menu Admin

4.2. Analisa Hasil Perancangan

4.2.1 Analisa Masalah

Analisa masalah yaitu proses memilih-milih

permasalahan untuk dipelajari agar dapat memecahkan suatu

masalah terhadap sistem yang berjalan di instansi yang

bersangkutan. Hasil dari proses ini ialah pengembangan sistem

yang telah ada dengan perancangan program Sistem Infromasi

Klinik Praktik Dokter Jihan Indriyani Berbasis Website.

 49

Table 4

Analisa Masalah

Sistem Yang Sedang Sistem Yang

No Uraian
Berjalan Sedang Diusulkan

Waktu yang Waktu yang

1 Waktu digunakan 1 sampai 2 digunakan 3 sampai

jam 5 menit

2 Operator Lebih dari satu Satu

3 Penginputan - Cukup cepat

4.2.2 Pemecahan Masalah

Dalam menyelesaikan masalah tersebut, maka diadakan

pengembangan sistem yaitu dengan menganalisa sistem yang

sedang berjalan sehingga diperoleh hasil sistem yang dapat

diandalkan.

Implementasi perancangan program yang dimaksud adalah

dengan menggunakan program aplikasi adobe flash cs6 dengan

pertimbangan antara lain :

1. Sistem ini mampu merancang serta mengatasi persoalan

yang ada, sehingga dapat meminimalkan tingkat kesalahan.

2. Dengan menggunakan program aplikasi dapat meningkatkan

efisiensi dan efektivitas kerja.

 50

4.2.3. Analisa Hasil Perancangan

Sesuai dengan apa yang penulis kerjakan yaitu Sistem

Infromasi Klinik Praktik Dokter Jihan Indriyani Berbasis Website

maka hasil dari pengeditan dan pembuatan dapat kita lihat

hasilnya melalui dekstop maupun website.

4.3 Hasil Pengujian Sistem

Pengujian sistem dilakukan untuk menguji hubungan antara

program aplikasi yang dibuat dengan elemen yang lain dalam sistem

informasi. Adapun tujuan dari pengujian sistem ini adalah untuk

memastikan semua elemen sistem sudah terhubung dengan baik.

Pada pengujian sistem ini akan dilihat ketika sistem ini diterapkan

pada Sistem Informasi data bahan bangunan. Pengujian sistem

dilakukan dengan wawancara kepada user dengan memberikan

beberapa pertanyaan sebagai berikut:

1. Apakah tampilan sudah memenuhi kebutuhan pengguna?

2. Apakah sistem mudah dipahami oleh pengguna?

3. Apakah penempatan menu-menu yang ada sudah memenuhi

kebutuhan pengguna?

4. Apakah warna tampilan sudah sesuai dengan kebutuhan

pengguna?

5. Apakah fungsi-fungsi menu sudah memenuhi kebutuhan

pengguna?
 51

6. Apakah sistem memberikan manfaat bagi pengguna?

7. Apakah sistem memberikan panduan yang baik?

Dari beberapa pertanyaan diatas maka dapat ditarik

kesimpulan bahwa Sistem Infromasi Klinik Praktik Dokter Jihan

Indriyani Berbasis Website yang dibuat dari tampilan, fungsionalitas

menu sudah memenuhi kebutuhan pengguna dan bermanfaat.

1). Login User

Table 5

Login User
 52

2) Input Data Registrasi Pasien

Table 6

Input Data Registrasi Pasien

Kasus dan Hasil Uji (Data Normal )

Data Masuk Skenario Uji Yang Diharapkan Pengamatan Kesimpulan

 Dapat di di   Dapat
 Input Data
simpan dengan tersimpan
 Input pasien pasien secara
kode yang di sesuai yang  
lengkap
inputkan diharapkan

Kasus dan Hasil Uji (Data Salah )

  Tidak Dapat di  Tidak Dapat

 Input pasien Jika di simpan dengan tersimpan

  Input pasien
Tidak lengkap kode u yang di sesuai yang  

inputkan diharapkan
 53

3) Input Data Antrian

Table 7

Input Data Antrian

Kasus dan Hasil Uji (Data Normal )

Data Masuk Skenario Uji Yang Diharapkan Pengamatan Kesimpulan

 Dapat di di   Dapat
 Input Data
simpan dengan tersimpan
 Edit Data antrian antrian secara
kode yang di sesuai yang  
lengkap
inputkan diharapkan

Kasus dan Hasil Uji (Data Salah )

  Tidak Dapat di  Tidak Dapat

 Input Data
di simpan dengan tersimpan
Edit Data antrian antrian Jika Tidak
kode yang di sesuai yang  
lengkap
inputkan diharapkan
 54

4) Input Data Pelaporan

Table 8

Input Data Transaksi

Kasus dan Hasil Uji (Data Normal )

Data Masuk Skenario Uji Yang Diharapkan Pengamatan Kesimpulan

 Dapat di di   Dapat
 Input Data
 Edit Data simpan dengan tersimpan
pelaporan secara
pelaporan kode yang di sesuai yang  
lengkap
inputkan diharapkan

Kasus dan Hasil Uji (Data Salah )

  Tidak Dapat di  Tidak Dapat

 Input Data
Edit Data di simpan dengan tersimpan
pelaporan Jika
pelaporan kode yang di sesuai yang  
Tidak lengkap
inputkan diharapkan
 55

4.4 Kesimpulan Hasil Pengujian

Berdasarkan hasil dari pengujian yang dilakukan, dapat ditarik

kesimpulan bahwa perangkat lunak secara fungsional mengeluarkan

hasil sesuai dengan yang diharapkan.

4.5 Implementasi

Implementasi Sistem Infromasi Klinik Praktik Dokter Jihan Indriyani

Berbasis Website tersebut dapat dijalankan secara online..

1. Batasan Implementasi

Batasan implementasi aplikasi yang dibuat ada beberapa hal

yaitu :

a. Tidak semua implementasi informasi toko bangunan

dikerjakan tetapi hanya subsistem-subsistem yang

mendukung.

b. Basis data yang digunakan adalah msql yang digunakan

untuk server.

c. Tampilan untuk Aplikasi menggunakan bahasa Indonesia.

2. Implementasi Perangkat Lunak

Perangkat lunak yang harus disiapkan dalam pembangunan

aplikasi ini yaitu Aplikasi program yang digunakan yaitu

dreaamweafer 8, dan Database yang digunakan msql, Sistem

Operasinya menggunakan Windows Xp.

 56

3. Implementasi Perangkat Keras

Perangkat keras yang digunakan berdasarkan kebutuhan yang

harus terpenuhi untuk menjalankan program tersebut antara

lain adalah Komputer Server :

a. Prosesor Intel Pentium 4.

b. Menggunakan RAM minimal 128 MB.

c. Mouse, keyboard, dan monitor

Komputer Client :

a. Prosesor Intel Pentium 4.

b. Menggunakan RAM minimal 128 MB.

c. Mouse, keyboard, dan monitor

 57

BAB V

PENUTUP

5.1 Kesimpulan

Berdasarkan dari hasil Penelitian dalam pembahasan diatas,

maka beberapa hal yang dapat dijadikan kesimpulan adalah sebagai

berikut :

1. Dengan Merancang Bangun Sistem Infromasi Klinik Praktik

Dokter Jihan Indriyani Berbasis Website dengan Bahasa

pemograman php mysql dapat membantu Praktik Dokter Jihan

Indriyani dalam melakukan transaksi.

2. Mengimplementasikan Sistem Infromasi Klinik Praktik Dokter

Jihan Indriyani Berbasis Website telah di uji coba dan telah dapat

kita lihat hasilnya melalui internet dan berjalan sesuai keinginan

Dokter atau pegawai Pada Praktik Dokter Jihan Indriyani.

5.2 Saran

Berdasarkan dari hasil penelitian dalam pembahasan diatas,

maka beberapa hal yang menjadi saran adalah sebagai berikut :

1. Dengan adanya sistem informasi yang penulis buat, bisa menjadi

pendorong untuk lebih meningkatkan dan mengembangkannya

sehingga proses pembelajaran bahasa arab bisa lebih efektif dan

efisien.
 58

2. Sistem yang saat ini berjalan diharapkan dapat mempermudah

dengan adanya program aplikasi yang telah dirancang untuk

Praktik Dokter Jihan Indriyani Berbasis Website.

 59

DAFTAR PUSTAKA

Ambarwati, FR dan Nasution N. 2015. Keterampilan Dasar Praktik Klinik.

Surakarta : Dua Satria Offset.

Arikunto, Suharsimi. (2010). Prosedur Penelitian Suatu Pendekatan

Praktek. Jakarta: Rineka Cipta.

Djahir, Yulia dan Dewi Pratita. 2015. Bahan Ajar Sistem Informasi

Manajemen. Yogyakarta : Deepublish.

Fathurroman, Muhammad. 2015. Model-Model Pembelajaran Inovatif.

Jogjakarta: Ar-Ruzz Media

Hanif Al Fatta. 2016. Analisis dan Perancangan Sistem Informasi. Andi.

Yogyakarta.

Hikmah, A.B., Dedy, S., et al. 2015, “Cara Cepat Membangun Website

Dari Nol”, CV Andi Offest, Yogyakarta.

Indarini, E, Sandono,T dan Onate, M.E. 2013. Pengetahuan Metakognitif

Untuk Pendidik Dan Peserta Didik. Volume 29, Nomor 1, hal 40-46
 60

Ismainar. 2015, “Manajemen Unit Kerja”, Deepublish, Yogyakarta.

Kemenkes RI. 2017. Kemitraan kemenkes dengan AstraZeneca Indonesia

dalam Membangun Kesehatan Masyarakat. E-Berita. diakses

dalam

http://www.kesmas.kemkes.go.id/portal/konten/~rilis-berita/092807-

kemitraan-kemenkes-dengan-astrazeneca-indonesia-

dalammembangun-kesehatan-masyarakat pada tanggal 24

Desember 2019

Kotler and Amstrong. (2016). Prinsip-prinsip Pemasaran. Edii13. Jilid 1.

Jakarta:Erlangga

Oktavian, Diar Puji. 2015. Menjadi Programmer Jempolan Menggunakan

PHP. Yogyakarta: Penerbit MediaKom

Pressman, R.S. 2015. Rekayasa Perangkat Lunak: Pendekatan Praktisi

Buku I. Yogyakarta: Andi

Tata Sutabri. 2015. Analisa Sistem Informasi. Andi. Yogyakarta.

Terstruktur Teori dan Praktik Aplikasi Bisnis. Andi Offset.

Yogyakarta.
 61

Widianti Santi, Setiadi Iwan dan Fitman Hermawan Herul. 2004. Design

Dan Implementasi Sms Gateway Sebagai Pehubung Antara Smsc

Dan Http Server Menggunakan Smpp 3.4, Universitas Telkom.

Wirasta Wendi., S.T,. dan Imam Febriansyah. 2014. Perancangan Sistem

Informasi Penyewaan Alat-Alat Pesta Berbasis Web Di Narda Pesta,

STMIK LPKIA Bandung.

Wisnu Gilang Pamungkas dan Rosadi Aqwam Kardian. 2013. Analisa

Perkiraan Jumlah Penerimaan Mahasiswa Baru Dengan

Menggunakan Metode Kuadrat Terkecil dan SPSS 17.0 Studi

Kasus : STMIK JAKARTA (STI&K), Jurnal Ilmiah Komputasi ISSN.

 62

N
 63

1. Listin Halaman Dashboard

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1,

shrink-to-fit=no">

<meta name="description" content="">

<meta name="author" content="">

<title>Praktik Dokter Jihan Indriyani</title>

<link rel="shortcut icon" href="assets/user/img/logo.png">

<!-- Custom fonts for this theme -->

<link href="<?php echo

base_url('assets/user')?>/vendor/fontawesome-free/css/all.min.css"

rel="stylesheet" type="text/css">

<link href="https://fonts.googleapis.com/css?

family=Montserrat:400,700" rel="stylesheet" type="text/css">

 64

<link href="https://fonts.googleapis.com/css?

family=Lato:400,700,400italic,700italic" rel="stylesheet"

type="text/css">

<!-- Theme CSS -->

<link href="<?php echo

base_url('assets/user')?>/css/freelancer.min.css" rel="stylesheet">

<link href="<?php echo base_url('assets/user')?>/lib/noty.css"

rel="stylesheet">

<link href="<?php echo

base_url('assets/user')?>/lib/themes/metroui.css" rel="stylesheet">

</head>

<style type="text/css">

.btncostume{

background: #2c3e50;

color: white;

sup{

color: red;

.border1{

border: thin solid;

}
 65

.costum{

background: white;

border: thin solid #fff;

.masthead .masthead-avatar {

width: 8rem !important;

</style>

<body id="page-top">

<!-- Navigation -->

<nav class="navbar navbar-expand-lg bg-secondary text-uppercase

fixed-top" id="mainNav">

<div class="container">

<a class="navbar-brand js-scroll-trigger" href="#page-top">Praktik

Dokter Jihan Indriyani</a>

<button class="navbar-toggler navbar-toggler-right text-uppercase

font-weight-bold bg-primary text-white rounded" type="button" data-

toggle="collapse" data-target="#navbarResponsive" aria-

 66

controls="navbarResponsive" aria-expanded="false" aria-

label="Toggle navigation">

Menu

<i class="fas fa-bars"></i>

</button>

<div class="collapse navbar-collapse" id="navbarResponsive">

<ul class="navbar-nav ml-auto">

<?php if(empty($this->session->userdata('id_pasien'))) {?>

<li class="nav-item mx-0 mx-lg-1">

<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger"

href="#registrasi">Login</a>

</li>

<?php }else{?>

<li class="nav-item mx-0 mx-lg-1">

<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger"

href="#"><?php echo $this->session->userdata('nama'); ?></a>

</li>

<li class="nav-item mx-0 mx-lg-1">

<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger"

href="<?php echo base_url('Index/logout') ?>">Logout</a>

</li>

<?php }?>

<li class="nav-item mx-0 mx-lg-1">

 67

<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger"

href="#bantuan">Jadwal Praktik </a> </li>

</ul>

</div>

</div>

</nav>

<!-- Masthead -->

<header class="masthead bg-primary text-white text-center">

<div class="container d-flex align-items-center flex-column">

<!-- Masthead Avatar Image -->

<!-- Masthead Heading -->

<h1 class="masthead-heading text-uppercase mb-0"><img

class="masthead-avatar mb-5" src="<?php echo

base_url('assets/user') ?>/img/logo.png" alt="">Dokter Jihan Indriyani

</h1>

<div class="row">

<div class="col-md-12" style="border: thin solid; ">

<h3>NO ANTRIAN SAAT INI</h3>

 68

<h1 style="margin-top: 5px;"><?php echo $no_antrian; ?></h1>

</div>

</div>

<?php if(!empty($this->session->userdata('id_pasien'))){ ?>

<?php } ?>

<?php if(empty($this->session->userdata('id_pasien'))){ ?>

<h4 class="masthead mb-0" style="margin-top: 10px !

important;padding: 20px;">Selamat Datang di Praktik Dokter Jihan

Indriyani.</h4>

<h4 align="justify" class="masthead mb-0" style="margin-top: 10px !

important;padding: 20px;"><em> ---- Poliklinik umum merupakan

tempat pelayanan yang bertugas melakukan pemeriksaan pasien

secara umum dengan melihat indikasi atau gejala &ndash; gejala

yang di derita oleh pasien, petugas yang ada di poli umum sejumlah 5

orang perawat yang secara bergantian melayani pasien yang datang.

Poliklik Balai Pendidikan Dan Pelatihan Transportasi Darat

Merupakan tempat pelayanan yang bertugas melakukan penanganan

dan perawatan medis serta seleksi terhadap pasien yang sebagian

besar Taruna dan Karyawan setempat dilingkungan Balai Pendidikan

Dan Pelatihan Transportasi Darat Palembang yang biasa di sebut

BP2TD. Pengunjung dilayani oleh Dokter Umum dan Perawat yang

bertugas melakukan anamnesa dan diagnosa awal terhadap pasien.

Di Poliklinik BP2TD saat ini terdapat 3 ruang Pelayanan Poli Umum

 69

dan Poli Gigi yang selalu bersih dan nyaman. Petugas d poliklinik

bertanggung jawab atas setiap pasien yang diperiksa agar dapat

memberikan pelayanan yang sesuai setandar dan dapat di

pertanggung jawabkan dalam mendiagnosa setiap keluahan setiap

pasien yang berkunjung dipoliklinik tersebut. Poliklinik ini juga

manangani pasien dari keluarga pegawai yang tinggal disekitar tidak

jauh dari balai diklat tersebut. Data pemeriksaan diinput berdasarkan

data pegawai yang bersangkutan jadi data keluaran obat dan

pemeriksaan berdasarkan data pegawai yang terdata dalam data di

poliklinik tersebut. Poliklinik sering juga mengadakan bakti sosial ke

desa-desa seperti Prajin, Sembokor, Rambutan dan daerah

sekitarnya yaitu berupaya membantu warga sekitar dalam proses

sosialisasi tentang kesehatan.</em></h4>

<h4 class="masthead mb-0" style="margin-top: 10px !

important;padding: 20px;"><br>

Jika anda belum memiliki akun, silakan Registrasi terlebih

dahulu.</h4>

<button type="button" class="btn btncostume" data-toggle="modal"

data-target="#exampleModal">

Registrasi

</button>

<?php } ?>

<!-- Icon Divider -->

 70

<div class="divider-custom divider-light">

<div class="divider-custom-line"></div>

<div class="divider-custom-icon">

<i class="fas fa-star"></i>

</div>

<div class="divider-custom-line"></div>

</div>

<!-- Masthead Subheading -->

<?php if(!empty($this->session->userdata('id_pasien'))){ ?>

<div class="row" style="width: 60%;">

<div class="col-md-5 text-right">

<label><h5>Nomor Antrian Anda :</label></h5>

</div>

<div class="col-md-2 text-justify"><h5><?php echo

$antrian_pasien ?></h5></div>

<?php if(!empty($id_antrian_poli)){?>

<div class="col-md-5"><a href="<?php echo

base_url('Index/cetak')."/".$id_antrian_poli ?>" style="color: #000;

background: #fff; padding: 10px;" target="_blank">Cetak</a></div>

<?php } ?>

</div>

<div class="row" style="width: 60%;">

 71

<div class="col-md-5 text-right"><label><h5>Poli

:</label></h5></div>

<div class="col-md-5 text-justify"><h5><?php echo

$nama_poli?></h5></div>

</div>

<?php } ?>

</div>

</header>

<!-- Portfolio Section -->

<section class="page-section portfolio" id="registrasi">

<?php if(empty($this->session->userdata('id_pasien'))){ ?>

<div class="container">

<!-- Portfolio Section Heading -->

<h2 class="page-section-heading text-center text-uppercase text-

secondary mb-0">Login</h2>

<!-- Icon Divider -->

<div class="divider-custom">

<div class="divider-custom-line"></div>

<div class="divider-custom-icon">
 72

<i class="fas fa-star"></i>

</div>

<div class="divider-custom-line"></div>

</div>

<!-- Portfolio Grid Items -->

<div class="row">

<div class="container">

<div class="row justify-content-md-center">

<div class="col-md-4" style="margin-top: 20px">

<!-- <h1 align="center">Login </h1> -->

<form action="<?php echo base_url('Index/proses_login') ?

>" method='post'>

<label >Username</label>

<input type="username" name="username" class="form-

control" >

<label>Password</label>

<input type="password" name="password" class="form-

control">

<br><br>
 73

<div align="right">

<button type="submit" class="btn

btn-dark">Login</button>

</div>

</form>

<br><center>

<p>Repost by <a

href='https://sharecodingan.blogspot.com/'

title='sharecodingan.blogspot.com' target='_blank'>Ida Wahyuni

</a></p>

</center>

</div>

</div>

</div>

</div>

<!-- /.row -->

</div>

<?php }else{ ?>

<div class="container">
 74

<!-- Portfolio Section Heading -->

<h2 class="page-section-heading text-center text-uppercase text-

secondary mb-0">Ambil Antrian</h2>

<!-- Icon Divider -->

<div class="divider-custom">

<div class="divider-custom-line"></div>

<div class="divider-custom-icon">

<i class="fas fa-star"></i>

</div>

<div class="divider-custom-line"></div>

</div>

<!-- Portfolio Grid Items -->

<div class="row">

<div class="container">

<div class="row justify-content-md-center">

<div class="col-md-12" style="margin-top: 20px">

<!-- <h1 align="center">Login </h1> -->

<form action="<?php echo base_url('Index/saveAntrian') ?>"

method="post">

<div class ="row">

 75

<div class ="col-md-2">

<h6><label>Pilih Poli</label></h6>

</div>

<div class="col-md-5">

<select name="id_poli" id="id_poli" class="form-control"

onChange="noAntrian(this.value)">

<option value=""> pilih </option>

<?php foreach ($getPoli as $row ) {

?>

<option value="<?php echo $row->id_poli; ?>"> <?

php echo $row->kode_poli; ?> </option>

<?php } ?>

</select>

</div>

</div>

<div class ="row">

<div class ="col-md-2">

<h6><label>No Antrian Poli</label></h6>

</div>

<div class="col-md-5">
 76

<input type="text" name="no_antrian_poli2"

id="no_antrian_poli2" value="" disabled="" class="form-control">

<input type="hidden" name="no_antrian_poli"

id="no_antrian_poli" value="" class="form-control">

<input type="hidden" name="no_antrian" value="<?php

echo $no_antrian ?>">

</div>

</div>

<div class="row text-right">

<div class="col-md-7">

<input type="submit" name="simpan" id="simpan"

value="Ambil Antrian" class="btn btn-primary">

</div>

</div>

</form>

<div class="row text-justify" >

<h6>Keterangan :</h6>

<ol>

<li>Poli Umum (PLUM)</li>

<li>Poli Gigi (PLGG) </li>

 77

</ol>

</div>

</div>

</div>

</div>

</div>

<!-- /.row -->

</div>

<?php } ?>

</section>

<!-- About Section -->

<section class="page-section bg-primary text-white mb-0"

id="bantuan">

<div class="container">

<!-- About Section Heading -->

<h2 class="page-section-heading text-center text-uppercase text-

white">Jadwal Praktik Dokter </h2>

 78

<!-- Icon Divider -->

<div class="divider-custom divider-light">

<div class="divider-custom-line"></div>

<div class="divider-custom-icon">

<i class="fas fa-star"></i>

</div>

<div class="divider-custom-line"></div>

</div>

<!-- About Section Content -->

<div class="container">

<div class="row">

<div class="col-lg-4.ml-auto" align="center" >

<p class="lead">SENIN --&gt; 16:00 - 20:00 WITA </p>

<p class="lead">SELASA--&gt; 16:00 - 20:00 WITA </p>

<p><span class="lead">RABU --&gt; 16:00 - 20:00 WITA

</span></p>

<p><span class="lead">KAMIS --&gt; 16:00 - 20:00 WITA

</span></p>

<p><span class="lead">JUMAT --&gt; 16:00 - 20:00 WITA

</span></p>

<p><span class="lead">SABTU --&gt; 16:00 - 20:00 WITA

</span></p>
 79

<p><span class="lead">LIBUR HARI RAYA &amp; MINGGU

</span><span class="lead"> </span></p>

<p>..........................................................................................................

................................................................................................................

...........................................................................................................</

p>

</div>

</div>

</div>

<!-- About Section Button -->

<!-- <div class="text-center mt-4">

<a class="btn btn-xl btn-outline-light"

href="https://startbootstrap.com/themes/freelancer/">

<i class="fas fa-download mr-2"></i>

Free Download!

</a>

</div> -->

<!-- </div>

</div> -->

</section>
 80

<!-- Footer -->

<footer class="footer text-center">

<div class="container">

<div class="row">

<!-- Footer Location -->

<div class="col-lg-6 mb-5 mb-lg-0">

<h4 class="text-uppercase mb-4">Location</h4>

<p class="lead mb-0">Jl. Poros Majene Mamuju Battayang

Majene </p>

</div>

<!-- Footer About Text -->

<div class="col-lg-6">

<h4 class="text-uppercase mb-4">Telephone</h4>

<p class="lead mb-0">+6282349946422</p>

</div>

</div>
 81

</div>

</footer>

<!-- Copyright Section -->

<section class="copyright py-4 text-center text-white">

<div class="container">

<small>&copy; 2022 - Ida Wahyuni </small>

</div>

</section>

<!-- Scroll to Top Button (Only visible on small and extra-small

screen sizes) -->

<div class="scroll-to-top d-lg-none position-fixed ">

<a class="js-scroll-trigger d-block text-center text-white rounded"

href="#page-top">

<i class="fa fa-chevron-up"></i>

</a>

</div>

<!-- Modal -->

<div class="modal fade bd-example-modal-lg" id="exampleModal"

tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-

hidden="true">
 82

<div class="modal-dialog" role="document">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title"

id="exampleModalLabel">Registrasi</h5>

<button type="button" class="close" data-dismiss="modal" aria-

label="Close">

<span aria-hidden="true">&times;</span>

</button>

</div>

<div class="modal-body">

<form action="<?php echo base_url('Index/registrasi') ?>"

method="post">

<div>

<label >Nomor KTP/BPJS ^*</label>

<input type="text" id="no_identitas" name="no_identitas"

class="form-control" value="" placeholder="Nomor KTP" required="">

</div>

<div>

<label >Nama ^*</label>

 83

<input type="text" id="nama" name="nama" class="form-

control" value="" placeholder="Nama" required="">

</div>

<div>

<label >Jenis Kelamin</label>

<select id="jenis_kelamin" name="jenis_kelamin"

class="form-control">

<option value="">Pilih</option>

<option value="Laki-Laki">Laki-Laki</option>

<option value="Perempuan">Perempuan</option>

</select>

</div>

<div>

<label >Tanggal Lahir ^*</label>

<input type="date" id="tgl_lahir" name="tgl_lahir"

class="form-control" value="" placeholder="Tanggal Lahir"

required="">

</div>

<div>

<label >Alamat</label>
 84

<textarea id="alamat" name="alamat" class="form-control"

placeholder="Alamat"></textarea>

</div>

<div>

<label >No Telephone</label>

<input type="no_telp" id="no_telp" name="no_telp"

class="form-control" value="" placeholder="No Telephone">

</div>

<div>

<label >Username ^*</label>

<input type="text" id="username" name="username"

class="form-control" value="" placeholder="Username" required="">

</div>

<div>

<label >Password ^*</label>

<input type="password" id="password" name="password"

class="form-control" value="" placeholder="Password" required="">

</div>

<br><br>
 85

<div align="right">

<!-- <a href="<?php //echo base_url() ?>" >Registrasi</a> -->

<button type="button" class="btn btn-secondary" data-

dismiss="modal">Tutup</button>

<button type="submit" class="btn

btn-primary">Simpan</button>

</div>

</form>

</div>

</div>

</div>

</div>

<!-- Bootstrap core JavaScript -->

<script src="<?php echo

base_url('assets/user')?>/vendor/jquery/jquery.min.js"></script>

<script src="<?php echo

base_url('assets/user')?>/vendor/bootstrap/js/bootstrap.bundle.min.js"

></script>

<!-- Plugin JavaScript -->

 86

<script src="<?php echo base_url('assets/user')?>/vendor/jquery-

easing/jquery.easing.min.js"></script>

<!-- Contact Form JavaScript -->

<script src="<?php echo

base_url('assets/user')?>/js/jqBootstrapValidation.js"></script>

<script src="<?php echo

base_url('assets/user')?>/js/contact_me.js"></script>

<!-- Custom scripts for this template -->

<script src="<?php echo

base_url('assets/user')?>/js/freelancer.min.js"></script>

<script src="<?php echo

base_url('assets/user')?>/lib/noty.min.js"></script>

<script type="text/javascript">

function noAntrian(id_poli){

// alert(id_poli);?

if(id_poli!=""){

$.ajax({

url: "<?php echo base_url('Index/getNoAntrian'); ?>",

type : "POST",

data : "id_poli="+id_poli,
 87

datatype: "json",

success:function(response){

console.log(response);

// alert(data);

var output = JSON.parse(response);

if(output.no > output.maks){

$("#no_antrian_poli2").val('Data Sudah Penuh');

// $("#simpan").toggle('slow');

$("#simpan").prop("disabled",true);

}else{

$("#no_antrian_poli").val(output.no_hasil);

$("#no_antrian_poli2").val(output.no_hasil);

$("#simpan").prop("disabled",false);

} // Munculkan alert error

});

}else{

$("#no_antrian_poli").val("");

$("#no_antrian_poli2").val("");

</script>
 88

<?php if($this->session->flashdata('notif')){?>

<script type="text/javascript">

new Noty({

text: '<?php echo $this->session->flashdata('pesan'); ?>',

timeout: 3000,

theme: "metroui",

type: "<?php echo $this->session->flashdata('type'); ?>",

}).show();

</script>

<?php } ?>

</body>

</html>

2. Listin Halaman Antrian

<!DOCTYPE html>

<html lang="en">
 89

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1,

shrink-to-fit=no">

<meta name="description" content="">

<meta name="author" content="">

<title>Puskesmas </title>

<!-- Custom fonts for this theme -->

<link href="<?php echo

base_url('assets/user')?>/vendor/fontawesome-free/css/all.min.css"

rel="stylesheet" type="text/css">

<link href="https://fonts.googleapis.com/css?

family=Montserrat:400,700" rel="stylesheet" type="text/css">

<link href="https://fonts.googleapis.com/css?

family=Lato:400,700,400italic,700italic" rel="stylesheet"

type="text/css">

<!-- Theme CSS -->

 90

<link href="<?php echo

base_url('assets/user')?>/css/freelancer.min.css" rel="stylesheet">

<link href="<?php echo base_url('assets/user')?>/lib/noty.css"

rel="stylesheet">

<link href="<?php echo

base_url('assets/user')?>/lib/themes/metroui.css" rel="stylesheet">

</head>

<style type="text/css">

.btncostume{

background: #2c3e50;

color: white;

sup{

color: red;

.border1{

border: thin solid;

.costum{

background: white;

border: thin solid #fff;

 91

.fixed-top {

position: fixed;

top: 0;

right: 0;

left: 0;

z-index: 1030;

padding-top: 0px !important;

padding-bottom: 0px !important;

</style>

<body id="page-top">

<!-- Navigation -->

<nav class="navbar navbar-expand-lg bg-secondary text-uppercase

fixed-top" id="mainNav">

<div class="container" style="margin-top: 0px;">

<a class="navbar-brand js-scroll-trigger" href="#page-top"><img

src="<?php echo base_url('assets/user')?>/img/logo.png" alt=""

width="50">Antrian Puskesmas</a>
 92

<div class="collapse navbar-collapse" id="navbarResponsive">

</div>

</div>

</nav>

<!-- Masthead -->

<header class="masthead bg-primary text-white text-center">

<div class="row" style="margin-top: -80px; margin-left: 180px;">

<div class="col-md-1">

</div>

<!-- <div class="col-md-4" style="padding-top:

30px;"><h1>Puskesmas X</h1></div> -->

</div>

<div class="container d-flex align-items-center flex-column">

<!-- Masthead Avatar Image -->

<div class="row">

<div class="col-md-12" style="border: thin solid; ">

<h1 style="margin-top: 5px;"><?php echo $no_antrian;

?></h1>
 93

<h3>NO ANTRIAN SAAT INI</h3>

</div>

</div>

<!-- Masthead Heading -->

<h4 class="masthead mb-0" style="margin-top: 10px !

important;padding: 20px;">Selamat Datang di Puskesmas X.

<br> Jika anda belum memiliki akun, silakan Registrasi terlebih

dahulu.</h4>

<button type="button" class="btn btncostume"

onclick="noAntrian()">

Ambil Nomor

</button>

<!-- Icon Divider -->

<div class="divider-custom divider-light">

<div class="divider-custom-line"></div>

<div class="divider-custom-icon">

<i class="fas fa-star"></i>

</div>

<div class="divider-custom-line"></div>

</div>

</div>
 94

</header>

<!-- Copyright Section -->

<section class="copyright py-4 text-center text-white">

<div class="container">

<small>&copy; Antrian Puskesmas 2022 </small>

</div>

</section>

<!-- Scroll to Top Button (Only visible on small and extra-small

screen sizes) -->

<div class="scroll-to-top d-lg-none position-fixed ">

<a class="js-scroll-trigger d-block text-center text-white rounded"

href="#page-top">

<i class="fa fa-chevron-up"></i>

</a>

</div>

<!-- Modal -->

 95

<!-- Bootstrap core JavaScript -->

<script src="<?php echo

base_url('assets/user')?>/vendor/jquery/jquery.min.js"></script>

<script src="<?php echo

base_url('assets/user')?>/vendor/bootstrap/js/bootstrap.bundle.min.js"

></script>

<!-- Plugin JavaScript -->

<script src="<?php echo base_url('assets/user')?>/vendor/jquery-

easing/jquery.easing.min.js"></script>

<!-- Contact Form JavaScript -->

<script src="<?php echo

base_url('assets/user')?>/js/jqBootstrapValidation.js"></script>

<script src="<?php echo

base_url('assets/user')?>/js/contact_me.js"></script>

<!-- Custom scripts for this template -->

<script src="<?php echo

base_url('assets/user')?>/js/freelancer.min.js"></script>

<script src="<?php echo

base_url('assets/user')?>/lib/noty.min.js"></script>
 96

<script type="text/javascript">

var myWindow;

function noAntrian(){

$.ajax({

url: "<?php echo base_url('Antrian/getNoAntrian'); ?>",

type : "POST",

data : "",

datatype: "json",

success:function(response){

console.log(response);

// alert(data);

var output = JSON.parse(response);

no = output.no;

myWindow = window.open("<?php echo

base_url('Antrian/cetak/');?>"+no, "_blank", "width=500, height=500");

location.reload();

// window.open("<?php //echo base_url(); ?>","_blank",

"width=500, height=500");

// console.log(output);

} // Munculkan alert error

});
 97

</script>

<?php if($this->session->flashdata('notif')){?>

<script type="text/javascript">

new Noty({

text: '<?php echo $this->session->flashdata('pesan'); ?>',

timeout: 3000,

theme: "metroui",

type: "<?php echo $this->session->flashdata('type'); ?>",

}).show();

</script>

<?php } ?>

</body>

</html>
 98

3. Listin Halaman Login

<!--

Author: W3layouts

Author URL: http://w3layouts.com

License: Creative Commons Attribution 3.0 Unported

License URL: http://creativecommons.org/licenses/by/3.0/

-->

<!DOCTYPE HTML>

<html>

<head>

<base href="<?php echo

base_url('assets/admin/login/purple_login');?>/" />

<title>Login Administrator</title>

<link rel="shortcut icon" href="assets/user/img/logo.png">

<link href='http://fonts.googleapis.com/css?family=Droid+Sans'

rel='stylesheet' type='text/css'>

<link href="css/style.css" rel="stylesheet" type="text/css"

media="all" />

<meta http-equiv="Content-Type" content="text/html;

charset=utf-8" />

<meta name="viewport" content="width=device-width, initial-

scale=1, maximum-scale=1">
 99

<meta http-equiv="Content-Type" content="text/html;

charset=utf-8" />

<!-- -->

<script>var __links = document.querySelectorAll('a');function

__linkClick(e) { parent.window.postMessage(this.href, '*');} ;for (var i

= 0, l = __links.length; i < l; i++) {if ( __links[i].getAttribute('data-t')

== '_blank' ) { __links[i].addEventListener('click', __linkClick,

false);}}</script>

<script

src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></

script>

<script>$(document).ready(function(c) {

$('.alert-close').on('click', function(c){

$('.message').fadeOut('slow', function(c){

$('.message').remove();

});

});

});

</script>

</head>

<body>

<!-- contact-form -->

<div class="message warning">

 100

<div class="inset">

<div class="login-head" style="">

<h1><img src="<?php echo

base_url('assets/user')?>/img/logo.png" alt="" width="80" height=

"80" style="float: left; margin-top: -25px;">Login Admin Praktik

Dokter Jihan Indriyani </h1>

<div class="alert-close"> </div>

</div>

<form method="post" action="">

<?php echo (isset($result)?'<li style="color:red;font-style:

italic">'.$result.'</li>':'')?>

<li>

<input type="text" class="text" value="Email"

name="email" onFocus="this.value = '';" onBlur="if (this.value == '')

{this.value = 'Email';}" required><!-- <span class="icon

user"></span> -->

</li>

<div class="clear"> </div>

<li>

<input type="password" value="Password"

name="password" onFocus="this.value = '';" onBlur="if (this.value

== '') {this.value = 'Password';}" required> <!-- <span class="icon

lock"></span> -->
 101

</li>

<div class="clear"> </div>

<div class="submit">

<input type="submit" value="Login" name="login">

<!-- <h4><a href="#">Lost your Password ?</a></h4> -->

<div class="clear"> </div>

</div>

</form>

</div>

</div>

</div>

<div class="clear"> </div>

<!--- footer --->

<div class="footer">

<!-- <p>Template by <a

href="http://w3layouts.com">w3layouts</a></p> -->

</div>

</body>

</html>

4. Listin Halaman Cetak Antrian

 102

<script type="text/javascript">

window.print();

</script>

<link href="<?php echo

base_url('assets/user')?>/vendor/fontawesome-free/css/all.min.css"

rel="stylesheet" type="text/css">

<link href="https://fonts.googleapis.com/css?

family=Montserrat:400,700" rel="stylesheet" type="text/css">

<link href="https://fonts.googleapis.com/css?

family=Lato:400,700,400italic,700italic" rel="stylesheet"

type="text/css">

<!-- Theme CSS -->

<link href="<?php echo

base_url('assets/user')?>/css/freelancer.min.css" rel="stylesheet">

<link href="<?php echo base_url('assets/user')?>/lib/noty.css"

rel="stylesheet">

<link href="<?php echo

base_url('assets/user')?>/lib/themes/metroui.css" rel="stylesheet">

<div class="card" style="width: 20rem;">

<ul class="list-group list-group-flush">

 103

<li class="list-group-item text-center"><h3>SELAMAT

DATANG</h3>

<h5>Di Praktik Dokter Jihan Indriyani </h5>

<h8>Kabupaten Majene </h8>

</li>

<li class="list-group-item text-center">

<div class="row card-link"><?php echo $row-

>tgl_antrian_poli ?></div>

<h4>ANTRIAN</h4><h1><?php echo $row-

>no_antrian_poli ?></h1><h6><?php echo $row->nama_poli

?></h6>

</li>

<li class="list-group-item text-

center"><h3>TERIMAKASIH</h3></li>

</ul>

</div>

<?php

?>
 104

5. Listin Halaman Dashboard Admin

<!-- Morris Charts CSS -->

<link href="css/plugins/morris.css" rel="stylesheet">

<div class="row">

<div class="col-lg-3 col-md-6">

<div class="panel panel-primary">

<div class="panel-heading">

<div class="row">

<div class="col-xs-3">

<!-- <i class="fa fa-comments fa-5x"></i> -->

</div>

<div class="col-xs-9 text-right">

<div class="huge"><?php echo $poli_umum

?></div>

<div>Poli Umum</div>

</div>

</div>

</div>

<a href="#">

<div class="panel-footer">

<!-- <span class="pull-left">View Details</span>

 105

<span class="pull-right"><i class="fa fa-arrow-circle-

right"></i></span> -->

<div class="clearfix"></div>

</div>

</a>

</div>

</div>

<div class="col-lg-3 col-md-6">

<div class="panel panel-green">

<div class="panel-heading">

<div class="row">

<div class="col-xs-3">

<!-- <i class="fa fa-tasks fa-5x"></i> -->

</div>

<div class="col-xs-9 text-right">

<div class="huge"><?php echo $poli_gigi?></div>

<div>Poli Gigi</div>

</div>

</div>

</div>

<a href="#">

<div class="panel-footer">

<!-- <span class="pull-left">View Details</span>

 106

<span class="pull-right"><i class="fa fa-arrow-circle-

right"></i></span> -->

<div class="clearfix"></div>

</div>

</a>

</div>

</div>

<a href="#">

<div class="panel-footer">

<!-- <span class="pull-left">View Details</span>

<span class="pull-right"><i class="fa fa-arrow-circle-

right"></i></span> -->

<div class="clearfix"></div>

</div>

</a>

</div>

</div>

</div>

<!-- /.row -->

 107

<script src="js/jquery.js"></script>

<!-- Morris Charts JavaScript -->

<script src="js/plugins/morris/raphael.min.js"></script>

<script src="js/plugins/morris/morris.min.js"></script>

<script src="js/plugins/morris/morris-data.js"></script>