Ta 15.02.9187, 15.02.9191, 15.02.9192, 15.02.9205

PERANCANGAN WEBSITE YAYASAN DARUSSHOLIHIN MLATI
SEBAGAI MEDIA DISKUSI DAN PEMBELAJARAN
TUGAS AKHIR
disusun oleh
Doni Nur Pradila 15.02.9187

Azmi Haqiqi Nafi’i Haq 15.02.9191
Siti Munafiah 15.02.9192
Oktafika Mahya Sholikha 15.02.9205
PROGRAM DIPLOMA
PROGRAM STUDI MANAJEMEN INFORMATIKA
FAKULTAS ILMU KOMPUTER
UNIVERSITAS AMIKOM YOGYAKARTA
YOGYAKARTA
2018
PERANCANGAN WEBSITE YAYASAN DARUSSHOLIHIN MLATI
SEBAGAI MEDIA DISKUSI DAN PEMBELAJARAN
TUGAS AKHIR
untuk memenuhi sebagian persyaratan mencapai gelar Ahli Madya

pada jenjang Program Diploma III Program Studi Manajemen Informatika
disusun oleh
Doni Nur Pradila 15.02.9187

Azmi Haqiqi Nafi’i Haq 15.02.9191
Siti Munafiah 15.02.9192
Oktafika Mahya Sholikha 15.02.9205
PROGRAM DIPLOMA
PROGRAM STUDI MANAJEMEN INFORMATIKA
FAKULTAS ILMU KOMPUTER
UNIVERSITAS AMIKOM YOGYAKARTA
YOGYAKARTA
i
ii
iii
iv
v
P
vi
PERNYATAAN
vii
MOTTO
“Walau secara fisik anda tidak sempurna, tetapi jadilah jiwa yang sempurna,
Yang mampu menerima kekurangan anda sebagai perintah Tuhan,
Dan menjadikan kekurangan itu sebagai
Ciri sekaligus penghias pribadi anda”
“Like wild flowers, you must allow yourself to grow in all the places people
thought you never would”
“Dan boleh jadi kamu membenci sesuatu, tetapi ia baik bagimu, dan boleh jadi
kamu menyukai sesuatu tetapi ia buruk bagimu,
Dan Allah mengetahui dan kamu tidak mengetahui”
~Q.S. Al-Baqarah : 216~
Doni Nur Pradila
viii
MOTTO
Janganlah membanggakan dan meyombongkan diri apa-apa yang kita peroleh,

turut dan ikutilah ilmu padi makin berisi makin tunduk dan makin bersyukur
kepada yang menciptakan kita Allah SWT
Always be yourself no matter what they say and never be anyone else even if they
look better than you
Dan hendaklah ada di antara kamu segolongan umat yang menyeru kepada
kebajikan, menyuruh kepada yang ma'ruf dan mencegah dari yang munkar;
merekalah orang-orang yang beruntung.
~Q.S. Ali-Imran : 104~
Azmi Haqiqi Nafi’i Haq
ix
MOTTO
 Dunia, tak lebih dari seiris roti yang menjadikan ragaku tetap bernyawa.
Bahagia, sesederhana tetes air yang hilangkan dahaga.
 Melakukan sesuatu senantiasa dengan hati yang ikhlas dan sertakan cinta
didalamnya. Seperti kata Jalaluddin Rumi :
 Dengan cinta, pahit menjadi manis.
 Dengan cinta, tembaga menjadi emas.
 Dengan cinta, sakit menjadi obat.
Siti Munafiah
x
MOTTO
 ‫خير الناس انفعهم للناس‬
 ‫لئن شكر تم الءزيد نكم‬
 Sesuatu yang telah ditakdirkan (Allah) pasti terjadi, segala hal yang telah
diporsikan kepadamu pasti akan sampai kepadamu, dan semua hal yang
menjadi jatah selainmu tak akan lari kepadamu.
 Tidak ada jaminan bahwa kita akan selalu merasa bahagia dalam
menjalani kehidupan ini, pasti ada suka dan dukanya, apapun yang kamu
alami, NIKMATI DAN SYUKURI yang terpenting adalah ketika diatas
jangan merasa tinggi, dan ketika dibawah jangan pernah menyerah.
 La tahzan innallah ma’ana.
 Jadilah cahaya walaupun tak tersentuh, tapi selalu menerangi. Jadilah
angin, walaupun tak nampak selalu memberi kesejukan. Jadilah sahabat
sejati walaupun tak bersama menjalani hari tapi selalu menjaga hati.
Oktafika Mahya Sholikha
xi
PERSEMBAHAN
Bismillahirrohmanirrohim
Dengan Rahmat Allah yang Maha Pengasih Lagi Maha Penyayang
Dengan ini saya persembahkan tugas akhir ini untuk :
Ayah dan Ibunda Tercinta
Terima kasih yang tiada terhingga kupersembahkan karya ini kepada “my couple
angel” siapa lagi kalau bukan ayah dan ibu yang telah memberikan kasih sayang,
dukungan, cinta kasih, dan juga usaha yang begitu luar biasa mulai dari atas
kebawah, naik turun, maju mundur demi bisa membiayai anaknya ini sampai ke
pendidikan tertinggi.
Saudara (Kakak dan Adik)
Walaupun sering berantem tapi hal itu selalu menjadi warna yang tak terlupakan,
terima kasih atas setiap doa dan supportnya. Hanya karya ini yang dapat ku
persembahkan. Maaf belum bisa menjadi kakak atau adik yang baik, but I’ll do
my best.
Teman dan Sahabat
Terima kasih untuk waktu sekitar 2,5 tahun ini untuk teman teman kelas D3
Manajemen Informatika 5 untuk setiap suasana kelas yang selalu rame dan seru.
Terima kasih untuk Travelling Squad yang selalu ngajakin keluyuran kesana
kemari ngak tau waktu, but so far i’m feel so happy dan bakalan jadi momen yang
terus diingat. Jadi kapan kita jalan lagi ?
Terima kasih juga untuk Tim Bully yang suka ngejahilin, bikin panik, bikin mood
berantakan. Dan suatu saat bakalan kangen sama bullyan bullyan kalian.
Doni Nur Pradila
xii
PERSEMBAHAN
Assalamu’alaikum Warahmatullahi Wabarakatuh, kususun jari jemari ku diatas
keyboard laptop ku sebagai pembuka kalimat persembahan ku. Diikuti dengan
Bismillahirrahmanirrahim sebagai awal setiap memulai pekerjaanku.
Tugas Akhir Ini Kupersembahkan Kepada:
 kedua orang tuaku tercinta (Ayah M.Syafi’i dan Ibu Timina)
 Adik kesayanganku (Albie Haqiqi Putra Nafi’i)
 Seluruh teman-teman kelas 15 D3 Manajemen Informatika 05, para
anggota travelling squad dan squad tugas akhirku 
 Kepada pak Arif Dwi Laksito M.kom yg selalu sabar dalam membimbing
atas penyelesaian tugas akhir ini, dan do’a yang tak pernah henti untuk pak
arif agar selalu diberikan kesehatan,kebaikan an kebahagian
 Teman-temanku si dhony, toni, anggi, abdul, pika, siti dll
 Dan yang terakhir untuk ALMAMATER kebangganku.
Azmi Haqiqi Nafi’i Haq
xiii
PERSEMBAHAN
 Puji syukur kehadirat Allah SWT yang selalu memberikan kemudahan dan
kelancaran yang Engkau berikan.
 Untuk Kedua orang tuaku tercinta, terima kasih atas segala do’a yang tiada
henti diberikan untukku dan selalu mendukung apapun keputusanku.
 Kedua kakakku dan tak lupa kakak iparku yang selalu menjagaku ketika
aku jauh dari orang tua, terima kasih atas segala dukungan dan do’a yang
kalian berikan.
 Teruntuk kamu yang tersimpan diruang lupaku, yang menjadi bintang dan
selalu menemani malamku. Terima kasih, pekatnya malam tidak berarti
karena keberadaanmu.
 Buat partner tugas akhir, terima kasih kerjasamanya hingga kita bisa
menyelesaikan tugas akhir ini sesuai target walaupun ngerjainnya selalu
santai. Kebersamaan kita adalah warna lain dalam hidupku.
 Terima kasih untuk teman-teman D3MI-05 yang selama 2,5 tahun kita
bersama.
Siti Munafiah
xiv
PERSEMBAHAN
 Puji syukur kehadirat Allah SWT yang telah memberikan limpahan
hidayah serta kemudahan dan karunia-Nya.
 Kedua orang tuaku tercinta, terima kasih untuk segala bentuk dukungan,
do’a dan semangat yang selalu kau berikan kepadaku. Terima kasih bapak
ibu untuk kasih sayang yang tak pernah kurang 😊
 Untuk kakak ku, terima kasih untuk waktu, pikiran dan motivasi agar aku
tak pernah lelah untuk selalu mengejar mimpi.
 Untuk adek ku yang paling nyebelin tapi selalu bisa buat aku termotivasi
dengan kata-kata alaynya, terima kasih untuk semuanya 😊 because of
you.
 Untuk Bapak Arif Dwi Laksito, terima kasih untuk bimbingan dan
kesabaran selama ini 😊
 Teruntuk orang yang selalu mendoakan ku di sepertiga malamnya, terima
kasih doa dan semuanya.
 Buat partner tugas akhir, terima kasih atas kerjasamanya dan
kebersamaannya.
 Terima kasih untuk teman-teman D3MI-05 yang selama 2,5 tahun kita
bersama.
 Dan terima kasih buat semua orang yang menyemangatiku dan bisa
