SISTEM INFORMASI DIAGNOSA PENYAKIT KULIT

AKIBAT JAMUR BERBASIS WEB

TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III

MAISAROH ALI RAHMAN

NIM: 12142018

Program Studi Manajemen Informatika

AMIK BSI Jakarta
Jakarta
2017
 KATA PENGANTAR

Puji dan syukur kepada Tuhan Yang Esa atas segala rahmat yang telah

dilimpahkan-Nya, sehingga penulis dapat menyelesaikan Tugas Akhir ini. Tugas

Akhir ini penulis sajikan dalam bentuk buku yang sederhana dengan judul sebagai

berikut, “Sistem Informasi Diagnosa Penyakit Kulit Akibat Jamur Berbasis

Web” .

Tujuan penulisan Tugas Akhir ini dibuat sebagai salah satu syarat

kelulusan Program Diploma III Akademi BSI Jakarta. Sebagai bahan penulisan

diambil berdasarkan observasi dan beberapa sumber literatur yang mendukung

penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan dorongan dari

semua pihak, maka penulisan tugas akhir ini tidak akan lancar. Oleh karena itu

pada kesempatan ini, izinkanlah penulis menyampaikan ucapan terima kasih

kepada:

1. Direktur AMIK BSI Jakarta.

2. Ketua Proram Studi Manajemen Informatika AMIK BSI Jakarta.

3. Bapak Kresna Ramanda, M.Kom selaku Dosen Pembimbing Tugas Akhir.

4. Bapak Lusino, M.Kom selaku Asisten Pembimbing Tugas Akhir.

5. Staff/karyawan di lingkungan AMIK BSI Jakarta.

6. Para dosen AMIK BSI Jakarta yang telah membimbing, mengajari, dan

memberi ilmu serta pengetahuan.

7. Kedua orang tua dan keluarga tercinta yang telah memberikan doa , cinta

kasih, pengorbanan, dorongan moril serta segala yang terbaik.

vii
8. Teman-teman AMIK BSI Jakarta khususnya Program Studi Manajemen

Informatika angkatan tahun 2014.

9. Teman kakak adik Jainudin, Karmila, Helena, Berhima, Tomy dan semua

pihak yang tidak dapat penulis sebutkan satu persatu yang telah

memberikan dukungan dan motivasi selama proses penyelesaian Tugas

Akhir ini.

Penulis menyadari bahwa penulisan Tugas Akhir ini memilki kekurangan

yang tidak lain disebabkan oleh keterbatasan ilmu pengetahuan dan pengelaman

yang penulis miliki. Meskipun demikian, penulis berusaha sedapat mungkin

melakukan yang terbaik dalam menyelesaikan Tugas Akhir ini, meskipun pada

kenyataan hanya dapat memberikan hasil yang sederhana dan tidak luput dari

kekurangan dan kesalahan.

Akhir kata dengan rendah hati penulis berharap semoga Tugas Akhir ini

dapat bermanfaat bagi pengetahuan ilmu dan juga para pembaca, khususnya bagi

mahasiswa AMIK BSI Jakarta dan bagi masyarakat umumnya.

Jakarta, 10 Juli 2017

Penulis

Maisaroh Ali Rahman

viii
 ABSTRAKSI

Maisaroh Ali Rahman (12142018), Sistem Informasi Diagnosa Penyakit Kulit

Akibat Jamur Berbasis Web

Kulit manusia terdiri dari berbagai lapisan, baik itu lapisan yang terlindungi
maupun lapisan yang sangat rentan terhadap serangan dari luar seperti dari
lingkungan. Belakangan ini terdapat penemuan-penemuan yang berhubungan
dengan penyakit kulit dimana terdapat banyak cara bakteri dan virus kulit
menyerang manusia seperti dari keadaan lingkungan, iklim atau suhu bahkan dari
kontak langsung dengan inang atau induk virus. Penyakit kulit yang diderita oleh
masyarakat saat ini cepat sekali menyebar di karenakan kurangnya informasi
dan pengetahuan tentang penyakit kulit. Oleh karena itu penulis membuat sistem
informasi untuk mendiagnosa penyakit kulit berbasis web. Sistem ini dibuat agar
para penderita penyakit kulit mengerti dan memahami jenis penyakit kulit apa
yang di deritanya sekarang ini. Aplikasi yang digunakan untuk membuat program
sistem informasi ini menggunakan dreamweaver CS6, PHP, CSS, dan MySQL.
Hasil dari tugas akhir ini adalah berupa program aplikasi yang dapat membantu
pengguna mengetahui jenis penyakit kulit yang diderita serta mendapat informasi
yang luas mengenai penyakit kulit akibat jamur.

Kata Kunci: Sistem Informasi, Penyakit Kulit Jamur

ix
 ABSTRACT

Maisaroh Ali Rahman (12142018), Web Based Disease Mushroom Diagnosis

Information System

Human skin consists of various layers, both layers and layers protected the very
vulnerable to attackfrom the outside as from the environment. Lately, there are
findings related to skin diseases where there are manyways bacteria and viruses
attack the human skin as from the state of the environment, climate or
temperatureeven from direct contact with the host or the parent virus. Skin
disease suffered by the now rapidly spreading dueto lack of information and
knowledge of skin diseases. Therefore the authors make information systems to
diagnose web-based skin diseases. The system is made so that the skin disease
sufferers know and understand what type of skin disease that affects this today.
The application used to create this information system program using
Dreamweaver CS6, PHP, CSS, and MySQL. The results of this final project are
in the form of an application program that can help users know the type of skin
disease suffered and received extensive information about skin diseases caused by
fungi.

Keyword: Information Systems, Skin Disease Fungus

x
 DAFTAR ISI

Halaman
Lembar Judul Tugas Akhir............................................................................................ i
Lembar Pernyataan Keaslian Tugas Akhir .................................................................. ii
Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah ............................................ iii
Lembar Persetujuan dan Pengesahan Tugas Akhir .................................................... iv
Lembar Konsultasi Tugas Akhir ................................................................................. v

Kata Pengantar ........................................................................................................... vii

Abstrak ........................................................................................................................ ix
Daftar Isi ...................................................................................................................... xi
Daftar Simbol .............................................................................................................. xiii
Daftar Gambar............................................................................................................. xiv
Daftar Tabel ................................................................................................................ xvi
Daftar Lampiran ......................................................................................................... xvii

BAB I PENDAHULUAN ........................................................................................... 1

1.1. Latar Belakang ........................................................................................... 1
1.2. Maksud dan Tujuan .................................................................................... 3
1.3. Metode Penelitian....................................................................................... 3
1.4. Ruang Lingkup ........................................................................................... 5
1.5. Sistematika penulisan ................................................................................. 5
BAB II LANDASAN TEORI .................................................................................... 7
2.1. Konsep Dasar Web ..................................................................................... 7
2.1.1. Website........................................................................................... 7
2.1.2. Bahasa Pemrograman ................................................................... 14
2.1.3. Basis Data (Database).................................................................. 16
2.1.4. Model Pengembangan Perangkat Lunak ...................................... 18
2.2. Teori Pendukung ...................................................................................... 20
2.2.1. Struktur Navigasi ......................................................................... 20
2.2.2. Enterprise Relationship Diagram (ERD) .................................... 23
2.2.3. Logical Record Structure (LRS) .................................................. 26
2.2.4. Pengujian Web ............................................................................. 27
BAB III PEMBAHASAN ....................................................................................... 29
3.1. Analisis Kebutuhan................................................................................... 29
3.1.1. Kebutuhan Pengguna ..................................................................... 29
3.1.2. Kebutuhan Sistem .......................................................................... 30
3.2. Perancangan Perangkat Lunak.................................................................. 30
3.2.1. Rancangan Antar Muka.................................................................. 30
3.2.2. Basis Data ...................................................................................... 41
3.2.3. Rancangan Struktur Navigasi ......................................................... 51
3.3. Implementasi dan Pengujian Unit............................................................. 53

xi
 3.3.1. Implementasi ................................................................................... 53
3.3.2. Pengujian Unit ................................................................................. 69

BAB IV PENUTUP .................................................................................................. 73

4.1. Kesimpulan .............................................................................................. 73
4.2. Saran ......................................................................................................... 74
DAFTAR PUSTAKA ............................................................................................... 75
DAFTAR RIWAYAT HIDUP ................................................................................ 77
LAMPIRAN .............................................................................................................. 78

xii
 DAFTAR SIMBOL

SIMBOL DESKRIPSI
Entitas/entity Entitas merupakan data inti yang akan disimpan; bakal
tabel basis data; benda yang memiliki data dan harus
disimpan datanya agar dapat diakses oleh aplikasi
komputer; penamaan entitas biasanya lebih ke kata benda
dan belum merupakan nama table

Atribut Field atau kolom data yang butuh disimpan dalam suatu
entitas

Relasi Relasi yang menghubungkan antar entitas; biasanya

diawali dengan kata kerja

Garis Garis, sebagai penghubung antara himpunan relasi dengan

himpunan entitas dan himpunan entitas dengan atributnya

xiii
 DAFTAR GAMBAR

Halaman
Gambar II.1. Ilustrasi Metode Waterfall ....................................................................19
Gambar II.2. Struktur Navigasi Linier .......................................................................20
Gambar II.3. Struktur Navigasi Hirarki .....................................................................21
Gambar II.4. Struktur Navigasi Non Linier ...............................................................22
Gambar II.5. Struktur Navigasi Komposit .................................................................23
Gambar II.6. Simbol Entitas /Entity ...........................................................................24
Gambar II.7. Simbol Atribut ......................................................................................24
Gambar II.8. Simbol Atribut Kunci Primer ...............................................................25
Gambar II.9. Simbol Atribut Multi Nilai ...................................................................25
Gambar II.10. Simbol Relasi......................................................................................25
Gambar II.11. Simbol Asosiasi ..................................................................................26
Gambar III.1. Rancangan Antar Muka Login Admin ................................................30
Gambar III.2. Rancangan Antar Muka Ruang Admin ...............................................31
Gambar III.3. Rancangan Antar Muka Data Penyakit ...............................................31
Gambar III.4. Rancangan Antar Muka Tambah Data Penyakit .................................32
Gambar III.5. Rancangan Antar Muka Data Gejala ...................................................32
Gambar III.6. Rancangan Antar Muka Tambah Data Gejala.....................................33
Gambar III.7. Rancangan Antar Muka Data Relasi ...................................................33
Gambar III.8. Rancangan Antar Muka Lihat Data Relasi ..........................................34
Gambar III.9. Rancangan Antar Muka Laporan Konsultasi ......................................34
Gambar III.10. Rancangan Antar Muka Pengguna ....................................................35
Gambar III.11. Rancangan Antar Muka Admin Baru ................................................35
Gambar III.12. Rancangan Antar Muka Beranda ......................................................36
Gambar III.13. Rancangan Antar Muka Penyakit ......................................................36
Gambar III.14. Rancangan Antar Muka Detail Penyakit ...........................................37
Gambar III.15. Rancangan Antar Muka Konsultasi...................................................37
Gambar III.16. Rancangan Antar Mulai Muka Konsultasi ........................................38
Gambar III.117. Rancangan Antar Muka Menjawab Pertanyaan ..............................38
Gambar III.18. Rancangan Antar Muka Analisa Hasil ..............................................39
Gambar III.19. Rancangan Antar Muka Masuk .........................................................39
Gambar III.20. Rancangan Antar Muka Daftar .........................................................40
Gambar III.21. Entity Relationship Diagram.............................................................41
Gambar III.22. Logical Relational Structure .............................................................42
Gambar III.23. Struktur Navigasi Halaman Pengguna ..............................................51
Gambar III.24. Struktur Navigasi Halaman Administrator .......................................52
Gambar III.25. Implementasi Halaman Utama ..........................................................54
Gambar III.26. Implementasi Halaman Penyakit .......................................................54
Gambar III.27. Implementasi Detail Penyakit ...........................................................55
Gambar III.28. Implementasi Form Pengisian Data Pengguna..................................55

