Perancangan Sistem Informasi Obat-obatan Herbal Dengan Menggunakan Pemrograman PHP Dan MySQL

(1)

PERANCANGAN SISTEM INFORMASI OBAT-OBATAN

HERBAL DENGAN MENGGUNAKAN PEMROGRAMAN PHP

DAN MYSQL

TUGAS AKHIR

ADAM KEVIN HUTAGALUNG

112406105

PROGRAM STUDI D-3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

PERANCANGAN SISTEM INFORMASI OBAT-OBATAN

HERBAL DENGAN MENGGUNAKAN PEMROGRAMAN PHP

DAN MYSQL

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

ADAM KEVIN HUTAGALUNG

112406105

PROGRAM STUDI D-3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2014

(3)

PERSETUJUAN

Judul : Perancangan Sistem Informasi Obat-obatan Herbal Dengan Menggunakan Pemrograman PHP Dan MySQL

Kategori : Tugas Akhir

Nama : Adam Kevin Hutagalung

Nomor Induk Mahasiswa : 112406105

Program Studi : Diploma 3 Teknik Informatika

Departemen : Matematika

Fakultas : Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara

Disetujui di Medan, Juni 2014

Disetujui Oleh:

Program Studi D3 Teknik Informatika Pembimbing FMIPA USU

Ketua,

Dr. Elly Rosmaini. M. Si Prof. Dr. Opim Salim Sitompul, M.Sc NIP. 19600520 198503 2 002 NIP. 19610817 198701 1 001

(4)

PERNYATAAN

PERANCANGAN SISTEM INFORMASI OBAT-OBATAN HERBAL DENGAN MENGGUNAKAN PEMROGRAMAN PHP DAN MYSQL

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2014

ADAM KEVIN HUTAGALUNG 112406105

