MAKALAH PERANCANGAN WEB

SISTEM

Anggota Kelompok :

1. Muhammad zakaria

2. Yoga saputra

3. Widia

4. Hasbi arfe maulana

5. Robith wildan suaidi 12190667

6. Kemal ramadan

Program Studi Manajemen Informatika

Akademi Manajemen InformatikadanKomputer Bina Sarana Informatika

Jakarta

1
DAFTAR ISI
BAB I……………………………………………………………… 4

2
KATA PENGANTAR

Puji syukur kami panjatkan kehadirat Allah SWT yang telah melimpahkan rahmat dan
karuniaNya sehingga pada akhirnya kami dapat menyelesaikan tugas kelompok ini dngan
baik dimana makalah ini penulis sajikan dalam bentuk yang sederhana, adapun judul atau
tema yang kami ambil dalam pembuatan makalah ini adalah sebagai berikut :

“SISTEM ABSENSI”

Tujuan penulisan makalah ini dibuat untuk memenuhi salah satu mata kuliah pada program
Diploma III (D3) Sistem Informasi. Sebagai bahan penulisan diambil berdasarkan observasi,
penelitian dan beberapa sumber literatur yang mengandung tulisan ini. Kami menyadari
bahwa tanpa bimbinngn dan dorongan dari semua pihak, maka penulisan makalah ini tidak
akan selesai, oleh karena itu pada kesempatan ini kami menyampaikan ucapan terima kasih
kepada :

Pak Nur Alam selaku dosen mata kuliah Web Programing 2 di kelas 12.3B.31 yang
telah meluangkan waktunya untuk membimbing dan mengarahkan dalam pembuatan
makalah ini.

Kami menyadari bahwa penulisan makalah ini masih jauh sekali dari kata sempurna, untuk
itu kami mohon kritik dan saran yang bersifat membangun demi kesempurnaan kami sebagai
penulis kedepannya.

3
BAB I

PENDAHULUAN

1.1 Latar Belakang

Setiap orang berhak menerima pelayanan dan fasilitas kesehatan yang baik karena
kesehatan merupakan faktor yang sangat penting untuk kelangsungan hidup manusia, saat ini
perkembangan masyarakat dalam menyikapi kesehatan semakin kritis, hal ini karena tuntutan
masyarakat terhadap perbaikan kualitas pelayanan dari tahun ke tahun menjadi semakin
meningkat.

Faktor kesehatan merupakan salah satu factor yang penting dalam kehidupan
masyarakat.Terutama untuk mendapatkan layanan kesehatan ketika sakit atau ketika
membutuhkan pelayanan kesehatan karena hal lain. Untuk bias mendapatkan layanan
kesehatan biasanya harus melalui prosedur yang harus dilakukan seperti harus dating ke
rumah sakit untuk mendaftar serta mengantre dan sebagainya. Belum lagi bila dokter yang
bersangkutan yang sering menangani pasien tersebut sedang berhalangan tidak praktek atau
sedang bertugas keluar kota. Hal ini tentu saja sangatlah merepotka masyarakat yang ingin
memanfaatkan pelayanan kesehatan.

Teknologi informasi merupakan salah satu teknologi yang berkembang sangat pesat saat
ini. Contohnya penggunaan computer sebagai salah satu sarana penunjang dalam sistem
informasi yang dapat memberikan hasil lebih untuk output sebuah sistem didalamnya yang
telah berjalan baik. Pengolahan data di rumah sakit merupakan salah satu komponen yang
sangat penting dalam mewujudkan suatu sistem informasi di rumah sakit. Teknologi hadir
untuk memberikan kemudahan-kemudahan terhadap suatu masalah yang dihadapi oleh
masyarakat. Salah satu teknologi yang sangat banyak digunakan dan sangat popular adalah
pengguna web.

Pengolahan data secara manual mempunyai banyak kelemahan, selain membutuhkan

waktu yang lama, keakuratannya juga kurang dapat diterima karena kemungkinan untuk
adanya human error. Dengan dukungan teknologi informasi yang ada sekarang ini pekerjaan
pengolahan data dengan cara manual dapat digantikan dengan suatu sistem informasi dengan
menggunakan komputer. Selain lebih cepat dan mudah, data yang akan didapatkan juga akan
lebih akurat. Data yang akurat bila diproses akan menghasilkan informasi yang akurat.
Informasi yang akurat sangat berguna untuk mempermudah membuat keputusan baik bagi
manajemen maupun yang lainnya.

4
 Penyelenggaraan pelayanan kesehatan di Rumah Sakit Umum Daerah Lembang antara