xiv
Gambar III.29. Implementasi Halaman Diagnosa .....................................................56
Gambar III.30. Implementasi Hasil Diagnosa Penyakit.............................................56
Gambar III.31. Implementasi Hasil Jawaban Tidak...................................................57
Gambar III.32. Implementasi Halaman Masuk ..........................................................57
Gambar III.33. Implementasi Halaman Login Admin ...............................................58
Gambar III.34. Implementasi Halaman Ruang Admin ..............................................58
Gambar III.35. Implementasi Halaman Daftar Semua Penyakit................................59
Gambar III.36. Implementasi Halaman Ubah Penyakit .............................................59
Gambar III.37. Implementasi Halaman Tambah Penyakit.........................................60
Gambar III.38. Implementasi Halaman Daftar Gejala Penyakit ................................61
Gambar III.39. Implementasi Halaman Ubah Gejala Penyakit..................................62
Gambar III.40. Implementasi Halaman Tambah Gejala Penyakit .............................62
Gambar III.41. Implementasi Halaman Relasi ...........................................................63
Gambar III.42. Implementasi Halaman Menampilkan Relasi ...................................63
Gambar III.43. Implementasi Halaman Tampilan Penyakit ......................................64
Gambar III.44. Implementasi Halaman Laporan Konsultasi .....................................64
Gambar III.45. Implementasi Halaman Tampilan Laporan Konsultasi .....................65
Gambar III.46. Implementasi Halaman Daftar Pengguna ..........................................66
Gambar III.47. Implementasi Halaman Ubah Pengguna ..........................................66
Gambar III.48. Implementasi Halaman Admin Baru .................................................67

xv
 DAFTAR TABEL

Halaman

Tabel III.1. Spesifikasi File admin ......................................................................... 43

Tabel III.2. Spesifikasi File Penyakit ..................................................................... 44
Tabel III.3. Spesifikasi File Gejala ........................................................................ 45
Tabel III.4. Spesifikasi File Relasi ......................................................................... 46
Tabel III.5. Spesifikasi File Konsultasi .................................................................. 47
Tabel III.6. Spesifikasi File Tmp Penyakit ............................................................ 48
Tabel III.7. Spesifikasi File Tmp Gejala ................................................................ 48
Tabel III.8. Spesifikasi File Tmp Konsultasi ......................................................... 49
Tabel III.9. Spesifikasi File Pengguna ................................................................... 50
Tabel III.10. Hasil Pengujian Black Box Testing Halaman Login Admin ............. 69
Tabel III.11. Hasil Hasil Pengujian Black box Testing Halaman Masuk Pengguna
................................................................................................................................ 70
Tabel III.12. Hasil Pengujian Black box Testing Halaman Konsultasi .................. 71

xvi
 DAFTAR LAMPIRAN

A.1 Cetak Analisa Laporan .................................................................................. 79

B.1 Halaman Daftar Penyakit .............................................................................. 80
B.2 Halaman Gejala ............................................................................................. 81
B.3 Halaman Cetak Laporan Konsultasi .............................................................. 82

xvii
 BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

Kulit merupakan organ terluas penyusun tubuh yang letaknya berada di

bagian paling luar pada tubuh manusia dan berfungsi untuk menutupi seluruh

permukaan tubuh. Pada tubuh manusia, kulit dapat terjangkit berbagai penyakit,

mulai dari penyakit ringan yang berakibat gatal-gatal ataupun yang lebih berat

dapat berakibat kematian. Bagi mereka yang peduli dengan kondisi kesehatan

kulit, informasi tentang penyakit kulit sangat diperlukan, hal ini dikarenakan

penyakit kulit tidak bisa dibiarkan lama tetapi harus segera diperiksa oleh seorang

dokter khusus dokter spesialis penyakit kulit khususnya penyakit kulit yang

diakibatkan oleh jamur dalam penanganan penyakit ini.

Apabila terjadi gangguan kesehatan maka tentunya kita akan berkonsultasi

kepada seorang ahli dalam hal ini adalah seorang dokter yang memang lebih

mengerti tentang dunia kesehatan. Terkadang terdapat kelemahannya ketika kita

akan berkonsultasi ke dokter, seperti jam kerja (praktek) terbatas, biaya konsultasi

yang sangat mahal dan banyaknya pasien sehingga harus menunggu antrian.

Dalam hal ini kita pemakai jasa kesehatan lebih membutuhkan suatu sistem yang

bisa memudahkan dan memberikan informasi dalam mendiagnosa penyakit

lebih dini agar dapat melakukan pencegahan lebih awal. Karena hal tersebut,

1
 2

maka dibutuhkan suatu sistem alat bantu yang dapat mendiagnosa penyakit kulit

berupa suatu sistem infomasi penyakit kulit.

Terkait dengan perkembangan teknologi informasi yang semakin pesat,

segala jenis informasi dapat dioptimalkan dengan memanfaatkan teknologi

informasi yang lebih mudah untuk menjangkau masyarakat, baik dalam hal

sosialisasi tentang informasi kesehatan, bahkan memberikan pelayanan langsung

kepada pasien tanpa terikat dengan jarak dan waktu, pasien dapat melakukan

konsultasi tentang penyakit kulit yang telah disarankan secara online.

Masyarakat tentunya akan sangat terbantu dengan penggunaan sistem

informasi untuk melakukan konsultasi penyakit kulit dan akan mudah membuat

keputusan yang tepat dalam waktu yang singkat. Sistem ini juga akan banyak

membantu dokter umum untuk mengidentifikasi penyakit kulit yang disebabkan

bahan berbahaya dengan benar dan dalam waktu relative singkat. Ini akan sangat

mengurangi dan menghindarkan kesalahan diagnosa atau kesalahan terapi dan

meningkatkan kualitas pelayanan oleh profesianal dibidang ini. Sistem ini akan

mempromosikan aplikasi teknologi kecerdasan buatan yang makin berkembang

dalam pelayanan informasi, saran serta penanganan penyakit kulit akibat jamur.

Dalam hal inilah sistem yang komprehensif memperhitungkan segala

kemungkinan untuk melakukan konsultasi bisa sangat membantu. Atas dasar

pertimbangan-pertimbangan diatas maka penulis berusaha menyusun suatu sistem

yang nantinya dapat digunakan sebagai alat bantu dalam berkonsultasi penyakit

kulit dengan judul “Sistem Informasi Diagnosa Penyakit Kulit Akibat Jamur

Berbasis Web”.
 3

1.2. Maksud dan Tujuan

Adapun Maksud dari penulisan Tugas Akhir ini adalah:

1. Merancang sebuah aplikasi sistem informasi yang nantinya dapat dijadikan

sarana penyajian informasi yang dibutuhkan terutama oleh masyarakat,

dokter umum dan kulit.

2. Mengembangkan model sistem analis dokter terhadap penyakit akibat

jamur yang nantinya dapat diperluas dengan penyakit yang ada hubungan

dengan penyakit lainnya.

3. Membuat diagnosa dengan cepat penyakit yang ada hubungannya dengan

jamur.

Sedangkan tujuan yang ingin dicapai dari penulisan Tugas Akhir ini

adalah sebagai salah satu syarat kelulusan Program Diploma III Manajemen

Informatika pada AMIK BSI Jakarta.

1.3. Metode Penelitian

A. Metode Pengembangan Perangkat Lunak

Metode yang digunakan pada pengembangan perangkat lunak ini

menggunakan model water fall (Sukamto dan Shalahuddin, 2013:28) yang terbagi

menjadi tiga tahapan, yaitu:

1. Analisis Kebutuhan

Tahapan ini sangat menekan pada masalah pengumpulan kebutuhan

pengguna pada tingkatan sistem dengan menentukan konsep sistem beserta

 4

antarmuka yang menghubungkannya dengan lingkungan sekitar. Hasilnya

berupa spesifikasi sistem..

2. Perancangan Sistem dan Perangkat Lunak

Proses perancangan sistem ini difokuskan pada empat atribut, yaitu

struktur data, representasi antarmuka, arsitektur perangkat lunak, dan

interaksi antar objek di dalam kelas.

3. Implementasi dan Pengujian Unit

Pada tahap ini, perancangan perangkat lunak direalisasikan sebagai

serangkaian program atau unit program. Kemudian pengujian unit

melibatkan verifikasi bahwa setiap unit program telah memenuhi

spesifikasinya.

B. Teknik pengumpulan Data

Teknik pengumpulan data yang digunakan oleh penulis dalam melakukan

pengumpulan data untuk pembuatan TA adalah :

1. Observasi

Dalam pencarian data, penulis mengamati secara langsung proses-proses

yang terjadi pada website kesehatan serta jurnal penyakit kulit untuk

mendapatkan informasi tentang sistem aplikasi, jenis penyakit dan

diagnosanya.

2. Studi Pustaka

Selain melakukan kegiatan diatas penulis juga melakukan studi

kepustakaan melalui literatur-literatur atau referensi-referensi yang ada di

 5

perpustakaan Bina Sarana Informatika sehinnga akan menunjang materi

pembahasan masalah yang diteliti.

1.4. Ruang Lingkup

Dalam penulisan Tugas Akhir ini akan dibahas aplikasi program diagnosa

penyakit kulit, pengetahuan tentang jenis penyakit kulit, gejala penyakit kulit,

konsultasi berdasarkan gejala yang ditemukan.

Ruang lingkup admin memiliki hak akses penuh dalam mengelola aplikasi

mulai dari mengelola data gejala, mengolah data penyakit, mengolah data admin

sampai menampilkan hasil diagnosa penyakit. Ruang lingkup user hanya bisa

melakukan konsultasi serta menampilkan dan mencetak hasil diagnosa penyakit.

1.5. Sistematika Penulisan

