PENERAPAN FRAMEWORK CODEIGNITER UNTUK …library.palcomtech.com/pdf/5560.pdf · 2018-04-05 · PROGRAM STUDI SISTEM INFORMASI SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

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


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


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.


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


kelas yang satu digunakan oleh kelas

yang lain, asosiasi biasanya juga

disertai dengan multiplicity

Generalisasi


generalisasi-generalisasi(umum

khusus).

Kebergantungan / dependency


kebergantungan antarkelas

Agregasi / aggregation


semua-bagian (whole-part)


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


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,


melihat data jenis napza.

6. Mengelola data rincian

biaya

Mengelolah data rincian biaya




mengubah, menghapus dan

melihat data rincian biaya.

7. Mengelola data galeri Mengelolah data galeri



pengelolahan data yaitu

memasukkan, mengubah,

menghapus dan melihat data

galeri.

8. Mengelola data kamar Mengelolah data kamar


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




43



melihat data spritual.

11 Mengelola data PABM Mengelolah data PABM





melihat data PABM.

12 Mengelola data Soft Tc Mengelolah data Soft Tc





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


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


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


utama.

4. Admin dapat menghapus data galeri. Setelah proses


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:


beranda.

2. Admin melakukan input atau memasukan data fasilitas.

Setelah proses selesai Admin bisa langsung logout atau


3. Admin dapat mengubah data fasilitas. Setelah proses


utama.

54

4. Admin dapat menghapus data fasilitas. Setelah proses


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



beranda.

2. Admin melakukan input atau memasukan data biaya.

Setelah proses selesai admin bisa langsung logout atau


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”














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”



organisasi”


organisasi”

Klik tombol “index(home)”


Klik tombol “profil)”

Tampilan “(profil)”



Klik tombol “home)”

Tampilan halaman (home)”







57


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


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”



organisasi”


organisasi”



Klik tombol “cara pengobatan)”

Tampilan “(cara pengobatan)”











58

4. STD Jenis Napza

Gambar 5.17. STD Jenis Napza


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


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 “napza”

Tampilan halaman “napza”

Index(home) Galeri



Klik tombol “Galeri”

Tampilan halaman “Galeri”

59

6. STD Biaya

Gambar 5.19. STD Biaya


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


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 “rincian biaya”

Tampilan halaman “rincian biaya”

Index(home) fasilitas



Klik tombol “fasilitas”

Tampilan halaman “fasilitas”

60

8. STD Testimoni

Gambar 5.21. STD Testimoni


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


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 “Testimoni”

Tampilan halaman “Testimoni”

Index(home) Pesan kamar



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


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


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


Nama Table : Soft_tc

Primary key : Id_soft_tc

Foreign key : -

Tabel 5.6. Desain Tabel Soft tc


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


Nama Table : Pabm

Primary key : Id_pabm

Foreign key : -

Tabel 5.7. Desain Tabel Pabm


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


Nama Table : Galeri

Primary key : Id_galeri

Foreign key : -

Tabel 5.8. Desain Tabel Galeri


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


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


30 Alamat_ wali Varchar 50 Alamat

31 Telp_ wali Varchar 50 Telpon wali

h. Rancang Table kamar

Tabel kamar digunakan untuk menampung data kamar


Nama Table : Kamar

Primary key : Id_kamar

Forenkey : -

Tabel 5.10. Desain Tabel Kamar


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


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


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




xxxxxxx

Logo

Testimoni Bantuan

XXXXXX

Login Anggota

Email

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







Fotter

Home Profil Galeri Pelayanan Cara Pengobatan Informasi

Logo

Testimoni BantuanSejarah

Visi-Misi

Struktur Organisasi

Login Anggota

Email

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


Visi-Misi











Logo


Visi-Misi

Struktur Organisasi

Fotter

Login Anggota

Email

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


Struktur organisasi










Fotter


Logo


Visi-Misi

Struktur Organisasi

Login Anggota

Email

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


Pendiri Panti

Logo

Testimoni Bantuan

XXXXXX

Foto Foto Foto

Login Anggota

Email

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


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


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

Email

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

Email

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


Pendiri Pantixxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx




xxxxxxx

Logo

Testimoni Bantuan

Spritual

Spritual

PABM

Soft TC

Login Anggota

Email

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


Pendiri Panti





xxxxxxx

Logo

Testimoni Bantuan

Spritual

Spritual

PABM

Soft TC

Login Anggota

Email

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


Pendiri Panti





xxxxxxx

Logo

Testimoni Bantuan

Soft TC

Spritual

PABM

Soft TC

Login Anggota

Email

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


Pendiri Panti





xxxxxxx

Logo

Testimoni Bantuan

fasilitas

Fasilitas

Jenis Nafza

Rincian Biaya

Poto

Login Anggota

Email

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


Pendiri Panti





xxxxxxx

Logo

Testimoni Bantuan

Jenis napza

Fasilitas

Jenis Nafza

Rincian Biaya

Poto

Login Anggota

Email

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


Pendiri Panti





xxxxxxx

Logo

Testimoni Bantuan

Biaya

Fasilitas

Jenis Nafza

Rincian Biaya

Login Anggota

Email

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


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


Pendiri Panti

Logo

Testimoni Bantuan

Bantuan





xxxxxxx

Login Anggota

Email

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



Cara


Data user

ID

999999999

999999999

999999999

999999999

999999999

999999999

999999999

Nama

999999999

999999999

999999999

999999999

999999999

999999999

999999999

Email

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



Cara


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



Cara


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



Cara


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



Cara


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



Cara


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



Cara


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



Cara


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



Cara


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



Cara


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



Cara


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



Cara


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


80

Header

Fotter



Cara


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


Header

Fotter



Cara


Posting data fasilitas

Judul xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Photo

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



Cara


Posting cara pengobatan

Judul xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Photo

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


Header

Fotter



Cara


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

http://www.codeigniter.com/

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


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


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


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


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


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


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


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


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


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


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


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


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: -


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: -


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: -


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: -


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: -


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.

Documents

PENERAPAN FRAMEWORK CODEIGNITER UNTUK …library.palcomtech.com/pdf/5560.pdf · 2018-04-05 · PROGRAM STUDI SISTEM INFORMASI SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER