maisaroh ali rahman...belakangan ini terdapat penemuan-penemuan yang berhubungan dengan penyakit...
TRANSCRIPT
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
vii
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.
viii
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
ix
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
x
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
xi
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
xii
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
xiii
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
xiv
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
xv
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
xvi
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
xvii
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
1
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,
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.
7
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
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.
Sumber: M. Shalahuddin (2013:28)
Gambar II.1.
Ilustrasi Metode Waterfall
Sistem/ Rekayasa
Informasi
Analisis Desain Pengodean Pengujian
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.
N
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.
29
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.
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
· Admin Baru
· Penyakit
· Gejala
· Relasi
· Lihat Relasi
· Laporan
Konsultasi
· Logout
SELAMAT DATANG ADMINISTRATOR
icon
xxxxxxxxx
· Pengguna
Gambar III.2.
Rancangan Antar Muka Ruang Admin
C. Rancangan Antar Muka Data Penyakit
DAFTAR SEMUA PENYAKIT
ID Nama Penyakit Pilihan
x999 xxxxx update delete
Add
x999 xxxxx update delete
Halaman :[10]
MENU
· Home
· Admin Baru
· Penyakit
· Gejala
· Relasi
· Lihat Relasi
· Laporan
Konsultasi
· Logout
· Pengguna
Gambar III.3.
Rancangan Antar Muka Data Penyakit
32
D. Rancangan Antar Muka Tambah Data Penyakit
TAMBAH DATA PENYAKIT
Id :
Penyakit :
Penyebab :
Keterangan :
Photo :
Solusi :
x999
xxx
x999
xxx
xxx
Choose file No File chosen
Simpan Batal
MENU
· Home
· Admin Baru
· Penyakit
· Gejala
· Relasi
· Lihat Relasi
· Laporan
Konsultasi
· Logout
· Pengguna
Gambar III.4.
Rancangan Antar Muka Tambah Data Penyakit
E. Rancangan Antar Muka Data Gejala
DAFTAR SEMUA GEJALA
ID Nama Gejala Pilihan
x999 xxxxx update delete
Add
x999 xxxxx update delete
Halaman :[41]
MENU
· Home
· Admin Baru
· Penyakit
· Gejala
· Relasi
· Lihat Relasi
· Laporan
Konsultasi
· Logout
· Pengguna
Gambar III.5.
Rancangan Antar Muka Data Gejala
33
F. Rancangan Antar Muka Tambah Data Gejala
MASUKAN DATA GEJALA
Kode :
Gejala :
x999
xxx
Simpan Batal
MENU
· Home
· Admin Baru
· Penyakit
· Gejala
· Relasi
· Lihat Relasi
· Laporan
Konsultasi
· Logout
· Pengguna
Gambar III.6.
Rancangan Antar Muka Tambah Data Gejala
G. Rancangan Antar Muka Data Relasi
MENU
· Home
· Admin Baru
· Penyakit
· Gejala
· Relasi
· Lihat Relasi
· Laporan
Konsultasi
· Logout
· Pengguna
INPUT RELASI
Simpan Normalkan
Data Penyakit
Data Gejala
Gambar III.7.
Rancangan Antar Muka Data Relasi
34
H. Rancangan Antar Muka Lihat Data Relasi
MENU
· Home
· Admin Baru
· Penyakit
· Gejala
· Relasi
· Lihat Relasi
· Laporan
Konsultasi
· Logout
· Pengguna
TAMPILKAN GEJALA PER PENYAKIT
Tampil
Data PenyakitPenyakit :
Gambar III.8.
Rancangan Antar Muka Lihat Data Relasi
I. Rancangan Antar Muka Laporan Konsultasi
MENU
· Home
· Admin Baru
· Penyakit
· Gejala
· Relasi
· Lihat Relasi
· Laporan
Konsultasi
· Logout
· Pengguna
9999-99-99 99:99:99
9999-99-99 99:99:99
Tanggal Awal
Tanggal Akhir
Icon
Icon
Tampilkan Data
Gambar III.9.
Rancangan Antar Muka Laporan Konsultasi
35
J. Rancangan Antar Muka Pengguna
MENU
· Home
· Admin Baru
· Penyakit
· Gejala
· Relasi
· Lihat Relasi
· Laporan
Konsultasi
· Logout
· Pengguna
DAFTAR PENGGUNA
Kode Pengguna Nama Pengguna Pilihan
x999 xxxxx update delete
x999 xxxxx update delete
Halaman :[10]
Gambar III.10.
Rancangan Antar Muka Pengguna
K. Rancangan Antar Muka Admin Baru
MENU
· Home
· Admin Baru
· Penyakit
· Gejala
· Relasi
· Lihat Relasi
· Laporan
Konsultasi
· Logout
· Pengguna
Admin Baru
Username
Password
Submit Reset
Tabel Admin
Daftar Semua Admin
Username Password Pilihan
Hapusxxx xxx
Hapusxxx xxx
Halaman :[2]
Gambar III.11.
Rancangan Antar Muka Admin Baru
36
L. Rancangan Antar Muka Beranda
xxxxx
Gambar
xxxxx
Logo
Beranda Penyakit Konsultasi Masuk
Search
cari99:99:99
xxxx, 99-99-99
Copyright
Cari
Calender
Hari ini:
Judul
Daftar Admin
Gambar III.12.
Rancangan Antar Muka Beranda
M. Rancangan Antar Muka Penyakit
Logo
Beranda Penyakit Konsultasi Masuk
Search
cari99:99:99
xxxx, 99-99-99
Copyright
Cari
Calender
Hari ini:
Judul
Daftar Admin
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
Jenis-Jenis Penyakit Kulit Akibat Jamur
Gambar III.13.
Rancangan Antar Muka Penyakit
37
N. Rancangan Antar Muka Detail Penyakit
Logo
Beranda Penyakit Konsultasi Masuk
Search
cari99:99:99
xxxx, 99-99-99
Copyright
Cari
Calender
Hari ini:
Judul
Daftar Admin
xxxxx
Gambar
Penyebab :
Keterangan
Gambar III.14.
Rancangan Antar Muka Detail Penyakit
O. Rancangan Antar Muka Konsultasi
Logo
Beranda Penyakit Konsultasi Masuk
Search
cari99:99:99
xxxx, 99-99-99
Copyright
Cari
Calender
Hari ini:
Judul
Daftar Admin
DAFTAR
Nama
Kelamin
Alamat
Pekerjaan
Password
Daftar
Gambar III.15.
Rancangan Antar Muka Konsultasi
38
P. Rancangan Antar Muka Mulai Konsultasi
Logo
Beranda Penyakit Konsultasi Keluar
Search
cari99:99:99
xxxx, 99-99-99
Copyright
Cari
Calender
Hari ini:
Judul
Admin
KONSULTASI
Mulai Konsultasi
Gambar III.16.
Rancangan Antar Muka Mulai Konsultasi
Q. Rancangan Antar Muka Menjawab Pertanyaan
Logo
Beranda Penyakit Konsultasi Keluar
Search
cari99:99:99
xxxx, 99-99-99
Copyright
Cari
Calender
Hari ini:
Judul
Admin
Benar (Ya) Salah (tidak)
Jawablah Pertanyaan Berikut :
Jawab
xxxxxxxx
Gambar III.17.
Rancangan Antar Muka Menjawab Pertanyaan
39
R. Rancangan Antar Muka Analisa Hasil
Logo
Beranda Penyakit Konsultasi Keluar
Search
cari99:99:99
xxxx, 99-99-99
Copyright
Cari
Calender
Hari ini:
Judul
Admin
HASIL ANALISA PENYAKIT KULIT
DATA PASIEN :
HASIL ANALISA :
Nama xxxx
Kelaminxxxx
Alamat xxxx
Pekerjaan
1. xxx
xxxx
Gejala
2. xxx
Keterangan xxxx
Cetak Hasil Konsultasi Kembali
Gambar III.18.
Rancangan Antar Muka Analisa Hasil
S. Rancangan Antar Muka Masuk
Logo
Beranda Penyakit Konsultasi Masuk
Search
cari99:99:99
xxxx, 99-99-99
Copyright
Cari
Calender
Hari ini:
Judul
Daftar Admin
MASUK
Password
Masuk
Gambar III.19.
Rancangan Antar Muka Masuk
40
T. Rancangan Antar Muka Daftar
Logo
Beranda Penyakit Konsultasi Masuk
Search
cari99:99:99
xxxx, 99-99-99
Copyright
Cari
Calender
Hari ini:
Judul
Daftar Admin
DAFTAR
Nama
Kelamin
Alamat
Pekerjaan
Password
Daftar
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
pengguna
kd_pengguna
nama
jenis_kelamin
alamat
pekerjaan
password
konsultasi
kd_konsultasi
nama
kelamin
alamat
pekerjaan
tanggal
kd_penyakit
kd_gejala
tmp_konsultasi
kd_gejala
nm_gejala
kd_tmp_gejala
gejala
memiliki
kd_tmp_konsultasi
relasi
kd_gejala
tmp_gejala
memiliki
kd_gejala
kd_tmp_penyakit
kd_penyakittmp_penyakit
penyakit
kd_penyakit
nm_penyakit
penyebab
keteranganphoto
memiliki
kd_relasi
kd_pengguna
kd_pengguna
kd_pengguna
kd_pengguna
kd_penyakit
kd_penyakit
memiliki
melakukan
memiliki memiliki
memiliki
memiliki
memiliki
memiliki
1
M
1
1
1
M
M1
1
1
1
1
1
1
1
1
1
1
M1
1
1
Gambar III.21.
Entity Relationship Diagram
42
B. Logical Record Struktur
gejala
kd_gejala *
nm_gejala
Pengguna
kd_pengguna *
namajenis_kelamin
alamat
pekerjaan
password
Konsultasi
kd_konsultasi *
nama
kelamin
alamat
pekerjaan
kd_pengguna
tanggal
Penyakit
kd_penyakit *
nm_penyakit
penyebab
keterangan
photo
tmp_gejala
kd_gejala
Relasi
kd_penyakit
kd_gejala
tmp_penyakit
kd_penyakit
tmp_konsultasi
kd_tmp_konsultasi *
kd_tmp_gejala *kd_tmp_penyakit *
1
1
kd_konsultasiM
1
1
1
11
kd_relasi *
M
1
11
1
1
1
kd_pengguna
kd_pengguna
kd_pengguna
kd_penyakit
kd_penyakit
kd_gejala
1
1
M
M
1
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.
Masuk
Index
Beranda Penyakit Konsultasi
DetailPenyakit Daftar
Menjawab
pertanyaan
Analisa
Hasil
Daftar Admin
Menjawab
pertanyaan
Analisa
Hasil
Daftar
Menjawab
pertanyaan
Analisa
Hasil
Cetak hasil
konsultasiKembali Cetak hasil
konsultasiKembali
Cetak hasil
konsultasiKembali
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.
index
home
penyakit
gejala
relasi
Lihat
relasi
Laporan
konsultasi
Admin baru
update
hapus
tambah
logout
update
hapus
tambah
pilih
simpan
normalkan
pilih
tampil
Tampilkan
data
submit
reset
hapus
Pengguna
update
hapus
login
simpan
Batal
simpan
Batal
cetak
hapus
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
No. Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
1.
Username dan
Password tidak
di isi kemudian
klik tombil
login
Username:
(kosong)
Password :
(kosong)
Sistem akan
menolak akses
user dan akan
muncul
peringatan
“Username
belum di isi”
Sesuai
harapan Valid
2.
Mengetikan
username dan
password tidak
disi atau kosong
kemudian klik
tombol login
Username:
maisaroh
Password:
(kosong)
Sistem akan
menolak akses
user dan akan
muncul
peringatan
“Password
belum di isi ”
Sesuai
harapan Valid
3.
Username tidak
diisi(kosong)
dan password
Username :
(kosong)
Password:
Sistem akan
menolak akses
user dan akan
Sesuai
harapan Valid
70
dengan data
yang benar
kemudian klik
tombol login
(maisaroh) muncul
peringatan
“Username
belum di isi”
4.
Mengetikkan
salah satu
kondisi salah
pada username
atau password
kemudian klik
tombol login
Username :
maisaroh
(benar)
Password:
mais (salah)
Sistem akan
menolak akses
user dan akan
muncul
peringatan
“Username dan
Password tidak
sesuai”
Sesuai
harapan Valid
5.
Mengetikkan
username dan
password
dengan data
yang benar
kemudian klik
tombol login
Username :
maisaroh
(benar)
Password:
maisaroh
(benar)
Sistem akan
menerima akses
user dan
berhasil login
Sesuai
harapan Valid
Tabel III.11. Hasil Pengujian Black Box Testing Halaman Masuk Pengguna
No. Skenario
Pengujian
Test
Case
Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
1.
Email dan
Password
tidak diisi
kemudian klik
tombol masuk
Email:
(kosong)
Password:
(kosong)
Sistem akan
menolak akses
user dan akan
menampilkan
“Error: email
masih kosong,
Password
masih kosong
Sesuai
harapan Valid
2.
Mengetikan
Email dan
Password
tidak diisi atau
kosong
kemudian klik
tombol masuk
Email:
Password:
(kosong)
Sistem akan
menolak akses
user dan akan
menampilkan
“Error:
Password
masih kosong”
Sesuai
harapan Valid
71
4.
Mengetikkan
salah satu
kondisi salah
pada Email
atau Password
kemudian klik
tombol masuk
Email:
Password:
maria(salah)
Sistem akan
menolak akses
user dan akan
menampilkan
“Error: email
atau Password
salah”
Sesuai
harapan Valid
5.
Mengetikkan
username dan
password
dengan data
yang benar
kemudian klik
tombol login
Email:
Password:
ina(benar)
Sistem
menerima
akses login
dan kemudian
user akan
dibawa ke
halaman
konsultasi.
Sesuai
harapan Valid
B. Pengujian Terhadap Form Konsultasi
Tabel III.3. Hasil Pengujian Black box Testing Halaman Konsultasi
No. Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujian
Kesimpulan
1
Semua kolom
tidak diisi,
lalu klik
proses daftar
Nama:
(kosong)
Kelamin:
(kosong)
Alamat:
(kosong)
Pekerjaan:
(kosong)
Email:
(kosong)
Password:
(kosong)
Sistem tidak
memproses
penyimpanan
data dan
menampilkan
pesan “Error:
Nama masih
kosong, Jenis
kelamin belum
dipilih, Alamat
masih kosong,
Pekerjaan
masih kosong,
Email masih
kosong,
Password
masih kosong”
Sesuai
harapan Valid
2
Salah satu
kolom diisi
dan kolom
yang lain
kosong
Nama :
maisaroh
Kelamin :
(kosong)
Alamat :
Sistem tidak
memproses
penyimpanan
data dan
menampilkan
Sesuai
harapan Valid
72
(kosong)
Pekerjaan :
(kosong)
Email :
(kosong)
Password :
(kosong)
pesan “Jenis
kelamin belum
dipilih, Alamat
masih kosong,
Pekerjaan
masih kosong,
Email masih
kosong,
Password
masih kosong”
3
Semua kolom
diisi kecuali
email diisi
dengan
format yang
salah
Nama:
Maisaroh
Kelamin:
wanita
Alamat :
Jakarta
Pekerjaan:
Karyawan
Email :
maisaroh
Password :
maisaroh123
Sistem tidak
memproses
penyimpanan
data dan
menampilkan
pesan
“Please include
an ‘@’ in the
email address.
‘maisaroh’ is
missing an
‘@’. “
Sesuai
harapan Valid
4
Semua kolom
diisi dengan
benar
Nama :
maisaroh
Kelamin :
Wanita
Alamat :
Jakarta
Pekerjaan :
Karyawan
Email :
maisaroh@g
mail.com
Password :
maisaroh
Sistem
memproses
penyimpanan
data dan
menampilkan
halaman
konsultasi
berupa
pertanyaan
Sesuai
harapan Valid
73
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.
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.
75
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
76
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
77
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
78
LAMPIRAN
Lampiran A.1. Cetak Analisa Laporan
79
Lampiran B.1 Halaman Daftar Penyakit
80
Lampiran B.2 Halaman Gejala
81
Lampiran B.3 Cetak Laporan Konsultasi