Sistematika penulisan Tugas Akhir ini dimaksudkan untuk memberikan

gambaran umum mengenai isi laporan yang terbagi dalam bab-bab berikut ini:

BAB I PENDAHULUAN

Pada bab ini penulis menjelaskan tentang latar belakang, maksud

dan tujuan, metode penelitian, ruang lingkup dan sistematika

penulisan.

BAB II LANDASAN TEORI

Pada bab ini, penulis menjelaskan tentang konsep dasar website

dan teori pendukung yang menunjang dalam pembuatan website

tersebut.
 6

BAB III PEMBAHASAN

Pada bab ini penulis membahas tentang tinjauan yang terdiri atas

analisa kebutuhan, perancangan perangkat lunak, rancangan antar

muka, rancangan basis data, rancangan struktur navigasi,

implementasi dan pengujian unit yang terdiri dari implementasi

antar muka dan pengujian unit.

BAB IV PENUTUP

Bab ini berisi kesimpulan dari hasil implementasi sistem yang telah

dibangun dan mengajukan saran sebagai pengembangan sistem

selanjutnya untuk lebih menyempurnakan sistem dimasa yang akan

datang.
 BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

Sebagai salah satu hal terpenting, web sudah mulai dikembangkan menjadi

salah satu hal yang diperhatikan dalam perkembangan internet. Menurut

Rudyanto (2011:8) “Web statis adalah web yang isinya atau content tidak berubah-

ubah, maksudnya adalah isi dari dokumen web tersebut tidak dapat diubah secara

cepat dan mudah” ini karena teknologi yang digunakan untuk membuat web statis

tidak memungkinkan dilakukan perubahan isi atau data. Teknologi yang

digunakan untuk membuat web statis ini seperti HTML dan Cascading Style Sheet

(CSS). Perubahan isi dokumen pada web statis harus mengubah isi file HTML

atau CSS tersebut. Mengubah dokumen web statis harus benar-benar mengerti

tentang teknologi HTML atau CSS yang sering disebut programmer dimana

programmer dapat melakukan perubahan isi dari dokumen web statis tersebut.

2.1.1. Website

1. Internet

Internet (Interconnection-Networking) juga merupakan media yang

menghubungkan semua informasi di web. Irawan (2011:2) “internet adalah

rangkaian komputer yang terhubung menjadi beberapa rangkaian jaringan”. Media

yang menghubungkan bisa berupa kabel, kanal satelit, maupun frekuensi radio.

Sistem global jaringan internet yang saling terhubung menggunakan standar

internet protokol (TCP/IP). TCP kependekan dari Transmission Control Protocol

7
 8

sedangkan IP kependekan dari Internet Protocol. TCP/IP sebagai sekelompok

protokol yang mengatur komunikasi data dalam proses tukar-menukar data dari

satu komputer ke komputer lain didalam jaringan internet yang akan memastikan

pengiriman data sampai ke alamat yang dituju.

Istilah dalam internet:

a. World Wide Web ( WWW )

Menurut Rudyanto (2011:8) “WWW (World Wide Website)

merupakan kumpulan situs web yang dapat diakses di internet yang

berisikan semua informasi yang dibutuhkan semua pengguna

internet”. World Wide Website (WWW) lebih dikenal dengan istilah

website, merupakan salah satu layanan yang didapat oleh pemakai

komputer yang terhubung ke internet. Internet yang indentik dengan

website, karena popularitasnya sebagai penyedia informasi dan

interface yang dibutuhkan oleh pengguna internet dari masalah

informasi sampai dengan komunikasi. Pada saat sekarang ini website

telah di digunakan oleh perusahaan atau instansi sebagai bagian dari

strategi teknologi informasinya, karena beberapa alasan seperti: akses

informasi yang mudah, informasi mudah didistribusikan dan lain

sebagainya.

b. Web Site (situs web)

Merupakan tempat penyimpanan data informasi dengan berdasarkan

topik tertentu. Dapat diumpamakan sebagai buku yang memiliki tema

tertentu.
 9

c. Web Server

Web server adalah program aplikasi yang memiliki fungsi sebagai

tempat menyimpan dokumen-dokumen web. Semua dokumen web

baik yang ditulis menggunakan Client Side Scripting maupun Server

Side Scripting tersimpan didalam direktori utama web server

(Document Root). Beberapa contoh web server: web server Apache

yang mendukung PHP, web server Microsoft Internet Information

Service (IIS) yang mendukung ASP dan PHP, dan masih banyak lagi.

d. Browser

Merupakan program aplikasi yang digunakan untuk memudahkan

melakukan pencarian, berfungsi untuk menterjemahkan tag HTML

menjadi halaman web. Browser yang paling sering digunakan adalah

Internet Explore, Mozila Firefox, Opera, Netscape.

e. Hyper Text Transfer Protocol (HTTP)

Salah satu protokol yang biasa kita gunakan adalah HTTP. Protokol

ini digunakan untuk berkomunikasi antar web browser yang satu

dengan web browser yang lainnya. HTTP ini akan digunakan jika kita

hendak mengakses suatu dokumen berupa hyper text atau yang biasa

disebut HTML.

Dengan demikian HTTP akan mentransfer HTML ke browser dari

server tempat HTML tersebut disimpan.

 10

f. Hyper Text Markup Language (HTML)

HTML adalah suatu sistem penulisan perintah dan formatting

hypertext sederhana yang ditulis dalam dokumen text ASCII agar

dapat menghasilkan tampilan visual yang terintergrasi.

g. File Transfer Protocol (FTP)

Untuk dapat mengirimkan dan mengambil data yang disimpan dalam

bentuk file, digunakan aplikasi FTP antara pemakai dengan FTP

server. Dengan FTP ini, dapat melakukan transfer file, seperti data

aplikasi, gambar, database, dan lain sebagainya.

2. Website

Menurut Rudyanto (2011:9) “Web dinamis adalah jenis web yang content

atau isinya dapat berubah-ubah setiap saat”. Dalam teknologi pembuatan web

dinamis sudah dirancang semudah mungkin bagi user, untuk perubahan content

atau isi dokumen web dinamis user hanya perlu masuk kebagian Control Panel

atau bagian Administrator web yang telah disediakan oleh teknologi web dinamis.

Pengubahan content atau isi dokumen dalam web dinamis tidak perlu memiliki

keahlian programming atau seorang programmer yang dapat mengubah isi

dokumen web dinamis.

3. Web Browser

Web browser adalah suatu program atau software yang digunakan untuk

menjelajahi internet atau mencari informasi dari suatu web yang tersimpan

didalam komputer. Awalnya web browser berorientasi pada teks dan belum dapat

menampilakan gambar. Namun web browser sekarang tidak hanya menampilkan

gambar tapi juga dapat menampilkan file multimedia seperti video dan suara. Web
 11

browser juga dapat menampilkan email, mengelola HTML, sebagai input dan

menjadikan halaman web sebagai hasil output yang informatif. Dengan

menggunakan web browser, para pengguna internet dapat mengakses, berbagi

informasi yang terdapat di internet dengan mudah.

Fungsi dari web browser adalah untuk menampilkan dan melakukan

interaksi dengan dukumen-dokumen yang disediakan oleh web server. Beberapa

web browser yang populer saat ini anatara lain :

a. Mozilla FireFox

Firefox atau juga biasa dikenal dengan nama Mozilla Firefox adalah web

browser yang dikembangkan oleh Mozilla. Sampai saat ini firefox adalah

web browser yang paling populer dan juga handal selain itu firefox dapat

menjelajah internet dengan cepat dan ringan. Banyak sekali

addons/plugins atau extention tambahan yang disediakan oleh firefox

untuk meningkat kemampuan browsing di internet. Dengan fitur yang

lengkap tersebutlah Firefox menjadi Web Browser terpopuler.

b. Internet Explorer

Internet Explorer adalah web browser yang paling tua, bahkan hampir

semua pengguna komputer mengenal internet explorer, karena secara

default telah tersedia saat pertama kali menginstall windows.

c. Opera

Opera juga merupakan web browser yang tidak kalah populernya dengan

kedua web browser diatas. Kini opera menjadi browser tercepat dalam

versi mobile. Walau terkadang penggunaan Opera pada desktop/pc sering

 12

dipandang sebelah mata, namun pada rilis terbarunya opera dapat

mengalahkan firefox dalam segi kecepatan menjelajahnya.

d. Google Chrome

Google Chrome adalah pesaing berat dari Firefox. Walau Google

Chrome sebenarnya adalah web browser yang baru saja dibuat namun

Google Chrome telah bisa menyaingi web browser lainnya. Hal ini

dikarenakan Google Chrome adalah Web Browser yang dibuat oleh

penguasa internet saat ini yaitu Google. Dengan nama besar Google,

maka tentu saja Chrome dapat berkembang dengan pesat selain itu

kehandalan dan kecepatan dari Google Chrome ini tidak kalah dengan

Firefox bahkan dapat melebihi kecepatan dari Firefox. Sehingga banyak

pengguna internet yang dulunya memakai web browser firefox berpindah

untuk menggunakan web browser Google Chrome.

4. Web Server

Menurut Sandi (2014a:14) Web server adalah perangkat lunak yang

berfungsi menerima permintaan berupa halaman web melalui HTTP atau HTTPS

dari klien yang dikenal dengan web browser dan mengirimkan kembali hasilnya

dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML.

Berikut ini adalah jenis-jenis dari web server:

a. Xampp

Menurut Sadeli (2012:10) Xampp paket instalasi program yang terdiri

dari atas program Apache HTTP Server, MySQL database, dan

penerjemah bahasa yang ditulis dengan pemrograman PHP dan Perl.

 13

b. Apache Web Server

Menurut Sandi (2014b:19) Apache Web Server (Server Web / WWW

Apache) adalah Server Web yang dapat dijalankan dibanyak sistem

operasi (Unix, Linux, Microsoft Windows dan Novel Netware serta

platform lainnya) yang berguna untuk melayani dan memfungsikan situs

web. Protokol yang digunakan untuk melayani fasilitas web/www ini

menggunakan HTTP. Apache merupakan perangkat lunak open source

yang dikembangkan oleh komunitas terbuka yang terdiri dari

pengembangan-pengembangan dibawah naungan Apache Software

Foundation.

c. Internet Information Services (IIS)

Menurut Mulhim (2012:13) IIS atau Internet Information Services adalah

sebuah HTTP web server yang digunakan dalam sistem operasi server

windows, mulai dari Windows NT 4.0 Server, Windows 2000 Server atau

Windows Server 2003. Layanan ini merupakan layanan terintegrasi dalam

Windows 2000 server, Windows Server 2003 atau sebagai add-on dalam

Windows NT 4.0. Layanan ini berfungsi sebagai pendukung protocol

TCP/IP yang berjalan dalam lapisan aplikasi (Aplication Layer).

d. Apache Tomcat