lain Unit Gawat Darurat, Unit Rawat Inap, Unit pelayanan penunjang medis dan Unit
pelayanan lain termasuk unit pelayanan rawat jalan atau poliklinik. Poliklinik merupakan
salah satu instalasi pelayanan kesehatan langsung pada pasien, dimana informasi medis hasil
anamnesa, riwayat penyakit, pemeriksaan fisik, laboratorium, rontgen, diagnosis, terapi,
perjalanan penyakit dan tindakan yang dilakukan di poliklinik. Catatan-catatan tersebut
direkam dalam dokumen Rekam Medis (RM) pasien. Oleh karena itu, rumah sakit wajib
mengadakan unit rekam medis karena pelayanan kesehatan merupakan proses kegiatan yang
dimulai pada saat pasien dating atau pasien diterima di rawat jalan atau gawat darurat melalui
proses pendaftaran

Perancangan sistem appointment dokter dapat menjadi salah satu alternatif untuk
memudahkan proses pendaftaran pasien perjanjian rawat jalan serta membuat laporan
rekapitulasi pasien perjanjian rawat jalan. khusus dirancang untuk mendukung pengguna
dengan berbagai kemudahan fasilitas bagi kelengkapan dan keakuratan data, memberi tanda
waspada, sebagai peringatan, tanda sistem pendukung keputusan klinik dan menghubungkan
data dengan pengetahuan medis serta alat bantu lainnya.

Konsep Sistem Appointment (Perjanjian)

Sistem perjanjian dokter atau appointment dokter adalah sistem manajemen antrian pasien
pada sebuah rumah sakit, dimana seorang pasien melakukan pendaftaran dan perjanjian
dengan seorang atau lebih dokter. Dengan maksud untuk mengurangi waktu tunggu pasien
untuk melakukan konsultasi dengan dokter.

Konsep HTML (Hypertext Markup Language)

HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan
dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen ini dikenal
sebagai web page. Dokumen html merupakan dokumen yang disajikan pada web browser.

Konsep Web
Situs web adalah dokumen-dokumen web yang terkumpul menjadi satu kesatuan yang
memiliki Unified Resource Locator (URL) atau Domain dan biasanya di publish di internet
atau intranet.

Konsep PHP
PHP (PHP: Hypertext Preprocessor) adalah Bahasa server-side scripting yang menyatu
dengan HTML untuk membua thalaman web dinamis. Karena PHP merupakan server-side
scripting maka sintaks dan perintah-perintah PHP akan dieksekusi di server kemudian
hasilnya dikirimkan ke browser dalam format HTML.

5
Maksud Dan Tujuan

Maksud dari Absensi berbasis web :

1. Membuat sistem yang dapat mempermudah pasien untuk mendapatkan penanganan

dokter

2. Membuat sistem yang dapat mempermudah pasien dalam hal urusan rumah sakit.

Ada pun Tujuan dari Absensi berbasis web :

1. Meningkatkan etos kerja.

2. Mengintegrasikan elemen Sistem Informasi Absensi dengan aplikasi berbasis web .

3. Membangun sistem informasi yang mampu memberikan informasi yang akurat dan

terpercaya.

Metode Penelitian

1. Metode Studi Pustaka

Metode dilaksanakan dengan mengumpulkan data atau informasi dari berbagai

literatur baik buku maupun literatur dari internet.

2. Metode Pembangunan Perangkat Lunak

a. Analisis, yaitu menganalisa kebutuhan dari aplikasi yang akan dibangun. Hasil

analisis berupa Spesifikasi Kebutuhan Perangkat Lunak (SKPL).

b. Perancangan, yaitu untuk mendapatkan deskripsi arsitektural perangkat lunak,

antarmuka, data, dan prosedural. Hasil perancangan berupa Deskripsi

Perancangan Perangkat Lunak (DPPL).

6
 c. Pengujian, yaitu proses pengujian fungsionalitas perangkat lunak. Tahap ini

dituliskan dalam dokumen Perencanaan, Deskripsi, dan Hasil Uji Perangkat

Lunak (PDHUPL).

Ruang Lingkup

Dalam penulisan makalah ini penulis hanya membatasi ruang lingkup permasalahan

pada sistem appointment.

BAB II
PEMBAHASAN

Analisa Kebutuhan Sistem

Dalam sebuah perusahaan di butuhkan absensi agar bisa mengetahui karyawan yang

masuk, izin atau sakit. Maka dengan ini kami membuat sebuah aplikasi absensi agar

