Anda di halaman 1dari 106

RANCANG BANGUN SISTEM INFORMASI KLINIK PRAKTIK

DOKTER JIHAN INDRIYANI BERBASIS WEBSITE

SKRIPSI

OLEH :

IDA WAHYUNI
NIM/NIRM: 210250501230/21205051301187230

PROGRAM STRATA SATU (S1)


PROGRAM STUDI SISTEM INFORMASI
FAKULTAS ILMU KOMPUTER
UNIVERSITAS TOMAKAKA MAMUJU

2023
1
2

BAB I
PENDAHULUAN

1.1 Latar Belakang

Saat ini teknologi berkembang sangat pesat, melibatkan

berbagai aspek dan bidang. Saat ini, komputer digunakan secara

luas, tidak hanya di tempat kerja, melainkan semua aspek pendidikan

maupun kesehatan..

Dalam pelayanan kesehatan umum, ada istilah pelayanan

dokter praktik bersama di satu tempat, , yaitu pelayanan kesehatan

masyarakat dimana dokter bekerja di satu tempat. Untuk itu di

harapkan di bangun sebuah sistem yang dapat meningkatkan

efektifitas sumber daya kerja. Lebih lanjut, banyak klinik yang masih

memproses dan mencatat data kesehatan pasien untuk perawatan

secara manual, sehingga laporan tinjauan pasien tidak dapat dikelola,

menyebabkan kesalahan manusia dan tidak memberikan informasi

akurat yang di harapkan..

Selama ini, dalam pelaporan data kesehatan pasien dan jual beli

obat di tempat praktik, efisiensi dan efektifitas kerja terpengaruh

sehingga pelayanan kepada pasien menjadi sangat lambat.. beberapa

bagian Klinik Dokter Kabupaten Majene masih beroperasi dengan

sistem manual menggunakan kartu pasien yang di tempatkan di

lemari kaca.. salah satunya hanya menggunakan komputer untuk

proses entry, selain itu masih di lakukan secara sistem manual, setiap
3

kali pasien berkunjung (konsultasi) dokter atau tenaga administrasi

harus mengacu pada kartu periksa pasien untuk mencatat satu per

satu. Dalam operasional sehari-hari sering di jumpai kendala dalam

pencatatanevaluasi dan diagnosa pasien..

Klinik Dokter Jihan Indriyani merupakan salah satu tempat

praktik dokter bersama dalam satu gedung yang sama, yang masih

menggunakan sistem secara manual dan menjadi bahan kajian

penulis. Dengan adanya aplikasi berbasis website sebagai pusat

manajemen yang terorganisir, merupakan solusi yang tepat atas

merupakan solusi yang tepat atas permasalahan yang di hadapi

setiap dokter dalam melakukan pendaftaran pasien, mendiagnosa dan

memberikan pengobatan kepada mereka.

Melalui aplikasi ini di harapkan pelayanan kepada pasien di

ruang praktik dokter, dapat di maksimalkan, maka penulis

mengangkat judul “Rancang Bangun Sistem Informasi Klinik

Praktik Dokter Jihan Indriyani Berbasis Website”


4

1.2 Rumusan Masalah

Rumusan Masalah pada Klinik Praktik Dokter Jihan Indriyani

adalah:

1. Bagaimana Merancang Bangun Sistem Informasi Klinik Praktik

Dokter Jihan Indriyani Menggunakan Website?

2. Bagaimana Implementasi Sistem Informasi Klinik Praktik Dokter

Jihan Indriyani Berbasis Website?

1.3 Batasan Masalah

Dengan terbatasnya waktu, serta pembahasan tidak menyimpang

dari tujuan. Maka penulis melakukan pembatasan masalah sebagai

berikut:

1. Aplikasi Sistem Data Pasien pada Klinik Praktik Dokter Jihan

Indriyani

2. Dalam Perancangan Sistem, menggunakan bahasa pemrograman

php mysql.
5

1.4 Tujuan dan Manfaat Penelitian

1.4.1 Tujuan Penelitian

Berdasarkan permasalahan di atas, maka tujuan penelitian ini

adalah sebagai berikut:

1. Merancang Sebuah Sistem Informasi Klinik Praktik Dokter

Jihan Indriyani Berbasis Website.

2. Menerapkan Sistem Informasi Klinik Praktik Dokter Jihan

Indriyani Berbasis Website.

1.4.2 Manfaat Penelitian

Adapun Manfaat penelitian ini adalah sebagai berikut:

1. Meningkatkan pengetahuaan dan wawasan penulis dari

penelitian yang di lakukan penulis dengan cara menerapkan

ilmu dan teori yang di dapat selama perkuliahan dalam

pembahasan masalah mengenai Sistem Informasi Klinik

Praktik Dokter Jihan Indriyani Berbasis Website.

2. Penelitian ini diharapkan memberikan informasi serta

memberikan masukan bagi Dokter Praktik dalam rangka

untuk melakukan penyempurnaan dalam Sistem Informasi

Klinik Praktik Dokter Jihan Indriyani Berbasis Website.


6

BAB II
LANDASAN TEORI

2.1 Pengertian Rancang Bangun

Menurut (Pressman, 2015) kata ”desain” merupakan kata sifat

dari ”desain” yaitu rangkaian proses penerjemahan hasil analisis