Menurut Mulhim (2012:15) Apache Tomcat adalah sebuah web server

yang dikembangkan oleh Apache Software Founddation (ASF). Tomcat

menginplementasikan Java Serviet dan juga Java Server Page (JPS)

spesifikasi dari Oracle Corporation, dan menyediakan java HTTP web

server yang bias dijalankan dengan kode java.

 14

2.1.2. Bahasa Pemrograman

1. Personal Home Page (PHP)

Personal Home Page adalah teknologi yang diperkenalkan tahun 1994 oleh

Rasmus Lerdof. Bunafit Nugroho (2009:114), “PHP adalah produk open source

yang dapat digunakan secara gratis tanpa harus membayar untuk

menggunakannya”. Sampai saat ini telah banyak database yang didukung oleh

PHP dan kemungkinan akan terus bertambah. Database tersebut adalah Base,

DBM, mSQL, SQL, ODBC, Oracle, Postgres, Sybase, Velocois, HTML.

2. Hyper Text Markup Language (HTML)

Menurut MADCOMS (2008:99) “HTML (Hypertext Markup Language)

adalah bahasa kode berbasis teks untuk membuat sebuah halaman web. HTML pada

dasarnya merupakan himpunan bagian dari bahasa yang lebih luas jangkauannya

yaitu Standart Generalized Markup Language (SGML). SGML merupakan

himpunan bahasa pemformatan dokumen dari HTML diturunkan.

HTML 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 sehingga menjadi homepage dengan perintah-

perintah HTML. HTML saat ini merupakan standar internet yang di definisikan

dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

 15

3. Adobe Dreamweaver CS6

Menurut MADCOMS (2011:3) “Adobe Dreamweaver CS6 adalah software

terkemuka untuk membangun dan mengedit web dengan menyediakan

kemampuan visual dan tingkat kode, yang dapat digunakan website berbasis

standard dan desain untuk desktop, mobile, smartphone, tablet, dan perangkat

lainnya”.

4. CSS (Cascanding Style Sheet)

Menurut MADCOMS (2008:100) “Cascading Style Sheet (CSS) adalah

sebuah fitur yang berfungsi untuk menangani masalah tampilan pada HTML“.

Pada awalnya CSS dikembangkan pada SGML pada tahun 1970, dan terus

dikembangkan hingga saat ini CSS telah mendukung banyak bahasa Markup

seperti: HTML, XHTML, XML, SVG (Scalable Vector Graphics) dan Mozilla

XUL (XML User Interface Language). Mengacu dari arti bahasa, Cascanding

Style Sheet (CSS) memiliki arti gaya menata halaman bertingkat, yang berarti

setiap satu elemen yang telah diformat dan memiliki anak dan telah diformat,

maka anak dari elemen tersebut secara otomatis mengikuti format elemen

induknya.

Pada bulan Desember tahun 1996 W3C mengenalkan spesifikasi CSS level

1 atau juga dikenal CSS1 yang mendukung format huruf, warna pada teks.

Kemudian bulan Mei tahun 1998 W3C mengeluarkan CSS2 yang didalamnya

terdapat fungsi pengaturan tata letak elemen, dan saat ini W3C telah memperbaiki

serta meningkatkan kemampuan CSS2 menjadi CSS3. Cascanding Style Sheet

(CSS) terdiri dari Selector, Properti dan Nilai. Seperti halnya HTML PHP dan

bahasa pemograman lainnya, CSS juga memiliki aturan penulisan.

 16

5. JavaScript

Javascript menurut Prasetio (2012:300) adalah “bahasa pemrograman yang

digunakan untuk membuat web lebih dinamis dan interaktif. Javascript

terintegrasi langsung dengan html.

6. JQuery

Menurut Hakim (2010:3) bahwa “jQuery adalah kumpulan kode/fungsi

Javascript siap pakai, sehingga mempermudah dan mempercepat kita dalam

membuat kode yang cukup panjang”.

2.1.3. Basis Data

1. Definisi Basis Data

Menurut Syaputra (2011:1) “Basis data merupakan sekumpulan data yang

saling berhubungan dan berkaitan dengan subjek tertentu pada tujuan tertentu

pula”. Sedangkan sistem basis data adalah sekumpulan aplikasi program yang

berinteraksi dengan basis data melalui DBMS dan basis data itu sendiri.

Basis data adalah himpunan kelompok data (arsip) yang saling berhubungan

yang diorganisasi sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan

cepat dan mudah.

2. MySQL

Menurut Nugroho (2009:91) “MySQL (My Structure Query Language)

adalah sebuah program pembuat dan pengelola database atau yang sering disebut

dengan DBMS (DataBase Management System)”. MySQL merupakan DBMS

multithread, multi-user yang bersifat gratis dibawah lisensi GNU General Public

Lincence (GPL). Kendala suatu sistem database (DBMS) dapat diketahui dari
 17

cara kerja optimizernya dalam melakukan proses perintah-perintah SQL yang

dibuat oleh user maupun program aplikasinya. Sebagai database server, MySQL

dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query

data.

Ada beberapa keunggulan MySQL diantaranya yaitu:

a. MySQL dapat berjalan dengan stabil pada berbagai sistem operasi,

seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris.

b. Didukung program-program umum seperti C++, Java, Perl, PHP,

Python, TCLAPIS.

c. Bekerja pada berbagai platform (tersedia berbagai versi untuk berbagai

sistem operasi).

d. Bersifat Open Source, MySQL didistribusikan secara Open Source

(gratis), dibawah lisensi GNU General Public Licence (GPL).

e. MySQL memiliki kecepatan yang baik dalam menangani query (perintah

SQL). Dengan kata lain, dapat memproses lebih banyak SQL per satuan

waktu.

f. Mendukung ODBC untuk sistem operasi Microsoft Windows.

g. Mendukung Record yang memiliki kolom dengan panjang tetap atau

panjang bervariasi.

3. Apache2triad

Apache adalah web server yang dapat dijalankan di banyak sistem operasi

(Unix, BSD, Linux, Microsoft Windows dan Novell Netware serta platform

lainnya) yang berguna untuk melayani dan memfungsikan situs web. Protokol

yang digunakan untuk melayani fasilitas web/www ini menggunakan HTTP.

 18

Apache memiliki fitur-fitur yang canggih seperti pesan kesalahan yang dapat

dikonfigurasi, autentikasi berbasis basis data dan lain-lain. Apache juga didukung

oleh sejumlah antar muka pengguna berbasis grafik (GUI) yang memungkinkan

penanganan server menjadi mudah. Apache merupakan software open source

dikembangkan oleh komunitas terbuka yang terdiri dari pengembang-

pengembang dibawah naungan Apache Software Foundation

2.1.4. Model Pengembangan Perangkat Lunak

Model water fall telah diperoleh dari proses engineering. Model water fall

juga menawarkan cara pembuatan perangkat lunak secara lebih nyata menurut.

Rosa A.S. dan M. Shalahuddin (2013:28) langkah-langkah yang penting dalam

model ini adalah:

1. Analisis kebutuhan perangkat lunak

Proses pengumpulan kebutuhan dilakukan secara intensif untuk

menspesifikasikan kebutuhan perangkat lunak agar dapat dipahami

perangkat lunak seperti apa yang dibutuhkan oleh user.

2. Desain

Proses multi langkah yang fokus pada desain pembuatan program

perangkat lunak, termasuk struktur data, arsitektur perangkat lunak,

representasi antar muka, dan prosedur pengodean. Tahap ini mentranslasi

kebutuhan perangkat lunak dari tahap analisis kebutuhan ke representasi

desain agar dapat diimplementasikan menjadi program pada tahap

selanjutnya.
 19

3. Pembuatan kode program

Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil

dari tahap ini adalah program komputer sesuai dengan desain yang telah

dibuat pada tahap desain.

4. Pengujian

Pengujian fokus pada perangkat lunak secara dari segi logika dan

fungsional dan memastikan bahwa semua bagian sudah diuji. Hal ini

dilakukan untuk meminimalisir kesalahan (error) dan memastikan

keluaran yang dihasilkan sesuai dengan yang diinginkan.

5. Pendukung (support) atau pemeliharaan (maintenance)

Tidak menutup kemungkinan sebuah perangkat lunak mengalami

perubahan ketika sudah dikirimkan ke user. Perubahan bisa terjadi

karena adanya kesalahan yang muncul dan tidak terdeteksi saat pengujian

atau perangkat lunak harus beradaptasi pada lingkungan baru.

Sistem/ Rekayasa
Informasi

Analisis Desain Pengodean Pengujian

Sumber: M. Shalahuddin (2013:28)

Gambar II.1.

Ilustrasi Metode Waterfall

 20

2.2. Teori Pendukung

2.2.1. Struktur Navigasi

Menurut Binanto (2010:268) Menyatakan bahwa “Struktur navigasi adalah

gabungan dari struktur referensi informasi situs web dan mekanismelink yang

mendukung pengunjung untuk melakukan penjelajahan situs”. Ada 4 macam

bentuk dasar struktur navigasi yang digunakan yaitu:

a. Struktur navigasi linear

Pengguna akan melakukan navigasi secara berurutan, dari frame atau by

terinformasi ke informasi lainnya.

Sumber: Binanto (2010:269)

Gambar II.2.

Struktur Navigasi Linear

 21

b. Struktur Navigasi Hirarki

Struktur dasar ini disebut juga struktur linear dengan percabangan karena

pengguna melakukan navigasi disepanjang cabang pohon struktur yang berbentuk

oleh logika isi.

Sumber: Binanto (2010:269)

Gambar II.3.
Struktur Navigasi Hirarki
 22

c. Struktur navigasi Non-Linear

Pengguna akan melakukan navigasi dengan bebas melalui isi proyek

dengan tidak terkait dengan jalur yang sudah ditentukan sebelumnya.

Sumber: Binanto (2010:269)

Gambar II.4.
Struktur Navigasi Non Liner
 23

d. Struktur Navigasi Campuran (Composite)

Pengguna akan melakukan navigasi dengan bebas (secara non linear), tetapi

terkadang dibatasi presentasi linear film atau informasi penting dan atau pada data

yang paling terorganisasi secara logis pada suatu hirarki.

Sumber: Binanto (2010:269)

Gambar II.5.
Struktur Navigasi Komposit

2.2.2. Entity Relationship Diagram (ERD)

Menurut Shalahuddin, M dan Rosa A. S (2013:50) ERD memiliki beberapa

aliran notasi seperti notasi Chen (dikembangkan oleh Peter Chen), Barker

(dikembangkan oleh Richard Barker, Ian Palmer, Harry Ellis), notasi Crow’s

Foot, dan beberapa notasi lain. Namun yang banyak digunakan adalah notasi dari

Chen. Berikut adalah simbol-simbol yang digunakan pada ERD dengan notasi

Chen:
 24

1. Entitas / entity

Entitas merupakan data inti yang akan disimpan, bakal tabel pada basis