(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kehadirat Allah SWT, yang telah melimpahkan rahmat dan karunia-Nya Penulis dapat menyelesaikan penyusunan Tugas Akhir ini dengan judul Perancangan Sistem Informasi Obat-Obatan Herbal Dengan Menggunakan Pemrograman PHP dan MySQL.

Terimakasih penulis sampaikan kepada Bapak Prof. Dr. Opim Salim Sitompul, M.Sc selaku pembimbing yang telah meluangkan waktunya selama penyusunan tugas akhir ini. Terimakasih kepada Ibu Dr. Elly Rosmaini, M.Si dan Bapak Syahriol Sitorus, S.Si, M.IT selaku Ketua dan Sekretaris Program Studi D3 Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M.Si dan Ibu Dr. Mardiningsih, M.Si selaku Ketua dan Sekretaris Departemen Matematika FMIPA USU, Bapak Dr. Sutarman M.Sc Selaku Dekan FMIPA USU, seluruh Staff dan Dosen Program Studi D3 Teknik Informatika FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak terlupakan kepada Ayah Drs. Raja Bongsu Hutagalung, M.Si, Ibu Yenni Zahara, SH dan keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Allah SWT akan membalasnya.

(6)

PERANCANGAN SISTEM INFORMASI OBAT-OBATAN HERBAL DENGAN MENGGUNAKAN PEMROGRAMAN PHP DAN MYSQL

ABSTRAK

Sistem informasi ini bertujuan untuk membantu masyarakat dalam mendapatkan informasi tentang obat-obatan herbal yang berguna untuk membantu menyembuhkan penyakit yang diderita. Sistem informasi ini dibuat dengan menggunakan XAMPP Version 1.7.7 dengan Apache 2.2.21 sebagai web server, PHP 5.3.8 sebagai web programming dan MySQL 5.0.8 sebagai database server, CSS (Cascading Style Sheet), Java Script serta menggunakan Macromedia Dreamweaver 8 dan Notepad++ sebagai wesite editor, Adobe Photoshop CS5 sebagai desain website. Sistem informasi ini tidak berisikan informasi tentang obat-obatan kimia, melainkan aplikasi ini hanya berisikan informasi tentang tanaman obat herbal, zat yang terkandung didalam tanaman tersebut, dan cara pengolahan tanaman tersebut agar dapat digunakan menjadi tanaman obat herbal.

(7)

DESIGNING OF SYSTEM INFORMATION HERBAL MEDICINES WITH USING PROGRAMMING PHP AND MYSQL

ABSTRACT

This information system aims to help the communities in obtaining information about herbal medicines which are useful to help cure illnesses suffered. This information system be made with using XAMPP Version 1.7.7 with Apache 2.2.21 as web server, PHP 5.3.8 as web programming and MySQL 5.0.8 as the database server, CSS (Cascading Style Sheets), Java Script as well as using Macromedia Dreamweaver 8 and Notepad++ as an editor wesite, Adobe Photoshop CS5 as website design. This information system does not contain information about chemical medicines, but this application just contains information about herbal medicinal, substances that is contained in the plant, and the plant processing plant that can be used as herbal medicinal plants.

(8)

DAFTAR ISI

Halaman

Persetujuan i

Pernyataan ii

Penghargaan iii

Abstrak iv

Abstract v

Daftar Isi vi

Daftar Tabel viii

Daftar Gambar ix

BAB 1 PENDAHULUAN 1

1.1 Latar Belakang 1

1.2 Rumusan Masalah 3

1.3 Batasan Masalah 3

1.4 Tujuan Penelitian 3

1.5 Metode Penelitian 4

1.6 Sistematika Penulisan 5

BAB 2 LANDASAN TEORI 7

2.1 Tanaman Obat 7

2.2 Jenis Obat Herbal 9

2.2.1 Jamu(Empirical based herbal medicine) 9 2.2.2 Obat Herbal Terstandar (Scientific based herbal medicine) 9 2.2.3 Fitofarmaka (Clinical based herbal medicine) 10

2.3 TOGA 10

2.4 Pengertian Sistem Informasi 11

2.5 Data 12

2.6 Pengertian Internet 12

2.7 Database 13

2.7.1 Relationship Database Management System (RDBMS) 13

2.7.2 MySQL 14

2.8 Pemrograman PHP (Personal Home Page) 15

2.8.1 Sejarah PHP 15

2.8.2 Konsep dasar PHP 16

2.9 Hypertext Markup Language (HTML) 19

2.10 CSS(Cascading Style Sheet) 21

2.11 Pengenalan Macromedia Dreamweaver 8 22

2.12 UML 23

(9)

2.12.4 State Chart Diagram 24

2.12.5 Activity Diagram 24

2.13 ERD 25

2.14 Flowchart 25

BAB 3 PERANCANGAN SISTEM 27

3.1 Perancangan Sistem 27

3.2 Data Flow Diagram 27

3.3 Perancangan Basis Data 29

3.4 Flowchart 31

3.4.1 Flowchart Halaman Utama Pencarian Obat 32

3.4.2 Flowchart Login Administrator 33

3.4.3 Flowchart Halaman Utama Administrator 34

3.5 Perancangan Antar Muka (Interface) 35

3.5.1 Halaman Utama (index.php) 35

3.5.2 Halaman Tampilan (depan.php) 36

3.5.3 Halaman About (about.php) 37

3.5.4 Halaman Detail Tanaman (detai.php) 38

3.5.5 Halaman Login Admin (index.php) 39

3.5.6 Halaman Utama Admin (berhasil.php) 40

3.5.7 Halaman Input Data (input.php) 41

BAB 4 IMPLEMENTASI SISTEM 42

4.1 Pengertian Implementasi Sistem 42

4.2 Komponen Sistem 42

4.2.1 Software 43

4.2.2 Hardware 43

4.2.3 Brainware 44

4.3 Tampilan Akhir Website 44

4.3.1 Halaman index.php 44

4.3.2 Halaman depan.php 46

4.3.3 Halaman detail.php 47

4.3.4 Halaman about.php 48

4.3.5 Halaman berhasil.php 49

4.3.6 Halaman input.php 50

4.3.7 Halaman edit.php 51

BAB 5 KESIMPULAN DAN SARAN 52

5.1 Kesimpulan 52

5.2 Saran 53

(10)

DAFTAR TABEL

Nomor Judul Halaman

Tabel

3.1 Simbol-simbol DFD 28

3.2 Tabel user 30

3.3 Tabel biodata 30

3.4 Tabel statistika 30

3.5 Tabel kategori 31

(11)

DAFTAR GAMBAR

Nomor Judul Halaman

Gambar

2.1 Elemen-elemen flowchart 26

3.1 Simulasi DFD Obat-obatan Herbal 29

3.2 Flowchart Halaman Utama Pencarian Obat 32

3.3 Flowchart Login Administrator 33

3.4 Flowchart Halaman Utama Administrator 34

3.5 Perancangan Antar Muka Halaman Utama 35

3.6 Perancangan Antar Muka Tampilan 36

3.7 Perancangan Antar Muka About 37

3.8 Perancangan Antar Muka Detail Tanaman 38

3.9 Perancangan Antar Muka Halaman Login Admin 39

3.10 Perancangan Antar Muka Halaman Utama Admin 40

3.11 Perancangan Antar Muka Halaman Input Data 41

4.1 Halaman index.php buat user 45

4.2 halaman index.php buat admin 46

4.3 Halaman depan.php 47

4.4 Halaman detail.php 48

4.5 Halaman about.php 49

4.6 Halaman berhasil.php 49

4.7 Halaman input.php 50

(12)

PERANCANGAN SISTEM INFORMASI OBAT-OBATAN HERBAL DENGAN MENGGUNAKAN PEMROGRAMAN PHP DAN MYSQL

ABSTRAK

(13)

DESIGNING OF SYSTEM INFORMATION HERBAL MEDICINES WITH USING PROGRAMMING PHP AND MYSQL

ABSTRACT

(14)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi, mendukung operasi, bersifat manajerial, dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan (Ladjamudin, 2005).

Sistem informasi merupakan sarana alternatif untuk membantu memberikan informasi bagi suatu lembaga, perusahaan ataupun perorangan. Salah satunya adalah website, merupakan sarana promosi yang memberikan kemudahan bagi siapa saja yang ingin mengaksesnya kapanpun dan dimanapun.

Dari hasil Susenas tahun 2007 menunjukan di Indonesia sendiri keluhan sakit yang diderita penduduk Indonesia sebesar 28,15% dan dari jumlah tersebut ternyata 65,01% nya memilih pengobatan sendiri menggunakan obat kimia dan 38,30% lainnya memilih menggunakan obat tradisional, jadi kalau penduduk

(15)

Indonesia diasumsikan sebanyak 220 juta jiwa maka yang memilih menggunakan obat tradisional sebanyak kurang lebih 23,7 juta jiwa, suatu jumlah yang sangat besar (www.tanamanherbal.wordpress.com).

Melihat hal itu penulis ingin merancang suatu sistem informasi yang dapat membantu masyarakat yang menginginkan informasi tersebut. Maka dari itu saya sebagai penulis ingin memberikan informasi tentang obat-obatan herbal.

Pada saat ini masyarakat memilih menggunakan obat-obatan kimia dibandingkan dengan obat-obatan herbal, dikarenakan proses penyembuhannya lebih cepat dibandingkan obat herbal. Namun masyarakat tidak menyadari bahwa obat-obatan yang di buat dengan bahan-bahan kimia hanya memperbaiki beberapa sistem tubuh yang rusak, dan relatif kurang efektif untuk menyembuhkan penyakit kronis. Sedangkan obat herbal dapat memperbaiki keseluruhan sistem tubuh yang rusak, dan efektif untuk menyembuhkan penyakit kronis yang sulit diatasi dengan obat kimia.

Obat tradisional (obat herbal) adalah obat-obatan yang diolah secara tradisional, turun-temurun, berdasarkan resep nenek moyang, adat-istiadat, kepercayaan, dan kebiasaan setempat. Menurut penelitian masa kini, obat-obatan tradisional memang bermanfaat bagi kesehatan, dan kini digencarkan penggunaannya karena lebih mudah dijangkau masyarakat, baik harga maupun ketersediaannya. Obat tradisional pada saat ini banyak digunakan karena menurut

(16)

beberapa penelitian tidak terlalu menyebabkan efek samping, karena masih bisa dicerna oleh tubuh.

Dari latar belakang yang diatas, penulis ingin membuat sebuah tugas akhir yang berjudul “PERANCANGAN SISTEM INFORMASI OBAT-OBATAN HERBAL DENGAN MENGGUNAKAN PEMROGRAMAN PHP DAN

MYSQL”.

1.2 Perumusan Masalah

Sesuai dengan latar belakang yang telah disebutkan sebelumnya maka perumusan masalah dalam tugas akhir ini adalah apa saja informasi tentang obat herbal berkhasiat yang dapat diberikan kepada masyarakat.

1.3 Batasan Masalah

Dalam perancangan website ini, penulis membatasi beberapa batasan masalah sebagai berikut :

1. Website ini hanya memuat sebuah informasi mulai dari tanaman, zat-zat yang terkandung didalam tanaman tersebut, serta cara mengelolahnya agar

(17)

2. Website ini tidak memberikan informasi tentang obat-obatan kimia.

1.4 Tujuan Penelitian

Dalam penyusunan tugas akhir ini tujuan yang hendak dicapai dalam website obat-obatan herbal ini adalah merancang sebuah website untuk memberikan informasi bagi masyarakat yang ingin menggunakan obat-obatan herbal.

1.5 Metode Penelitian

Metode penelitian yang digunakan penulis untuk menyelesaikan permasalah yang terjadi di atas adalah :

1. Studi Literatur

Mengumpulkan data dan informasi yang berkaitan dengan permasalahan yang ada dengan cara membaca buku-buku, dan bahan-bahan sumber lainnya di perpustakaan USU.

2. Analisis Sistem

Melakukan analisis sistem terhadap masalah yang terjadi didalam website obat-obatan herbal, sehingga dapat dijalankan dengan mudah dan bisa

(18)

bermanfaat bagi masyarakat pengguna pada komputer dengan fasilitas internet.

3. Desain Sistem

Melakukan perancangan program, untuk membuat desain website obat-obatan herbal.

4. Uji Coba

Pada tahap ini pengujian program dibutuhkan untuk menangani masalah dan memperbaiki kesalahan yang terjadi pada website obat-obatan herbal tersebut agar dapat berjalan dengan baik.

5. Dokumentasi

Pada tahap ini penulis membuat sebuah laporan yang berisikan studi literatur sampai dengan implementasi, serta penarikan kesimpulan dan saran, dan apa saja yang menjadi kelemahan dan kelebihan dalam website obat-obatan herbal.

1.6 Sistematika Penulisan

Untuk memepermudah penulisan tugas akhir ini, penulis membuat beberapa sistematika penulisan sebagai berikut:

(19)

BAB 1 : PENDAHULUAN

Bab ini berisikan latar belakang masalah, perumusan masalah, batasan masalah, tujuan, serta metode penelitian.

BAB 2 : LANDASAN TEORI

Bab ini menjelaskan teori-teori singkat tentang hal-hal yang berhubungan dengan judul.

BAB 3 : ANALISIS DAN PERANCANGAN SISITEM

Bab ini berisi tentang analisis dan langkah-langkah perancangan sistem, data flow diagram, flowchart, persiapan database, file yang digunakan serta algoritma terbentuknya program.

BAB 4 : IMPLEMENTASI SISTEM

Bab ini berisi implementasi sistem, spesifikasi komponen-komponen sistem, pengujian pada browser dan tampilan halaman aplikasi web yang dirancang.

BAB 5 : KESIMPULAN DAN SARAN

Bab ini berisi uraian mengenai kesimpulan dan saran dari penelitian yang telah dilaksanakan.

(20)

BAB 2

LANDASAN TEORI

2.1 Tanaman Obat

Tanaman obat adalah tanaman yang memiliki khasiat obat dan digunakan sebagai obat dalam penyembuhan maupun pencegahan penyakit. Pengertian berkhasiat obat adalah mengandung zat aktif yang berfungsi mengobati penyakit tertentu atau tidak mengandung zat aktif tertentu tapi mengandung efek resultan atau sinergi dari berbagai zat yang berfungsi mengobati. Seperti yang diketahui obat heral dapat menyembuhkan penyakit dengan efek samping yang minim karena dibuat dari bahan-bahan yang alami, tidak seperti obat sintetis yang dapat memberikan efek samping baik secara langsung maupun setelah waktu yang lama.

Dalam penggunaan tanaman obat sebagai obat bisa dengan cara diminum, ditempel, untuk mencuci atau mandi, dihirup sehingga penggunaannya dapat memenuhi konsep kerja reseptor sel dalam menerima senyawa kimia atau rangsangan.

(21)

Istilah herbal biasanya diidentikan dengan tumbuh-tumbuhan yang tidak berkayu atau dengan kata lain perdu. Dalam dunia pengobatan, istilah herbal berkenaan dengan segala jenis tumbuhan dan atau seluruh bagian-bagiannya yang mengandung satu atau lebih bahan aktif yang dapat digunakan sebagai obat (therapeutic). Contohnya adalah mengkudu hutan atau Morinda citrifolia dengan kandungan moridin (berguna sebagai bahan aktif anti kanker) dan pegagan atau

Centela asiatica dengan kandungan asiaticosidem (berguna untuk mengatasi permasalahan kulit dan meningkatkan IQ).

Pada dasarnya, pengobatan dengan obat herbal dilakukan melalui pendekatan yang bersifat holistik, yaitu tubuh manusia dipandang memiliki suatu sistem harmoni yang selalu seimbang. Apabila ada salah satu bagian tubuh bermasalah, akan timbul pula masalah pada bagian tubuh yang lain. Obat herbal di sini bekerja dengan cara memberi energi pada organ tubuh dan kelenjar tertentu serta menyeimbangkan kondisi tubuh sehingga membantu mengembalikan keharmonisan dan keseimbangan tubuh secara keseluruhan. Dalam aplikasinya, pengobatan dengan obat herbal diarahkan untuk menjaga dan mempertahankan sistem imun tubuh untuk melawan patogen (bibit penyakit) dari luar.

Suatu tanaman dapat dikategorikan sebagai tanaman obat jika telah melewati beberapa uji dan penelitian seperti penelitian fisik, kimiawi,

farmakologis, biologis, dan uji toksisitas (racun). Tanaman obat yang tidak memenuhi ketentuan di atas, yaitu bahan bakunya belum terstandarkan, mudah

(22)

tercemar, higroskopis, dan voluminous terhadap berbagai mikroorganisme

dikatakan belum layak menjadi obat yang dapat dikonsumsi.

2.2 Jenis Obat Herbal

2.2.1 Jamu(Empirical based herbal medicine)

Jamu merupakan tumbuhan yang diekstrak dan dijadikan sebagai obat, namun belum teruji secara klinis maupun pra-klinis. Pada umumnya jamu dipilih karena resep tradisional turun-temurun untuk kesehatan ataupun pengobatan.

Pada umumnya, jenis ini dibuat dengan mengacu pada resep peninggalan leluhur. Bentuk jamu tidak memerukan pembuktian ilmiah sampai dengan klinis, tetapi cukup dengan bukti empiris turun temurun.

2.2.2 Obat Herbal Terstandar (Scientific based herbal medicine)

Obat herbal terstandar adalah obat tradisional yang disajikan dari ekstrak atau penyarian bahan alam yang dapat berupa tanaman obat, binatang, maupun mineral. Untuk melaksanakan proses ini membutuhkan peralatan yang lebih kompleks dan berharga mahal, ditambah dengan tanaga kerja yang mendukung

(23)

produksi dengan teknologi maju, jenis ini telah ditunjang dengan pembuktian ilmiah berupa penelitian-penelitian pre-klinik (uji pada hewan) dengan mengikuti standar kandungan bahan berkhasiat, standar pembuatan ekstrak tanaman obat, standar pembuatan obat tradisional yang higienis, dan uji toksisitas akut maupun kronis.

2.2.3Fitofarmaka (Clinical based herbal medicine)

Jenis ini paling baik kualitasnya karena dibuat dengan pengolahan senyawa tertentu untuk pengobatan tertentu pula sehingga zat-zat yang tidak perlu tidak akan ikut terkonsumsi. Obat ini telah teruji secara klinis, yakni sudah pernah diujicobakan pada manusia sehingga kualitasnya terjamin.

2.3 TOGA

Toga adalah singkatan dari tanaman obat keluarga. Taman obat keluarga pada hakekatnya sebidang tanah baik di halaman rumah, kebun ataupun ladang yang digunakan untuk membudidayakan tanaman yang berkhasiat sebagai obat dalam rangka memenuhi keperluan keluarga akan obat-obatan. Kebun tanaman obat atau bahan obat dan selanjutnya dapat disalurkan kepada masyarakat , khususnya obat yang berasal dari tumbuh-tumbuhan.

(24)

Berbicara tentang pemanfaatan tanaman obat atau bahan obat alam pada umumnya sebenarnya bukanlah merupakan hal yang baru. Manusia mulai mencoba memanfaatkan alam sekitarnya untuk memenuhi keperluan alam kehidupannya, termasuk dengan bantuan obat-obatan alam tersebut, masyarakat dapat mengatasi masalah-masalah kesehatan yang dihadapinya. Hal ini menunjukkan bahwa zat yang berasal dari sumber bahan alam khususnya tanaman dapat membantu masyarakat dalam menyembuhkan penyakit yang dideritanya. Adapun pemanfaatan TOGA yang digunakan untuk pengobatan gangguan kesehatan keluarga menurut gejala umum adalah demam panas, batuk, sakit perut, dan gatal-gatal.

2.4 Pengertian Sistem Informasi

(25)

2.5 Data

Data berasal dari kata “datum” yang berarti fakta yang mengandung arti

pengolahan data dengan menggunakan komputer yang dikenal dengan Pengolahan Data Elektronik (PDE) atau Elektronik Data Processing (EDP).

Kegunaan dari data adalah sebagai bahan dasar yang objektif di dalam proses penyusunan kebijaksanaan dan keputusan oleh pimpinan organisasi. Data merupakan keterangan yang masih mentah (belum diolah).Agar dapat dipergunakan, maka data tersebut harus diolah terlebih dahulu ke dalam bentuk informasi yang sesuai dengan keperluan yang dibutuhkan (Kenneth C. Laudon dan Jane P. Laudon, 2008).

2.6 Pengertian Internet

Internet (Interconnected Network) merupakan jaringan komputer yang terdiri dari ribuan jaringan komputer independen yang dihubungkan antara satu dengan yang lainnya.Secara etimologis, internet berasal dari bahasa Inggris yakni Inter yang berarti antar dan Net yang berarti jaringan sehingga Internet dapat diartikan hubungan antar jaringan (MADCOMS, 2008).

(26)

2.7 Database

Database adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut. Perangkat lunak yang digunakan untuk mengelola dan memanggil kueri (query) basis data disebut database management system (DBMS). Sedangkan RDBMS adalah Relationship Database Management System merupakan salah satu jenis DBMS yang mendukung adanya

relationship atau hubungan antar table.

Pemrograman sebuah database banyak dilakukan dengan menggunakan bahasa yang disebut dengan Structure Query Language(SQL). Selain SQL,

pemrograman database juga meliputi manipulasi objek-objek database,

analisaquery, dan juga interaksi database dengan Open Database Conectivity(ODBC).

2.7.1 Relationship Database Management System (RDBMS)

RDBMS(Relational Data Base Management System) adalah sebuah sistem manajemen basis data relasional atau dalam bahasa Inggrisnya dikenal sebagai

relational databasemanagement system (RDBMS) adalah sebuah program komputer (seperangkat program komputer) yang didisain untuk mengatur/memanajemen sebuah basisdata sebagai sekumpulan data yang

(27)

disimpan secara terstruktur, dan melakukan operasi-operasi data atas permintaan penggunanya.

2.7.2 MySQL

MySQL merupakan software sistem manajemen database(Database Management System – DBMS) yang sangat popular di kalangan pemrogram web, terutama di lingkungan Linux dengan menggunakan skrip dan Ped.

Fungsi MySQL dapat dikatakan sebagai interpreter query, karena setiap kita menggunakan query SQL (perintah SQL) kita harus meletakkannya di dalam fungsi ini. Dengan kata lain, SQL tidak dapat dijadikan tanpa adanya fungsi MySQL. MySQL termasuk jenis relational database management system

(RDBMS). Sehingga istilah seperti tabel, baris dan kolom tetap digunakan dalam MySQL. Pada MySQL, sebuah database mengandung beberapa tabel, tabel terdiri dari sejumlah baris dan kolom.

SQL merupakan kependekan Structured Query language. SQL digunakan untuk berkomunikasi dengan sebuah database. SQL adalah bahasa yang meliputi perintah-perintah untuk menyimpan, menerima, memelihara, dan mengatur akses-akses ke basis data serta digunakan untuk memanipulasi dan menampilkan data dari database(R.W. Rosari, 2008).

(28)

2.8 Pemrograman PHP (Personal Home Page)

PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar yang digunakan dalam dunia website. PHP adalah bahasa pemrograman yang berbentuk script yang diletakkan didalam web server. Ada beberapa pengertian tentang PHP, akan tetapi PHP dapat diartikan sebagai Hypertext Preeprocessor. Ini merupakan bahasa yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien.Interpreter PHP dalam mengeksekusi kode PHP pada sisi

server disebut serverside, berbeda dengan mesin maya Java yang mengeksekusi program pada sisi client-server (Kasiman Peranginangin, 2009).

2.8.1Sejarah PHP

PHP pertama kali diciptakan oleh Rasmus Lerdorf pada tahun 1994.Awalnya, PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung pada homepage-nya.Rasmus lerdorf adalah seorang pendukung open source. Oleh karena itu, ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudianmenambah kemampuan PHP 1.0 dan meluncurkan PHP 2.0.

Pada tahun 1996, PHP telah banyak digunakan dalam website didunia. Sebuahkelompok pengembang software yang terdiri dari Rasmus, Zeew Zuraski, AndiGutman, Stig Bakken, Shane Caraveo dan Jim Winstead bekerjasama

(29)

untukmenyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan.Penyempurnaan terus dilakukan sehingga pada tahun 2000 diluncurkan PHP 4.0.Tidak berhenti sampai disitu, kemampuan PHP terus ditambah dan versi terbaru yang dikeluarkan adalah PHP 5.0.x (Kasiman Peranginangin, 2009).

2.8.2Konsep dasar PHP

Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar (>). Ada beberapa cara untuk menuliskan skrip PHP yaitu:

1. <?

…..skrip PHP ?>

2. <?php

…..skrip PHP ?>

3. <script language=”PHP”> …..skrip PHP

(30)

4. <%

…..skrip PHP %>

Pemisah antar instruksi adalah tanda titik koma (;) dan untuk membuat atau menambahkan komentar/standar penulisan adalah: /* komentar */, // komentar, # komentar. Untuk menuliskan skrip PHP ada dua cara yang sering digunakan yaitu

Embedded Script dan Non-Embedded Script.

a. Embedded Script adalah script PHP yang disisipkan diantara tag dokumen html. Contoh penulisan dari Embedded Script:

<html>

<head><title>Embedded Script</title></head> <body>

<?php

echo “Hallo, selamat menggunakan PHP”; ?>

</body> </html>

b. Non-Embedded Script adalah skrip PHP murni, tag html yang digunakan untuk membuat dokumen merupakan bagian dari skrip PHP. Contoh penulisan dari Non-Embedded Script :

(31)

<?php

echo “<html>”: echo “<head>”:

echo “<title>Mengenal PHP</title>”: echo “</head>”:

echo “<body>”:

echo “<p>PHP itu mudah</p>”: echo “</body>”:

echo “<html>”: ?>

Scriptyang dibuat dengan PHP disimpan dengan nama file dan diikuti dengan ekstensi *.php, misalnya : coba.php. Bila skrip PHP diakses melalui komputer local maka file PHP disimpan di folder htdocs di web server. Sama halnya dengan penaman dokumen html, pemberian nama dokumen yang sama tetapi dituliskan dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda. Skrip dapat disisipkan di bagian manapun dalam dokumen html, begitu pula sebaiknya skrip HTML dapat diletakkan di antara skrip PHP (Kasiman Peranginangin, 2009).

(32)

2.9 Hypertext Markup Language (HTML)

Hypertext Markup Language merupakan kepanjangan dari kata HTML. HTML adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat

intenet. HTML juga merupakan file teks murni yang dapat dibuat dengan editor

teks sembarang yaitu yang dikenal sebagai web page atau dokumen yang disajikan dalam web browser. Dokumen ini umumnya berisi informasi atau

interface aplikasi didalam internet.

HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh berbagai platform seperti : windows, Linux, Macintosh. Kata

Markup Language pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam script HTML sehingga kita bisa mengatur judul, garis, tabel, gambar dan lain-lain dengan perintah yang telah ditentukan dalam elemen HTML.

Simbol penandaan yang digunakan dalam HTML ditandai dengan tanda lebih kecil (<) dan tanda lebih besar (>) yang disebut dengan tag. Misalnya hendak menampilkan teks yang tercetak miring, maka mark up yang digunakan adalah sebagai berikut :

<i> Teks ini akan dicetak miring </i>

(33)

HTML itu sendiri terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengankode <form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai bagian-bagian HTML perhatikan skema dibawah ini :

<title> Judul Halaman </title> </head>

<body>

…isi dari halaman web…

</body> </html>

Keterangan :

a. Dokumen HTML selalu diawali dengan tand tag pembuka <html> dan diakhiri dengan tanda tag penutup </html>.

b. Pada elemen head <head></head>, dapat kita sisipkan kode untuk menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan scripts pemrograman web seperti Javascript, VBscript atau CSS untuk menambah daya tarik pada situs yang kita buat agar lebih menarik

(34)

c. Elemen-elemen <body></body> berisi tag-tag untuk isi atau layout tampilan situs kita, seperti : <font></font>, <table></table>, <form></form>.

Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kodekode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen.

Tag adalah kode-kode yang digunakan untuk mengatur dokumen HTML. Secara garis besar bentuk umum tag adalah sebagai berikut : <tag-awal>TEKS<tag-akhir>. Namun ada juga tag yang tidak perlu ada tag penutup seperti <br>, <hr>, <img> dan lain-lain (MADCOMS, 2008).

2.10 CSS (Cascading Style Sheet)

CSS merupakan kependekan Cascading Style Sheet yang berfungsi untuk mengatur tampilan dengan kemampuan jauh lebih baik dari tag maupun atribut standar HTML. CSS sebenarnya adalah suatu kumpulan atribut untuk fungsi format tampilan dan dapat digunakan untuk mengontrol tampilan banyak dokumen secara bersamaan. Keuntungan menggunakan CSS yaitu jika ingin mengubah dokumen, maka tidak perlu mengubah satu persatu.

Penggunaan CSS ada dua cara yaitu dengan menyispkan kode CSS langsung dalam kode HTML atau simpan menjadi file tersendiri berekstensi *.css. Dengan meyimpan sebagai file tersendiri akan memudahkan untuk mengontrol tampilan dalam banyak dokumen secara langsung. CSS mendapat dukungan

(35)

penuh pada browser versi 4 dan pada versi sebelumnya, hanya Internet Explorer

yang masih mampu mengenal CSS. Tampilan CSS dapat berbeda jika ditampilkan pada menu browser yang berbeda (Diar Puji Oktavian, 2010).

2.11 Pengenalan Macromedia Dreamweaver 8

Dreamweaver 8 merupakan salah satu produk software yang dikeluarkan dari perusahaan Macromedia, Inc. Software ini bergerak dalam bidang perancangan

web. Sekelompok software perancang web diantaranya Flash, Dreamweaver,

Firework, Freehand dan lain-lain. Macromedia tampaknya sangat serius dalam membuat software pembangun website yang mampu melakukan banyak hal dan memiliki banyak keunggulan.

Dreamweaver 8 adalah suatu bentuk software editor web yang dibuat oleh Macromedia. Dengan software ini, seorang programmer web dapat dengan mudah membuat tampilan websitenya. Dreamweaver 8 merupakan editor yang komplit dan dapat digunakan untuk membuat animasi sederhana dalam bentuk halaman. Dengan adanya software ini kita tidak direpotkan untuk menuliskan skrip-skrip format HTML, PHP, ASP maupun bentuk program lainnya.

(36)

2.12 UML

Unified Modeling Language UML adalah bahasa pemodelan untuk sistem atau perangkat lunak yang berparadigma berorientasi objek. Pemodelan (modeling) sesungguhnya digunakan untuk penyederhanaan permasalahan-permasalahan yang kompleks sedemikian rupa sehingga lebih mudah dipelajari dan dipahami.

2.12.1 Use Case Diagram

Use case adalah adalah deksripsi fungsi dari sebuah sistem dari perspektif pengguna. Use case bekerja dengan cara mendeskripsikan tipikal interaksi antara pengguna sebuah sistem (aktor) dengan sistemnya sendiri melalui sebuah cerita bagaimana sebuah sistem dipakai (Maimunah, 2010).

2.12.2 Class Diagram

Class diagram adalah Class yang menggambarkan keadaan (atribut/property) suatu sistem, sekaligus menawarkan pelayanan untuk memanipulasi keadaan tersebut (metode/fungsi).

Menggambarkan struktur object sistem. Diagram ini menunjukkan class object yang menyusun sistem dan juga hubungan antara class object tersebut.

(37)

2.12.3 Sequence Diagram

Sequence Diagramadalah iterasiksi yang menekankan pada pengiriman pesan dalam suatu waktu tertentu.

2.12.4 State Chart Diagram

Digunakan untuk memodelkan behaviour objek khusus yang dinamis. Diagram ini mengilustrasikan siklus hidup objek berbagai keadaan yang dapat diasumsikan oleh objek dan event-event (kejadian) yang menyebabkan objek beralih dari satu state ke state yang lain.

2.12.5 Activity Diagram

Activity Diagram adalah tipe khusus dari diagram status yang memperlihatkan aliran dari suatu suatu aktivitas ke aktivitas lainnya dalam suatu sistem. Diagram ini terutama penting dalam pemodelan fungsi-fungsi suatu sistem dan memberi tekanan pada aliran kendali antar objek.

(38)

2.13 ERD

Entity Relationship Diagram(ERD) adalah model konseptual yang mendeskripsikan hubungan antara penyimpanan (dalam DFD). ERD digunakan untuk memodelkan struktur data dan hubungan antar data. Dengan ERD, model dapat diuji dengan mengabaikan proses yang dilakukan.

2.14 Flowchart

Flowchart adalah sebuah diagram umum yang mempresentasikan sebuah algoritma atau proses menggunakan beberapa bangunan geometri untuk memperlihatkan langkah-langkah yang dilakukan oleh program dalam menyelesaikan masalah (Opim salim sitompul, 2011).

Adapun elemen-elemen membentuk flowchart lihat pada table sebagai berikut:

NO SIMBOL FUNGSI

Oval, digunakan untuk mewakili simbol Start (mulai) atau

End (akhir). Dengan cara memberi label Start atau End.

2. Arrows, digunakan untuk menunjuk arus proses.

Rectangle, digunakan untuk menunjukkan langkah

(39)

Prallelogram atau trapezium, digunakan untuk mewakili

input/output dan memasukkan menunjukkan hasil dari suatu proses.

Dokumen, digunakan untuk mewakili output sebagai alternatif untuk simbol jajaran genjang yang digunakan pada input.

Diamond, digunakan untuk menyatakan keputusan (desicion).

(40)

BAB 3

PERANCANGAN SISTEM

3.1 Perancangan Sistem

Perancangan sistem adalah proses menyusun atau mengembangkan sistem yang baru atau memperbaiki sistem lama yang telah ada sebelumnya. Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan pengguna (user) dengan memberikan gambaran yang jelas tentang perancangan sistem yang akan dibuat. Untuk mulai membangun suatu sistem informasi, maka penulis terlebih dahulu merancang desain sistem serta gambar perancangan sistem yang akan dibuat sepraktis mungkin.

3.2 Data Flow Diagram

Data Flow Diagram (DFD) adalah suatu diagram yang menggambarkan arus dari aliran data informasi dan transformasi (proses) dari data yang dimulai dari

(41)

penginputan data sampai menghasilkan keluaran (output) data. Adapun simbol-simbol dari Data Flow Diagram yaitu:

Table 3.1 Simbol-simbol DFD

No Gambar Nama Fungsi

1 Kesatuan Luar

(Exsternal Entity)

Merupakan kesatuan luar di lingkungan luar sistem yang akan memberikan input atau menerima output dari sistem.

2 Proses

(Proses)

Kegiatan dari hasil suatu arus data yang masuk dalam proses untuk dihasilkan arus data yang akan keluar atau untuk mengubah input menjadi output.

3 Aliran Data

(Data Flow)

Data mengalir melalui sistem dimulai dengan sebagian

input dan diubah menjadi

output.

Penyimpanan Data

(Data Storage)

Data disimpan untuk keperluan berikutnya.

Berikut ini merupakan Data Flow Diagram dari rancangan Sistem Informasi Obat-obatan Herbal.

(42)

Gambar 3.1 Simulasi DFD Obat-obatan Herbal

3.3 Perancangan Basis Data

Perancangan Basis data adalah kumpulan data yang saling berhubungan antara data yang satu dengan data yang lain, yang disimpan di dalam perangkat lunak komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut. Perangkat lunak yang digunakan untuk mengelola dan memanggil kueri (query) basis data disebut sistem manajemen basis data (database management system, DBMS). Berikut ini rancangan table yang digunakan dalam membangun Aplikasi Obat-obatan Herbal ini:

User

Aplikasi Obat-obatan Herbal

Admin

1. Pencarian Informasi 2. Mengambil Informasi

1. Input Data 2. Edit Data 1. Output

(43)

Table 3.2 Tabel user

Table 3.3 Tabel biodata

Nama Field Tipe Lebar Penjelasan

Nama varchar 26 Nama admin

tmp_tgl_lahir varchar 50 Tanggal lahir

admin

Email varchar 26 Email admin

Pendidikan varchar 50 Jenjang

pendidikan admin

Foto varchar 100 Foto admin

Keterangan text Tujuan merancang

aplikasi

Table 3.4 Tabel statistika

Nama Field Tipe Lebar Penjelasan

Ip varchar 20 Ip untuk

pengunjung

Tanggal date Tanggal

pengunjung

Hits int 10 Hits pengunjung

Online varchar 255 Pengunjung online

Nama Field Tipe Lebar Penjelasan

id_user int 10 Id untuk user

Username varchar 60 Username untuk

user

Password varchar 50 Password untuk

(44)

Table 3.5 Table kategori

Nama Field Tipe Lebar Penjelasan

id_kategori int 10 Id kategori

tanaman

Kategori varchar 50 Kategori untuk

tanaman

Table 3.5 Table tanaman

Nama Field Tipe Lebar Penjelasan

Id int 10 Id untuk table

tanaman

Kategori varchar 50 Kategori tanaman

Nama_tanaman varchar 50 Nama tanaman

Gambar varchar 255 Gambar tanaman

Nama_penyakit varchar 50 Nama penyakit

Zat text

Zat yang

terkandung dalam tanaman

Pengolahan text

Pengolahan tanaman menjadi obat

3.4 Flowchart

(45)

3.4.1 Flowchart Halaman Utama Pencarian Obat

Gambar 3.2 Flowchart Halaman Utama Pencarian Obat Mulai

Halaman Utama

Berhenti

tidak

Melakukan Pencarian

Obat

Masukkan Kata Kunci

Jika ditemukan

Tampilkan Data Pencarian Informasi tanaman

yang dicari kembali

(46)

3.4.2 Flowchart Login Administrator

Gambar 3.3 Flowchart Login Administrator Mulai

Halaman Utama

Login

tidak

Masukkan username dan password

ya Jika Username

dan password benar atau

salah

Halaman Utama Administrator

(47)

3.4.3 Flowchart Halaman Utama Administrator

Halaman Utama Administrator

ya Tambah

data ya Halaman Utama Login Tampilan data Input data ya Edit data Edit data ya Hapus data Hapus data ya tidak tidak Simpan ke Database Logout tidak Prosedur Logout ya ya tidak tidak

(48)

3.5 Perancangan Antar Muka (Interface)

Antarmuka (Interface) merupakan bagian dari sistem aplikasi yang digunakan sebagai alat komunikasi antara sistem dan user. Perancangan antarmuka dalam Aplikasi Obat-obatan herbal ini terdiri dari :

3.5.1 Halaman Utama (index.php)

File ini merupakan halaman yang pertama kali diakses ketika situs dibuka. Pada halaman ini berisikan menu utama, menu tampilan penyakit (penyakit), menu tentang pembuat (about).

Gambar 3.5 Perancangan Antar Muka Halaman Utama

Slide Show

Home

Penyakit

About

(49)

3.5.2 Halaman Tampilan (depan.php)

File ini merupakan halaman ketika menu penyakit akan menuju ke file ini. Pada file ini berisikan nama-nama penyakit, berita terbaru, statistika pengunjung, menu tentang pembuat, menu facebook untuk berteman dengan pembuat, dan menu halaman utama.

Gambar 3.6 Perancangan Antar Muka Tampilan

Slide Show

Informasi

Terbaru

Statistika

user

Tampilan data

Footer

Home

Penyakit

About

Facebook

(50)

3.5.3 Halaman About (about.php)

File ini merupakan halaman ketika menu about di klik akan menuju ke file ini. Pada file ini berisikan biodata pembuat, berita terbaru, statistika pengunjung, menu tentang pembuat, menu facebook untuk berteman dengan pembuat, dan menu halaman utama.

Gambar 3.7 Perancangan Antar Muka About

Slide Show

Informasi

Terbaru

Statistika

user

Biodata

Footer

Penyakit

About

Facebook

Home

(51)

3.5.4 Halaman Detail Tanaman (detai.php)

File ini merupakan halaman ketika nama penyakit atau informasi terbaru di klik akan menuju ke file ini. Pada file ini berisikan informasi tentang tumbuhan obat untuk menyembuhkan penyakit dan cara pengolahan agar dapat dikonsumsi menjadi obat, berita terbaru, statistika pengunjung, menu tentang pembuat, menu

facebook untuk berteman dengan pembuat, dan menu halaman utama.

Gambar 3.8 Perancangan Antar Muka Detail Tanaman

Slide Show

Informasi

Terbaru

Statistika

user

Detail Tanaman

Footer

About

Facebook

Home

Penyakit

(52)

3.5.5 Halaman Login Admin (index.php)

Halaman ini merupakan tempat admin melakukan login untuk masuk ke Administrator dan melakukan proses input, edit, dan menghapus data.

Gambar 3.9 Perancangan Antar Muka Halaman Login Admin Login Administrator

User name

Password

(53)

3.5.6 Halaman Utama Admin (berhasil.php)

Pada halaman sebelumnya admin berhasil login ke dalam administrator. Setelah berhasil login admin akan menuju file berhasil.php yang berisikan menu penginputan data, menu logout, menu tampilan data untuk mengedit dan menghapus data.

Gambar 3.10 Perancangan Antar Muka Halaman Utama Admin

Header

Detail Tanaman

Footer

Input data

Logout

Nama admin

Tampilan data

(54)

3.5.7 Halaman Input Data (input.php)

File ini berisikan untuk penginputan data kedalam database yang dilakukan oleh admin. Pada file ini berisikan menu penginputan data, menu logout, menu tampilan data.

Gambar 3.11 Perancangan Antar Muka Halaman Input Data

Header

Input Data

Footer

Input data

Logout

Nama admin

Tampilan data

(55)

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah tahap penerapan sistem yang akan dilakukan jika sistem telah disetujui dan telah diuji, termasuk program yang telah dibuat pada tahap perancangan sistem agar siap untuk di operasikan. Adapun langkah - langkah dalam penerapan implementasi sistem adalah:

a. Software dan hardware yang dibutuhkan untuk membuat website.

b. Membuat rancangan sistem.

c. Menguji sistem yang telah disetujui dan mendokumentasikannya.

(56)

4.2.1 Software

Software pendukung yang dipakai dalam pembuatan website ini adalah: 1. Sistem operasi Windows XP.

2. XAMPP Version 1.7.7 dengan Apache 2.2.21 sebagai web server, PHP 5.3.8 sebagai web programming dan MySQL 5.0.8 sebagai database server.

3. Macromedia Dreamweaver 8 dan Notepad++ sebagai wesite editor.

4. Adobe Photoshop CS5 sebagai desain website.

4.2.2 Hardware

Perangkat keras yang dibutuhkan berdasarkan kebutuhan minimal yang harus dipenuhi antara lain:

1. Menggunakan processor minimal Intel Pentium 4 atau sekelasnya. 2. Menggunakan RAM minimal 128 MB.

3. Tersedianya hard drive untuk media penyimpanan, minimal 20GB. 4. Mouse, keyboard, dan monitor.

(57)

4.2.3 Brainware

Brainware adalah setiap orang yang terlibat dalam kegiatan pengembangan dan sumber inspirasi utama dalam membangun sistem informasi. Menurut tingkat pemanfaatannya, brainware digolongkan dalam empat tingkatan dimulai dari tingkatan yang tertinggi:

1. Sitem Analis: Penanggung jawab dan perencana sistem dari sebuah proyek pembangunan sebuah sistem informasi.

2. Programmer: Pembuat dan petugas yang mempersiapkan sistem dengan bahasa program yang dikuasainya.

3. Administrator: Seseorang yang bertugas mengelola sistem informasi. 4. Operator: Pengguna biasa, hanya memanfaatkan sistem informasi yang

sudah ada.

4.3 Tampilan Akhir Website

4.3.1 Halaman index.php

Halaman index merupakan halaman yang pertamakali diakses ketika alamat

(58)

1. Halaman index buat user

Halaman ini dapat diakses oleh user yang mengunjungi website ini. Pada halaman ini user dapat melihat informasi tentang obat-obatan herbal dan biodata penulis.

Gambar 4.1 Halaman index.php buat user

2. Halaman index buat admin

Halaman ini hanya dapat diakses oleh administrator website, dengan cara memberikan username dan password administrator agar dapat login. Di dalam halaman administrator, admin dapat menginput informasi terbaru atau mengedit dan menghapus data.

(59)

Gambar 4.2 Halaman index.php buat admin

4.3.2 Halaman depan.php

Halaman ini berisikan data-data tentang obat-obatan herbal, form pencarian agar lebih gampang mencari data yang dibutuhkan, serta informasi terbaru apabila ada data terbaru yang ditambah oleh admin.

(60)

Gambar 4.3 Halaman depan.php

4 3.3 Halaman detail.php

Halaman ini berisikan informasi tentang nama tanaman obat, nama penyakit, zat-zat terkandung didalam tanaman obat, serta cara pengolahan tanaman agar dapat menjadi obat.

(61)

Gambar 4.4 Halaman detail.php

4.3.4 Halaman about.php

Halaman ini berisikan tentang biodata penulis, nama, tanggal lahir, email, pendidikan, tujuan pembuatan website.

(62)

Gambar 4.5 Halaman about.php

4.3.5 Halaman berhasil.php

(63)

4.3.6 Halaman input.php

Pada halaman ini admin akan menginput data baru yang akan dimasukkan ke

website.

(64)

4.3.7 Halaman edit.php

Pada halaman ini admin dapat mengedit data yang sudah ada dan menggantinya dengan data yang baru.

(65)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Setelah penulis melakukan pengujian sistem pada sistem informasi Obat-obatan Herbal, penulis dapat mengambil kesimpulan sebagai berikut:

1. Sistem ini dapat membantu dan mengurangi penyakit yang sering terjadi di masyarakat.

2. Dengan diterapkannya sistem informasi ini, pengguna dimudahkan dalam mencari obat-obatan herbal yang ingin dicarinya.

3. Website ini bersifat dinamis sehingga memudahkan pengguna dalama menggunakan aplikasi ini.

4. Dalam pembuatan website yang dinamis ini penulis tidak hanya menggunakan bahasa pemrograman HTML, tetapi juga bahasa PHP sebagai web scripting, MySQL sebagai tempat menyimpan database, dan Apache sebagai web server.

(66)

5. Dengan menggunakan program PHP dan MySQL, akan memudahkan dalam hal perancangan tampilan yang lebih menarik dan mudah dipahami oleh pengguna.

5.2 Saran

Dengan selesainya perancangan Sistem Informasi Obat-obatan Herbal ini. Diharapkan pengguna dapat memanfaatkan informasi yang diberikan penulis dengan baik, dan lebih objektif dalam memilih obat yang baik buat kesehatan tubuh, bukan memilih obat yang proses penyembuhannya cepat tetapi memberikan efek samping yang lebih berbahaya bagi tubuh (Obat kimia), tetapi memilih obat yang proses penyembuhannya lama tetapi tidak memiliki efek samping yang berbahaya bagi tubuh (Obat herbal).

(67)

DAFTAR PUSTAKA

Agoes, A. 2010. Tanaman Obat Indonesia. Jil. 2. Jakarta: Penerbit Salemba Medika.

Agoes, A. 2010. Tanaman Obat Indonesia. Jil. 3. Jakarta: Penerbit Salemba Medika

Hakim, L. 2013. Proyek Website Super Wow! Dengan PHP Dan Jquery. Yogyakarta: Lokomedia.

Hariana, A. 2011. Tumbuhan Obat dan Khasiatnya. Seri. 3. Jakarta: Penerbit Penebar Swadaya.

Herbal, M.F. 2008. A-Z Resep Herbal Rahasia Balita dan Anak-anak. Yogyakarta: Penerbit ANDI.

Kasman, A.D. 2013. Membuat Sendiri Website Pertemanan Dengan PHP Dan Jquery, Cetakan Kedua. Yogyakarta: Lokomedia.

Kristanto, A. 2013. Perancangan Sistem Informasi dan Aplikasinya. Yogyakarta: Gava Media.

Ladjamudin, B.A. 2005. Analisis dan Desain Sistem Informasi. Tangerang: Graha Ilmu.

Panduan Tatacara Penulisan Tugas Akhir Edisi 2. 2013. Dokumen Nomor: Akad/05/2005. Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Sitompul, O.S. 2011. Pemrograman C di Lingkungan Linux. Edisi 2. Medan: USU Press.

Triyuliana, A.H. 2006. Tutorial 5 Hari: Membuat Website Interaktif Dengan Macromedia Dreamweaver 8.Yogyakarta: Andi Offset.

www.indonesian-herbal.blogspot.com/2008/11/tanaman-obat-indonesia-untuk-pengobatan.html. Diakses pada tanggal 25 April 2014.

(68)

L

A

M

P

I

R

A

N

(69)

LISTING PROGRAM

1. User index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Sehat Alami.com</title>

$(document).ready(function(){

$(".isi #conten tr th a[title]").tooltip({ effect: 'slide'

}); }); </script>

</head>

<body>

(70)

</div> </div>

<marquee align="center" direction="scroll"

scrollamount="4">Selamat datang, semoga informasi yang saya berikan bermanfaat buat kesehatan anda. Jika sakit berlanjut hubungi dokter.</marquee>

</div>

<th><a href="menu/depan.php" title="Berisikan nama-nama penyakit."><img

src="img/penyakit1.png" /></a></th>

<th><a href="menu/depan.php?menu=about" title="Tentang pembuat."><img src="img/user.png"

/></a></th></tr> </table> </div> </div> <div id="bawah"> <table align="center"> <tr>

<td><p align="center">© <?php echo date('Y') ?> Design by Adam Kevin Hutagalung | <a href="depan.php">Obat-Obatan Herbal</a></p></td> </tr> </table> </div> </div> </body> </html> 2. styleindex.css body { background:url(../img/baground.jpg); }

(71)

.tooltip {

display:none;

background:transparent url(img/black_arrow.png); font-size:16px;

font-family:Comic Sans MS; height:70px; width:160px; padding:25px; color:#eeeeee; } #container { margin:10px auto; } .isi { width:900px; height:auto; margin:auto; } #teks{ width:900px; height:20px; color:blue; font-size:16px;

font-family:Comic Sans MS;

background:#B7FFAA url(../img/bingkai.png); opacity:0.9; } #conten { width:900px; height:300px; margin:0px 0px; background:#B7FFAA url(../img/bingkai.png); opacity:0.9; }

#conten tr {

margin:auto; list-style:none; }

#conten th { float:left; }

#conten th a { float:left;

(72)

width:200px; height:195px;

color:rgb(252, 252, 252); background:rgb(0, 0, 255); }

