aplikasi informasi pembuatan obat tradisional - USD Repository

i

APLIKASI INFORMASI PEMBUATAN OBAT TRADISIONAL

BERBASIS WEB

SKRIPSI

Diajukan untuk Memenuhi Salah Satu Syarat

Memperoleh Gelar Sarjana Komputer

Program Studi Teknik Informatika

Oleh:

Martin Nugraha

135314037

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS SANATA DHARMA

YOGYAKARTA

2017

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

ii

The Web Based Information Application of Making Traditional Medicine

Presented as Partial Fulfillment of the Requirements

To Obtain the Sarjana Komputer Degree

In Informatics Engineering Study Program

By:

Martin Nugraha

135314037

INFORMATICS ENGINEERING STUDY PROGRAM

DEPARTMENT OF INFORMATICS ENGINEERING

FACULTY OF SCIENCE AND TECHNOLOGY

SANATA DHARMA UNIVERSITY

YOGYAKARTA

2017


iii


v

HALAMAN PERSEMBAHAN

“What’s past is past, nothing can change that. But the future can be different if we choose to make

it so. We have to cultivate a vision of a happier, more peaceful future and make the effort now to

bring it about. This is no time for complacency, hope lies in the action we take.”

“The very purpose of our life is happiness, which is sustained by hope. We have no guarantee about

the future, but we exist in the hope of something better. Hope means keeping going, thinking, ‘I

can do this.’ It brings inner strength, self-confidence, the ability to do what you do honestly,

truthfully and transparently.”

Karya ini saya persembahkan kepada :

Orang tua, Kakak-kakak, Seluruh Keluarga, Dosen & Sahabat

Terima Kasih banyak atas semua doa, motivasi, semangat, serta bantuan yang kalian berikan

dalam bentuk apapun kepada saya dalam keadaan suka maupun duka.


vi


vii


viii

ABSTRAK

Obat Tradisional merupakan salah satu jenis obat yang digunakan untuk

mengobati berbagai macam penyakit dengan menggunakan ramuan herbal. Obat

tradisional memiliki kelebihan dalam mengobati penyakit dibandingkan dengan

obat kimia, yaitu dapat memperbaiki keseluruhan sistem tubuh. Pada saat ini, jika

masyarakat ingin mencari obat tradisional, sebagian besar hanya dapat melihat

cara pembuatannya melalui teks. Masyarakat dapat juga mencari cara pembuatan

obat tradisional dari www.youtube.com, namun sebagian obat tidak melampirkan

cara pembuatan secara teks. Dari hal itu dapat mengakibatkan turunnya minat

masyarakat dalam menggunakan obat tradisional.

Oleh karena itu, dalam tugas akhir ini dibangun sebuah sistem untuk

membantu masyarakat mencari dan meramu obat tradisional dengan bahasa

pemrograman java. Sistem dibangun dengan menggunakan metode

Pengembangan Perangkat Lunak Multimedia versi Luther-Sutopo. Pada metode

ini terdapat 6 tahap, yaitu Concept, Design, Material Collecting, Assembly,

Testing, dan Distribution.

Pada penelitian ini, penulis menyebarkan kuesioner kepada 20 orang

pengguna, antara lain 17 orang sebagai masyarakat umum dan 3 orang sebagai

admin. Berdasarkan hasil uji coba terhadap masyarakat, sistem Aplikasi Informasi

Pembuatan Obat Tradisional dinilai bermanfaat untuk membantu mencari

informasi obat tradisional bagi masyarakat dan mudah digunakan. Berdasarkan

hasil analisa kuesioner terhadap admin(kelompok anggota Herbal Garden Team),

fitur-fitur Aplikasi Informasi Pembuatan Obat Tradisional dinilai sangat

bermanfaat dalam mengelola data obat dan mudah digunakan.

Kata Kunci : Obat Tradisional, Basis Data, Multimedia


http://www.youtube.com/

ix

ABSTRACT

Traditional medicine is one type of drug used to treat various diseases by

using herbs. Traditional medicine has advantages in treating diseases compared to

chemical drugs, which can improve the overall system of the body. At this time, if

people want to seek traditional medicine, most can only see how it is made in text.

People can also look for how to make traditional medicine from

www.youtube.com, but some medicines do not include text-making methods.

From that it can lead to a decrease in people's interest in using traditional

medicine.

Therefore, in this final project built a system to help people find traditional

medicine by using web-based. The system was built using the Luther-Sutopo

Multimedia Software Development method. In this method there are 6 stages,

namely Concept, Design, Material Collecting, Assembly, Testing, and

Distribution.

In this study, the authors distributed questionnaires to 20 respondents,

among others 17 people as the general people and 3 people as admin. Based on

the results of the questionnaire analysis on the people, the system of Information

Application Making Traditional Medicine is considered useful to help find

information of traditional medicine for the people and easy to use. Based on the

results of the analysis of questionnaires to admin (Herbal Garden Team member

group), the features of Information Application Making Traditional Medicine is

considered very useful in managing drug data and easy to use.

Keywords: Traditional Medicine, Database, Multimedia


x

KATA PENGANTAR

Puji dan syukur kepada Tuhan Yang Maha Esa atas berkat dan rahmatNya

yang telah diberikan kepada penulis untuk menyelesaikan tugas akhir ini sebagai

salah satu syarat untuk mendapatkan gelar S. Kom sekaligus syarat akademik

jurusan Teknik Informatika Universitas Sanata Dharma.

Pada kesempatan ini, penulis mengucapkan terima kasih sebesar-besarnya kepada

seluruh pihak yang telah membantu dalam proses pengerjaan tugas akhir ini.

Penulis ingin menyampaikan ucapan terima kasih kepada:

1. Ibu Agnes Maria Polina S.Kom. ,M.Sc. selaku dosen pembimbing yang

sangat sabar dalam membimbing saya dan selalu memberikan saran dalam

membantu menyelesaikan tugas akhir.

2. Kedua orang tua tercinta, Mama Cendrawati dan (Alm) Papa Herman

Johan yang selalu mendukung saya dengan doa, semangat, motivasi, kasih

saying, dan dukungan.

3. Seluruh keluarga, kakak-kakak, paman serta bibi.

4. Sudi Mungkasi, S.Si. ,M.Math.Sc. ,Ph.D selaku Dekan Fakultas Sains dan

Teknologi Universitas Sanata Dharma.

5. Dr. Anastasia Rita selaku Ketua Program Studi Teknik Informatika

Universitas Sanata Dharma.

6. Dr. Erna Tri Wulandari, Apt. selaku dosen Farmasi yang memberikan saya

sumber-sumber refrensi untuk membantu mengerjakan tugas akhir ini.

7. Sahabat terdekat, Irenius Kristanto Riyadi, Kautsar Rusydi, Petra Nugra

Sukaria, Yeremia, dan semua sahabat yang menjadi tempat bertukar cerita,

pendapat, dan saran serta memberikan dukungan.

8. Teman-teman Teknik Informatika angkatan 2013 yang memberikan

semangat dan dukungan selama menjalani masa perkuliahan.

9. Pihak-pihak yang turut membantu penulis dalam menyelesaikan tugas

akhir yang tidak dapat disebutkan satu per satu.


xi


xii

DAFTAR ISI

HALAMAN PERSETUJUAN ........................................................................... iii

HALAMAN PENGESAHAN ............................................................................. iv

HALAMAN PERSEMBAHAN ........................................................................... v

PERNYATAAN KEASLIAN KARYA .............................................................. vi

LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH

UNTUK KEPENTINGAN AKADEMIS .......................................................... vii

ABSTRAK .......................................................................................................... viii

ABSTRACT .......................................................................................................... ix

KATA PENGANTAR ........................................................................................... x

DAFTAR ISI ........................................................................................................ xii

DAFTAR GAMBAR ........................................................................................... xv

DAFTAR TABEL ............................................................................................... xx

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

1.1. Latar Belakang .................................................................................................. 1

1.2. Rumusan Masalah ............................................................................................ 2

1.3. Tujuan dan Manfaat ......................................................................................... 3

1.4. Batasan Masalah ............................................................................................... 3

1.5. Sistematika Penulisan ....................................................................................... 3

BAB II KAJIAN PUSTAKA ................................................................................ 5

2.1 Landasan Teori ................................................................................................. 5

2.1.1 Obat Tradisional ....................................................................................... 5

2.1.2 Sistem Informasi Berbasis Web ............................................................... 5

2.1.3 JavaServer Pages (JSP) ............................................................................. 5

2.1.4 Cascading Style Sheet (CSS) ..................................................................... 6

2.1.5 Javascript .................................................................................................... 6

2.1.6 Basis Data Multimedia .............................................................................. 6

2.1.6.1 Basis Data .............................................................................................. 6

2.1.6.2 Multimedia ............................................................................................. 7

2.1.6.3 Oracle Multimedia ................................................................................. 7

2.1.6.4 Oracle Multimedia Image Processing ................................................. 13

2.1.7 Notasi Pemodelan Sistem ........................................................................ 16


xiii

2.1.7.1 Use Case Diagram ................................................................................ 16

2.1.7.2 Diagram Kelas ..................................................................................... 17

2.1.7.3 Sequence Diagram ............................................................................... 17

2.1.7.4 Collaboration Diagram ........................................................................ 18

2.1.8 Metode Pengembangan Perangkat Lunak Multimedia versi Luther-

Sutopo ................................................................................................................... 18

2.2 Tinjauan Pustaka ............................................................................................ 19

BAB III METODOLOGI PENELITIAN ......................................................... 21

3.1 Sumber Data .................................................................................................... 21

3.2 Spesifikasi Alat ................................................................................................ 21

3.3 Tahap - Tahap Penelitian ............................................................................... 22

BAB IV ANALISA DAN PERANCANGAN SISTEM .................................... 25

4.1 Concept ............................................................................................................. 25

4.2 Design ............................................................................................................... 25

4.2.1 Use Case ................................................................................................... 26

4.2.2 Skenario ................................................................................................... 27

4.2.3 Entity Relationship Diagram ................................................................... 46

4.2.4 Diagram Kelas Keseluruhan .................................................................. 47

4.2.5 Diagram Sequence ................................................................................... 53

4.2.1 Diagram Kolaborasi Keseluruhan Kelas .............................................. 69

4.3 Material Collecting .......................................................................................... 71

4.4 Assembly ........................................................................................................... 73

4.5 Testing .............................................................................................................. 73

4.6 Distribution....................................................................................................... 73

BAB V IMPLEMENTASI SISTEM .................................................................. 74

5.1 Assembly ........................................................................................................... 74

BAB VI ANALISA HASIL ............................................................................... 117

6.1 Analisa Hasil Pengujian Sistem ................................................................... 117

6.2 Pengujian Terhadap Pengguna (Masyarakat) ........................................... 123

6.2.1 Persepsi Kemudahan(Perceived Ease of Use) ..................................... 124

6.2.2 Persepsi Manfaat (Perceived Usefulness) ............................................ 125

6.3 Pengujian Terhadap Pengguna (Admin) .................................................... 127

6.2.1 Persepsi Kemudahan (Perceived Ease of Use) .................................... 127


xiv

6.2.2 Persepsi Manfaat (Perceived Usefulness) ............................................ 133

6.4 Rangkuman Hasil Uji Coba Terhadap Masyarakat dan Admin .............. 134

BAB VII PENUTUP .......................................................................................... 137

7.1 Kesimpulan .................................................................................................... 137

7.2 Saran .............................................................................................................. 138

DAFTAR PUSTAKA ........................................................................................ 139

LAMPIRAN ....................................................................................................... 141


xv

DAFTAR GAMBAR

Gambar 2.1 Simbol Use Case ............................................................................... 16

Gambar 2.2 Actors ................................................................................................ 17

Gambar 4.1 Diagram Use Case ............................................................................. 26

Gambar 4.2 Entity Relationship Diagram ............................................................. 46

Gambar 4.3 Diagram Kelas Keseluruhan Bagian 1 .............................................. 47






Gambar 4.9 Diagram Sequence Admin: Login ..................................................... 53

Gambar 4.10 Diagram Sequence Admin: Mengedit Informasi Obat .................... 54

Gambar 4.11 Diagram Sequence Admin: Reupload Video Obat .......................... 55

Gambar 4.12 Diagram Sequence Admin: Menambah Data Obat ......................... 56

Gambar 4.13 Diagram Sequence Admin: Menghapus Data Obat ........................ 57

Gambar 4.14 Diagram Sequence Admin: Mengedit Komposisi Obat .................. 58

Gambar 4.15 Diagram Sequence Admin: Melihat Data Obat ............................... 59

Gambar 4.16 Diagram Sequence Admin: Melihat Bahan Obat ............................ 60

Gambar 4.17 Diagram Sequence Admin: Menambah Bahan Obat ....................... 61

Gambar 4.18 Diagram Sequence Admin: Menghapus Bahan Obat ...................... 62

Gambar 4.19 Diagram Sequence Admin: Mengedit Gambar Bahan Obat ........... 63

Gambar 4.20 Diagram Sequence Admin: Mengedit Informasi Bahan Obat ......... 64


xvi

Gambar 4.21 Diagram Sequence Admin: Reupload Gambar Bahan Obat ........... 65

Gambar 4.22 Diagram Sequence Masyarakat: Melihat Detail Pembuatan Obat .. 66

Gambar 4.23 Diagram Sequence Masyarakat: Mencari Data Obat ...................... 67

Gambar 4.24 Diagram Sequence Masyarakat: Melihat Detail Tanaman Obat ..... 68

Gambar 4.25 Diagram Kolaborasi User ................................................................ 69

Gambar 4.26 Diagram Kolaborasi Admin ............................................................ 70

Gambar 5.1 Desain Basis Data ADMIN ............................................................... 74

Gambar 5.2 Desain Basis Data OBATTRADISIONAL ....................................... 74

Gambar 5.3 Desain Basis Data TANAMANOBAT ............................................. 75

Gambar 5.4 Desain Basis Data KOMPOSISIOBAT ............................................ 75

Gambar 5.5 Desain Basis Data PREVIEWTANAMAN ...................................... 75

Gambar 5.6 Halaman Login Admin ...................................................................... 76

Gambar 5.7 Login Admin Berhasil ....................................................................... 77

Gambar 5.8 Login Admin Gagal ........................................................................... 77

Gambar 5.9 Halaman Home Admin ...................................................................... 78

Gambar 5.10 Halaman Admin Pengelolaan Data Obat ........................................ 79

Gambar 5.11 Halaman Daftar Obat ...................................................................... 80

Gambar 5.12 Halaman Tambah Obat : Menentukan Komposisi .......................... 81

Gambar 5.13 Halaman Tambah Obat.................................................................... 82

Gambar 5.14 Tambah Obat Berhasil ..................................................................... 82

Gambar 5.15 Tambah Obat Gagal ........................................................................ 83

Gambar 5.16 Halaman Pilih Data Obat................................................................. 85

Gambar 5.17 Menghapus Data Obat ..................................................................... 85

Gambar 5.18 Pilih Data Obat Salah ...................................................................... 86


xvii

Gambar 5.19 Halaman Pilih Jenis Edit Data Obat ................................................ 86

Gambar 5.20 Halaman Edit Informasi Obat ......................................................... 87

Gambar 5.21 Edit Informasi Obat Berhasil........................................................... 87

Gambar 5.22 Edit Informasi Obat Gagal .............................................................. 88

Gambar 5.23 Halaman Edit Komposisi Obat ........................................................ 89

Gambar 5.24 Hapus Salah Satu Komposisi Obat Berhasil ................................... 90

Gambar 5.25 Hapus Salah Satu Komposisi Obat Gagal ....................................... 91

Gambar 5.26 Edit Komposisi Obat Berhasil ......................................................... 91

Gambar 5.27 Halaman Reupload Video Obat....................................................... 92

Gambar 5.28 Reupload Video Obat Berhasil ........................................................ 93

Gambar 5.29 Halaman Admin Pengelolaan Data Bahan Obat ............................. 94

Gambar 5.30 Halaman Daftar Bahan Obat ........................................................... 95

Gambar 5.31 Halaman Tambah Bahan Obat ........................................................ 96

Gambar 5.32 Tambah Obat Berhasil ..................................................................... 96

Gambar 5.33 Tambah Bahan Obat Gagal ............................................................. 97

Gambar 5.34 Halaman Pilih Data Bahan Obat ..................................................... 98

Gambar 5.35 Belum Memilih Data Bahan Obat ................................................... 98

Gambar 5.36 Data Bahan Obat Berhasil Dihapus ................................................. 99

Gambar 5.37 Halaman Pilih Jenis Edit Bahan Obat ........................................... 100

Gambar 5.38 Halaman Edit Informasi Bahan Obat ............................................ 101

Gambar 5.39 Halaman Edit Gambar Bahan Obat ............................................... 103

Gambar 5.40 Preview Gambar Gagal ................................................................. 104

Gambar 5.41 Preview Gambar Berhasil.............................................................. 104

Gambar 5.42 Hasil Rotasi dan Flip Gambar ....................................................... 105

Gambar 5.43 Edit Setelah Rotasi dan Flip .......................................................... 105


xviii

Gambar 5.44 Contoh pengisian opsional Watermark ......................................... 106

Gambar 5.45 Preview pemberian Watermark pada Gambar Berhasil ................ 106

Gambar 5.46 Hasil Gambar yang telah diberi Watermark .................................. 107

Gambar 5.47 Edit Gambar dengan Pengisian Watermark Berhasil .................... 107

Gambar 5.48 Hasil Original Gambar yang telah diberi Watermark ................... 108

Gambar 5.49 Properti Gambar Sebelum Dikompres .......................................... 108

Gambar 5.50 Properti Gambar Sesudah Dikompres Maksimal .......................... 109

Gambar 5.51 Halaman Upload Ulang Gambar ................................................... 110

Gambar 5.52 Reupload Gambar Berhasil ........................................................... 111

Gambar 5.53 Halaman Beranda .......................................................................... 112

Gambar 5.54 Halaman Detail Obat ..................................................................... 113

Gambar 5.55 Halaman Galeri Tanaman Obat ..................................................... 114

Gambar 5.56 Halaman Detail Bahan Obat .......................................................... 115

Gambar 5.57 Halaman Pencarian Obat ............................................................... 116

Gambar 6.1 Pembuatan Database TanamanObat dengan menggunakan MySQL

............................................................................................................................. 117

Gambar 6.2 Batas Maksimal Ukuran File Blob di MySQL ................................ 118

Gambar 6.3 File Gambar yang akan Diinputkan ke MySQL.............................. 118

Gambar 6.4 Contoh Data yang akan Diinput di database MySQL .................... 119

Gambar 6.5 Error Saat Input di database MySQL ............................................. 119

Gambar 6.6 Ekstrak metadata file BLOB di Oracle ........................................... 120

Gambar 6.7 Uji Coba Ekstrak Metadata file Blob di MySQL ............................ 120

Gambar 6.8 Hasil Kompres Gambar pemandangan.jpg ..................................... 121

Gambar 6.9 Hasil Kompres Gambar beruang-madu.jpg ..................................... 122


xix