data, benda yang memilki data dan harus disimpan datanya agar dapat

diakses oleh aplikasi komputer, penamaan entitas biasanya lebih ke kata

benda dan belum merupakan nama tabel.

nama_entitas

Sumber :Shalahudin, M dan Rosa A. S (2013:50)

Gambar II.6.
Simbol Entitas / entity

2. Atribut

Field atau kolom data yang butuh disimpan dalam suatu entitas.

nama_atribut

Sumber :Shalahudin, M dan Rosa A. S (2013:50)

Gambar II.7.
Simbol Atribut

3. Atribut kunci primer

Field atau kolom data yang butuh disimpan dalam suatu entitas dan

digunakan sebagai kunci akses record yang diinginkan, biasanyaberupa id,

kunci primer dapat lebih dari satu kolom, asalkan kombinasi dari beberapa

kolom tersebut dapat bersifat unik (berbeda tanpa ada yang sama).
 25

nama_kunci primer

Sumber :Shalahudin, M dan Rosa A. S (2013:50)

Gambar II.8.
Simbol Atribut kunci primer

4. Atribut multi nilai / multi value

Field atau kolom data yang butuh disimpan dalam suatu entitas yang dapat

memiliki nilai lebih dari satu.

nama_atribut

Sumber :Shalahudin, M dan Rosa A. S (2013:51)

Gambar II.9.
Simbol Atribut Multi Nilai

5. Relasi

Relasi yang menghubungkan antar entitas, biasanya diawali dengan kata

kerja.

nama_relasi

Sumber :Shalahudin, M dan Rosa A. S (2013:51)

Gambar II.10.
Simbol Relasi
 26

6. Asosiasi / association

Penghubung antara relasi dan entitas di mana di kedua ujungnya memiliki

multiplicity kemungkinan jumlah pemakaian.

Kemungkinan jumlah maksimum keterhubungan antara entitas satu

dengan entitas yang lain disebut dengan kardinalitas. Misalkan ada

kardinalitas 1 ke N atau sering disebut dengan one to many

menghubungkan entitas A dan entitas B.

Sumber :Shalahudin, M dan Rosa A. S (2013:51)

Gambar II.11.
Simbol Asosiasi

2.2.3. Logical Record Structure (LRS)

Menurut Puspitosari (2010:210) “terdapat dua aturan dalam melakukan

transformasi E-R Diagram ke Logical Record Structure (LRS).” Dua aturan

tersebut yaitu:

A. Setiap entity akan diubah ke bentuk sebuah kotak dengan nama entity berada

di luar kotak dan atribut berada di dalam kotak.

B. Sebuah relasi kadang disatukan dalam sebuah kotak bernama entity, kadang

dipisah dalam sebuah kotak tersendiri.

 27

2.2.4. Pengujian Web

1. Black Box Testing

Menurut Rizky (2011:264) mengemukakan bahwa “Black box testing adalah

tipe testing yang memperlakukan perangkat lunak yang tidak diketahui kinerja

internalnya”. Sehingga para tester memandang perangkat lunak seperti layaknya

sebuah “kotak hitam” yang tidak penting dilihat isinya, tapi cukup dikenal proses

testing di bagian luar.

Beberapa keuntungan yang diperoleh dari jenis testing ini antara lain:

1. Anggota tim tester tidak harus dari seseorang yang memiliki kemampuan

teknis di bidang pemrograman

2. Kesalahan dari perangkat linak ataupun seringkali ditemukan oleh

komponen tester yang berasal dari pengguna

3. Hasil dari block box testing dapat memperjelas kontradiksi ataupun

kerancuan yang mungkin timbul dari eksekusi sebuah perangkat lunak

4. Proses testing dapat dilakukan lebih cepat dibandingkan white box testing.

Beberapa teknik testing yang tergolong dalam tipe ini antara lain:

1. Equivalence Partitioning

Pada teknik ini, tiap inputan data dikelompokan ke dalam grup tertentu,

yang kemudian dibandingkan outputnya.

2. Boundary Value Analysis

Merupakan teknik yang sangat umum digunakan pada saat awal sebuah

perangkat lunak selesai dikerjakan. Pada teknik ini, dilakukan inputan

yang melebihi dari batasan sebuah data.

 28

3. Case Effect Graph

Dalam teknik ini, dilakukan proses testing yang menghubungkan sebab

dari sebuah inputan dan akibatnya pada output yang dihasilkan.

4. Random Data Selection

Seperti namanya, teknik ini berusaha melakukan proses inputan data

dengan menggunakan nilai acak. Dari hasil inputan tersebut kemudian

dibuat sebuah table yang menyatakan validitas dari output yang dihasilkan.

5. Feature Test

Pada teknik ini, dilakukan proses testing terhadap spesifikasi dari

perangkat lunak yang telah selesai dikerjakan.

 BAB III

PEMBAHASAN

3.1. Analisis Kebutuhan

Analisa kebutuhan di bagi menjadi 2 (dua) bagian yaitu kebutuhan

pengguna dan kebutuhan sistem:

3.1.1. Kebutuhan Pengguna

1. Kebutuhan pengguna (user)

a. Pengunjung dapat melihat halaman beranda

b. Pengunjung dapat melihat halaman penyakit

c. Pengunjung dapat melakukan konsultasi tetapi jika ingin berkonsultasi

harus daftar sebagai pengguna terlebih dahulu.

d. Pengguna dapat melihat dan mencetak hasil diagnosa

2. Kebutuhan pengguna administrator

a. Admin dapat mengelola halaman login

b. Admin dapat mengelola data admin

c. Admin dapat mengelola data penyakit

d. Admin dapat mengelola data gejala berdasarkan penyakit

e. Admin dapat mengelola data relasi

f. Admin dapat mengelola data pengguna

g. Admin dapat melihat data laporan kosultasi

h. Bagian admin juga dapat mengelola data pengguna yang sudah

melakukan diagnosa penyakit di website ini.

29
 30

3.1.2. Kebutuhan Sistem

a. Admin membutuhkan form login agar dapat masuk kedalam data-data yang

ada di bagian admin.

b. User membutuhkan banyak informasi mengenai informasi penyakit maka

dari itu penyedia menyediakan website agar user bisa melihat-lihat jenis-

jenis penyakit.

c. User juga membutuhkan registrasi pengguna agar bisa mendapatkan hasil

diagnosa penyakit yang dideritanya.

3.2. Perancangan Perangkat Lunak

3.2.1. Rancangan Antar Muka

Dalam hal ini penulis akan menggambarkan rancangan antar muka yang

akan dibuat, baik dari sisi bentuk desain maupun fungsinya, spesifikasi bentuk

halaman, spesifikasi file serta struktur navigasi program yang nantinya dapat

membantu dalam tahap perancangan web ini yaitu sebagai berikut :

A. Rancangan Antar Muka Login Admin

Masuk Admin

Username
Password

Masuk

Gambar III.1.
Rancangan Antar Muka Login Admin
 31

B. Rancangan Antar Muka Ruang Admin

MENU

· Home icon

· Penyakit
SELAMAT DATANG ADMINISTRATOR
· Gejala
xxxxxxxxx
· Relasi

· Lihat Relasi

· Laporan
Konsultasi

· Pengguna

· Admin Baru

· Logout

Gambar III.2.
Rancangan Antar Muka Ruang Admin

C. Rancangan Antar Muka Data Penyakit

MENU

· Home

· Penyakit DAFTAR SEMUA PENYAKIT

· Gejala ID Nama Penyakit Pilihan

· Relasi x999 xxxxx update delete

· Lihat Relasi

· Laporan update delete

x999 xxxxx
Konsultasi

· Pengguna
Halaman :[10]
· Admin Baru
Add
· Logout

Gambar III.3.
Rancangan Antar Muka Data Penyakit
 32

D. Rancangan Antar Muka Tambah Data Penyakit

MENU

· Home TAMBAH DATA PENYAKIT

· Penyakit Id : x999
· Gejala Penyakit : xxx
· Relasi Penyebab : x999
· Lihat Relasi Keterangan : xxx
· Laporan
Konsultasi Solusi : xxx
· Pengguna
Photo : Choose file No File chosen
· Admin Baru
Simpan Batal
· Logout

Gambar III.4.
Rancangan Antar Muka Tambah Data Penyakit

E. Rancangan Antar Muka Data Gejala

MENU

· Home

· Penyakit DAFTAR SEMUA GEJALA

ID Nama Gejala Pilihan
· Gejala update delete
x999 xxxxx
· Relasi

x999 xxxxx update delete

· Lihat Relasi

· Laporan
Konsultasi Halaman :[41]
Add
· Pengguna

· Admin Baru

· Logout

Gambar III.5.
Rancangan Antar Muka Data Gejala
 33

F. Rancangan Antar Muka Tambah Data Gejala

MENU

· Home

· Penyakit
MASUKAN DATA GEJALA
· Gejala

· Relasi Kode : x999

· Lihat Relasi Gejala : xxx

· Laporan
Konsultasi
Simpan Batal
· Pengguna

· Admin Baru

· Logout

Gambar III.6.
Rancangan Antar Muka Tambah Data Gejala

G. Rancangan Antar Muka Data Relasi

MENU

· Home

· Penyakit INPUT RELASI

· Gejala
Data Penyakit
· Relasi
Data Gejala
· Lihat Relasi
Simpan Normalkan
· Laporan
Konsultasi

· Pengguna

· Admin Baru

· Logout

Gambar III.7.
Rancangan Antar Muka Data Relasi
 34

H. Rancangan Antar Muka Lihat Data Relasi

MENU

· Home

· Penyakit TAMPILKAN GEJALA PER PENYAKIT

· Gejala Penyakit : Data Penyakit

· Relasi
Tampil
· Lihat Relasi

· Laporan
Konsultasi

· Pengguna

· Admin Baru

· Logout

Gambar III.8.
Rancangan Antar Muka Lihat Data Relasi

I. Rancangan Antar Muka Laporan Konsultasi

MENU

· Home

· Penyakit Tanggal Awal 9999-99-99 99:99:99 Icon

Tanggal Akhir 9999-99-99 99:99:99 Icon

· Gejala

· Relasi
Tampilkan Data
· Lihat Relasi

· Laporan
Konsultasi

· Pengguna

· Admin Baru

· Logout

Gambar III.9.
Rancangan Antar Muka Laporan Konsultasi
 35

J. Rancangan Antar Muka Pengguna

MENU

· Home

· Penyakit DAFTAR PENGGUNA

· Gejala Nama Pengguna

Kode Pengguna Pilihan
· Relasi x999 xxxxx update delete

· Lihat Relasi

· Laporan
x999 xxxxx update delete
Konsultasi

· Pengguna
Halaman :[10]
· Admin Baru

· Logout

Gambar III.10.
Rancangan Antar Muka Pengguna

K. Rancangan Antar Muka Admin Baru

MENU