#conten th a:hover {

background:rgb(10, 300, 10); color:rgb(252, 252, 252); } #bawah { margin:auto; width:900px; height:80px; background: #00CC33; } #slider { margin:auto; position:relative; width:900px; height:250px; } .slider-content { position:static; width:900px; height:250px;

border-radius:15px 15px 0px 0px; overflow:hidden;

z-index:1; }

.slider-content ul {

list-style-type:none; position:relative; overflow:hidden; }

.slider-content ul li { width:900px;

height:250px; position:relative; }

3. depan.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

(73)

$('#datatables').dataTable({ "oLanguage": {

"sLengthMenu": "Tampilkan _MENU_ data per halaman",

"sSearch": "Pencarian: ", "sZeroRecords": "Maaf, tidak ada data yang ditemukan","sInfo": "Menampilkan _START_ s/d _END_ dari _TOTAL_ data", "sInfoEmpty": "Menampilkan 0 s/d 0 dari 0 data","sInfoFiltered": "(di filter dari _MAX_ total data)", "oPaginate": {

"sFirst": "<<","sLast": ">>", "sPrevious": "<", "sNext": ">" } }, "sPaginationType":"full_numbers", "bJQueryUI":true }); }) </script> <script src="../lib/media/js/js-func.js" type="text/javascript"></script> <script src="../lib/media/js/jquery.jcarousel.js" type="text/javascript"></script>