Gambar 6.10 Hasil Kompres Gambar Elang.jpg ................................................ 122

Gambar 6.11 Hasil Kompres Gambar sirih.jpg ................................................... 122

Gambar 6.12 Hasil Kompres Gambar Kota.jpg .................................................. 122


xx

DAFTAR TABEL

Tabel 2.1 Metode-metode Oracle Intermedia ....................................................... 10

Tabel 2.2 Properti Watermark ............................................................................... 14

Tabel 2.3 Keterangan Nilai Kompres Gambar ...................................................... 15

Tabel 4.1 Skenario Login ...................................................................................... 27

Tabel 4.2 Skenario Mengedit Informasi Obat ....................................................... 28

Tabel 4.3 Skenario Reupload Video Obat ............................................................. 29

Tabel 4.4 Skenario Menambah Data Obat ........................................................... 30

Tabel 4.5 Skenario Menghapus Data Obat ........................................................... 32

Tabel 4.6 Skenario Mengedit Komposisi Obat ..................................................... 33

Tabel 4.7 Skenario Melihat Data Obat ................................................................. 35

Tabel 4.8 Skenario Melihat Bahan Obat............................................................... 35

Tabel 4.9 Skenario Menambah Bahan Obat ......................................................... 36

Tabel 4.10 Skenario Menghapus Bahan Obat ...................................................... 37

Tabel 4.11 Skenario Mengedit Gambar Bahan Obat ........................................... 38

Tabel 4.12 Skenario Mengedit Informasi Bahan Obat ......................................... 40

Tabel 4.13 Skenario Reupload Gambar Bahan Obat ........................................... 42

Tabel 4.14 Skenario Melihat Detail Pembuatan Obat .......................................... 43

Tabel 4.15 Skenario Mencari Data Obat .............................................................. 44

Tabel 4.16 Skenario Melihat Detail Tanaman Obat ............................................. 44

Tabel 4.17 Material Collecting ............................................................................. 71

Tabel 6.1 Hasil Pengujian Kecepatan Kompres Maksimal Gambar ................... 121


xxi

Tabel 6.2 Hasil Pengujian Kemampuan Upload File .......................................... 123

Tabel 6.3 Hasil Kuesioner Persepsi Kemudahan Pengguna Pernyataan 1 .......... 124

Tabel 6.4 Hasil Kuesioner Persepsi Kemudahan Pengguna Pernyataan 2 .......... 124

Tabel 6.5 Hasil Kuesioner Persepsi Manfaat Pengguna Pernyataan 1................ 125



Tabel 6.8 Hasil Kuesioner Persepsi Kemudahan Admin Pernyataan 1 .............. 128

Tabel 6.9 Hasil Kuesioner Persepsi Kemudahan Admin Pernyataan 2 .............. 128

Tabel 6.10 Hasil Kuesioner Persepsi Kemudahan Admin Pernyataan 3 ............ 129






Tabel 6.16 Hasil Kuesioner Persepsi Manfaat Admin Pernyataan 1 .................. 133

Tabel 6.17 Hasil Kuesioner Persepsi Manfaat Admin Pernyataan 2 .................. 133

Tabel 6.18 Hasil Rangkuman Uji Coba Kuesioner Masyarakat ......................... 134

Tabel 6.19 Hasil Rangkuman Uji Coba Kuesioner Admin ................................. 135


1

BAB I

PENDAHULUAN

1.1. Latar Belakang

Indonesia merupakan negara yang kaya akan sumber daya alam salah

satunya adalah tumbuh-tumbuhan. Tumbuhan merupakan makhluk hidup yang

memiliki peran sangat penting dan tidak dapat lepas bagi kehidupan di muka

bumi. Tumbuhan digunakan oleh manusia dalam berbagai macam hal misalnya

sebagai sumber makanan, obat-obatan, bahan material bangunan dan lain-lain.

Manusia dapat membuat dan mengolah berbagai aneka tumbuhan menjadi aneka

macam obat tradisional atau obat herbal. Bagian tumbuhan yang biasanya

digunakan adalah akar, daun, batang, bunga, rimpang, kulit buah, dan air buah.

Saat ini obat-obatan tradisional jarang digunakan dibanding obat-obatan

kimia karena obat kimia lebih mudah dan praktis tanpa harus mengolah terlebih

dahulu. Kedua obat ini memiliki kelebihan dan kekurangan tersendiri. Jika dilihat

dari kinerja obat kimia, obat kimia memiliki reaksi lebih cepat dibanding obat

tradisional. Namun jika dilihat dari efek samping yang ditimbulkan lebih banyak

terdapat pada obat kimia dibanding obat tradisional yang hampir tidak ada efek

samping. Menurut Dr. Amarullah H. Siregar (www.deherba.com), obat-obatan

kimia bertujuan untuk mengobati gejala penyakitnya, tetapi tidak menyembuhkan

sumber akar penyakitnya. Pada intinya obat kimia hanya mampu memperbaiki

beberapa sistem tubuh. Berbeda halnya dengan obat tradisional yang bekerja

langsung pada sumbernya dengan memperbaiki keseluruhan sistem tubuh yakni

dengan memperbaiki sel-sel, jaringan, dan organ-organ tubuh yang rusak serta

dengan meningkatkan sistem kekebalan tubuh.

Jika masyarakat ingin mengetahui cara pembuatan obat-obatan tradisional

sebagian besar hanya dapat melihat secara tertulis baik dari komposisinya maupun

cara membuatnya atau cara meraciknya, akibatnya orang yang membacanya


2

kadang-kadang merasa kurang jelas akan tahap-tahapnya, hingga lupa memasukan

salah satu bahan ataupun beberapa bahan, ada cara yang terlewati dan lain-lain.

Meskipun masyarakat dapat mencari beberapa video melalui www.youtube.com,

namun pengguna kadang bingung dengan banyaknya hasil pencarian, pengguna

harus membuka setiap video untuk mencari info yang dicari pengguna, lalu

sebagian besar video tidak melampirkan bahan-bahan pembuatannya sehingga

pengguna harus mengira-ngira untuk mengetahui bahan apa yang digunakan. Jika

pengguna menemukan video, ada video yang tidak cocok dengan yang dicari

pengguna. Ada video yang kurang lengkap deskripsinya seperti cara

penggunaannya tidak ada atau tidak ada komposisi dan takarannya. Pembuatan

obat tradisional dapat dibuat di rumah dengan peralatan seadanya, sedangkan

pembuatan obat kimia diperlukan alat yang lebih spesifik untuk membuatnya.

Penggunaan multimedia mengenai obat herbal pernah dimanfaatkan oleh

Supriyati et.al. (2013), Rini (2011), dan Pote (2011). Penelitian yang sudah pernah

ada hanya menyediakan informasi mengenai obat herbal yaitu informasi tentang

tanaman, khasiatnya saja dan cara pembuatan obat tradisional secara teks.

Dari latar belakang tersebut, penulis tertarik untuk mengatasi masalah

tersebut dengan mengajukan gagasan untuk membuat sebuah aplikasi berbasis

web untuk pembuatan obat tradisional yang menyajikan informasi cara

pembuatannya baik secara teks maupun secara video. Aplikasi berbasis web

tersebut diharapkan dapat memudahkan pengguna dalam pencarian obat yang

dicari dan dapat menampilkan secara visual bahan-bahan yang diperlukan dalam

pembuatan obat tradisional, sehingga meningkatkan efektivitas(tepat guna) dan

efisiensi waktu pencarian.

1.2. Rumusan Masalah

a. Bagaimana membangun suatu aplikasi berbasis web untuk Pembuatan

Obat Tradisional dengan memanfaatkan basis data multimedia?

b. Apakah aplikasi ini bermanfaat (Perceived Usefulness) membantu

masyarakat mencari informasi obat tradisional?



3

c. Apakah aplikasi ini mudah digunakan (Perceived Ease of Use) bagi

pengguna (masyarakat dan admin)?

d. Apakah fitur-fitur dalam aplikasi ini bermanfaat bagi admin dalam

mengelola data obat?

1.3. Tujuan dan Manfaat

Tujuan dari penelitian ini adalah menyediakan informasi mengenai bahan

dan cara Pembuatan Obat Tradisional secara teks dan video untuk

masyarakat/pengguna.

Manfaat dari penelitian ini adalah:

a. Memberi kemudahan kepada masyarakat yang ingin mengetahui bahan

dan cara pembuatan obat tradisional.

b. Mempromosikan Obat Tradisional ke masyarakat.

c. Memberi kemudahan kepada masyarakat dalam mencari obat dari

penyakit yang diderita.

1.4. Batasan Masalah

Dalam penelitian ini terdapat beberapa batasan masalah yang terdiri dari:

a. Pada aplikasi pembuatan obat tradisional ini, pencarian dibatasi

tentang berdasarkan bahan-bahan obat dan penyakit.

b. Data multimedia yang digunakan adalah gambar dan video.

c. Data video dapat disimpan sebagai penyimpanan/storage, namun tidak

untuk dimanipulasi.

1.5. Sistematika Penulisan

BAB I PENDAHULUAN

Bab ini membahas mengenai latar belakang, rumusan masalah, tujuan dan

manfaat, batasan masalah, dan sistematika penulisan.


4

BAB II KAJIAN PUSTAKA

Bab ini membahas tentang dasar teori yang digunakan untuk membangun

aplikasi berbasis web untuk pembuatan obat tradisional dan tinjauan

pustaka atas penelitian-penelitian lain yang pernah dikerjakan sesuai topik

yang terkait.

BAB III METODOLOGI PENELITIAN

Bab ini membahas tentang langkah-langkah yang digunakan dalam

penyelesaian tugas akhir sesuai kaidah keilmuan dan deskripsi data yang

dipergunakan dalam penelitian.

BAB IV ANALISA DAN PERANCANGAN SISTEM

Bab ini membahas tentang analisis dan perancangan system yang

digunakan untuk membangun aplikasi ini yang terdiri dari Concept,

Design, Material Collecting, Assembly, Testing dan Distribution.

BAB V IMPLEMENTASI SISTEM

Bab ini membahas tentang pengimplementasian dari hasil perancangan ke

dalam coding program menggunakan bahasa pemrograman JSP dan Oracle

Multimedia DBMS.

BAB VI ANALISA HASIL

Bab ini membahas tentang analisis hasil dari sistem yang telah dibuat dan

pembahasan tentang kelebihan dan kekurangan dari sistem. Bab ini juga

membahas tentang hasil uji coba sistem terhadap masyarakat/pengguna.

BAB VII PENUTUP

Bab ini membahas tentang kesimpulan dan saran yang berguna untuk

mengembangkan sistem di masa yang akan datang.


5

BAB II

KAJIAN PUSTAKA

2.1 Landasan Teori

2.1.1 Obat Tradisional

Menurut Kamus Besar Bahasa Indonesia(KBBI), obat tradisional

adalah obat yang diramu dari berbagai macam akar, kulit pohon, batang,

bunga, buah, dan daun untuk berbagai macam penyakit. Sementara itu

menurut WHO obat tradisional adalah keseluruhan pengetahuan,

keterampilan, dan praktek berdasarkan teori, keyakinan, dan pengalaman asli

dari beda budaya yang digunakan untuk pemeliharaan kesehatan dan

pengobatan penyakit fisik dan mental. Menurut Latief (2012), khasiat Flora

dapat dimanfaatkan untuk pencegahan, pengobatan, perawatan dan

pemeliharaan kesehatan, serta perawatan kecantikan dan kebutuhan biologis.

2.1.2 Sistem Informasi Berbasis Web

Sistem informasi adalah suatu sistem di dalam suatu organisasi yang

mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi,

bersifat manajerial dan kegiatan strategi dari suatu organisasi dan

menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan

(Jogiyanto, 2005).

Sistem informasi berbasis web merupakan sebuah sarana didalam

sistem komputerisasi yang telah dilengkapi dengan fitur-fitur dan didesain

sedemikian rupa sesuai dengan kebutuhan yang akan digunakan pada

penginputan suatu data tertentu yang bertujuan untuk mempermudah,

mempercepat dan mengakuratkan data yang telah diolah.

2.1.3 JavaServer Pages (JSP)

Menurut Wijono et.al. (2006), JSP atau JavaServer Pages merupakan

suatu teknologi web berbasis bahasa pemrograman Java dan berjalan di


6

Platform Java. Teknologi JSP merupakan bagian teknologi J2EE (Java 2

Enterprise Edition). J2EE merupakan sebuah platform Java untuk

pengembangan sistem aplikasi enterprise dengan dukungan API(Application

Programming Interface) yang lengkap dan portabilitas serta memberikan

sarana untuk membuat suatu aplikasi yang memisahkan antara business

logic(sistem), presentasi dan data.

Teknologi JSP memiliki fitur yang lebih cepat dan mudah untuk

membuat halaman web dan menampilkan konten secara dinamik. Teknologi

JSP di desain untuk membuat lebih mudah dan cepat dalam membuat aplikasi

berbasis web yang bekerja dengan berbagai macam web server, application

server, browser dan development tool.

2.1.4 Cascading Style Sheet (CSS)

CSS adalah kependekan dari Cascading Style Sheet, berfungsi untuk

mempercantik penampilan HTML atau menentukan bagaimana elemen HTML

ditampilkan, seperti menentukan posisi, merubah warna teks atau background

dan lain sebagainya (Ariona, 2013).

2.1.5 Javascript

Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada

fungsinya berjalan pada suatu dokumen HTML, sepanjang sejarah internet

bahasa ini adalah bahasa skrip pertama untuk web. Bahasa ini adalah bahasa

pemrograman untuk memberikan kemampuan tambahan terhadap bahasa

HTML dengan mengijinkan pengeksekusian perintah perintah di sisi user,

yang artinya di sisi browser bukan di sisi server web (Khannedy,2007).

2.1.6 Basis Data Multimedia

2.1.6.1 Basis Data

Menurut Connolly (2005), basis data adalah kumpulan data

yang secara logika saling berelasi (termasuk struktur data), di desain

untuk memenuhi kebutuhan informasi suatu organisasi. Relasi suatu


7

basis data terdiri dari entities, attributes, dan relationship dari

informasi suatu organisasi.

Suatu sistem perangkat lunak yang memampukan user untuk

mendefinisikan membuat, merawat, dan mengontrol akses ke basis

data disebut Database Management System(DBMS). Keuntungan dari

DBMS adalah dapat kontrol terhadap redudansi data, data menjadi

konsisten, lebih banyak informsi yg dapat diperoleh dr sejumlah data

yg sama, berbagi data bersama, meningkatkan backup dan pemulihan

data, meningkatkan integritas data, meningkatkan keamanan,

pemaksaan standar-standar, lebih ekonomis, dan menambah

produktifitas.

Ada 2 pendekatan basis data, antara lain:

1) Data Definitiion Language(DDL)

Sebuah fasilitas untuk menspesifikasikan tipe data, struktur data,

dan data constraints. Semua spesifikasi tersebut disimpan di dalam

basisdata.

2) Data Manipulation Language(DML)

Sebuah fasilitas untuk melakukan query data menggunakan query

language (SQL).

2.1.6.2 Multimedia

Menurut Vaughan (2011), multimedia adalah kombinasi dari

teks, gambar, suara, animasi dan video yang dimanipulasi secara

digital. Multimedia yang memperbolehkan penggunanya untuk

mengontrol apa dan kapan pada elemen-elemen multimedia yang

disampaikan disebut Multimedia Interaktif.

2.1.6.3 Oracle Multimedia

Menurut Pelski (2005), Oracle Multimedia (sebelumnya

Oracle Intermedia) memadukan data multimedia dengan informasi

perusahaan yang disimpan di Oracle Database. Data multimedia dapat


8

disimpan, dikelola dan diambil dengan SQL, PL/SQL dan Java dalam

cara yang sama seperti data relasional standar. Hal ini memungkinkan

pengembangan dan pemeliharaan aplikasi multimedia yang cepat

dengan menggunakan keterampilan yang ada. Dengan penyimpanan

dan pemerolehan kinerja yang tinggi, telah terpasang fungsi

multimedia, keamanan, dan ketersediaan yang tinggi, Oracle

Multimedia mendukung kombinasi relasi dan dataset multimedia yang

digunakan dalam arsip gambar, aplikasi gambar medis dan aplikasi

yang berhubungan dengan media lainnya. Oracle Multimedia

mendukung berbagai macam format data termasuk dukungan

komprehensif untuk gambar medis. Arsitektur Oracle Multimedia

terdiri atas 3 arsitektur yaitu tingkat Database(Oracle Database),

tingkat Application Server(Oracle Application Server), dan tingkat

Client. Untuk penjelasan mengenai 3 arsitektur Oracle Multimedia,

antara lain:

1) Tingkat Database

Di dalam tingkat Database, dengan menggunakan Oracle

Multimedia, Oracle Database memiliki konten yang banyak di di

tabel dengan data tradisional. Dengan menggunakan metode

Oracle Multimedia, bisa menghubungkan operasi import dan

export antara database dan sistem operasi file(External File

Storage). Oracle Multimedia juga mendukung tipe Special

Delivery/pengiriman khusus pada server seperti konten yang

mengalir dari database.

2) Tingkat Application Server

Di tingkat menengah, Oracle Application Server menyediakan

akses kepada Oracle Multimedia melalui kelas-kelas Oracle

Multimedia Java, yang memungkinkan Java Applications pada

tingkatan lainnya (client, application server, atau database) untuk

mengakses, manipulasi, dan modifikasi audio, gambar, dan video

yang tersimpan di database.


9

3) Tingkat Client

Di tingkat Client, kemampuan memproses lokal didukung kelas-

kelas Oracle Multimedia Java, Sun’s Java Advanced Imaging

(JAI), dan Sun’s Java Media Framework (JMF).

Metode-metode yang biasa digunakan di dalam Oracle Multimedia

adalah:

1) export( )

Metode ini berfungsi untuk menyalin data multimedia ke

penyimpanan luar database dalam bentuk file.

2) import ( )

Metode ini berfungsi untuk memasukan data Multimedia ke

dalam database.

3) getContent( )

Metode ini mengembalikan data BLOB dari suatu obyek yang

telah tersimpan di database.

4) getMimeType( )

Metode ini berfungsi untuk mendapatkan tipe MIME file dari

database.

5) getSource( )

Metode ini berfungsi untuk menampilkan seluruh file(lokasi,

nama dan tipe) dalam bentuk URL.

6) getSourceLocation( )

Metode ini berfungsi untuk mengembalikan nilai lokasi dari file.

7) getSourceName( )

Metode ini berfungsi untuk mengembalikan nilai nama file dan

tipe ekstensi filenya.

8) getSourceType( )

Metode ini berfungsi untuk mengembalikan tipe file


10

9) getUpdateTime( )

Metode ini berfungsi untuk mendapatkan waktu terakhir obyek

telah diupdate.

10) setMimeType( )

Metode ini berfungsi untuk mengubah tipe MIME.

11) setSource( )

Metode ini berfungsi untuk mengubah metadata dari suatu file


12) setUpdateTime( )

Metode ini berfungsi untuk mengubah waktu update suatu file