· Home Admin Baru

Username
· Penyakit
Password
· Gejala
Submit Reset
· Relasi

· Lihat Relasi Tabel Admin

Daftar Semua Admin
· Laporan
Konsultasi Username Password Pilihan

· Pengguna xxx xxx Hapus

xxx Hapus
xxx
· Admin Baru
Halaman :[2]
· Logout

Gambar III.11.
Rancangan Antar Muka Admin Baru
 36

L. Rancangan Antar Muka Beranda

Logo Judul

Beranda Penyakit Konsultasi Masuk Daftar Admin

Cari

Search
Gambar Calender

99:99:99
cari
Hari ini:
xxxxx
xxxx, 99-99-99
xxxxx

Copyright

Gambar III.12.
Rancangan Antar Muka Beranda

M. Rancangan Antar Muka Penyakit

Logo Judul

Beranda Penyakit Konsultasi Masuk Daftar Admin

Cari
Jenis-Jenis Penyakit Kulit Akibat Jamur
Search
xxxxx Calender
xxxxx
99:99:99
cari
xxxxx
Hari ini:
xxxxx xxxx, 99-99-99

xxxxx
xxxxx

Copyright

Gambar III.13.
Rancangan Antar Muka Penyakit
 37

N. Rancangan Antar Muka Detail Penyakit

Logo Judul

Beranda Penyakit Konsultasi Masuk Daftar Admin

Cari

Search
xxxxx
Penyebab : Calender

Gambar Keterangan 99:99:99

cari
Hari ini:
xxxx, 99-99-99

Copyright

Gambar III.14.
Rancangan Antar Muka Detail Penyakit

O. Rancangan Antar Muka Konsultasi

Logo Judul

Beranda Penyakit Konsultasi Masuk Daftar Admin

Cari
DAFTAR
Search

Nama Calender

99:99:99
cari
Kelamin Hari ini:
xxxx, 99-99-99
Alamat

Pekerjaan

Email

Password

Daftar

Copyright

Gambar III.15.
Rancangan Antar Muka Konsultasi
 38

P. Rancangan Antar Muka Mulai Konsultasi

Logo Judul

Beranda Penyakit Konsultasi Keluar Admin

Cari
KONSULTASI
Search

Calender
Mulai Konsultasi
99:99:99
cari
Hari ini:
xxxx, 99-99-99

Copyright

Gambar III.16.
Rancangan Antar Muka Mulai Konsultasi

Q. Rancangan Antar Muka Menjawab Pertanyaan

Logo Judul

Beranda Penyakit Konsultasi Keluar Admin

Cari

Search
Jawablah Pertanyaan Berikut :
Calender
xxxxxxxx
99:99:99
cari
Benar (Ya) Salah (tidak)
Hari ini:
xxxx, 99-99-99
Jawab

Copyright

Gambar III.17.

Rancangan Antar Muka Menjawab Pertanyaan

 39

R. Rancangan Antar Muka Analisa Hasil

Logo Judul

Beranda Penyakit Konsultasi Keluar Admin

Cari
HASIL ANALISA PENYAKIT KULIT Search

DATA PASIEN : Calender

Nama 99:99:99
cari
xxxx
xxxx Hari ini:
Kelamin xxxx, 99-99-99
Alamat xxxx

Pekerjaan xxxx

HASIL ANALISA :
Gejala 1. xxx
2. xxx

Keterangan xxxx

Cetak Hasil Konsultasi Kembali

Copyright

Gambar III.18.
Rancangan Antar Muka Analisa Hasil

S. Rancangan Antar Muka Masuk

Logo Judul

Beranda Penyakit Konsultasi Masuk Daftar Admin

Cari
MASUK
Search
Email Calender

99:99:99
cari

Password Hari ini:

xxxx, 99-99-99

Masuk

Copyright

Gambar III.19.

Rancangan Antar Muka Masuk

 40

T. Rancangan Antar Muka Daftar

Logo Judul

Beranda Penyakit Konsultasi Masuk Daftar Admin

Cari
DAFTAR
Search

Nama Calender

99:99:99
cari
Kelamin Hari ini:
xxxx, 99-99-99
Alamat

Pekerjaan

Email

Password

Daftar

Copyright

Gambar III.20.

Rancangan Antar Muka Daftar

 41

3.2.2. Basis Data

Adapun perancangan basis data yang diperlukan dalam pembuatan web

mengenai sistem informasi diagnosa penyakit ini yaitu digambarkan dengan Entity

Relationship Diagram (ERD).

A. Entity Relationship Diagram

kd_tmp_gejala kd_gejala
kd_pengguna
kd_gejala nm_gejala

M 1 M
memiliki tmp_gejala memiliki gejala
kd_pengguna
1 1
nama

jenis_kelamin

alamat 1
M
1 1
pengguna memiliki tmp_konsultasi memiliki
pekerjaan
1
1 1 kd_penyakit
email kd_tmp_konsultasi
memiliki
password kd_gejala kd_pengguna
kd_relasi
memiliki
melakukan kd_gejala
kd_tmp_penyakit
kd_konsultasi pekerjaan
kd_penyakit
kd_pengguna 1
1 nama M kd_pengguna
kd_penyakit relasi
tmp_penyakit kelamin konsultasi
kd_penyakit 1
alamat 1
1
tanggal

memiliki
memiliki

memiliki
memiliki

kd_penyakit 1 1

penyakit
1 1

nm_penyakit

penyebab
photo
keterangan

Gambar III.21.

Entity Relationship Diagram

 42

B. Logical Record Struktur

Pengguna

tmp_penyakit kd_pengguna * tmp_gejala

1 nama
kd_tmp_penyakit * 1 jenis_kelamin M
kd_tmp_gejala *
kd_penyakit alamat kd_gejala
1
kd_pengguna pekerjaan
kd_pengguna
email
1 password 1
1 1

Konsultasi
tmp_konsultasi
kd_konsultasi *
nama kd_tmp_konsultasi *
M
kelamin M kd_konsultasi
alamat kd_pengguna
pekerjaan kd_penyakit
kd_pengguna kd_gejala
1
tanggal 1
kd_penyakit

Relasi

kd_relasi *
kd_penyakit
kd_gejala
1
1 1
Penyakit M
kd_penyakit *
1 1 gejala
nm_penyakit
1
penyebab kd_gejala *
keterangan
photo nm_gejala
1
1

Gambar III.21.

Logical Record Struktur

 43

C. Spesifikasi File

1. Spesifikasi File admin

Nama file : admin

Akronim : admin

Fungsi : Sebagai tempat data admin

Tipe file : File Master

Organisasi file : Index sequential

Akses file : Random

Media : Hard disk

Panjang record : 25

Kunci field : kd_admin

Software : MySQL

Tabel III.1. Spesifikasi File admin

No Elemen Data Nama Field Tipe Data Size Keterangan

1 kd_admin kd_admin int 5 Primary Key

2 username username Varchar 10

3 password password Varchar 10

 44

2. Spesifikasi File Penyakit

Nama file : penyakit

Akronim : penyakit

Fungsi : Sebagai tempat data penyakit

Tipe file : File Master

Organisasi file : Index sequential

Akses file : Random

Media : Hard disk

Panjang record : 289

Kunci field : kd_penyakit

Software : MySQL

Tabel III.2. Spesifikasi File penyakit

No Elemen Data Nama Field Tipe Data Size Keterangan

1 kd_penyakit kd_penyakit char 4 Primary Key

2 nm_penyakit nm_penyakit Varchar 60

3 penyebab penyebab Varchar 225

4 keterangan keterangan text

5 photo photo Varchar

 45

3. Spesifikasi File Gejala

Nama file : gejala

Akronim : gejala

Fungsi : Sebagai tempat menyimpan data gejala

Tipe file : File Master

Organisasi file : Index sequential

Akses file : Random

Media : Hard disk

Panjang record : 64

Kunci field : kd_gejala

Software : MySQL

Tabel III.3. Spesifikasi File gejala

No Elemen Data Nama Field Tipe Data Size Keterangan

1 kd_gejala kd_gejala char 4 Primary Key

2 nm_gejala nm_gejala Varchar 60

4. Spesifikasi File relasi

Nama file : relasi

Akronim : relasi

Fungsi : Sebagai tempat data penyakit dan gejala

Tipe file : Transaksi

 46

Organisasi : Index sequential

Akses file : Random

Media : Hard disk

Panjang record : 13

Kunci field : kd_relasi

Software : MySQL

Tabel III.4. Spesifikasi File relasi

No Elemen Data Nama Field Tipe Data Size Keterangan

1 kd_relasi kd_relasi char 5 Primary Key

2 kd_penyakit kd_penyakit char 4 Foreign Key
3 kd_gejala kd_gejala char 4 Foreign Key

5. Spesifikasi File Konsultasi

Nama file : konsultasi

Akronim : konsultasi

Fungsi : Sebagai tempat data konsultasi

Tipe file : Transaksi

Organisasi : Index sequential

Akses file : Random

Media : Hard disk

Panjang record : 123

 47

Kunci field : kd_konsultasi

Software : MySQL

Tabel III.5. Spesifikasi File Konsultasi

No Elemen Data Nama Field Tipe Data Size Keterangan

1 kd_konsultasi kd_konsultasi char 4 Primary Key

2 nama nama Varchar 30

3 kelamin kelamin enum

4 alamat alamat Varchar 60

5 pekerjaan pekerjaan Varchar 20

6 kd_penyakit kd_penyakit char 4 Foreign Key

7 kd_pengguna kd_pengguna int 5 Foreign Key
8 tanggal tanggal datetime

6. Spesifikasi File tmp_penyakit

Nama file : tmp_penyakit

Akronim : tmp_penyakit

Fungsi : Sebagai tempat menyimpan data

tmp_penyakit

Tipe file : Transaksi

Akses file : Random

Media : Hard disk

Panjang record : 14

Kunci field : kd_tmp_penyakit

 48

Software : MySQL

Tabel III.6. Spesifikasi File tmp_penyakit

No Elemen Data Nama Field Tipe Data Size Keterangan

1 kd_ tmp_penyakit kd_ tmp_penyakit int 5 Primary Key
2 kd_penyakit kd_penyakit char 4 Foreign Key
3 kd_pengguna kd_pengguna int 5 Foreign Key

7. Spesifikasi File tmp_gejala

Nama file : tmp_gejala

Akronim : tmp_gejala

Fungsi : Sebagai tempat menyimpan data tmp_gejala

Tipe file : Transaksi

Organisasi file : Index sequential

Akses file : Random

Media : Hard disk

Panjang record : 14

Kunci field : kd_tmp_gejala

Software : MySQL

Tabel III.7. Spesifikasi File tmp_gejala

No Elemen Data Nama Field Tipe Data Size Keterangan

1 kd_tmp_gejala kd_tmp_gejala int 5 Primary Key
2 kd_gejala kd_gejala char 4 Foreign Key
 49