</head>

</div> </div>

(74)

<ul>

<li><a href="depan.php"><img src="counter/penya.png" /> PENYAKIT</a></li>

<li><a href="?menu=about"><img src="counter/profil.png" /> ABOUT</a></li>

<li><a

href="https://www.facebook.com/kevinouji"><img src="counter/kontak.png" /> FACEBOOK</a></li>

</ul> </div>

<marquee align="center" direction="scroll" scrollamount="4">Selamat datang, semoga informasi yang saya berikan bermanfaat buat kesehatan anda. Jika sakit berlanjut hubungi dokter.</marquee>

</div>

<div class="halaman"> <?php

error_reporting(0); $menu = $_GET['menu']; if($menu == 'about') {

require_once "menu/about.php"; }

elseif ($menu=="detail") {

require_once "menu/detail.php"; } else { require_once "menu/penyakit.php"; } ?> </div> <div class="right_content">

<?php include "pengunjung.php";?> </div>

Herbal</a></p></td> </tr>

</table> </div>

(75)

</div> </body> </html>

4. detai.php

<?php

include"../Admin/koneksi.php"; $id=$_GET['nama'];

$sql="select * from tanaman where tanaman.id=$id"; $query=mysql_query($sql);

$hasil=mysql_fetch_array($query); ?>