memudahkan karyawan dan manager dalam mengelola data absensi, supaya mendapatkan

informasi yang akurat dan terpercaya dan membuat karyawan menjadi disiplin.

Visual Studio Code

Visual Studio Code (VS Code) adalah sebuah teks editor multiplatform yang komplit

dan handal buatan Microsoft. Selain tersedia untuk Windows, Visual Studio Code (VS Code)

juga tersedia untuk versi Linux dan Mac. Teks editor mendukung banyak bahasa

pemrograman seperti JavaScript, Typescript, dan Node.js, serta bahasa pemrograman lainnya

dengan bantuan plugin yang dapat dipasang di Visual Studio Code seperti C++, C#, Python,

Go, Java, dll.

7
 Visual Studio Code (VS Code) bersifat open source. Hal ini juga yang membuat VS

Code menjadi favorit para pengembang(developer) aplikasi, karena mereka dapat ikut serta

dalam proses pengembangan Visual Studio Code (VS Code).

Visual Studio Code (VS Code) menyediakan Intellisense, Git Integration, Debugging,

dan fitur ekstensi. Fitur-fiturnya akan terus bertambah seiring dengan perkembangan versi

Visual Studio Code. Perkembangan versi Visual Studio Code ini juga dilakukan berkala

setiap bulan, dan inilah yang membuat VS Code unggul dibandingkan teks editor lainnya.

PHPMyAdmin 

Database adalah sebuah sistem yang dibuat untuk mengorganisasi, menyimpan dan

menarik data dengan mudah. Database terdiri dari kumpulan data yang terorganisir untuk satu

atau lebih penggunaan, dalam bentuk digital. Database digital dimanage

menggunakan Database Management System (DBMS) yang menyimpan database,

mengizinkan pembuatan, maintenance data, pencarian dan akses yang lain. Beberapa

Database yang ada saat ini adalah : Mysql, Sql Server, Ms.Access, Oracle dan PostgreSql

Pengertian PHPMyAdmin

PHPMyAdmin adalah sebuah aplikasi open source yang berfungsi untuk

memudahkan manajemen MySQL. Dengan menggunakan PHPMyAdmin, anda dapat

membuat database, membuat tabel, menginsert, menghapus dan mengupdate data dengan

GUI dan terasa lebih mudah, tanpa perlu mengetikan perintah SQL secara manual.

PHPMyAdmin dapat di download secara free di http://www.phpmyadmin.net. Saat tulisan ini

dibuat, versi PHPMyAdmin terbaru adalah versi PHPMyAdmin 3.2.4. Karena berbasis web,

maka PHPMyAdmin dapat dijalankan di banyak OS, selama dapat menjalankan web server

dan MySQL.

8
Pengertian Xampp

Xampp adalah sebuah paket kumpulan software yang terdiri dari  Apache, MySQL,

PHPMyAdmin, PHP, Perl, Freetype2, dll. Xampp berfungsi untuk memudahkan instalasi

lingkungan PHP, dimana biasanya lingkungan pengembangan web memerlukan PHP,

Apache, MySQL dan PHPMyAdmin serta software – software yang terkait dengan

pengembangan web. Dengan menggunakan xampp, kita tidak perlu menginstal aplikasi –

aplikasi ersebut satu persatu. Paket aplikasi perlu diextract dan diinstall terlebih dahulu,

dengan memilih jenis xampp yang sesuai dengan jenis OS nya.  Setelah sukses menginstall

xampp, kita dapat langsung mengaktifkan MySQL.

Pengertian Code Igniter

Code Igniter (CI) adalah sebuah framework PHP. Framework itu sendiri adalah suatu

kerangka kerja yang berupa sekumpulan folder yang memuat file-file php yang menyediakan

class libraries, helpers, plugins dan lainnya . Framework menyediakan konfigurasi dan teknik

coding tertentu.

Instalasi Code Igniter

Karena berupa folder php, maka instalasi Code Igniter, cukup dengan mengekstrak file

kompresi yang di dapat dari situswww.codeigniter.com dan menempatkannya di dalam folder

directory web server anda. Kemudian edit file config.php yang ada di

application/config/config.php dan set base URL anda, misal : http://localhost/ci. Jika anda

hendak menggunakan database, edit file database.php yang ada di

application/config/database.php. Setting database anda di file tesebut. Setelah di lakukan

instalasi dan setting, test lah Code Igniter anda dengan membuka browser anda dan

9
mengetikkan url yang anda taruh di file config.php di atas, misal : http://localhost/ci. Jika