membuat aku termotivasi.
xv
Oktafika Mahya Sholikha
KATA PENGANTAR
Assalamu’alaikum Wr. Wb.
Puji syukur Alhamdulillah kami panjatkan kehadirat Allah SWT atas
limpahan rahmat dan hidayah-Nya, sehingga penulis dapat menyelesaikan Tugas
Akhir ini dengan baik. Sholawat dan salam semoga terhaturkan kepada manusia
pilihan dan suri tauladan terbaik, Nabi Muhammad SAW, yang telah
menunjukkan jalan kebenaran kepada umat manusia.
Tugas Akhir dengan judul “Perancangan Website pada Yayasan
Darussholihin Mlati Sebagai Media Diskusi Dan Pembelajaran” ini dibuat untuk
memenuhi syarat guna memperoleh gelar Ahli Madya (A.Md) Fakultas Ilmu
Komputer Universitas Amikom Yogyakarta.
Bagi penulis, proses penyusunan laporan Tugas Akhir ini tidak mudah.
Banyak kekurangan dan hambatan yang penulis alami dikarenakan keterbatasan
kemampuan penulis sendiri. Penulis sadari ada banyak pihak yang ikut membantu
dan memberi dukungan kepada penulis sehingga tugas akhir yang ini dapat
terselesaikan. Oleh karena itu, penulis ucapkan banyak terima kasih kepada semua
pihak yang terlibat, terutama kepada :
1. Allah SWT atas limpahan rahmat, hidayah, dan nikmat kehidupan.
2. Nabi Muhammad SAW sebagai Nabi dan suri tauladan bagi umat-Nya.
3. Orangtua dan seluruh keluarga yang selalu mendoakan dan memotivasi
dengan tulus sehingga menjadi peyemangat bagi penulis untuk
menyelesaikan Tugas Akhir ini.
xvi
4. Prof. Dr. M. Suyanto, M.M selaku Rektor Universitas Amikom
Yogyakarta
5. Krisnawati, S.Si., M.T., selaku Dekan Fakultas Ilmu Komputer
Universitas Amikom Yogyakarta yang telah mendukung pembuatan
Tugas Akhir ini.
6. Arif Dwi Laksito, M.Kom., selaku Dosen Pembimbing yang telah
memberikan dukungan serta bimbingannya dalam menyusun Tugas
Akhir ini.
7. Bapak/Ibu Dosen yang telah membimbing dan berbagi ilmu selama
penulis mengemban ilmu di Universitas Amikom Yogyakarta.
8. Teman-teman dan semua pihak yang telah membantu baik dukungan
moril maupun materil, pikiran, dan tenaga dalam penyelesaian Tugas
Akhir ini.
Akhir kata penyusun ucapkan terima kasih dan semoga laporan ini berguna
bagi pembaca. Penyusun menyadari bahwa dalam menyusun laporan Tugas Akhir
ini masih jauh dari kata sempurna. Untuk itu, penulis mohon maaf bila ada
kesalahan dalam pembuatan laporan ini, sehingga penulis menerima kritik dan
saran yang membangun dari pembaca.
Wassalamualaikum Wr. Wb.
xvii
DAFTAR ISI
JUDUL......................................................................................................................i
PERSETUJUAN......................................................................................................ii
PENGESAHAN......................................................................................................iii
PERNYATAAN....................................................................................................vii
MOTTO................................................................................................................viii
PERSEMBAHAN..................................................................................................xii
KATA PENGANTAR..........................................................................................xvi
DAFTAR ISI......................................................................................................xviii
DAFTAR TABEL................................................................................................xiii
DAFTAR GAMBAR............................................................................................xiv
INTISARI...............................................................................................................xv
ABSTRACT..........................................................................................................xvi
BAB I.......................................................................................................................1
PENDAHULUAN...................................................................................................1
1.1 Latar Belakang Masalah.................................................................1
1.2 Rumusan Masalah..........................................................................1
1.3 Batasan Masalah.............................................................................2
1.4 Tujuan Penelitian............................................................................2
1.5 Manfaat Penelitian..........................................................................2
1.6 Metode Penelitian...........................................................................2
1.6.1 Metode Pengumpulan Data........................................................2
1.6.2 Metode Analisis.......................................................................3
1.6.3 Metode Pengembangan System Devolepment Life Cycle......4
1.7 Sistematika Penulisan.....................................................................5
BAB II......................................................................................................................7
LANDASAN TEORI...............................................................................................7
2.1 Tinjauan Pustaka............................................................................7
2.2 Media Pembelajaran.....................................................................10
2.3 Konsep Dasar Website.................................................................11
xviii
2.3.1 Web Server..............................................................................11
2.3.2 Web Statis................................................................................12
2.3.3 Web Dinamis...........................................................................12
2.4 Bahasa Pemrograman yang digunakan.........................................12
2.4.1 HTML....................................................................................12
2.4.2 PHP........................................................................................12
2.4.3 CSS........................................................................................12
2.4.4 JavaScript...............................................................................13
2.5 Perangkat Lunak yang digunakan................................................13
2.5.1 MySQL....................................................................................13
2.5.2 XAMPP...................................................................................13
2.6 Konsep Dasar Basis Data.............................................................14
2.6.1 Pengertian Basis Data............................................................14
2.7 Konsep Pemodelan Sistem...........................................................14
2.7.1 Definisi Flowchart.................................................................14
2.7.2 Konsep Entity Relationship Diagram (ERD)........................16
2.7.3 Konsep Data Flow Diagram (DFD).......................................17
BAB III..................................................................................................................19
TINJAUAN UMUM..............................................................................................19
3.1 Sejarah Yayasan Darussholihin....................................................19
3.2 Visi dan Misi................................................................................19
3.3 Tujuan Berdirinya Yayasan Darussholihin..................................20
3.4 Kegiatan........................................................................................20
3.5 Kurikulum....................................................................................20
3.6 Pengurus.......................................................................................21
3.7 Bagan Sekolah..............................................................................22
3.8 Masalah yang dihadapi.................................................................23
3.9 Analisis Sistem.............................................................................23
3.9.1 Identifikasi Masalah..............................................................23
3.9.2 Analisis PIECES....................................................................24
3.9.2.1 Analisis Kinerja (Performance)..........................................24
3.9.2.2 Analisis Informasi (Information)........................................24
xix
3.9.2.3 Analisis Ekonomi (Economy).............................................25
3.9.2.4 Analisis Pengendalian (Controls).........................................25
3.9.2.5 Analisis Efisiensi (Eficiency).............................................26
3.9.2.6 Analisis Pelayanan (Service)..............................................26
3.10 Analisis Kebutuhan Sistem..........................................................26
3.10.1 Analisis Kebutuhan Fungsional...........................................27
3.10.2 Analisis Non-Fungsional.....................................................28
3.10.2.1 Analisis Kebutuhan Hardware............................................28
3.10.2.2 Analisis Kebutuhan Software.............................................28
3.11.1 Analisis Kelayakan Sistem....................................................28
3.11.1.1 Analisis Kelayakan Teknis.................................................29
3.11.1.2 Analisis Kelayakan Operasional.........................................29
3.11.1.3 Analisis Kelayakan Hukum................................................29
BAB IV..................................................................................................................30
PEMBAHASAN....................................................................................................30
4.1 Gambaran Umum Sistem.............................................................30
4.2 Flowchart Sistem yang Diusulkan................................................30
4.3 Data Flow Diagram (DFD)...........................................................32
4.3.1 Context Diagram....................................................................32
4.3.2 Data Flow Diagram Level 1..................................................33
4.3.3 Data Flow Diagram Level 2 Proses 1......................................34
4.3.4 Data Flow Diagram Level 2 Proses 2....................................35
4.3.8 Data Flow Diagram Level 2 Proses 6.....................................39
4.4 Entity Relational Diagram (ERD)................................................42
4.5 Perancangan Struktur Tabel.........................................................44
4.5.1 Tabel Admin..........................................................................44
xx
4.5.2 Tabel Berita...........................................................................44
4.5.3 Tabel Galeri...........................................................................45
4.5.4 Tabel Halaman.......................................................................45
4.5.5 Tabel Kategori.......................................................................46
4.5.6 Tabel Materi..........................................................................46
4.5.7 Tabel Anggota.......................................................................47
4.5.8 Tabel Tanggapan...................................................................47
4.5.9 Tabel Topik............................................................................48
4.6 Desain Interface............................................................................49
4.6.1 Beranda..................................................................................49
4.6.2 Halaman.................................................................................49
4.6.3 Berita.....................................................................................50
4.6.4 Galeri.....................................................................................50
4.6.5 Admin....................................................................................51
4.6.6 Tabel Data Berita...................................................................51
4.6.7 Tambah Data Berita...............................................................52
4.6.8 Forum.....................................................................................52
4.7 Implementasi Database, Koneksi dan Form.................................53
4.7.1 Relasi Antar Tabel...................................................................53
4.7.2 Pembuatan Database Yayasan.................................................53
4.7.3 Koneksi dan Form....................................................................54
4.7.4 Koneksi Database....................................................................54
4.7.5 Menu Halaman......................................................................54
4.7.6 Menu Berita...........................................................................55
4.7.7 Menu Galeri...........................................................................55
4.7.8 Menu Forum............................................................................57
4.8 Interface........................................................................................58
4.8.1 Beranda..................................................................................58
4.8.2 Halaman...................................................................................58
4.8.3 Berita........................................................................................59
4.8.4 Galeri.......................................................................................60
4.8.5 Download.................................................................................60
xxi
4.8.6 Forum.......................................................................................61
4.8.7 Admin......................................................................................61
4.8.8 Tabel Data Berita.....................................................................62
4.8.9 Tambah Data Berita........................................................................62
4.9 Black Box Testing........................................................................63
BAB V....................................................................................................................64
PENUTUP..............................................................................................................64
5.1 Kesimpulan...................................................................................64
5.2 Saran.............................................................................................64
DAFTAR PUSTAKA........................................................................................xxvii
xxii
DAFTAR TABEL
Tabel 2.1 Perbandingan dengan Penelitian Sebelumnya.........................................8

Tabel 2.2 Simbol Flowchart...................................................................................15
Tabel 2.3 Simbol Entity Relationship Diagram (ERD).........................................16
Tabel 2.4 Elemen Data Flow Diagram (DFD) menurut De Marco dan Yourdon. 18
YTabel 3.1 Pengurus...............................................................................................21
Tabel 3.2 Hasil Analisis Kinerja............................................................................24
Tabel 3.3 Hasil Analisis Informasi........................................................................24
Tabel 3.4 Hasil Analisis Ekonomi.........................................................................25
Tabel 3.5 Hasil Analisis Pengendalian..................................................................25
Tabel 3.6 Hasil Analisis Efisiensi..........................................................................26
Tabel 3.7 Hasil Analisis Pelayanan........................................................................26
Tabel 3.8 Hasil Analisis Kebutuhan Hardware......................................................28
Tabel 3.9 Hasil Analisis Kebutuhan Software.......................................................28
YTabel 4.1 Admin...................................................................................................44
Tabel 4.2 Berita......................................................................................................44
Tabel 4.3 Galeri......................................................................................................45
Tabel 4.4 Halaman.................................................................................................45
Tabel 4.5 Kategori..................................................................................................46
Tabel 4.6 Materi.....................................................................................................46
Tabel 4.7 Anggota..................................................................................................47
Tabel 4.8 Tanggapan..............................................................................................47
Tabel 4.9 Topik......................................................................................................48
Tabel 4.10 Blackbox Testing.................................................................................63
xiii
DAFTAR GAMBAR
YGambar 4.1 Flowchart Sistem yang Diusulkan..................................................31