suatu sistem ke dalam bahasa pemrograman untuk menggambarkan

secara rinci bagaimana komponen-komponen sistem tersebut. Di

implementasikan kata ”membangun” merupakan kata sifat dari

”pengembangan” kegiatan membuat sistem baru atau mengganti atau

memperbaiki sistem yang sudah ada baik secara keseluruhanmaupun

sebagian. Oleh karna itu, konsep perancangan adalah kegiatan

mengubah hasil analisis menjadi sebuah paket perangkat lunak

kemudian membuat sistem atau memperbaiki sistem yang sudah

ada..

Rekayasa perangkat lunak melibatkan beberapa langkahlangkah-

langkah ini menjelaskan struktur data. Struktur data program, fungsi

antar muka pengguna dan prosedur terperinci mewakili sintesis

kebutuhan data. Desain data adalah langkah pertama dari empat

desain program terperinci. Kegiatan utama perencanaan data adalah

pemilihan representase logis dari struktur data yang di identifikasi

dalam fase definisi dan pasca definisi. Plihan ini mencakup analisis

algoritmik dari struktur alternatif untuk menentukan desan yang paling

efisien. Ada beberapa prinsip dalam desain data, yaitu:


7

1. Prinsip-prinsip analisis sistematis proses dan perilaku juga harus di

terapkan pada data.

2. Semua struktur data dan fungsi yang di jalankan harus di

identifikasi

3. Kamus data harus di pelihara dan di gunakan untuk menentukan

informasi dan jadwal program

4. Keputusan desain data tingkat rendah harus di tunda hingga akhir

proses desain

5. Deskripsi struktur data sebaiknya hanya mengidentifikasi modul

yang secara langsung menggunakan konten data dalam struktur

perpustakaan struktur data dan pengoprasiannya harus di

kembangkan

6. Desain perangkat lunak dan bahasa pemrograman harus

mendukung definisi dan implementasi tipe data abstrak.

Spesifikasi desain aplikasi adalah proses menerjemahkan

kebutuhan pengguna ke dalam perangkat lunak dan/atau

spesifikasi komputer.

2.2 Definisi Sistem

Menurut Djahir dan Pratita (2015), sistem adalah kumpulan elemen

yang saling berhubungan dan saling tergantung satu sama lain dalam

usaha mencapai tujuan tertentu. Sistem dapat dikelompokkan menjadi

dua bagian, yang satu menekankan pada peran produsen, dan yang
8

lain menekankan pada unsur-unsurnya. Kedua kelompok ini benar

dan tidak bertentangan, karena pendekatannya berbeda.

2.3 Definisi Informasi

Menurut Djahir dan Pratita (2015), informasi adalah hasil dari

pengolahan data menjadi bentuk data yang bermanfaat bagi penerima

informasi, yang menggambarkan peristiwa yang terjadi di dunia nyata

dan dapat digunakan untuk mendukung pengambilan keputusan.

2.4 Definisi Sistem Informasi

Sistem informasi adalah suatu sistem yang terdiri dari berbagai

komponen yang berfungsi untuk mengolah data menjadi informasi

yang dapat mendukung pengambilan keputusan dan pengendalian

dalam organisasi, dengan tujuan mencapai tujuan yang telah

ditetapkan. Terdapat tiga kegiatan yang berlangsung dalam sistem

informasi, yaitu:

1. Input adalah sekumpulan data mentah di dalam dan di luar

organisasi yang di proses dalam sistem informasi

2. Pemrosesan adalah konversi atau transmisi, manipulasi dan

analisis data mentah menjadi bentuk yang lebih berarti bagi

manusia

3. Output adalah pendistribusian informasi yang telah di proses

kepada anggota organisasi dimana output tersebut di gunakan.

Dalam hal ini, informasi juga membutuhkan umpan balik yaitu


9

output di kembalikan kepada anggota organisasi yang

berkepentingan untuk mengevaluasi atau meningkatkan kontribusi.

Sistem informasi adalah sistem internal organisasi yang memenuhi

kebutuhan pemrosesan transaksi harian, mendukung operasi,

bersifat administratif dan berbentuk operasi strategis organisasi

dan menyedikan laporan yang di perlukan untuk kebutuhan

eksternal tertentu.

Sistem informasi terdiri dari beberapa komponen yang

disebut sebagai blok-blok pembangun, termasuk blok model, blok

input, blok output, blok teknologi, blok basis data, dan blok dasar.

Sebagai sebuah sistem, keenam blok tersebut saling berinteraksi

dan membentuk kesatuan yang utuh untuk mencapai tujuan yang

telah ditetapkan. Berikut adalah penjelasan singkat mengenai

keenam blok tersebut:

Gambar 1
Blok Sistem informasi yang berinterasi

1. Blok masukan (Input) merupakan representasi data yang

masuk ke dalam sistem informasi. Hal ini mencakup berbagai


10

metode dan media yang digunakan untuk menangkap data

yang akan dimasukkan ke dalam sistem.

2. Blok model adalah kombinasi prosedur, logika, dan model

matematika yang digunakan untuk memanipulasi data input

dan data yang disimpan dalam basis data dengan cara

tertentu, untuk menghasilkan keluaran yang diinginkan.

3. Blok keluaran (Output) adalah produk dari sistem informasi

yang berupa keluaran berupa informasi berkualitas dan

dokumentasi yang berguna bagi berbagai tingkatan

manajemen dan pengguna sistem.

4. Blok 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,

serta membantu pengendalian dari sistem keseluruhan.

5. Blok Data (Data) adalah basis data yang merupakan

kumpulan data yang saling berhubungan. Data tersebut

disimpan dalam perangkat keras komputer dan dimanipulasi

menggunakan perangkat lunak. Penyimpanan data dalam

basis data diperlukan untuk menyediakan informasi lebih

lanjut.

6. Blok kendali (Control) diperlukan untuk memastikan sistem

informasi berjalan sesuai dengan yang diinginkan.


11

Pengendalian ini bertujuan untuk menghadapi berbagai risiko

yang dapat mengganggu sistem informasi, seperti bencana

alam, kebakaran, perubahan suhu, air, kegagalan sistem,

tidak efisien, dan faktor-faktor lainnya.

2.5 Definisi Klinik

Klinik adalah fasilitas kesehatan yang menyediakan pelayanan

medis, baik berupa medis dasar maupun medis spesialis.

Penyelenggaraannya melibatkan lebih dari satu jenis tenaga

kesehatan dan dipimpin oleh seorang tenaga medis, sesuai dengan

ketentuan Peraturan Menteri Kesehatan Republik Indonesia Nomor 9

Tahun 2014. Jenis klinik terdiri dari:

a. Klinik pertama, menyediakan pelayanan medis dasar oleh dokter

umum dan dipimpin oleh seorang dokter umum. Klinik ini dapat

memiliki badan usaha atau dikelola oleh perorangan.

b. Klinik utama, menyelenggarakan pelayanan medis spesialis atau

kombinasi pelayanan medis dasar dan spesialis. Pelayanan medis

spesialis dilakukan oleh dokter spesialis atau dokter gigi spesialis.

Klinik memiliki kewajiban yang diatur dalam Peraturan Menteri

Kesehatan Nomor 9 Tahun 2014, yang mencakup:

1. Menyampaikan informasi yang akurat mengenai pelayanan

yang diberikan.
12

2. Memberikan pelayanan yang efektif, aman, berkualitas, dan

tidak diskriminatif, dengan memprioritaskan kepentingan terbaik

pasien sesuai dengan standar profesi, standar pelayanan, dan

standar prosedur operasional.

3. Memberikan pelayanan gawat darurat kepada pasien sesuai

dengan kemampuan pelayanan, tanpa meminta uang muka

terlebih dahulu atau mengejar keuntungan finansial.

4. Memperoleh persetujuan (informed consent) dari pasien

sebelum melakukan tindakan medis.

5. Menyelenggarakan rekam medis untuk setiap pasien.

6. Melakukan sistem rujukan dengan tepat.

7. Menolak keinginan pasien yang bertentangan dengan standar

profesi, etika, dan peraturan perundang-undangan.

8. Menghormati dan melindungi hak-hak pasien.

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

hak dan kewajiban pasien, serta melaksanakan kendali mutu

sesuai dengan ketentuan peraturan perundang-undangan.

10. Memiliki standar prosedur operasional yang terstandarisasi.

11. Mengelola pengolahan limbah sesuai dengan peraturan

perundang-undangan yang berlaku.

12. Melaksanakan fungsi sosial dalam memberikan pelayanan

kesehatan kepada masyarakat.

13. Mendukung program pemerintah di bidang kesehatan.


13

14. Menyusun dan melaksanakan peraturan klinik yang mengatur

tata tertib dan kebijakan klinik.

15. Menetapkan seluruh lingkungan klinik sebagai area bebas dari

merokok.

2.6 Definisi Praktik Dokter

Menurut Undang-Undang Republik Indonesia Nomor 29 Tahun

2004 tentang Praktik Kedokteran, praktik kedokteran adalah

serangkaian kegiatan yang dilakukan oleh dokter dan dokter gigi

terhadap pasien dalam melaksanakan upaya kesehatan.

2.7 Data Flow Diagram ( DFD)

Sutabri (2015:163) mendefinisikan Data Flow Diagram (DFD)

sebagai suatu jaringan yang menggambarkan sistem yang dapat

berupa sistem otomatisasi/komputerisasi, sistem manual, atau

gabungan dari keduanya. Penggambaran DFD disusun dalam bentuk

komponen sistem yang saling berhubungan sesuai dengan aturan

mainnya. Berikut adalah simbol-simbol yang digunakan dalam DFD

beserta keterangannya:

1. Eksternal entity merupakan simbol yang melambangkan elemen

yang berada di luar sistem, namun memiliki interaksi atau

hubungan dengan sistem tersebut.

Gambar 2
14

Simbol External Entity

2. Proses adalah simbol yang mewakili aktivitas atau kegiatan untuk

mengubah data menjadi informasi atau memproses masukan

untuk menghasilkan data lain.

Gambar 3
Simbol Proses

3. Data store adalah simbol yang melambangkan tempat

penyimpanan data dan dapat digunakan ketika dibutuhkan.

Gambar 4
Simbol Data Store

4. Data flow adalah simbol dalam diagram yang menggambarkan arah