<tr><td align="center" colspan="3" style="font-size:24px">INFORMASI</td>

</tr>

<tr><td align="center" colspan="3"><img

src="../gambar/<?php echo $hasil['gambar'] ;?>" height="270px" title="<?php echo $hasil['nama_tanaman'] ;?>"/></td>

</tr>

<tr><td width="120px">Nama Tanaman</td><td>:</td> <td><?php echo $hasil['nama_tanaman'];?></td></tr> <tr><td>Nama Penyakit</td><td>:</td>

<td><?php echo $hasil['zat'];?></td></tr> <tr valign="top"><td>Pengolahan</td><td>:</td> <td><?php echo $hasil['pengolahan'];?></td></tr>

<tr><td align="center" colspan="3"><input type="button" value="Kembali"

onclick="document.location='depan.php'"/></td></tr> </table>

(76)

5. penyakit.php

<thead> <tr> <th>No</th> <th>Gambar</th> <th>Nama Tanaman</th> <th>Nama Penyakit</th> </tr> </thead> <tbody> <?php include"../Admin/koneksi.php";

$sql = mysql_query("select * from tanaman"); $no = 1;

while ($r = mysql_fetch_assoc($sql)) { $id=$r['id']; $nama=$r['nama_tanaman']; $gambar=$r['gambar']; $penyakit=$r['nama_penyakit']; echo "<tr> <td width=40>$no</td> <td align='center'><a href='?menu=detail&nama=$id'><img src='../gambar/$gambar' width='100px' title='$nama'/></a></td> <td>$nama</td> <td><a href='?menu=detail&nama=$id'>$penyakit</a></td> </tr>"; $no++; } ?> </tbody> </table> </div> 6. about.php <?php include"../Admin/koneksi.php"; $sql="select * from biodata"; $hasil=mysql_query($sql);