Gambar 4.2 Context Diagram..............................................................................32
Gambar 4.3 Data Flow Diagram Level 1.............................................................33
Gambar 4.4 Data Flow Diagram Level 2 Proses 1..............................................34
Gambar 4.8 Data Flow Diagram level 2 Proses 5................................................38
Gambar 4.9 Data Flow Diagram level 2 Proses 6................................................39
Gambar 4.10 Data Flow Diagram level 2 Proses 7...............................................40
Gambar 4.13 Entity Relational Diagram Website Yayasan Darusshoilihin.........43
Gambar 4.14 Beranda...........................................................................................49
Gambar 4.15 Halaman..........................................................................................49
Gambar 4.16 Berita...............................................................................................50
Gambar 4.17 Galeri...............................................................................................50
Gambar 4.18 Admin..............................................................................................51
Gambar 4.19 Tabel Data Berita............................................................................51
Gambar 4.20 Tambah Data Berita........................................................................52
Gambar 4.21 Forum..............................................................................................52
Gambar 4.22 Relasi Antar Tabel...........................................................................53
Gambar 4.23 Database..........................................................................................53
Gambar 4.24 Koneksi Database............................................................................54
Gambar 4.25 Menu Halaman................................................................................55
Gambar 4.26 Menu Berita.....................................................................................55
Gambar 4.27 Menu Galeri....................................................................................56
Gambar 4.28 Menu Forum....................................................................................57
Gambar 4.29 Beranda...........................................................................................58
Gambar 4.30 Halaman..........................................................................................59
Gambar 4.31 Berita...............................................................................................59
Gambar 4.32 Galeri...............................................................................................60
Gambar 4.33 Download........................................................................................60
Gambar 4.34 Forum..............................................................................................61
Gambar 4.35 Menu Admin...................................................................................61
Gambar 4.36 Tabel Data Berita............................................................................62
Gambar 4.37 Tambah Data Berita........................................................................62
xiv
INTISARI
Sistem informasi berbasis web Yayasan Darussholihin sebagai media

diskusi dan pembelajaran kepada masyarakat, yang dapat menerima siswa di luar
wilayah Yogyakarta.
Tujuan dari Tugas Akhir ini adalah untuk mempelajari, merancang,

menganalisa dan mengimplementasikannya dalam bentuk Sistem Informasi
berbasis web pada yayasan Darussholihin.
Pembuatan Website menggunakan PHP MySQL sebagai database dan

adobe dreamweaver. Situs web yang dirancang akan terdiri dari beberapa halaman
termasuk halaman utama, profil, visi dan misi, akademik, fasilitas dan hubungi
kami.
Software yang dikembangkan dalam penyusunan proyek ini adalah

menggunakan HTML (Hypertext Markup Language) dan merupakan sisi client
sehingga bisa menampilkan informasi dan juga untuk menghubungkan antar
halaman (hyperlink).
Kata Kunci : Website, media diskusi dan pembelajaran.
xv
ABSTRACT
Web-based information system the Darussholihin foundation as a media of

Learning and discussion to the community, which can receive students outside the
region of Yogyakarta.
The purpose of this Final Project is to study, design, analyze and implement
in the form of web-based Information System on Darussholihin foundation.
Website Creation using PHP MySQL as the database and adobe
dreamweaver. Designed website which will consist of several pages including the
main page, profile, vision and mission, academic, facilities and contact us.
Software is developed in the preparation of this project is using HTML
(Hypertext Markup Language) and is client side so that it can display information
and also to connect between pages (hyperlink).
Keyword : Website, media of learning and discussion.
xvi
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah

Salah satu media penyampaian informasi adalah melalui website. Website
yang dulu hanya sebagai media informasi sekarang semakin berkembang dapat
dimanfaatkan sebagai media pembelajaran dan diskusi. Website sebagai media
pembelajaran memberikan kemudahan bagi siapa saja yang membutuhkan
referensi ilmu pengetahuan yang dibutuhkan dengan cepat.
Yayasan Darussholihin yang mempunyai alamat di Jonggrangan, Mlati,
Sleman adalah salah satu lembaga pendidikan yang ada di Yogyakarta yang terdiri
dari Madrasah Ibtida’iyah (MI), Madrasah Tsanawiyah (MTS), dan Madrasah
Aliyah (MA) serta terdapat fasilitas penunjang berupa Pondok Pesantren.
Yayasan Darussholihin Mlati belum mempunyai sarana untuk mengelola
dan memudahkan penyebaran artikel, makalah, maupun ilmu pengetahuan
lainnya. Untuk itu perlu dibuat sebuah website untuk memudahkan pihak Yayasan
dalam menyampaikan informasi yang berkaitan dengan kegiatan di Yayasan
Darussholin. Selama ini jika masyarakat umum ingin mengetahui lebih tentang
ilmu agama atau ilmu yang lain, masyarakat harus datang pada kegiatan dakwah
yang diadakan oleh Yayasan.
Oleh karena itu, muncul sebuah gagasan untuk membuat website sebagai
media pembelajaran dan diskusi pada Yayasan Darussholihin Mlati. Dengan
adanya website ini dapat dimanfaatkan sebagai sarana pembelajaran dan bertukar
informasi bagi masyarakat umum maupun para santri secara online yang efektif
dan efisien dilakukan dimana saja dan kapan saja.
1.2 Rumusan Masalah

Berdasarkan latar belakang yang telah dikemukakan, maka permasalahan
yang dapat dirumuskan adalah bagaimana membuat website pada Yayasan
Darussholihin Mlati Sleman sebagai media pembelajaran dan diskusi.
1
1.3 Batasan Masalah
Beberapa batasan masalah yang digunakan dalam penelitian ini adalah sebagai
berikut.
1. Website bisa diakses oleh admin, santri, pendidik, dan masyarakat
umum.
2. Semua konten website dikelola oleh admin
3. Diskusi hanya bisa dilakukan apabila sudah melakukan pendaftaran.
4. Website hanya mencantumkan informasi dan digunakan sebagai media
diskusi.
5. Software yang digunakan adalah bersifat open source meliputi PHP,
MySQL sebagai database.
6. Tidak mencakup sistem keamanan website.
1.4 Tujuan Penelitian

Setiap penelitian memiliki tujuan yang jelas. Adapun tujuan dari penelitian ini
yaitu mengimplementasikan website untuk Yayasan Darussholihin sebagai sarana
pembelajaran dan diskusi.
1.5 Manfaat Penelitian

1. Memberikan Informasi dan publikasi kepada santri, pendidik, maupun
masyarakat umum agar keunggulan Yayasan Darussholin semakin
dikenal oleh masyarakat luas.
2. Sebagai sarana pembelajaran dan diskusi secara online.
1.6 Metode Penelitian

Adapun metode yang digunakan dalam melakukan pengumpulan data untuk
menyusun tugas akhir ini penulis menggunakan metode :
1.6.1 Metode Pengumpulan Data

1. Metode observasi
Metode pengumpulan data yang dilakukan dengan cara melakukan
pengamatan dan penelitian secara langsung di Yayasan Darussholihin
untuk mendapatkan data yang akurat.
2. Metode interview
Metode pengumpulan data dengan cara tanya jawab secara langsung
dengan pihak sekolah Yayasan Darussholihin.
3. Metode dokumentasi
Metode pengumpulan data dengan mempelajari arsip-arsip data untuk
mendapatkan informasi berita, gambar dan laporan lain yang berkaitan
dengan penelitian ini yang akan digunakan sebagai sumber data.
4. Metode kesiapan dan studi pustaka
Metode pengumpulan data dengan cara melakukan studi kepustakaan

yang berhubungan dengan pembuatan skripsi ini terhadap berbagai
sumber referensi seperti buku, teks dan artikel internet yang
berhubungan dengan masalah tersebut.
1.6.2 Metode Analisis

Metode yang digunakan penulis yaitu metode analisis PIECES
(Performance, Information, Economics, Control, Efficiency, Service). Tujuan
analisis PIECES untuk memecahkan sebuah masalah adalah dengan
mengumpulkan semua permasalahan yang ada kemudian mengidentifikasi dan
menganalisanya. Setelah itu menentukan ketidakleluasaan dari permasalahan
tersebut.
Kelebihan menggunakan metode analisis PIECES yaitu ada laporan setiap

akhir sehingga memudahkan adanya pengawasan, mudah melakukan dokumentasi
secara resmi [1].
1.6.3 Metode Pengembangan System Devolepment Life Cycle (SDLC)
Metode pengembangan SDLC yang digunakan adalah waterfall. Alasan
menggunakan metode waterfall adalah metode ini sangat terorganisir, karena
setiap langkah harus terselesaikan dengan lengkap sebelum melanjutkan ke tahap
berikutnya. Dan kualitas dari sistem yang dihasilkan akan baik karena
pelaksanaannya secara bertahap sehingga tidak terfokus pada tahapan tertentu.
Dalam pengembangannya metode waterfall memiliki beberapa tahapan yaitu:
1. Perencanaan dan analisis
Tahap ini pengembang sistem diperlukan komunikasi yang bertujuan
untuk memahami perangkat lunak yang diharapkan oleh pengguna dan
batasan perangkat lunak tersebut. Informasi ini biasanya dapat diperoleh
melalui wawancara, diskusi atau survei langsung. Informasi dianalisis untuk
mendapatkan data yang dibutuhkan oleh pengguna.
2. Perancangan Sistem
Perancangan sistem membantu dalam menentukan perangkat keras
(hardware) yang digunakan. Dalam proses perancangan sistem, peneliti
menggunakan flowchart diagram untuk menggambarkan sistem secara
keseluruhan dan menggunakan DFD (Data Flow Diagram) untuk menyusun
dan mengelompokkan struktur tabel-tabel dan menggambarkannya dengan
relasi tabel.
3. Implementasi Kode Program
Pada tahap ini, perancangan perangkat lunak direalisasikan sebagai
program yang mampu menyelesaikan masalah yang ada pada Yayasan
Darussholihin. Sistem yang baru harus mudah dipahami dan dijalankan oleh
pengguna.
4. Penerapan / Pengujian Program
Setelah program lulus ujicoba, maka sistem secara resmi mulai
digunakan untuk menggantikan sistem lama. Pengujian sistem
menggunakan blackbox testing.
5. Pemeliharaan
Pada tahapan ini sistem secara sistematis diperbaiki dan ditingkatkan.
Hasil dari tahapan ini adalah versi baru dari perangkat lunak yang telah
dibuat. Perbaikan yang dilakukan tingkatannya bisa sangat variatif, mulai
dari memperbaiki program yang crash hingga berfungsi kembali sampai
pada penambahan modul-modul program yang baru sebagai jawaban atas
perubahan kebutuhan pengguna.
1.7 Sistematika Penulisan