aliran data dari satu proses, data store, atau elemen lingkungan ke

proses lain, data store, atau elemen lingkungan lainnya.

Gambar 5
Simbol Data Flow
15

2.5 Entity Relationship Diagram (ERD)

Al Fatta (2015:121) menjelaskan bahwa Entity Relationship

Diagram (ERD) adalah suatu gambar atau diagram yang

menggambarkan bagaimana data dirancang, disave, juga dijalankan

pada sistem bisnis. ERD menggunakan simbol-simbol tertentu yang

melambangkan entitas dan hubungan antara entitas dalam suatu

sistem. selanjutnya adalah simbol itu dipakai dalam ERD:

Tabel 1

Notasi Entity Relation Diagram

Dalam diagram hubungan Entita, suatu hubungan dapat

terdiri dari beberapa entitas, disebut sebagai derajat hubungan, level

maksimum dari suatu hubungan disebut kardinalitas, sedangkan

level minimumnya disebut kardinalitas relasi. Dengan demikian

menentukan jumlah maksimum entitas yang dapat di tautkan ke

objek lainnya. ERD menggunakan berbagai notasi dan simbol


16

menggunakan rangkaian dan relasi data. Pada empat jenis simbol

yang digunakan, yaitu:

1. entitas adalah obyek yang informasinya di kenali dilingkungan

pengguna dan penting bagi pengguna dalam konteks sistem yang

di bangun

2. atribut adalah bagian dari entitas atau bidang yang menunjukkan

informasi serupa, setiap entitas harus memiliki atribut, misalnya

nama, alamat dan lain-lain

3. relasi, seperti halnya entitas dalam relasi harus membedakan

relasi atau jenis relasi da nisi relasi itu sendiri

4. hubungan antara dua entitas dapat di klasisfikasikan menjadi 3

jenis, yaitu:

a. relasi ke satu relasi antara entitas pertama dan entitas kedua

merupakan relasi satu ke satu

b. relasi satu ke banyak relasi atau entitas pertama dan entitas

kedua adalah satu ke banyak

c. hubungan antara banyak orang hubungan antara kedua

makhluk ini sangat banyak.

Pemetaan diagram ERD harus dilakukan untuk menerjemahkan

bentuk rancangan sistem ke dalam bentuk tabel (diagram relasi)

sebagai langkah awal dalam implementasi program dengan

melakukan tujuh langkah pemetaan sebagai berikut:


17

1. dari tiap entitas lemah (weak entity) L entitas kuat Kmenjadi

array yang terdiri dari semua atribut L dan primary key K,

primary key L menjadi gabungan key L dan primary key K

2. bagi rasio 1 : 1 (satu to satu) buat setiap tabel dengan atribut

masing-masing, tetapi pada tabel kedua menjadikan primary

key tabel kedua sebagai foreign key.

3. Bagi tiap rasio 1 : n (satu ke banyak) tambahkan entitas

dengan sisi “n” dan kunci utama entitas dengan sisi “1”

sebagai kunci asing.

4. Setiap relasi n:m membuat tabel baru di sebut tabel tengah

yang kunci utamanya adalah kunci asing dari tabel tersebut

dari kedua sisi.

5. Untuk atribut multi valued dari entitas L, buat relasi

sedemikian rupa sehingga atribut tersebut mukin atribut L itu

sendiri di tambah atribut dari primary key dari L.

6. Bagi tiap relasi non - biner bentuk relasi yang atributnya

adalah kunci utama entitas terkait dan sertakan juga atribut di

bagian relasi.

2.8 Alur Kerja Sistem Flowchat

Flowchart menunjukan jenis media penyimpanan yang di

gunakan dalam pemrosesan data dan menjelaskan file yang di

gunakan sebagai onput dan output Sebelum kita menyelami

datanya, ada baiknya menyimak penjelasan praktisi Dokter Jihan


18

Indriyani tentang grafik yang di gunakan untuk menggambar dan

mengolah data klinis.

Flowchart adalah gambar atau bagian yang menunjukkan

aliran dan hubungan antara suatu proses dan instruksi-instruksinya.

Gambar ini dapat dikenali dari ikonnya. Dengan demikian setiap

simbol mewakili proses tertentu. Hubungan antar proses di jelaskan

dengan menghubungkan garis. Uraian sebelumnya menjelaskan

bahwa proses menggambar harus dilakukan dengan teliti dan

benar. Berdasarkan hal tersebut, penulis menguraikan proses

perancangan diagram alur sistem yang di rencanakan, yang telah

di rinci pada pembahasan sebelumnya.

2.9 Internet

1. Pengertian Internet

Nickerson dalam (Ferry Agdiyyanto, 2011) mendefinisikan

internet dengan kata “interconnection network” yang berarti

hubungan berbagai jenis komputer yang membentuk sistem

jaringan global (global komputer network) melalui jalur komunikasi

seperti telepon, internet adalah kumpulan berbagai jaringan yang

terhubung secara internasional. Internet di anggap internasional

karna merupakan gabungan dari WAN (Wide Area Network) dan

LAN (Local Area Network)

Internet merupakan jaringan publik karna layanan internet

dapat di akses oleh siapa saja yang bersedia membayar biaya


19

akses untuk lokasi yang diinginkan. Jaringan internet di hubungkan