$data=mysql_fetch_assoc($hasil); ?>

(77)

<tr><td align="center" colspan="5" style="font-size:25px">BIODATA</td></tr>

<tr><td align="center" colspan="5"><img src="../img/<?php echo $data['foto'] ;?>" width="150px" height="200px"/></td></tr>

<td><?php echo $data['nama'];?></td></tr> <tr><td>Tempat/Tgl lahir</td> <td> </td> <td>:</td> <td> </td> <td><?php echo $data['tmp_tgl_lahir'];?></td></tr> <tr><td>Email</td> <td> </td> <td>:</td> <td> </td>

<td><?php echo $data['email'];?></td></tr> <tr><td>Pendidikan</td>

<td><?php echo $data['pendidikan'];?></td></tr> <tr valign="top"><td>Tujuan</td>

</tr> </table>

7. pengunjung.php

<div class="title_box">Informasi Terbaru</div> <div class="border_box">

<?php

include"../Admin/koneksi.php";

$baru=mysql_query("SELECT * FROM tanaman order by id DESC LIMIT 2");

while($b=mysql_fetch_array($baru)){ echo "<p align='center'><h3><a

(78)

$isiberita=nl2br($b[pengolahan]); $isi=substr($isiberita,0,80); $isi=substr($isiberita,0,strrpos($isi," ")); echo"<p align='center'>$isi... <a href='?menu=detail&nama=$b[id]'>selengkapnya</a></br></p>"; } ?> </div> </br>