muncul halaman welcome ala Code Igniter, maka Code Igniter telah siap di gunakan.

Konsep Model-View-Controller (MVC)

Konsep MVC adalah konsep pemisahan antara logic dengan tampilan dan database.

Manfaat konsep ini adalah, membuat coding logic lebih simple, karena sudah di pisah dengan

code untuk tampilan dan membuat programmer dapat bekerja secara terpisah dengan

designer. Programmer mengerjakan logic, sedangkan designer berkutat dengan design dan

tampilan.

Model → Merupakan code struktur data. Model berisi fungsi di dalam pengolahan database.

Script Sql masuk di sini.

View → Merupakan code untuk menampilkan tampilan suta program. Tampilan dapat berupa

web page, header, footer dan apa saja yang berjenis tampilan.

Controller → Merupakan code untuk logic, algoritma dan sebagai penghubung antara model,

view, dan sumber lain yang di perlukan untuk mengolah HTTP request dan generate web

page.

CI menerapkan pola MVC yang flexible, karena model dapat tidak di gunakan. Anda dapat

hanya menggunakan Controller dan View saja dalam menggunakan CI tanpa Model. Jika

anda tidak memerlukan pemisahan di dalam struktur data dan database atau menganggap

penggunaan model hanya menambah kompleks aplikasi dengan keuntungan yang kurang

sebanding, maka anda dapat tidak menggunakan model.

10
TAMPILAN MENU LOGIN DOCTOR VIEW

TAMPILAN CODINGAN LOGIN DOCTOR VIEW

11
TAMPILAN MENU

TAMPILAN CONDINGAN MENU

12
TAMPILAN INFORMASI PASIEN

TAMPILAN CODINGAN INFORMASI PASIEN

13
14
15
16
TAMPILAN DATA PASIEN

TAMPILAN CODINGAN DARI DATA PASIEN

17
18
TAMPILAN MENU REGRISTRASI

TAMPILAN CODINGAN MENU REGISTRASI

19
TAMPILAN MENU DOKTOR SEARCH VIEW

TAMPILAN CODINGAN DOCTOR SEARCH VIEW

20
TAMPILAN BOOK APOITMENT

21
TAMPILAN CODINGAN BOOK APOITMENT

TAMPILAN DATA PASIEN

22
TAMPILAN CODINGAN DATA PASIEN

23
TAMPILAN LOGIN PASIEN

24
TAMPILAN CODINGAN MENU LOGIN PASIEN

TAMPILAN MENU LOGIN ADMIN

25
TAMPILAN CODINGAN LOGIN ADMIN

26
TAMPILAN

TAMPILAN CODINGAN

27
TAMPILAN M

DASDAD

28
29
TAMPILAN

TKHDIAID

30
TAMDAIDUAHJ

31
AIDIUAOSOA

AHDIASJOIA

32
HIOI

33
TAMPILAN CODINGAN

34
35
 BAB III

PENUTUPAN

Kesimpulan

Kesimpulan yang dapat diambil dari pembahasan di atas adalah website rumah sakit ini dapat

digunakan petugas rumah sakit untuk mendata data dokter, data pasien, dan menampilkan informasi-

informasi Rumah Sakit lainnya. Dan khusus pengunjung yang sudah terdaftar sebagai user di rumah

sakit dapat tambahan fasilitas, yaitu dapat mengisi forum kesehatan dan konsultasi online.

Saran

Website Rumah Sakit ini masih jauh dari sempurna, sehingga untuk memaksimalkan
kinerjanya perlu dilakukan pengembangan lebih lanjut, diantaranya adalah :

1. Website ini tidak dilengkapi dengan sistem back up data jadi harus selalu menyimpan atau
mengcopy database data ke tempat yang aman yang bebas dari serangan virus atau
semacamnya

2. Website yang dibuat ini masih dalam bentuk yang sangat sederhana karena hanya terbatas
pada sistem konsultasi, pendaftaran pasien dan informasi yang sesuai dengan maksud website
tersebut sehingga kedepannya dapat dikembangkan

36
 DAFTAR PUSTAKA

https://inixindojogja.co.id/5-ekstensi-visual-studio-code-yang-membuat-kamu-lebih-
produktif/
https://proxsisgroup.com/pq/mengenal-php-ci-beserta-keuntungan-penggunaannya/
http://www.teorikomputer.com/2015/10/pengertian-mysql-beserta-kelebihan-dan.html
https://arekubl.blogspot.co.id/2014/01/pengertian-database-mysql-dan-phpmyadmin.html

37