oleh saluran komunikasi berkecepatan tinggi yang di sebut

jaringan backbone, yang di gunakan untuk mentransfer data

menggunakan protokol TCP/IP standar. Fasilitas-fasilitas yang

dapat di gunakan dalam internet di antaranya :

a. Web adalah fasilitas hypertext yang memungkinkan untuk

menampilkan berbagai data seperti teks, gambar, bunyi,

animasi, dan data multimedia lainnya. Data-data ini saling

terhubung dan berhubungan satu sama lain di dalam

halaman web.

b. Electronic Mail (E-Mail) adalah fasilitas yang memungkinkan

pengguna untuk mengirim dan menerima surat elektronik

melalui komputer yang terhubung dengan internet. Pengguna

dapat melampirkan file sebagai lampiran (attachment) dalam

email.

c. Newsgroup adalah fasilitas yang digunakan untuk

mendistribusikan artikel, berita, tanggapan, surat penawaran,

atau file lain kepada pengguna internet yang tergabung

dalam kelompok diskusi untuk topik tertentu.

d. File Transfer Protocol (FTP) adalah fasilitas yang digunakan

untuk menghubungkan ke server komputer tertentu dan

memungkinkan pengguna untuk mengunduh (download) file


20

yang dibutuhkan dari server tersebut dan menyimpannya di

database komputer.

2. Istilah-istilah dalam Internet

Ada beberapa istilah yang di gunakan dalam internet, di antaranya

adalah:

a. World Wide Web (WWW) adalah kumpulan server web (web

center) di seluruh dunia yang bertugas menyediakan data dan

informasi untuk di bagikan.

b. Situs Web (Website) adalah tempat dimana informasi dan data

tentang topic tertentu dapat dismpan. Misalnya situs web ini

adalah buku yang membahas topik tertentu.

c. Halaman Web (Web Pages) adalah halaman khusus dari situs

web tertentu, katakanlah halaman web ini adalah halaman

khusus buku disitu web terpisah.

d. Home page adalah aplikasi berisi daftar isi atau menu website

2.10 Website

1. Pengertian Website

Betha dalam (Ferry Agdiyyanti, 2011) website adalah informasi

dalam internet dengan menggunakan teknologi hypertext

sehingga pemakai di tuntut untuk menemukan informasi dengan

menggunakan link yang disediakan dalam dokumen web. Yang

mana websiteb mampu menjadi media informasi perusahaan.


21

Website memudahkan penggunaan komputer untuk berinteraksi

dengan pelaku internet lainnya dan mampu menelusuri informasi

di internet.

2. Perangkat Lunak Yang Digunakan

a. HTML

HTML adalah singkatan dari Hyper Text Markup Languange

bahasa pemrograman hypertext, HTML memiliki fungsi untuk

membuat web frame atau form berbasis HTML. HTML dapat di

sebut sebagai bahasa yang di gunakan unutk menampilkan

dan mengelola hypertext HTML juga di gunakan untuk

menampilkan berbagai informasi di browser internet dan

pemformatan hypertext sederhana di tulis ke file format ASCII

untuk mebuat tampilan formulir yang di sematkan. Dengan

kata lain file yang di buat dengan pengolah kata dan disimpan

dalam format ASCII standar menjadi halaman beranda dengan

tag HTML. HTML mempunyai dua jenis eksistensi untuk

membuat dokumen HTML yaitu HTM dan HTML format

eksistensi HTML awalnya hanya berfungsi untuk

memungkinkan penggunaan HTML dalam fungsi DOS (Agus

Saputra DKK, 2012)

b. PHP (Personal Home Page)

PHP adalah bahasa pemrograman yang digunakan untuk

mengembangkan website yang bersifat dinamis. PHP


22

terintegrasi dengan HTML, yang berarti keduanya adalah

istilah yang berbeda yang bekerja secara bersama-sama.

HTML digunakan sebagai dasar pembangunan tata letak web,

sementara PHP berfungsi sebagai proses yang berjalan di

server. Oleh karena itu, PHP dikenal sebagai bahasa skrip sisi

server, yang berarti setiap kali Anda menggunakan PHP,

server web akan menjalankannya (Agus Saputra et Al, 2012)

Kelebihan dari PHP meliputi :

1. Mudah dan cepat disiapkan

2. PHP merupakan bahasa pemrograman lintas platform,

yang artinya PHP dapat beroperasi pada berbagai sistem

operasi web tanpa terbatas pada satu sistem operasi

tertentu.

3. Gratis untuk di gunakan, bersifat open source

4. Mendukung banyak server web seperti Apache, IIS, dan

lainnya

5. PHP mendukung berbagai jenis database baik yang gratis

maupun berbayar, termasuk MySQL, PostgreSQL, mSQL,

Informix, SQL Server, dan Oracle.

6. Nugraha Bunalt, bangun website sendiri dengan PHP,

SQL, Mediakita, 2009.

c. Macromedia Dreamweaver
23

Sndi (David Prasetya, 2011) mendefinisikan Macromedia

Dreamweaver sebagai sebuah editor HTML profesional yang

digunakan untuk desain visual dan pengelolaan situs web dan

halaman web. Dreamweaver merupakan perangkat lunak

utama yang banyak digunakan oleh desainer web dan

