RANCANG BANGUN WEBSITE DAN E-LEARNING RANCANG BANGUN WEBSITE DAN E-LEARNING DI TPQ AL-FADHILLAH.
RANCANG BANGUN WEBSITE DAN E-LEARNING
DI TPQ AL-FADHILLAH
Makalah
Program Studi Informatika
Fakultas Komunikasi dan Informatika
Diajukanoleh :
Risti Ana Diah Tini
Umi Fadlilah
PROGRAM STUDI INFORMATIKA
FAKULTAS KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS MUHAMMADIYAH SURAKARTA
MARET 2015
RANCANG BANGUN WEBSITE DAN E-LERNING
DI TPQ AL-FADHILLAH
[1]
Risti Ana Diah Tini, [2]Umi Fadlillah, S.T., M.Eng
[1]
Program Studi Informatika Fakultas Komunikasi dan Informatika
[2]
Jurusan Teknik Elektro
Universitas Muhammadiyah Surakarta
Jl.A.Yani Tromol Pos I Pabelan, Kartasura, Surakarta
Email :rhieztyand@gmail.com, umi.fadlilah@ums.ac.id
ABSTRAKSI
Taman Pendidikan Al-Qur’an (TPQ) merupakan pendidikan informal yang
termasuk pada jenis keagamaan yang bertumpu pada Al-Qur’an untuk
pembelajaran yang utama, serta membimbing mereka menjadi muslim yang taat
beragama. Salah satu TPQ yang ada di Kartasura yaitu TPQ Al-Fadhillah
merupakan salah satu TPQ yang membutuhkan website sekaligus e-learning.
Kegunaan website pada TPQ Al-Fadhillah yaitu agar mudah dalam berkomunikasi
serta mencari dan mendapat informasi. Sedangkan e-learning sebagai solusi untuk
memberikan suasana pembelajaran yang berbeda dan menarik serta proses belajar
mengajar menjadi lebih mudah dalam menyampaikan materi-materi.
Hal ini dilakukan untuk memberikan cara belajar baru dan mengenal teknologi
kepada santri khususnya TPQ Al-Fadhillah. Rancang bangun website sederhana
dilengkapi dengan PHP dan MySQL, Microsoft Windows 7, Macromedia
Dreamweaver, Mozilla Firefox untuk menampilkan hasil sistemnya, serta
Macromedia Flash untuk membuat tampilan menjadi lebih menarik.
Adanya situs website dan e-learning pada TPQ Al-Fadhillah diharapkan dapat
membantu dan memudahkan pengurus dalam mengelola TPQ Al-Fadhillah,
baikdari data pengajar, santri, jadwal pelajaran, dan materi pelajarannya serta elearning yang dapat membantu proses belajar mengajarnya.
Kata Kunci :E-Learning, Macromedia Dreamweaver, Macromedia Flash,
Mozilla Firefox, MySQL, PHP, Website
1
mengenal teknologi kepada santri
PENDAHULUAN
khususnya
Taman Pendidikan Al-Qur’an
(TPQ)
merupakan
multiuser yaitu bisa menggunakan
komputer dan juga mobile. Sistem
keagamaan yang bertumpu pada Al-
website dapat membantu mengatasi
Qur’an untuk pembelajaran yang
kelemahan dalammengelola TPQ Al-
utama, serta membimbing mereka
Fadhillah. Rancang bangun website
menjadi muslim yang taat beragama,
sederhana dilengkapi dengan PHP
serta belajar materi-materi pelajaran
dan MySQL, Microsoft Windows 7,
agama Islam seperti do’a harian,
Macromedia Dreamweaver, Mozilla
dan membimbing
Firefox untuk
mereka menjadi muslim yang taat
membuat tampilan menjad imenarik.
Salah satu TPQ yang ada di
Adanya situs website dane-
Kartasura yaitu TPQ Al-Fadhillah
learning pada TPQ Al-Fadhillah
merupakan salah satu TPQ yang
diharapkan
membutuhkan website sekaligus e-
mengelola
TPQ Al-Fadhillah yaitu agar mudah
serta
untuk
proses belajar mengajar agar lebih
dilakukan
e-learning
Menurut
do’a-do’a
(2008)
harian, dan sejarah Islam
ini
Al-Fadhillah,
yang
proses
dapat
belajar
TINJAUAN PUSTAKA
mudah dalam menyampaikan materi-
Hal
dalam
mengajarnya.
yang berbeda dan menarik dan
iqro’,
TPQ
membantu
memberikan suasana pembelajaran
seperti
pengurus
pelajaran, dan materi pelajarannya
dan mendapat informasi. Sedangkan
materi,
membantudan
baikdari data pengajar, santri, jadwal
dalam berkomunikasi serta mencari
solusi
dapat
memudahkan
learning. Kegunaan website pada
sebagai
menampilkan hasil
sistemnya, serta HTML 4 untuk
beragama.
e-learning
Al-Fadhillah,
apalagi dengan cara mengaksesnya
pendidikan
informal yang termasuk pada jenis
sejarah Islam,
TPQ
dalam
Maulana
Ilmar
skripsinya
yang
berjudul “Analisis dan Perancangan
untuk
Sistem Informasi Berbasis Website
memberikan cara belajar baru dan
pada SMA Negeri 1 Pemalang”,
2
mengatakan
website
bahwa
merupakan
revolusi
yang
merupakan halaman dimana yang
berbasiskan pada teknologi internet
nanti akan digunakan pada eampilan
dan bergelut di bidang pendidikan
inormasi, gerak pada gambar, video
education). E-learning dapat dipakai
maupun gabungan dari keseluruhan
agar dapat efeti pada seluruh proses
tersebut untuk sifat yang tetap (statis)
pembelajaran.
dan
adalah
uga
yang
berubah-ubah
waterfall
Metode
metode
yang
diterapkan
(dinamis) dan kan membentuk suatu
dalam penelitian ini. Tahap yang
rangkaian yang saling terkait, dan
pertama menganalisa kebutuhan apa
dihubungkan
link.
saja yang diperlukan di SMA Negeri
websitenya
2 Surakarta, kemudian perancangan
sofware
sistem, kemudian pembuatan masuk
Pada
menggunakan
desain
menggunakan
beberapa
aplikasi (perangkat lunak) seperti
ke
bahasa
pemrograman
pengujian
HTML
(Hypertext
PHP
dan
loading,
dilanjutkan
sistem,
dan
dengan
terakhir
Markup
perawatan sistem. Hasil penelitian
Language), MYSQL yang digunakan
berupa sistem yang dapat digunakan
untuk mengakses database server.
pada
Apache yang merupakan sebuah web
langsung bertatap muka yang biasa
server
disebut pembelajaran jarak jauh. Dan
lokal,
Macromedia
pembelajaran
yang
tidak
Dreamweaver MX untuk desain,
sistem
pemrograman dan manajemen situs
diterapkan
web, Adobe Photoshop 7.0 dan
Surakarta. Sistem e-learning tersebut
SwissMax untuk pengolahan gambar
digunakan
dan animasi serta browser yaitu
dalam
Internet Explorer.
pedidikan. Sistem e-learning di SMA
Menurut
di
tersebut
SMA
agar
telah
Negeri
2
mempermudah
pengksesanpada
sarana
Kusuma
Negeri 2 Surakarta ini sudah berhasil
Putri (2011) dalam skripsinya yang
diterapkan, terbukti dengan guru bisa
berjudul “Implementasi E-Learning
menambahkan
pada SMA Negeri 2 Surakarta
materi,
Menggunakan PHP dan MYSQL”
berdasarkan mata pelajaran yang
e-learning
diampu. Siswa bisa dengan mudah
mengatakan
Marlina
sistem
bahwa
3
soal,
memberi
mengupload
pengumuman
mendapatkan informasi, siswa juga
analisis
bisa mengerjakan kuis, sesuai dengan
digunakan
kelas dan jurusannya, dan juga bisa
informasi.
mendownload materi. Pengunjung
dimanaatkan untuk penyedia layanan
biasa atau user public bisa dengan
dan juga informasi untuk user. User
mendownloadmateri
gratis
yang
kan
kebutuhan
sistem
untuk
penyediaan
Sistem
mendapat
yang
tersebut
bisa
informasi-inormasi
tersedia di web e-learning SMA
yang
Negeri 2 Surakarta.
tersebut bisa menjadi lebih baik
Eko
Handoyo
(2008)
Teknik
dengan
judul
Elektro.
Skripsi
“Aplikasi
Sistem
Sub-Sistem
akurat.
Sistem
yang tinggi.
METODOLOGI PENELITIAN
Informasi Rumah Sakit Berbasis Web
pada
dan
pabila mempunyai keamanan data
Universitas Diponegoro, Semarang
Jurusan
tepat
A. Waktu dan Tempat Penelitian
Farmasi
Penelitan
skripsi
Menggunakan Framework Prado”.
dilaksanakan
Pada skripsi ini penulis mempunyai
September 2014 sampai bulan
tujuan
menginformasikan
Desember 2014 yang bertempat di
model dari sistem menggunakan
TPQ Al-Fadhillah, Gang Salak 6,
web. Menggunakan aplikasi tersebut,
Karang
user dapat mempermudah dalam
Kartasura, Sukoharjo.
yaitu
mendapatkan
pelayanan
dan
Tengah,
B. Peralatan
informasi-informasi kegiatan yang
mulai
bulan
Ngadirejo,
Utama
dan
Pendukung
sudah ada, tentunya pada manajemen
Penelitian
ini
penulis
farmasi di rumah sakit baik posisi
menggunakan peralatan utama dan
maupun waktu ketika mereka berada
juga peralatan pendukung pada saat
selama ada jangkauan dari internet.
perancangan sistem. Peralatan yang
Sistem tersebut berbasis web dengan
digunakan ketika merancang dan
framework
membangun adalah sebagai berikut :
prado.
Dengan
pembuatan sistem tersebut sesuai
a. Perangkat Lunak
pada kebutuhan rumah sakit. Pada
Perangkat
tahap awalnya dengan melakukan
digunakan
4
lunak
penulis
yang
dalam
perancangan
dan
pembuatan
aplikasi ini adalah :
1. Aplikasi
Web
Server
menggunakan Xampp.
2. Web Browser Mozilla Firefox
untuk menampilkan hasil
sistem.
3. Sistem
Operasi
yang
digunakan adalah Microsoft
Windows 7.
4. Editor
Web
Macromedia
Dreamweaver.
b. Perangkat Keras
Perangkat keras yang dipakai
oleh penulis pada sistem ini
untuk
merancang
membangun
adalah
dan
dengan
mengguakan laptop acer aspire
4739 dengan spesifikasi sebagai
berikut :
1. Prosesor intercore 3-380 M
2. Harddisk 320 GB
3. RAM 2 GB
C. Data Flow Diagram
Data Flow Diagram Level 2
dibagi menjadi 3 DFD seperti
berikut :
5
BlackBox,
tingkah
yaitu
laku
pengujian
yang
lebih
terfokus kepada kebutuhan
fungsional
dari
perangkat
lunak. Pengujian BlackBox
memungkinkan
pembuat
perangkat
lunak
untuk
menentukan
kondisi
yang
terjadi untuk suatu masukan
yang
akan
menjalankan
semua kebutuhan fungsional.
(Pressman 2002:551)
Pengujian dilakukan oleh
penulis
danmenjalankan
sistem, kemudian melakukan
penginputan data pada setiap
menu.S
HASIL DAN PEMBAHASAN
A. Hasil Pengujian
Tahap
6
selanjutnya
menyelesaikan
setelah
pembuatan
etiap
dilampirkan
pengujian
menu
formulir
apakah
hasilnya
baik atau tidak. Jika semua
sistem website dan e-learning ini
proses
yaitu proses pengujian sistem.
dengan baik maka aplikasi
Pengujian dilakukan dengan 4
siap digunakan. Hasil dari
tahap, yaitu pengujian internal,
pengujian bisa dilihat padat
pengujian
abel 4.1.
eksternal,
perbandingan dengan beberapa
web
browser,
perbandingan
dengan web lain yang sejenis.
1. Pengujian Internal
Pengujian
internal
dilakukan dengan pengujian
berhasil
dijalankan
Pada
dilihat
Tabel
4.1.
bahwa semua
3. Perbandingandengan Web
dapat
Browser
proses
Pengujian web browser juga
dalam system tersebut rata-rata
akan membantu dalam hal
baik dan tidak ada kendala yang
tampilan
signifikan.
Google
2. PengujianEksternal
Mozilla
Tabel 4.3.Tabel Pengujian
soal yang dibagikan kepada
Web Browser
18 santridan 3 guru untuk
dilihat seberap apentingnya
website dan e-learning di
TPQ Al-Fadhilah tersebut.
adalah
Chrome,
seperti
Firefox, dan Opera Mini.
Kuisioner terdiri dari 6
Berikut
website,
hasil
penilaiannya pada tabel 4.2.
7
Perbedaan
antara
aplikasi
penulis dengan aplikasi saudari
IswanKristiyaningsih
adalah
sebagai berikut :
a) Penulis
fitur
menambahkan
rewards
untuk
diperlihatkan
kepada
santri.
b) Penulis
menambahkan
fitur lihat nilai setelah
Dari
hasil
perbandingan
selesai mengerjakankuis.
tersebut, Google Chrome dan
Oleh
Mozilla Firefox mempunyai
karena
penulis
menyatakan Rancang Bangun
tampilan yang terlihat lebih
Website dan
baik daripada Opera Mini.
E-Learning
ini
dibangun tidak menjiplak dari
aplikasi
4. Perbandingandengan Web
yang
sudah
ada
sebelumnya.
Lain
5. AnalisisdanPembahasan
Penulis
telah
selesai
Rancang bangun website
merancang bangun website
dan e-learning ini memiliki
dan e-learning di TPA AlFadhillah.
Penulis
menemukan
dengan
itu
beberapa
juga
kemiripan
penelitian
IswanK
apabila
dibandingkan
dengan
Iswan
a. Kelebihan
Aplikasi
OnLine
kelemahan
Kristiyaningsih (2011), yaitu:
penelitiannya yang berjudul
Pembelajaran
dan
penelitian
ristiyaningsih (2011) dalam
“Pembuatan
kelebihan
Kelebihan dari aplikasi ini
(E-
adalah :
Learning) di MTs Negeri
1. Aplikasi secara umum
Plupuh Berbasis Web”.
mudah digunakan.
8
2. Aplikasi
memudahka
npengurus
mengelola
3. Dapat
dalam
TPQ
Al-
praktis
ini
bisa
dapat
diakses
jangkauan jaringan internet.
membantu guru dalam
4. Dapat
4. Aplikasi
ini
Al-Fadhillah.
bisa
mendukung santri dalam
belajar.
b. Kelemahan
Kelamahan dari aplikasi ini
adalah :
1. Desain kurang bagus.
2. Pengurus,
guru,
harus
dan
login
padahalaman yang sama.
KESIMPULAN
Pada hasil rancang website dan
e-learning di TPQ Al-Fadhillah ini,
maka dapat disimpulkan sebagai
berikut :
mengembangkan
dan
membangun system informasi
pembelajaran secara online di
TPQ Al-Fadhillah.
2. Dapat memberikan sarana atau
fasilitas kepada pengajar agar
mudah
membantu
pengurus
dalam mengelola aktivitas TPQ
mengajar santri.
lebih
serta
darimana saja selama dalam
3. Aplikasi
1. Dapat
metode
pembelajaran yang cepat dan
Fadhillah.
santri
memberikan
dalam
menyampaikan materi pelajaran.
9
DAFTAR PUSTAKA
Gunawan, Ary. 2012. “Pengertian TPQ/TPA”. Tersedia dalam :
[diakses tanggal 18 September 2014]
Handoyo, Eko. 2008. “AplikasiSistemInformasiRumahSakitBerbasisWebpada
Sub
SistemFarmasiMenggunakan
Framework
Prado”.
UniversitasDiponegoro, Semarang :JurusanTeknikElektro.
Kristiyaningsih, Iswan. 2011. “Pembuatan Aplikasi Pembelajaran On-Line (ELearning) di MTs Negeri Plupuh Brbasis Web”. Universitas
Muhammadiyah Surakarta : Teknik Informatika. Surakarta.
Maulana, Ilmar. 2008. “Analisis dan Perancangan Sistem Informasi Berbasis
WebsitepadaSMA Negeri 1 Pemalang”, Skripsi Sekolah Tinggi
Manajemen InformatikadanKomputer Yogyakarta
Pressman RS. 2005. Rekayasa Perangkat Lunak Pendekatan Praktisi (buku satu).
McGrawHill. Andi
Putri, Marlina Kusuma. 2011. Implementasi E-Learning pada SMA Negeri
2SurakartaMenggunakan PHP dan MYSQL. Skripsi Universitas
MuhammadiyahSurakarta, Surakarta.
Sugiyono, 2009, MetodePenelitianKuantitatif, Kualitatif, dan R&D, Bandung
:Alfabeta
DI TPQ AL-FADHILLAH
Makalah
Program Studi Informatika
Fakultas Komunikasi dan Informatika
Diajukanoleh :
Risti Ana Diah Tini
Umi Fadlilah
PROGRAM STUDI INFORMATIKA
FAKULTAS KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS MUHAMMADIYAH SURAKARTA
MARET 2015
RANCANG BANGUN WEBSITE DAN E-LERNING
DI TPQ AL-FADHILLAH
[1]
Risti Ana Diah Tini, [2]Umi Fadlillah, S.T., M.Eng
[1]
Program Studi Informatika Fakultas Komunikasi dan Informatika
[2]
Jurusan Teknik Elektro
Universitas Muhammadiyah Surakarta
Jl.A.Yani Tromol Pos I Pabelan, Kartasura, Surakarta
Email :rhieztyand@gmail.com, umi.fadlilah@ums.ac.id
ABSTRAKSI
Taman Pendidikan Al-Qur’an (TPQ) merupakan pendidikan informal yang
termasuk pada jenis keagamaan yang bertumpu pada Al-Qur’an untuk
pembelajaran yang utama, serta membimbing mereka menjadi muslim yang taat
beragama. Salah satu TPQ yang ada di Kartasura yaitu TPQ Al-Fadhillah
merupakan salah satu TPQ yang membutuhkan website sekaligus e-learning.
Kegunaan website pada TPQ Al-Fadhillah yaitu agar mudah dalam berkomunikasi
serta mencari dan mendapat informasi. Sedangkan e-learning sebagai solusi untuk
memberikan suasana pembelajaran yang berbeda dan menarik serta proses belajar
mengajar menjadi lebih mudah dalam menyampaikan materi-materi.
Hal ini dilakukan untuk memberikan cara belajar baru dan mengenal teknologi
kepada santri khususnya TPQ Al-Fadhillah. Rancang bangun website sederhana
dilengkapi dengan PHP dan MySQL, Microsoft Windows 7, Macromedia
Dreamweaver, Mozilla Firefox untuk menampilkan hasil sistemnya, serta
Macromedia Flash untuk membuat tampilan menjadi lebih menarik.
Adanya situs website dan e-learning pada TPQ Al-Fadhillah diharapkan dapat
membantu dan memudahkan pengurus dalam mengelola TPQ Al-Fadhillah,
baikdari data pengajar, santri, jadwal pelajaran, dan materi pelajarannya serta elearning yang dapat membantu proses belajar mengajarnya.
Kata Kunci :E-Learning, Macromedia Dreamweaver, Macromedia Flash,
Mozilla Firefox, MySQL, PHP, Website
1
mengenal teknologi kepada santri
PENDAHULUAN
khususnya
Taman Pendidikan Al-Qur’an
(TPQ)
merupakan
multiuser yaitu bisa menggunakan
komputer dan juga mobile. Sistem
keagamaan yang bertumpu pada Al-
website dapat membantu mengatasi
Qur’an untuk pembelajaran yang
kelemahan dalammengelola TPQ Al-
utama, serta membimbing mereka
Fadhillah. Rancang bangun website
menjadi muslim yang taat beragama,
sederhana dilengkapi dengan PHP
serta belajar materi-materi pelajaran
dan MySQL, Microsoft Windows 7,
agama Islam seperti do’a harian,
Macromedia Dreamweaver, Mozilla
dan membimbing
Firefox untuk
mereka menjadi muslim yang taat
membuat tampilan menjad imenarik.
Salah satu TPQ yang ada di
Adanya situs website dane-
Kartasura yaitu TPQ Al-Fadhillah
learning pada TPQ Al-Fadhillah
merupakan salah satu TPQ yang
diharapkan
membutuhkan website sekaligus e-
mengelola
TPQ Al-Fadhillah yaitu agar mudah
serta
untuk
proses belajar mengajar agar lebih
dilakukan
e-learning
Menurut
do’a-do’a
(2008)
harian, dan sejarah Islam
ini
Al-Fadhillah,
yang
proses
dapat
belajar
TINJAUAN PUSTAKA
mudah dalam menyampaikan materi-
Hal
dalam
mengajarnya.
yang berbeda dan menarik dan
iqro’,
TPQ
membantu
memberikan suasana pembelajaran
seperti
pengurus
pelajaran, dan materi pelajarannya
dan mendapat informasi. Sedangkan
materi,
membantudan
baikdari data pengajar, santri, jadwal
dalam berkomunikasi serta mencari
solusi
dapat
memudahkan
learning. Kegunaan website pada
sebagai
menampilkan hasil
sistemnya, serta HTML 4 untuk
beragama.
e-learning
Al-Fadhillah,
apalagi dengan cara mengaksesnya
pendidikan
informal yang termasuk pada jenis
sejarah Islam,
TPQ
dalam
Maulana
Ilmar
skripsinya
yang
berjudul “Analisis dan Perancangan
untuk
Sistem Informasi Berbasis Website
memberikan cara belajar baru dan
pada SMA Negeri 1 Pemalang”,
2
mengatakan
website
bahwa
merupakan
revolusi
yang
merupakan halaman dimana yang
berbasiskan pada teknologi internet
nanti akan digunakan pada eampilan
dan bergelut di bidang pendidikan
inormasi, gerak pada gambar, video
education). E-learning dapat dipakai
maupun gabungan dari keseluruhan
agar dapat efeti pada seluruh proses
tersebut untuk sifat yang tetap (statis)
pembelajaran.
dan
adalah
uga
yang
berubah-ubah
waterfall
Metode
metode
yang
diterapkan
(dinamis) dan kan membentuk suatu
dalam penelitian ini. Tahap yang
rangkaian yang saling terkait, dan
pertama menganalisa kebutuhan apa
dihubungkan
link.
saja yang diperlukan di SMA Negeri
websitenya
2 Surakarta, kemudian perancangan
sofware
sistem, kemudian pembuatan masuk
Pada
menggunakan
desain
menggunakan
beberapa
aplikasi (perangkat lunak) seperti
ke
bahasa
pemrograman
pengujian
HTML
(Hypertext
PHP
dan
loading,
dilanjutkan
sistem,
dan
dengan
terakhir
Markup
perawatan sistem. Hasil penelitian
Language), MYSQL yang digunakan
berupa sistem yang dapat digunakan
untuk mengakses database server.
pada
Apache yang merupakan sebuah web
langsung bertatap muka yang biasa
server
disebut pembelajaran jarak jauh. Dan
lokal,
Macromedia
pembelajaran
yang
tidak
Dreamweaver MX untuk desain,
sistem
pemrograman dan manajemen situs
diterapkan
web, Adobe Photoshop 7.0 dan
Surakarta. Sistem e-learning tersebut
SwissMax untuk pengolahan gambar
digunakan
dan animasi serta browser yaitu
dalam
Internet Explorer.
pedidikan. Sistem e-learning di SMA
Menurut
di
tersebut
SMA
agar
telah
Negeri
2
mempermudah
pengksesanpada
sarana
Kusuma
Negeri 2 Surakarta ini sudah berhasil
Putri (2011) dalam skripsinya yang
diterapkan, terbukti dengan guru bisa
berjudul “Implementasi E-Learning
menambahkan
pada SMA Negeri 2 Surakarta
materi,
Menggunakan PHP dan MYSQL”
berdasarkan mata pelajaran yang
e-learning
diampu. Siswa bisa dengan mudah
mengatakan
Marlina
sistem
bahwa
3
soal,
memberi
mengupload
pengumuman
mendapatkan informasi, siswa juga
analisis
bisa mengerjakan kuis, sesuai dengan
digunakan
kelas dan jurusannya, dan juga bisa
informasi.
mendownload materi. Pengunjung
dimanaatkan untuk penyedia layanan
biasa atau user public bisa dengan
dan juga informasi untuk user. User
mendownloadmateri
gratis
yang
kan
kebutuhan
sistem
untuk
penyediaan
Sistem
mendapat
yang
tersebut
bisa
informasi-inormasi
tersedia di web e-learning SMA
yang
Negeri 2 Surakarta.
tersebut bisa menjadi lebih baik
Eko
Handoyo
(2008)
Teknik
dengan
judul
Elektro.
Skripsi
“Aplikasi
Sistem
Sub-Sistem
akurat.
Sistem
yang tinggi.
METODOLOGI PENELITIAN
Informasi Rumah Sakit Berbasis Web
pada
dan
pabila mempunyai keamanan data
Universitas Diponegoro, Semarang
Jurusan
tepat
A. Waktu dan Tempat Penelitian
Farmasi
Penelitan
skripsi
Menggunakan Framework Prado”.
dilaksanakan
Pada skripsi ini penulis mempunyai
September 2014 sampai bulan
tujuan
menginformasikan
Desember 2014 yang bertempat di
model dari sistem menggunakan
TPQ Al-Fadhillah, Gang Salak 6,
web. Menggunakan aplikasi tersebut,
Karang
user dapat mempermudah dalam
Kartasura, Sukoharjo.
yaitu
mendapatkan
pelayanan
dan
Tengah,
B. Peralatan
informasi-informasi kegiatan yang
mulai
bulan
Ngadirejo,
Utama
dan
Pendukung
sudah ada, tentunya pada manajemen
Penelitian
ini
penulis
farmasi di rumah sakit baik posisi
menggunakan peralatan utama dan
maupun waktu ketika mereka berada
juga peralatan pendukung pada saat
selama ada jangkauan dari internet.
perancangan sistem. Peralatan yang
Sistem tersebut berbasis web dengan
digunakan ketika merancang dan
framework
membangun adalah sebagai berikut :
prado.
Dengan
pembuatan sistem tersebut sesuai
a. Perangkat Lunak
pada kebutuhan rumah sakit. Pada
Perangkat
tahap awalnya dengan melakukan
digunakan
4
lunak
penulis
yang
dalam
perancangan
dan
pembuatan
aplikasi ini adalah :
1. Aplikasi
Web
Server
menggunakan Xampp.
2. Web Browser Mozilla Firefox
untuk menampilkan hasil
sistem.
3. Sistem
Operasi
yang
digunakan adalah Microsoft
Windows 7.
4. Editor
Web
Macromedia
Dreamweaver.
b. Perangkat Keras
Perangkat keras yang dipakai
oleh penulis pada sistem ini
untuk
merancang
membangun
adalah
dan
dengan
mengguakan laptop acer aspire
4739 dengan spesifikasi sebagai
berikut :
1. Prosesor intercore 3-380 M
2. Harddisk 320 GB
3. RAM 2 GB
C. Data Flow Diagram
Data Flow Diagram Level 2
dibagi menjadi 3 DFD seperti
berikut :
5
BlackBox,
tingkah
yaitu
laku
pengujian
yang
lebih
terfokus kepada kebutuhan
fungsional
dari
perangkat
lunak. Pengujian BlackBox
memungkinkan
pembuat
perangkat
lunak
untuk
menentukan
kondisi
yang
terjadi untuk suatu masukan
yang
akan
menjalankan
semua kebutuhan fungsional.
(Pressman 2002:551)
Pengujian dilakukan oleh
penulis
danmenjalankan
sistem, kemudian melakukan
penginputan data pada setiap
menu.S
HASIL DAN PEMBAHASAN
A. Hasil Pengujian
Tahap
6
selanjutnya
menyelesaikan
setelah
pembuatan
etiap
dilampirkan
pengujian
menu
formulir
apakah
hasilnya
baik atau tidak. Jika semua
sistem website dan e-learning ini
proses
yaitu proses pengujian sistem.
dengan baik maka aplikasi
Pengujian dilakukan dengan 4
siap digunakan. Hasil dari
tahap, yaitu pengujian internal,
pengujian bisa dilihat padat
pengujian
abel 4.1.
eksternal,
perbandingan dengan beberapa
web
browser,
perbandingan
dengan web lain yang sejenis.
1. Pengujian Internal
Pengujian
internal
dilakukan dengan pengujian
berhasil
dijalankan
Pada
dilihat
Tabel
4.1.
bahwa semua
3. Perbandingandengan Web
dapat
Browser
proses
Pengujian web browser juga
dalam system tersebut rata-rata
akan membantu dalam hal
baik dan tidak ada kendala yang
tampilan
signifikan.
2. PengujianEksternal
Mozilla
Tabel 4.3.Tabel Pengujian
soal yang dibagikan kepada
Web Browser
18 santridan 3 guru untuk
dilihat seberap apentingnya
website dan e-learning di
TPQ Al-Fadhilah tersebut.
adalah
Chrome,
seperti
Firefox, dan Opera Mini.
Kuisioner terdiri dari 6
Berikut
website,
hasil
penilaiannya pada tabel 4.2.
7
Perbedaan
antara
aplikasi
penulis dengan aplikasi saudari
IswanKristiyaningsih
adalah
sebagai berikut :
a) Penulis
fitur
menambahkan
rewards
untuk
diperlihatkan
kepada
santri.
b) Penulis
menambahkan
fitur lihat nilai setelah
Dari
hasil
perbandingan
selesai mengerjakankuis.
tersebut, Google Chrome dan
Oleh
Mozilla Firefox mempunyai
karena
penulis
menyatakan Rancang Bangun
tampilan yang terlihat lebih
Website dan
baik daripada Opera Mini.
E-Learning
ini
dibangun tidak menjiplak dari
aplikasi
4. Perbandingandengan Web
yang
sudah
ada
sebelumnya.
Lain
5. AnalisisdanPembahasan
Penulis
telah
selesai
Rancang bangun website
merancang bangun website
dan e-learning ini memiliki
dan e-learning di TPA AlFadhillah.
Penulis
menemukan
dengan
itu
beberapa
juga
kemiripan
penelitian
IswanK
apabila
dibandingkan
dengan
Iswan
a. Kelebihan
Aplikasi
OnLine
kelemahan
Kristiyaningsih (2011), yaitu:
penelitiannya yang berjudul
Pembelajaran
dan
penelitian
ristiyaningsih (2011) dalam
“Pembuatan
kelebihan
Kelebihan dari aplikasi ini
(E-
adalah :
Learning) di MTs Negeri
1. Aplikasi secara umum
Plupuh Berbasis Web”.
mudah digunakan.
8
2. Aplikasi
memudahka
npengurus
mengelola
3. Dapat
dalam
TPQ
Al-
praktis
ini
bisa
dapat
diakses
jangkauan jaringan internet.
membantu guru dalam
4. Dapat
4. Aplikasi
ini
Al-Fadhillah.
bisa
mendukung santri dalam
belajar.
b. Kelemahan
Kelamahan dari aplikasi ini
adalah :
1. Desain kurang bagus.
2. Pengurus,
guru,
harus
dan
login
padahalaman yang sama.
KESIMPULAN
Pada hasil rancang website dan
e-learning di TPQ Al-Fadhillah ini,
maka dapat disimpulkan sebagai
berikut :
mengembangkan
dan
membangun system informasi
pembelajaran secara online di
TPQ Al-Fadhillah.
2. Dapat memberikan sarana atau
fasilitas kepada pengajar agar
mudah
membantu
pengurus
dalam mengelola aktivitas TPQ
mengajar santri.
lebih
serta
darimana saja selama dalam
3. Aplikasi
1. Dapat
metode
pembelajaran yang cepat dan
Fadhillah.
santri
memberikan
dalam
menyampaikan materi pelajaran.
9
DAFTAR PUSTAKA
Gunawan, Ary. 2012. “Pengertian TPQ/TPA”. Tersedia dalam :
[diakses tanggal 18 September 2014]
Handoyo, Eko. 2008. “AplikasiSistemInformasiRumahSakitBerbasisWebpada
Sub
SistemFarmasiMenggunakan
Framework
Prado”.
UniversitasDiponegoro, Semarang :JurusanTeknikElektro.
Kristiyaningsih, Iswan. 2011. “Pembuatan Aplikasi Pembelajaran On-Line (ELearning) di MTs Negeri Plupuh Brbasis Web”. Universitas
Muhammadiyah Surakarta : Teknik Informatika. Surakarta.
Maulana, Ilmar. 2008. “Analisis dan Perancangan Sistem Informasi Berbasis
WebsitepadaSMA Negeri 1 Pemalang”, Skripsi Sekolah Tinggi
Manajemen InformatikadanKomputer Yogyakarta
Pressman RS. 2005. Rekayasa Perangkat Lunak Pendekatan Praktisi (buku satu).
McGrawHill. Andi
Putri, Marlina Kusuma. 2011. Implementasi E-Learning pada SMA Negeri
2SurakartaMenggunakan PHP dan MYSQL. Skripsi Universitas
MuhammadiyahSurakarta, Surakarta.
Sugiyono, 2009, MetodePenelitianKuantitatif, Kualitatif, dan R&D, Bandung
:Alfabeta