8. Spesifikasi File penjualan_tmp_konsultasi

Nama file : tmp_ konsultasi

Akronim : tmp_ konsultasi

Fungsi : Sebagai tempat data tmp_ konsultasi

Tipe file : Transaksi

Organisasi file : Index sequential

Akses file : Random

Media : Hard disk

Panjang record : 18

Kunci field : kd_tmp_konsultasi

Software : MySQL

Tabel III.8. Spesifikasi File tmp_konsultasi

No Elemen Data Nama Field Tipe Data Size Keterangan

1 kd_tmp_konsultasi kd_tmp_konsultasi int 5 Primary Key
2 kd_penyakit kd_penyakit char 4 Foreign Key
3 kd_gejala kd_gejala char 4 Foreign Key
4 kd_pengguna kd_pengguna int 5 Foreign Key
 50

9. Spesifikasi File pengguna

Nama file : pengguna

Akronim : pengguna

Fungsi : Sebagai tempat penyimpanan data pengguna

Tipe file : File Master

Organisasi file : Index sequential

Akses file : Random

Media : Hard disk

Panjang record : 164

Kunci field : kd_pengguna

Software : MySQL

Tabel III.9. Spesifikasi File pengguna

No Elemen Data Nama Field Tipe Data Size Keterangan

1 kd_pengguna kd_pengguna char 4 Primary Key

2 nama_pengguna nama_pengguna Varchar 30

3 jenis_kelamin jenis_kelamin enum

4 alamat alamat Varchar 60

5 pekerjaan pekerjaan Varchar 20

6 email email Varchar 30

7 password password Varchar 20
 51

3.2.3. Rancangan Struktur Navigasi

Pada struktur navigasi website sistem informasi diagnosa penyakit ini

memperlihatkan informasi mengenai website, dan struktur navigasi yang dipakai

dalam website ini adalah struktur navigasi campuran. Secara sederhana struktur

navigasi pada web ini dibagi menjadi dua, yaitu struktur navigasi bagi pengguna

dan struktur navigasi bagi admin.

1. Struktur Navigasi Pengguna

Struktur navigasi pengguna berfungsi untuk membantu mempermudah dan

memberi informasi posisi pengguna dalama mengakses halaman website tersebut.

Index

Beranda Penyakit Konsultasi Masuk Daftar Admin

Menjawab
DetailPenyakit Daftar Daftar
pertanyaan

Menjawab Analisa Menjawab

pertanyaan Hasil pertanyaan

Analisa Analisa
Hasil Hasil
Cetak hasil Kembali
konsultasi

Cetak hasil Kembali Cetak hasil Kembali

konsultasi konsultasi

Gambar III.23.
Struktur Navigasi pada Pengguna
 52

2. Struktur Navigasi Administrator

Struktur navigasi administrator berfungsi untuk membantu admin dalam

mengakses halaman admin dan pengguna informasi posisi admin sekarang berada.

Halaman ini bukan untuk umum, tetapi hanya admin yang berhak mengakses.

home
update

penyakit hapus
simpan

tambah

Batal
update

gejala hapus
simpan
tambah

Batal
pilih

relasi simpan
index login
normalkan

pilih
Lihat
relasi
tampil

update

Pengguna hapus

cetak
Laporan Tampilkan
konsultasi data
hapus
submit

Admin baru reset

hapus
logout

Gambar III.24.

Struktur Navigasi Administrator

 53

3.3. Implementasi dan Pengujian Unit

3.3.1. Implementasi

1. Implementasi Rancangan Antarmuka

Dalam rancangan sistem informasi ini akan menampilkan isi rancangan

antarmuka. Rancangan antarmuka ini dibagi menjadi dua bagian, yaitu rancangan

antarmuka user dan admin. Rancangan antarmuka user terdiri atas beberapa menu

pilihan antara lain menu penyakit, konsultasi, masuk, daftar. Sedangkan pada

rancangan antarmuka admin terdiri dari input penyakit, input gejala, input relasi,

edit penyakit, edit gejala, input pengguna, edit pengguna, admin baru, dan logout.

A. Implementasi Halaman Antarmuka Pengguna

a. Halaman Utama

Halaman utama merupakan halaman muka dalam aplikasi sistem

informasi penyakit kulit akibat jamur ini, yang didalamnya berisi menu

penyakit, konsultasi, masuk, daftar, admin. Halaman utama akan

ditunjukan pada gambar dibawah ini.

 54

Gambar III.25.
Implementasi Halaman Utama

b. Halaman Penyakit

Pada halaman penyakit ini berisi semua data tentang jenis penyakit

kulit akibat jamur yang telah dimasukan dalam database. Berikut ini

adalah tampilan halaman penyakitnya.

Gambar III.26.
. Implementasi Halaman Penyakit
 55

Setelah memilih salah satu penyakit dari daftar jenis penyakit yang

dipilih, maka tampil seperti gambar berikut ini :

Gambar III.27.
Implementasi Detail Penyakit

c. Halaman Konsultasi

Saat pengguna membuka menu konsultasi maka akan tampil

halaman untuk memasukan identitas pengguna, berikut ini adalah gambar

untuk pendaftaran pengguna.

Gambar III.28.
Implementasi Form Pengisian data pengguna
 56

Setelah mengisi form pendaftaran barulah pengguna dapat

melakukan proses diagnosa penyakit kulit akibat jamur dengan

menjawab semua pertanyaan yang diajukan, seperti yang terlihat pada

gambar berikut ini.

Gambar III.29.
Implementasi Halaman Diagnosa

Setelah melakukan diagnosa tanya jawab maka barulah didapat

hasil diagnosa penyakit yang diderita oleh pengguna seperti gambar

berikut.

Gambar III.30.
Implementasi Hasil Diagnosa Penyakit
 57

Apabila pengguna ingin mencetak hasil konsultasi maka bisa

memilih tombol cetak hasil, dan mengulang kembali konsultasi tinggal

memilih tombol kembali pada bagian bawah hasil konsultasi, dan begitu

juga kalau pengguna keluar tinggal memilih menu keluar untuk keluar.

Apabila pengguna menjawab tidak untuk semua gejala yang

ditampilkan maka program akan memberikan jawaban “maaf sistem

belum bisa mendiagnosa jawaban yang anda berikan”. seperti yang

terlihat pada gambar berikut:

Gambar III.31.
Implementasi Hasil Jawaban Tidak

d. Halaman Masuk

Halaman ini untuk login sebagai pengguna, berikut ini adalah

gambar untuk masuk memulai konsultasi.

Gambar III.32.
Implementasi Halaman Masuk
 58

B. Implementasi Halama Antar Muka Administrator

a. Halaman Login Admin

Halaman ini untuk login sebagai admin

Gambar III.33.
Implementasi Halaman Login Admin

b. Halaman Ruang Admin

Gambar III.34.
Implementasi Halaman Ruang Admin
 59

c. Halaman Daftar Semua Penyakit

Halaman ini berisi daftar 13 penyakit kulit akibat jamur yang ada

dalam daftar. Pada file ini ada 3 pilihan menu yaitu ubah, hapus dan

tambah. Berikut tampilan daftar semua penyakit

Gambar III.35.
Implementasi Halaman Daftar Semua Penyakit

d. Halaman Ubah Penyakit

Pada halaman ini bisa dilakukan koreksi perubahan spesifikasi

suatu penyakit dan setelah selesai bisa disimpan.

Gambar III.36.
Implementasi Halaman Ubah Penyakit
 60

e. Halaman Tambah Penyakit

Pada halaman ini bisa dilakukan penambahan penyakit baru dan

setelah selesai bisa disimpan.

Gambar III.37.
Implementasi Halaman Tambah Penyakit
 61

f. Halaman Daftar Semua Gejala

Halaman ini berisi daftar 43 gejala penyakit kulit akibat jamur yang

ada dalam daftar. Pada file ini ada 3 pilihan menu yaitu ubah, hapus dan

tambah. Berikut tampilan daftar semua gejala penyakit

Gambar III.38.
Implementasi Halaman Daftar Gejala Penyakit
 62

g. Halaman Ubah Gejala Penyakit

Pada halaman ini tertera no kode gejala dan isinya. Isi gejala bisa

diubah dan setelah itu perubahannya bisa disimpan.

Gambar III.39.
Implemenatsi Halaman Ubah Gejala Penyakit

h. Halaman Tambah Gejala Penyakit

Pada halaman ini bisa dilakukan penambahan gejala penyakit dan

setelah selesai bisa disimpan.

Gambar III.40.
Implementasi Halaman Tambah Gejala Penyakit
 63

i. Halaman Relasi

Pada halaman ini bisa dilakukan koreksi perubahan penyakit

berdasarkan gejalanya setelah selesai bisa disimpan. Apabila ingin

mereset penyakit dan gejalanya bisa memilih menu normalkan.

Gambar III.41.
Implementasi Halaman Relasi

j. Halaman Lihat Relasi

Pada halaman ini bisa memilih nama penyakit yang akan

ditampilkan gejalanya, kemudian bisa di klik tampil akan muncul gejala-

gejalanya penyakit yang diminta.

Gambar III.42.
Implementasi Halaman Menampilkan Penyakit
 64

Gambar III.43.
Implementasi Halaman Tampilan Penyakit

k. Halaman Laporan Konsultasi

Pada halaman ini bisa memilih menu tampilkan data untuk

menampilkan data laporan pengguna yang melakukan konsultasi.

Gambar III.44.
Implementasi Halaman Laporan konsultasi
 65

Berikut tampilan data laporan konsultasi, apabila akan mencetak

bisa klik menu cetak dan bisa di klik menu hapus untuk menghapus data

pengguna.

Gambar III.45.
Implementasi Halaman Tampilan Laporan konsultasi
 66

l. Halaman Pengguna

Pada halaman ini berisi daftar semua pengguna yang telah

melakukan konsultasi. Pada file ini ada 2 pilihan menu yaitu ubah dan

hapus. Berikut tampilan daftar semua pengguna

Gambar III.46.
Implementasi Halaman Daftar Pengguna

m. Halaman Ubah Pengguna

Pada halaman ini data pengguna bisa diubah dan setelah itu

perubahannya bisa disimpan.

Gambar III.47.
Implementasi Halaman Ubah Pengguna
 67

n. Halaman Admin Baru

Halaman ini berfungsi untuk menambahkan admin baru dan

menampikan data admin. Pada file ini ada 3 pilihan menu yaitu submit,

reset dan hapus. Berikut tampilan tambahkan admin dan data semua

admin

Gambar III.48.
Implementasi Halaman Admin Baru

2. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak

minimum yang dibutuhkan untuk mengimplementasikan aplikasi sistem informasi

untuk konsultasi penyakit.

a. Spesifikasi Perangkat Keras

1. Server

a. CPU

1) Processor Intel® Core(TM) i3 3217U

2) RAM 2848MB
 68

3) Hard Disk 400 GB

b. Mouse

c. Keyboard

d. Monitor dengan resolusi layar minimum 1366x768

e. Koneksi internet dengan kecepatan 2 Mbps

2. Client

a. CPU

1) Processor Intel® Pentium® 4

2) RAM DDR2 1 GB

3) Hard Disk 20 GB

b. Mouse

c. Keyboard

d. Monioir dengan resolusi minimum 1024x768

e. Koneksi internet dengan kecepatan 56 kbps

b. Spesifikasi Perangkat Lunak

1) Server

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

Linux (Ubuntu, Fedora, dll).

b. Aplikasi bundle web server seperti: Xampp, WampServer, php2triad

yang terdiri dari beberapa komponen, diantaranya:

1. Aplikasi Apache Server v2

2. Aplikasi PHP Server v5

3. Aplikasi MySQL Server v5

 69

4. Aplikasi phpMyAdmin v3

c. Aplikasi Web Browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

2) Client

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

Linux (Ubuntu, Fedora, dll).

Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

3.3.2. Pengujian Unit

A. Pengujian Terhadap Form Login

Tabel III.10. Hasil Pengujian Black box Testing Halaman Login Admin

Skenario Hasil yang Hasil Kesimpulan

No. Test Case
Pengujian diharapkan Pengujian
Sistem akan
Username dan Username: menolak akses
Password tidak (kosong) user dan akan
Sesuai Valid
1. di isi kemudian Password : muncul
harapan
klik tombil (kosong) peringatan
login “Username
belum di isi”
Sistem akan
Mengetikan
menolak akses
username dan Username:
user dan akan
password tidak maisaroh Sesuai Valid
2. muncul
disi atau kosong Password: harapan
peringatan
kemudian klik (kosong)
“Password
tombol login
belum di isi ”
Username tidak Username : Sistem akan
Sesuai Valid
3. diisi(kosong) (kosong) menolak akses
harapan
dan password Password: user dan akan
 70

dengan data (maisaroh) muncul

yang benar peringatan
kemudian klik “Username
tombol login belum di isi”
Sistem akan
Mengetikkan
menolak akses
salah satu Username :
user dan akan
kondisi salah maisaroh
muncul Sesuai Valid
4. pada username (benar)
peringatan harapan
atau password Password:
“Username dan
kemudian klik mais (salah)
Password tidak
tombol login
sesuai”
Mengetikkan
Username :
username dan
maisaroh Sistem akan
password
(benar) menerima akses Sesuai Valid
5. dengan data
Password: user dan harapan
yang benar
maisaroh berhasil login
kemudian klik
(benar)
tombol login

Tabel III.11. Hasil Pengujian Black Box Testing Halaman Masuk Pengguna
Skenario Test Hasil yang Hasil Kesimpulan
No.
Pengujian Case diharapkan Pengujian
Sistem akan
Email: menolak akses
Email dan
(kosong) user dan akan
Password
menampilkan Sesuai Valid
1. tidak diisi
Password: “Error: email harapan
kemudian klik
(kosong) masih kosong,
tombol masuk
Password
masih kosong
Mengetikan Sistem akan
Email dan Email: menolak akses
Password ina@gmail.com user dan akan Sesuai Valid
2. tidak diisi atau menampilkan
Password: harapan
kosong “Error:
kemudian klik (kosong) Password
tombol masuk masih kosong”
 71

Mengetikkan Sistem akan

salah satu Email: menolak akses
kondisi salah ina@gmail.com user dan akan Sesuai Valid
4. pada Email menampilkan
Password: harapan
atau Password “Error: email
kemudian klik maria(salah) atau Password
tombol masuk salah”
Sistem
Mengetikkan
menerima
username dan Email: akses login
password ina@gmail.com dan kemudian Sesuai Valid
5. dengan data
Password: user akan harapan
yang benar
ina(benar) dibawa ke
kemudian klik
halaman
tombol login
konsultasi.

B. Pengujian Terhadap Form Konsultasi

Tabel III.3. Hasil Pengujian Black box Testing Halaman Konsultasi

Skenario Hasil yang Hasil Kesimpulan

No. Test Case
Pengujian diharapkan Pengujian
Sistem tidak
memproses
penyimpanan
Nama:
data dan
(kosong)
menampilkan
Kelamin:
pesan “Error:
(kosong)
Nama masih
Semua kolom Alamat:
kosong, Jenis
tidak diisi, (kosong) Sesuai
1 kelamin belum Valid
lalu klik Pekerjaan: harapan
dipilih, Alamat
proses daftar (kosong)
masih kosong,
Email:
Pekerjaan
(kosong)
masih kosong,
Password:
Email masih
(kosong)
kosong,
Password
masih kosong”
Salah satu Nama : Sistem tidak
kolom diisi maisaroh memproses
Sesuai
2 dan kolom Kelamin : penyimpanan Valid
harapan
yang lain (kosong) data dan
kosong Alamat : menampilkan
 72

(kosong) pesan “Jenis

Pekerjaan : kelamin belum
(kosong) dipilih, Alamat
Email : masih kosong,
(kosong) Pekerjaan
Password : masih kosong,
(kosong) Email masih
kosong,
Password
masih kosong”
Nama:
Sistem tidak
Maisaroh
memproses
Kelamin:
penyimpanan
wanita
Semua kolom data dan
Alamat :
diisi kecuali menampilkan
Jakarta
email diisi pesan Sesuai
3 Pekerjaan: Valid
dengan “Please include harapan
Karyawan
format yang an ‘@’ in the
Email :
salah email address.
maisaroh
‘maisaroh’ is
Password :
missing an
maisaroh123
‘@’. “
Nama :
maisaroh
Kelamin : Sistem
Wanita memproses
Alamat : penyimpanan
Semua kolom Jakarta data dan
Sesuai
4 diisi dengan Pekerjaan : menampilkan Valid
harapan
benar Karyawan halaman
Email : konsultasi
maisaroh@g berupa
mail.com pertanyaan
Password :
maisaroh
 BAB IV

PENUTUP

4.1. Kesimpulan

Dalam perancangan sistem informasi penyakit kulit akibat jamur ini,

didapatkan bahwa aplikasi sistem informasi ini, berguna untuk membantu dan

mempermudah pengguna dalam mengidentifikasi penyakit dan memberikan

informasi kepada pengguna sehingga dapat dilakukan penanganan segera terhadap

penyakit yang diderita pengguna.

Adanya program sistem informasi penyakit kulit akibat jamur ini maka

masyarakat dapat lebih mudah dalam membuat diagnosa dengan lebih cepat

karena sistem ini memasukan gejala-gejala yang mungkin ada dan segala sesuatu

dipikirkan oleh dokter dalam bidang kedokteran kerja dan kebutuhan terlintas

dalam benak dokter yang memeriksa pasien pada saat itu.

Dengan menggunakan bahasa pemrograman PHP dan MYSQL sebagai

basis data maka dapat dibangun suatu program aplikasi yang dapat

mengidentifikasi penyakit kulit secara dini.

73
 74

3.2. Saran

Pengetahuan sistem informasi diagnosa penyakit kulit akibat jamur

berbasis web ini agar dapat memperluas ruang lingkup pembahasan macam-

macam penyakit kulit secara luas agar sistem informasi ini lebih komplek dan

tidak hanya terbatas pada penyakit kulit yang disebabkan oleh jamur saja.

Tampilan program sistem informasi (interface) didesain sangat sederhana,

untuk pengembangannya diharapkan bisa lebih menarik lagi namun tetap mudah

dioperasikan oleh user yang sama sekali tidak mengerti dalam bidang komputer.
 DAFTAR PUSTAKA

Arief, M. Rudyanto. 2011. Pemrograman Web Dinamis Menggunakan PHP &

MySQL. Yogyakarta: CV. ANDI OFFSET

A.S., Rosa, Shalahuddin, M. 2013. Rekayasa Perangkat Lunak. Yogyakarta: CV.

ANDI OFFSET

Binanto, Iwan. 2010. Multi Media Digital – Dasar Teori dan Pengembangannya.
Yogyakarta: Andi

Hakim, Lukmanul. 2010. Bikin Website Super Keren dengan PHP & JQuery.
Yogyakarta: Lokomedia

Irawan. 2011. Panduan Berinternet untuk Orang Awam. Palembang : Maxikom

Madcoms. 2008. Teknik Mudah Membangun Website dengan HTML, PHP &
MySQL. Yogyakarta: CV. ANDI OFFSET

Madcoms. 2011. Adobe Dreamweaver CS6 dengan PHP & MySQL. Yogyakarta:
CV. ANDI OFFSET

Nugroho, Bunafit. 2009. Latihan Membuat Aplikasi Web PHP dan MySQL dengan
Dreamweaver. Yogyakarta: Gava Media

Prasetio, Adhi. 2012. Buku Pintar Pemrograman Web. Jakarta: Mediakita

Prihatna, Agung. 2008. Konsep Navigasi Website. Semarang: PT. Wahana

Komputer.

Puspitosari, Hany. 2010. Panduan Belajar MySQL Database Server. Jakarta: Media
Kita.

Rizky, Soetam. 2011. Konsep Dasar Rekayasa Perangkat Lunak. Jakarta: Prestasi
Pustaka

Sadeli, Muhammad. 2012. Aplikasi Bisnis dengan PHP dan MySql Menggunakan
Adobedreamweaver CS 6. Palembang: Maxikom

Sandi, Mulyana. 2014. Bikin Website dengan Aplikasi-Aplikasi Gratis. Jakarta:

MediaKom

75
Shalahudin, M & Rosa A.S. 2013. Rekayasa Perangkat Lunak Terstruktur dan
Berorientasi Objek. Bandung: Informatika.

Syaputra, Agus. 2011. Panduan Praktis Menguasai Database Server MySQL. Jakarta:
PT. Elex Media Komputindo

76
 DAFTAR RIWAYAT HIDUP

A. Biodata Mahasiswa

N.I.M : 12142018
Nama Lengkap : Maisaroh Ali Rahman
Tempat & Tanggal Lahir : Waikewak, 07 September 1994
Alamat Lengkap : Jl. Matraman Jaya Rt/Rw. 17/06, Kel.
Pegangsaan, Kec. Menteng, Jakarta Pusat

B. Riwayat Pendidikan Formal & Non-Formal

1. 2001-2007 : SD Inpres Waiwadan, NTT

2. 2007-2010 : SMP Negeri 1 Adonara Barat, NTT
3. 2010-2013 : SMAN 1 Adonara Barat, NTT

Jakarta, 10 Juli 2017

Maisaroh Ali Rahman

77
LAMPIRAN

Lampiran A.1. Cetak Analisa Laporan

78
 Lampiran B.1 Halaman Daftar Penyakit

79
 Lampiran B.2 Halaman Gejala

80
 Lampiran B.3 Cetak Laporan Konsultasi

81