pengembang web dalam pengembangan situs web.

d. Adobe Photoshop CS

Herman Lukito (Fery Agdiyyanto, 2011) menjelaskan bahwa

Adobe Photoshop adalah salah satu program tercanggih yang

memungkinkan anda untuk mengedit, memperbaiki dan

memanipulasi gambar, termasuk koreksi, warna dan lain-lain.

Anda dapat menggunakan photoshop dengan gambar yang di

pindai atau gambar yang anda gambar sendiri. Baik di

photoshop atau dengan perangkat lunak lain seperti Adobe

Ilustrator. Gambar yang dihasilkan kemudian dapat di cetak

atau di gunakan untuk menerbitkan halaman web di internet.

Adobe photoshop adalah salah satu perangkat lunak desain

professional. Fitur-fitur dari Adobe Photoshop CS seperti file

browser, kemampuan untuk mengedit file gambar. Dalam

pemrosesan gambar, tugas-tugas berikut pada dasarnya

dilakukan dengan Photoshop:


24

1. Adobe Photoshop memiliki keunggulan dalam membuat

tulisan dengan berbagai efek khusus, karena mampu

menghadirkan karakteristik tulisan yang beragam.

2. Dengan menggunakan langkah-langkah tertentu, seorang

desainer dapat menciptakan beragam tekstur dan material

dalam adobe Photoshop. Misalnya, mereka bisa membuat

gambar seperti daun, logam, air, dan berbagai gambar

lainnya.

3. Adobe Photoshop juga memungkinkan pengguna untuk mengedit

gambar dan foto yang sudah ada dengan berbagai manipulasi. Beberapa

diantaranya termasuk mengatur pencahayaan, komposisi warna,

menyambung gambar, menambah border (frame), dan menerapkan

berbagai efek lainnya.


25

BAB III
PELAKSANAAN DAN PEMODELAN/ PERANCANGAN SISTEM

1.

2.

3.

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 penelitian yang di gunakan adalah pembangunan

sistem informasi praktik dokter ini adalah true eksperimen dengan

menggunakan rancangan acak lengkap faktorial. Penelitian

eksperimen kuasai untuk mengenal kemungkinan adanya hubungan

antar variabel untuk jenis perlakuan yang berbeda. Membandingkan

hasil dengan tetap menyadari keterbatasan penelitian eksperimen

nyata, adalah manipulasi variabel independen tetapi tanpa pemilihan

acak untuk kelompok dan atau kontrol. Kelompok (Arikuanto dan

Suharsimi, 2010)
26

3.3 Tekhnik Pengumpulan Data

Pada tahap awal penelitian, dilakukan proses pengumpulan

data dari berbagai sumber yang terkait dengan bidang yang sedang

diteliti oleh peneliti. Proses pengumpulan data ini mencakup:

1.3.1 Wawancara

Metode wawancara secara langsung dengan Dokter Jihan

Indriyani dilakukan dengan melakukan pertemuan tatap muka

langsung dengan orang yang dianggap dapat memberikan

informasi yang dibutuhkan.

1.3.2. Observasi (Pengamatan Langsung)

Metode observasi merupakan suatu pendekatan yang

diperlukan untuk memperoleh data yang tidak dapat diperoleh

melalui metode wawancara. Dalam metode observasi ini,

dilakukan pengamatan secara langsung di Klinik Praktik

Dokter Jihan Indriyani.

3.3.3. Studi Literatur

Studi literatur adalah penelitian yang dilakukan dengan

membaca dan mempelajari karya-karya literatur yang relevan,

dengan tujuan untuk mendapatkan teori-teori yang terkait

dengan masalah pokok yang sedang dibahas.


27
28

3.4 Sistem Yang Sedang Berjalan

Analisis sistem merupakan gambaran dari sistem yang

sedang berjalan saat ini di Klinik Praktik Dokter Jihan Indriyani.

Sistem yang digunakan saat ini masih sederhana dan manual,

seperti yang terlihat pada gambar di bawah ini.

Gambar 6

Flowchart Sistem Yang Sedang Berjalan

3.5 Sistem yag di Usulkan

Tahap perancangan sistem yang diusulkan adalah langkah

untuk merancang atau mendesain sistem dengan baik. Isinya

mencakup langkah-langkah operasi dalam pengolahan data dan

prosedur untuk operasi sistem. Kegiatan yang dilakukan pada tahap

ini meliputi merancang atau mendesain sistem secara baik,

melakukan pemodelan sistem yang tepat, mengenali dan


29

mendefinisikan masalah dalam pembuatan sistem, sehingga jika

terjadi kesalahan, akan ada alternatif pemecahannya.

Perancangan merupakan langkah pertama dalam fase

pengembangan dan rekayasa suatu produk atau sistem. Tujuan dari

perancangan ini adalah menciptakan perangkat lunak yang dapat

memberikan informasi. Program ini akan dirancang menggunakan

database untuk membuat penggunaannya lebih ekonomis dan

mudah dioperasikan.

Gambar 7

Flowchart Sistem yang di Usulkan

3.5.1 DFD Level 0 (Diagram Konteks)

Diagram konteks adalah representasi grafis yang

menyajikan gambaran keseluruhan dari suatu sistem dan