Menurut Pelski (2005), Oracle Multimedia adalah fitur yang

memperbolehkan Database Oracle untuk menyimpan, mengelola, dan

mengambil gambar, audio, video, atau data media heterogen lainnya

secara terpadu dengan informasi perusahaan lainnya. Oracle

Multimedia memperluas menjadi Database Oracle yang handal,

tersedia, dan pengelolaan data untuk konten multimedia di tradisional,

internet, perdagangan elektronik, dan aplikasi media interaktif digital.

Metode-metode khusus yang digunakan antara lain :

Tabel 2.1 Metode-metode Oracle Intermedia

Tipe Data Metode

ORDAudio

checkProperties( )

getAllAttributes( )

getAttribute( )

getAudioDuration( )

getCompressionType( )

getContentLength( )

getDescription( )

getFormat( )

getSampleSize( )

importFrom( )

setAudioDuration( )

setCompressionType( )

setDescription( )


11

setFormat( )

setNumberOfChannels( )

setProperties( )

setSampleSize( )

ORDImage

checkProperties( )

copy( )

getCompressionFormat( )

getContentLength( )

getContentFormat( )

getDicomMetadata( )

getFileFormat( )

getHeight( )

getMetadata( )

getWidth( )

importFrom( )

process( )

processCopy( )

putMetadata( )

setProperties( )

setProperties( ) for foreign images

ORDVideo

checkProperties( )

getAllAttributes( )

getAttribute( )

getBitRate( )

getCompressionType( )

getContentInLob( )

getContentLength( )

getDescription( )

getFormat( )

getFrameRate( )

getFrameResolution( )

getFrameSize( )

getNumberOfColors( )

getNumberOfFrames( )

getVideoDuration( )

importFrom( )

processVideoCommand( )

setBitRate( )

setCompressionType( )

setDescription( )

setFormat( )

setFrameRate( )

setFrameResolution( )

setFrameSize( )


12

setKnownAttributes( )

setNumberOfColors( )

setNumberOfFrames( )

setProperties( )

setVideoDuration( )

Format-format yang didukung dalam Oracle Multimedia sebagai

berikut:

1) Gambar/Image

a) Bitmap Image

b) FPIX(Flash Pix)

c) GIF(Graphics Interchange Format)

d) JPEG(Joint Photographic Experts Group)

e) PCX(Personal Computer eXchange)

f) PNG(Portable Network Graphics)

g) RPIX(Raw Pixel)

h) TIFF(Tag Image File Format)

i) WBMP(Wireless Bitmap)

2) Audio

a) 3GPP

b) WAV(Waveform Audio File)

c) MPEG(Moving Picture Experts Group)

Audio MPEG yang didukung adalah MPEG1, MPEG2, dan

MPEG4. MPEG1 dan MPEG2 berekstensi .mpg. MPEG4

berekstensi .mp4.

3) Video

a) Mircosoft Video untuk Windows(AVI)

b) Real Networks Real Video Data(RMFF)

c) 3GP/3GPP(Third Generation Partnership Project)

d) MPEG(Moving Picture Experts Group)


13

Video MPEG yang didukung adalah MPEG1, MPEG2, dan

MPEG4. MPEG1 dan MPEG2 berekstensi .mpg. MPEG4

berekstensi .mp4.

2.1.6.4 Oracle Multimedia Image Processing

Fitur-fitur yang tersedia dalam operasi Oracle Multimedia adalah :

1) Flip

Operasi flip digunakan untuk membalik gambar.

Metodenya sebagai berikut :

2) Rotate

Operasi rotasi digunakan untuk memutar gambar berdasarkan

sudut tertentu.

Metodenya sebagai berikut :

Value dari rotasi adalah 90, 180, dan 270.

3) Operasi Watermarking

Oracle Multimedia mendukung fitur penambahan watermark

kepada suatu gambar.

Text watermark adalah tulisan yang akan ditambahkan di gambar.

Destination_image adalah gambar tujuan yang akan diberi

watermark.

Logging adalah tempat pencatatan jika terjadi suatu kesalahan

ketika menjalankan operasi watermark. Jika menjalankan operasi

watermark berhasil, maka logging akan kosong.

Property_text adalah nilai-nilai atribut pada teks watermark yang

bisa diubah.

image. applyWatermark(text watermark, destination _image, logging,

property_text);

image. process(rotate=”value”);

image. process(flip);


14

Tabel 2.2 Properti Watermark

Nama Deskripsi Nilai

Font_name Nama font yang akan digunakan

untuk teks watermark.

Nilai awalnya adalah Arial

Font_style Gaya font yang akan digunakan


Nilai yang dapat digunakan

Plain, Bold, dan Italic.

Nilai awalnya adalah Plain.

Font_size Ukuran font yang akan

digunakan untuk teks watermark.

Nilai awalnya adalah 30.

Text_color Warna teks yang akan digunakan


Nilai-nilainya antara lain

black, blue, cyan,

dark_gray, gray, green,

light_gray, magenta,

orange, pink, red, white,

dan yellow.

Nilai awalnya adalah

biru/blue.

text_color_red,

text_color_green,

text_color_blue

Pemberian warna merah, hijau,

biru untuk teks watermark.

Integer antara 0 hingga 255.

position Mengatur posisi teks watermark

secara relatif pada gambar.

Nilai-nilainya antara lain

topleft, topcenter, topright,

middleleft, middlecenter,

middleright, bottomleft,

bottomcenter, dan

bottomright.

Nilai awalnya antara lain

middlecenter.


15

position_x,

position_y

Mengatur koordinat posisi X dan

Y teks watermark di suatu

gambar

Nilai harus positif. Nilai

awalnya adalah 50.

transparency Memberikan tingkat transparansi

teks watermark

Nilainya adalah 0 hingga 1.

0 mewakili transparansi

penuh. 1 mewakili tidak ada

transparansi. Nilai awalnya

adalah 0.5.

width Lebar dari watermark dalam

pixel.

Positif integer.

height Tinggi dari watermark dalam

pixel.

Positif integer.

4) Compression Quaility Image

Oracle Multimedia memiliki fitur mengkompres kualitas gambar.

Ukuran file gambar yang awalnya besar dapat menjadi kecil.

Metodenya sebagai berikut.

Nilai pada Compress Quality antara lain MAXCOMPRATIO,

HIGHCOMP, MEDCOMP, LOWCOMP, dan MAXINTEGRITY.

Keterangan pada nilai compress quality akan dijelaskan pada tabel

2.3.

Tabel 2.3 Keterangan Nilai Kompres Gambar

Nilai Deskripsi

MAXCOMPRATIO Mengompres maksimal data gambar

menjadi sangat kecil.

image. process(compressQuality=value);


16

HIGHCOMP Mengompres tinggi data gambar menjadi

kecil.

MEDCOMP Mengompres sedang data gambar menjadi

sedang.

LOWCOMP Mengompres sedikit data gambar.

MAXINTEGRITY Meningkatkan kualitas gambar daripada

dengan yang aslinya, tetapi membutuhkan

ruang yang lebih untuk menyimpannya.

2.1.7 Notasi Pemodelan Sistem

2.1.7.1 Use Case Diagram

Menurut Whitten dan Bentley (2007), model use case dipakai untuk

menggambarkan relasi antara sistem dan sistem eksternal dan

pengguna dengan kasus yang disesuaikan dengan langkah-langkah

yang telah ditentukan. Use Case Diagram merupakan metode yang

cocok untuk digunakan untuk dapat menggambarkan interaksi yang

jelas antara sistem dengan pengguna.

a) Use Cases

Use case menggambarkan suatu fungsi dari sebuah sistem yang

dilihat berdasarkan sudut pandang pengguna.

Simbol Use Case

Gambar 2.1 Simbol Use Case

b) Actors

Aktor merupakan sesuatu yang berinteraksi dengan sistem untuk

saling bertukar informasi. Dalam kenyataannya, aktor tidak harus

seorang manusia, namun dapat berupa juga sebuah organisasi,

sistem informasi, atau sebuah alat eksternal seperti sensor panas.


17

Gambar 2.2 Actors

c) Relationsip

Sebuah relasi digambarkan sebagai sebuah garis antara 2 simbol

(actors dan simbol use case) pada diagram use case. Ada beberapa

macam relasi, antara lain associations, extends, uses, depends on,

dan inheritance.

2.1.7.2 Diagram Kelas

Menurut Whitten dan Bentley (2007), diagram kelas atau digambarkan

sebagai struktur objek sistem. Ini menunjukkan kelas objek bahwa

sistem terdiri dari hubungan antara kelas-kelas objek tersebut. Pada

diagram kelas memiliki 4 bagian, antara lain objects, attributes,

methods, dan encapsulations.

2.1.7.3 Sequence Diagram

Menurut Whitten dan Bentley (2007), diagram sekuensial adalah

diagram yang secara grafikal digambarkan sebagai obyek-obyek yang

saling berinteraksi satu sama lain melalui pesan dalam eksekusi sebuah

use case. Diagram sekuensial terbentuk dari beberapa notasi, antara

lain :

a) Actor

Aktor digambarkan sebagai simbol actor pada use case.

b) System

Sistem merupakan sebuah kotak digunakan untuk menggambarkan

sistem yang bersangkutan.

c) Lifelines

Lifelines merupakan garis vertikal putus-putus yang

mengindikasikan masa hidup sistem/aktor.


18

d) Activation bars

Activation bars merupakan balok panjang yang diletakkan di atas

lifelines untuk menggambarkan masa waktu terjadinya interaksi

aktif.

e) Input Message

Input message merupakan garis horizontal dengan panah ke kanan

yang berarti terdapat pesan masuk.

f) Output Message

Output message merupakan garis horizontal dengan panah ke kiri

yang berarti terdapat pesan balik.

2.1.7.4 Collaboration Diagram

Menurut Munawar (2005), diagram kolaborasi adalah perluasan dari

obyek diagram. Obyek diagram menunjukkan obyek-obyek yang

hubungannya satu dengan yang lain. Diagram kolaborasi menunjukkan

pesan-pesan obyek yang dikirim satu sama lain.

2.1.8 Metode Pengembangan Perangkat Lunak Multimedia versi

Luther-Sutopo

Metode pengembangan perangkat lunak multimedia versi Luther-

Sutopo memiliki 6 tahap yaitu, concept, design, material collecting,

assembly, testing, dan distribution.

1. Concept

Tahap concept (konsep) adalah tahap untuk menentukan tujuan dan

siapa pengguna program (identifikasi audience). Selain itu

menentukan macam aplikasi (presentasi, interaktif, dll) dan tujuan

aplikasi (hiburan, pelatihan, pembelajaran, dll).

2. Design

Design (perancangan) adalah tahap membuat spesifikasi mengenai

arsitektur program, gaya, tampilan dan kebutuhan material/bahan

untuk program.


19

3. Material Collecting

Material Collecting adalah tahap dimana pengumpulan bahan yang

sesuai dengan kebutuhan dilakukan. Tahap ini dapat dikerjakan

paralel dengan tahap assembly. Pada beberap kasus, tahap Material

Collecting dan tahap Assembly akan dikerjakan secara linear tidak

paralel.

4. Assembly

Tahap assembly (pembuatan) adalah tahap dimana semua objek

atau bahan multimedia dibuat. Pembuatan aplikasi didasarkan pada

tahap design.

5. Testing

Dilakukan setelah selesai tahap pembuatan (assembly) dengan

menjalankan aplikasi/program dan dilihat apakah ada kesalahan

atau tidak. Tahap ini disebut juga sebagai tahap pengujian alpha

(alpha test) dimana pengujian dilakukan oleh pembuat atau

lingkungan pembuatnya sendiri.

6. Distribution

Pada tahap ini, aplikasi akan disimpan dalam suatu media

penyimpanan. Jika media penyimpanan tidak cukup untuk

menampung aplikasinya, kompresi terhadap aplikasi tersebut akan

dilakukan.

2.2 Tinjauan Pustaka

Pemanfaatan basis data multimedia yang berkaitan dengan

pemanfaatan obat tradisional sudah pernah ada yang meneliti. Sumber data

yang digunakan adalah tanaman obat tradisional. Berdasarkan Pote (2011)

membuat sebuah sistem informasi tentang obat-obatan tradisional yang

menyediakan informasi kegunaan obat-obatan tradisional, karakteristik

tanaman obat, dan fasilitas pencarian obat.


20

Rini (2011), peneliti membuat sebuah aplikasi multimedia tentang obat

tradisional yang hanya berisi definisi, kegunaan, kekurangan, dan pemanfaatan

dari tanaman obat. Terdapat informasi mengenai daun berupa gambar dan teks

manfaatnya. Data multimedia yang digunakan adalah hanya berupa gambar.

Supriyati et.al. (2013) juga membuat sebuah sistem informasi

pengobatan tradisional. Di dalam situs terdapat cara pembuatan obat

tradisional secara teks, serta memiliki galeri tanaman obat berupa gambar-

gambar. Obat tradisional yang disajikan berasal dari Jawa. Tidak ada video

cara pembuatan obat tradisional.


21

BAB III

METODOLOGI PENELITIAN

3.1 Sumber Data

Data yang digunakan pada penelitian ini adalah tanaman obat

herbal. Data tersebut didapat dari internet(www.google.com dan

www.youtube.com) dan hanya sebagai sampel/contoh. Format data dari

data penelitian ini berekstensi .jpeg/,png dan .mp4.

3.2 Spesifikasi Alat

a. Spesifikasi Hardware

1) Prossesor Intel(R) Celeron(R) CPU 1000M @ 1.80GHz

2) RAM 4 GB

3) Harddisk 500 GB

b. Spesifikasi Software

1) Sistem Operasi Windows 7

2) NetBeans 8.0

Software ini digunakan untuk membuat program/source code dan

tampilan dari program atau interface.

3) Oracle 11G Enterprise Edition for Microsoft Windows (64 bit).

4) SQL Developer

Software ini digunakan untuk melihat, dan mengelola(menghapus,

menambah, dan mengedit) table dan lain-lain di dalam Oracle

Database.


http://www.google.com/

22

3.3 Tahap - Tahap Penelitian

a. Wawancara

Penulis melakukan wawancara terhadap narasumber agar

mendapatkan informasi yang diperlukan untuk pembangunan sistem

yang akan dibuat. Penulis berperan sebagai pewawancara, sedangkan

narasumbernya merupakan Dosen Farmasi Universitas Sanata Dharma

di bidang obat tradisional. Dari wawancara yang dilakukan, penulis

mendapatkan informasi yaitu sumber referensi buku Acuan Herbal.

b. Studi Pustaka

Pada tahap ini mencari informasi dan menggali dasar teori yang

berkaitan dengan basis data multimedia dan operasi-operasi dasar pada

pengolahan data multimedia. Dalam penelitian ini penulis mempelajari

metode-metode yang digunakan untuk memanipulasi dan

menampilkan data maupun metadatanya di dalam basis data

multimedia. Sementara itu penulis juga mempelajari Image Processing

Oracle Multimedia yang digunakan untuk memanipulasi gambar.

c. Pembangunan Sistem

Metode pembangunan sistem yang digunakan adalah metode

pengembangan multimedia menurut Sutopo (2003). Metode

pengembangan multimedia merupakan salah satu metode yang cocok

digunakan oleh para pengembang perangkat lunak berbasis

Multimedia. Menurut Sutopo (2003), langkah–langkah metode

pengembangan multimedia sebagai berikut :

1) Concept

Pada tahap konsep, penulis menentukan pengguna program yaitu

masyarakat umum termasuk kelompok obat Herbal Garden Team

Fakultas Farmasi. Tujuan dibuat sistem ini adalah untuk


23

memudahkan masyarakat dalam memandu membuat obat

herbal/tradisional.

2) Design

Pada tahap desain, penulis merancang tampilan yang sesuai dengan

tema obat tradisional yaitu lebih ke warna hijau karena bersifat

alami dan warna daun. Bahan yang penulis butuhkan adalah video

pembuatan obat herbal dan informasi mengenai obat tradisional

baik bahannya maupun cara pembuatan secara teks. Penulis juga

mendesain rancangan sistem pada tahap ini.

3) Material Collecting

Pada tahap pengumpulan material, Data image diperoleh dari

www.google.com. Data video diperoleh dari www.youtube.com.

Cara pembuatan obat tradisional diperoleh dari mencatat pengisi

suara video.

4) Assembly

Pada tahap ini penulis membuat program sesuai dengan rancangan

sistem yang telah dibuat pada tahap desain.

5) Testing

Setelah pengkodean selesai, maka penulis akan melakukan uji coba

pada sistem obat tradisional yang telah dibangun. Tujuan dari

testing adalah untuk menemukan kesalahan-kesalahan atau bug

yang terdapat di sistem apabila ada, kemudian dari kesalahan

tersebut dapat diperbaiki. Selanjutnya hasil program yang sudah

tidak ada kesalahan, maka diuji coba terhadap pengguna

(masyarakat dan admin) sebanyak 20 orang untuk mengukur

tingkat kemudahan (ease of use) dan manfaat bagi pengguna juga


http://www.google.com/


24

agar mendapatkan feedback dan saran tentang aplikasi informasi

pembuatan obat tradisional.

6) Distribution

Aplikasi disebarkan ke masyarakat melalui website.


25

BAB IV

ANALISA DAN PERANCANGAN SISTEM

4.1 Concept

Sistem yang dibangun adalah sistem aplikasi informasi obat tradisional

berbasis web yang menggunakan basis data multimedia. Sistem ini

menampilkan suatu penjelasan mengenai obat tradisional secara teks,

gambar, dan video. Tujuan dari sistem ini adalah membantu dan

mempermudah masyarakat dalam membuat obat tradisional. Sistem ini

dibangun dengan bahasa pemrograman Java dan basis data multimedia.

Pengguna program adalah masyarakat umum dan kelompok anggota HGT.

Keberhasilan atau tidaknya program tersebut akan diujikan melalui

kuesioner yang akan dibahas pada bab selanjutnya.

4.2 Design

Pada tahap desain penulis membuat rancangan berdasarkan tahap

Rekayasa Perangkat Lunak Orientasi Obyek (RPL OO). Rancangan yang

penulis buat antara lain diagram use case, skenario use case, Entity

Relationship diagram, diagram kelas, diagram sequence, dan diagram

kolaborasi.


26

4.2.1 Use Case

ADMIN

Tambah Data Obat

Hapus Data Obat

Edit Informasi Obat

Tambah Bahan Obat

Hapus Bahan Obat

Edit Informasi Bahan Obat

Lihat Data Obat

Lihat Bahan Obat

Edit GambarBahan Obat

Reupload Video Obat

Login

Edit Komposisi Obat

Reupload GambarBahan Obat

Cari Data Obat

Lihat Detail Tanaman Obat

Lihat Detail Pembuatan Obat

MASYARAKAT

Gambar 4.1 Diagram Use Case


27

4.2.2 Skenario

Tabel 4.1 Skenario Login

Aplikasi Informasi Pembuatan Obat Tradisional Berbasis Web

Penulis : Martin Nugraha Tanggal : 27 April 2017

Versi : 1.0

Nama Use Case : Login

