MAISAROH ALI RAHMAN...Belakangan ini terdapat penemuan-penemuan yang berhubungan dengan penyakit...

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.


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.


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.


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


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


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


Gambar II.9.

Simbol Atribut Multi Nilai

5. Relasi

Relasi yang menghubungkan antar entitas, biasanya diawali dengan kata

kerja.

nama_relasi


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


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


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


Add


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



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


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


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


Search

cari99:99:99

xxxx, 99-99-99

Copyright

Cari

Calender

Hari ini:

Judul

Daftar Admin

DAFTAR

Nama

Kelamin

Alamat

Pekerjaan

Email

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


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


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


Search

cari99:99:99

xxxx, 99-99-99

Copyright

Cari

Calender

Hari ini:

Judul

Daftar Admin

MASUK

Email

Password

Masuk

Gambar III.19.

Rancangan Antar Muka Masuk

40

T. Rancangan Antar Muka Daftar

Logo


Search

cari99:99:99

xxxx, 99-99-99

Copyright

Cari

Calender

Hari ini:

Judul

Daftar Admin

DAFTAR

Nama

Kelamin

Alamat

Pekerjaan

Email

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

email

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

email

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



Akses file : Random

Media : Hard disk

Panjang record : 289

Kunci field : kd_penyakit

Software : MySQL

Tabel III.2. Spesifikasi File penyakit


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



Akses file : Random

Media : Hard disk

Panjang record : 64

Kunci field : kd_gejala

Software : MySQL

Tabel III.3. Spesifikasi File gejala


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


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


Organisasi : Index sequential

Akses file : Random

Media : Hard disk


47

Kunci field : kd_konsultasi

Software : MySQL

Tabel III.5. Spesifikasi File Konsultasi


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


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


Akses file : Random

Media : Hard disk

Panjang record : 14

Kunci field : kd_tmp_penyakit

48

Software : MySQL

Tabel III.6. Spesifikasi File tmp_penyakit


1 kd_ tmp_penyakit kd_ tmp_penyakit int 5 Primary Key



7. Spesifikasi File tmp_gejala

Nama file : tmp_gejala

Akronim : tmp_gejala

Fungsi : Sebagai tempat menyimpan data tmp_gejala



Akses file : Random

Media : Hard disk

Panjang record : 14

Kunci field : kd_tmp_gejala

Software : MySQL

Tabel III.7. Spesifikasi File tmp_gejala


1 kd_tmp_gejala kd_tmp_gejala int 5 Primary Key


49

8. Spesifikasi File penjualan_tmp_konsultasi

Nama file : tmp_ konsultasi

Akronim : tmp_ konsultasi

Fungsi : Sebagai tempat data tmp_ konsultasi



Akses file : Random

Media : Hard disk

Panjang record : 18

Kunci field : kd_tmp_konsultasi

Software : MySQL

Tabel III.8. Spesifikasi File tmp_konsultasi


1 kd_tmp_konsultasi kd_tmp_konsultasi int 5 Primary Key




50

9. Spesifikasi File pengguna

Nama file : pengguna

Akronim : pengguna

Fungsi : Sebagai tempat penyimpanan data pengguna



Akses file : Random

Media : Hard disk


Kunci field : kd_pengguna

Software : MySQL

Tabel III.9. Spesifikasi File pengguna


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:

[email protected]

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:

[email protected]

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:

[email protected]

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

mailto:[email protected]

mailto:[email protected]

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

MAISAROH ALI RAHMAN...Belakangan ini terdapat penemuan-penemuan yang berhubungan dengan penyakit...

Documents

Transcript of MAISAROH ALI RAHMAN...Belakangan ini terdapat penemuan-penemuan yang berhubungan dengan penyakit...