komponen-komponen yang secara langsung terlibat dalam

sistem tersebut.
30

Gambar 8

Diagram Konteks

3.5.2 Diagram Berjenjang

Diagram Berjenjang adalah representasi grafis yang

mengilustrasikan urutan-urutan proses yang ada atau yang

telah dijelaskan dalam diagram konteks sistem. Gambaran

dari diagram berjenjang ini tersedia pada gambar di bawah ini:

Gambar 9

Diagram Berjenjang
31

Gambar 10

DFD Level 1

3.5.3 Kamus Data

amus data, atau yang dikenal juga sebagai data dictionary,

adalah sebuah katalog yang berisi fakta-fakta tentang data

dan kebutuhan informasi dari suatu sistem informasi.

Pembuatan kamus data didasarkan pada aliran data yang

terdapat dalam diagram arus data, yang mencakup struktur

data secara terinci. Kamus data berfungsi sebagai alat

komunikasi antara analis sistem (System Analyst) dengan

pengguna (User) sistem. Berikut ini adalah kamus data yang


32

digunakan dalam perancangan penyusunan analisis jabatan

dan evaluasi:

Tabel 2

Kamus Data Klinik Praktik Dokter


33

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


34

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


35

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


36

3.6 Instrumen Penelitian

Instrumen penelitian berperan sebagai alat untuk

mengumpulkan informasi yang diperlukan dalam penelitian.

Persiapan perangkat ini mirip dengan evaluasi karena melalui

evaluasi, peneliti mendapatkan informasi tentang objek yang

sedang diperiksa, dan hasilnya dapat diukur dengan standar yang

telah ditetapkan sebelumnya oleh peneliti.

Selama proses penelitian, penulis membutuhkan beberapa

alat, termasuk perangkat keras dan perangkat lunak, untuk

membantu menyelesaikan penelitian. Spesifikasi dari perangkat

keras dan perangkat lunak yang diperlukan telah disajikan di bawah

ini:

3.6.1 Kebutuhan Perangkat Lunak(Software)

Didalam Dalam penelitian ini, peneliti memerlukan

dukungan dari perangkat lunak komputer sebagai berikut:

1. Sistem Operasi:

- Microsoft Windows 7 32bit.

- Bahasa pemrograman yang digunakan adalah PHP

MySQL.

Dengan menggunakan sistem operasi dan bahasa

pemrograman tersebut, peneliti dapat melakukan

penelitian dengan lancar dan efisien.


37

2. MySQL

MySQL merupakan perangkat lunak database

yang berbasis pada bahasa SQL. Perangkat lunak ini

dikembangkan oleh perusahaan database asal

Swedia pada tahun 1994. Pada saat itu, MySQL

adalah perangkat lunak sumber terbuka dengan lebih

dari 6 juta instalasi di seluruh dunia. Selain itu,

MySQL juga menyediakan opsi berbayar, terutama

bagi perusahaan yang menggunakan atau menyewa

layanan MySQL.

3.6.2. Kebutuhan Perangkat Keras(Hadware)

Dalam penelitian ini, peneliti membutuhkan dukungan dari

perangkat keras komputer sebagai berikut:

1. Laptop dengan spesifikasi sebagai berikut:

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

- Kapasitas Harddisk 250 GB

- RAM 2GB

- Layar Monitor berukuran 11"

- Mouse

2. Printer dengan spesifikasi:

- Merk: Epson

- Seri: L300
38

Dengan menggunakan perangkat keras di atas, peneliti

akan dapat melakukan penelitian dengan baik dan

efisien.

3.7 Jadwal Penelitian

Penelitian ini dilaksanakan dari bulan Agustus hingga

September 2022. Pembuatan jadwal penelitian menjadi suatu

kebutuhan yang sangat penting untuk mengukur efektivitas setiap

tahapan dalam pembuatan sistem. Berikut adalah tahapan-tahapan

yang penulis jalankan selama melakukan penelitian:


39

Tabel 3

Jadwal Penelitian

Septembe
No
Kegiatan Agustus r Oktober November
.
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

Pengembanga

n system

5. Final

Tabel diatas adalah tabel langkah kerja dan penelitian yang

dilakukan oleh penyusun dalam menyelesaikan setiap program kerja yang

terdapat didalamnya.
40

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


41

4.1.2 Form Menu Jadwal Praktik Dokter

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


42

4.1.3 Form Menu Login.

Menu Login merupakan tampilan menu form dimana

User atau operator lagin untuk mengambil nomor antrian,

berikut gambar menu login.

Gambar 19

Form Menu Login.


43

4.1.4 Form Menu Registrasi Pasien

Menu Registrasi merupakan tampilan menu form

dimana pasien mendaftarkan diri untuk dapat mengambil

nomor antrian.

Gambar 20

Form Menu Registrasi


44

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


45

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


46

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


47

4.1.8 Form Menu Admin

Form Menu Admin merupakan form yang di akseskan

untuk mengelola data pasien serta data antrian poli, seperti

gambar di bawah 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.


48

Table 4

Analisa Masalah

4.2.2 Pemecahan Masalah

Untuk menyelesaikan masalah tersebut, dilakukan

pengembangan sistem dengan melakukan analisis terhadap

sistem yang sedang berjalan. Tujuan dari analisis ini adalah