BAB I : PENDAHULUAN
Bab ini berisi tentang latar belakang masalah, rumusan masalah, batasan
masalah, tujuan penelitian, manfaat penelitian, metode penelitian,
sistematika penulisan laporan penelitian.
BAB II : LANDASAN TEORI

Pada bab ini berisi tinjauan pustaka, menguraikan teori teori yang
mendukung judul dan mendasari pembahasan secara detail, dapat berupa
definisi-definisi atau model yang langsung berkaitan dengan ilmu ataupun
masalah yang diteliti.
BAB III : TINJAUAN UMUM

Pada bab ini berisi gambaran umum tentang Yayasan Darussholihin Mlati
Sleman, sistem yang ada saat ini, dan analisa lain yang terkait dengan
pembuatan website.
BAB IV : PEMBAHASAN
Bab yang berisikan tentang cara kerja atau keterangan yang ada di database,
implementasi sistem yang terdiri dari memproduksi sistem, penerapan
perancangan sistem
BAB V : PENUTUP
Penutup bab ini merupakan bagian akhir dari penulisan laporan tugas akhir
yang berisikan kesimpulan dan saran dari permasalahan yang diangkat yang
merupakan hasil dari penelitian dan pengujian dari penelitian tugas akhir ini.
DAFTAR PUSTAKA
Daftar pustaka berisi sumber-sumber dari rujukan yang digunakan dalam
penulisan laporan penelitian tugas akhir ini.
BAB II
LANDASAN TEORI
2.1 Tinjauan Pustaka

Medi Suhartanto (2012) yang meneliti tentang Pembuatan Website Sekolah
Menengah Pertama Negeri 3 Delanggu Dengan Menggunakan Php Dan MySQL
bahwa selama ini pemberitahuan tentang informasi sekolah masih dilakukan
secara manual, kebanyakan informasi terbaru masih ditempel dipapan
pengumuman, melalui speaker yang terpasang disetiap kelas, surat selebaran yang
dibagikan kepada siswa dan masih menggunakan media informasi seperti spanduk
dan pamflet sebagai media promosi kepada publik. Dengan berkembangnya
teknologi informasi dan internet maka penerapan website ini diharapkan dapat
membantu pihak sekolah dalam menyampaikan berbagai informasi kepada Guru,
Karyawan, Siswa dan Masyarakat Umum [2].
Suparni, Tri Irianto Tjendrowaseno (2014) yang meneliti tentang

Pembuatan Website Profil Sekolah Menengah Pertama Negeri 2 Karangmalang
Sragen bahwa sekolah ini membutuhkan website profil sekolah sebagai sarana
promosi dan informasi. Saat ini sekolah masih menggunakan spanduk dan harus
datang langsung ke sekolah untuk mendapatkan informasi mengenai Sekolah
Menengah Pertama Negeri 2 Karangmalang. Mereka juga masih menggunakan
papan pengumuman dan speaker yang dipasang di tiap kelas sebagai media
informasi kepada warga sekolah [3].
Ginanjar Akbar, Tri Irianto Tjendrowaseno yang meneliti tentang Website

Profil Sekolah Sebagai Media Informasi Dan Promosi dalam kegitan
penyampaian informasi masih perlu berinteraksi dan bersosialisasi agar lebih
dikenal oleh masyarakat yaitu dengan cara memberikan informasi secara lengkap,
detail dan jelas mengenai profil sekolah tersebut. Penyampaian informasi tersebut
selama ini digunakan menggunakan cara konvensional (manual). Dengan cara
tersebut masih banyak kekurangan yang baik menyangkut biaya maupun waktu.
7
Maka dari itu perlu dibangun suatu media penyampaian informasi berbasis web
untuk memperluas penyebaran informasi sekaligus menekan biaya promosi [4].
Yudie Irawan, Nanik Susanti, Wiwit Agus Triyanto (2016) yang meneliti
tentang Analisa Dan Perancangan Sistem Informasi Sekolah berbasis Website
Untuk Penyampaian Informasi Sekolah Dan Media Promosi Kepada Masyarakat
pemberitahuan tentang informasi sekolah masih dilakukan secara manual .
mengingat pentingnya informasi perlu disadari oleh pelaku-pelaku pendidikan
dalam hal ini tenaga pendidik dan kependidikan senantiasa berupaya mengupdate
kompetensi mereka. Salah satu alternatifnya dengan pemanfaatan website karena
dianggap media yang sangat interaktif dan dinamis untuk menambah wawasan
sekaligus untuk ekstensi diri. Sehingga diharapkan dapat membantu pihak sekolah
dalam menyampaikan informasi kepada Guru, Karyawan, Siswa, dan Masyarakat
umum [5].
Tabel 2. Perbandingan dengan Penelitian Sebelumnya
Judul Nama Penulis Penjelasan Perbedaan

Pembuatan Medi Suhartanto Website ini dibuat Website yang
Website Sekolah dengan diusulkan
Menengah menggunakan bahasa digunakan
Pertama Negeri 3 pemrograman PHP sebagai media
Delanggu Dengan dan MySql sebagai informasi dan
Menggunakan database. dilengkapi
Php Dan MySQL Peneliti ini hanya dengan forum
membuat website diskusi dan
sekolah yang pembelajaran
digunakan sebagai secara online.
media informasi saja.
Pembuatan Suparni, Tri Peneliti ini membuat Untuk
Website Profil Irianto website profil menyempurnakan
Sekolah Tjendrowaseno sekolah yang peneliti
Menengah digunakan untuk sebelumnya,
Pertama Negeri 2 media promosi dan website yang
Karangmalang informasi. diusulkan akan
Sragen dilengkapi fitur
forum diskusi.
Website Profil Ginanjar Akbar, Peneliti ini membuat Membuat website
Sekolah Sebagai Tri Irianto website sekolah sekolah sebagai
Media Informasi Tjendrowaseno untuk media sarana
Dan Promosi informasi terkait pembelajaran dan
sekolah saja. diskusi dimana
tidak hanya siswa
saja yang bisa
mendaftar,
masyarakat
umum juga
diperbolehkan.
Analisa Dan Yudie Irawan, Peneliti ini membuat Karena
Perancangan Nanik Susanti, website sebagai kebanyakan
Sistem Informasi Wiwit Agus media informasi website masih
Sekolah berbasis Triyanto sekolah dan promosi digunakan
Website Untuk kepada masyarakat sebagai promosi
Penyampaian dan informasi
Informasi Sekolah saja, dan seiring
Dan Media kemajuan
Promosi Kepada teknologi yang
Masyarakat semakin cepat
website yang di
usulkan
dilengkapi
dengan fitur
forum diskusi dan
pembelajaran
interaktif.
Dilihat dari segi keseragamannya dengan penelitian sebelumnya yaitu sama-

sama membuat website tentang promosi dan informasi sekolah dengan
menggunakan bahasa pemrograman PHP dan MySQL sebagai database. Sebagai
pembeda dari penelitian sebelumnya kami membuat website sebagai media
pembelajaran dan diskusi dengan judul “Pembuatan Website Yayasan
Darussholihin Mlati sebagai Media Pembelajaran dan Diskusi”. Dengan adanya
website ini diharapkan menjadi sarana yang efektif menyangkut informasi dan
pembelajaran pada Yayasan Darussholihin Mlati.
2.2 Media Pembelajaran

Kata media merupakan bentuk jamak dari kata medium. Medium dapat
didefinisikan sebagai perantara atau pengantar terjadinya komunikasi dari
pengirim menuju penerima.
Proses pembelajaran merupakan proses komunikasi dan berlangsung

dalam suatu sistem, maka media pembelajaran menempati posisi yang cukup
penting sebagai salah satu komponen sistem pembelajaran. Tanpa media,
komunikasi tidak akan terjadi dan proses pembelajaran sebagai proses komunikasi
juga tidak akan bisa berlangsung secara optimal. Media pembelajaran adalah
komponen integral dari sistem pembelajaran. Secara umum dapat dikatakan media
mempunyai kegunaan , antara lain :
1. Memperjelas pesan agar tidak terlalu verbalistis

2. Mengatasi keterbatasan ruang, waktu tenaga dan daya indra.
3. Menimbulkan gairah belajar, interkasi lebih langsung antara murid dengan
sumber belajar.
4. Memungkinkan anak belajar mandiri sesuai dengan bakat dan kemampuan
visual, auditori dan kinestetiknya.
5. Memberi rangsangan yang sama, mempersamakan pengalaman dan
menimbulkan persepsi yang sama.
6. Proses pembelajaran mengandung lima komponen guru (komunikator),
bahan pembelajaran, media pembelajaran, siswa (komunikan), dan tujuan
pembelajaran. Jadi media pembelajaran adalah segala sesuatu yang dapat
digunakan untuk menyalurkan pesan (bahan pembelajaran), sehingga
dapat merangsang perhatian, minat, pikiran, dan perasaa siswa dalam
kegiatan belajar untuk mencapai tujuan belajar [6].
2.3 Konsep Dasar Website

Web adalah salah satu aplikasi yang berisikan dokumen-dokumen
multimedia (teks, gambar, suara, animasi, video) di dalamnya yang menggunakan
protokol http(hypertext transfer protocol) dan untuk mengaksesnya menggunakan
perangkat lunak yang disebut browser. Bebrapa jenis browser yang populer saat
ini diataranya: internet explorer yang diproduksi oleh Microsoft, Mozilla, firefox,
opera dan safari yang diproduksi oleh apple.
Situs web adalah dokumen-dokumen web yang terkumpul menjadi satu

kesatuan yang memiliki Unified Resource Locator (URL) / domain dan biasanya
di-publish di internet atau intranet.
2.3.1 Web Server

Web server adalah program aplikasi yang memiliki fungsi sebagai tempat
menyimpan dokumen-dokumen web. Jadi semua dokumen web baik yang ditulis
menggunakan client side scripting maupun server side scripting tersimpan dalam
direktori utama web server (document root). Berikut adalah contoh web server:
webserver apache yang mendukung hypertext preprocessor (PHP), web server
Microsoft iternet information service (IIS) yang mendukung Active Server Pages
(ASP) dan (PHP), web server apache tomcat yang mendukung Java Server Page
(ASP).
2.3.2 Web Statis
Web statis adalah web yang isi/konten tidak dapat berubah-ubah.
Maksudnya adalah isi dari dokumen web tersebut tiak dapat diubah secara cepat
dan mudah. Ini karena teknologi yang digunakan untuk membuat dokumen web
ini tidak memungkinkan dilakukan perubahan isi/data.
2.3.3 Web Dinamis

Web dinamis adalah jenis web yang konten/isinya dapat berubah-ubah
setiap saat. Web yang menampilkan animasi flash belum tentu termasuk web
dinamis karena berubah-ubah isinya tidak sama dengan animasi. Untuk
melakukan perubahan data user cukup mengubahnya secara online langsung
diinternet melalui halaman control-panel/administrasi.
2.4 Bahasa Pemrograman yang digunakan