ID Use Case: OT-01

Prioritas : Tinggi

Sumber : -

Aktor Utama : Admin

Deskripsi Admin login ke halaman admin

Kondisi Awal Admin membuka halaman login admin

Skenario Use Case Aksi Aktor Reaksi Sistem

1. Mengisi username dan

password

2. Menekan tombol Login

3. Cek username dan

password

4. Menampilkan dialog

“Selamat Datang di

Halaman Admin!” di

halaman login-admin.jsp

4. Menampilkan halaman

home admin

Skenario Alternatif 1. Mengisi username dan

password



“Password tidak valid atau

Masih ada teks yang

kosong!” di halaman login-

admin.jsp


28

Tabel 4.2 Skenario Mengedit Informasi Obat



Versi : 1.0

Nama Use Case : Mengedit Informasi Obat

ID Use Case: OT-02

Prioritas : Tinggi

Sumber : -

Aktor Utama : Admin

Deskripsi Admin mengedit informasi data obat tradisional.

Kondisi Awal Admin sudah login


1.Memilih menu

”Pengelolaan Data Obat”

3. Memilih Tombol “Edit

Data Obat”

5. Memilih id obat dan judul

obat pada combobox di

halaman pilih-id-obat

6. Menekan tombol “Edit”

8. Menekan tombol “Edit

Informasi Obat”

11. Mengisi form informasi

obat (judul obat, deskripsi,

refrensi, penyakit dan aturan


pengelolaan-data -obat


pilih-id-obat


pilih jenis edit-obat

9. Menampilkan halaman Edit

Informasi Obat

10. Menampilkan form

informasi obat(judul obat,

deskripsi, refrensi, penyakit

dan aturan pakai) berdasarkan

id tanaman dari database

ObatTradisional


29

pakai)

12. Menekan tombol Edit

13. Menyimpan hasil

pengisian form ke database

ObatTradisional


berhasil tersimpan.

Skenario Alternatif 1 11. Mengisi form informasi

obat

12. Menekan tombol Batal.


pilih-id-obat


obat

12. Menekan tombol Edit.

13. Menampilkan dialog “Edit

Informasi gagal!Cek

kembali!” di halaman edit-

informasi-obat.jsp

Tabel 4.3 Skenario Reupload Video Obat


Penulis : Martin Nugraha Tanggal : 1 Juni 2017

Versi : 1.0

Nama Use Case : Reupload Video Obat

ID Use Case: OT-03

Prioritas : Tinggi

Sumber : -

Aktor Utama : Admin

Deskripsi Admin reupload video cara pembuatan obat.



1.Memilih menu



Data Obat”


pengelolaan-data-obat


30





8. Menekan tombol

“Reupload Video Obat”

11. Menekan tombol Browse

dan cari file Video

12. Menekan tombol

Reupload.


pilih-data-obat




Reupload Video Obat

10. Menampilkan video obat

berdasarkan id obat dari

database ObatTradisional

13. Mengupdate video obat di



Reupload Video Berhasil

Skenario Alternatif 11. Mengisi form pemrosesan

video



pilih-id-obat

Tabel 4.4 Skenario Menambah Data Obat



Versi : 1.0

Nama Use Case : Menambah Data Obat

ID Use Case: OT-04

Prioritas : Tinggi

Sumber : -

Aktor Utama : Admin


31

Deskripsi Admin menambah data obat.



1.Memilih menu


3. Memilih Tombol “Tambah

Data Obat”

5. Memilih jumlah komposisi

pada combobox di halaman

tambah-obat.jsp

6. Menekan tombol Lanjut


obat(judul obat, deskripsi, id

tanaman, refrensi, penyakit

dan aturan pakai) dan video

pembuatan obat

9. Menekan tombol

“Tambah”




tambah data obat


tambah-obat-lanjutan.jsp

10. Menyimpan data obat di


11. Menampilkan pesan

dialog ”Tambah data obat

berhasil” di halaman tambah-

obat.jsp

Skenario Alternatif 5. Mengisi form informasi

bahan obat(judul obat,

deskripsi, id tanaman,

refrensi, penyakit dan aturan

pakai) dan video pembuatan

obat

6. Menekan tombol

“Tambah”


“Terdapat teks field yang

kosong!” di halaman tambah-

obat-lanjutan.jsp


32

Tabel 4.5 Skenario Menghapus Data Obat



Versi : 1.0

Nama Use Case : Menghapus Data Obat

ID Use Case: OT-05

Prioritas : Tinggi

Sumber : -

Aktor Utama : Admin

Deskripsi Admin menghapus data obat.



1.Memilih menu



Data Obat”


obat pada combo box

6. Menekan tombol “Hapus”




Pilih ID obat

7. Menghapus data obat di


8. Menampilkan pesan dialog

berha ”Data Obat Berhasil Di

Hapus!” di halaman pilih-

data-obat.jsp

Skenario Alternatif 5. Memilih Option “Pilih ID

Obat dan Judul Obat” pada

combo box”


7. Menampilkan dialog “Anda

belum memilih id obat yang

akan di edit/dihapus!” di

halaman pilih-data-obat.jsp


33

Tabel 4.6 Skenario Mengedit Komposisi Obat



Versi : 1.0

Nama Use Case : Mengedit Informasi Obat

ID Use Case: OT-06

Prioritas : Tinggi

Sumber : -

Aktor Utama : Admin

Deskripsi Admin mengedit komposisi pada obat



1.Memilih menu



Data Obat”






Informasi Obat”


Komposisi Obat




pilih-id-obat




Informasi Obat


informasi obat(judul obat,)

berdasarkan id tanaman dari


12. Menampilkan form edit

komposisi obat (id obat, dan

data tanaman(nama tanaman,

dan komposisi))


34

13. Mengisi form edit



dan komposisi))


15. Menyimpan hasil

pengisian ke database

Komposisi Obat

16. Menampilkan dialog Edit

Komposisi Obat Berhasil di

halaman edit-informasi-

komposisi-obat

Skenario Alternatif 1 11. Mengisi form edit



dan komposisi))



pilih-id-obat




dan komposisi))

12. Menekan tombol Hapus


“Komposisi Obat minimal

harus 1!” di halaman edit-

informasi-komposisi-obat




dan komposisi))

12. Menekan tombol Hapus.


“Hapus Salah Satu Komposisi

Obat Berhasil!” di halaman

edit-informasi-komposisi-obat




dan komposisi))

12. Menekan tombol Edit.

13. Menampilkan dialog “Edit

Informasi gagal!Cek kembali!

di halaman edit-informasi-

komposisi-obat


35

Tabel 4.7 Skenario Melihat Data Obat



Versi : 1.0

Nama Use Case : Melihat Data Obat

ID Use Case: OT-07

Prioritas : Tinggi

Sumber : -

Aktor Utama : Admin

Deskripsi Admin melihat daftar data obat tradisional.



1.Memilih menu


3. Memilih Tombol “Daftar

Obat”


pengelolaan data obat

4. Menampilkan data obat

dari database

ObatTradisional di halaman

daftar obat.

Tabel 4.8 Skenario Melihat Bahan Obat


Penulis : Martin Nugraha Tanggal : 23 Maret 2017

Versi : 1.0

Nama Use Case : Melihat Data Bahan Obat

ID Use Case: OT-08

Prioritas : Tinggi

Sumber : -

Aktor Utama : Admin

Deskripsi Admin melihat daftar bahan obat.




36

1.Memilih menu

”Pengelolaan Data Bahan

Obat”

3. Memilih Tombol “Daftar

Bahan Obat”


pengelolaan data bahan

obat

4. Menampilkan data bahan

obat dari database

TanamanObat di halaman

daftar bahan obat.

Tabel 4.9 Skenario Menambah Bahan Obat



Versi : 1.0

Nama Use Case : Menambah Bahan Obat

ID Use Case: OT-09

Prioritas : Tinggi

Sumber : -

Aktor Utama : Admin

Deskripsi Admin menambah bahan obat.



1.Memilih menu


Obat”

3. Memilih Tombol “Tambah

Bahan Obat”


bahan obat(nama tanaman,

deskripsi, indikasi, efek

samping, dan refrensi) dan

mengupload gambar bahan

obat

6. Menekan tombol


pengelolaan-data-bahan-obat


tambah bahan obat


37

“Tambah”

7. Menyimpan informasi

bahan tanaman


berha ”Tambah data bahan

obat berhasil” di halaman

tambah-bahan-obat.jsp

Skenario Alternatif 5. Mengisi form informasi

bahan obat(nama tanaman,

deskripsi, indikasi, efek

samping, dan refrensi) dan

gambar bahan obat

6. Menekan tombol

“Tambah”


“Masih ada teksfield yang

kosong!”

Tabel 4.10 Skenario Menghapus Bahan Obat



Versi : 1.0

Nama Use Case : Menghapus Bahan Obat

ID Use Case: OT-10

Prioritas : Tinggi

Sumber : -

Aktor Utama : Admin

Deskripsi Admin menghapus bahan obat.



1.Memilih menu


Obat”


Bahan Obat”




pilih file


38

5. Memilih ID Tanaman dan

Tanaman pada combo box.


7. Menghapus data tanaman

di database TanamanObat


“Data Bahan Obat Berhasil Di

Hapus!” di pilih-file.jsp

Skenario Alternatif 1 5. Memilih option “Pilih ID

Tanaman dan Nama

Tanaman”


7. Menampilkan dialog"Anda

belum memilih id tanaman

yang akan di edit!" di

halaman pilih-file.jsp

Skenario Alternatif 2 5. Memilih option ID

Tanaman dan Nama Tanaman



“Gagal menghapus karena

data tanaman dipakai di data

obat! Hapus data obat terlebih

dahulu!” di halaman pilih-

file.jsp

Tabel 4.11 Skenario Mengedit Gambar Bahan Obat



Versi : 1.0

Nama Use Case : Mengedit Gambar Bahan Obat

ID Use Case: OT-11

Prioritas : Tinggi

Sumber : -

Aktor Utama : Admin

Deskripsi Admin mengedit gambar dari bahan obat.



39


1.Memilih menu


Obat”


Bahan Obat”





Gambar Bahan Obat”

11. Mengisi form pemrosesan

gambar(watermarking, rotasi,

flip, sharpen) di halaman edit-

gambar-bahan-obat

12. Menekan tombol Preview.





pilih file


pilih jenis edit


Gambar Bahan Obat

10. Menampilkan gambar

tanaman berdasarkan id

tanaman dari database

TanamanObat

13. Menyimpan gambar di

database Previewtanaman

14. Menampilkan gambar di

halaman Edit Gambar Bahan

Obat


Preview Gambar Berhasil!


database TanamanObat


Gambar Berhasil! di halaman

edit-gambar-bahan-obat.jsp

Skenario Alternatif 1 11. Mengisi form pemrosesan



40


gambar- bahan-obat



pilih file.jsp




gambar-bahan-obat



Preview atau Edit gagal!Cek

kembali! di halaman edit-

gambar-bahan-obat.jsp




gambar-bahan-obat




database Previewtanaman

14. Menampilkan gambar di

halaman Edit Gambar Bahan

Obat


Preview Gambar Berhasil!


Preview atau Edit gagal!Cek

kembali! di halaman edit-

gambar-bahan-obat.jsp

Tabel 4.12 Skenario Mengedit Informasi Bahan Obat



Versi : 1.0

Nama Use Case : Mengedit Informasi Bahan Obat

ID Use Case: OT-12

Prioritas : Tinggi

Sumber : -


41

Aktor Utama : Admin

Deskripsi Admin mengedit informasi dari bahan obat.



1.Memilih menu


Obat”


Bahan Obat”





Informasi Bahan Obat”


tanaman obat





pilih file


pilih jenis edit


Informasi Bahan Obat


informasi tanaman obat(nama

tanaman, deskripsi, indikasi,

efek samping, dan refrensi)

berdasarkan id tanaman dari

database TanamanObat

13. Menyimpan hasil

pengisian form ke database

TanamanObat


Informasi Bahan Obat

Berhasil!.


tanaman obat

12. Menekan tombol Batal


pilih-file.jsp


42


tanaman obat



Edit Informasi Gagal!Cek

Kembali!.

Tabel 4.13 Skenario Reupload Gambar Bahan Obat



Versi : 1.0

Nama Use Case : Reupload Video Obat

ID Use Case: OT-13

Prioritas : Tinggi

Sumber : -

Aktor Utama : Admin

Deskripsi Admin reupload video cara pembuatan obat.



1.Memilih menu


Obat”


Data Bahan Obat”



halaman pilih-data-obat



Gambar Bahan Obat”

10. Menekan tombol Re-




pilih-data-obat



9. Menampilkan halaman edit

gambar bahan obat.jsp


43

upload

13. Menekan tombol Browse

dan cari file Gambar

14. Menekan tombol

Reupload.


Re-upload Gambar

12. Menampilkan gambar

tanaman berdasarkan id

tanaman dari database

TanamanObat

15. Mengupdate gambar

tanaman di database

TanamanObat


Reupload Gambar Berhasil di

halaman reupload-gambar.jsp

Skenario Alternatif 13. Menekan tombol Browse

dan cari file Gambar

14. Menekan tombol

Reupload.


Reupload Gambar Gagal di

halaman reupload-gambar.jsp

Tabel 4.14 Skenario Melihat Detail Pembuatan Obat



Versi : 1.0

Nama Use Case : Melihat Detail Pembuatan Obat

ID Use Case: OT-14

Prioritas : Tinggi

Sumber : -

Aktor Utama : User

Deskripsi User dapat melihat detail pembuatan obat

Kondisi Awal User berada di halaman beranda


1. Memilih salah satu daftar

resep obat tradisional di


44

halaman beranda.

2. Menampilkan data obat di

halaman detail-obat.jsp

Tabel 4.15 Skenario Mencari Data Obat



Versi : 1.0

Nama Use Case : Mencari Data Obat

ID Use Case: OT-15

Prioritas : Medium

Sumber : -

Aktor Utama : User

Deskripsi User dapat mencari obat di halaman pencarian obat



1. Memilih menu Pencarian

Obat

3. Mengisi teksfield dengan

penyakit yang diderita

4. Menekan tombol Cari


pencarian-obat.jsp

5. Menampilkan hasil

pencarian di halaman

pencarian-obat.jsp

Tabel 4.16 Skenario Melihat Detail Tanaman Obat



Versi : 1.0

Nama Use Case : Melihat Detail Tanaman Obat

ID Use Case: OT-16

Prioritas : Medium


45

Sumber : -

Aktor Utama : User

Deskripsi User dapat melihat deskripsi tanaman obat



1. Memilih menu Galeri

Tanaman Obat

3.Memilih salah satu

tanaman obat di halaman

galeri-tanaman-obat.jsp


galeri-tanaman-obat.jsp


detail-tanaman-obat.jsp


46

4.2.3 Entity Relationship Diagram

ADMIN

OBATTRADISIONAL TANAMANOBATM MKOMPOSISI

OBAT

PREVIEWTANAMAN

IDOBATJUDULOBAT

DESKRIPSI

REFRENSI

INDIKASI

VIDEOOBAT

IDTANAMANNAMA

TANAMANDESKRIPSI

INDIKASI EFEKSAMPING

REFRENSI

GAMBARTANAMAN

IDOBAT

KOMPOSISI

IDTANAMAN

PASSWORDUSERNAME

NOMOR PREVIEWGAMBAR

Gambar 4.2 Entity Relationship Diagram


47

4.2.4 Diagram Kelas Keseluruhan

login-admin.jsp

username : teksfieldpassword : teksfieldmasuk : buttonkembali : button

Koneksi

-password : String

+Koneksi()+getDBConnection() : Connection

-jdbcUrl : String-userId : String

-conn : Connection

ObatTradisionalKontrol

+ObatTradisionalKontrol()+BuatIdOtomatisObat() : String+idKosongObat() : String+reuploadVideo(OrdHttpUploadFile,

ObatTradisional) : void+simpanKomposisiObat(KomposisiObat) : void+tambahObat(OrdHttpUploadFile,

ObatTradisional) : void+TampilSemuaObat() : List<ObatTradisional>+TampilVideoObat(String) : ObatTradisional+TampilInformasiSatuObat(String) :

ObatTradisional+TampilKomposisiObat() : List<KomposisiObat>+TampilKomposisiSatuObat(String) :

KomposisiObat+updateKomposisiObat(KomposisiObat,

String[]) : void+updateInformasiObat(ObatTradisional) : void+hapusSatuKomposisi(KomposisiObat, int):void+hapusDataObat(String) : void+jumlahDataKomposisi() : int+jumlahDataObatUnique(): int+jumlahDataTanamanSetiapObat(String) : int+cariDataObat(String) : List<ObatTradisional>

TanamanObatKontrol

+buatIdPreviewTanaman() : int+BuatIdOtomatis() : String+idKosong() : String+reuploadGambar(OrdHttpUploadFile,

TanamanObat) : void+tambahTanamanObat(OrdHttpUploadFile,

TanamanObat) : void+simpanTempGambar(String) : void+updateInformasiTanaman(TanamanObat) : void+editFlipPreviewGambarTanaman() : void+editCompressPreviewGambarTanaman(String) : void+editRotasiPreviewGambarTanaman(String) : void+editWatermarkPreviewGambarTanaman(String, int,

String, String[]) : void+editGambarTanaman(String, int) : void+hapusSemuaPreviewTanaman() : void+hapusSatuTanamanObat(String) : void+TampilInformasiSatuTanaman(String) : TanamanObat+TampilGambarSatuTanaman(String) : TanamanObat+TampilGambarSatuTanamanTemp(int) : TanamanObat+tampilTanamanObatUrutNama() : List<TanamanObat>+tampilTanamanObatTerbaru() : List<TanamanObat>

LoginServlet

+processRequest(HttpServletRequest, HttpServletResponse) : void+doGet(HttpServletRequest. HttpServletResponse) : void+doPost(HttpServletRequest. HttpServletResponse) : void

E

BA

C D

Gambar 4.3 Diagram Kelas Keseluruhan Bagian 1


48

KomposisiObat

-namaTanaman : String[]

+getIdObat() : String+setIdObat(String) : void+getIdTanaman() : String[]+setIdTanaman(String[]) : void+getNamaTanaman(): String[]+setNamaTanaman(String[]) : void+getKomposisi() : String[]+setKomposisi(String[]) : void

-idObat : String-idTanaman : String[]

-komposisi : String[]

ObatTradisional

-deskripsi : String

+getIdObat() : String+setIdObat(String) : void+getJudulobat() : String+setJudulobat(String) : void+getIndikasi() : String+setIndikasi(String) : void+getDeskripsi() : String+setDeskripsi(String) : void+getRefrensi() : String+setRefrensi(String) : void+getVideoObat() : OrdVideo+setVideoObat(OrdVideo) : void+getPenyakit() : String+setPenyakit(String) : void+getAturanpakai() : String+setAturanpakai(String) : void

-idObat : String-judulobat : String

-indikasi : String-refrensi : String

-videoObat : OrdVideo

TanamanObat

-deskripsi : String

