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
Universitas Sumatera Utara
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 user
Universitas Sumatera Utara
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
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.
Universitas Sumatera Utara
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
ya
Tampilkan Data Pencarian
Informasi tanaman yang dicari
kembali
Universitas Sumatera Utara
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
Universitas Sumatera Utara
3.4.3 Flowchart Halaman Utama Administrator
Gambar 3.4 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
Universitas Sumatera Utara
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
Footer
Universitas Sumatera Utara
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
Pencarian
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Login
Universitas Sumatera Utara
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
Adit | Hapus
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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.
4.2 Komponen Sistem
Kategori