2.4.1 HTML
HTML atau Hypertext Markup Language merupakan salah satu format yang
digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web.
Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen
yang disajikan pada web browser.
2.4.2 PHP
PHP (Hypertext Preprocessor) adalah bahasa server-side scripting yang
menyatu dengan HTML untuk membuat halaman web yang dinamis. Karena PHP
merupakan server-side scripting maka sintaks dan perintah-perintah PHP akan di
eksekusi di server kemudian hasilnya dikirimkan ke browser dalam format
HTML. Dengan demikian kode program yang ditulis dalam PHP tidak akan
terlihat oleh user sehingga keamanan web lebih terjamin.
2.4.3 CSS
CSS (Cascading Style Sheet) adalah fasilitas untuk mempermudah
pemeliharaan dan pengaturan sebuah halaman web. Dengan menggunakan CSS
sebuah halaman web dapat diubah tampilannya tanpa harus mengubah dokumen
HTML-nya.
2.4.4 JavaScript
JavaScript adalah bahasa pemograman yang berbasis pada bahasa
pemograman Java. Namun Java merupakan bahasa pemograman berorientasi
objek murni sedangkan JavaScript digunakan secara prosedural. Cara kerja
JavaScript adalah mengakses elemen pada HTML dan membuat aksi jika elemen-
elemen HTML itu mengalami perubahan, misal perubahan warna pada halaman
website ketika sebuah tombol diklik.
JavaScript yang digunakan pada halaman website merupakan client side

scripting yang berarti bahwa web browser mengidentifikasi dan menjalankan
script program yang disisipkan dalam dokumen website (yang diterima dari
server), dan mungkin memperbarui tampilan halaman computer pemakai (user)
tanpa mengirimkan permintaan baru kepadaa web server [7].
2.5 Perangkat Lunak yang digunakan

2.5.1 MySQL
MySQL adalah salah satu jenis database server yang banyak digunakan
untuk membangun aplikasi web yang menggunakan database sebagai sumber dan
pengelolaan datanya. MySQL juga mudah digunakan karena menggunakan SQL
sebagai bahasa dasar untuk mengakses databasenya. MySQL juga bersifat open
source dan free.
2.5.2 XAMPP
XAMPP merupakan salah satu web server yang terdapat MySQL, dan
Apache. Alasan digunakannya XAMPP adalah dengan pertimbangan mudah
dalam proses instalasinya dan praktis, karena dengan sekali instalasi dapat
terinstal 3 aplikasi sekaligus. Jadi otomatis instalasi bisa disingkat baik waktu
maupun prosesnya.
2.6 Konsep Dasar Basis Data
2.6.1 Pengertian Basis Data
Basis data merupakan kumpulan data yang saling berhubungan yang
disimpan / diorganisasi secara bersama, dalam bentuk sedemikian rupa dan tanpa
pengulangan (redudansi) yang tidak perlu supaya dapat dimanfaatkan kembali
dengan cepat dan mudah untuk memenuhi berbagai kebutuhan [8].
2.7 Konsep Pemodelan Sistem

Pada bagian ini akan dilakukan pemodelan sistem yang akan dibangun.
Dimulai menentukan data yang akan digunakan dan alur datanya akan
digambarkan pada bagian ini. Dalam tahap ini akan menggunakan Flowchart dan
DFD (Data Flow Diagram).
2.7.1 Definisi Flowchart

Flowchart merupakan bagan yang memaparkan bagian aliran data dalam
sistem. Flowchart digunakan untuk menentukan hubungan antar data yang akan
diterapkan di dalam sistem tersebut.
Tabel 2. Simbol Flowchart
Simbol Nama Simbol Fungsi

Menggambarkan
Document dokumen tertulis,
seperti buku besar,
invoice, DO.
Untuk menyatakan
Data proses input dan
output.
Menunjukkan
Process pengolahan yang
dilakukan oleh
sistem.
Media penyimapana
Direct Access Storage data yang dapat
dibaca atau disimpan
secara acak
Untuk melihat hasil

Display proses sistem di
layar
2.7.2 Konsep Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) adalah sebuah sistem grafik yang
digunakan untuk menampilkan entitas-entitas dan hubungan-hubungan
diantaranya:
1. Entitas
Merupakan objek yang mewakili sesuatu yang nyata dan dapat
dibedakan daari yang lain. Simbol dari entitas biasanya digambarkan
dengan persegi panjang. Suatu kumpulan objek atau sesuatu yang
dibedakan atau diidentifikasi dalam lingkungan pemakai.
2. Atribut
Setiap entitas pasti mempunyai elemen-elemen yang disebut atribut
yang berfungsi untuk mendeskripsikan karakteristik dari entitas
tersebut. Isi dari atribut mempunyai sesuatu yang dapat
mengindentifikasikan isi elemen satu dengan yang lain. Gambar atribut
diwakili oleh elips.
3. Relasi
Hubungan antara sejumlah entitas yang berasal dari himpunan entitas
yang berbeda.
Tabel 2. Simbol Entity Relationship Diagram (ERD)
Notasi Keterangan
Entitas adalah suatu objek yang dapat
diidentifikasi dalam lingkungan pemakai
Relasi menunjukan adanya hubungan diantara

sejumlah entitas yang berbeda
Atribut berfungsi mendeskripsikan karakter

entitas (atribut yang berfungsi sebagai key
diberi garis bawah)
Garis sebagai penghubung antara relasi dengan
entitas, relasi dan entitas dengan atribut
2.7.3 Konsep Data Flow Diagram (DFD)
Data Flow Diagram (DFD) merupakan diagram yang digunakan untuk
menggambarkan prosess-proses yang terjadi pada sistem yang akan
dikembangkan. Dengan model ini, data-data yang terlibat pada masing-
masing proses dapat terindentifikasi.
Pengembangan DFD menggunakan cara berjenjang. Dimulai dari
context diagram. DFD level 1, DFD level 2 dan seterusnya sesuai dengan
kompleksitas dari sistem yang dikembangkan.
Untuk penelitian ini, penulis menggunakan simbol menurut De Marco
dan Yourdon. Elemen - elemen DFD-nya yaitu:
1. Proses
Aktivitas atau fungsi yang dilakukan untuk alasan bisnis yang spesifik,
manual maupun terkomputerisasi.
2. Data Flow
Suatu data tunggal atau kumpulan logis suatu data, selalu diawali dan
diakhiri pada suatu proses.
3. Data Store
Kumpulan data yang disimpan dengan cara tertentu. Data yang
mengalir disimpan dalam store. Aliran data diupdate atau ditambahkan
ke data store.
4. External Entity
Orang atau sistem yang berasal diluar sistem tapi berinteraksi dengan
sistem. Setiap elemen mempunyai simbol tertentu untuk membedakan
satu dengan lain, yaitu:
Tabel 2. Elemen Data Flow Diagram (DFD) menurut De Marco dan Yourdon
Simbol Keterangan
External Entity, merupakan
kesatuan dilingkungan luar system
yang bisa berupa orang, organisasi
atau system lain.
Process merupakan proses seperti
perhitungan aritmatik penulisan
suatu formula atau pembuatan
laporan
Data Store dapat berupa suatu file
atau database pada system
computer atau catatan manual.
Data Flow arus data ini mengalir
diantara proses, simpan data daan
kesatuan luar.
BAB III
TINJAUAN UMUM
3.1 Sejarah Yayasan Darussholihin

Yayasan ini dapat berdiri dan berjalan seperti sekarang ini tidak lain
karena bantuan dan perjuangan dari banyak orang yang tidak dapat
disebutkan satu per satu. Tetapi orang paling berjasa dalam pendirian
Yayasan Darussholihin adalah:
1. Bpk. K.H. Moh. Zahid, Alm

2. Bpk. K.H. Muhsin (Pengasuh PP. Al-Husain Krakitan, Salam,
magelang)
Yayasan ini didirikan pada tahun 1989 di atas tanah wakaf dari Al-
Maghfurrullah Simbah Kyai H. Muh Zahid, Alm.
3.2 Visi dan Misi

Visi
Meletakkan dasar aqidah yang kuat dan berakhlak mulia melalui sistem
pendidikan terpadu.
Misi
1. Meletakkan dasar aqidah yang kuat dan berakhlak mulia.

2. Membina dan membantu siswa untuk mampu menghafal alquran
dengan baik.
3. Mewujudkan proses belajar yang terintegrasi dengan pendidikan
formal.
4. Mewujudkan lulusan yang mempunyai kemampuan bidang agama
serta bidang IPTEK.
19
3.3 Tujuan Berdirinya Yayasan Darussholihin
Tujuan berdirinya pondok pesantren darussholihin ini adalah:
1. Mencetak generasi qur’ani, generasi yang mampu menjaga keagungan

alquran, mencintai dan mempelajari isi yang terkandung di dalamnya
dengan baik dan benar.
2. Mendidik generasi berakhlakul karimah yang mampu menerapkan
ajaran-ajaran dalam Al Quran dalam kehidupan sehari-hari.
3. Mewujudkan lulusan yang mempunyai pengetahuan luas dalam
bidang agama dan menguasai bidang IPTEK.
3.4 Kegiatan
Banyak kegiatan yang sudah terselenggara dengan rutin diantaranya adalah:
1. Bagi santri diantaranya

a. Pendidikan hafalan setiap hari.
b. Madrasah Diniyah (pengajaran agama) setiap hari.
c. Hadroh (membaca shalawat) seminggu sekali.
d. Mujahadah malam Jum’at dan minggu pagi.
e. Sema’an Al Quran seminggu sekali.
2. Bagi masyarakat umum diataranya
a. Pengajian ibu-ibu seminggu dua kali.
b. Semaan Al-Quran minggu pagi.
C. Majelis Mujahadah dan Maulid Simtuddhuror Minggu Wage
3.5 Kurikulum
Beberapa program pendidikan yang berada dibawah naungan Yayasan
Darussholihin yaitu:
1. Madrasah Tahfidzul quran wat tafsir.
2. Madrasah Diniyah Darussholihin.
3. Madrasah Ibtidaiyah Darussholihin (SD).
4. Madrasah Tsanawiyah Darussholihin (SMP).
5. Program Wajar Dikdas PPS Ula Wustho Ash Sholihah
6. Lembaga Pendidikan Ketrampilan (LPK) Ash Sholihah
7. Majlis Ta’lim
8. Majlis Mujahadah Dzikrulghofilin
3.6 Pengurus
Pada halaman ini menampilkan data pengurus pada Yayasan Darussholihin,
dan bisaa dilihat oleh para wali dan pengguna lainnya. Berikut data
pengurus :
Tabel 3. Pengurus
Nama Jabatan
Anis Fatkhurrohman Sei Pelindung

Ulfa Nurul Khasanah Pelindung
M. Dhorif Penasehat
M. Abdul Karim Penasehat
Neni Agustin Penasehat
Nurul Hilaliyah Penasehat
Andre Prayogo Ketua
Siti Pujianti Ch. Wakil Ketua
Imam Nur Riky Sobirin Seketaris
Anis Choirul Latifah Wakil seketaris
M. Rohman Bendahara
Febriana Andisa Wakil Bendahara
M. Syaifuddin Seksi Perlengkapan
Akhwin Wima Danu Seksi Perlengkapan
Alfiyatul Masruroh Seksi Perlengkapan
Naily Qurrota A’yun Seksi Perlengkapan
M. Laudza Seksi PHBS
Ahmad Riadhoh Seksi PBHS
Nur Lailatul Ma’rifah Seksi PBHS
Zulfa Roudhotul Jannah Seksi PBHS
Ma’ruf Zuliayyah Seksi Kesehatan Lingkungan
Zaenal Abidin Seksi Kesehatan Lingkungan
Nur Hidayah Seksi Kesehatan Lingkungan
Nurma Aisyah Putri Seksi Kesehatan Lingkungan
3.7 Bagan Sekolah

BAGAN STRUKTUR ORGANISASI
YAYASAN DARUSSHOLIHIN JONGGRANGAN
YOGYAKARTA
Dewan pembina
KH. Habibullah
KH. Nurhadi
KH. Muchsin
Pengawas
H. Sutaryono
Ketua Umum
K. Moh Marom
Sekretaris Bendahara
Anis Fatkhurrohman, Ahmad Khoirul Anwar
SEI
MI MTs Madrasah Aliyah Pondok Pesantren

Inayatul Mardliyah, Misdin Bintoyani Ikhsan, S.Pd.I Khoirul Anam
SH.I
Badan Wakaf dan
BAZIS Pembangunan Madrasah Diniyah
Eny Suharyanti, SE Muhammad Ridwan
3.8 Masalah yang dihadapi

Yayasan Darussholihin Mlati belum mempunyai sarana untuk
mengelola dan memudahkan penyebaran dakwah maupun ilmu pengetahuan
lainnya. Untuk itu perlu dibuat sebuah website untuk memudahkan pihak
Yayasan dalam menyampaikan informasi yang berkaitan dengan kegiatan di
Yayasan Darussholin. Selama ini jika masyarakat umum ingin mengetahui
lebih tentang ilmu agama atau ilmu yang lain, masyarakat harus datang pada
kegiatan dakwah yang diadakan oleh Yayasan.
3.9 Analisis Sistem
Analisis sistem adalah teknik pemecahan masalah yang menguraikan
bagian-bagian komponen dengan mempelajari seberapa bagus bagian-
bagian komponen tersebut bekerja dan berinteraksi untuk mencapai tujuan
mereka. Tahap analisis dilakukan setelah tahap perencanaan sistem dan
sebelum tahap desain sistem. Tahap ini merupakan tahap yang kritis karena
kesalahan pada tahap analisis menyebabkan kesalahan pada tahap
selanjutnya.
3.9.1 Identifikasi Masalah

Mengidentifikasi masalah merupakan langkah awal yang dilakukan
pada tahap analisis sistem dari masalah yang menyebabkan sasaran dari
sistem tidak dapat tercapai. Sistem informasi Yayasan Darussholihin ini
dianalisis dengan menggunakan metode atau kerangka PIECES sebagai
dasar untuk memperoleh pokok-pokok permasalahan yang jelas dan
spesifik. Kemudian berdasarkan hasil analisis ini dapat dirancang usulan-
usulan diterapkan dalam sistem baru. Hal ini untuk mengetauhi apakah
sistem tersebut masih layak digunakan atau tidak. Hasil analisa tersebut
dapat dijelaskan seperti yang ada pada tahapan analisis PIECES.
3.9.2 Analisis PIECES

3.9.2.1 Analisis Kinerja (Performance)
Kinerja adalah suatu kemampuan sistem dalam menyelesaikan tugas
dengan cepat sehingga sasaran dapat segera tercapai. Kinerja diukur dengan
jumlah produksi (throughput) dan waktu yang digunakan untuk
menyesuaikan perpindahan pekerjaan (response time).
Tabel 3. Hasil Analisis Kinerja
No Faktor Hasil Analisis
Masyarakat harus datang ke yayasan dengan

1 Throughput
waktu yang sudah ditentukan.
Tidak semua masyarakat memiliki waktu untuk

2 Response Time datang ke majelis yang diadakan oleh yayasan
Darussholihin.
3.9.2.2 Analisis Informasi (Information)

Informasi merupakan komoditas yang penting bagi pengguna akhir.
Evaluasi terhadap kemampuan sistem informasi dalam menghasilkan
informasi yang bermanfaat perlu dilakukan untuk menangani masalah yang
muncul.
Tabel 3. Hasil Analisis Informasi

1 Akurat Masyarakat yang
datang hanya
mendengar sekali dan
saat itu saja, jadi
kadang kebenarannya
tidak akurat.
2 Tepat waktu Masyarakat tidak
selalu tahu jadwal
kegiatan yang diadakan
oleh yayasan.
3.9.2.3 Analisis Ekonomi (Economy)

Ekonomi merupakan suatu motivasi paling umum bagi suatu proyek
dan berkaitan dengan jumlah sumber daya yang digunakan. Dalam sistem
yang baru ini nantinya akan memiliki nilai ekonomis yang mampu
menghasilkan manfaat sesuai dengan biaya yang dikeluarkan dan dapat
meminimalisir pengeluaran.
Tabel 3. Hasil Analisis Ekonomi

1 Biaya Yayasan darussholihin harus mengeluarkan biaya
lebih untuk menjamu masyarakat yang datang di
kegiatan dakwah.
3.9.2.4 Analisis Pengendalian (Controls)

Pengendalian dalam sebuah sistem diperlukan untuk menghindari dan
mendeteksi secara dini terhadap penyalahgunaan atau kesalahan sistem.
Menilai apakah sistem yang ada saat ini masih dapat ditingkatkan sehingga
kualitas pengendalian menjadi semakin baik, dan kemampuannya untuk
mendeteksi kesalahan/ kecurangan menjadi semakin baik pula.
Tabel 3. Hasil Analisis Pengendalian
No Faktor Hasil analisis

1 Kualitas Masyarakat hanya datang dan mendengarkan
dakwah pada saat itu saja.
3.9.2.5 Analisis Efisiensi (Eficiency)

Efisiensi digunakan untuk menghindari pemborosan sumber daya
yang ada dengan cara memaksimalkan penggunaan sumber daya yang ada
menyangkut bagaimana menghasilkan output sebanyak-banyaknya dengan
input sekecil mungkin.
Tabel 3. Hasil Analisis Efisiensi

Sumber daya yang digunakan Penggunaan listrik yang berlebih
karena harus mengunakan sound
sistem
3.9.2.6 Analisis Pelayanan (Service)

Peningkatan pelayanan yang ada pada sistem yang akan
dikembangkan akan mampu memberikan kemudahan bagi pengguna sistem
untuk mencapai tujuan dan tepat sasaran.
Tabel 3. Hasil Analisis Pelayanan

1 Pelayanan Masyarakat harus meluangkan waktu untuk
datang ke yayasan Darussholihin dan
terkadang tempat yang disediakan tidak
mencukupi karena banyaknya masyarakat
yang hadir.
3.10 Analisis Kebutuhan Sistem

Sebelum sistem yang baru diterapkan, maka kebutuhan sistem yang
baru perlu dilakukan analisis agar tidak terjadi kesalahan dalam pembuatan
sistem yang baru.
Analisis kebutuhan sistem meliputi:
3.10.1 Analisis Kebutuhan Fungsional

Kebutuhan fungsional pada website Yayasan Darussholin adalah
sebagai berikut:
1. Admin
a. Dapat melakukan login ke halaman admin
b. Dapat melihat berita
c. Dapat melihat halaman
d. Dapat melihat galeri
e. Dapat melihat data member
f. Dapat melihat data materi
g. Dapat mengelola berita
h. Dapat mengelola data kategori
i. Dapat mengelola halaman
j. Dapat mengelola galeri
k. Dapat mengelola data member
l. Dapat mengelola materi
2. Anggota
a. Dapat melihat berita
b. Dapat melihat halaman
c. Dapat melihat galeri
d. Dapat mendownload materi
e. Dapat memberikan tanggapan
3. Publik
a. Dapat melihat berita
b. Dapat melihat halaman
c. Dapat melihat galeri
3.10.2 Analisis Non-Fungsional
3.10.2.1 Analisis Kebutuhan Hardware
Perangkat keras yang digunakan dalam perancangan website yayasan
Darussholihin memiliki spesifikasi:
Tabel 3. Hasil Analisis Kebutuhan Hardware
Yang digunakan Yang direkomendasikan

Prosessor Pentium® Dual-Core Prosessor CORE”i3 2,5GHz
CPU T440 @ 2,20GHz
RAM 1024MB RAM 2048MB
Harddisk 250GB Harddisk 500GB
3.10.2.2 Analisis Kebutuhan Software

Perangkat lunak yang dibutuhkan dalam pembuatan website yayasan
Darussholihin adalah:
Tabel 3. Hasil Analisis Kebutuhan Software
Yang digunakan Yang direkomendasikan

Microsoft Windows 7 Microsoft Windows 8 ke atas
XAMPP 1.6.8 XAMPP 1.8.3
Chrome Browser 36.0.1985.143 Chrome Browser 55.0.2883.105
3.11.1 Analisis Kelayakan Sistem

Analisis kelayakan sistem merupakan proses yang mengidentifikasi
permasalahan yang telah dijabarkan sesuai tujuan akhir yang akan dicapai.
Adapun tujuan dari analisis kelayakan adalah menguji apakah sistem baru
layak dipakai atau tidak. Hasil Analisis berdasarkan penelitian adalah
sebagai berikut :
3.11.1.1 Analisis Kelayakan Teknis

Yayasan Darussholihin telah tersedia seperangkat komputer dan
koneksi internet dan juga admin sebagai SDMnya yang dapat
mengoperasikan komputer dengan baik. Sistem ini layak dibangun karena
trend teknologi informasi yang sangat berkembang di era sekarang dan
bermanfaat untuk masyarakat umum yang ingin mempelajari lebih tentang
ilmu agama.
3.11.1.2 Analisis Kelayakan Operasional