+getIdTanaman() : String+setIdTanaman(String) : void+getNamatanaman() : String+setNamatanaman(String) : void+getIndikasi() : String+setIndikasi(String) : void+getDeskripsi() : String+setDeskripsi(String) : void+getEfeksamping() : String+setEfeksamping(String) : void+getRefrensi() : String+setRefrensi(String) : void+getGambartanaman() : OrdImage+setGambartanaman(OrdImage) : void

-idTanaman : String-namaTanaman : String

-indikasi : String

-refrensi : String-gambartanaman : OrdImage

-efeksamping : String-penyakit : String-aturanpakai : String

DC



49

EditInformasiKomposisiObatServlet


EditInformasiObatServlet


ReuploadVideoServlet


TentukanKomposisiServlet


UploadObatServlet


edit-informasi-komposisi-obat.jsp

idobat : teksfieldidtanamansebelum : hiddenidtanaman : comboboxjumlahBahan : teksfieldsatuan : comboboxhapus : buttonedit : buttonkembali : button

edit-informasi-obat.jsp

idobat : teksfieldjudulobat : teksfielddeskripsi : teksfieldindikasi : teksfieldrefrensi : teksfieldedit : buttonbatal : buttontomboleditkomposisi : buttoninformasipenyakit : teksfieldaturanpakai : teksfield

pilih-data-obat.jsp

idObat : comboboxedit : buttonhapus : button

reupload-video-obat.jsp

file : fileidobat: hiddenreupload : buttonkembali : button

tambah-obat.jsp

jumlah : comboboxlanjut : button

A

F

tambah-obat-lanjutan.jsp

idobat : teksfieldjudulobat : teksfielddeskripsi : teksfieldindikasi : teksfieldjumlah : hiddenidtanaman : comboboxjumlahBahan : teksfieldsatuan : comboboxfile : filerefrensi : teksfieldTambah : buttoninformasipenyakit : teksfieldaturanpakai : teksfield

pilih-jenis-edit-obat.jsp

EditInformasiObatButton : buttonReuploadVideoButton : button

halaman-pengelolaan-data-obat.jsp

daftarObatButton : buttontambahObatButton : buttoneditObatButton : button

daftar-obat.jsp

videohandler.jsp

G



50

beranda.jsp

pencarian-obat.jsp

cariobat : teksfieldtombolcari : button

F

detail-obat.jsp



51

EditGambarBahanObatServlet


EditInformasiBahanObatServlet


ReuploadGambarServlet


UploadBahanObatServlet


daftar-bahan-obat.jsp

detail-tanaman-obat.jsp

edit-gambar-bahan-obat.jsp

idtanaman : teksfieldrotasi : radioflip : checkboxwatermark : checkboxwatermarktext : teksfieldfontname : comboboxfontstyle : comboboxfontsize : comboboxtextcolor : comboboxtransparency : comboboxpositionx : comboboxpositiony : comboboxcompression : comboboxedit : buttonreupload : buttonbatal : button

edit-informasi-bahan-obat.jsp

idtanaman : teksfieldnamatanaman : teksfielddeskripsi : teksfieldindikasi : teksfieldefeksamping : teksfieldrefrensi : teksfieldedit : buttonbatal : button

galeri-tanaman-obat

halaman-pengelolaan-data-bahan-obat.jsp

daftarBahanObatButton : buttontambahBahanObatButton : buttoneditBahanObatButton : button

photohandler.jsp

pilih-file.jsp

idtanaman : comboboxedit : buttonhapus : button

pilih-jenis-edit.jsp

EditInformasiBahanObatButton : buttonEditGambarBahanObatButton : button

preview-obat-handler.jsp

reupload-gambar.jsp

file : fileidtanaman: hiddenreupload : buttonkembali : button

tambah-bahan-obat.jsp

idtanaman : teksfieldnamatanaman : teksfielddeskripsi : teksfieldindikasi : teksfieldefeksamping : teksfieldrefrensi : teksfieldfile : filetambah : button

BH



52

home-admin.jsp

logout.jsp

E

G

H



53

4.2.5 Diagram Sequence

ADMIN

<<View>>login-

admin.jsp

1. Mengisi usernamedan password


<<Control>>LoginServlet

3. Mengirim hasil pengisian form Login

<<Tabel>>Admin

4. Cek Username dan Password

5. Redirect

<<View>Home-

admin.jsp

6. Menampilkan dialog "Selamat Datang

di Halaman Admin"

7. Redirect

Gambar 4.9 Diagram Sequence Admin: Login


54

Admin<<View>>

home-admin.jsp

<<View>>halaman-pengelolaan-

data-obat.jsp

1. Memilih menu halaman-pengelolaan-

data-obat.jsp


mengelola

obat

3. Menekan tombol “Edit Data Obat”

<<View>>pilih-data-

obat.jsp

<<View>>pilih-jenis-edit-

obat.jsp

<<Controller>>ObatTradisional

Kontrol.java

<<View>>edit-informasi-

obat.jsp

<<Control>>EditInformasiObatServlet

<<Model>>ObatTradisional


pilih-data-obat.jsp 5. TampilSemuaObat()6. Ambil data

obat

8. Pilih id obat dan nama judul obat

9. Tekan tombol Edit10. Tampil halaman


11. Tekan tombol Edit Informasi Obat12. Tampilhalaman


13. TampilInformasiSatuObat(id obat) 14. Ambil satu data obat

16. Mengubah isi form edit informasi obat(judul obat, deskripsi, indikasi, refrensi, informasi penyakit dan aturan pakai)


19. updateInformasiObat() 20. Edit Informasi

Obat

18. Mengirim hasil pengisian form

21. Redirect

22. Redirect

23. Menampilkan dialog edit informasi

obat berhasil

<<Tabel>>ObatTradisional

7. Query select tabelObatTradisional

15. Query select tabelObatTradisional

Gambar 4.10 Diagram Sequence Admin: Mengedit Informasi Obat


55

Admin<<View>>

home-admin.jsp


data-obat.jsp


data-obat.jsp


mengelola

obat


<<View>>pilih-data-

obat.jsp


obat.jsp


Kontrol.java

<<View>>reupload-video-

obat.jsp

<<Control>>ReuploadVideo

Servlet



pilih-data-obat.jsp 6. Ambil data obat




11. Tekan tombol Reupload Video Obat 12. Tampilhalaman

reupload-video-obat.jsp

13. Panggil videohandler.jsp 15. Ambil satu data

video obat

18. Menekan tombol Browse dan memilih file video

19. Menekan tombol Reupload

21. reuploadVideo(upload file, obat) 22. Ubah data video

obat

24. Menampilkandialog "ReuploadVideo Berhasil"

<<View>>videohandler

.jsp

5. TampilSemuaObat()

14. TampilVideoObat()

17. Mengembalikandata video obat

20. Mengirim hasilupload file ke reuploadvideo

servlet

23. Redirect


7. Query select tabel

ObatTradisional


ObatTradisional

Gambar 4.11 Diagram Sequence Admin: Reupload Video Obat


56

Admin<<View>>

home-admin.jsp


data-obat.jsp

<<View>>tambah-obat.jsp

<<Control>>UploadObatServlet



data-obat.jsp2. Menampilkan

halaman mengelola

obat

3. Menekan tombol “Tambah Obat”4. Menampilkan

halaman tambah obat

14. Mengisi form tambah informasi obat (Judul Obat, Deskripsi, Indikasi, referensi, informasi penyakit dan aturan pakai) dan upload video obat

9. Buat ID Obat

13. Mengembalikan nilai ID Obat dan Data Tanaman Obat

8. Redirect

<<Control>>ObatTradisional

Kontrol

26. Menampilkan dialog tambah obat berhasil

<<View>>tambah-obat-lanjutan.jsp

<<Control>>Tentukan

KomposisiServlet

5. Memilih jumlah komposisi pada combobox

6. Menekan tombol Lanjut 7. Mengirim parameter

Jumlah

<<Model>>TanamanObat

<<Control>>TanamanObat

Kontrol

11. Ambil data tanaman obat


<<Model>>KomposisiObat

25. Redirect

20. Simpan data Obat

17. tambahObat(video obat, obattradisional)

21. simpanKomposisiObat(komposisi)


<<Tabel>>TanamanObat

<<Tabel>>KomposisiObat

10. tampilTanamanObatTerbaru

15. Menekan tombol Tambah

12. Select query tabel TanamanObat

19. get obattradisional

18. Set obattradisional

24. Simpan data Komposisi Obat

22. Set komposisiobat

23. Get komposisiobat

Gambar 4.12 Diagram Sequence Admin: Menambah Data Obat


57

ADMIN<<View>>

home-admin.jsp


data-obat.jsp

<<View>>pilih-data-

obat.jsp


obat.jsp


Kontrol.java

<<Model>>

ObatTradisional


data-obat.jsp


mengelola

obat

3. Menekan tombol “Edit Data Obat” 4. Menampilkan halamanpilih-dataobat.jsp

8. Pilih id obat dan judul obat

9. Tekan tombol Hapus

5. tampilSemuaObat() 6. Ambil data obat

10. Mengirim data obat(id obat dan

judul obat)11. HapusData