<div class="title_box">Statistik User</div> <div class="border_box">

<?php

include"../Admin/koneksi.php";

$ip = $_SERVER['REMOTE_ADDR']; $tanggal = date("Ymd");

$waktu = time();

$s = mysql_query("SELECT * FROM statistik WHERE ip='$ip' AND tanggal='$tanggal'");

if(mysql_num_rows($s) == 0){

mysql_query("INSERT INTO statistik(ip, tanggal, hits, online) VALUES('$ip','$tanggal','1','$waktu')");

} else{

mysql_query("UPDATE statistik SET hits=hits+1, online='$waktu' WHERE ip='$ip' AND tanggal='$tanggal'");

}

$pengunjung = mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE tanggal='$tanggal' GROUP BY ip"));

$totalpengunjung = mysql_result(mysql_query("SELECT COUNT(hits) FROM statistik"), 0);

$hits = mysql_fetch_assoc(mysql_query("SELECT SUM(hits) as hitstoday FROM statistik WHERE tanggal='$tanggal' GROUP BY tanggal"));

$totalhits = mysql_result(mysql_query("SELECT SUM(hits) FROM statistik"), 0);

$tothitsgbr = mysql_result(mysql_query("SELECT SUM(hits) FROM statistik"), 0);

$bataswaktu = time() - 300;

$pengunjungonline = mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE online > '$bataswaktu'"));

$path = "counter/"; $ext = ".png";

$tothitsgbr = sprintf("%06d", $tothitsgbr); for ( $i = 0; $i <= 9; $i++ ){

(79)

$tothitsgbr = str_replace($i, "<img src='$path$i$ext' alt='$i'>", $tothitsgbr);

}

echo "<br /><p align='left' >

<img src='counter/hariini.png'> Pengunjung hari ini : $pengunjung <br />

<img src='counter/total.png'> Total pengunjung : $totalpengunjung <br /><br />

<img src='counter/hariini.png'> Hits hari ini : $hits[hitstoday] <br />