Analisis kelayakan operasional menjamin berlangsungnya sistem ini
dengan baik dan tanpa adanya gangguan. Hasil dari analisis ini adalah
sistem dapat meghasilkan informasi pada saat yang tepat untuk setiap orang
yang membutuhkan. Sistem ini hanya membutuhkan satu pegawai untuk
mengoperasikannya. Cukup dengan memberikan sosialisasi dan pelatihan
bagaimana cara menggunakan dan memelihara sistem ini.
3.11.1.3 Analisis Kelayakan Hukum
Pada web ini perangkat lunak yang digunakan diusahakan sudah
mempunyai lisensi yang dilindungi undang-undang tentang hak cipta. Jika
tidak memungkinkan perangkat lunak yang digunakan bersifat open source
yang berlisensi publik.
BAB IV
PEMBAHASAN
4.1 Gambaran Umum Sistem

Gambaran umum proses sistem diskusi dan pembelajaran secara online pada
Yayasan Darussholihin.
a. Upload Materi
1. Admin harus login sebelum mengupload dengan memasukkan
username dan password.
2. Setelah berhasil login admin memilih menu materi sebagai media
upload file.
3. File akan terupload setelah admin mengklik tombol upload.
b. Diskusi dan Download Materi
1. User harus mendaftar terlebih dahulu untuk login.
2. User memilih topik sesuai dengan keinginan.
3. User dapat berkomentar dalam forum pembelajaran untuk melakukan

tanya jawab.
4. User dapat mendownload file yang dilampirkan.
4.2 Flowchart Sistem yang Diusulkan

Flowchart sistem merupakan bagan yang menunjukkan alur kerja
secara keseluruhan dan menjelaskan urutan dari prosedur yang ada didalam
sistem. Flowcahrt yang diusulkan dapat membantu dalam sistem website
di Yayasan Darushholihin.
30
Rancangan sistem flowchart yang diusulkan adalah :
Gambar 4. Flowchart Sistem yang Diusulkan

4.3 Data Flow Diagram (DFD)
Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan
notasi-notasi untuk menggambarkan arus dari sistem, yang penggunaannya
dapat membantu untuk memahami sistem secara logika, terstruktur dan
jelas.
4.3.1 Context Diagram
Gambar 4. Context Diagram

4.3.2 Data Flow Diagram Level 1
Berikut adalah alur kerja keseluruhan sistem. Pada diagram ini terdapat 9
proses diantaranya adalah berita, halaman, galeri, anggota, materi, topik, admin,
tanggapan dan kategori. Sistem ini dapat diakses oleh admin, anggota dan publik.
Gambar 4. Data Flow Diagram Level 1

4.3.3 Data Flow Diagram Level 2 Proses 1
Berikut adalah alur sistem admin mengolah data berita. Admin dapat
menambah, mengubah, melihat dan menghapus data berita. Publik dan anggota
hanya bisa melihat data berita yang sudah diposting oleh admin.
Gambar 4. Data Flow Diagram Level 2 Proses 1

Berikut adalah alur sistem admin mengolah data halaman. Admin dapat
melihat, mengubah, melihat dan menghapus data halaman. Publik dan anggota
hanya bisa melihat data halaman yang sudah diposting oleh admin.

Berikut adalah alur sistem admin mengolah data galeri. Admin dapat
menambah, mengubah, melihat dan menghapus data galeri. Publik dan
anggota hanya bisa melihat data galeri yang sudah diposting oleh admin.

Berikut adalah alur sistem admin dengan anggota. Pengguna yang belum
menjadi anggota bisa melakukan pendaftaran dan dapat mengubah data
anggota. Sedangkan admin hanya bisa melihat data anggota dan
menghapusnya.

Berikut adalah alur sistem admin mengolah data materi. Admin dapat
menambah, mengubah, melihat dan menghapus data materi. Anggota bisa
melihat data materi yang diunggah oleh admin.
Gambar 4. Data Flow Diagram level 2 Proses 5

Berikut adalah alur sistem data topik. Admin bisa menambah, mengubah,
melihat dan menghapus data topik. Anggota bisa menambah dan melihat
topik yang akan didiskusikan.

Berikut adalah alur sistem data admin. Admin bisa menamah, mengubah,
melihat dan menghapus data admin.

Berikut adalah alur sistem data tanggapan. Admin bisa melihat dan
menghapus data tanggapan. Anggota bisa memberi tanggapan dan bisa
mengubah tanggapan yang sudah diposting.

Berikut adalah alur sistem admin mengolah data kategori. Admin bisa
menambah, mengubah, melihat dan menghapus data kategori. Member
hanya bisa melihat data kategori yang sudah diposting oleh admin.
4.4 Entity Relational Diagram (ERD)

Tahap selanjutnya adalah tahapan perancangan basis data. Adapun
Perancangan basis data dalam website Yayasan Darussholihin ini
menggunakan Entity Relational Diagram (ERD) sebagai berikut :
Gambar 4. Entity Relational Diagram (ERD) Website Yayasan
Darusshoilihin
4.5 Perancangan Struktur Tabel
Perancangan struktur tabel merupakan tahapan mengatur dan mendesain
data yang akan menghasilkan informasi sesuai rancangan.
4.5.1 Tabel Admin

Tabel admin berfungsi untuk melakukan pengolahan data admin.
Tabel 4. Admin
ADMIN
No Nama Kolom Tipe Data Null Extra
1 id_admin int (11) Primary Key
2 username Varchar (100)
3 password Varchar (100)
4 email Varchar (100)
4.5.2 Tabel Berita

Tabel berita berfungsi untuk melakukan pencatatan data berita.
Tabel 4. Berita
BERITA
1 id_berita Int(11) Primary Key
2 judul Text
3 tgl_berita Date
4 konten Text
5 gambar Varchar(100)
6 oleh Varchar(100)
7 id_kategori Int(11) Foreign Key
4.5.3 Tabel Galeri

Tabel galeri berfungsi untuk melakukan pencatatan data galeri.
Tabel 4. Galeri
GALERI
1 id_galeri Int(11) Primary Key
2 nama_galeri Varchar (100)
3 keterangan Text
4 gambar Varchar(100)
4.5.4 Tabel Halaman

Tabel halaman berfungsi untuk melakukan pencatatan data halaman.
Tabel 4. Halaman
HALAMAN
N
Nama Kolom Tipe Data Null Extra
o
1 id_halaman Int(11) Primary Key
nama_halama
2 n Varchar (25)
3 keterangan Text
4.5.5 Tabel Kategori

Tabel kategori berfungsi untuk melakukan pencatatan data kategori.
Tabel 4. Kategori
KATEGORI
1 id_kategori Int(11) Primary Key
nama_kategor
2 i Int (100)
3 keterangan Text
4.5.6 Tabel Materi

Tabel materi berfungsi untuk melakukan pencatatan data materi.
Tabel 4. Materi
MATERI
Nul
No Nama Kolom Tipe Data Extra
l
1 id_materi Int(11) Primary Key
2 Judul Text
3 tgl_upload Date
4 Keterangan Text
5 username Varchar (100)
6 file Varchar (100)
4.5.7 Tabel Anggota
Tabel member berfungsi untuk melakukan pencatatan data member.
Tabel 4. Anggota
MEMBER
1 username Varchar(50) Primary Key
2 password Varchar (100)
nama_lengka
3 p Varchar(100)
4 email Varchar (100)
5 level Varchar (10)
4.5.8 Tabel Tanggapan

Tabel tanggapan berfungsi untuk melakukan pencatatan data tanggapan.
Tabel 4. Tanggapan
TANGGAPAN
1 id_tanggapan Int(5) Primary Key
2 id_topik Int(5) Foreign Key
3 username Varchar(50)
4 isi_tanggapan Text
5 tgl_tanggapan Datetime
4.5.9 Tabel Topik
Tabel topik berfungsi untuk melakukan pencatatan data topik.
Tabel 4. Topik
TOPIK
1 id_topik Int(5) Primary Key
Foreign Key
2 id_kategori Int(5)
3 username Varchar(100)
4 subjek Varchar(200)
5 tgl_topik Datetime
6 dibaca Int(5)
4.6 Desain Interface
Setelah tahap pembuatan database tahap selanjutnya adalah
pembuatan interface yang merupakan gambaran dari website Yayasan
Darussholihin yang sedang dirancang. Struktur pada website Yayasan
Darussholihin dapat digambarkan sebagai berikut :
4.6.1 Beranda
Merupakan tampilan awal website yang berisi link-link menuju halaman
sesuai yang ditampilkan.
Gambar 4. Beranda
4.6.2 Halaman
Merupakan halaman yang berisi tampilan profil Yayasan Darussholihin.
Gambar 4. Halaman
4.6.3 Berita
Merupakan halaman yang menampilkan berita tentang pendidikan.
Gambar 4. Berita
4.6.4 Galeri
Merupakan halaman yang menampilkan foto-foto kegiatan pada Yayasan
Darussholihin.
Gambar 4. Galeri
4.6.5 Admin
Merupakan tampilan halaman yang digunakan admin untuk mengelola
konten website.
Gambar 4. Admin
4.6.6 Tabel Data Berita
Merupakan halaman yang menampilkan data berita yang sudah di inputkan
oleh admin, pada halaman ini bisa menambah berita, mengedit berita dan
menghapus berita.
Gambar 4. Tabel Data Berita

4.6.7 Tambah Data Berita
Merupakan tampilan form untuk menambah data berita.
Gambar 4. Tambah Data Berita
4.6.8 Forum
Merupakan halaman forum diskusi.
Gambar 4. Forum
4.7 Implementasi Database, Koneksi dan Form
4.7.1 Relasi Antar Tabel
Relasi Tabel merupakan hubungan antar tabel yang satu dengan tabel
yang lain. Hubungan ini berfungsi untuk menunjukan relasi antar tabel
sehingga membentuk suatu jaringan data. Adapun relasi yang digunakan
adalah sebagai berikut :
Gambar 4. Relasi Antar Tabel
4.7.2 Pembuatan Database Yayasan

Setelah melakukan running XAMPP dan menghidupkan database
MySql langkah berikutnya adalah membuat database dengan nama ds.
Berikut tampilan pembuatan database pada MySql:
Gambar 4. Database
4.7.3 Koneksi dan Form
Proses pertukaran data yang terdapat dalam halaman web
membutuhkan koneksi ke database. Berikut ini adalah beberapa koneksi
database yang digunakan pada website Yayasan Darussholihin.
4.7.4 Koneksi Database

Koneksi ini dibutuhkan untuk mengakses database, dengan inputan
lokasi server, username, password, dan nama database yang digunakan.
Berikut ini adalah kode programnya.
Gambar 4. Koneksi Database

Kode program ini disimpan pada file config dengan nama
dbconfig.php yang akan terpanggil secara otomatis pada setiap halaman
yang melakukan pertukaran data dengan database.
4.7.5 Menu Halaman