Obat(idobat12. Menghapus data

obat13. Redirect()

14. Menampilkan dialog "Data Obat

Berhasil Di Hapus!"

<<Tabel>>

ObatTradisional


ObatTradisional

Gambar 4.13 Diagram Sequence Admin: Menghapus Data Obat


58

Admin<<View>>

home-admin.jsp


data-obat.jsp


data-obat.html


mengelola

obat


<<View>>pilih-data-

obat.jsp


obat.jsp


Kontrol.java


obat.jsp

<<Control>>EditInformasi

KomposisiObatServlet



pilih-data-obat.jsp 5. TampilSemuaObat() 6. Ambil data obat




11. Tekan tombol Edit Informasi Obat 12. Tampilhalaman


13. TampilInformasiSatuObat(id obat) 14. Ambil satu data obat

16. Menekan tombol Edit Komposisi Obat


komposisi-obat.jsp



18. TampilKomposisiSatuObat() 19. Ambil satu data komposisi

<<Controller>>TanamanObatKontrol.java

17.Tampilhalaman

edit komposisi

20. tampilTanamanObatTerbaru() 21. Ambil data tanaman

23. Mengisi form edit komposisi onat (data tanaman(id tanaman dan nama tanaman) dan komposisi)

24. Menekan tombol Edit 25. Mengirim hasil pengisian form

29. Edit komposisi obat

28. updateKomposisi Obat(komposisi obat(id

obat, id tanaman,& komposisi),id tanaman

sebelum)30. Redirect

31. Menampilkan dialog "Edit Komposisi

obat berhasil!"





TanamanObat

7. Query select tabel ObatTradisional


26. Set komposisiobat

27. Get komposisiobat

Gambar 4.14 Diagram Sequence Admin: Mengedit Komposisi Obat


59

<<View>>home-admin.jsp

<<View>>halaman-pengelolaan-data-

obat.jspAdmin


data-obat.html

<<View>>daftar-obat.jsp

<<Controller>>ObatTradisionalKontrol



mengelola

data obat

3. Menekan tombol “Daftar Obat” 4. Menampilkan halaman

daftar obat

9. Ambil data obat

11. Mengembalikan data obat


5. Panggil videohandler 6. tampilVideoObat

7. Ambil data obat


8. tampilSemuaObat()10. Select query tabel

ObatTradisional

Gambar 4.15 Diagram Sequence Admin: Melihat Data Obat


60

<<View>>home-admin.jsp

<<View>>halaman-pengelolaan-data-

bahan-obat.jspAdmin

1. Memilih menu halaman-pengelolaan-data-bahan-obat.html

<<View>>daftar-bahan-

obat.jsp

<<Controller>>TanamanObatKontrol



mengelola

bahan obat

3. Menekan tombol “Daftar Bahan Obat” 4. Menampilkan halaman

daftar bahan obat

8. tampilTanaman

ObatTerbaru()

10. Mendapatkan data tanaman obat

<<View>>photohandler.jsp

5. Panggil photohandler6. tampilGambarSatu

Tanaman 7. Ambil data gambar tanaman


9. Ambil data tanaman obat

Gambar 4.16 Diagram Sequence Admin: Melihat Bahan Obat


61

Admin<<View>>

home-admin.jsp


data-bahan-obat.jsp

<<View>>tambah-bahan-

obat.jsp

<<Control>>UploadBahanObat

Servlet




mengelola

bahan obat

3. Menekan tombol “Tambah Bahan Obat”4. Menampilkan

halaman tambah bahan obat

6. Mengisi form informasi bahan obat (nama tanaman, deskripsi, indikasi,

efek samping, dan refrensi) dan upload gambar bahan obat

7. Menekan tombol Tambah

5. Buat ID Tanaman

8. Mengirim Hasil Pengisian Form


Kontrol

9. tambahTanamanObat()

10. Menyimpandata

TanamanObat11. Redirect

12. Menampilkan dialog tambah

bahan obat berhasil

Gambar 4.17 Diagram Sequence Admin: Menambah Bahan Obat


62

ADMIN<<View>>

home-admin.jsp


data-bahan-obat.jsp

<<View>>

pilih-file.jsp

<<View>>pilih-jenis-

edit.jsp

<<Controller>>TanamanObat

Kontrol.java

<<Model>>

TanamanObat



mengelola

bahan obat

3. Menekan tombol “Edit Bahan Obat” 4. Menampilkan halaman

pilih-file.jsp

8. Pilih id tanaman dan nama tanaman

9. Tekan tombol Hapus

5. tampilTanamanObatTerbaru() 6. Ambil data tanaman obat

10. Mengirim data tanaman 11. HapusSatu

Tanaman(idtanaman)12. Menghapus data

tanaman13. Redirect()

14. Menampilkan dialog "Data Bahan Obat

Berhasil Di Hapus!"

<<Tabel>>

TanamanObat

7. Query select TanamanObat

Gambar 4.18 Diagram Sequence Admin: Menghapus Bahan Obat


63

Admin<<View>>

home-admin.jsp

<<View>>halaman-pengelolaan-data-bahan-obat.jsp



mengelola

bahan obat

3. Menekan tombol “Edit Bahan Obat”

<<View>>pilih-file.jsp


edit.jsp




pilih-file.jsp 5. tampilTanamanObatTerbaru() 6. Ambil data tanaman obat


9. Tekan tombol Edit 10. Tampil halaman


11. Tekan tombol Edit Informasi Bahan Obat12. Tampilhalaman

edit-gambar-bahan-obat.

jsp

20. Mengisi isi form edit meta data gambar tanaman (rotasi, proses flip, watermarking, dan kompres gambar)

21. Menekan tombol Preview

23. Updategambar

previewtanaman 24. Edit Preview Tanaman


25. Redirect

<<View>>edit-gambar-

bahan-obat.jsp

<<Control>>EditGambar

BahanObatServlet

<<View>>photohandler

.jsp

<<View>>preview-obat-

handler.jsp

<<Tabel>>PreviewTanaman

13. Panggil photohandler.jsp

14. TampilGambarSatuTanaman() 15. Ambil data gambar

tanaman obat

15. Kirim gambar ke halaman edit-gambar-

bahan-obat.jsp

16. Panggil preview-obat-handler.jsp

17. TampilGambarSatuTanamanTemp() 18. Ambil data gambar

preview tanaman


bahan-obat.jsp

22. Cek tombol Preview dan mengirim hasil pengisian form edit gambar


Preview Gambar Berhasil

28. Cek tombol Edit 29. Update gambar tanaman obat 30. Edit Gambar

Tanaman Obat31. HapusSemuaPreviewTanaman() 32. Hapus semua

data Preview Tanaman

33. Redirect()


Gambar Berhasil

35. Redirect


7. Query "Select" tabel TanamanObat

Gambar 4.19 Diagram Sequence Admin: Mengedit Gambar Bahan Obat


64

Admin<<View>>

home-admin.jsp




mengelola

bahan obat




edit.jsp


<<View>>edit-informasi-bahan-obat.jsp

<<Control>>EditInformasi

BahanObatServlet








edit-informasi-bahan-obat.

jsp13. TampilInformasiSatuTanaman(id tanaman)

14. Ambil satu data tanaman obat

16. Mengubah isi form edit informasi bahan obat(nama tanaman, deskripsi, indikasi, efek samping, dan refrensi)


19. updateInformasiTanaman() 20. Edit Informasi

Tanaman


21. Redirect

22. Redirect

23. Menampilkan dialog edit

informasi bahan obat berhasil


7. Query select Tanaman Obat

15. Query select Tanaman Obat

Gambar 4.20 Diagram Sequence Admin: Mengedit Informasi Bahan Obat


65

Admin<<View>>

home-admin.jsp




mengelola

bahan obat




edit.jsp









edit-gambar-bahan-obat.

jsp

22. Menekan tombol Reupload

<<View>>edit-gambar-

bahan-obat.jsp

<<Control>>Reupload

GambarServlet


.jsp

<<View>>preview-obat-

handler.jsp

<<Tabel>>PreviewTanaman



tanaman obat


bahan-obat.jsp

18. Panggil preview-obat-handler.jsp

19. TampilGambarSatuTanamanTemp() 20. Ambil data gambar

preview tanaman


bahan-obat.jsp

<<View>>reupload-

gambar.jsp

23. Menampilkan halaman reupload-gambar.jsp



tanaman obat

28. Menampilkan gambar tanaman

29. Menekan tombol Browse dan memilih file gambar

30. Menekan tombol Reupload 31. Mengirim hasilupload file ke

reuploadgambarservlet

32. reuploadGambarServlet(hasil upload,

tanaman obat) 33. Ubah data gambartanaman

34. hapusSemuaPreviewTanaman()

35. Hapus semua data Preview

36. SimpanTempGambar(id tanaman) 37. Simpan preview

tanaman 38. Redirect

39. Menampilkan dialog Reupload

Gambar Berhasil!


7. Query select tabel TanamanObat

16. Query select gambar tabel TanamanObat


Gambar 4.21 Diagram Sequence Admin: Reupload Gambar Bahan Obat


66

MASYARAKAT<<View>>beranda

<<View>>detail-obat



Kontrol



1. TampilSemuaObat2. Ambil semua data obat

4. Menampilkan halaman beranda

5. Memilih satu data obat6. Menampilkan detail

obat 7. tampilInformasiSatuObat(id obat)8. Ambil satu data obat

10. tampilKomposisiSatuObat(id obat) 11. Ambil data komposisi obat

13. panggil videohandler14. tampilVideoObat

15. Ambil data video obat

17. Menampilkan video





12. Query select tabel KomposisiObatjoin tabel ObatTradisional dan TanamanObat


Gambar 4.22 Diagram Sequence Masyarakat: Melihat Detail Pembuatan Obat


67

MASYARAKAT

<<View>>pencarian-

obat.jsp


Kontrol

1. Masukan penyakit yang diderita

2. Menekan tombol Cari


3. cari Data Obat 4. Ambil data obatberdasarkan kata kunci obat

c


5. Query select tabel obatTradisional

Gambar 4.23 Diagram Sequence Masyarakat: Mencari Data Obat


68

MASYARAKAT

<<View>>galeri-tanaman-

obat

<<View>>detail-

tanaman-obat



Kontrol


1. TampilTanamanObatUrutNama2. Ambil semua data

tanaman obat


galeri-tanaman-obat

5. Memilih satu tanaman obat 6. Menampilkan detail

tanaman obat 7. tampilInformasiSatuObat(id obat)8. Ambil satu data obat

10. panggil videohandler11. tampilVideoObat

12. Ambil data video obat

14. Menampilkan video




13. Query select video tabel TanamanObat

Gambar 4.24 Diagram Sequence Masyarakat: Melihat Detail Tanaman Obat


69

4.2.1 Diagram Kolaborasi Keseluruhan Kelas

Gambar 4.25 Diagram Kolaborasi User


70

Gambar 4.26 Diagram Kolaborasi Admin


71

4.3 Material Collecting

Pada tahap ini penulis mengumpulkan data/bahan sesuai dengan

kebutuhan.

Tabel 4.17 Material Collecting

Topik Gambar Sumber Video Sumber

Halaman

Beranda

1. Adminjpg.jpg

2. GambarObat

Tradisional.jpg

3. daun1.jpg

4. tanaman1.jpg

5.logo-universitas-

sanata-

dharma.jpg

Google.com

Halaman

detail

obat

1. daun4.jpg

2. daun5.jpg

Google.com

Halaman

detail

tanaman

obat

1. daun2.jpg

2. daun3.jpg

Google.com

Gambar

Tanaman

Obat

1.bawang-merah

.jpg

2.Buah-Mengkudu

.jpg

3.daun-jambu-biji

.jpg

4. daun-kumis-

kucing.jpg

5.Daun-Pepaya.jpg

6.Daun-Salam.jpg

7.daun-sambiloto

.jpg

8. daun-seledri.jpg

9. jeruk-nipis.jpg

10.Rimpang-

Lengkuas.jpg

11.rimpang-

temulawak.jpg

Google.com


72

Video

Obat

1.Cara

Menurunkan

Demam Dengan

Ramuan Herbal

Sehari-hari –

YouTube.mp4

2.Cara Mengolah

Ramuan Herbal

Daun Jambu Biji

Untuk Mengatasi

Diare –

YouTube.mp4

3.Cara Mengolah

Daun Seledri

Untuk Atasi

Hipertensi.mp4

4.Cara Mengolah

Mengkudu Untuk

Mengatasi Nyeri

Haid.mp4

5.Obat Herbal

Ginjal - Pembersih

Ginjal Alami

Dengan Seledri –

YouTube.mp4

6.Daun Jambu Biji

Sebagai Obat

Penyakit Jantung -

YouTube.MP4

Youtube.com


73

4.4 Assembly

Pada tahap ini dilakukan pembuatan program (coding) berdasar desain

sistem Aplikasi Informasi Pembuatan Obat Tradisional Berbasis Web.

Selain itu juga dimasukan data-data bahan obat maupun obat ke sistem

berdasarkan data yang telah dikumpulkan pada tahap Material Collecting.

Mengenai penjelasan lebih rinci akan dijelaskan pada Bab V

IMPLEMENTASI SISTEM.

4.5 Testing

Pada tahap ini dilakukan uji coba pada Aplikasi Informasi Pembuatan

Obat Tradisional berbasis Web yang telah dibangun. Mengenai penjelasan

lebih rinci dijelaskan pada Bab VI ANALISA HASIL.

4.6 Distribution

Pada tahap ini menjelaskan pendistribusian sistem yang dibuat yaitu

dengan cara hosting.


74

BAB V

IMPLEMENTASI SISTEM

5.1 Assembly

Pada tahap ini menunjukan hasil implementasi berdasar perancangan yang

telah dibuat di bab IV.

Tabel Basis Data ADMIN

Tabel Admin digunakan untuk menyimpan username dan password

admin yang digunakan dalam proses login di halaman login admin.

Gambar 5.1 Desain Basis Data ADMIN

Tabel Basis Data OBATTRADISIONAL

Tabel ObatTradisional digunakan untuk menyimpan data cara

pembuatan obat tradisional.

Gambar 5.2 Desain Basis Data OBATTRADISIONAL


75

Tabel Basis Data TANAMANOBAT

Gambar 5.3 Desain Basis Data TANAMANOBAT

Tabel Basis Data KOMPOSISIOBAT

Tabel KomposisiObat digunakan untuk menyimpan data komposisi

obat.

Gambar 5.4 Desain Basis Data KOMPOSISIOBAT

Tabel Basis Data PREVIEWTANAMAN

Tabel PreviewTanaman hanya digunakan sebagai penyimpanan

gambar sementara.

Gambar 5.5 Desain Basis Data PREVIEWTANAMAN


76

Halaman Login Admin

Halaman login merupakan halaman yang digunakan admin untuk

masuk ke halaman Home Admin. Admin membutuhkan username dan

password untuk melakukan login. Sistem akan melakukan pengecekan

pada username dan password yang telah dimasukkan. Jika username

dan password yang telah dimasukkan sesuai dengan di database

Admin, maka akan menampilkan dialog “Selamat Datang di Halaman

Admin!”. Jika username dan password tidak sesuai dengan di database

Admin, maka akan menampilkan dialog “Password tidak valid atau

Masih ada teks yang kosong!”.

Gambar 5.6 Halaman Login Admin


77

Gambar 5.7 Login Admin Berhasil

Gambar 5.8 Login Admin Gagal


78

Berikut ini bagian program yang menangani Login Admin.

Halaman Home Admin

Halaman home admin merupakan halaman yang tampil setelah admin

melakukan login di halaman login admin.

Gambar 5.9 Halaman Home Admin

String username = request.getParameter("Username");

String password = request.getParameter("Password");

String sql = "select * from admin where username='" + username + "' and password='" + password + "'";

Connection c = Koneksi.getDBConnection();

Statement stmt = c.createStatement();

ResultSet rs = stmt.executeQuery(sql);

if (rs.next()) {

HttpSession session = request.getSession(true);

session.setAttribute("username", username);

cek = "berhasil";

} else {

cek = "gagal";

}


79

Halaman Admin Pengelolaan Data Obat

Halaman ini memiliki 3 tombol, yaitu tombol menuju ke halaman

daftar obat, tombol menuju ke halaman tambah obat, dan tombol

menuju ke halaman edit obat.

Gambar 5.10 Halaman Admin Pengelolaan Data Obat

Melihat Data Obat

Salah satu use case admin adalah melihat data obat di halaman daftar

obat. Halaman daftar obat merupakan halaman yang digunakan oleh

admin untuk melihat data obat apabila admin menambah data obat atau

ingin melihat data obat.


80

Gambar 5.11 Halaman Daftar Obat

Berikut ini bagian program query yang menampilkan data obat di

halaman daftar obat.

Berikut ini bagian program query yang menampilkan data komposisi

obat di halaman daftar obat.

Berikut ini bagian program untuk penanganan video.

select DISTINCT idobat from komposisiobat order by idobat desc

Select * from ObatTradisional order by idobat desc


81

Berikut ini bagian program untuk menampilkan video obat di halaman

daftar obat.

Menentukan Jumlah Komposisi Obat

Halaman ini digunakan oleh admin untuk menentukan jumlah

komposisi pada obat. Setelah menentukan jumlah komposisi obat,

admin menambahkan data obat di halamann tambah obat lanjutan.

Gambar 5.12 Halaman Tambah Obat : Menentukan Komposisi

<video width="200" height="200" controls>

<source src="videohandler.jsp?idObat=<%=obatList.get(i).getIdObat()%>"

type="video/mp4" />

</video>

String id = request.getParameter("idObat");

ObatTradisionalKontrol otk = new ObatTradisionalKontrol();

ObatTradisional ot = otk.TampilVideoObat(id);

OrdHttpJspResponseHandler handler = new OrdHttpJspResponseHandler();

handler.setPageContext(pageContext);

handler.sendVideo(ot.getVideoObat());

return;


82

Tambah Data Obat

Halaman ini merupakan halaman admin untuk menambah data obat

baik informasinya maupun video pembuatan obat. Pada halaman ini

terdapat teksfield judul obat, deskripsi, indikasi, indikasi dan aturan

pakai, komposisi obat, referensi dan video pembuatan obat.

Gambar 5.13 Halaman Tambah Obat

Jika data obat berhasil ditambahkan, maka akan tampil dialog

“Tambah Obat Berhasil!”.

Gambar 5.14 Tambah Obat Berhasil


83

Jika data obat gagal ditambahkan, maka akan tampil dialog “Terdapat

teks field yang kosong!”.

Gambar 5.15 Tambah Obat Gagal

Berikut ini bagian program yang menangani hasil upload video obat.

Berikut ini merupakan query untuk menambahkan data obat.

Berikut ini merupakan query untuk menambahkan komposisi obat.

String sql = "insert into obattradisional values(?,?,?,?," + EMPTY_VIDEO + ",?)";

String sql2 = "update obattradisional set videoobat=? where idobat = ?";

OrdHttpUploadFile uploadFile;

OrdHttpUploadFormData formData = new OrdHttpUploadFormData();

formData.setServletRequest(request);

formData.parseFormData();

uploadFile = formData.getFileParameter("file");


84

Berikut ini bagian program yang menangani proses tambah data obat.

Edit Data Obat (Pilih Data Obat dan Pilih Jenis Edit Data Obat) dan

Hapus Data Obat

Pada hal ini terdapat 2 jenis edit data obat yang dapat dilakukan oleh

admin, yaitu edit informasi obat dan edit video obat. Pada halaman ini

terdapat 2 tombol, yaitu tombol Edit dan tombol Hapus. Sebelum edit

data obat, admin harus memilih id obat dan judul obat terlebih dahulu.

ot.setIdObat(idObat);

ot.setJudulobat(judulObat);

ot.setDeskripsi(deskripsi);

ot.setIndikasi(indikasi);

ot.setRefrensi(refrensi);

ko.setIdObat(idObat);

ko.setIdTanaman(idTanamanList);

ko.setKomposisi(jumlahBahanSatuan);

otk.tambahObat(uploadFile, ot);

otk.simpanKomposisiObat(ko);

String sql = "insert into komposisiobat values(?,?,?)";


85

Gambar 5.16 Halaman Pilih Data Obat

Pada halaman pilih data obat terdapat juga tombol Hapus. Tombol

Hapus berfungsi untuk menghapus data obat berdasarkan opsi id obat

dan judul obat yang telah dipilih. Jika data obat berhasil dihapus, maka

akan tampil dialog “Data Obat Berhasil Di Hapus!”.

Gambar 5.17 Menghapus Data Obat

Setelah data obat dipilih, sistem akan mengecek opsi yang dipilih

admin id obat atau default yaitu “Pilih ID Obat dan Judul Obat”. Jika

admin memilih opsi default, maka akan tampil dialog “Anda belum

memilih id obat yang akan di edit/dihapus”.


86

Gambar 5.18 Pilih Data Obat Salah

Jika admin memilih salah satu data obat yang akan di edit, maka akan

langsung menuju halaman pilih jenis edit obat.

Gambar 5.19 Halaman Pilih Jenis Edit Data Obat

Edit Informasi Obat

Salah satu use case admin adalah mengedit informasi obat. Setelah

admin memilih tombol “Edit Informasi Data Obat“ di halaman pilih

jenis edit data obat, maka akan tampil halaman edit informasi obat.

Halaman edit informasi obat digunakan apabila terjadi sesuatu


87

kesalahan dalam pengetikan atau sesuatu informasi akan diubah, maka

admin dapat mengedit informasi obat di halaman edit informasi obat.

Gambar 5.20 Halaman Edit Informasi Obat

Apabila admin akan menekan tombol Edit, maka akan tampil dialog

“Edit Informasi Obat Berhasil!”.

Gambar 5.21 Edit Informasi Obat Berhasil


88

Jika teksfield judul obat, deskripsi, dan indikasi kosong, kemudian

admin memilih tombol Edit maka akan tampil dialog “Edit Informasi

gagal!Cek kembali!”.

Gambar 5.22 Edit Informasi Obat Gagal

Berikut ini merupakan bagian program untuk edit informasi obat.

Terdapat query untuk menangani proses edit informasi obat.

String sql = "update obattradisional set judulobat = ?, deskripsi = ?, indikasi = ?,

refrensi = ? where idobat =?";

ot.setIdObat(id);

ot.setJudulobat(judul);

ot.setDeskripsi(deskripsi);

ot.setIndikasi(indikasi);

ot.setRefrensi(refrensi);

otk.updateInformasiObat(ot);


89

Edit Komposisi Obat

Pada halaman ini, admin dapat mengedit informasi mengenai

komposisi obat. Admin dapat mengubah informasi komposisi obat, dan

menghapus salah satu komposisi obat. Admin hanya dapat menghapus

hingga minimal 1 komposisi obat. Fungsi menambahkan bahan tidak

ada.

Gambar 5.23 Halaman Edit Komposisi Obat

Pada gambar 5.17 komposisi obat yang tersedia 2. Jika admin menekan

tombol Hapus Bahan 2, maka akan tampil dialog “Hapus Salah Satu

Komposisi Obat Berhasil!”.


90

Gambar 5.24 Hapus Salah Satu Komposisi Obat Berhasil

Berikut ini merupakan program dan query untuk menghandle hapus

salah satu komposisi.

Pada gambar 5.18 komposisi obat sudah dihapus dan menjadi 1. Jika

admin akan menghapus bahan lagi dan menekan tombol Hapus Bahan

1, maka akan tampil dialog “Komposisi Obat minimal harus 1!”.

String sql = "delete from komposisiobat where idobat =? and idtanaman = ?";

else if (request.getParameter("hapus") != null) {

ko.setIdObat(idobat);

ko.setIdTanaman(idtanaman);

if (ko.getIdTanaman().length >= 2) {

otk.hapusSatuKomposisi(ko, hapusInt);

cek = "hapus";

} else {

cek = "hapusgagal";

}

}


91

Gambar 5.25 Hapus Salah Satu Komposisi Obat Gagal

Jika admin menekan tombol Edit, maka akan tampil dialog “Edit

Komposisi Obat Berhasil!”.

Gambar 5.26 Edit Komposisi Obat Berhasil

Berikut ini program dan query untuk mengedit komposisi obat.


92

Reupload Video Obat

Pada halaman ini admin dapat mengunggah ulang video obat.

Gambar 5.27 Halaman Reupload Video Obat

Jika admin berhasil mengunggah ulang video obat, maka akan tampil

dialog “Reupload Video Berhasil!!”.

String sql = "update komposisiobat set idtanaman = ?, komposisi = ? where

idobat =? and idtanaman = ?";

if (request.getParameter("Edit") != null) {

ko.setIdObat(idobat);

ko.setIdTanaman(idtanaman);

ko.setKomposisi(komposisi);

otk.updateKomposisiObat(ko, idtanamansebelum);

cek = "edit";

}


93

Gambar 5.28 Reupload Video Obat Berhasil

Berikut ini program dan query yang menangani reupload video obat.





String idObat = formData.getParameter("idobat");

uploadFile = formData.getFileParameter("file");

ObatTradisional ot = new ObatTradisional();

ot.setIdObat(idObat);

otk.reuploadVideo(uploadFile, ot);

String sql = "update obattradisional set videoobat=? where idobat = ?";


94

Halaman Admin Pengelolaan Data Obat

Halaman ini memiliki 3 tombol, yaitu tombol “Daftar Bahan Obat”,

tombol “Tambah Bahan Obat” dan tombol “Edit Bahan Obat”. Tombol

“Daftar Bahan Obat” menuju ke halaman daftar bahan obat. Tombol

“Tambah Bahan Obat” menuju ke halaman tambah bahan obat.

Tombol “Edit Bahan Obat” menuju ke halaman edit bahan obat.

Gambar 5.29 Halaman Admin Pengelolaan Data Bahan Obat

Melihat Daftar Bahan Obat

Salah satu use case admin adalah melihat data bahan obat di halaman

daftar bahan obat. Halaman daftar bahan obat merupakan halaman

yang digunakan oleh admin untuk melihat data bahan obat apabila

admin menambah data bahan obat atau ingin melihat data bahan obat.


95

Gambar 5.30 Halaman Daftar Bahan Obat

Berikut ini bagian program dan query untuk menampilkan data-data

bahan obat di halaman daftar bahan obat

Menambah Bahan Obat

Halaman tambah bahan obat digunakan untuk menambahkan data

bahan obat. Terdapat teksfield id bahan, nama bahan, deskripsi,

indikasi, efek samping, referensi dan upload file gambar bahan obat.

String query = "Select

idtanaman,namatanaman,deskripsi,indikasi,efeksamping,refrensi from

TanamanObat order by idtanaman DESC";

<img src="photohandler.jsp?

idTanaman=<%=tanamanList.get(i).getIdtanaman()%>" height="100"

width="100"></td></tr>


96

Gambar 5.31 Halaman Tambah Bahan Obat

Jika admin menekan tombol Tambah dan berhasil, maka akan tampil

dialog “Tambah Data Bahan Obat Berhasil!” .

Gambar 5.32 Tambah Obat Berhasil


97

Berikut ini program dan query untuk menangani proses tambah bahan

obat.

Jika masih ada teksfield nama bahan, deskripsi dan indikasi yang

kosong dan admin menekan tombol Tambah, maka akan tampil dialog

“Masih ada teksfield yang kosong!”.

Gambar 5.33 Tambah Bahan Obat Gagal

String sql = "insert into tanamanobat values(?,?,?,?,?,?," + EMPTY_IMAGE + ")";

String sql2 = "update tanamanobat set gambartanaman=? where idtanaman = ?";

TanamanObat to = new TanamanObat();

to.setIdtanaman(idTanaman);

to.setNamatanaman(namaTanaman);

to.setDeskripsi(deskripsi);

to.setIndikasi(indikasi);

to.setEfeksamping(efeksamping);

to.setRefrensi(refrensi);

tok.tambahTanamanObat(uploadFile, to);


98

Pilih Data Bahan Obat dan Hapus Data Bahan Obat

Pada halaman ini terdapat 2 jenis edit data obat yang dapat dilakukan

oleh admin, yaitu edit informasi bahan obat dan edit gambar bahan

obat. Pada halaman ini terdapat 2 tombol, yaitu tombol Edit dan

tombol Hapus. Sebelum edit data bahan obat, admin harus memilih id

bahan dan nama bahan terlebih dahulu.

Gambar 5.34 Halaman Pilih Data Bahan Obat

Jika admin memilih opsi “Pilih ID Bahan dan Nama Bahan” dan

menekan tombol edit atau tombol hapus, maka akan tampil dialog

“Anda belum memilih id tanaman yang akan di edit!”.

Gambar 5.35 Belum Memilih Data Bahan Obat


99

Jika data bahan obat sedang dipakai menjadi komposisi di data obat

tradisional, lalu admin memilih data bahan obat tersebut dan menekan

tombol hapus, maka akan tampil dialog “Gagal menghapus karena data

tanaman dipakai di data obat! Hapus data obat terlebih dahulu!”.

Jika data bahan obat sedang tidak dipakai menjadi komposisi di data

obat tradisional, lalu admin memilih data bahan obat tersebut dan

menekan tombol hapus, maka akan tampil dialog “Data Bahan Obat

Berhasil Di Hapus!”.

Gambar 5.36 Data Bahan Obat Berhasil Dihapus


100

Berikut ini merupakan query yang menangani proses hapus bahan

obat.

Halaman Pilih Jenis Edit Data Bahan Obat

Setelah admin menekan tombol Edit, maka akan tampil halaman pilih

jenis edit data bahan obat. Pada halaman ini terdapat 2 tombol, yaitu

tombol “Edit Informasi Bahan Obat” dan “Edit Gambar Bahan Obat”.

Gambar 5.37 Halaman Pilih Jenis Edit Bahan Obat

Edit Informasi Bahan Obat

Halaman ini merupakan halaman yang digunakan admin untuk

mengedit informasi data bahan obat. Informasi data bahan obat yang

dapat diedit adalah id bahan, nama bahan, deskripsi, indikasi, efek

samping dan referensi.

String sql = "delete from tanamanobat where idtanaman = ?";


101

Gambar 5.38 Halaman Edit Informasi Bahan Obat

Jika admin menekan tombol Edit, maka akan tampil dialog “Edit

Informasi Bahan Obat Berhasil”.


102

Berikut ini bagian program dan query yang menangani proses edit

informasi bahan obat.

String sql = "update tanamanobat set namatanaman = ?, deskripsi = ?, indikasi =

?, efeksamping = ?, refrensi = ? where idtanaman =?";

to.setIdtanaman(id);

to.setNamatanaman(nama);

to.setDeskripsi(deskripsi);

to.setIndikasi(indikasi);

to.setEfeksamping(efeksamping);

to.setRefrensi(refrensi);

tok.updateInformasiTanaman(to);


103

Edit Gambar Bahan Obat

Pada use case ini admin dapat mengedit gambar bahan obat. Fitur-fitur

yang tersedia pada edit gambar adalah penambahan watermark,

merotasi gambar, membalikkan gambar, serta dapat mengkompress file

gambar. Pada halaman ini terdapat 2 gambar, gambar yang di kiri

adalah gambar original/asli, sedangkan gambar yang di kanan adalah

gambar Preview/Pratinjau. Gambar Preview/Pratinjau merupakan

gambar hasil edit sementara.

Gambar 5.39 Halaman Edit Gambar Bahan Obat

Jika centang watermark tidak dihilangkan dan teks watermark kosong,

maka ketika admin menekan tombol pratinjau gambar akan tampil

dialog “Preview atau Edit gagal!Cek kembali”


104

Gambar 5.40 Preview Gambar Gagal

Jika admin ingin merotasi gambar atau membalikan gambar, maka

hilangkan tanda centang pada checkbox Watermark kemudian

menekan tombol Pratinjau Gambar. Setelah itu akan tampil dialog

“Preview Gambar Berhasil”.

Gambar 5.41 Preview Gambar Berhasil


105

Sebagai contoh, admin memilih rotasi gambar pada sudut 270 derajat,

lalu admin juga membalikan gambar dengan mencentang checkbox

Flip, maka hasil yang akan diperoleh adalah gambar pratinjau bagian

Sesudah sudah berubah.

Gambar 5.42 Hasil Rotasi dan Flip Gambar

Setelah itu jika admin akan menambahkan watermark, maka klik

tombol Edit terlebih dahulu

Gambar 5.43 Edit Setelah Rotasi dan Flip


106

Jika admin ingin menambahkan watermark, maka harus mengisi teks

watermark pada teksfield dan mengatur opsional tulisan seperti nama

font, style font, font size, warna font, transparansi, posisi horizontal

teks, dan posisi vertikal teks.

Gambar 5.44 Contoh pengisian opsional Watermark

Klik “Pratinjau Gambar” untuk melihat hasil dari watermark.

Gambar 5.45 Preview pemberian Watermark pada Gambar Berhasil


107

Pada gambar 5.41 merupakan gambar hasil dari pemberian watermark

seperti opsional Watermark yang telah diisi seperti gambar 5.39.

Gambar 5.46 Hasil Gambar yang telah diberi Watermark

Klik “Edit” apabila watermark yang telah diberikan telah sesuai

dengan keinginan.

Gambar 5.47 Edit Gambar dengan Pengisian Watermark Berhasil

Pada gambar 5.43 merupakan hasil edit gambar original yang sudah

diberi watermark.


108

Gambar 5.48 Hasil Original Gambar yang telah diberi Watermark

Dalam fitur Image Processing Oracle Multimedia terdapat fitur untuk

mengkompres gambar dari ukuran sizenya besar menjadi kecil dan ada

juga fitur untuk meningkatkan kualitas gambar meskipun tidak

meningkatkan kualitasnya menjadi HD(High Definition). Berikut pada

gambar 5.44 dan gambar 5.45

Gambar 5.49 Properti Gambar Sebelum Dikompres

Sesudah dikompres dengan menggunakan fitur Kompres Gambar

yang ada di halaman Edit Gambar Bahan Obat, maka ukuran/size

gambar pada gambar 5.45 lebih kecil daripada gambar 5.44. Pada


109

gambar 5.44 ukuran file gambar sebesar 1MB, sedangkan pada gambar

5.45 menjadi 191 KB karena hasil kompres.

Gambar 5.50 Properti Gambar Sesudah Dikompres Maksimal

Berikut ini merupakan bagian program dan query untuk edit gambar

bagian rotasi.


bagian flip/membalikkan gambar.


bagian watermark.

String sql1 = "select previewgambar from previewtanaman where nomor=? for

update";

String sql2 = "update previewtanaman set previewgambar=? where nomor=?";

image.process("flip");


update";


image.process("rotate=\"" + value + "\"");


110


bagian kompres gambar.

Reupload Gambar Bahan Obat

Halaman ini digunakan admin untuk mengunggah ulang gambar bahan

obat. Pada halaman ini terdapat gambar bahan obat sebelum diganti

dan tombol upload ulang gambar.

Gambar 5.51 Halaman Upload Ulang Gambar

Jika admin menekan tombol Upload Ulang dan berhasil, maka akan

menampilkan dialog “Reupload Gambar Berhasil!”.


update";


image.process("compressionQuality=" + value);

String sql1 = "select gambartanaman from tanamanobat where idtanaman = ? ";

String sql3 = "update previewtanaman set previewgambar=? where nomor = ?";

imageSource.applyWatermark(teks, imageDest, propertiteks);


111

Gambar 5.52 Reupload Gambar Berhasil

Berikut ini merupakan program dan query yang menangani proses

upload ulang gambar tanaman obat.

Halaman Beranda

Halaman ini merupakan tampilan utama kepada pengguna. Pada

halaman beranda terdapat daftar obat terbaru yang diunggah oleh

admin.

String sql1 = "select gambartanaman from tanamanobat where idtanaman = ? for

update";

String sql2 = "update tanamanobat set gambartanaman=? where idtanaman = ?";

uploadFileImage.loadImage(tanamanObat.getGambartanaman());






112

Gambar 5.53 Halaman Beranda

Berikut ini query untuk menampilkan data obat di halaman beranda

Halaman Detail Obat

Halaman detail obat digunakan oleh pengguna untuk melihat cara

pembuatan obat secara video ataupun teks serta dapat melihat

komposisi obat.

String query = "Select * from ObatTradisional order by idobat desc";


113

Gambar 5.54 Halaman Detail Obat

Berikut ini merupakan query untuk menampilkan data obat dan

komposisi obat.

String query = "Select k.IDTANAMAN, t.NAMATANAMAN, k.KOMPOSISI from

komposisiobat k inner join tanamanobat t on k.idtanaman=t.idtanaman where

k.idobat = ? order by idobat desc";

String query = "Select judulobat, deskripsi, indikasi, refrensi from ObatTradisional

where idObat = ?";


114

Halaman Galeri Tanaman Obat

Halaman galeri tanaman obat berguna untuk menampilkan seluruh data

tanaman obat kepada pengguna.

Gambar 5.55 Halaman Galeri Tanaman Obat

Berikut ini merupakan query untuk menampilkan seluruh data tanaman

obat.

Halaman Detail Bahan Obat

Halaman detail bahan obat adalah halaman yang menampilkan detail

penjelasan dari tanaman obat seperti deskripsi, kegunaan, dan efek

samping serta gambar dari tanaman obat.

String query = "Select idtanaman,namatanaman,deskripsi,indikasi,

efeksamping,refrensi from TanamanObat order by namatanaman";


115

Gambar 5.56 Halaman Detail Bahan Obat

Berikut ini query untuk menampilkan detail tanaman obat.

Halaman Pencarian Obat

Halaman pencarian obat merupakan halaman yang digunakan

pengguna untuk mencari obat yang diperlukan. Jika obat ditemukan,

maka akan tampil di halaman pencarian obat.

String query = "Select namatanaman, deskripsi, indikasi, efeksamping, refrensi

from TanamanObat where idTanaman = ?";


116

Gambar 5.57 Halaman Pencarian Obat

Berikut query yang menangani proses pencarian obat. Jika pencarian

data obat berdasarkan penyakit, maka query-nya adalah sebagai

berikut.

Jika pencarian data obat berdasarkan komposisi, maka query-nya

adalah sebagai berikut.

Query = “select ot.IDOBAT,ot.JUDULOBAT,ot.DESKRIPSI,ot.INDIKASI,ot.REFRENSI from OBATTRADISIONAL ot \n"

+ "INNER join KOMPOSISIOBAT ko \n"

+ "on ot.IDOBAT = ko.IDOBAT \n"

+ "INNER join TANAMANOBAT tobat \n"

+ "on ko.IDTANAMAN = tobat.IDTANAMAN\n"

+ "\n"

+ "where LOWER(tobat.NAMATANAMAN) like LOWER('%" + cari + "%')";

String query = "select * from obattradisional where LOWER(indikasi) LIKE

LOWER('%"+cari+"%') order by judulobat";


117

BAB VI

ANALISA HASIL

6.1 Analisa Hasil Pengujian Sistem

Secara umum aplikasi telah dapat berfungsi dengan baik untuk mengelola data

obat (menambah data video pembuatan obat dan data obat, mengedit data

obat, upload ulang video pembuatan obat, dan menghapus data obat) serta

mengelola bahan obat (menambah data bahan obat dan gambar tanaman obat,

mengedit data bahan obat, upload ulang gambar tanaman obat, dan

menghapus data bahan obat). Kelebihan dan kekurangan pada sistem antara

lain sebagai berikut :

1. Kelebihan Sistem

a) Dapat menyimpan file video dan file gambar ukuran yang lebih besar