untuk mendapatkan hasil 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.


49

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

Sistem ini menjalani pengujian interaksi antara program

aplikasi yang dibuat dengan komponen-kompone lain dalam sistem

informasi. Pengujian sistem bertujuan Memeriksa semua bagian

dalam sistem Terkoneksi dengan lancer ketika diimplementasikan

dalam sistem informasi data bahan bangunan. Proses pengujian

sistem dilakukan dengan melakukan Interaksi Terhadap pengguna

dan mengajukan Deretan pertanyaan dibawah ini:

1. Sudahkah tampilan sesuai dengan kebutuhan pengguna?

2. Apakah pengguna dapat dengan mudah memahami sistem?

3. Sudahkah penempatan menu-menu memenuhi kebutuhan

pengguna?

4. Apakah warna tampilan sudah sesuai dengan kebutuhan

pengguna?

5. Apakah fungsi-fungsi menu sudah mencukupi untuk memenuhi

kebutuhan pengguna?
50

6. Apakah sistem memberikan manfaat yang memadai bagi

pengguna?

7. Bagaimana panduan dalam sistem ini? Apakah sudah baik?

Berdasarkan hasil pertanyaan di atas, maka dari itu

disimpulkan sistem informasi Klinik Praktik Dokter Jihan Indriyani

Berbasis Website yang dibuat telah memenuhi kebutuhan pengguna

dan bermanfaat. Tampilan dan fungsionalitas menu sudah sesuai

dengan harapan pengguna.

1). Login User

Table 5

Login User
51

2) Input Data Registrasi Pasien

Table 6

Input Data Registrasi Pasien


52

3) Input Data Antrian

Table 7

Input Data Antrian


53

4) Input Data Pelaporan

Table 8

Input Data Transaksi


54

4.4 Kesimpulan Hasil Pengujian

Dari hasil pengujian yang telah dilakukan, dapat disimpulkan

bahwa perangkat lunak berfungsi dengan baik dan menghasilkan

output sesuai dengan harapan yang telah ditetapkan.

4.5 implementasi

Implementasi Sistem Informasi Klinik Praktik Dokter Jihan Indriyani

Berbasis Website tersebut dapat di jalankan secara online

1. Batasan Implementasi

Batasan implementasi yang telah ditetapkan meliputi beberapa

hal berikut:

a. Implementasi informasi toko bangunan hanya mencakup

subsistem-subsistem yang mendukung, tidak mencakup

seluruh implementasi.

b. Basis data yang digunakan adalah MSQL, yang berfungsi

sebagai server.

c. Tampilan aplikasi dirancang menggunakan bahasa

Indonesia untuk penggunaannya.

2. Implementasi perangkat lunak

Perangkat lunak yang harus di siapkan dalam pembangunan

aplikasi ini yaitu aplikasi program yang di gunakan yaitu

dreamweaver 8, dan database yang di gunakan adalah MSQL,

sistem operasinya menggunakan Windows Xp


55

3. Implementasi Perangkat Keras

Kebutuhan perangkat keras yang harus dipenuhi untuk

menjalankan program tersebut mencakup penggunaan

Komputer Server:

a. Prosesor intel Pentium 4

b. Menggunakan RAM Minimal 128 MB

c. Mouse, keyboard, monitor

Komputer Client:

a. Prosesor intel Pentium 4

b. Menggunakan RAM minimal 128 MB

c. Mouse, Keyboard, Monitor


56

BAB V

PENUTUP

5.1 Kesimpulan

Berdasarkan dari hasil penelitian,, dalam pembahasan di

atas, maka beberapa hal yang dapatdi jadikan 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.


57

2. Sistem yang saat ini berjalan diharapkan dapat mempermudah

dengan adanya program aplikasi yang telah dirancang untuk

Praktik Dokter Jihan Indriyani Berbasis Website. Dan dapat di

akses pada alamat web https://praktik-dokter-jihan-indriyani.com


58

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
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.
59

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.
60

N
61

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">


62

<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;

}
63

.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-


64

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">


65

<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>


66

<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


67

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 -->


68

<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%;">


69

<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">
70

<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>
71

<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">
72

<!-- 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">


73

<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">
74

<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>


75

</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>


76

<!-- 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>
77

<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>
78

<!-- 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>
79

</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">
80

<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 <sup>*</sup></label>

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

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

</div>

<div>

<label >Nama <sup>*</sup></label>


81

<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 <sup>*</sup></label>

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

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

required="">

</div>

<div>

<label >Alamat</label>
82

<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 <sup>*</sup></label>

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

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

</div>

<div>

<label >Password <sup>*</sup></label>

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

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

</div>

<br><br>
83

<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 -->


84

<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,
85

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>
86

<?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>

1. Listin Halaman Antrian

<!DOCTYPE html>

<html lang="en">
87

<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 -->


88

<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;


89

.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>
90

<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>
91

<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>
92

</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 -->


93

<!-- 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>
94

<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

});
95

</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>
96

2. 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">
97

<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">


98

<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> -->
99

</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>

3. Listin Halaman Cetak Antrian


100

<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">


101

<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

?>
102

4. 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>


103

<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>


104

<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 -->

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

<!-- Morris Charts JavaScript -->

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

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

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

Anda mungkin juga menyukai