Pada menu ini pengguna dapat melihat data profile Yayasan
Darussholihin. Berikut ini adalah kode programnya.
Gambar 4. Menu Halaman
4.7.6 Menu Berita
Pada menu ini pengguna dapat melihat berita tentang pendidikan yang
terbaru. Berikut ini adalah kode programnya.
Gambar 4. Menu Berita

4.7.7 Menu Galeri
Pada menu ini pengguna dapat melihat kegiatan di Yayasan
Darussholihin. Berikut ini adalah kode programnya.

Gambar 4. Menu Galeri
4.7.8 Menu Forum
Pada menu ini pengguna dapat melakukan kegiatan diskusi, pengguna
juga bisa mengangkat topik yang akan dibahas. Berikut ini adalah kode
programnya.
Gambar 4. Menu Forum

4.8 Interface
4.8.1 Beranda
Merupakan halaman awal dari website Yayasan Darussholihin. Berisikan link-link
menuju halaman lainya dan berisikan sekilas berita dan informasi lainnya.
Gambar 4. Beranda
4.8.2 Halaman
Merupakan halaman yang berisikan profil sekolah seperti visi misi dan
sejarah singkat Yayasan Darussholihin.
Gambar 4. Halaman
4.8.3 Berita
Merupakan tampilan halaman yang berfungsi untuk memberikan informasi.
Gambar 4. Berita
4.8.4 Galeri
Merupakan tampilan halaman yang berfungsi untuk memberikan informasi
berupa tampilan gambar.
Gambar 4. Galeri
4.8.5 Download
Merupakan tampilan halaman yang berfungsi untuk menampilkan informasi
data materi yang didownload.
Gambar 4. Download
4.8.6 Forum
Merupakan tampilan halaman yang berfungsi sebagai media diskusi.
Gambar 4. Forum
4.8.7 Admin
Merupakan halaman utama admin untuk mengelola data berita, halaman,
galeri, dan materi.
Gambar 4. Menu Admin

4.8.8 Tabel Data Berita
Merupakan halaman yang digunakan untuk mengelola data berita dan untuk
menampilkan data berita yang sudah ditambahkan.
Gambar 4. Tabel Data Berita
4.8.9 Tambah Data Berita

Merupakan halaman yang berfungsi untuk menambahkan data berita.
Gambar 4. Tambah Data Berita

4.9 Black Box Testing
Blackbox Testing yaitu pengujian spesifikasi suatu fungsi apakah
berjalan sesuai dengan yang diharapkan atau tidak. Pengujian ini dilakukan
oleh peneliti menggunakan web browser Chrome. Pengujian fokus pada
persyaratan fungsional perangkat lunak apakah pemasukan data telah
berjalan dengan sebagaimana yang seperti diharapkan oleh pengguna.
Tabel 4. Blackbox Testing
No Pengetesan Proses Hasil

1 Login admin Login, logout Sukses
2 Login user Login, Logout Sukses
3 halaman Tambah, edit, hapus, Sukses
keluar, simpan
4 Berita Tambah, edit, hapus, Sukses
keluar, simpan
5 Galeri Tambah, edit, hapus, Sukses

keluar, simpan
6 forum Tanggapan, tambah topik, Sukses
hapus
BAB V
PENUTUP
5.1 Kesimpulan
Dari proses pengimplementasian dan pembahasan yang telah
dilakukan pada bab sebelumnya, maka sebagai akhir laporan dapat ditarik
kesimpulan sebagai berikut :
1. Sistem berhasil dibangun menggunakan perancangan DFD (Data Flow

Diagram), ERD (Entity Relationship Diagram), perancangan antar muka
(Interface).
2. Terdapat 3 user dalam penggunaan sistem, yaitu admin, anggota, dan
masyarakat umum.
3. Dengan menggunakan PHP dapat membuat sebuah website yang dinamis
dan interaktif yang membuat user lebih mudah dalam menggunakannya.
4. Website ini memeiliki beberepa fitur yang dapat mempermudah
pengguna melakukan klasifikasi. Fitur yang terdapat pada website ini :
a. Beranda, berisi link-link yang digunakan untuk melihat keseluruhan
website ini.
b. Halaman, digunakan untuk melihat profil pada Yayasan
Darussholihin.
c. Galeri, digunakan untuk melihat arsip foto maupun gambar.
d. Forum, digunakan untuk sarana diskusi dan pembelajaran.
e. Download, digunakan untuk mendownload materi yang sudah
diupload oleh admin.
5.2 Saran
Dalam pembuatan website Yayasan Darussholihin ini masih banyak hal
yang dapat dikembangkan, seperti
1. Penambahan halaman sistem informasi akademik untuk melengkapi

fitur yang masih kurang.
2. Memberikan keamanan berlapis seperti penambahan captcha atau
kode keamanan pada setiap form yang diinputkan oleh user.
Demikian saran yang dapat penulis berikan, semoga saran tersebut

bisa dijadikan sebagai bahan masukan yang dapat bermanfaat bagi penulis
khususnya dan umumnya bagi masyarakat luas.
DAFTAR PUSTAKA
[1] Al Fatta, Hanif, 2007. Analisis & Perancangan Sistem Informasi. Andi
Offset. Yogyakarta.
[2] Suhartanto, Medi, 2012. Pembuatan Website Sekolah Menengah Pertama
Negeri 3 Delanggu Dengan Menggunakan Php Dan MySQL.
[3] Suparni, Tri Irianto Tjendrowaseno, 2014. Pembuatan Website Profil
Sekolah Menengah Pertama Negeri 2 Karangmalang Sragen.
[4] Ginanjar Akbar, Tri Irianto Tjendrowaseno, 2015. Website Profil Sekolah
Sebagai Media Informasi Dan Promosi
[5] Yudie Irawan, Nanik Susanti, Wiwit Agus Triyanto, 2016. Analisa Dan
Perancangan Sistem Informasi Sekolah berbasis Website Untuk
Penyampaian Informasi Sekolah Dan Media Promosi Kepada Masyarakat.
[6] Daryanto, 2013. Media Pembelajaran. Gava Media. Yogyakarta.
[7] M, Rudiyanto Arif, 2005. Pemrograman Web Dinamis Menggunakan PHP
dan MySql. Penerbit Andi. Yogyakarta.
[8] E, Utami dan A, D, Hartanto, 2003. Sistem Basis Data Menggunakan
Microsoft SQL Server. Andi Offset. Yogyakarta.

Ta 15.02.9187, 15.02.9191, 15.02.9192, 15.02.9205

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Ta 15.02.9187, 15.02.9191, 15.02.9192, 15.02.9205

Diunggah oleh

Hak Cipta:

Format Tersedia

PERANCANGAN WEBSITE YAYASAN DARUSSHOLIHIN MLATI

SEBAGAI MEDIA DISKUSI DAN PEMBELAJARAN

Doni Nur Pradila 15.02.9187

untuk memenuhi sebagian persyaratan mencapai gelar Ahli Madya

Doni Nur Pradila 15.02.9187

Yang mampu menerima kekurangan anda sebagai perintah Tuhan,

Dan menjadikan kekurangan itu sebagai

Ciri sekaligus penghias pribadi anda”

Dan Allah mengetahui dan kamu tidak mengetahui”

~Q.S. Al-Baqarah : 216~

Doni Nur Pradila

Janganlah membanggakan dan meyombongkan diri apa-apa yang kita peroleh,

~Q.S. Ali-Imran : 104~

Azmi Haqiqi Nafi’i Haq

Bahagia, sesederhana tetes air yang hilangkan dahaga.

didalamnya. Seperti kata Jalaluddin Rumi :

 Dengan cinta, pahit menjadi manis.

 Dengan cinta, tembaga menjadi emas.

 Dengan cinta, sakit menjadi obat.

 ‫خير الناس انفعهم للناس‬

 ‫لئن شكر تم الءزيد نكم‬

menjadi jatah selainmu tak akan lari kepadamu.

alami, NIKMATI DAN SYUKURI yang terpenting adalah ketika diatas

jangan merasa tinggi, dan ketika dibawah jangan pernah menyerah.

 La tahzan innallah ma’ana.

 Jadilah cahaya walaupun tak tersentuh, tapi selalu menerangi. Jadilah

angin, walaupun tak nampak selalu memberi kesejukan. Jadilah sahabat

Oktafika Mahya Sholikha

Doni Nur Pradila

Assalamu’alaikum Warahmatullahi Wabarakatuh, kususun jari jemari ku diatas

keyboard laptop ku sebagai pembuka kalimat persembahan ku. Diikuti dengan

Bismillahirrahmanirrahim sebagai awal setiap memulai pekerjaanku.

Tugas Akhir Ini Kupersembahkan Kepada:

 kedua orang tuaku tercinta (Ayah M.Syafi’i dan Ibu Timina)

 Adik kesayanganku (Albie Haqiqi Putra Nafi’i)

 Seluruh teman-teman kelas 15 D3 Manajemen Informatika 05, para

anggota travelling squad dan squad tugas akhirku 

arif agar selalu diberikan kesehatan,kebaikan an kebahagian

 Teman-temanku si dhony, toni, anggi, abdul, pika, siti dll

 Dan yang terakhir untuk ALMAMATER kebangganku.

Azmi Haqiqi Nafi’i Haq

kelancaran yang Engkau berikan.

henti diberikan untukku dan selalu mendukung apapun keputusanku.

selalu menemani malamku. Terima kasih, pekatnya malam tidak berarti

menyelesaikan tugas akhir ini sesuai target walaupun ngerjainnya selalu

santai. Kebersamaan kita adalah warna lain dalam hidupku.

 Puji syukur kehadirat Allah SWT yang telah memberikan limpahan

hidayah serta kemudahan dan karunia-Nya.

ibu untuk kasih sayang yang tak pernah kurang 😊

tak pernah lelah untuk selalu mengejar mimpi.

dengan kata-kata alaynya, terima kasih untuk semuanya 😊 because of

kesabaran selama ini 😊

 Teruntuk orang yang selalu mendoakan ku di sepertiga malamnya, terima

kasih doa dan semuanya.

 Buat partner tugas akhir, terima kasih atas kerjasamanya dan

membuat aku termotivasi.

Assalamu’alaikum Wr. Wb.

Puji syukur Alhamdulillah kami panjatkan kehadirat Allah SWT atas

limpahan rahmat dan hidayah-Nya, sehingga penulis dapat menyelesaikan Tugas

menunjukkan jalan kebenaran kepada umat manusia.

Tugas Akhir dengan judul “Perancangan Website pada Yayasan

Komputer Universitas Amikom Yogyakarta.

Banyak kekurangan dan hambatan yang penulis alami dikarenakan keterbatasan