dengan menggunakan database Oracle dibandingkan dengan

menggunakan database MySQL.

Gambar disimpan dalam bentuk BLOB di database. Sebagai

contoh pada gambar 6.1 memilih tipe LONGBLOB di database

MySQL. Tipe “LONGBLOB” merupakan tipe yang dapat menyimpan

file blob paling besar dibandingkan tipe blob lainnya(TINYBLOB,

MEDIUMBLOB, dan BLOB). Berikut screenshot dari database

MySQL saat pembuatan database.

Gambar 6.1 Pembuatan Database TanamanObat dengan menggunakan MySQL


118

Berikut ini merupakan screenshot dari batasan ukuran input file blob

dari database MySQL.

Gambar 6.2 Batas Maksimal Ukuran File Blob di MySQL

Berikut contoh file gambar yang akan dimasukkan/diinputkan ke

dalam database TanamanObat dengan ukuran 7.53MB.

Gambar 6.3 File Gambar yang akan Diinputkan ke MySQL

Berikut gambar 6.4 merupakan input data dan file gambar pada gambar

6.3 pada database TanamanObat.


119

Gambar 6.4 Contoh Data yang akan Diinput di database MySQL

Setelah menekan tombol “Go”, maka terjadi error seperti pada gambar

6.5 karena ukuran file yang dimasukkan lebih besar dari maksimal

kapasitas Blob di database MySQL

Gambar 6.5 Error Saat Input di database MySQL

b) Dapat mengekstrak metadata dari data BLOB di Oracle, sedangkan di

MySQL tidak dapat mengekstrak metadata.


120

Gambar 6.6 Ekstrak metadata file BLOB di Oracle

Gambar 6.7 Uji Coba Ekstrak Metadata file Blob di MySQL

c) Dapat melakukan Image Processing secara langsung melalui query di

Oracle.

d) Dapat berdiri sendiri tanpa bergantung dengan situs website upload

video seperti www.youtube.com.

Kemampuan maksimal upload file BLOB pada Oracle sebesar kurang

dari 1 GB, kemudian untuk kecepatan upload bergantung dengan

besarnya ukuran file.

e) Dapat mencari data obat berdasarkan komposisi obat dan penyakit

yang diderita.

2. Kekurangan Sistem

a) Biaya hosting Oracle mahal.

b) Penggunaan Oracle dapat memakai ruang memori komputer

(RAM/Random Access Memory) cukup banyak, sehingga dapat

mengakibatkan lambatnya kinerja komputer.



121

Berikut analisa kecepatan dan kualitas pada fitur kompres Image Processing

Oracle Multimedia.

Tabel 6.1 Hasil Pengujian Kecepatan Kompres Maksimal Gambar

Uji

Nomor Nama File Dimensi

Ukuran

File

Sebelum

Ukuran

File

Sesudah

Waktu

Kompres

1 pemandangan.jpg 2560 x 1536 7,53 MB 99,5 KB 1s 24ms

2 beruang-madu.jpg 2560 x 1536 3,93 MB 88,9 KB 1s 41ms

3 Elang.jpg 2560 x 1536 2.06 MB 225 KB 1s 63ms

4 sirih.jpg 1536 x 2048 1,52 MB 130 KB 1s 10ms

5 Kota.jpg 960 x 540 544 KB 45,7KB 0s 82ms

Catatan:

Pada pengujian kompres tabel 6.1, penulis tidak menggunakan gambar

tanaman obat pada 4 pengujian karena data gambar tanaman obat untuk

ukuran yang besar diatas 2 MB sulit ditemukan, sehingga penulis

menggunakan gambar umum untuk menguji kompres gambar Oracle Image

Processing

Gambar 6.8 Hasil Kompres Gambar pemandangan.jpg


122

Gambar 6.9 Hasil Kompres Gambar beruang-madu.jpg

Gambar 6.10 Hasil Kompres Gambar Elang.jpg

Gambar 6.11 Hasil Kompres Gambar sirih.jpg

Gambar 6.12 Hasil Kompres Gambar Kota.jpg


123

Dari hasil analisa kecepatan kompres gambar dengan menggunakan Oracle Image

Processing pada tabel 6.1, dapat dianalisa bahwa kecepatan kompres gambar tidak

bergantung dengan besarnya ukuran file, namun ditentukan dengan besarnya

dimensi pada suatu gambar. Semakin besar dimensi suatu gambar, maka

diperlukan waktu ekstra dalam mengkompres gambar. Dari hasil kompres gambar

pada Oracle Image Processing tidak memperkecil ukuran dimensi suatu gambar

melainkan dimensi gambar setelah kompres masih sama dengan gambar sebelum

kompres. Dari gambar 6.8, 6.9, 6.10, 6.11, dan 6.12 menunjukan bahwa kualitas

gambar setelah dikompres masih dalam keadaan yang baik.

Tabel 6.2 Hasil Pengujian Kemampuan Upload File

Uji

Nomor Nama File Tipe Ukuran Keterangan

1 Bawang-

merah.jpg image/jpeg 345 KB BERHASIL

2 sirih.jpg image/jpeg 1,52 MB BERHASIL

3

Obat Diabetes

Menggunakan

Daun

Sirih.mp4

video/mp4 10,1 MB BERHASIL

4 Film2.mp4 video/mp4 1 GB BERHASIL

5 Film1.mp4 video/mp4 2 GB GAGAL

Dari analisa hasil pengujian kemampuan upload pada tabel 6.2, dapat

disimpulkan bahwa kemampuan upload pada sistem adalah file yang

ukurannya kurang dari 2 GB.

6.2 Pengujian Terhadap Pengguna (Masyarakat)

Tahap pengujian sistem terhadap masyarakat digunakan untuk mengetahui

sejauh mana aplikasi ini mudah digunakan (ease of use) dan bermanfaat


124

(usefulness). Proses pengujian ditujukan kepada 17 orang responden untuk

mencoba sistem Aplikasi Informasi Pembuatan Obat Tradisional. Dari 17

masyarakat umum terdiri dari 7 Masyarakat Umum, 3 dosen Farmasi

Universitas Sanata Dharma, 5 Mahasiswa TI, dan 2 Mahasiswa Farmasi.

6.2.1 Persepsi Kemudahan(Perceived Ease of Use)

1. Fitur pada aplikasi ini mudah digunakan (ease of use).

Tabel 6.3 Hasil Kuesioner Persepsi Kemudahan Pengguna Pernyataan 1

Jawaban Bobot

Jawaban(1-5)

Jumlah

Responden

Hasil

(1-5)

Total

Sangat Setuju 5 6 30 35%

Setuju 4 10 40 59%

Ragu-ragu 3 1 3 6%

Tidak Setuju 2 0 0 0%

Sangat Tidak Setuju 1 0 0 0%

TOTAL 17 73

- NILAI AKHIR (Total Hasil 1-5/Total Jumlah

Responden) 4.3

Dari hasil perhitungan tabel 6.3 dapat dianalisa bahwa secara

umum sistem ini mudah digunakan, dengan skor 4.3 dari skala

1-5.

2. Aplikasi ini mudah dipelajari oleh orang yang baru pertama

kali menggunakannya.

Tabel 6.4 Hasil Kuesioner Persepsi Kemudahan Pengguna Pernyataan 2

Jawaban Bobot

Jawaban(1-5)

Jumlah

Responden

Hasil

(1-5)

Total



125

Setuju 4 13 52 76%

Ragu-ragu 3 0 0 0%



TOTAL 17 72


Responden) 4.2


umum sistem ini mudah dipelajari oleh orang yang baru

pertama kali menggunakannya, dengan skor 4.2 dari skala 1-5.

6.2.2 Persepsi Manfaat (Perceived Usefulness)

1. Aplikasi ini dapat membuat saya lebih cepat memahami dalam

mengakses informasi tentang cara pembuatan obat

tradisional(obat tradisional, bahan-bahan obat).

Tabel 6.5 Hasil Kuesioner Persepsi Manfaat Pengguna Pernyataan 1

Jawaban Bobot

Jawaban(1-5)

Jumlah

Responden

Hasil

(1-5)

Total


Setuju 4 7 28 41%

Ragu-ragu 3 1 3 6%



TOTAL 17 76


Responden) 4.5


126


umum sistem ini dapat membuat pengguna lebih cepat

memahami dalam mengakses informasi tentang cara

pembuatan obat tradisional, dengan skor 4.5 dari skala 1-5.

2. Aplikasi ini dapat memenuhi kebutuhan saya untuk mengetahui

informasi tentang cara pembuatan obat tradisional.


Jawaban Bobot

Jawaban(1-5)

Jumlah

Responden

Hasil

(1-5)

Total