<img src='counter/total.png'> Total Hits : $totalhits <br /><br />

<img src='counter/online.png'> Pengunjung Online: $pengunjungonline<br /><br /></p>

<p align='center'>$tothitsgbr </p><br />"; ?> </div> 8. styledepan.css @import "../../lib/media/css/demo_table_jui.css"; @import "../../lib/media/themes/sunny/jquery-ui.css"; body { background:url(../../img/baground.jpg); } #container {

margin:-10px auto auto -4px; } #menu { width:1000px; height:40px; margin:auto; background:#333333;

border-bottom: 1px solid #00CC00; }

#menu ul {

margin:auto; list-style:none; padding:0px; }

#menu li {

float:left; }

(80)

width: 120px; height: 35px;

padding:5px 0px 0px 0px;

font-family:Comic Sans MS bold; font-size: medium;

color: #00FF00;

text-decoration: none;

border-right: double #666666; border-bottom: 1px solid #00CC00; text-align: center;

}

#menu li a:hover {

background:rgb(10, 300, 10); color:#333333; } .halaman{ float:right; width:700px; height:auto;

margin:30px 50px auto; } .tengah{ margin:auto; width:1000px; height:auto; background:url(../../img/form.png); } .form{ margin:auto 50px; width:650px; background:url(../../img/fisi.png); }

.form tr td{

font-family:Comic Sans MS bold; font-size:15px } .isi{ margin:auto 50px; width:650px; background:url(../../img/fisi.png); }

.isi tr td{

font-family:Comic Sans MS bold; font-size:15px

(81)

#teks{

width:1000px; height:auto; color:blue; font-size:16px;

font-family:Comic Sans MS;

background:url(../../img/form.png); } .bawah { margin:auto; width:1000px; height:80px; background: #333333; color:#fff; } #slider { margin:auto; position:relative; width:1000px; height:250px; } .slider-content { position:static; width:1000px; height:250px;

border-radius:15px 15px 0px 0px; overflow:hidden;

z-index:1; }

.slider-content ul {

list-style-type:none; position:relative; overflow:hidden; }

.slider-content ul li { width:1000px; height:250px; position:relative; } .right_content{ width:0px; float:left;

(82)

width:194px; height:auto;

text-align:center;

border:1px #6da6b1 solid; background:#99FF99; } .border_box p{ margin:15px; } .title_box{ width:196px; height:30px; margin:auto; background:url(../counter/menu_title_bg.gif) no-repeat center; text-align:center; font-size:13px; font-weight:bold; color:#fff; line-height:30px; } 9. koneksi.php <?php

$host = "localhost"; $user = "root"; $pass = ""; $dbname = "ta";

$conn = mysql_connect($host,$user,$pass); if($conn) {

$salah = mysql_select_db($dbname); if(!$salah) { echo mysql_error(); } } ?> 10.Admin index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Sehat Alami.com</title>

(83)

</head>

<body>

<td>Username</td>

</tr> <tr>

<td>Password</td>

</tr> <tr>

</tr> </table> </form>

</div> </body> </html>

11. Admin styleindex.css

body { width:auto; height:auto; margin:auto; padding:inherit; background: url("../../img/bg.png"); background-color:#000000; } .login_posisi{ margin: 230px; }

(1)

<tr>

</tr> </table>

</form>

16. inputdata.php

<?php

include"koneksi.php";

$lokasiFile=$_FILES['gambar']['tmp_name']; $tipeFile=$_FILES['gambar']['type'];

$namaFile=$_FILES['gambar']['name']; if(isset($_POST['simpan'])) {

if(!empty($lokasiFile)){ $folder_upload="../gambar/";

$file_upload=$folder_upload.$namaFile;

move_uploaded_file($lokasiFile, $file_upload); mysql_query("INSERT INTO tanaman

(kategori,nama_tanaman,gambar,nama_penyakit,zat,pengo lahan)

VALUES('$_POST[kategori]','$_POST[namatanaman]','$nam aFile','$_POST[namapenyakit]','$_POST[zat]','$_POST[p engolahan]')");

}

header('location:berhasil.php'); }

17. isidata.php

<tr>

<th>KATEGORI</th> <th>NAMA TANAMAN</th>

<th>GAMBAR</th>

(2)

<th>ZAT-ZAT</th> <th>PENGELOLAHAN</th>

<th>AKSI</th> </tr> </thead> <tbody> <?php

include"../Admin/koneksi.php";

$query = "SELECT * FROM tanaman ORDER BY id DESC"; $s = mysql_query($query);

$no = 1;

while ($r = mysql_fetch_assoc($s)) { echo "<tr>

<td>$r[kategori]</td> <td>$r[nama_tanaman]</td> <td>$r[gambar]</td>

<td>$r[nama_penyakit]</td> <td>$r[zat]</td>

<td>$r[pengolahan]</td> <td><a

href='?menu=edit&id=$r[id]'>Edit</a>|<a href='?menu=hapus&id=$r[id]'>Hapus</a></td> </tr>";

$no++;

} ?>

</tbody> </table> </div>

18. edit.php

<img src="../img/tatase.png" alt="gambar"/> <?

include"koneksi.php";

$edit = mysql_query("SELECT * FROM tanaman WHERE id='$_GET[id]'");

$d = mysql_fetch_array($edit);

echo"<form method=POST enctype='multipart/form-data' action='update.php'>

<tr><td>Kategori</td> <td>:</td>

(3)

echo "<option value='$t[id_kategori]' selected>$t[kategori]</option>";

} else { echo "<option

value=$t[id_kategori]>$t[kategori]</option>"; }

}

echo"<tr valign='top'> <td>Nama Tanaman</td> <td>:</td>

</tr>

<tr valign='top'> <td>Gambar </td> <td>:</td>

</tr>

<tr valign='top'> <td>Nama penyakit </td>

<td><input onfocus=this.value=''

value='$d[nama_penyakit]' type=text name=namapenyakit></td> </tr>

</tr>

<tr valign='top'> <td>Pengolahan</td> <td>:</td>

<td><textarea name=pengolahan style='width:300px; height:100px'>$d[pengolahan]</textarea></td>

</tr> <tr>

</tr> </table> </form>";

(4)

19. update.php

<?php

include"koneksi.php";

$lokasiFile=$_FILES['gambar']['tmp_name']; $tipeFile=$_FILES['gambar']['type'];

$namaFile=$_FILES['gambar']['name']; if(isset($_POST['update'])) {

if (!empty($lokasiFile)){ $folder_upload="../gambar/";

$file_upload=$folder_upload.$namaFile;

move_uploaded_file($lokasiFile, $file_upload); mysql_query("UPDATE tanaman SET kategori= '$_POST[kategori]',nama_tanaman=

'$_POST[namatanaman]',gambar='$namaFile',nama_penyakit= '$_POST[namapenyakit]',zat = '$_POST[zat]',pengolahan = '$_POST[pengolahan]'WHERE id = '$_POST[id]'");

} else {

$folder_upload="../gambar/";

$file_upload=$folder_upload.$namaFile;

move_uploaded_file($lokasiFile, $file_upload); mysql_query("UPDATE tanaman SET kategori= '$_POST[kategori]',nama_tanaman=

'$_POST[namatanaman]',gambar='$namaFile',nama_penyakit= '$_POST[namapenyakit]',zat = '$_POST[zat]',pengolahan = '$_POST[pengolahan]'WHERE id = '$_POST[id]'");

}

header('location:berhasil.php'); }

20. hapus.php

<?php

include"koneksi.php";

mysql_query("DELETE FROM tanaman WHERE id ='$_GET[id]'"); header('location:berhasil.php');

21. logout.php

<?php

(5)

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Tugas Akhir Mahasiswa

Program Diploma 3 Teknik Informatika :

Nama

:

ADAM KEVIN HUTAGALUNG

NIM

:

112406105

Program Studi

:

DIPLOMA (D3) TEKNIK INFORMATIKA

Judul Tugas Akhir :

PERANCANGAN SISTEM INFORMASI OBAT-OBATAN

HERBAL DENGAN MENGGUNAKAN

PEMROGRAMAN PHP DAN MYSQL.

Telah melaksanakan uji program Tugas Akhir Mahasiswa tersebut diatas pada tanggal

...

Dengan Hasil : Sukses / Gagal

Demikian Surat Keterangan ini dibuat untuk melengkapi syarat pendaftaran Ujian Meja

Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU

Medan.

Medan, Juni 2014

Pembimbing

Prof. Dr. Opim Salim Sitompul, M.Sc

NIP. 19610817 198701 1 001

(6)

KEMENTRIAN PENDIDIKAN DAN KEBUDAYAAN

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8211050 Fax. (061) 8214290 Medan-20155 Email : [email protected]