PENERAPAN FRAMEWORK CODEIGNITER UNTUK …library.palcomtech.com/pdf/5560.pdf · 2018-04-05 ·...
Transcript of PENERAPAN FRAMEWORK CODEIGNITER UNTUK …library.palcomtech.com/pdf/5560.pdf · 2018-04-05 ·...
PROGRAM STUDI SISTEM INFORMASI
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
PALCOMTECH
SKRIPSI
PENERAPAN FRAMEWORK CODEIGNITER UNTUK
WEBSITE PUSAT REHABILITASI NARKOBA
PONDOK PESANTREN AR-RAHMAN
PALEMBANG MENGGUNAKAN
METODE WEB ENGINEERING
Diajukan Oleh :
1. DWI NOVITA SULISTIAWATY / 021110097
2. EMIL SALIM / 021110109
3. FIRMANSA / 021110124
Untuk Memenuhi Sebagian Dari Syarat-Syarat
Guna Mencapai Gelar Sarjana Komputer
PALEMBANG
2015
1
BAB I
PENDAHULUAN
1.1 Latar Belakang
Narkoba merupakan salah satu ancaman yang cepat atau lambat akan
menghancurkan generasi muda pengguna narkoba semakin meningkat.
Masalah narkoba merupakan masalah yang sangat kompleks, yang
memerlukan penanggulangan secara komprehensif melibatkan kerja sama dan
peran aktif masyarakat yang dilaksanakan secara berkesinambungan.
Peran pusat rehabilitasi yang merupakan suatu tahap kegiatan untuk
memulihkan kondisi atau kesehatan fisik, mental psikologis, sosial serta
pulihnya fungsi kualitas sosial pecandu narkoba sehingga mereka dapat hidup
dengan sewajarnya di masyarakat.
Berdasarkan data yang ada, pusat rehabilitasi narkoba yang telah
berdiri pada tanggal 28 juli 2000 (pada tahun ini untuk pertama kali menerima
pasien), ini diketahui 93% dari 164 anak bina yang direhabilitasi narkoba Ar-
Rahman Tegal Binangun Jakabaring Palembang dapat dipulihkan. Walaupun
ada beberapa dari mantan pecandu yang telah dinyatakan pulih, masih dapat
kembali ke pusat rehabilitasi dengan kasus yang sama.
Pusat Rehabilitasi Ar-Rahman adalah tempat para pecandu narkoba
baik kiriman dari BNN(Badan Narkotika Nasional) atau masyarakat meminta
keluarga mereka untuk di rehabilitasi, banyak metode yang digunakan untuk
membantu pasien dalam pengobatan baik metode medis atau pun pengobatan
2
non medis yaitu pendekatan pada Allah SWT. Masalah yang ada banyak
keluarga calon pasien tidak mengetahui informasi keberadaan pusat
rehabilitasi Ar-Rahman yang ada di jalan tegal binangun ini, selain yang
mereka ketahui hanya BNN (Badan Narkotika Nasional) yang bisa
menanggani para pecandu narkoba khususnya di wilayah Sumatra Selatan.
Di zaman modern ini banyak perusahaan, instansi maupun yayasan
yang menggunakan media informasi berupa website, Website adalah sejumlah
halaman web yang memiliki topik saling terkait, terkadang disertai pula
dengan berkas-berkas gambar, video atau jenis-jenis berkas lainnya, dengan
menggunakan website informasi yang akan disampaikan lebih cepat dan
jangkauannya luas, di bandingkan menggunakan brosur dan banner, ada pun
selama ini pusat rehabilitasi Ar-Rahman tersebut menggunakan brosur dan
banner sebagai media informasi. Banyak masyarakat luar yang belum
mengetahui keberadaan pusat rehabilitasi narkoba tersebut, dengan adanya
website informasi masyarakat akan lebih mudah mendapatkan informasi
mengenai informasi umum pusat rehabilitasi Ar-Rahman, keberadaan pusat
rehabilitasi, metode yang dipakai dalam penyembuhan, cara pendaftaran,
syarat untuk masuk rehabilitasi, apa saja fasilitas yang ada, dan kegiatan
sehari-hari dilingkungan rehabilitasi. Dan pihak rehabilitasi juga akan lebih
mudah dalam menginformasikan kegiatan-kegiatan mereka dengan mudah
melalui website dengan cepat dan jangkauan yang luas.
Saat ini banyak programmer membuat website dengan menggunakan
PHP, kini mulai banyak dikembangkan aplikasi berbasis website lainnya
3
seperti Framework. Framework merupakan suatu kerangka kerja yang telah
terinclude dengan kumpulan perintah dan fungsi dasar yang saling terintegrasi
satu dengan yang lain sehingga dalam pengerjaan suatu aplikasi lebih muda
digunakan bagi pemula. Adapun jenis-jenis Framework diantaranya laravel,
Codeigniter, CakePHP, Symphony, Zend Framework 2, Phalcon, YII dan lain-
lain. Dari sekian banyak Framework yang ada, Penulis menggunakan
Framework Codeigniter sebagai aplikasi berbasis web yang akan kami
gunakan untuk pembuatan website Ar-Rahman, karena Codeignter lebih
mudah di gunakan bagi pemula dan juga Codeigniter memakai konsep
MVC(Model View Controller) sehingga konsep yang dihasilkan akan lebih
baik dan terstruktur dan lebih muda untuk melakukan maintenance.
Berdasarkan dari permasalahan diatas Penulis menggambil judul
“Penerapan Framework Codeigniter Untuk Website Pusat Rehabilitasi
Narkoba Pondok Pesantren Ar-Rahman Palembang Menggunakan
Metode Web Engineering”.
4
1.2 Rumusan Masalah Penelitian
Dari uraian latar belakang diatas dapat diambil rumusan masalah yaitu
bagaimana permasalahan yang di atas, maka yang menjadi permasalahan
dalam pernelitian ini adalah Penerapan Framework Codeigniter Untuk
Website Pusat Rehabilitasi Narkoba Pondok Pesantren Ar-Rahman Palembang
Menggunakan Metode Web Engineering.
1.3 Batasan Masalah
Agar penelitian ini tidak menyimpang dari permasalahan yang ada
maka penilis membatasi batasan masalah penelitian :
1. Website pusat rehabilitasi pondok pesantren Ar-rahman yang lebih
difokuskan pada informasi-informasi berkaitan dengan Ar-rahman, profil,
cara pengobatan, fasilitas, galeri, jenis napza, pendaftaran, pemesanan
kamar dan informasi mengenai Pusat Rehabilitasi Ar-rahman.
2. Perangkat permodelan UML (Unified Modeling Language). UML yang
digunakan meliputi Use Case, Class Diagram, Activity Diagram.
3. Menggunakan bahasa pemrograman PHP, basis data menggunakan
MySQL 5.6.24, dan Framework Codeigniter versi 3.0.0
1.4 Tujuan Penelitian
Tujuan dari penelitian ini adalah Untuk membangun website pusat
rehabilitasi narkoba pondok pesantren Ar-Rahman untuk mengelola
informasi mengenai pusat rehabilitasi Ar-rahman yang diharapkan dapat.
mempermudah masyarakat dalam mendapatkan informasi mengenai pusat
rehabilitas Ar-rahman dan melakukan pendaftaran dan pemesanan kamar.
5
1.5 Manfaat Penelitian
1.5.1 Manfaat Bagi Penulis
1. Sebagai sarana untuk menerapkan ilmu pengetahuan komputer
yang telah didapat selama perkuliahan dibidang pemrograman
website.
2. Mendapatkan pengetahuam baru cara merancang dan membuat
website dengan menggunakan Framework Codeigniter yang
selama ini belum pernah diterapkan.
1.5.2 Manfaat Bagi Perusahaan
Diharapkan agar penyampaian informasi mengenai pusat
rehabilitasi dapat disampaikan dengan mudah dan cepat dengan
menggunakan website.
1.5.3 Manfaat Bagi Akademik
Sebagai referensi bagi penulis yang akan mengadakan
penelitian yang sama dikemudian hari dengan tujuan agar melalukan
penelitian untuk membuat website menjadi lebih baik.
1.6 Sistematika Penulisan
Sistematika penulisan agar setiap bahasan mudah dimengerti dan
tersusun secara sistematis, maka penulis membagi penulisan laporan skripsi
ini menjadi 6 bab, yang masing-masing bab akan menguraikan hal-hal pokok
sebagai berikut :
6
BAB I PENDAHULUAN
Bab ini penulis akan mengurai tentang latar belakang, rumusan
masalah, batasan masalah, tujuan dan manfaat penelitian serta
sistematika penulisan.
BAB II GAMBARAN UMUM PERUSAHAAN
Bab ini penulis akan membahas sejarah singkat perusahaan, visi
dan misi perusahaan, struktur organisasi, pembagian tugas dan
aktivitas perusahaan.
BAB III TINJAUAN PUSTAKA
Bab ini berisikan tentang referensi yang dipakai penulis dalam
melakukan penelitian ilmiah.
BAB IV METODE PENELITIAN
Bab ini menguraikan metodelogi penelitian beserta lokasi
penelitian jenis data, teknik pengumpulan data, jenis penelitian,
serta alat dan teknik pengembangan sistem.
BAB V HASIL DAN PEMBAHASAN
Dalam bab ini dilaporkan hasil-hasil yang diperoleh dalam
penelitian dan pembahasan terhadap hasil yang telah dicapai
maupun masalah-masalah yang ditemukan selama penelitian.
BABVI PENUTUP
Pada bab ini penulis mencoba untuk menarik simpulan dan
mencoba untuk memberikan saran yang kiranya dapat bermanfaat
pada pusat rehabilitasi narkoba Ar-Rahman Palembang.
7
BAB II
GAMBARAN UMUM PERUSAHAAN
2.1 Profil Perusahaan
2.1.1 Sejarah Perusahaan
Berdirinya Rehabilitasi Narkoba Ar Rahman berawal dari
keinginan Pimpinan Majelis Dzikir Al Furqon agar segala bentuk
pembinaan dan pendidikan di Majelis Dzikir tersebut dapat
direalisasikan dalam bentuk amaliyah secara nyata. Pemahaman dan
pengertian yang diperoleh dari pengajian khusus ketauhidan ini
mengajarkan untuk selalu membersihkan hati melalui dzikrullah, serta
melakukan amaliyah-amaliyah dalam bentuk kebaikan bagi
masyarakat banyak sehingga terbentuk manusia yang “Rahmatan
Lil’alamin” (Bermamfaat bagi seluruh alam).
Dipilihnya Ar Rahman (Pengasih) sebagai nama, adalah
adanya keinginan dan tekad untuk memberikan rasa kasih tanpa pilih
kasih terhadap umat Islam khususnya bagi pecandu narkoba yang
terkadang tidak mendapatkan perhatian optimal terutama bagi
mereka yang berada dipelosok daerah jauh dari jangkauan pemerintah.
Pembangunan Rehabilitasi Narkoba Ar Rahman tersebut
bersamaan dengan pembangunan Ponpes Ar Rahman yang dimulai
tanggal 3 Desember 1993, di atas tanah wakaf seluas 2 ha lebih dari
salah seorang pensiunan Pertamina yang bernama Bapak Toha
8
Usman.Selama bertahun-tahun kegiatan pembangunan Panti
tersebut diusahakan,tapi masih dalam tahap penimbunan tanah dan
perbersihan lahan.Barulah di tahun 2000 tepatnya tanggal 28 Juli,
bangunan tersebut dapat terwujud walaupun sangat sederhana.
Hakikat dari pembangunan serta pendirian Rehabilitasi
Narkoba Ar Rahman tersebut adalah menampung dan memberi
pelayanan yang maksimal bagi korban narkoba dan pelayanan
konseling bagi ODHA di seluruh lapisan masyarakat, yang pada saat
itu belum ada lembaga rehabilitasi bagi pecandu narkoba yang
berbasis religi dan berbasis masyarakat di Palembang. Pembangunan
Rehabilitasi Ar Rahman tersebut seluruhnya dikerjakan swadana dan
swadaya oleh seluruh anggota majelis dzikir Al Furqon dan memakan
waktu / bertahap.
2.1.2 Visi dan Misi Perusahaan
Adapun visi dan misi pusat rehabilitasi narkoba Ar-Rahman
Palembang adalah sebagai berikut :
Visi :
1. Menjadi Pusat Rehabilitasi Unggulan di Indonesia dalam bidang
rehabilitasi korban Narkoba dan HIV/AIDS.
2. Sebagai wujud kepedulian terhadap generasi penerus bangsa yang
sehat jasmani dan rohani.
9
Misi :
1. Bergerak dibidang sosial dan amar ma’ruf nahi munkar.
2. Mengembalikan kesadaran bagi pengguna Narkoba.
3. Memberikan pelayanan konseling bagi penderita ODHA
( HIV/AIDS).
4. Sebagai pusat informasi permasalahan Narkoba.
5. Memberikan rujukan
2.1.3 Struktur Organisasi
Profesi atau jabatan pendidik, pembina dan pembimbing di
Yayasan Pusat Rehabilitasi Narkoba Ar Rahman sering juga disebut
dengan Pengasuh. Jabatan yang disandang itu merupakan pekerjaan
yang sangat berat sesuai dengan nama panggilannya. Sebab kata
“pengasuh”, selain mempunyai kewajiban tugas mendidik, membina,
membimbing juga punya kewajiban diantaranya merawat dan
melayani.
Gambar 2.1 Struktur Organisasi
10
2.1.4 Tugas dan Wewenang
A. Pembina
1. Memberikan nuansa sejuk dan memberikan dorongan moral
sebagai filter personal.
2. Mengayomi lembaga baik secara individu maupun kelompok.
3. Menegur kepada Program director apabila keadaan lembaga
terjadi kesalahan yang dapat menjurus kepatalan dalam
keberlangsungan lembaga itu sendiri.
4. Memberikan pandangan dan antisipasi serta solusi bila dimintai
petunjuk oleh lembaga melalui persetujuan Program
director/Ketua.
B. Admin
1. Melayani administrasi semua keluarga/orang tua Klien.
2. Menerima surat menyurat Lembaga baik kedalam/keluar serta
mengarsipkannya.
3. Membuat laporan keuangan setiap bulan dan tahunan.
4. Menghubungi pihak keluarga/orang tua apabila terjadi kendala
administrasi klien.
5. Melakukan pencatatan jumlah klien yang keluar dan masuk.
C. Konsultan Hukum
1. Memberikan bantuan hukum dan nasihat hukum ketika dimintai
oleh lembaga secara prosedural.
11
2. Memberikan teguran dan masukan bila ada kegiatan/program
yang berlangsung dalam lembaga baik didalam atau diluar
yayasan bila keluar dari jalur hukum yang berlaku di Indonesia.
3. Memberikan Advokasi hukum bila ada klien yang terlibat
hukum terkait masalah Adiksinya selama itu benar didalam
perundang-undangan yang berlaku.
D. MEDIS
1. Membuat/menyampaikan laporan kepada Program Director
terkait masalah Program baik secara tertulis maupun lisan.
2. Super Visi kepada kepada konselor dan staff pendukung secara
berkala ataupun dalam keadaan mendesak.
3. Membuat keputusan terkait dengan keadaan di facility .
4. Membuat rancangan program.
5. Menjadi penghubung antara konselor/staff pendukung lainnya
kepada Program director.
E. Keamanan
1. Mewajibkan seluruh tamu untuk melapor dan mengisi buku
tamu di pos penjagaan.
2. Mengarahkan tamu yang berkunjung sesuai dengan
kebutuhannya.
3. Memeriksa barang bawaan klien dan keluarga sebelum masuk
Facility apabila ada barang yang tidak diperbolehkan masuk,
12
security berhak mengamankan barang tersebut dan melaporkan
kepada MOD.
4. Memback up apabila terjadi Violance di facility.
5. Memeriksa keadaan facility setiap Istirahat(khususnya pada
malam hari), termasuk kondisi kunci pintu kamar klien.
6. Menyampaikan laporan secara lisan kepada MOD tentang
keamanan Facility.
F. Humas
1. Memberikan Intellectual Input kepada klien.
2. Berperan sebagai Intake Counselor.
3. Membuat Screening klien
4. Respond Incharge (medical).
5. Membuat laporan lisan / tulisan sebagai Incharge.
6. Backup Clinical Staff.
7. Backup Group Facilitator.
8. Menjadi Role Model yang baik.
13
BAB III
TINJAUAN PUSTAKA
3.1 Teori Pendukung
3.1.1 Website
Menurut Supriyanto (2005 : 336), website atau WWW (World
Wide Web) adalah sebuah koleksi keterhubungan dokumen-dokumen
multimedia yang disimpan di internet dan diakses menggunakan
protokol (HTTP).
Website merupakan kumpulan halaman yang menampilkan
informasi data teks, data gambar diam atau bergerak, data animasi,
suara, video atau gabungan dari semuanya, baik yang bersifat statis
maupun dinamis membentuk satu rangkaian bangunan yang saling
terkait dimana masing-masing dihubungkan dengan jaringan-jaringan
halaman atau hyperlink yang saling berhubungan yang dapat diakses
dari berbagi tempat.
3.1.2 Jenis-jenis Website
Jenis-jenis website berdasarkan pengoperasiannya adalah :
Website static adalah website yang memiliki halaman front end, yaitu
halaman yang dapat diliht oleh pengunjung webiste. Karena fasilitas
sangat terbatas, isi dari halaman webiste static bersfiat tetap atau tidak
berubah.
14
Website dynamic adalah webiste yang dapat diubah atau di-update.
Dalam website dynamic biasanya terdapat dua halaman, yaitu
halaman front end dan back end.
Disamping itu juga ada website e-Goverment, e-Banking, e-Payment,
e-Procurement, dan sebagainya.tic dan web dinamis. Wahana
Komputer (2010:2).
3.1.3 Framework
Menurut Wardana (2010:3), Framework adalah kumpulan
perintah atau fungsi dasar yang membentuk aturan-aturan tertentu dan
saling berinteraksi satu sama lain sehingga dalam pembuatan aplikasi
website, kita harus mengikuti aturan dari framework tersebut.
Keuntungan dari penggunaan framework adalah :
1. Waktu pembuatan aplikasi website kita juah lebih singkat.
2. Kode aplikasi website menjadi lebih mudah dibaca, karena sedikit
dan sifatnya pokok. Detailnya adalah kode dari framework dan ini
mungkin tidak perlu dipikirkan terjamin.
3. Website kita menjadi lebih mudah diperbaiki, karena kita tidak perlu
fokus ke semua komponen kode website, terutama kode sistem
framework.
4. Kita tidak perlu lagi membuat kode penunjang aplikasi website
seperti koneksi database, validasi form, GUI, dan keamanan
15
5. Pikiran kita menjadi lebih terfokus ke kode alur permasalah website,
apa yang ditampilkan dan layanan apa saja yang diberikan dari
aplikasi website tersebut.
6. Jika dikerjakan tema work , maka akan lebih terarah karena system
framework, mengharuskan adanya keteraturan peletakan kode,
Seperti bagian pengambalian database terpisah dengan bagian
pengaturan tampilan untuk pengunjung.
3.1.4 CodeIgniter
Menurut Wahana Komputer (2014:4), CodeIgniter adalah
sebuah framework PHP yang paling populer di Indonesia berkat
kemudahan yang ditawarkan dalam penggunaanya.
CodeIgniter menawarkan kemudahan serta standarisasi dalam
proses pengembangan website dan aplikasi berbasis web. Degan
CodeIgniter proses pengembangan website lebih cepat dan terstandar.
Standar ini sangat berguna dalam pengembangan website yang
dikerjakan oleh tim.
Terdapat beberapa kelebihan penggunaan CodeIgniter dalam
pengembangan suatu proyek, yaitu :
1. Menghemat Waktu
Dengan struktur dan library yang telah disediakan, maka anda tidak
perlu lagi memikirkan hal-hal tersebut. Anda hanya perlu fokus
pada logika pemrograman yang sedang dikerjakan.
16
2. Code Reuse
Dengan CodeIgniter, suatu pekerjaan akan memiliki standar yang
baku, Sehingga Anda dapat menggunakannya kembali pada proyek
proyek yang akan datang.
3. Dukungan Komunitas
Terdapat komunitas yang siap membantu masalah anda.
4. Kumpulan best practice
CodeIgniter merupakan kumpulan kode best practice yang sudah
teruji. Jadi anda dapat sekaligus meningkatkan kualitas
pemrograman anda.
3.1.5 MVC (Model View Controller)
Menurut Basuki (2014:23) MVC adalah sebuah pendekatan
yang ditempuh untuk memisahkan aplikasi menjadi tiga bagian, yaitu
Model, View, dan Controller. MVC memberikan struktur kepada
aplikasi, sehingga dapat dicapai “code reusability”.
Model, merepresentasikan data yang digunakan aplikasi. Contoh
data misalnya database, RSS, atau yang diperoleh dari
pemanggilan API, dan aksi yang melibatkan operasi Create, Read,
Update dan Delete (CRUD) data.
View, adalah informasi yang ditampilkam kepada user melalui
browser. Biasanya berupa file HTML atau kode PHP yang
menyususn template untuk sebuah website. Pada Codeigniter, view
17
dapat berupa bagian-bagian sebuah halaman, template, atau jenis
lain dari halaman atau template.
Controller, adalah “Business logic” bertugas sebagai jembatan
antara Model dan View. Controller akan merespon HTTP request
yang datang dari user (melalui broser), dan request ini Controller
akan menentukan apa yang harus dilakukan.
Untuk mengilustrasikan proses yang terjadi pada aplikasi yang dibuat
dengan menganut design patrren MVC dapat dilihat pada gambar 3.1 :
Client / User
HTTP Request
HTTP Response
Controller
Model View
Gambar 3.1 ilustrasi design patrren MVC (Model View Controller)
3.1.6 MySQL
Menurut Kristanto (2010:12), MySQL merupakan sebuah
perangkat lunak sistem manajemen basis data SQL dan DBMS yang
multithread dan multi-user. MySQL meupakan turunan dari SQL
(Structure Query Language). Sebagai database server, MySQL dapat
18
dikatakan lebih unggul dibandingkan database server lainnya dalam
query data, karena kecepatan query MySQL bisa sepuluh kali lebih
cepat dan PostgreSQL dan lima kali lebih cepat dibandingkan
Interbase.
Kelebihan-kelebihan MySQL :
1) Portability. MySQL dapat berjalan stabil pada berbagai sistem
operasi seperti Windows, Linux, FreeDBS Mac OS X Server,
Solaris, Amiga, dan masih banyak lagi.
2) Opsen Source. MySQL didistribusikan secara open source (gratis),
dbawah lisensi GPL sehingga dapat digunakan secara gratis.
3) Multiuser. MySQL dapat digunakan oleh beberapa user dalam
waktu yang bersamaan tanpa mengalami masalah atau konflik.
4) Performance Tuning. MySQL memiliki kecepatan yang
menakjubkan dalam menerima query sederhana.
5) Column Types. MySQL memiliki tipe kolom yang sangat pleks,
seperti signed/unsigned integer, float, double, char, text, date,
timestamp, dan lain-lain.
6) Command and Functions. MySQL memiliki operator dan fungsi
secara penuh yang mendukung perintah Select dan where dalam
query.
7) Security. MySQL memiliki beberapa lapisan skuritas seperti level
subnetmask nama host, dan izin akses user dengan sistem perizinan
yang mendetail serta password terenkripsi.
19
8) Scalability dan Limits. MySQL mampu menangani database dalam
skala besar, dengan jumlah records lebih dari 50 juta dan 60 ribu
tabel serta 5 milyar baris.
9) Connectivity. MySQL dapat melakukan koneksi dengan client
menggunakan protokol TCP/IP, Unix Soket (UNIX), atau Named
Pipes (NT).
10) Localisation MySQL dapat mendeteksi pesan kesalahan pada client
dengan menggunakan lebih dari 20 bahasa.
11) Interface. MySQL memiliki interface (antar muka) terhadap
berbagai aplikasi dan bahasa pemograman denga menggunakan
fungsi API (Application Programming Interface).
12) Clients dan Tools. MySQL dilengkapi dengan berbagai tool yang
dapat digunakan untuk administrasi database, dan pada setiap tool
yang ada disertakan petunjuk online.
13) Struktur table. MySQL memiliki struktur tabel yang lebih fleksibel
dalam menangani ALTER TABLE, dibandingkan database lainnya
semacam PostgreeSQL, ataupun Oracle.
3.1.7 PHP
Menurut Kristanto (2010 : 9), PHP adalah bahasa
pemrograman yang digunakan secara luas untuk penanganan
pembuatan sebuah website dan bisa digunakan pada HTML (hypertext
markup language). PHP merupakan singkatan dari PHP hipertext
processor dan merupakan bahasa yang disertakan dalam dokumen
20
HTML sekaligus bekerja disisi server (server-side HTML - embedded
scritpting). PHP mempunyai beberapa keunggulan, antara lain:
1. PHP bersifat open source
PHP adalah aplikasi bahasa website yang bisa diproleh secara
gratis.
2. PHP mudah dipelajari
PHP mudah dipelajari, dibandingkan dengan produk lain yang
mempunyai fungsi yang sama. PHP mempunyai sintaks yang
sangat mudah dan user-friendly.
3. PHP bersifat embedded
Penulisan script PHP menyatu dengan HTML sehingga
memudahkan pembuatannya.
2. PHP dapat dijalankan dibanyak platform
PHP yang menyatu dalam dokumen HTML yang dapat diakses
oleh seluruh browser diseluruh platform yang ada. PHP dapat
dijalankan di bawah sistem operasi UNIX dan windows.
3. PHP meningkatkan kecepatan dari proses script
PHP sangat cepat pada eksekusinya, terutama saat dikompile
sebagai module apache di sisi UNIX.
4. Fleksibilitas tinggi
PHP mempunyai fleksibilitas tinggi, menyamai high level
programming language seperti berbahasa C.
21
5. Life Cycle yang singkat
Life cycle yang singkat, sehingga PHP selalu up to date
mengikuti perkembangan teknologi intenet.
3.1.8 Gantt Chart
Menurut Irwansyah (2013:158), Gantt chart adalah reprensi
grafis dari durasi tugas terhadap perkembangan waktu. Gantt chart
adalah alat yang digunakan untuk perencanaan dan penjadwalan
proyek. Gantt chart adalah jenis bar chat yang menggambarkan suatu
jadwal proyek . Gantt Chart berguna untuk merencanakan berapa lama
proyek harus mengambil.
3.1.9 UML (Unified Modeling Language)
Menurut Rosa dan Shalahuddin (2014:137) UML merupakan
bahasa visual untuk pemodelan dan komunkasi mengenai sebuah sistem
dengan menggunakan diagram dan teks-teks pendukung.
UML hanya berfungsi untuk melakukan pemodelan. Jadi
penggunaan UML tidak terbatas pada metodologi tertentu , meskipun
pada kenyataanya UML paling digunakan pada metodologi berorientasi
objek.
3.2 Hasil Penelitian Terdahulu
Agar penelitian ini dapat dipertanggung jawabkan secara akademis,
maka peneliti akan menampilkan penelitian yang telah dilakukan oleh peneliti
terdahulu.
22
Tabel 3.1 Penelitian Terdahulu
No Judul Penulis/
Tahun Hasil
1 Rekayasa
Perangkat Lunak
Sistem
Manajemen
Konten
Menggunakan
Framework
Codeigniter
Immanuel
Pandianga
n, Nanan
Rohman /
2012
Teknologi Internet merupakan
sebuah teknologi interaktif yang
dapat digunakan sebagai sarana
informasi luas yang dapat diakses
oleh oleh semua pihak umum
maupun pihak yang mempunyai
hak akses. Dengan memanfaatkan
framework codeigniter,
penggunaan sistem manajemen ini
semakin mudah dipahami dan
dapat meminimalisir penggunaan
ilmu pemrograman dalam
pembuatan situs web sehingga
dapat digunakan oleh kalangan
masyarakat umum.
2 Sistem Informasi
Budin Daya Jamur
dengan metode
Web Engineering.
Linda
Marlinda,
Abdul
Hamid /
2014
Metode yang digunakan adalah
Web Engineering merupakan
rekayasa web yang mengadaptasi
rekayasa perangkat lunak dalam
hal konsep dasar yang
menekankan pada aktifitas teknis
dan manajemen. Tahapan dari
Web Engineering ada 5 yaitu :
Customer Communication,
planning, modeling design,
contruction, dan deployment.
Alasan penyusunan menggunakan
metode Web Engineering ini,
karena metode ini cukup efektif
sebagai paradigma dalam
rekayasa perangkat lunak, karena
mendapatkan keutuhan dan aturan
yang jelas yang di setujui oleh
pelanggan, dalam pembuatan
perangkat lunak bisa dilakukan
secara cepat dan memungkinkan
untuk merubah kembali perangkat
lunak tersebut agar sesuai dengan
kebutuhan pelanggan.
23
Kesimpulan Penelitian
Berdasarkan dua penelitian diatas, maka dapat disimpulkan sebagai
berikut:
Pembuatan website dengan menggunakan metode atau tidak
menggunakan metode ini akan tetap bisa dibuat. Disini penulis
menggambil referensi untuk pembuatan website dengan menggunakan
metode yang sudah di lakukan oleh Linda Marlinda, dan Abdul Hamid
tahun 2014 dengan judul Sistem Informasi Budi Daya Jamur dengan
menggunakan Web Engineering. Dengan menggunakan metode Web
Engineering ini memang cocok untuk pembuatan website yang penulis
akan bangun dengan Framework Codeigniter yang berbasis objek. Selain
itu, Web Engineering juga mempunyai tahapan – tahapan yang baik
pengembangan dari rekayasa perangkat lunak. Menggunakan metode Web
Engineering ini juga bisa lebih efektif dan apabila ada perubahan-
perubahan terhadap web agar sesuai kebutuhan pelanggan mudah untuk
dilakukan karena setiap tahap bisa diubah sesuai kebutuhan pelanggan.
24
BAB IV
METODE PENELITIAN
4.1 Lokasi dan Waktu Penelitian
4.1.1 Lokasi Penelitian
Lokasi yang menjadi tempat penulis melaksanakan penelitian
adalah pusat rehabilitasi narkoba pondok pesantren Ar-Rahman
Palembang. Komplek Pondok pesantren Ar-Rahman RT.35 RW. 10
Jalan Tegal Binangun Plaju Darat Kecamatan Plaju Palembang.
4.1.2 Waktu Penelitian
Adapun waktu pelaksanaan penelitian pada pusat rehabilitasi
narkoba Ar-Rahman Palembang ini dilaksanakan pada tanggal 01 Maret
2015 sampai dengan tanggal 30 maret 2015.
Tabel 4.1. Jadwal Penelitian
No Kegiatan
April Mei Juni Juli
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
1 Customer
Communication
2 Planning
3 Design
Modeling
4 Contruction
5 Deployment
25
4.2 Jenis Data
Dalam penulisan laporan ini, penulis menggunakan beberapa jenis data
dalam pengumpulan datanya, yang terdiri dari :
4.2.1 Data Primer
Data primer adalah data yang diperoleh atau dikumpulkan oleh
orang yang melakukan penelitian atau yang bersangkutan yang
memerlukannya. (Hasan, 2003:33). Dalam penulisan ini data primer
didapat oleh penulis melalui kegiatan wawancara mengenai informasi
sekitar rehabilitasi narkoba Ar-rahman.
4.2.2 Data Sekunder
Data Sekunder adalah data yang diperoleh atau dikumpulkan dari
sumber-sumber yang telah ada. (Hasan, 2003:33). Dalam penelitian ini
data sekunder berupa sejarah singkat, visi dan misi, struktur organisasi,
serta pembangian tugas dan wewenang, form seleksi awal, data pasien,
dan kwitansi pembayaran pada Pusat Rahabilitasi Narkoba Ar-Rahman
Palembang.
4.3 Teknik Pengumpulan Data
Dalam penulisan laporan ini penulis menggunakan beberapa metode
teknik pengumpulan data yaitu:
4.3.1 Wawancara
Menurut Riduwan (2010:74), wawancara adalah suatu cara
pengumpulan data yang digunakan untuk memperoleh informasi
langsung dari sumbernya. Ada beberapa faktor yang akan
26
mempengaruhi arus informasi dalam wawancara, yaitu: pewawancara,
responden, pedoman wawancara dan situasi wawancara. Menurut
Hasan (2003:17), wawancara adalah cara pengumpulan data dengan
langsung mengadakan tanya jawab kepada objek yang diteliti atau
kepada perantara yang mengetahui persoalan dari objek yang sedang
diteliti.
Dalam penelitian ini penulis melakukan wawancara langsung
dengan Bpk. Novizar selaku pembantu ketua 3 Panti Rehabilitasi
Narkoba Ar-Rahman Jakabaring Palembang mengenai informasi
rehabilitasi. Wawancara dilakukan dengan membuat daftar
pertanyaan. Daftar pertanyaan di lampirkan pada lampiran.
4.3.2 Observasi
Menurut Riduwan (2010:76), observasi adalah melakukan
pengamatan secara langsung ke objek penelitian untuk melihat dari
dekat kegiatan yang dilakukan. Apabila objek penelitian bersifat
perilaku dan tindakan manusia, fenomena alam, (kejadian – kejadian
yang ada dialam sekitar), proses kerja dan penggunaan responden
kecil.
Dalam penelitian ini penulis melakukan observasi dengan cara
datang langsung ke pusat rehabilitasi narkoba Ar-rahman melihat
kegiatan di pondok pesantren dan mengumpulkan data sebagai bahan
penelitian.
27
4.3.3 Dokumentasi
Menurut Riduwan (2010 : 77), dokumentasi adalah ditujukan
untuk memperoleh data langsung dari tempat penelitian, meliputi
buku-buku yang relevan, peraturan-peraturan, laporan kegiatan, foto-
foto, film dokumenter, dan data yang relevan penelitian.
Dalam penelitian ini penulis mengumpulkan data yang akan di
kelolah untuk kepentingan penelitian berupa data pasien, form seleksi
awal, kwitansi pembayaran dan brosur.
4.3.4 Studi Pustaka
Menurut Suryawati (2005:60), Studi kepustakaan adalah akifitas
pegumpulan berbagai jenis data sekunder yang dilakukan dengn cara
mempelajari dan mengutip berbagai teori dari berbagai buku,
mempelajari dan mengutip data dari berbagai dokumen, mempelajari
dan mengutip berbagai informasi dari berbagai internet dan media
cetak.
Dalam hal ini penulis mengumpulkan data dari buku di
perpustakaan, jurnal dan juga dari internet untuk membantu
mereferensi.
4.4 Alat dan Teknik Pengembangan Sistem
4.4.1. Alat Pengembangan Sistem
Unified Modeling Language (UML) merupakan bahasa visual
untuk pemodelan dan komunkasi mengenai sebuah sistem dengan
menggunakan diagram dan teks-teks pendukung.
28
UML hanya berfungsi untuk melakukan pemodelan. Jadi
penggunaan UML tidak terbatas pada metodologi tertentu , meskipun
pada kenyataanya UML paling digunakan pada metodologi berorientasi
objek. (Rosa dan Shalahuddin, 2014:137)
4.4.1.1 Model Proses
a. Use Case Diagram
Menurut Rosa dan Shalahuddin (2014:155), Use case
atau diagram use case merupakan pemodelan untuk
kelakukan (behavior) sistem informasi yang akan dibuat. Use
case mendeskripsikan sebuah interaksi antara satu atau lebih
aktor dengan sistem informasi yang akan dibuat. Secara
kasar, use case digunakan untuk mengetahui fungsi apa saja
yang ada didalam sebuah sistem informasi dan siapa saja
yang berhak menggunakan fungsi-fungsi itu.
Syarat penamaan pada use case adalah nama
didefenisikan sesimpel mungkin dan dapat dipahami. Ada
dua ahal utama pada use case yaitu pendefinisisan apa yang
disebut aktor dan use case.
1. Aktor merupakan orang, proses, atau sistem lain yang
berinteraksi dengan sistem informasi yang akan dibuat
diluar sistem informasi yang akan dibuat itu sendiri, jadi
walaupun simbol dari aktor adalah gambar orang, tapi
aktor belum tentu merupakan orang.
29
2. Use case merupakan fungsionalitas yang disediakan
sistem sebagai unit-unit yang saling bertukar pesan antar
unit atau aktor.
Berikut simbol-simbol use case menurut (Rosa, 2014: 156):
Tabel 4.2 Simbol – Simbol Use Case
Nama
Komponen Simbol Keterangan
Use Case
Fungsionalitas yang
disediakan sistem sebagai
unit-unit yang saling bertukar
pesan antar unit atau aktor,
biasanya dinyatakan dengan
menggunakan kata kerja
diawal frase nama use case.
Actor
Orang, proses, atau sistem
lain yang berinteraksi dengan
sistem informasi yang akan
dibuat diluar sistem informasi
yangakan dibuat itu sendiri,
jadi walaupun simbol dari
aktor adalah gambar orang,
tapi aktor belum tentu
merupakan orang, biasanya
dinyatakan menggunakan kata
benda diawal frase nama
aktor.
Association
Komunikasi antara aktor dan
use case yang berpartisipasi
pada use case atau use case
memiliki interaksi pada aktor.
30
Nama
Komponen Simbol Keterangan
Ektensi /
extend
<<extend>>
Relasi use case tambahan
kesebuah use case diaman use
case yang ditambahkan dapat
berdiri sendiri walaupun tanpa
use case tambahan itu mirip
dengan prinsip inheritance
pada pemograman berorientasi
objek, biasanya use case
tambahan memiliki nama
dapan yang sama dengan use
case yang tambahkan.
Generalisasi /
generalization
Hubungan generalisasi dan
spesialisasi (umum-khusus)
antara dua buah use case
dimana fungsi yang satu
adalah fungsi yang lebih
umum dari yang lainnya.
Include <<Include>>
Relasi use case tambahan ke
sebuah use case dimana use
case yang ditambahkan
memerlukan use case ini
untuk menjalankan fungsinya
atau sebagai syarat dijalankan
use case ini.
Sumber: Rosa dan Shalahuddin (156:2014)
b. Activity Diagram
Menurut Rosa dan Shalahuddin (2014:155), Diagram
activity atau activity diagram menggambarkan workflow
(aliran kerja) atau aktifitas dari sebuah sistem atau proses
bisnis. Diagram aktifitas merupakan diagram aktifitas yang
menggambarkan aktivitas sistem bukan apa yang dilakukan
aktor.
31
Tabel 4.3 Simbol-simbol Actifity Diagram
Nama
Komponen Simbol Keterangan
Status Awal
Status awal aktifitas sistem,
sebuah diagram aktifitas
memiliki sebuah status awal.
Aktivitas
Aktivitas yang dilakukan
system, aktivitas biasanya
diawali dengan kata kerja.
Percabangan/
decision
Asosiasi percabangan dimana
jika ada pilihan aktivitas lebih
dari satu.
Penggabungan/
join
Asosiasi penggabungan dimana
lebih dari satu aktivitas
digabungkan menjadi satu.
Status Akhir
Status akhir yang dilakukan
system, sebuah diagram
aktivitas memiliki sebuah
status akhir.
Sumber: Rosa dan Shalahuddin (162:2014)
4.4.1.2 Model Data
a. Class Diagram
Menurut Rosa dan Shalahuddin (2014:141), Diagram
kelas atau class diagram menggambarkan struktur sistem dari
segi pendefinisian kelas-kelas yang akan dibuat untuk
membangun sistem. Kelas memiliki apa yang disebut atribut
dan metode atau operasi.
1. Atribut merupakan variabel-variabel yang dimiliki oleh
suatu kelas.
2. Operasi atau metode adalah fungsi-fungsi yang dimiliki
oleh suatu kelas.
32
Kelas-kelas yang ada pada struktur sistem harus dapat
melakukan fungsi-fungsi sesuai dengan kebutuhan sistem.
Susunan struktur kelas yang baik pada diagram kelas
sebaiknya memiliki jenis-jenis kelas berikut ini :
1. Kelas main
Kelas yang memiliki fungsi awal dieksekusi ketika sistem
dijalankan.
2. Kelas yang menangani tampilan sistem
Kelas yang mendefinisikan dan mengatur tampilan ke
pemakai
3. Kelas yang diambil dari pendahuluan use case
Kelas yang menagani fungsi-fungsi yang harus ada di
ambil dari pendefinisian use case.
4. Kelas yang diambil dari pendefinisian data
Kelas yang digunakan untuk memegang atau
membungkus data menjadi sebuah kesatuan yang diambil
maupun akan disimpan ke basis data.
Jenis-jenis kelas diatas juga dapat digabungkan satu
sama lain sesuai dengan pertimbangan yang dianggap baik
asalkan fungsi-fungsi yang sebaiknya ada pada struktur kelas
tetap ada.
33
Tabel 4.4 Simbol-simbol Class Diagram
Simbol Keterangan
Kelas
Nama_kelas
+ atribut
+ operasi()
Kelas pada struktur sistem
Antarmuka / Interface
Sama dengan konsep interface
dalam pemrograman berorientasi
objek
Asosiasi / association
Relasi antarkelas dengan makna
umum, asosiasi biasanya juga
disertai dengan multiplicity
Asosiasi berarah / directed
association
Relasi antarkelas dengan makna
kelas yang satu digunakan oleh kelas
yang lain, asosiasi biasanya juga
disertai dengan multiplicity
Generalisasi
Relasi antarkelas dengan makna
generalisasi-generalisasi(umum
khusus).
Kebergantungan / dependency
Relasi antarkelas dengan makna
kebergantungan antarkelas
Agregasi / aggregation
Relasi antarkelas dengan makna
semua-bagian (whole-part)
Sumber: Rosa dan Shalahuddin (162:2014)
b. State Trantition Diagram (STD)
Menurut Indrajani (2011:17), State Transiton
Diagram (STD) adalah suatu kondisi yang menunjukkan
keadaan tertentu, dimana suatu sistem dapat ada dan
transisi menghasilkan keadaan tertentu yang baru
modelling tool yang menggambarkan siafat
ketergantungan terhadap waktu pada sistem. STD
34
digunakan untuk mengidentifikasikan sebagaimana
sistem harus berperilaku seperti resiko dari kejadian
eksternal. Untuk mencapai hal ini STD menampilkan
berbagai jenis model perilaku, hasil dan tingkah laku
yang mana transisi dibuat dari state satu ke state yang
lain. Penyajian STD merupakan landasan dasar untuk
menentukan perilaku.
Gambar 4.5 Simbol-simbol Stade Trantition (STD)
Simbol Keterangan
State State merupakan kondisi dari suatu
sistem. State dapat dikategorikan
menjadi 2 macam, yaitu : State Awal
dan State Akhir. State Awal hanya
boleh berjumlah 1 state, dan State Akhir
boleh memiliki jumlah lebih dari satu
state.
State Change State Change (Tanda Panah)
Menyatakan perubahan state dari
sistem.
Sumber: Indrajani
4.4.2. Metode Pengembangan Sistem
4.4.2.1 Web Engineering(WebE)
Menurut Marlinda dan Hamid (2014:2), Web Engineering
(WE) merupakan rekayasa web yang mengadaptasi rekayasa
perangkat lunak dalam hal konsep dasar yang menekankan pada
aktifitas teknis dan manajemen.
Pengembangan Sistem bertujuan menyusun sistem baru
untuk menggantikan sistem lama yang secara keseluruhan atau
35
memperbaiki sistem yang telah berjalan. Metode ini memerlukan
pendekatan yang sistematik dan sekuensial yang mulai pada
tingkat dan kemajuan sistem pada setiap tahapan (Turban, 1999).
Metode Web Engineering terdapat 5 (lima) tahapan
seperti gambar dibawah ini :
Sumber : Linda Marlina,Abdul Hamid (2:2014)
Gambar 4.1. Tahapan-tahapan Web Engineering
1. Customer Communication
Komunikasi dalam hal ini terutama terkonsentrasi pada
dua hal, analisa bisnis dan perumusan. Analisa bisnis akan
mendefinisikan hal-hal apa saja yang akan termuat di dalam
aplikasi web, misalnya pengguna web yang akan dibangun,
perubahan potensial dalam lingkungan bisnis, integrasi antara
web yang akan dibangun dengan situasi bisnis perusahaan,
maupun database perusahaan. Perumusan adalah
pengumpulan informasi tentang hal-hal yang akan dimuat
dalam web yang melibatkan semua calon pengguna.
2. Planning
Perencanaan proyek pengembangan aplikasi web
kemudian ditentukan, perencanaan akan terdiri dari
pendefinisian pekerjaan dan target waktu atas pekerjaan
maupun sub pekerjaan yang ditentukan tersebut.
36
3. Modeling
Tujuan dari aktivitas ini adalah unutk menjelaskan hal-
hal apa saja yang memang diperlukan / dibutuhkan pada
aplikasi yang akan dibangun dan solusi yang akan ditawarkan
di yang diharapkan dapat menjawab apa yang tersirat dari
hasil-hasil analisa dan pengumpulan data.
4. Construction
Pembangunan aplikasi web memadukan antara
perkembangan teknologi dengan tools pengembangan web
yang telah ada, artinya memilih tools yang efektif namun
tetap dapat menyesuaikan dengan teknologi yang
berkembang saat ini.
5. Deployment
Aplikasi web diciptakan untuk dapat berguna bagi
kebutuhan pekerjaan, dapat dioperasi oleh end-user, dan
kemudian dilakukan evaluasi secara berkala, memberi
masukan-masukan kepada tema pengembang dan apabila
diperlukan akan dilakukan modifikasi pada aplikasi web
tersebut.
37
BAB V
HASIL DAN PEMBAHASAN
5.1 Hasil
Hasil penelitian yang dilakukan pada pusat rehabilitasi Ar-rahman
yang membahas tentang pembuatan website pusat rehabilitasi Ar-rahman
dengan menggunakan metode web engineering yaitu:
5.1.1 Customer Communication
Website pusat rehabilitasi narkoba ar-arahman yang akan dibuat
dengan menggunakan framework codeigniter ini terdiri dari fitur profil
pusat, cara pengobatan yang dilakukan di pusat, jenis napza, fasilitas,
biaya, testimony, galeri, dan terdapat menu pemesanan kamar. Dalam
tahapan ini penulis melakukan wawancara dengan Bpk. Novizar selaku
pembantu ketua 3 Pusat Rehabilitasi Narkoba Ar-Rahman Jakabaring
Palembang. Adapun isi wawancara yang dilakukan oleh penulis adalah
menanyakan informasi tentang Pusat Rehabilitasi Narkoba dan apa saja
yang dibutuh kan dalam website ini.
5.1.2 Planning
Perencanaan proyek pengembangan aplikasi web kemudian
ditentukan, perencanaan akan terdiri dari pendefinisian pekerjaan dan target
waktu atas pekerjaan maupun sub pekerjaan yang ditentukan tersebut.
Berikut Penjadwal yang telah dibuat untuk membuat website pusat
rehabilitasi Ar-rahman Tegal Binangun Palembang :
38
Gambar 5.1. Gant Chart(JAdwal Pembuatan Website)
39
5.1.3 Modeling
5.1.3.1 Analysis Modeling
A. Analysis Content
Informasi - informasi yang akan disampaikan kepada
penggunjung adalah informasi mengenai pusat rehabilitasi narkoba
Ar-rahman, jenis-jenis napza dan bahaya yang ditimbulkan, fasilitas,
biaya dan pemesanan kamar.
B. Analysis Interaction
Interaksi yang dilakukan pengguna terhadap website pusat
rehabilitasi narkoba Ar-rahman dapat dikelompokan menjadi 3
kategori yaitu admin yang memiliki akses sebagai administrator yang
dapat berinteraksi pada halaman admin yang dapat mengelola seluruh
website seperti penginputan data jenis napza, data cara pengobatan,
data kamar, fasilitas, biaya, hak akses user memiliki akses sebagai
pengguna biasa yang dapat melihat data yang ditampilkan olah admin
sepeti data profil, data jenis napza, data cara pengobatan, fasilitas,
biaya dan melihat testimony. Untuk anggota bisa menginput data
pemesanan kamar dan input testimony.
C. Analysis function
Pada tahapan ini user dapat melihat informasi berdasarkan
aksesnya, bagi user hanya dapat melihat informasi yang ada pada
halaman website. Anggota dapat melakukan pengimputan testimoni
dan melakukan pemesanan kamar. Admin dapat melihat semua
40
informasi pada website pusat rehabilitasi narkoba Ar-rahman.
Informasi yang disampaikan kepada User tersebut setelah pengguna
melakukan proses login sesuai hak aksesnya, seperti berikut :
1. Anggota
Anggota bisa melihat seluruh menu yang ada pada website
dan dapat melakukan penginputan testimony dan melakukan
pemesanan kamar.
2. Admin
Admin tidak dapat menginput pemesanan kamar dan
menginput testimoni namun dapat melihat data pemesanan kamar
yang telah di pesan oleh anggota yang terdaftar. Admin dapat
mengelola data profil, data kamar, data user, data jenis napza,
galeri, fasilitas, biaya, data cara pengobatan.
D. Analysis Configuration
Website pusat rehabilitasi narkoba ar-rahman ini akan diakses
dengan jaringan internet dan memiliki database yang menyimpan data
informasi. Berikut adalah use case diagram, class diagram, dan activity
diagram yang menjelaskan struktur database dan aktifitas dari
pengguna website pusat rehabilitasi narkoba ar-rahman.
1. Use case diagram
a. Definisi Aktor
Berikut adalah deskripsi pendefinisian actor pada website pusat
rehabilitasi narkoba ar-rahman :
41
Tabel 5.1. Tabel Definisi Aktor
No Actor Deskripsi
1 Admin Admin adalah orang yang bertugas dan
memiliki hak akses untuk melakukan
keseluruhan operasi mengenai website,
profil rehabilitasi, jenis napza, cara
pengobatan, galeri, fasilitas, biaya dan
megelolah halaman home.
2 User User adalah masyarakat atau orang
yang bisa mengakses website serta bisa
mendaftar menjadi anggota.
3. Anggota Anggota adalah masyararakat atau
orang yang bisa melihat isi website
serta bisa melakukan input pada menu
testimony yang berisi komentar atau
saran, dan bisa melakukan pemesanan
kamar secara online, setelah
melakukan pendaftaran sebagai
anggota.
a. Definisi Use case
Berikut adalah deskripsi pendefinisian use case pada
website pusat rehabilitasi narkoba Ar-rahman:
Tabel 5.2. Tabel Definisi Use Case
No. Use Case Deskripsi
1. Validasi Merupakan proses pengecekan
hak akses siapa yang berhak
mengakses proses pengelolaan
data pada website yang dalam
kasus ini ada petugas admin.
Login wajib untuk fungsi-fungsi
yang berkaitan dengan akses
pengubahan ke basis data, oleh
karena itu fungsi-fungsi yang
melakukan perubahan basis data
harus mengecek validasi user
yang mengakses fungsi-fungsi ini
validasi merupakan generalisasi
dari proses login, logout dan
42
No. Use Case Deskripsi
memeriksa status login.
2. Login Merupakan proses untuk
melakukan login
3. Logout Merupakan proses untuk
melakukan logout
4. Mengelola data Fasilitas Mengelolah data fasilitas yang
meliputi empat buah proses
pengelolahan data memasukkan,
mengubah, menghapus, dan
melihat data fasilitas.
5. Mengelola data jenis
napza
Mengelolah data jenis napza
merupakan proses generalisasi
yang meliputi empat buah proses
pengelolahan yaitu memasukkan,
mengubah, menghapus, dan
melihat data jenis napza.
6. Mengelola data rincian
biaya
Mengelolah data rincian biaya
merupakan proses generalisasi
yang meliputi empat buah proses
pengelolahan yaitu memasukkan,
mengubah, menghapus dan
melihat data rincian biaya.
7. Mengelola data galeri Mengelolah data galeri
merupakan proses generalisasi
yang meliputi empat buah proses
pengelolahan data yaitu
memasukkan, mengubah,
menghapus dan melihat data
galeri.
8. Mengelola data kamar Mengelolah data kamar
merupakan proses generalisasi
yang meliputi tiga buah proses
pengelolahan data kamar yaitu
melihat, menambah dan
menghapus data kamar.
9. Mengelola data admin Mengelola admin merupakan
proses generalisasi yang meliputi
tiga buah proses pengelolaan
data yaitu melihat, menambah,
menghapus admin.
10. Mengelola data Spritual Mengelolah data 42piritual
merupakan proses generalisasi
yang meliputi empat buah proses
pengelolahan yaitu memasukkan,
43
No. Use Case Deskripsi
mengubah, menghapus, dan
melihat data spritual.
11 Mengelola data PABM Mengelolah data PABM
merupakan proses generalisasi
yang meliputi empat buah proses
pengelolahan yaitu memasukkan,
mengubah, menghapus, dan
melihat data PABM.
12 Mengelola data Soft Tc Mengelolah data Soft Tc
merupakan proses generalisasi
yang meliputi empat buah proses
pengelolahan yaitu memasukkan,
mengubah, menghapus, dan
melihat data Soft Tc.
a. Diagram Use case
Berikut adalah diagram Use Case dari Website pusat
rehabilitasi narkoba Ar-rahman yang terdiri dari Use Case
Admin, Use Case User dan Use Case Anggota).
Gambar 5.2. Use Case Admin
Berdasarkan use case admin dijelaskan :
1. Admin melakukan login.
Login
Admin
Jenis Nafza
Fasilitas
Galeri
Kamar
Rincian Biaya
<<include>><<include>>
<<include>>
<<include>>
<<include>>
Soft tcPABM
Spritual<<include>><<include>>
<<include>>
Tambah Admin
<<include>>
44
2. Setelah login berhasil maka admin melakukan proses
berikutnya
3. Admin dapat mengelola data spritual, yaitu memasukkan,
mengubah, melihat, dan menghapus spritual.
4. Admin dapat mengelola data pabm, yaitu memasukkan,
mengubah, melihat, dan menghapus pabm.
5. Admin dapat mengelola data sotf tc, yaitu memasukkan,
mengubah, melihat, dan menghapus soft tc.
6. Admin dapat mengelola data jenis nafza, yaitu
memasukkan, mengubah, melihat, dan menghapus jenis
nafza.
7. Admin dapat mengelola data kamar, yaitu memasukkan,
mengubah dan melihat data kamar.
8. Admin dapat mengelola data galeri, yaitu memasukkan,
mengubah, melihat, dan menghapus galeri.
9. Admin dapat mengelola data fasilitas, yaitu memasukkan,
mengubah, melihat, dan menghapus fasilitas.
10. Admin dapat mengelola data rincian biaya, yaitu
memasukkan, mengubah, melihat, dan menghapus rincian
biaya.
11. Admin dapat mengelola tambah admin, melihat dan
penghapusan pada data yang ada.
45
Gambar 5.3. Use Case Anggota
Berdasarkan Gambar 5.3 use case anggota di atas dapat
dijelaskan :
1. Anggota melakukan login.
2. Anggota dapat melakukan pemesanan kamar setelah login
berhasil.
3. Anggota juga dapat melakukan penginputan pada
testimony.
Gambar 5.4. Use case user
Anggota
Login
Pemesanan Kamar
Testimoni<<include>>
<<include>>
User
Galeri
TestimoniBantuan
SejarahVisi-misi
Struktur Organisasi
Pendaftran
Fasilitas
Jenis Nafza
Rincian Biaya
46
Berdasarkan Gambar 5.4 use case user di atas dapat
dijelaskan :
1. User dapat melihat visi-misi, sejarah, struktur
organisasi, galeri, fasilitas, jenis nafza, rincian biaya,
testimony, bantuan dari website pusat rehabilitasi Ar-
rahman Tegal Binangun Palembang.
2. User dapat melihat menu pendaftaran untuk melakukan
pendaftaran sebagai anggota.
2. Class diagram
Berikut adalah diagram kelas yang akan diterapkan pada
Website pusat rehabilitasi narkoba Ar-rahman dengan
menggunakan framework codeigniter.
47
Gambar 5.5. Class Diagram
48
Berdasarkan Gambar 5.5 Class Diagram di atas dapat
dijelaskan:
1. Dalam class diagram diatas ada 12 (dua belas) kelas yang
ada dalam folder model untuk framework codeigniter.
2. Terdapat kelas Model admin, pendaftaran,
pemesanan_kamar, testimoni, Fasilitas, Galeri, Soft_tc,
kamar, jenis_nafza, spiritual, biaya dan pabm.
3. Activity diagram
Berikut adalah diagram aktivitas dari Website pusat
rehabilitasi narkoba ar-rahman yang diterapkan dengan
menggunakan framework codeigniter :
ADMIN
Login
Cek Login
Menampilkan
Menu
Melihat Data
user
Mengelola
Data kamar
Mengelola
File manager
Logout
Tidak Sesuai
Ya
Mengelola Cara
pengobatan
Mengelola
Data pemesan
kamar
Mengelola
Data posting
Mengelola Data
admin
Gambar 5.6. Activity Diagram Admin
49
ANGGOTA
Login
Cek Login
Menampilkan
Menu
Halaman Login
Mengelola
Pemesanan
kamar
Mengelola
testimoni
Logout
Tidak Sesuai
Ya
Gambar 5.7. Activity Diagram Anggota
a. Diagram acitivity login
adalah gambar activity diagram login admin,
diagram yang menjelaskan tentang kegiatan login ke dalam
sistem.
Login
Cek Login
Tidak Sesuai
Ya
Valid User
Gambar 5.8. Activity Diagram Login
50
b. Diagram activity bagian Jenis napza
adalah gambar activity diagram input jenis napza,
diagram yang menjelaskan tentang kegiatan input jenis napza
ke dalam sistem.
Valid User
Jenis napza
InputJenis napzaEdit Jenis
napzaDelete Jenis napza
Complete
Process
Gambar 5.9. Activity Diagram Jenis Napza
Berdasarkan gambar 5.9 dapat dijelaskan sebagai berikut :
1. Admin melakukan login (valid user) maka munculah
beranda.
2. Admin melakukan input atau memasukan data Jenis
napza. Setelah proses selesai Admin bisa langsung logout
atau kembali kemenu utama atau beranda.
3. Admin dapat mengubah data Jenis napza. Setelah proses
selesai Admin bisa langsung logout atau kembali kemenu
utama.
4. Admin dapat menghapus data Jenis napza. Setelah proses
selesai Admin bisa langsung logout atau kembali kemenu
utama.
51
c. Diagram activity bagian cara pengobatan
adalah gambar activity diagram input cara
pengobatan, diagram yang menjelaskan tentang kegiatan
input cara pengobatan ke dalam sistem.
Valid User
Cara
pengobatan
Input Cara
pengobatan
Edit Cara
pengobatan
Delete Cara
pengobatan
Complete
Process
Gambar 5.10. Activity Diagram Cara Pengobatan
Berdasarkan gambar 5.10 dapat dijelaskan sebagai berikut :
1. Admin melakukan login (valid user) maka muncul beranda.
2. Admin melakukan input atau memasukan data cara
pengobatan. Setelah proses selesai Admin bisa langsung
logout atau kembali kemenu utama atau beranda.
3. Admin dapat mengubah data cara pengobatan. Setelah
proses selesai Admin bisa langsung logout atau kembali
kemenu utama.
4. Admin dapat menghapus data cara pengobatan. Setelah
proses selesai Admin bisa langsung logout atau kembali
kemenu utama.
52
d. Diagram activity bagian Galeri
adalah gambar activity diagram input Galeri,
diagram yang menjelaskan tentang kegiatan input Galeri ke
dalam sistem.
Valid User
Galeri
Input Galeri Edit Galeri Delete Galeri
Complete
Process
Gambar 5.11. Activity Diagram Galeri
Berdasarkan gambar 5.11 dapat dijelaskan seebagai berikut :
1. Admin melakukan login (valid user) maka muncul
beranda.
2. Admin melakukan input atau memasukan data galeri.
Setelah proses selesai Admin bisa langsung logout atau
kembali kemenu utama atau beranda.
3. Admin dapat mengubah data galeri. Setelah proses
selesai Admin bisa langsung logout atau kembali kemenu
utama.
4. Admin dapat menghapus data galeri. Setelah proses
selesai Admin bisa langsung logout atau kembali kemenu
utama.
53
e. Diagram activity bagian fasilitas
adalah gambar activity diagram input fasilitas,
diagram yang menjelaskan tentang kegiatan input fasilitas
ke dalam sistem.
Valid User
Fasilitas
Input Fasilitas Edit Fasilitas Delete Fasilitas
Complete
Process
Gambar 5.12. Activity Diagram Fasilitas
Berdasarkan gambar 5.12 dapat dijelaskan seebagai berikut:
1. Admin melakukan login (valid user) maka munculah
beranda.
2. Admin melakukan input atau memasukan data fasilitas.
Setelah proses selesai Admin bisa langsung logout atau
kembali kemenu utama atau beranda.
3. Admin dapat mengubah data fasilitas. Setelah proses
selesai Admin bisa langsung logout atau kembali kemenu
utama.
54
4. Admin dapat menghapus data fasilitas. Setelah proses
selesai Admin bisa langsung logout atau kembali kemenu
utama.
f. Diagram activity bagian biaya
adalah gambar activity diagram input biaya,
diagram yang menjelaskan tentang kegiatan input biaya ke
dalam sistem.
Valid User
Biaya
Input Biaya Edit Biaya Delete Biaya
Complete
Process
Gambar 5.13. Activity Diagram Biaya
Berdasarkan gambar 5.13 dapat dijelaskan sebagai berikut :
1. Admin melakukan login (valid user) maka munculah
beranda.
2. Admin melakukan input atau memasukan data biaya.
Setelah proses selesai admin bisa langsung logout atau
kembali kemenu utama atau beranda.
3. Admin dapat mengubah data biaya. Setelah proses
selesai admin bisa langsung logout atau kembali kemenu
utama.
55
4. Admin dapat menghapus data biaya. Setelah proses
selesai admin bisa langsung logout atau kembali kemenu
utama.
5.1.3.2 Design Modeling
a. Model Navigasi
State Trantition Diagram (STD) merupakan suatu modelling tool
yang mengambarkan sifat ketergantungan terhadap waktu pada sistem.
STD digunakan untuk mengidentifikasi sebagaimana sistem harus
berprilaku seperti resiko dari kejadian eksternal.
1. STD Home
Gambar 5.14. STD Home
Profil
Index/halaman
home
sejarah
Klik tombol “profil”
Tampilan halaman “profi”
Visi-Misi
Struktur organisasi
Klik tombol “profil”
Tampilan halaman “profi”
Klik tombol “visi-misi”
Tampilan halaman “visi-misi”
Klik tombol “struktur
organisani”
Tampilan halaman “struktur
organisasi”
Jenis napza
Cara Prngobatan
Spritual
PABM
Soft TC
Klik tombol “spritual”
Tampilan halaman
“spritual”
Klik tombol “PABM”
Tampilan halaman “PABM”
Klik tombol “Sotf TC”
Tampilan halaman “Soft TC”
Klik tombol “cara
pengobatan”
Tampilan halaman “cara
pengobatan
Galeri
Fasilitas
Login
Klik tombol “jenis
napza”
Tampilan halaman “jenis
napza”
Klik tombol “galeri”
Tampilan halaman “galeri”
Klik tombol “Fasilitas”
Tampilan halaman
“Fasilitas”
Klik tombol “login”
Tampilan halaman “login”
Biaya
Klik tombol “Biaya ”
Tampilan halaman “Biaya ”
Testimoni
Pesan kamar
Klik tombol “Testimoni ”
Tampilan halaman
“Testimoni”
Klik tombol “Pesan
kamar”
Tampilan halaman “Pesan
kamar”
Klik tombol “index home”
Tampilan halaman “home”
Klik tombol “index home”
Tampilan halaman “home”
Klik tombol “index home”
Tampilan halaman “home”
Klik tombol “index home”
Tampilan halaman “home”
Klik tombol “index home”
Tampilan halaman “home”
Klik tombol “index home”
Tampilan halaman “home”
Klik tombol “index
home”
Tampilan halaman “home”
Klik tombol “index home”
Tampilan halaman “home”
Klik tombol “index home”
Tampilan halaman “home”
Klik tombol “index home”
Tampilan halaman “home”
Klik tombol “index home”
Tampilan halaman “home”
Klik tombol “index home”
Tampilan halaman “home”
Klik tombol “index home”
Tampilan halaman “home”
56
Berdasarkan pada gambar diatas dapat dijelaskan:
1. Di home user dapat melihat profil, jenis napza, cara pengobatan,
galeri, fasilitas, biaya, testimony dan pemesanan kamar.
2. Klik profil, lalu muncul tampilan layar profil yang berisikan tiga
pilihan menu yaitu: menu sejarah, visi-misi, dan strukutur
organisasi.
3. Klik cara pengobatan, lalu muncul tampilan layar cara pengobatan
profil yang berisikan tiga pilihan yaitu: menu spiritual, soft TC, dan
Pabm.
4. Klik galeri, lalu muncul tampilan layar galeri.
5. Klik fasilitas, lalu muncul tampilan layar fasilitas.
6. Klik bayar, lalu muncul tampilan layar bayar.
7. Klik testimoni, lalu muncul tampilan layar testimoni
8. Klik pemesanan kamar, lalu muncul tampilan layar pemesanan
kamar.
2. STD profil
Gambar 5.15. STD Profil
Index(home
Profil
Sejarah Visi-Misi Struktur organisasi
Klik tombol “sejarah”
Tampilan halaman “sejarah”
Klik tombol ”visi-misi”
Tampilan halaman “visi-misi”
Klik tombol “struktur
organisasi”
Tampilan halaman “struktur
organisasi”
Klik tombol “index(home)”
Tampilan halaman “home”
Klik tombol “profil)”
Tampilan “(profil)”
Klik tombol “profil)”
Tampilan “(profil)”
Klik tombol “home)”
Tampilan halaman (home)”
Klik tombol “home)”
Tampilan halaman (home)”
Klik tombol “profil)”
Tampilan “(profil)”
Klik tombol “home)”
Tampilan halaman (home)”
57
Berdasarkan pada gambar diatas dapat dijelaskan:
1. Di beranda User dapat melihat menu profil, klik profil lalu
muncul tampilan layar profil yang berisikan tiga pilihan menu
yaitu: menu sejarah, visi-misi, dan strukutur organisasi
2. Untuk kembali lagi ke home user dapat mengklik button home
dan muncul tampilan layar home.
3. STD Cara Pengobatan
Gambar 5.16. STD Cara pengobatan
Berdasarkan pada gambar diatas dapat dijelaskan:
1. Di beranda User dapat melihat menu cara pengobatan, klik
cara pengobatan lalu muncul tampilan layar cara pengobatan
yang berisikan tiga pilihan menu yaitu: menu spritual, Soft TC,
dan Pabm.
2. Untuk kembali lagi ke home user dapat mengklik button home
dan muncul tampilan layar home.
Index(home)
Cara pengobatan
Spiritual Pabm Soft Tc
Klik tombol “sejarah”
Tampilan halaman “sejarah”
Klik tombol ”visi-misi”
Tampilan halaman “visi-misi”
Klik tombol “struktur
organisasi”
Tampilan halaman “struktur
organisasi”
Klik tombol “index(home)”
Tampilan halaman “home”
Klik tombol “cara pengobatan)”
Tampilan “(cara pengobatan)”
Klik tombol “home)”
Tampilan halaman (home)”
Klik tombol “home)”
Tampilan halaman (home)”
Klik tombol “home)”
Tampilan halaman (home)”
Klik tombol “cara pengobatan)”
Tampilan “(cara pengobatan)”
Klik tombol “cara pengobatan)”
Tampilan “(cara pengobatan)”
58
4. STD Jenis Napza
Gambar 5.17. STD Jenis Napza
Berdasarkan pada gambar diatas dapat dijelaskan:
1. Di index user dapat melihat Jenis Napza, klik Jenis Napza
lalu muncul tampilan layar Jenis Napza, untuk kembali lagi
ke home user dapat mengklik button home dan muncul
tampilan layar home.
5. STD Galeri
Gambar 5.18. STD Galeri
Berdasarkan pada gambar diatas dapat dijelaskan:
1. Di index user dapat melihat Galeri, klik Galeri lalu muncul
tampilan layar Galeri, untuk kembali lagi ke home user dapat
mengklik button home dan muncul tampilan layar home.
Index(home) Napza
Klik tombol “index(home)”
Tampilan halaman “home”
Klik tombol “napza”
Tampilan halaman “napza”
Index(home) Galeri
Klik tombol “index(home)”
Tampilan halaman “home”
Klik tombol “Galeri”
Tampilan halaman “Galeri”
59
6. STD Biaya
Gambar 5.19. STD Biaya
Berdasarkan pada gambar diatas dapat dijelaskan:
1. Di index user dapat melihat biaya, klik Galeri lalu muncul
tampilan layar biaya, untuk kembali lagi ke home user dapat
mengklik button home dan muncul tampilan layar home.
7. STD Fasilitas
Gambar 5.20. STD Fasilitas
Berdasarkan pada gambar diatas dapat dijelaskan:
1. Di index user dapat melihat menu fasilitas, klik Galeri lalu
muncul tampilan layar fasilitas, untuk kembali lagi ke home
user dapat mengklik button home dan muncul tampilan layar
home.
Index(home) Rincian Biaya
Klik tombol “index(home)”
Tampilan halaman “home”
Klik tombol “rincian biaya”
Tampilan halaman “rincian biaya”
Index(home) fasilitas
Klik tombol “index(home)”
Tampilan halaman “home”
Klik tombol “fasilitas”
Tampilan halaman “fasilitas”
60
8. STD Testimoni
Gambar 5.21. STD Testimoni
Berdasarkan pada gambar diatas dapat dijelaskan:
1. Di index user dapat melihat menu testimoni, klik testimoni
lalu muncul tampilan layar testimoni, untuk kembali lagi ke
home user dapat mengklik button home dan muncul tampilan
layar home.
9. STD Pemesanan kamar
Gambar 5.22. STD Pemesanan kamar
Berdasarkan pada gambar diatas dapat dijelaskan:
1. Di index user dapat melihat menu pemesanan kamar, klik
Galeri lalu muncul tampilan layar pemesanan kamar, untuk
kembali lagi ke home user dapat mengklik button home dan
muncul tampilan layar home.
Index(home) Testimoni
Klik tombol “index(home)”
Tampilan halaman “home”
Klik tombol “Testimoni”
Tampilan halaman “Testimoni”
Index(home) Pesan kamar
Klik tombol “index(home)”
Tampilan halaman “home”
Klik tombol “pesan kamar”
Tampilan halaman “pesan
kamar”
61
b. Model Desain Rancangan Database
a. Rancangan Tabel Admin
Tabel Admin digunakan untuk menampung data Admin
berikut tampilannya:
Nama Table : Admin
Primary key : ID
Foreign key : -
Tabel 5.3. Desain Tabel Admin
No Nama Field Tipe Data Ukuran Keterangan
1 Id Int 11 Id
2 Username Varchar 20 Username
3 Password Varchar 50 Passrword
b. Rancang Table Jenis Napza
Tabel jenis napza digunakan untuk menampung data jenis
napza berikut tampilannya:
Nama Table : Jenis Napza
Primary key : Id_napza
Foreign key : -
Tabel 5.4. Desain Tabel Jenis Napza
No Nama Field Tipe Data Ukuran Keterangan
1 Id_napza Int 11 Id
2 Judul_napza Varchar 50 Judul
3 tanggal_napza Date - Tanggal
4 poto_napza Varchar 50 Poto
5 isi_napza Text - Isi
62
c. Rancang Table spritual
Tabel cara spritual digunakan untuk menampung data
jenis napza berikut tampilannya:
Nama Table : Spritual
Primary key : Id_spiritual
Foreign key : -
Tabel 5.5. Desain Tabel Spritual
No Nama Field Tipe Data Ukuran Keterangan
1 Id_spritual Int 11 Id
2 Judul_ spritual Varchar 100 Judul
3 tanggal_ spritual Date - Tanggal
4 isi_ spiritual Text - Isi
d. Rancang Table Soft TC
Tabel cara soft tc digunakan untuk menampung data pabm
berikut tampilannya:
Nama Table : Soft_tc
Primary key : Id_soft_tc
Foreign key : -
Tabel 5.6. Desain Tabel Soft tc
No Nama Field Tipe Data Ukuran Keterangan
1 Id_soft_tc Int 11 Id
2 Judul_ soft_tc Varchar 100 Judul
3 tanggal_ soft_tc Date - Tanggal
4 isi_ soft_tc Text - Isi
63
e. Rancang Table Pabm
Tabel cara pabm digunakan untuk menampung data pabm
berikut tampilannya:
Nama Table : Pabm
Primary key : Id_pabm
Foreign key : -
Tabel 5.7. Desain Tabel Pabm
No Nama Field Tipe Data Ukuran Keterangan
1 Id_pabm Int 11 Id
2 Judul_ pabm Varchar 100 Judul
3 tanggal_ pabm Date - Tanggal
4 isi_ pabm Text - Isi
f. Rancang Table Galeri
Tabel galeri digunakan untuk menampung data galeri
berikut tampilannya:
Nama Table : Galeri
Primary key : Id_galeri
Foreign key : -
Tabel 5.8. Desain Tabel Galeri
No Nama Field Tipe Data Ukuran Keterangan
1 Id_ galeri Int 11 Id
2 Judul_ galeri Varchar 100 Judul
3 tanggal_ galeri Date - Tanggal
4 poto_ galeri Varchar - poto
64
g. Rancang Table Pendaftaran
Tabel pendaftaran digunakan untuk menampung data
pendaftaran berikut tampilannya:
Nama Table : Pendaftaran
Primary key : Id
Foreign key : -
Tabel 5.9. Desain Tabel Pendaftaran
No Nama Field Tipe Data Ukuran Keterangan
1 Id Int 11 Id
2 nama Varchar 100 Judul
3 ttl Varchar 50 Tanggal
4 Status_nikah Varchar 50 poto
5 agama Varchar 50 Agama
6 Jk Varchar 50 Jenis kelamin
7 anakke Varchar 50 Anakke
8 alamat Varchar 300 Alamat
9 telpon Varchar 50 Telpon
10 Email Varchar 50 Email
11 Password Varchar 50 Password
12 Tanggal Date 50 Tanggal
13 Status Enum - Status
14 Nama_ayah Varchar 50 Nama ayah
15 Ttl_ayah Varchar 50 Ttl ayah
16 Agama_ayah Varchar 50 Agama ayah
17 Pekerjaan_ayah Varchar 50 Pekerjaan ayah
18 Alamat_ayah Varchar 50 Alamat ayah
19 Telp_ayah Varchar 50 Telpon ayah
20 Nama_ibu Varchar 50 Nama ibu
21 Ttl_ ibu Varchar 50 Ttl ibu
22 Agama_ ibu Varchar 50 Agama ibu
23 Pekerjaan_ ibu Varchar 50 Pekerjaan ibu
24 Alamat_ ibu Varchar 50 Alamat ibu
25 Telp_ ibu Varchar 50 Telpon ibu
26 Nama_wali Varchar 50 Nama wali
27 Ttl_ wali Varchar 50 Ttl wali
28 Agama_ wali Varchar 50 Agama wali
29 Pekerjaan_ wali Varchar 50 Pekerjaan wali
65
No Nama Field Tipe Data Ukuran Keterangan
30 Alamat_ wali Varchar 50 Alamat
31 Telp_ wali Varchar 50 Telpon wali
h. Rancang Table kamar
Tabel kamar digunakan untuk menampung data kamar
berikut tampilannya:
Nama Table : Kamar
Primary key : Id_kamar
Forenkey : -
Tabel 5.10. Desain Tabel Kamar
No Nama Field Tipe Data Ukuran Keterangan
1 Id_ kamar Int 11 Id
2 Status_kamar Varchar 100 status
3 untuk varchar - untuk
i. Rancang Table Testimoni
Tabel Testimoni digunakan untuk menampung data
Testimoni berikut tampilannya:
Nama Table : Testimoni
Primary key : Id_testimoni
Foreign key : id_user
Tabel 5.11. Desain Tabel Testimoni
No Nama Field Tipe Data Ukuran Keterangan
1 Id_ testimoni Int 11 Id
2 Id_user Varchar 100 status
66
3 Isi_testimoni text - untuk
4 tanggal Date - Tanggal
j. Rancang Table Pemesan kamar
Tabel pemesan kamar digunakan untuk menampung data
pemesanan kamar berikut tampilannya:
Nama Table : Pemesan kamar
Primary key : Id_ pemesanan
Foreign key : id_user, id_kamar
Tabel 5.12. Desain Tabel Pemesan kamar
No Nama Field Tipe Data Ukuran Keterangan
1 Id_ pemesanan Int 11 Id_pemesan
2 Id_user Varchar 100 Id_user
3 Id_kamar text - Id_kamar
4 tanggal Date - Tanggal
5 status Varchar 100 status
c. Model Desain Tampilan
a. Model Desain Tampilan index
Model desain merupakan rancangan terstruktur yang berkaitan
dengan konsep – konsep yang saling terkait. Berikut konsep model
website pusat rehabilitasi ar-rahman
1. Desain Tampilan Beranda
Pada desain beranda menampilkan tombol beranda, serta
terdapat menu profil, jenis napza, cara pengobatan, galeri,
fasilitas, biaya, testimony dan pemesanan kamar.
67
Header
sidebar
Home Profil Galeri
Fotter
Pelayanan Cara Pengobatan Informasi
Pendiri Panti
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxx
Logo
Testimoni Bantuan
XXXXXX
Login Anggota
Password
Gambar 5.23. Desain Beranda
2. Desain Tampilan sejarah
Pada desain sejarah menampilkan form untuk sejarah,
berikut konsep tampilan desain sejarah:
Header
sidebar
Xxxxxxxxxx xxxxxxxxx
Sejarah
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxXxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxXxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Fotter
Home Profil Galeri Pelayanan Cara Pengobatan Informasi
Logo
Testimoni BantuanSejarah
Visi-Misi
Struktur Organisasi
Login Anggota
Password
Gambar 5.24. Desain Sejarah
3. Desain Tampilan visi-misi
Pada desain visi-misi menampilkan form untuk visi-misi,
berikut konsep tampilan desain visi-misi:
68
Header
sidebar
Xxxxxxxxxx xxxxxxxxx
Visi-Misi
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxXxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxXxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Home Profil Galeri Pelayanan Cara Pengobatan Informasi
Logo
Testimoni BantuanSejarah
Visi-Misi
Struktur Organisasi
Fotter
Login Anggota
Password
Gambar 5.25. Desain visi-misi
4. Desain Tampilan Sturktur Organisasi
Pada desain struktur organisasi menampilkan form untuk
struktur organisasi, berikut konsep tampilan desain struktur
organisasi:
Header
sidebar
Xxxxxxxxxx xxxxxxxxx
Struktur organisasi
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxXxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxXxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Fotter
Home Profil Galeri Pelayanan Cara Pengobatan Informasi
Logo
Testimoni BantuanSejarah
Visi-Misi
Struktur Organisasi
Login Anggota
Password
Gambar 5.26. Desain struktur organisasi
5. Desain Tampilan galeri
Pada desain galeri menampilkan form untuk galeri,
berikut konsep tampilan desain galeri:
69
Header
sidebar
Home Profil Galeri
Fotter
Pelayanan Cara Pengobatan Informasi
Pendiri Panti
Logo
Testimoni Bantuan
XXXXXX
Foto Foto Foto
Login Anggota
Password
Gambar 5.27. Desain galeri
6. Desain Tampilan Pemesanan Kamar
Pada desain pemesanan kamar menampilkan form untuk
pemesanan kamar, berikut konsep tampilan desain pemesanan
kamar:
Header
sidebar
Home Profil Galeri
Fotter
Pelayanan Cara Pengobatan Informasi
Pendiri Panti
Logo
Testimoni BantuanPemesanan Kamar
Selamat Datang, User
Ganti
Password
LogOut
nama
Data UserA.Jati diri pasien
Tempat/tgl Lahir
Status Belum Menikah
Jenis Kelamin
Anak ke
Alamat
Telp rumah.hp
Password
Agama Islam
Gambar 5.28. Desain Pemesanan Kamar
7. Desain Tampilan Pendaftaran
Pada desain pendaftaran menampilkan form untuk
pendaftaran, berikut konsep tampilan desain pendaftaran:
70
Header
sidebar
Home Profil Galeri
Fotter
Pelayanan Cara Pengobatan Informasi
Pendiri Panti
nama
Logo
Testimoni Bantuan
Data pendaftaran
Pendaftaran
A.Jati diri pasien
Tempat/tgl Lahir
Status Belum Menikah
Jenis Kelamin
Anak ke
Alamat
Telp rumah.hp
Password
B.Jati Keluarga
Agama Islam
nama
Tempat/tgl Lahir
Pekerjaan
Alamat
Telp rumah.hp
Agama Islam
2.Jati ibu
nama
Tempat/tgl Lahir
Pekerjaan
Alamat
Telp rumah.hp
Agama Islam
C.Jati wali/pengmpu
nama
Tempat/tgl Lahir
Pekerjaan
Alamat
Telp rumah.hp
Agama Islam
OK
1.Jati Ayah
Login Anggota
Password
Gambar 5.29. Desain Pendaftaran
8. Desain Tampilan pengobatan spritual
Pada desain pengobatan spritual menampilkan form
untuk pengobatan spritual, berikut konsep tampilan desain
pengobatan spritual:
Header
sidebar
Home Profil Galeri
Fotter
Pelayanan Cara Pengobatan Informasi
Pendiri Pantixxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxx
Logo
Testimoni Bantuan
Spritual
Spritual
PABM
Soft TC
Login Anggota
Password
Gambar 5.30. Desain pengobatan spiritual
71
9. Desain Tampilan pengobatan pabm
Pada desain pengobatan pabm menampilkan form untuk
pengobatan pabm, berikut konsep tampilan desain pengobatan
pabm:
Header
sidebar
Home Profil Galeri
Fotter
Pelayanan Cara Pengobatan Informasi
Pendiri Panti
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxx
Logo
Testimoni Bantuan
Spritual
Spritual
PABM
Soft TC
Login Anggota
Password
Gambar 5.31. Desain pengobatan pabm
10. Desain Tampilan pengobatan Soft TC
Pada desain pengobatan Soft TC menampilkan form
untuk pengobatan Soft TC, berikut konsep tampilan desain
pengobatan Soft TC:
Header
sidebar
Home Profil Galeri
Fotter
Pelayanan Cara Pengobatan Informasi
Pendiri Panti
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxx
Logo
Testimoni Bantuan
Soft TC
Spritual
PABM
Soft TC
Login Anggota
Password
Gambar 5.32. Desain pengobatan Soft tc
72
11. Desain Tampilan fasilitas
Pada desain fasilitas menampilkan form untuk fasilitas,
berikut konsep tampilan desain fasilitas:
Header
sidebar
Home Profil Galeri
Fotter
Pelayanan Cara Pengobatan Informasi
Pendiri Panti
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxx
Logo
Testimoni Bantuan
fasilitas
Fasilitas
Jenis Nafza
Rincian Biaya
Poto
Login Anggota
Password
Gambar 5.33. Desain fasilitas
12. Desain Tampilan jenis nafza
Pada desain jenis nafza menampilkan form untuk jenis
nafza, berikut konsep tampilan desain jenis nafza:
Header
sidebar
Home Profil Galeri
Fotter
Pelayanan Cara Pengobatan Informasi
Pendiri Panti
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxx
Logo
Testimoni Bantuan
Jenis napza
Fasilitas
Jenis Nafza
Rincian Biaya
Poto
Login Anggota
Password
Gambar 5.34. Desain pengobatan jenis nafza
73
13. Desain Tampilan biaya
Pada desain biaya menampilkan form untuk biaya,
berikut konsep tampilan desain biaya:
Header
sidebar
Home Profil Galeri
Fotter
Pelayanan Cara Pengobatan Informasi
Pendiri Panti
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxx
Logo
Testimoni Bantuan
Biaya
Fasilitas
Jenis Nafza
Rincian Biaya
Login Anggota
Password
Gambar 5.35. Desain tampilan biaya
14. Desain Tampilan testimoni
Pada desain testimoni menampilkan form untuk
testimoni, berikut konsep tampilan desain testimoni:
Header
sidebar
Home Profil Galeri
Fotter
Pelayanan Cara Pengobatan Informasi
Pendiri Panti
Testimoni
Nama 00-00-0000
Komentar
Pesan
OK
Logo
Testimoni Bantuan
Selamat Datang, User
Ganti
Password
LogOut
Gambar 5.36. Desain testimoni
15. Desain Tampilan bantuan
Pada desain bantuan menampilkan form untuk bantuan,
berikut konsep tampilan desain bantuan:
74
Header
sidebar
Home Profil Galeri
Fotter
Pelayanan Cara Pengobatan Informasi
Pendiri Panti
Logo
Testimoni Bantuan
Bantuan
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxx
Login Anggota
Password
Gambar 5.37. Desain bantuan
b. Desain tampilan admin.
1. Desain Tampilan Home
Untuk Tampilan admin ada data user, kamar, pemesanan
kamar, data posting, file managaer, dan daftar admin, berikut
tampilan dari halaman home admin alumni :
Header
Fotter
Home Data UserPemesananan
kamarKamar Data posting
Fasilitas
Jenis napza
Rincian biaya
Galeri
Cara
pengobatanFile manager Data admin
Selamat datang pada manu admin rehabiltasi ar-rahman
Home
Gambar 5.38. Desain tampilan home admin
2. Desain Tampilan data user
Untuk Tampilan admin, disini akan menampilkan data
user yang telah menjadi anggota atau yang telah mendaftar,
berikut tampilannya :
75
Header
Fotter
Home Data UserPemesananan
kamarKamar Data posting
Cara
pengobatanFile manager Data admin
Data user
ID
999999999
999999999
999999999
999999999
999999999
999999999
999999999
Nama
999999999
999999999
999999999
999999999
999999999
999999999
999999999
999999999
999999999
999999999
999999999
999999999
999999999
999999999
Tanggal Daftar
999999999
999999999
999999999
999999999
999999999
999999999
999999999
hapus
hapus
hapus
hapus
hapus
hapus
hapus
Gambar 5.39. Desain tampilan data user
3. Desain Tampilan data kamar
Untuk Tampilan data kamar, disini akan menampilkan
data kamar yang akan ada, berikut tampilannya :
Header
Fotter
Home Data UserPemesananan
kamarKamar Data posting
Cara
pengobatanFile manager Data admin
Data kamarl: posting baru
ID Kamar
999999999
999999999
999999999
999999999
999999999
999999999
999999999
Status Kamar
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
Kamar untuk
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
Save
Save
Save
Save
Save
Save
Save
hapus
hapus
hapus
hapus
hapus
hapus
hapus
Gambar 5.40. Desain tampilan data kamar
4. Desain Tampilan data pemesanan kamar
Untuk Tampilan data pemesanan kamar, disini akan
menampilkan data pemesan kamar berikut tampilannya :
Header
Fotter
Home Data UserPemesananan
kamarKamar Data posting
Cara
pengobatanFile manager Data admin
Data pemesanan kamarl: posting baru
ID Kamar
999999999
999999999
999999999
999999999
999999999
999999999
999999999
Nama pemesan
999999999
999999999
999999999
999999999
999999999
999999999
999999999
Tanggak pesan
999999999
999999999
999999999
999999999
999999999
999999999
999999999
Tanggal Batas Konfirmasi
999999999
999999999
999999999
999999999
999999999
999999999
999999999
hapus
hapus
hapus
hapus
hapus
hapus
hapus
Ok
Ok
Ok
Ok
Ok
Ok
Ok
Batal
Batal
Batal
Batal
Batal
Batal
Batal
Gambar 5.41. Desain tampilan data pemesanan kamar
76
5. Desain Tampilan data fasilitas
Untuk Tampilan data fasilitas, disini akan menampilkan
data fasilitas berikut tampilannya:
Header
Fotter
Home Data UserPemesananan
kamarKamar Data posting
Cara
pengobatanFile manager Data admin
Data posting fasilitasl: posting baru
ID fasilitas
999999999
999999999
999999999
999999999
999999999
999999999
999999999
Judul
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
Tanggal
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
Photo
Poto
Poto
Poto
Poto
Poto
Poto
Poto
Isi
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
x
Fasilitas
Save
Save
Save
Save
Save
Save
Save
hapus
hapus
hapus
hapus
hapus
hapus
hapus
Gambar 5.42. Desain tampilan data fasilitas
6. Desain Tampilan data jenis napza
Untuk Tampilan data jenis kamar, disini akan
menampilkan data jenis kamar berikut tampilannya :
Header
Fotter
Home Data UserPemesananan
kamarKamar Data posting
Cara
pengobatanFile manager Data admin
Data posting jenis napzal: posting baru
ID Napza
999999999
999999999
999999999
999999999
999999999
999999999
999999999
Judul
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
Tanggal
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
Photo
Poto
Poto
Poto
Poto
Poto
Poto
Poto
Isi
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
x
Fasilitas
Save
Save
Save
Save
Save
Save
Save
hapus
hapus
hapus
hapus
hapus
hapus
hapus
Jenis napza
Gambar 5.43. Desain tampilan data fasilitas
7. Desain Tampilan data rincian biaya
Untuk Tampilan data rincian biaya, disini akan
menampilkan data rincian biaya berikut tampilannya :
77
Header
Fotter
Home Data UserPemesananan
kamarKamar Data posting
Cara
pengobatanFile manager Data admin
Data posting rincian biayal: posting baru
ID biaya
999999999
999999999
999999999
999999999
Judul
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
Tanggal
y/m/d
y/m/d
y/m/d
y/m/d
Photo
Poto
Poto
Poto
Poto
Isi
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
Fasilitas
Save
Save
Save
Save
hapus
hapus
hapus
hapus
Jenis napza
Rincian biaya
Gambar 5.44. Desain tampilan data rincian biaya
8. Desain Tampilan data galeri
Untuk Tampilan data galeri, disini akan menampilkan
data galeri berikut tampilannya :
Header
Fotter
Home Data UserPemesananan
kamarKamar Data posting
Cara
pengobatanFile manager Data admin
Data posting galeril: posting baru
ID Geleri
999999999
999999999
999999999
999999999
999999999
999999999
999999999
Judul
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
Tanggal
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
Photo
Poto
Poto
Poto
Poto
Poto
Poto
Poto
Isi
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
x
Fasilitas
Save
Save
Save
Save
Save
Save
Save
hapus
hapus
hapus
hapus
hapus
hapus
hapus
Jenis napza
Rincian biaya
Galeri
Gambar 5.45. Desain tampilan data galeri
9. Desain Tampilan data spritual
Untuk Tampilan data spiritual, disini akan menampilkan
data spiritual berikut tampilannya :
Header
Fotter
Home Data UserPemesananan
kamarKamar Data posting
Cara
pengobatanFile manager Data admin
Data posting data spiritual: posting baru
ID spritual
999999999
999999999
999999999
999999999
999999999
999999999
999999999
Judul
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
Tanggal
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
Photo
Poto
Poto
Poto
Poto
Poto
Poto
Poto
Isi
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
x
Save
Save
Save
Save
Save
Save
Save
hapus
hapus
hapus
hapus
hapus
hapus
hapus
Spritual
Soft tc
Pabm
Gambar 5.46. Desain tampilan data spiritual
78
10. Desain Tampilan data soft tc
Untuk Tampilan data soft tc, disini akan menampilkan
data soft tc berikut tampilannya :
Header
Fotter
Home Data UserPemesananan
kamarKamar Data posting
Cara
pengobatanFile manager Data admin
Data posting data soft tc: posting baru
ID soft tc
999999999
999999999
999999999
999999999
999999999
999999999
999999999
Judul
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
Tanggal
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
Photo
Poto
Poto
Poto
Poto
Poto
Poto
Poto
Isi
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
x
Save
Save
Save
Save
Save
Save
Save
hapus
hapus
hapus
hapus
hapus
hapus
hapus
Spritual
Soft tc
Pabm
Gambar 5.47. Desain tampilan data soft tc
11. Desain Tampilan data pabm
Untuk Tampilan data pabm, disini akan menampilkan
data pabm berikut tampilannya :
Header
Fotter
Home Data UserPemesananan
kamarKamar Data posting
Cara
pengobatanFile manager Data admin
Data posting data pabm: posting baru
ID soft tc
999999999
999999999
999999999
999999999
999999999
999999999
999999999
Judul
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
Tanggal
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
y/m/d
Photo
Poto
Poto
Poto
Poto
Poto
Poto
Poto
Isi
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
x
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
x
Save
Save
Save
Save
Save
Save
Save
hapus
hapus
hapus
hapus
hapus
hapus
hapus
Spritual
Soft tc
Pabm
Gambar 5.48. Desain tampilan data pabm
12. Desain Tampilan file managar
Untuk Tampilan file manager, disini akan menampilkan
data file manager dan juga form – form untuk menginput data file
manager, berikut tampilannya:
79
Header
Fotter
Home Data UserPemesananan
kamarKamar Data posting
Cara
pengobatanFile manager Data admin
Data posting data file manager
Upload Cancel
Poto Poto Poto Poto Poto
Brouse….
Gambar 5.49. Desain tampilan data file manager
13. Desain Tampilan tambah admin
Untuk Tampilan tambah admin, disini akan
menampilkan data tambah admin dan juga form – form untuk
menginput data tambah admin , berikut tampilannya:
Header
Fotter
Home Data UserPemesananan
kamarKamar Data posting
Cara
pengobatanFile manager Data admin
Data tambah admin : Tambah admin
ID admin
999999999
999999999
999999999
999999999
999999999
999999999
999999999
Username
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
Save
Save
Save
Save
Save
Save
Save
hapus
hapus
hapus
hapus
hapus
hapus
hapus
Gambar 5.50. Desain tampilan data tambah admin
c. Desain tampilan input.
1. Desain Tampilan input data kamar
Untuk Tampilan input data kamar, disini akan
menampilkan form – form untuk menginput data data kama
berikut tampilannya:
80
Header
Fotter
Home Data UserPemesananan
kamarKamar Data posting
Cara
pengobatanFile manager Data admin
Data Kamar insert
ID Kamar
Kamar untuk
xxxxxxxxxxxx
Laki-laki
Save Cancel
Gambar 5.51. Desain tampilan data kamar
2. Desain Tampilan input data input fasilitas
Untuk Tampilan input data fasilitas, disini akan
menampilkan form – form untuk menginput data fasilitas
berikut tampilannya:
Header
Fotter
Home Data UserPemesananan
kamarKamar Data posting
Cara
pengobatanFile manager Data admin
Posting data fasilitas
Judul xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Photo
Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Isi
Pilih
Save Cancel
Gambar 5.52. Desain tampilan data input fasilitas
3. Desain Tampilan input data input cara pengobatan
Untuk Tampilan input data cara pengobatan, disini akan
menampilkan form – form untuk menginput data cara
pengobatan berikut tampilannya:
81
Header
Fotter
Home Data UserPemesananan
kamarKamar Data posting
Cara
pengobatanFile manager Data admin
Posting cara pengobatan
Judul xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Photo
Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Isi
Pilih
Save Cancel
Gambar 5.53. Desain tampilan input cara pengobatan
4. Desain Tampilan input data tambah admin
Untuk Tampilan input data tambah admin, disini akan
menampilkan form – form untuk menginput data tambah admin
berikut tampilannya:
Header
Fotter
Home Data UserPemesananan
kamarKamar Data posting
Cara
pengobatanFile manager Data admin
Data tambah admin
User
password
xxxxxxxxxxxx
999999999
Save Cancel
Gambar 5.54. Desain tampilan data input tambah admin
d. Rancangan Pengujian
Pengujian yang akan digunakan pada website ini, penulis
membagi nya menjadi 3 kategori :
1. Pengujian Tampilan
Pengujian tampilan ini di tujukkan untuk menguji tampilan
yang ada pada website. Pengujian yang dilakukan nanti apakah
saat tombol beranda diklik akan menampilkan tampilan
82
beranda sesuai keinginan atau tidak, begitu untuk seterusnya
untuk tombol – tombol yang lain.
2. Pengujian Tabel
Pengujian tabel ini ditunjukkan untuk menguji apakah data
yang di input dari website melalui form-form telah masuk
dengan baik ke dalam tabel-tabel yang telah ada dan sesuaikan
data tersebut masuk ke dalam tabelnya
3. Pengujian Fungsional
Pengujian fungsional ini ditujukkan untuk menguji fungsi-
fungsi yang ada pada website, contohnya saat kita akan
melakukan login memasukkan username dan password saat
benar apakah ada validasi yang tampil memberitahu username
dan password yang anda masukkan, begitu juga untuk
sebaliknya apabila salaah memasukkan username dan
password apakah ada pemberitahuan validasi username dan
password yang anda masukkan salah. Begitu juga untuk
pengujian fungsional yanga ada pada webiste. Seluruhnya akan
dilakukan pengujian.
5.1.4 Construction
Pada tahapan contruction akan membahas pembuatan website atau
pengembangan yang dilakukan pada Website pusat rehabilitasi narkoba Ar-
rahman dengan menggunakan Framework Codeigniter. Disini kita akan
83
melihat apakah rancangan yang sudah dilakukan sesuai dengan tahapan
pembuatan dan pengembangan website.
5.1.4.1. Pembuatan Database dengan MySql
Pembuatan database ini menggunakan MySql, nama
database yang digunakan adalah rehab-arrahman, dengan
mempunyai 12 tabel, tabel_admin, table_fasilitas, table_galeri,
table_jenis_napza, table_kamar, table_pabm,
table_pemesanan_kamar, table_pendaftaran, table_rincian_biaya,
table_soft_tc, table_spritual, table_testimoni.
1. Tabel Admin
Tabel pengguna ini mempunyai 3 field yaitu : id, username,
password, berikut tampilan databasenya:
Gambar 5.55. Tabel Admin
2. Tabel Fasilitas
Tabel pengguna ini mempunyai 5 field yaitu : id_ Fasilitas,
judul_ Fasilitas, tanggal_ Fasilitas,poto_ Fasilitas, isi_ Fasilitas
berikut tampilan databasenya:
Gambar 5.56. Tabel Fasilitas
84
3. Tabel Galeri
Tabel pengguna ini mempunyai 4 field yaitu : id,
judul_galeri, tanggal_galeri, poto_galeri berikut tampilan
databasenya:
Gambar 5.57. Tabel Galeri
4. Tabel Jenis Napza
Tabel pengguna ini mempunyai 4 field yaitu : id,
judul_napza, tanggal_napza, poto_napza berikut tampilan
databasenya:
Gambar 5.58. Tabel Jenis Napza
5. Tabel kamar
Tabel pengguna ini mempunyai 3 field yaitu : id_kamar,
status_kamar, untuk berikut tampilan databasenya:
Gambar 5.59. Tabel Kamar
85
6. Tabel Pabm
Tabel pengguna ini mempunyai 4 field yaitu : id_pabm,
judul_pabm, tanggal_pabm, isi_pabm untuk berikut tampilan
databasenya:
Gambar 5.60. Tabel Pabm
7. Tabel Pemesan kamar
Tabel pengguna ini mempunyai 5 field yaitu :
id_pemesanan, id_user, id_kamar, tanggal, status untuk berikut
tampilan databasenya:
Gambar 5.61. Tabel Pemesan Kamar
8. Tabel pendaftaran
Tabel pengguna ini mempunyai 31 field yaitu : id, nama,
ttl, status_nikah, agama, jk, anakke, alamat, telpon, email,
password, tanggal,status, nama_ayah, ttl,ayah, agama_ayah,
pekerjaan_ayah, alamat_ayah, telpon_ayah, nama_ibu, ttl_ibu,
agama_ ibu, pekerjaan_ ibu, alamat_ ibu, telpon_ ibu,
nama_wali, ttl_ wali, agama_wali, pekerjaan_wali, alamat wali,
telpon_wali untuk berikut tampilan databasenya:
86
Gambar 5.62. Tabel pendaftaran
9. Tabel Rincian Biaya
Tabel pengguna ini mempunyai 4 field yaitu :
id_rincian_biaya, judul_rincian_biaya, tanggal_rincian_biaya,
isi_rincian_biaya berikut tampilan databasenya:
Gambar 5.63. Tabel Rincian Biaya
10. Tabel Soft TC
Tabel pengguna ini mempunyai 4 field yaitu : id_soft_tc,
judul_soft_tc, tanggal_soft_tc, isi_soft_tc berikut tampilan
databasenya:
87
Gambar 5.64. Tabel Soft TC
11. Tabel Spiritual
Tabel pengguna ini mempunyai 4 field yaitu : id_spiritual,
judul_ spiritual, tanggal_ spiritual isi_ spiritual berikut tampilan
databasenya:
Gambar 5.65. Tabel Spiritual
12. Tabel Testimoni
Tabel pengguna ini mempunyai 4 field yaitu : id_testimoni,
id_user, pesan_ testimoni, tanggal berikut tampilan
databasenya:
Gambar 5.66. Tabel Testimoni
88
5.1.4.2. Penerapan Framework CodeIgniter
1. Instalasi CodeIgniter Versi 3.0
Sebelum menginstall Codeigniter, kita perlu
mendapatkan file instalasinya. Anda bisa mendownload di
www.codeigniter.com. Lihat gambar di bawah ini
Gambar 5.67. Website resmi CodeIgniter
Selanjutnya, buat folder rehab-arrahman di
C:/xammp/htdocs Lihat gambar di bawah ini
Gambar 5.68. Folder rehab-arrahman di C:/xammp/httdocs
Untuk menguji apakah proses instalasi Codeigniter
berjalan dengan baik, coba buka browser dan ketikkan
http://localhost/rehab-arrahman. Jika mendapatkan halaman
Welcome to Codeigniter, maka proses instalasi Codeigniter
berhasil. Lihat gambar 5.69
89
Gambar 5.69. Halaman selamat datang CodeIgniter
2. Aliran Data CodeIgniter
Saat menjalankan aplikasi berbasis CodeIgniter, ada
aliran data dan proses yang dijalankan seperti gambar ini :
Index,php
Routing
Routing
Security
View
Aplication
Controller
Models
Libraries
Helpers
Plugins
Scripts
Gambar 5.70. Aliran data CodeIgniter
3. Struktur Folder CodeIgniter
Setelah berhasil menginstall CodeIgniter, kita akan
mendapati folder alumni akan terisi banyak file dan folder
hasil instalasi seperti gambar di bawah ini.
Gambar 5.71. Struktur folder CodeIgniter (rehab-arrahman)
Pada pembuatan aplikasi dengan CodeIgniter, umumnya
pengguna akan banyak bekerja pada folder application tanpa
90
harus menyentuh sama sekali folder system. Pada folder
application terdapat folder :
Cache : jika anda mengaktifkan cache, maka file-file cache
akan dismpan di folder ini secara default
Config : tempat file konfigurasi. File config.php bersisi
konfigurasi dasar Codeigniter. File database.php berisi
konfigurasi database. File routes.php berisi konfigurasi
routing yang mungkin diperlukan aplikasi.
Controller: tempat file-file controller yang akan anda buat.
Anda akan sering bekerja dengan folder ini, karena folder
ini meyimpan file yang menjadi penggerak atau otak dari
aplikasi Codeigniter.
Helpers : tempat menyimpan helper buatan sendiri. Helper
yang kita buat bisa bersifat me-replace helper asli
Codeigniter atau meng-extend.
Models : tempat menyimpan file-file model yang akan
dibuat. Kita akan sering bekerja dengan folder ini karena
ada
banyak file yang berisi perintah untuk berinteraksi dengan
database.
Views: tempat meyimpan file-file view. View adlaah file
yang digunakan untuk menampilkan data
91
5.1.4.3. Tampilan Halaman Admin
Setelah dilakukan pembuatan serta pengembangan maka di
dapat la tampilan halaman admin yang berisi halaman data user,
kamar, pemesanan kamar, data posting, file managaer, dan tambah
admin. Untuk desain admin ini penulis menggunakan template
yang sudah ada dan disesuaikan dengan kebutuhan. Template
admin ini di lengkapi dengan framework desain bootsrap untuk
membuat tampilan desain menjadi baik dan menarik.
1. Halaman Home admin
Berikut tampilan halaman home admin yang telah dibuat
oleh penulis dengan menggunakan framework codeigniter.
Gambar 5.72. Home Admin
2. Halaman data user
Berikut tampilan halaman data user yang telah dibuat
oleh penulis dengan menggunakan framework codeigniter.
Disini ada form data pengguna.
92
Gambar 5.73. Halaman Data User
3. Halaman Kamar
Berikut tampilan halaman kamar yang telah dibuat oleh
penulis dengan menggunakan framework codeigniter. Disini
ada form tambah kamar dan data kamar yang sudah di posting.
Gambar 5.74. Halaman Kamar
4. Halaman Pemesanan kamar
Berikut tampilan halaman data pemesanan kamar yang
telah dibuat oleh penulis dengan menggunakan framework
codeigniter. Disini ada form data pemesanan kamar.
Gambar 5.75. Pemesanan kamar
93
5. Halaman Fasilitas
Berikut tampilan halaman fasilitas yang telah dibuat
oleh penulis dengan menggunakan framework codeigniter.
Disini ada form fasilitas dan data fasilitas yang sudah di
posting.
Gambar 5.76. Halaman Fasilitas
6. Halaman Jenis Napza
Berikut tampilan halaman jenis napza yang telah dibuat
oleh penulis dengan menggunakan framework codeigniter.
Disini ada form jenis napza dan data jenis napza yang sudah di
posting.
Gambar 5.77. Halaman Jenis Napza
7. Halaman Rincian Biaya
Berikut tampilan halaman Rincan Biaya yang telah
dibuat oleh penulis dengan menggunakan framework
codeigniter. Disini ada form Rincan Biaya dan data Rincan
Biaya yang sudah di posting.
94
Gambar 5.78. Rincian Biaya
8. Halaman Galeri
Berikut tampilan halaman galeri yang telah dibuat oleh
penulis dengan menggunakan framework codeigniter. Disini
ada form galeri dan data galeri yang sudah di posting.
Gambar 5.79. Halaman Galeri
9. Halaman Spiritual
Berikut tampilan halaman spritual yang telah dibuat
oleh penulis dengan menggunakan framework codeigniter.
Disini ada form spritual dan data spritual yang sudah di
posting.
Gambar 5.80. Halaman Spritual
95
10. Halaman Soft tc
Berikut tampilan halaman soft tc yang telah dibuat oleh
penulis dengan menggunakan framework codeigniter. Disini
ada form soft tc dan data soft tc yang sudah di posting.
Gambar 5.81. Halaman Soft tc
11. Halaman Pabm
Berikut tampilan halaman pabm yang telah dibuat oleh
penulis dengan menggunakan framework codeigniter. Disini
ada form pabm dan data pabm yang sudah di posting.
Gambar 5.82. Halaman Pabm
12. Halaman File Manager
Berikut tampilan halaman file manager yang telah
dibuat oleh penulis dengan menggunakan framework
codeigniter. Disini ada form file manager dan data file
manager yang sudah di posting.
96
Gambar 5.83. Halaman File Manager
13. Halaman Tambah Admin
Berikut tampilan halaman tambah admin yang telah
dibuat oleh penulis dengan menggunakan framework
codeigniter. Disini ada form tambah admin.
Gambar 5.84. Tambah Admin
5.1.4.4. Tampilan Halaman User
Tampilan halaman utama user terdiri dari menu beranda,
profil rehabiliasi, visi-misi, struktur organisasi, galeri, pendaftaran,
pemesanan kamar, spiritual, soft tc, pabm , fasilitas, jenis napza,
biaya, galeri, testimony, bantuan. Berikut tampilan halaman user :
1. Halaman Beranda
Tampilan halaman utama user terdiri dari menu
beranda, profil, galeri pelayanan, informasi, cara pengobatan,
testimoni, bantuan dan login. Berikut tampilan halaman user
dapat dilihat pada gambar 5.85
97
Gambar 5.85. Halaman Beranda
2. Halaman Profil
Tampilan halaman utama Profil terdiri dari menu
Sejarah, Visi-misi, Strutur organisasi. Berikut tampilan halaman
user dapat dilihat pada gambar 5.86
Gambar 5.86. Halaman Profil
3. Halaman Galeri
Tampilan halaman Galeri terdiri yang berisikan poto-
poto. Berikut tampilan halaman user dapat dilihat pada gambar
5.87
98
Gambar 5.87. Halaman Galeri
4. Halaman Cara Pengobatan
Tampilan halaman utama cara pengobatan terdiri dari
menu spiritual, soft tc, pabm. Berikut tampilan halaman cara
pengobatan dapat dilihat pada gambar 5.88
Gambar 5.88. Halaman Cara Pengobatan
99
5. Halaman Informasi
Tampilan halaman informasi terdiri dari menu fasilitas,
jenis napza, rincian biaya. Berikut tampilan halaman informasi
dapat dilihat pada gambar 5.89
Gambar 5.89. Halaman Informasi
6. Halaman Testimoni
Tampilan halaman testimoni yang berisikan inputan
testimony yang diinput user. Berikut tampilan halaman
testimoni dapat dilihat pada gambar 5.90
Gambar 5.90. Halaman Testimoni
100
7. Halaman Pelayanan
Tampilan halaman pelayanan terdiri dari menu
pendaptaran, pemesanan kamar. Berikut tampilan halaman
pelayanan dapat dilihat pada gambar 5.91
Gambar 5.91. Halaman Pelayanan
5.1.5 Deployment
Ini merupakan tahap akhir dari metode Web Engineering yaitu
deployment. Disini kita akan melakukan pengujian sesuai aspek yang telah
di tentukan pada tahap sebelumnya. Pengujian dilakukan dengan pengujian
black-box.
Pengujian Black-Box berfokus pada penyerahan fungsional
perangkat lunak dengan demikian pengujian Black-Box memungkinkan
perekayasa perangkat lunak mendapatkan serangkaian kondisi input yang
sepenuhnya dengan menggunakan semua peryaratan fungsional untuk satu
program. Pengujian Black-Box merupakan alternatif dari teknik White Box,
101
tetapi merupakan pendekan komplementer yang kemungkinan besar
mampu mengungkapkan kelas kesalahan dari pada metode White Box.
Pengujian Black-Box berusaha menemukan kesalahan dalam
kategori sebagai berikut:
a. Fungsi-fungsi yang tidak benar atau hilang.
b. Kesalahan interface.
c. Kesalahan dalam struktur data atau akses database eksternal.
d. Kesalahan lahan kinerja.
e. Inisialisasi dan kesalahan terminasi.
Pengujian Black-Box adalah pengujian aspek fundamental sistem
tanpa memperhatikan struktur logika internal perangkat lunak. Metode ini
digunakan untuk mengetahui apakah perangkat lunak berfungsi dengan
benar. Pegujian Black-Box merupakan metode perancangan data uji yang
didasarkan pada spesifikasi perangkat lunak. Data uji dibangkitkan,
dieksekusi pada perangkat lunak dan kemudian keluaran dari perangkat
lunak dicek apakah telah sesuai dengan yang diharapkan.
5.1.5.1 Pengujian Tampilan
Hasil tabel pengujian black-box pada tampilan admin dan user
dapat dilihat pada tabel berikut
Tabel 5.13. Hasil Pengujian Tampilan
b No Skenario
Pengujian
Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
1 Klik Menu data
user
Sistem akan
menampilkan halaman
data data user
Sesuai
harapan
Berhasil
dengan baik
102
b No Skenario
Pengujian
Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
2. Klik menu
kamar, klik
tombol tambah
kamar.
Sistem akan
menampilkan halaman
data kamar.
Sistem akan
menampilkan halaman
data kamar dan form
input kamar.
Sesuai
harapan Berhasil
dengan baik
3. Klik menu
pemesanan
kamar
Sistem akan
menampilkan halaman
data pemesanan kamar
Sesuai
harapan
Berhasil
dengan baik
4. Klik menu
posting dan pilih
fasilitas, klik
posting baru
Sitsem akan
menampilkan halaman
data fasilitas dan form
input artikel
Sesuai
harapan
Berhasil
dengan baik
5. Klik menu
posting dan pilih
jenis napza, klik
posting baru
Sitem akan
menampilkan halaman
data jenis napza dan
form input jenis napza.
Sesuai
harapan
Berhasil
dengan baik
6. Klik menu
posting dan pilih
rincian biaya,
klik posting baru
Sistem akan
menampilkan halaman
data rincian biaya dan
form input rincian
biaya.
Sesuai
harapan Berhasil
dengan baik
7. Klik menu
posting dan pilih
galeri, klik
posting baru
Sitem akan
menampilkan halaman
data galeri dan form
input galeri
Sesuai
harapan
Berhasil
dengan baik
8. Klik menu cara
pengobatan dan
pilih spritual,
klik posting baru
Sitem akan
menampilkan halaman
data spritual dan form
input spiritual
Sesuai
harapan
Berhasil
dengan baik
9. Klik menu cara
pengobatan dan
pilih soft tc, klik
posting baru
Sitem akan
menampilkan halaman
data soft tc dan form
input soft tc
Sesuai
harapan
Berhasil
dengan baik
10. Klik menu cara
pengobatan dan
pilih pabm, klik
posting baru
Sitem akan
menampilkan halaman
data pabm dan form
input pabm
Sesuai
harapan Berhasil
dengan baik
11. Klik menu file
manager. klik
posting baru
Sitem akan
menampilkan halaman
data file manager dan
form input file
Sesuai
harapan
Berhasil
dengan baik
103
b No Skenario
Pengujian
Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
manager
12. Klik menu
tambah admin.
klik tambah
admin
Sitem akan
menampilkan halaman
data data admin dan
form input tambah
admin
Sesuai
harapan Berhasil
dengan baik
13. Klik menu profil Sistem akan
menampilkan halaman
profil
Sesuai
harapan Berhasil
dengan baik
14. Klik menu visi-
misi
Sitem akan
menampilkan halaman
visi-misi
Sesuai
harapan Berhasil
dengan baik
15. Klik menu
struktur
organisasi
Sitem akan
menampilkan halaman
struktur organisasi
Sesuai
harapan
Berhasil
dengan baik
16. Klik menu
fasilitas
Sitem akan
menampilkan halaman
fasilitas
Sesuai
harapan Berhasil
dengan baik
17 Klik menu galeri Sitem akan
menampilkan halaman
galeri
Sesuai
harapan Berhasil
dengan baik
18 Klik menu
rincian bayar
Sistem akan
menampilkan halaman
rincian bayar
Sesuai
harapan Berhasil
dengan baik
19 Klik menu jenis
napza
Sitem akan
menampilkan halaman
jenis napza
Sesuai
harapan Berhasil
dengan baik
20 Klik menu
spiritual
Sitem akan
menampilkan halaman
spiritual
Sesuai
harapan
Berhasil
dengan baik
21 Klik menu soft
tc
Sitem akan
menampilkan halaman
soft tc
Sesuai
harapan
Berhasil
dengan baik
22 Klik menu pabm Sitem akan
menampilkan halaman
pabm
Sesuai
harapan
Berhasil
dengan baik
23 Klik menu pabm Sitem akan
menampilkan halaman
pabm
Sesuai
harapan Berhasil
dengan baik
24 Klik menu
pendaftaran
Sitem akan
menampilkan halaman
pendaftaran
Sesuai
harapan Berhasil
dengan baik
25 Klik menu Sitem akan Sesuai Berhasil
104
b No Skenario
Pengujian
Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
pemesanan
kamar
menampilkan halaman
pemesanan kamar
harapan dengan baik
26 Klik menu
bantuan
Sitem akan
menampilkan halaman
bantuan
Sesuai
harapan Berhasil
dengan baik
5.1.5.2 Pengujian Tabel
Hasil tabel pengujian black-box pada tampilan admin dan
user dapat dilihat pada tabel berikut.
Tabel 5.14. Hasil Pengujian Tabel
No Tabel yang Diuji Pemroses Hasil
1 Tabel admin Menyimpan admin Berhasil
2 Tabel testimony Menyimpan testimony berhasil
3 Tabel kamar Menyimpan data kamar berhasil
4 Tabel fasilitas Menyimpan fasilitas berhasil
5 Tabel spiritual Menyimpan spiritual berhasil
6 Tabel soft tc Menyimpan soft tc berhasil
7. Tabel pabm Menyimpan pabm berhasil
8 Table rincian bayar Menyimpan rincian bayar berhasil
9 Table galeri Menyimpan galeri berhasil
10 Table jenis napza Menyimpan jenis napza berhasil
11 Table pemesanan kamar Menyimpan pemesanan kamar Berhasil
13 Table pendaftaran Menyimpan pendaftaran Berhasil
105
5.1.5.3 Pengujian Fungsional login dan aplikasi
Tabel 5.15. Hasil Pengujian Login dan Aplikasi
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
Pengujian
Kesimp
ulan 1 Mengosongkan
semua isian data
login, lalu
mengklik
tombol ‘login
pengguna’.
Username: -
Password: -
Sistem akan menolak
akses login
Sesuai
Harapan
Berhasil
dengan
baik
2 Mengisi data
Username dan
mengosongkan
data Password,
lalu langsung
mengklik
tombol ‘login’
Username:
admin
Password: -
Sistem akan menolak
akses login dan akan
melakukan reset
ulang pada form
Sesuai
Harapan
Berhasil
dengan
baik
3 Menginputkan
dengan kondisi
salah satu data
benar dan satu
lagi salah,
tombol ‘login’
Username:
admin
(benar)
Password:
321(salah)
Sistem akan menolak
akses login dan akan
melakukan reset
ulang pada form
Sesuai
Harapan
Berhasil
dengan
baik
4 Menginputkan
data login yang
benar, lalu,
mengklik
tombol ‘login’.
Username:
admin
(benar)
Password:
123 (benar)
6
Sistem menerima akses
login dan kemudian
langsung menampilkan
halaman admin
Sesuai
Harapan
Berhasil
dengan
baik
5 Menginput data
kamar kemudian
mengklik
tombol
“simpan”
-id kamar
-kamar
untuk
Sistem akan menolak
akses tombol simpan
dan menampilkan
pesan “data masih
ada yang kosong”
Sesuai
Harapan
Berhasil
dengan
baik
6 Menginput data
fasilitas
mengklik
tombol “
simpan”
Judul :-
Poto:-
Isi: -
Sistem akan menolak
akses tombol simpan
dan menampilkan
pesan “data masih
ada yang kosong”
Sesuai
Harapan
Berhasil
dengan
baik
7 Menginput jenis
napza kemudian
mengklik
tombol
“simpan”
Judul :-
Poto:-
Isi: - -
Sistem akan menolak
akses tombol simpan
dan menampilkan
pesan “data masih
ada yang kosong”
Sesuai
Harapan
Berhasil
dengan
baik
106
No Skenario
Pengujian Test case
Hasil yang
diharapkan
Hasil
Pengujian
Kesimp
ulan 8 7 Menginput
rincian biaya
mengklik
tombol
“simpan”
Judul :-
Poto:-
Isi: -
8 Sistem akan menolak
akses tombol simpan
dan menampilkan
pesan “data masih
ada yang kosong”
Sesuai
Harapan
Berhasil
dengan
baik
9 9 Menginput
galeri mengklik
tombol
“simpan”
Judul :-
Poto:-
Isi: -
10 Sistem akan menolak
akses tombol simpan
dan menampilkan
pesan “data masih
ada yang kosong”
Sesuai
Harapan
Berhasil
dengan
baik
10 11 Menginput
106piritual
mengklik
tombol
“simpan”
Judul :-
Poto:-
Isi: -
12 Sistem akan menolak
akses tombol simpan
dan menampilkan
pesan “data masih
ada yang kosong”
Sesuai
Harapan
Berhasil
dengan
baik
11 13 Menginput
pabm mengklik
tombol
“simpan”
Judul :-
Poto:-
Isi: -
14 Sistem akan menolak
akses tombol simpan
dan menampilkan
pesan “data masih
ada yang kosong”
Sesuai
Harapan
Berhasil
dengan
baik
12 15 Menginput soft
tc mengklik
tombol
“simpan”
Judul :-
Poto:-
Isi: -
16 Sistem akan menolak
akses tombol simpan
dan menampilkan
pesan “data masih
ada yang kosong”
Sesuai
Harapan
Berhasil
dengan
baik
13 17 Menginput
tambah admin
mengklik
tombol
“simpan”
username :-
password:-
Isi: -
18 Sistem akan menolak
akses tombol simpan
dan menampilkan
pesan “data masih
ada yang kosong”
Sesuai
Harapan
Berhasil
dengan
baik
5.2 Pembahasan
5.2..1 Rangkuman Masalah
1. Pondok pesantren masih mengunakan brosur dan banner sebagai media
informasi yang di sampaikan pada masyarakat, sehingga masyarakat
yang berada di luar Palembang tidak megetahui keberadaan pusat
rehabilitasi narkoba Ar-rahman.
107
2. Pendaftaran dan Pemesanan kamar calon pasien yang harus datang
secara langsung.
5.2.2 Solusi Masalah
1. Belum adanya media informasi berupa website pada pusat rehabilitasi
ar-rahman, maka penulis membangun website sebagai media informasi
untuk memudahkan pusat rehabilitasi dalam menyampaikan informasi
ke pada masyarakat secara cepat dan efisien tampah harus
menggunakan sumber daya manusia untuk membagikan brosur dan
benner. Berikut tampilan website pusat rehabilitasi Ar-rahman, dapat
dilihat pada gambar 5.92.
Gambar 5.92. Tampilan website pusat rehabilitasi Ar-rahman
Pada website ini terdapat menu yang berisikan tentang
informasi seperti profil, pada menu profil terdapat galeri, cara
pengobatan, jenis napza, rincian biaya, pendaftaran, pemesanan kamar
dan bantuan.
2. Proses pendaftaran dan pemesanan kamar yang ada pada pusat
rehabilitsi narkoba belum memiliki media untuk mempermudah calon
108
pasien dalam hal pendaftaran dan pemesanan kamar secara online.
Pada website yang di buat oleh penulis ini sudah terdapat menu untuk
melakukan pendaftaran dan pemesanan kamar seperti gambar berikut:
Gambar 5.93. Tampilan menu pendaftaran
Pada menu pendaftan ini berisikan form pendaftaran yang di
input oleh user untuk mendaftar sebagai pasien pusat rehabilitasi. User
yang sudah menlakukan pendaftaran dan mengisi form-form yang ada
dan mengisi email dan password sebagai validasi pada saat melakukan
pemesanan kamar. Dan juga user mendapatkan akses untuk
melakukan inputan pada menu testimony, selanjutnya user yang sudah
mendaftar juga bisa lansung melakukan pemesanan kamar seperti
gambar berikut:
109
Gambar 5.94. Tampilan menu pemsanan kamar
Pada menu pemesanan kamar anggota memasakukan email dan
password yang telah dimasukan pada saat melakukan pendaftaran.
Dan setelah user masuk menu pemesanan kamar user sudah otomatis
memilih kamar berdasarkan jenis kelamin yang sudah di input pada
form pendaftaran.
110
BAB VI
PENUTUP
6.1. Kesimpulan
Berdasarkan hasil pembahasan pada bab-bab sebelumnya terhadap
Pusat rehabilitasi narkoba adalah tempat rehabilitasi atau tempat penyadaran
para pecandu narkoba, dalam penyampai informasi yang mereka lakukan
masih menggunakan brosur dan banner, dan dalam pendaftaran pasien yang
akan di rehab harus datang secara langsung untuk melakukan pendaftaran dan
pemesanan kamar maka dari itu penulis membuat website untuk
mempermudah dalam penyampai informasi pada pusat rehabilitasi Ar-rahman
Tegal Binangun, yang dapat memberikan informasi mengenai, profil
perusahaan, fasiitas, galeri, jenis napza, cara pengobatan, biaya, testimony,
dan juga terdapat menu untuk pendaftaran dan melakukan pemesanan kamar.
Dengan adanya website pusat rehabilitasi Ar-rahman ini di harapkan
dapat:
1. Mempermudah dalam hal penyampaian informasi karna Website lebih
mudah penyampaian dan penyebaran informasi tanpa harus
menggunakan sumber manusia untuk menyebarkan Brosur dan
Spanduk kedaerah-daerah atau ke desa-desa.
2. Dengan adanya website akan lebih menekan biaya transport untuk
sumber daya manusia yang menyebarkan brusur-brosur dan spanduk
tersebut
111
3. Dengan website ini dapat mempermudah pengunjung dalam
mendapatkan informasi mengenai pusat rehabilitasi ar-rahman tegal
binagun.
4. Dengan adanya website ini akan membantu calon pasian untuk
melakukan pendaftaran dan pemesanan kamar.
6.2. Saran
Berikut ini merupakan saran yang dapat diusulkan dari permasalahan
yang ada pada, diantaranya sebagai berikut :
1. Pada saat ini website informasi ini dikemudian hari dapat dikembangkan
lagi, dengan tampilan yang lebih menarik, dan informasi yang ada di
dalam website seperti kolom forum diskusi untuk ditambahkan agar lebih
bisa berinteraksi dengan masyarakat luar.
2. Diharapkan semua proses dapat dilakukan dengan cara komputerisasi dan
online sehingga dapat mengoptimalkan proses dalam penginformasikan
pusat rehabilitasi narkoba ar-rahman.
3. Diharapkan dengan pemeliharaan dan pengembangan terhadap website
yang telah dibuat, agar website tetap terjaga dengan baik, seperti
melakukan update dan maintenance secara berkala apabila website
tersebut mengalami gangguan atau error.
DAFTAR PUSTAKA
Basuki, Awan Pribadi. 2014. “Proyek Membangun Website Berbasis PHP
dengan CodeIgniter”. Yogyakarta : C.V Lokomedia.
Hasan, M.iqbal. 2013.”Pokok-Pokok Materi Statistik 1”. Jakarta : Bumi Aksara.
Indrajani. 2011.”Perancangan Basis Data Dalam All In 1”. Jakarta : Elex Media
Komputindo.
Kristanto, Andri. 2010. “Kupas Tuntas PHP & MySql”. Klaten : Cable Book.
Linda Marlina,Abdul Hamid. 2014. “Sistem Informasi Budi Daya Jamur
Mengunakan Metode Web Engineering”. Seminar Nasional Sains Dan
Teknologi. November. 2014.ISSN : 2407-1846.
Rohman, Nanan. 2012. ”Rekayasa Perangkat Lunak Sistem Manajemen Konten
Menggunakan Framework Codeignter”. Jurnal Sistem Informasi.
Desember 2012. ISSN :2442-4943.
Riduwan. 2010. “Belajar Mudah Penelitian : Untuk Guru-Karyawan dan
Peneliti Pemula”. Bandung : Alfabeta.
Rosa, dan Shalahuddin. 2014. “Rekayasa Perangkat Lunak : Terstruktur dan
Berorientasi Objek”. Bandung : Informatika.
Supriyanto, Aji. 2005. “Pengantar Teknologi Informasi”. Jakarta : Salemba
Infotek.
Suryawati, C. 2005. “Memahami Kemiskinan Secara Multimensional”. Fakultas
Kesehatan Masyarakat dan Magister Ilmu Kesehatan Masyarakat
Universitas Diponogoro. Semarang.
Wardana. 2010. “Menjadi Master PHP dengan Framework CodeIgniter”.
Jakarta : Elex Media Komputindo.
_______. 2014. “Mudah Membuat Aplikasi SMS Geteway dengan Codeigniter”.
Jakarta : Elex Media Komputindo.