Sangat Setuju 5 4 20 23.5%

Setuju 4 12 48 70.5%

Ragu-ragu 3 1 3 6%



TOTAL 17 71


Responden) 4.2


umum sistem ini dapat memenuhi kebutuhan pengguna untuk

mengetahui informasi tentang cara pembuatan obat tradisional,

dengan skor 4.2 dari skala 1-5.

3. Aplikasi ini meningkatkan efisiensi waktu bagi saya untuk

memahami pembuatan obat tradisional


Jawaban Bobot Jumlah Hasil Total


127

Jawaban(1-5) Responden (1-5)


Setuju 4 7 28 41%

Ragu-ragu 3 0 0 0%



TOTAL 17 78


Responden) 4.6


umum sistem ini dapat meningkatkan efisiensi waktu bagi

pengguna untuk memahami pembuatan obat tradisional,

dengan skor 4.6 dari skala 1-5.

6.3 Pengujian Terhadap Pengguna (Admin)

Tahap pengujian sistem yang telah dibuat kepada admin digunakan untuk

memastikan bahwa sistem sudah sesuai dengan kriteria kebutuhan admin dan

tujuan yang diharapkan. Admin yang ditujukan adalah anggota kelompok

HGT (Herbal Garden Team) fakultas Farmasi Universitas Sanata Dharma.

Proses pengujian ditujukan kepada 3 orang sebagai responden untuk mencoba

sistem Aplikasi Informasi Pembuatan Obat Tradisional untuk mengetahui

apakah sistem ini mudah digunakan (ease of use) dan bermanfaat (usefulness)

untuk membantu mengolah data obat.

6.2.1 Persepsi Kemudahan (Perceived Ease of Use)

1. Aplikasi ini mudah digunakan(ease of use).


128

Tabel 6.8 Hasil Kuesioner Persepsi Kemudahan Admin Pernyataan 1

Jawaban Bobot

Jawaban(1-5)

Jumlah

Responden

Hasil

(1-5)

Total


Setuju 4 2 8 67%

Ragu-ragu 3 0 0 0%



TOTAL 3 13


Responden) 4.3


umum sistem ini mudah digunakan, dengan skor 4.3 dari skala

1-5.

2. Aplikasi ini mudah dipelajari oleh orang yang baru pertama

kali menggunakannya.


Jawaban Bobot

Jawaban(1-5)

Jumlah

Responden

Hasil

(1-5)

Total


Setuju 4 0 0 0%

Ragu-ragu 3 0 0 0%



TOTAL 3 15 -


129

NILAI AKHIR (Total Hasil 1-5/Total Jumlah

Responden) 5.0


umum sistem ini sangat mudah dipelajari oleh orang yang baru

pertama kali menggunakannya, dengan skor 5.0 dari skala 1-5.

3. Fitur menambah data obat mudah digunakan.


Jawaban Bobot

Jawaban(1-5)

Jumlah

Responden

Hasil

(1-5)

Total


Setuju 4 1 4 33%

Ragu-ragu 3 0 0 0%



TOTAL 3 14


Responden) 4.7


umum fitur menambah data obat mudah digunakan, dengan

skor 4.7 dari skala 1-5.

4. Fitur mengedit data data obat mudah digunakan.


Jawaban Bobot

Jawaban(1-5)

Jumlah

Responden

Hasil

(1-5)

Total


130


Setuju 4 1 4 33%

Ragu-ragu 3 0 0x 0%



TOTAL 3 14


Responden) 4.7


umum fitur mengedit data obat mudah digunakan, dengan skor

4.7 dari skala 1-5.

5. Fitur menghapus data obat mudah digunakan.


Jawaban Bobot

Jawaban(1-5)

Jumlah

Responden

Hasil

(1-5)

Total


Setuju 4 1 4 33%

Ragu-ragu 3 0 0 0%



TOTAL 3 14


Responden) 4.7


131


umum fitur menghapus data obat mudah digunakan, dengan


6. Fitur reupload gambar dan video pada aplikasi ini

mempermudah user untuk mengganti gambar dan video jika

ada kesalahan.


Jawaban Bobot

Jawaban(1-5)

Jumlah

Responden

Hasil

(1-5)

Total


Setuju 4 1 4 33%

Ragu-ragu 3 0 0 0%



TOTAL 3 14


Responden) 4.7


umum fitur reupload gambar dan video mempermudah user

untuk mengganti gambar dan video jika ada kesalahan, dengan


7. Fitur Image Processing(watermark, rotasi, flip, kompres

gambar) pada aplikasi ini mudah digunakan.


Jawaban Bobot

Jawaban(1-5)

Jumlah

Responden

Hasil

(1-5)

Total


132


Setuju 4 2 8 67%

Ragu-ragu 3 0 0 0%



TOTAL 3 13


Responden) 4.3


umum fitur Image Processing mudah digunakan, dengan skor

4.3 dari skala 1-5.

8. Aplikasi ini mudah mengatasi masalah bila terjadi human

error.


Jawaban Bobot

Jawaban(1-5)

Jumlah

Responden

Hasil

(1-5)

Total


Setuju 4 2 8 67%

Ragu-ragu 3 0 0 0%



TOTAL 3 13


Responden) 4.3


133


umum sistem ini mudah mengatasi masalah bila terjadi human

error, dengan skor 4.3 dari skala 1-5.

6.2.2 Persepsi Manfaat (Perceived Usefulness)

1. Fitur-fitur pada aplikasi ini bermanfaat bagi saya dalam

mengelola data obat.

Tabel 6.16 Hasil Kuesioner Persepsi Manfaat Admin Pernyataan 1

Jawaban Bobot

Jawaban(1-5)

Jumlah

Responden

Hasil

(1-5)

Total


Setuju 4 0 0 0%

Ragu-ragu 3 0 0 0%



TOTAL 3 15


Responden) 5.0


umum sistem ini sangat bermanfaat bagi admin dalam

mengelola data obat, dengan skor 5.0 dari skala 1-5.

2. Dengan menggunakan fitur image processing(rotasi, flip,

watermarking, , dan kompres gambar) dapat bermanfaat bagi

saya untuk mengedit gambar

Tabel 6.17 Hasil Kuesioner Persepsi Manfaat Admin Pernyataan 2

Jawaban Bobot Jumlah Hasil Total


134

Jawaban(1-5) Responden (1-5)


Setuju 4 1 4 33%

Ragu-ragu 3 0 0 0%



TOTAL 3 14


Responden) 4.7


umum fitur image processing ini bermanfaat bagi admin untuk

mengedit gambar, dengan skor 4.7 dari skala 1-5.

6.4 Rangkuman Hasil Uji Coba Terhadap Masyarakat dan Admin

Berikut adalah rangkuman hasil uji coba melalui kuesioner yang dilakukan

terhadap pengguna(masyarakat dan admin).

Tabel 6.18 Hasil Rangkuman Uji Coba Kuesioner Masyarakat

Persepsi Hasil

Persepsi Kemudahan

1. Fitur pada aplikasi ini mudah

digunakan (user freindly). (Skor

4.3 dari skala 1-5)

2. Aplikasi ini mudah dipelajari

oleh orang yang baru pertama

kali menggunakannya. (Skor 4.2

dari skala 1-5)

Persepsi Manfaat 1. Aplikasi ini dapat membuat saya


135

lebih cepat memahami dalam

mengakses informasi tentang

cara pembuatan obat

tradisional(obat tradisional,

bahan-bahan obat). (Skor 4.5 dari

skala 1-5)

2. Aplikasi ini dapat memenuhi

kebutuhan saya untuk

mengetahui informasi tentang

cara pembuatan obat tradisional.

(Skor 4.2 dari skala 1-5)

3. Aplikasi ini meningkatkan

efisiensi waktu bagi saya untuk

membuat obat tradisional (Skor

4.6 dari skala 1-5)

Tabel 6.19 Hasil Rangkuman Uji Coba Kuesioner Admin

Persepsi Hasil

Persepsi Kemudahan

1. Aplikasi ini mudah digunakan

(user freindly). (Skor 4.3 dari

skala 1-5)

2. Aplikasi ini mudah dipelajari

oleh orang yang baru pertama

kali menggunakannya. (Skor 5.0

dari skala 1-5)

3. Fitur menambah data obat mudah

digunakan. (Skor 4.7 dari skala

1-5)

4. Fitur mengedit data data obat

mudah digunakan. (Skor 4.7 dari


136

skala 1-5)

5. Fitur menghapus data obat

mudah digunakan. (Skor 4.7 dari

skala 1-5)

6. Fitur Reupload Gambar dan

Video pada aplikasi ini

mempermudah user untuk

mengganti gambar dan video jika

ada kesalahan. (Skor 4.7 dari

skala 1-5)

7. Fitur Image Processing

(watermark, rotasi, flip, kompres

gambar) pada aplikasi ini mudah

digunakan. (Skor 4.3 dari skala

1-5)

8. Aplikasi ini mudah mengatasi

masalah bila terjadi human error.


Persepsi Manfaat

1. Fitur-fitur pada aplikasi ini

bermanfaat bagi saya dalam

mengelola data obat. (Skor 5.0

dari skala 1-5)

2. Dengan menggunakan fitur

image processing(rotasi, flip,

watermarking, , dan kompres

gambar) dapat bermanfaat bagi

saya untuk mengedit gambar



137

BAB VII

PENUTUP

7.1 Kesimpulan

Kesimpulan yang dapat diperoleh setelah implementasi sistem Aplikasi

Informasi Pembuatan Obat Tradisional berbasis Web adalah sebagai

berikut :

1. Aplikasi Informasi Pembuatan Obat Tradisional telah berhasil

dibangun dengan menggunakan bahasa Pemrograman JSP dan Oracle

11g.

2. Secara umum, aplikasi ini dapat berfungsi dengan baik yaitu dapat

mengelola data obat (menambah data video pembuatan obat dan data

obat, mengedit data obat, upload ulang video pembuatan obat, dan

menghapus data obat) serta mengelola data bahan obat (menambah

data bahan obat dan gambar tanaman obat, mengedit data bahan obat,

upload ulang gambar tanaman obat, dan menghapus data bahan obat).

3. Aplikasi Informasi Pembuatan Obat Tradisional dapat berfungsi

dengan baik untuk memberikan informasi tentang cara pembuatan obat

tradisional dan informasi tentang tanaman obat kepada masyarakat.

4. Pemanfaatan Oracle Intermedia khususnya pada fitur Image

Processing dapat berfungsi dengan baik. Metode-metode yang

digunakan meliputi watermarking, kompres gambar, rotasi dan flip.

5. Dari hasil uji coba terhadap sistem, kecepatan kompres gambar Oracle

Image Processing tidak bergantung dengan besarnya ukuran file,

namun ditentukan dengan besarnya dimensi pada suatu gambar.

Semakin besar dimensi suatu gambar, maka diperlukan waktu ekstra

dalam mengkompres gambar. Dimensi gambar tidak berubah setelah

dikompres.


138

6. Dari hasil uji coba terhadap kemampuan upload pada sistem adalah file

yang ukurannya kurang dari 2 GB. Jika mengupload file dengan

ukuran diatas 2 GB akan terjadi error atau gagal.

7. Dari hasil uji coba terhadap masyarakat dapat disimpulkan bahwa

Aplikasi Informasi Pembuatan Obat Tradisional dinilai mudah

digunakan serta bermanfaat dan berguna untuk membantu masyarakat

untuk mencari informasi pembuatan obat tradisional.

8. Dari hasil uji coba terhadap anggota kelompok HGT(Herbal Garden

Team) dapat disimpulkan bahwa fitur-fitur pengelolaan data obat pada

Aplikasi Informasi Pembuatan Obat Tradisional mudah digunakan,

mudah dipelajari, dan bermanfaat untuk mengelola data obat maupun

mengedit gambar bahan-bahan obat tradisional.

7.2 Saran

1. Pada halaman untuk edit gambar, fitur Oracle Image Processing dibuat

menjadi icon-icon agar mudah dipahami.

2. Fitur penambahan Watermark Oracle Image Processing dibuat dengan

menggunakan drag and drop.


139

DAFTAR PUSTAKA

Ariona, Rian. 2013. Belajar HTML dan CSS: Tutorial Fundamental dalam

Mempelajari HTML & CSS.

Badan POM RI. 2006. Acuan Sediaan Herbal. Volume kedua. Edisi pertama.

Jakarta: Badan Pengawas Obat dan Makanan Republik Indonesia.

Badan POM RI. 2006. Acuan Sediaan Herbal. Volume keempat. Edisi pertama.


Badan POM RI. 2006. Acuan Sediaan Herbal. Volume kelima. Edisi pertama.


Badan POM RI. 2006. Acuan Sediaan Herbal. Volume keenam. Edisi pertama.


Conoly, Thomas & Carolyn Begg. 2005. Database Systems: A Practical

Approach to Design, Implementation, and Management, Fourth Edition.

London : Addison Wesley.

Jogiyanto. 2005. Analisis dan Desain Sistem Informasi. Yogyakarta: Andi Offset.

Khannedy, Eko Kurniawan. 2007. Tutorial JavaScript. Bandung

Latief, Abdul. 2012. Obat Tradisional. Jakarta : EGC

Munawar. Pemodelan Visual Dengan UML, Edisi pertama, Graha Ilmu,

Yogyakarta, 2005.

Palmer, Carol & Susan Mavris. 2007. Oracle Multimedia: Managing Multimedia

Content.

Pelski, Sue. 2005. Oracle Intermedia Reference, 10g Release 2(10.2).


140

Pelski, Sue. 2014. Oracle Multimedia Reference, 12c Release 1 (12.1).

Pote, Jefonses Yarsian. 2011. “SISTEM INFORMASI TANAMAN OBAT

TRADISIONAL BERBASIS WEB”, Skripsi, Program Studi Sistem

Informasi Universitas Amikom.

Pressman, Roger S. 2010. Software Engineering A Practitioner’s Approach,

Seventh Edition. New York : Mc Graw Hill.

Rini, Swesti. 2011. “PERANCANGAN APLIKASI MULTIMEDIA

INTERAKTIF SEBAGAI MEDIA INFORMASI TENTANG MANFAAT

DAN KEAMANAN TANAMAN OBAT UNTUK OBAT

TRADISIONAL”, Skripsi, Program Studi Teknik Informatika Universitas

Amikom.

S., Thomas A.N. 1992. Tanaman Obat Tradisional 2. Yogyakarta : Kanisius.

Siregar, Dr. Amarullah H.. Obat Tradisional vs Obat Kimia.

www.deherba.com/obat-tradisional-vs-obat-kimia.html. Diakses pada 3

November 2016.

Supriyati, Endang, dkk. 2013. "SISTEM INFORMASI PENGOBATAN

TRADISIONAL JAWA (Petraja) BERBASIS WEB RESPONSIF”,

Kudus: Jurnal SIMETRIS. Vol. 4, No. 1:21-29.

Sutopo, Ariesto Hadi., 2003. Multimedia Interaktif dengan Flash. Graha Ilmu.

Yogyakarta.

Wijono, Sri Hartati, dkk. 2007. Pemrograman Java Servlet dan JSP dengan

Netbeans. Yogyakarta : Andi Offset.

Whitten, Jeffrey L. & Lonnie D. Bentley. 2007. Systems Analysis and Design

Methods, Seventh Edition. New York : Mc Graw Hill.

Vaughan, Tay. 2011. Multimedia: Making It Work, Eigth Edition. New York : Mc

Graw Hill.


http://www.deherba.com/obat-tradisional-vs-obat-kimia.html

141

LAMPIRAN

KUISIONER


BERBASIS WEB

Nama :

Usia :

Jenis Kelamin : Laki-laki/Perempuan

Pekerjaan :

Sebagai : Masyarakat Umum

Petunjuk Pengisian :

1. Berilah tanda centang () pada salah satu kolom jawaban yang paling

sesuai menurut anda pada pertanyaan yang telah disediakan.

2. Setiap pertanyaan hanya membutuhkan satu jawaban.

3. Setelah mengisi kuisioner, dimohon kepada Bapak/Ibu dapat memberikan

kembali kepada pemberi kuisioner.

Keterangan :

Sangat Tidak Setuju : (STS)

Tidak Setuju : (TS)

Ragu-ragu : (R)

Setuju : (S)

Sangat Setuju : (SS)


142

A. Kemudahan Pengguna Teknologi (Perceived Ease of Use)

No Pernyataan STS TS R S SS

1. Fitur pada aplikasi ini mudah

digunakan (ease of use).

2. Aplikasi ini mudah dipelajari oleh

orang yang baru pertama kali

menggunakannya.

B. Manfaat (Perceived Usefulness)


1. Aplikasi ini dapat membuat saya lebih

cepat memahami dalam mengakses

informasi tentang cara pembuatan

obat tradisional(obat tradisional,

bahan-bahan obat).

2. Aplikasi ini dapat memenuhi

kebutuhan saya untuk mengetahui

informasi tentang cara pembuatan

obat tradisional.

3. Aplikasi ini meningkatkan efisiensi

waktu bagi saya untuk membuat obat

tradisional

Kritik dan Saran : …………………………………………………..


143

KUISIONER


BERBASIS WEB

Nama :

Usia :

Jenis Kelamin : Laki-laki/Perempuan

Pekerjaan :

Sebagai : Admin

Petunjuk Pengisian :

1. Berilah tanda centang () pada salah satu kolom jawaban yang paling

sesuai menurut anda pada pertanyaan yang telah disediakan.

2. Setiap pertanyaan hanya membutuhkan satu jawaban.

3. Setelah mengisi kuisioner, dimohon kepada Bapak/Ibu dapat memberikan

kembali kepada pemberi kuisioner.

Keterangan :

Sangat Tidak Setuju : (STS)

Tidak Setuju : (TS)

Ragu-ragu : (R)

Setuju : (S)

Sangat Setuju : (SS)


144

A. Kemudahan Pengguna Teknologi (Perceived Ease of Use)


1. Aplikasi ini mudah digunakan(ease of

use).

2. Aplikasi ini mudah dipelajari oleh

orang yang baru pertama kali

menggunakannya.

3. Fitur menambah data obat mudah

digunakan

4. Fitur mengedit data data obat mudah

digunakan

5. Fitur menghapus data obat mudah

digunakan

6. Fitur Reupload Gambar dan Video

pada aplikasi ini mempermudah user

untuk mengganti gambar dan video

jika ada kesalahan.

7. Fitur Image Processing(watermark,

rotasi, flip, kompres gambar) pada

aplikasi ini mudah digunakan.

8. Aplikasi ini mudah mengatasi masalah

bila terjadi human error.


145

B. Manfaat (Perceived Usefulness)


1. Fitur-fitur pada aplikasi ini

bermanfaat bagi saya dalam

mengelola data obat.

2. Dengan menggunakan fitur image

processing(rotasi, flip, watermarking,

dan kompres gambar) dapat

bermanfaat bagi saya untuk mengedit

gambar

Kritik dan Saran : …………………………………………………..


aplikasi informasi pembuatan obat tradisional - USD Repository

Documents

Transcript of aplikasi informasi pembuatan obat tradisional - USD Repository