Upload
others
View
8
Download
0
Embed Size (px)
Citation preview
1
PERANCANGAN MEDIA PEMBELAJARAN E-LEARNING
PADA SMK MUHAMMADIYAH WATUKELIR
JAWA TENGAH
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III
AMIN WARIH
NIM: 12145742
Program Studi Manajemen Informatika
AMIK BSI Jakarta
Jakarta
2017
2
3
4
5
6
7
KATA PENGANTAR
Dengan mengucap puji syukur kehadiran Allah SWT, yang telah
melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis dapat
menyelesaikan tugas ini dengan baik. Dimana tugas akhir ini penulis sajikan
dalam bentuk buku yang sederhana. Adapun judul tugas akhir yang penulis ambil
sebagai berikut: “Perancangan Media Pembelajaran E-learning Pada SMK
Muhammadiyah Watukelir Jawa Tengah”.
Tujuan penulisan tugas akhir ini disusun sebagai salah satu syarat kelulusan
Diploma Tiga (DIII) Program Studi Manajemen Informatika di Akademi
Manajemen Informatika dan Komputer Bina Sarana Informatika (AMIK BSI).
Sebagai bahan penulisan diambil berdasarkan hasil penelitian (eksperimen),
observasi dan beberapa sumber literatur yang mendukung penulisan ini. Penulis
telah banyak menerima bimbingan, pengarahan, petunjuk dan saran, serta fasilitas
yang membantu hingga akhir dari penulisan tugas akhir ini. Oleh karena itu pada
kesempatan ini, izinkanlah penulis menyampaikan ucapan terima kasih kepada :
1. Allah SWT, terimakasih atas rahmat dan karunia yang engkau berikan.
2. Direktur AMIK BSI Jakarta.
3. Ketua Program Studi Manajemen Informatika AMIK BSI Jakarta.
4. Ibu Ani Oktarini Sari, S.Kom, MMSI selaku Dosen Pembimbing Tugas
Akhir.
5. Ibu Astrilyana, M.Kom selaku Asisten Dosen Pembimbing Tugas Akhir.
6. Staff/ karyawan/ dosen dilingkungan AMIK BSI.
7. Bapak Sukino, S.Pd selaku Kepala Sekolah SMK Muhammadiyah
Watukelir.
8
8. Seluruh guru, staff dan siswa di SMK Muhammadiyah Watukelir.
9. Kedua orang tua yang selalu mendoakan dan serta memberi dukungan
penuh dalam penulisan tugas akhir ini.
10. Rekan – rekan yang telah membantu dalam penyelesaian tugas akhir ini.
11. Seorang wanita yang senantiasa menyemangati dan memberikan kritik
serta masukan dalam penyelesaian tugas akhir ini, Warih IkaWuri.
12. Produsen kopi dan mie instant yang telah memproduksi guna menemani
si penulis diwaktu lapar dan ngantuk saat mengerjakan tugas akhir ini.
Serta semua pihak yang terlalu banyak untuk disebut satu persatu sehingga
terwujudnya penulisan ini. Penulis menyadari bahwa penulisan tugas akhir ini
masih jauh sekali dari sempurna, untuk itu penulis mohon kritik dan saran yang
bersifat membangun demi kesempurnaan penulisan dimasa yang akan datang.
Akhir kata semoga tugas akhir ini dapat berguna bagi penulis khususnya dan bagi
para pembaca yang berminat pada umumnya.
Jakarta, 05 Januari 2018
Penulis
Amin Warih
9
ABSTRAK
Amin Warih (12145742), Perancangan Media Pembelajaran E-learning pada
SMK Muhammadiyah Watukelir Jawa Tengah
Dalam tugas akhir ini, penulis merancang suatu media pembelajar berbasis e-
learning pada SMK Muhammadiyah Watukelir. Seiring dengan perkembangan
teknologi informasi dan tuntutan globalisasi pendidikan serta pembelajaran jarak
jauh, berbagai konsep telah dikembangkan untuk menggantikan metode
pembelajaran tradisional, salah satunya adalah konsep e-learning. Perancangan
sistem informasi dalam pembuatan perangkat lunak menggunakan metode
Waterfall. Metode pengumpulan data yang digunakan dalam penelitian ini adalah
observasi, interview atau wawancara dan studi pustaka sesuai dengan topik yang
akan diambil. Untuk merancang aplikasi ini digunakan metode perancangan
struktural yaitu pembuatan Entity Relationship Diagram (ERD) dan pembuatan
Logical Relational Structure (LRS) untuk merancang dan mendokumentasikan
sistem perangkat lunak berdasarkan aliran data. Dalam pembuatan perangkat
lunak ini menggunakan PHP sebagai bahasa pemograman yang digunakan untuk
membuat halaman website dan MySQL sebagai database tempat penyimpanan
data. Program diuji dengan melakukan pengujian program dengan memasukan
data-data yang telah ada dengan menggunakan metode Blackbox.
Kata Kunci : SMK Muhammadiyah Watukelir, E-learning, Waterfall, ERD,
LRS, PHP, MySQL, Blackbox.
10
ABSTRACT
Amin Warih (12145742), Design of Learning Media E-learning at SMK
Muhammadiyah Watukelir Central Java
In this final project, the writer designing a learning media based on e-learning at
SMK Muhammadiyah Watukelir. Along with the development of information
technology and the demands of education globalization as well as distance
learning, various concepts have been developed to replace traditional learning
methods, one of which is the concept of e-learning. The design of information
systems in the manufacture of software using Waterfall method. Data collection
methods used in this study are observation, interviews or interviews and literature
studies in accordance with the topics to be taken. To design this application is
used structural design method that is making Entity Relationship Diagram (ERD)
and making Logical Relational Structure (LRS) to design and documenting
software system based on data flow. In making this software using PHP as a
programming language used to create web pages and MySQL as a database of
data storage. The program is tested by testing the program by entering existing
data using the Blackbox method.
Keywords: SMK Muhammadiyah Watukelir, E-learning, Waterfall, ERD, LRS,
PHP, MySQL, Blackbox.
11
DAFTAR ISI
Lembar Judul Tugas Akhir ............................................................................... i
Lembar Pernyataan Keaslian Tugas akhir ........................................................ ii
Lembar Pernyataan Publikasi Karya Ilmiah ..................................................... iii
Lembar Persetujuan dan Pengesahan Tugas Akhir ........................................... iv
Lembar Konsultasi Tugas Akhir ........................................................................ v
Kata Pengantar ................................................................................................... vii
Abstrak .............................................................................................................. ix
Daftar Isi ........................................................................................................... xi
Daftar Simbol .................................................................................................... xii
Daftar Gambar ................................................................................................... xiii
Daftar Tabel ...................................................................................................... xiv
Daftar Lampiran ................................................................................................ xv
BAB I PENDAHULUAN ......................................................................... 1
1.1. Latar Belakang Masalah .......................................................... 1
1.2. Maksud dan Tujuan .................................................................. 2
1.3. Metode Penelitian .................................................................... 2
1.4. Ruang Lingkup ......................................................................... 4
1.5. Sistematika Penulisan .............................................................. 5
BAB II LANDASAN TEORI ..................................................................... 7
2.1. Konsep Dasar Web ................................................................... 7
2.2. Teori Pendukung ....................................................................... 27
BAB III PEMBAHASAN ............................................................................ 33
3.1. Tinjauan Istitusi ....................................................................... 33
3.1.1. Sejarah Istitusi ............................................................... 33
3.1.2. Struktur Organisasi dan Fungsi ..................................... 34
3.2. Analisis Kebutuhan ................................................................. 42
3.3. Perancangan Perangkat Lunak ................................................. 44
3.3.1. Rancangan Antar Muka ................................................. 44
3.3.2. Rancangan Basis Data ................................................... 48
3.3.3. Rancangan Struktur Navigasi ......................................... 59
3.4. Implementasi dan Pengujian Unit ............................................ 61
3.4.1. Implementasi ................................................................. 61
3.4.2. Pengujian Unit ............................................................... 79
BAB IV PENUTUP ...................................................................................... 87
4.1. Kesimpulan .............................................................................. 87
4.2. Saran ........................................................................................ 88
DAFTAR PUSTAKA ...................................................................................... 89
DAFTAR RIWAYAT HIDUP ....................................................................... 90
SURAT KETERANGAN RISET .................................................................. 91
LAMPIRAN – LAMPIRAN ........................................................................... 92
12
DAFTAR SIMBOL
a. Simbol Entity Relationship Diagram
ENTITY
entitas yaitu kumpulan dari objek yang dapat
diidentifikasikan secara unik.
ATTRIBUTE
Atribut berfungsi mendeskripsikan karakter entitas.
PRIMARY KEY ATTRIBUTE
Simbol atribut yang di garis
bawahi, berfungsi sebagai kunci diantara nama-nama
atribut yang ada pada entiti.
RELATIONSHIP
Relasi yaitu hubungan yang terjadi antara satu atau
lebih entitas. Jenis hubungan antara lain : satu ke satu,
satu ke banyak, dan banyak ke banyak.
LINK
Garis yaitu hubungan antara entitas dengan atributnya
dan himpunan entitas dengan himpunan relasi.
13
DAFTAR GAMBAR
Halaman
Gambar II.1 Struktur Navigasi Linier ........................................................ 28
Gambar II.2 Struktur Navigasi Hierarchical .............................................. 29
Gambar II.3 Struktur Navigasi Non Linier ................................................. 29
Gambar II.4 Struktur Navigasi Composite ................................................ 30
Gambar III.1 Struktur Organisasi SMK Muhammadiyah Watukelir ........... 34
Gambar III.2 Rancangan Antarmuka Halaman Login Admin .................... 44
Gambar III.3 Rancangan Antarmuka Halaman Index Admin ..................... 45
Gambar III.4 Rancangan Antarmuka Halaman Login Guru ........................ 45
Gambar III.5 Rancangan Antarmuka Halaman Index Guru ........................ 46
Gambar III.6 Rancangan Antarmuka Halaman Login Siswa ....................... 46
Gambar III.7 Rancangan Antarmuka Halaman Index Siswa ....................... 47
Gambar III.8 Rancangan Antarmuka Halaman Index E-learning ............... 47
Gambar III.9 Entity Relationship Diagram (ERD) ...................................... 48
Gambar III.10 Logical Relational Structure (LRS) ....................................... 49
Gambar III.11 Struktur Navigasi Admin ....................................................... 59
Gambar III.12 Struktur Navigasi Guru .......................................................... 60
Gambar III.13 Struktur Navigasi Siswa ......................................................... 60
Gambar III.14 Halaman Home ....................................................................... 61
Gambar III.15 Halaman Profile ..................................................................... 62
Gambar III.16 Halaman Login ....................................................................... 63
Gambar III.17 Halaman Edit Homepage ....................................................... 63
Gambar III.18 Halaman Edit Profile ............................................................. 64
Gambar III.19 Halaman Kelola Siswa ........................................................... 65
Gambar III.20 Halaman Kelola Guru ............................................................ 66
Gambar III.21 Halaman Kelola Kelas ........................................................... 66
Gambar III.22 Halaman Kelola Mata Pelajaran ............................................ 67
Gambar III.23 Halaman Kelola Jadwal Pelajaran .......................................... 68
Gambar III.24 Halaman Ganti Password Admin .......................................... 68
Gambar III.25 Halaman Logout ..................................................................... 69
Gambar III.26 Halaman Home Guru ............................................................. 70
Gambar III.27 Halaman Data Materi ............................................................. 70
Gambar III.28 Halaman Kirim Tugas ............................................................ 71
Gambar III.29 Halaman Laporan Nilai Guru ................................................. 72
Gambar III.30 Halaman Profile Guru ............................................................ 72
Gambar III.31 Halaman Ganti Password Guru ............................................. 73
Gambar III.32 Halaman Home Siswa ............................................................ 74
Gambar III.33 Halaman Materi ..................................................................... 74
Gambar III.34 Halaman Tugas ...................................................................... 75
Gambar III.35 Halaman Laporan Nilai Siswa ............................................... 75
Gambar III.36 Halaman Profile Siswa .......................................................... 76
Gambar III.37 Halaman Jadwal Mata Pelajaran ............................................. 76
Gambar III.38 Halaman Ganti Password Siswa ............................................ 77
14
DAFTAR TABEL
Halaman
Table II.1 Tabel Operator Aritmatika ..................................................... 17
Table II.2 Tabel Operator Assingment .................................................... 18
Table II.3 Tabel Operator Perbandingan ................................................ 19
Tabel II.4 Tabel Operator Logical .......................................................... 20
Table III.1 Spesifikasi File Admin ........................................................... 50
Table III.2 Spesifikasi File Guru .............................................................. 51
Table III.3 Spesifikasi Jadwal Pelajaran .................................................. 52
Table III.4 Spesifikasi Jawaban Objektif ................................................. 53
Table III.5 Spesifikasi File Kelas ............................................................. 54
Table III.6 Spesifikasi File Mata Pelajaran .............................................. 54
Table III.7 Spesifikasi File Materi Ajar ................................................... 55
Table III.8 Spesifikasi File Nilai Tugas ................................................... 56
Table III.9 Spesifikasi File Pertanyaaan Objektif .................................... 57
Table III.10 Spesifikasi File Siswa ............................................................ 58
Table III.11 Spesifikasi File Tugas ............................................................ 59
Table III.12 Hasil pengujian Black Box Testing Halaman Login Admin .. 79
Table III.13 Hasil pengujian Black Box Testing Halaman Login Guru ..... 82
Table III.14 Hasil pengujian Black Box Testing Halaman Login Siswa .... 84
15
DAFTAR LAMPIRAN
Halaman
Lampiran A.1. Halaman Lihat Jadwal Mengajar .......................................... 92
Lampiran A.2. Halaman Tambahkan Bahan Baru ........................................ 92
Lampiran A.3. Halaman Tambahkan Tugas Baru ........................................ 93
Lampiran A.4. Halaman Lihat Nilai ............................................................. 93
Lampiran A.5. Halaman Tambahkan Lihat Tugas Siswa ............................. 94
Lampiran A.6. Halaman Tambah Kelas ....................................................... 94
Lampiran A.7. Halaman Tambah Mata Pelajaran ........................................ 95
Lampiran A.8. Halaman Tambah Jadwal Pelajaran ...................................... 95
Lampiran A.9. Halaman Tambahkan Siswa Baru ........................................ 96
Lampiran A.10. Halaman Tambahkan Guru Baru .......................................... 96
Lampiran B.1. Print Out Semua Data Guru ................................................. 97
Lampiran B.2. Print Out Semua Data Pelajaran ........................................... 98
Lampiran B.3. Print Out Semua Data Kelas ................................................ 99
Lampiran B.4. Print Out Semua Data Jadwal Pelajaran .............................. 100
Lampiran B.5. Print Out Semua Data Jadwal Pelajaran Per Kelas .............. 101
Lampiran B.6. Print Out Daftar Mengajar Guru .......................................... 102
Lampiran B.7. Print Out Daftar Pelajaran Perkelas Akses Siswa ................ 103
Lampiran B.8. Print Out Semua Data Siswa Per Kelas ............................... 104
Lampiran B.9. Print Out Semua Data Siswa ................................................ 105
16
BAB I
PENDAHULUAN
1.1. Latar Belakang Masalah
Perkembangan informasi di era modern ini sudah sangat pesat. Untuk
menunjang kebutuhan sekolah akan teknologi informasi, sebagian besar sekolah
tingkat SMA sederajat di Sukoharjo sudah menggunakan komputer dan wifi
internet, agar para siswa lebih mudah mendapatkan infomasi yang dibutuhkan
dengan cepat.
Seiring dengan perkembangan teknologi informasi dan tuntutan globalisasi
pendidikan serta pembelajaran jarak jauh, berbagai konsep telah dikembangkan
untuk menggantikan metode pembelajaran tradisional, salah satunya adalah
konsep e-learning. E-learning dapat digunakan sebagai alternatif, baik sebagai
tambahan, pelengkap maupun pengganti atas kegiatan pembelajaran yang sudah
ada. SMK Muhammadiyah Watukelir adalah sekolah swasta berada di Kabupaten
Sukoharjo Provinsi Jawa Tengah dan saat ini berkeinginan untuk menuju sekolah
yang berbasiskan multimedia dan teknologi informasi.
Sistem informasi pembelajaran dengan metode e-learning diadakan untuk
melakukan proses belajar mengajar yang lebih baik dan lebih mudah. Dengan
sistem ini, para guru dan para siswa dapat menyampaikan informasi dan
berinteraksi dengan mudah dan cepat melalui internet.
Dengan diterapkannya sistem seperti ini di SMK Muhammadiyah Watukelir,
diharapkan akan semakin mempermudah proses belajar mengajar yang
berlangsung di SMK Muhammadiyah Watukelir. Dengan semakin
fleksibelitasnya proses belajar mengajar tersebut, maka diharapkan dapat
meningkatkan kualitas dari para siswa itu sendiri. Oleh karenanya disusun tugas
akhir ini dengan diberi judul “Perancangan Media Pembelajaran E-learning pada
SMK Muhammadiyah Watukelir Jawa Tengah”.
1.2. Maksud dan Tujuan
Ada beberapa maksud yang ingin di sampaikan oleh penulisan untuk tugas
akhir ini, yaitu :
1. Memudahkan siswa mendapatkan materi pelajaran dan soal latihan tambahan
sehingga membantu pemahaman siswa tentang bahan ajar.
2. Memudahkan interaksi antara siswa dan guru di luar jam sekolah melalui
forum diskusi dan pesan.
17
3. Menyediakan metode pembelajaran yang terjangkau dan fleksibel, tidak
terbatas pada ruang kelas dan jam sekolah.
Sedangkan tujuan penulisan tugas akhir adalah sebagai syarat kelulusan
Diploma Tiga (DIII) Program Studi Manajemen Informatika di Akademi
Manajemen Informatika dan Komputer Bina Sarana Informatika (AMIK BSI).
1.3. Metode Penelitian
Menjelaskan metode penelitian dan teknik pengumpulan data yang digunakan
untuk penyusunan tugas akhir.
A. Metode Pengembangan Perangkat Lunak
Metode yang digunakan pada aplikasi ini menggunakan model waterfall
(sommerville, 2007:66) yang terbagi menjadi tiga tahapan, yaitu:
1. Analisis Kebutuhan
Layanan, batasan dan tujuan dari sistem ditetapkan melalui konsultasi dengan
pengguna sistem. Semua itu didefinisikan secara detail dan bertindak sebagai
spesifikasi sistem. Data yang dibutuhkan yaitu guru, siswa, dan admin.
2. Perancangan Sistem dan Perangkat Lunak
Perancangan perangkat lunak ini menggunakan sistem operasi windows 10
dengan bahasa pemrograman PHP, database MYSQL, aplikasi penulisan
menggunakan Sublime Text 3, dan untuk menjalankannya digunakan software
XAMPP. Serta, dalam perancangan perangkat lunak menggunakan struktur
navigasi hierarchical.
3. Implementasi dan Pengujian Unit
Pada tahap ini, perancangan aplikasi e-elearning direalisasikan sebagai
serangkaian program. Kemudian pengujian unit digunakan metode blackbox
testing yang berfokus pada tiap-tiap fungsi yang telah dibuat apakah hasil
yang diharapkan telah memenuhi spesifikasinya.
B. Tahap Pengumpulan Data
18
Tahap pengumpulan data yang digunak dan dalam penelitian tugas akhir ini
diantaranya adalah studi observasi, wawancara dan studi pustaka yang dijelaskan
dibawah ini :
1. Observasi
Menjelaskan tentang kegiatan observasi yang dilakukan meliputi : tempat atau
bagian yang diobservasi. Penulis melakukan observasi tentang sistem dan metode
belajar mengajar secara langsung pada SMK Muhammadiyah watukelir.
2. Wawancara
Metode tanya jawab yang dilakukan penulis dengan Bp. Eko Kahono selaku
guru dan Majlis Disdakmen tentang informasi Sekolah, jenis informasi yang
boleh digali dan prosedur belajar mengajar yang sedang dilaksanakan. Serta,
siswa sebagai narasumber pengambilan data yang dibutuhkan dalam
melakukan penelitian terhadap sistem belajar di SMK Muhammadiyah
Watukelir.
3. Studi pustaka
Penulisan Tugas Akhir ini digunakan sebagai pendukung dan penunjang dari
data yang telah ada serta sebagai bahan pertimbangan yang berkaitan dengan
tema yang diambil oleh penulis melakukan pendekatan dengan referensi
buku-buku dan internet.
1.4. Ruang Lingkup
Penelitian ini akan dibatasi pada analisis dan perancangan aplikasi dalam
ruang lingkup sebagai berikut, yaitu :
1. Interface Guru
Hak akses untuk mengelola sumber daya berupa materi dan tugas yang ada
dalam sistem informasi ini kemudian dikembalikan ke sistem untuk diakses
oleh siswa. Halaman yang dapat diakses oleh guru yaitu : home, data materi,
data tugas, laporan nilai, profile guru dan ganti password.
2. Interface Siswa
Yang menerima output atau keluaran dari sistem yang telah diberikan oleh
guru berupa materi, tugas dan nilai yang didapatkan. Halaman yang dapat
19
diakses oleh siswa yaitu : home, materi, tugas, laporan nilai, profile siswa,
jadwal mata pelajaran dan ganti password.
3. Interface Admin
Memiliki hak akses penuh untuk mengelola sistem e-learning berupa
mengelola homepage, profile, data siswa, data guru, data kelas, data mata
pelajaran dan data mata pelajaran.
1.5. Sistematika Penulis
Sistematika penulisan tugas akhir ini dimaksudkan untuk menjelaskan dan
memberikan gambaran umum mengenai isi laporan tugas akhir yang terbagi
dalam bab-bab berikut ini:
BAB I PENDAHULUAN
Bab ini menjelaskan tentang latar belakang, perumusan masalah,
maksud dan tujuan, batasan masalah, metode penelitian dan
sistematika penulisan.
BAB II LANDASAN TEORI
Pada bab ini terdiri dari bebarapa sub bab, yang secara garis
besarnya menjelaskan tentang konsep dasar web dan teori
pendukung.
BAB III PEMBAHASAN
Pada bab ini penulis menjelaskan tentang umum, analisis
kebutuhan, perancangan perangkat lunak, rancangan antar muka,
rancangan basis data, rancangan struktur navigasi, implemantasi
dan pengujian unit.
BAB IV PENUTUP
Pada bab ini merupakan bab penutup atau akhir yang berisi tentang
kesimpulan dan saran penulis yang penulis buat berdasarkan bab-
bab sebelumnya.
20
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
World Wide Web (WWW), lebih dikenal dengan web, merupakan salah satu
layanan yang didapat oleh pemakai komputer yang terhubung ke internet dengan
bantuan browser internet.
Menurut Shelly dan Velmaart (2011: 80) “World Wide Web (WWW) atau
web, terdiri dari kumpulan dokumen elektronik di seluruh dunia. Setiap dokumen
elektronik di web disebut webpage, yang dapat berisi teks, grafik, animasi, audio
dan video”.
Dapat disimpulkan bahwa web adalah sebuah layanan yang berisi dokumen
multimedia yang dapat diakses dengan browser lewat komputer yang terhubung
dengan internet.
A. Website
Dalam sebuah website ada beberapa komponen pendukung agar dapat
diakses oleh pemakai, diantaranya :
1. Internet
Menurut Sunarto (2009:40) “Internet adalah jaringan komputer yang
terhubung ke seluruh dunia tanpa mengenal batas tutorial,hukum dan budaya”.
Dalam prakteknya, sebuah komputer untuk saling terhubung dengan komputer
lainnya membutuhkan bantuan dari program kecil bernama browser. Di dunia ini
perkembangan aplikasi browser telah berkembang secara cepat mengikuti
21
perkembangan teknologi pada internet, khususnya beragam koneksi internet
dengan segala kelebihan dan kekurangan.
a. Jenis-jenis koneksi internet, yaitu :
1. Koneksi internet menggunakan kabel.
Koneksi ini adalah jenis koneksi internet yang manggunakan kabel
sebagai media perantara ke dunia internet. Koneksi jenis ini sekarang
sudah tidak bisa dianggap sebelah mata, apalagi kini telah muncul
kehadiran jaringan kabel internet fiber optik yang berada di dasar laut dan
saling terhubung ke belahan dunia.
2. Koneksi internetnirkabel
Koneksi internetnirkabel atau wireless adalah koneksi internet yang
menggunakan gelombang elektromagnetik sebagai media yang dipakai
untuk menghubungkan berbagai sistem jaringan komputer. Teknologi
inilah yang sekarang telah mengalami perkembangan yang sangat cepat
dibandingakan dengan teknologi kabel. Teknologi nirkabel ternyata
perkembangannya juga diikuti oleh perkembangan teknologi yang terjadi
pada telepon seluler.
b. Faktor-faktor yang mempengaruhi kecepatan akses internet, yaitu :
1. Jenis koneksi yang dipakai.
Dewasa ini, terdapat banyak sekali jenis koneksmi internet yang
ditawarkan kepada konsumen. Tentu saja semua jenis koneksi internet itu
memiliki berbagai kelemahan dan kelebihan yang dimilikinya sendiri-
sendiri.
2. Browser
22
Browser yang dipakai oleh pengguna internet ternyata juga mempengaruhi
kecepatan akses internet. Dari segi kecapatan akses data, Mozilla Firefox
termasuk jagoan dalam menjadi browser yang bisa diandalkan.
3. Cuaca
Kondisi cuaca juga sangat berpengaruh terhadap kualitas koneksi internet
yang anda pakai. Apabila anda menggunakan koneksi kabel, anda lebih
beruntung karena jenis koneksi ini akan terasa lebih stabil di segala cuaca.
4. Firewall dan antivirus
Adanya firewall dan antivirus yang aktif secara real time terkadang
membuat proses online anda manjadi lebih lambat.
5. Update Aplikasi
Adanya setting update aplikasi yang berjalan secara otomatis. Tentu saja
ini akan memperlambat proses browsing yang anda lakukan.
2. Web Browser
Menurut Sunarto (2009:55) merupakan “perangkat lunak yang
memungkinkan untuk mencari dan mengakses beragam komponen web “.
Browser atau sering disebut web browser adalah sebuah program aplikasi
yang dipergunakan untuk menjelajahi dunia maya internet. Aplikasi ini
mempunyai kemampuan untuk menampilkan web page yang ditulis dalam format
dokumen HTML. Linx dan Mosaic merupakan dua contoh program aplikasi web
browser yang pertama. Linx adalah web browser yang berbasis text. Kekurangan
dari link ini yaitu tidak dapat menampilkan gambar, namun karena itu pola web
browser ini menjadi lebih cepat. Sedangkan Mosaic adalah web browser yang
selain berbasis text juga sudah dapat menampilkan gambar. Contoh web browser
23
adalah mozila firefox, google chrome, internet explorer, netscape navigator,
opera dan lain-lain.
3. Web Editor
Menurut Madcoms (2016:30) Adobe Dreamweaver CS6 adalah “software
terkemuka untuk membangun dan mengedit web dengan menyediakan
kemampuan visual dan tingkat kode yang dapat digunakan untuk membuat
website berbasis standar dan desain untuk dekstop, mobile, smartphone, tablet,
dan perangkat lainnya”.
4. Web Server
Menurut Sunarto (2009:119) “Web server adalah sebuah perangkat lunak
server yang berfungsi menerima permintaan HTTP atau HTTPS dari kline tang
dikenal hasilnya dengan web browser dan mengirimkan kembali hasilnya
dalambentuk halaman halaman web yang umumnya berbentuk dokumen HTML”.
Salah satu server web yang terkenal adalah apache, yang merupakan salah
satu server web antar platform yang bisa dioprasikan dengan menggunakan
beberapa platform seperti linux dan windows.
5. Universal Resource Locator (URL)
Pada penggunaan WWW, penunjukan suatu sumber informasi menggunkan
metode Universal Resource Locator (URL), yang merupakan konsep penamaan
lokasi standar dari suatu file, direktori, komputer, lokasi komputernya dan metode
yang digunakan. URL tidak hanyadapat menunjukan suatu query, dokumen dalam
suatu database, atau hasil dari perintah finger atau perintah archie atau yang
24
lainnya. Dengan URL ini didefinisikan lokasi dan metode pengaksesan file
tersebut.
6. E-Learning
E-learning merupakan sebuah bentuk teknologi informasi yang diterapkan
di bidang pendidikan dalam bentuk dunia maya. Istilah E-learning lebih tepat
ditujukan sebagai usaha untuk membuat sebuah transformasi proses pembelajaran
yang ada di sekolah atau perguruan tinggi ke dalam bentuk digital yang
dijembatani teknologi internet.
Menurut Allen (2013:27) “Pembelajaran yang disusun ialah dengan tujuan
menggunakan suatu sistem elektronik atau juga komputer sehingga mampu untuk
mendukung suatu proses pembelajaran”.
B. Bahasa Pemograman
Bahasa pemrograman, atau sering di istilahkan juga dengan bahasa
komputer atau bahasa pemrograman komputer, adalalah instruksi standart untuk
memerintah komputer. Bahasa pemrograman ini merupakan suatu himpunan dari
aturan sintaks dan semantik yang dipakai untuk mendefinisikan program
komputer. Bahasa ini memungkinkan seorang programmer dapat menentukan
secara persis data mana yang akan diolah oleh komputer, bagaimana data ini akan
disimpan atau diterukan, dan jenis langkah apa secara persis yang akan diambil
dalam berbagai situasi.
25
Bahasa program komputer yang kita kenal antara lain adalah Java, Visual
Basic, C++, C, Cobol, PHP, .Net, dan ratusan bahasa lainya. Namun tentu saja
kebutuhan bahasa ini harus disesuaikan dengan fungsi dan perangkatnya.
1. HTML (Hyper Text Markup Lenguage)
Menurut Winarno dan Zaki ( 2011:1 ) menjelaskan bahwa “HTML
merupakan singkatan dari Hypertext Markup Language, artinya bahasa ini bahasa
markup untuk memformat konten halaman web. Dengan kata lain, bahasa untuk
mengatur bagaimana penampilan dan pemformatan konten di web”.
HTML merupakan singkatan dari Hypertext Markup Language, adalah
bahasa yang di gunakan untuk membuat halaman website. HTML merupakan
pengembangan dari standar pemformatan dokumen teks. HTML sebenarnya
adalah dokumen ASCII atau teks biasa,yang dirancang untuk tidak bergantung
pada sistem operasi tertentu.
HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan
dipopulerkan pertama kali oleh Browser Mosaic. Selama awal tahun 1990 HTML
mengalami perkembangan yang pesat, setiap pengembangan HTML pasti akan
menambah kemampuan dan fasilitas yang lebih baik dari sebelumnya. Namun
perkembangan tersebut tidak sampai mengubah cara kerja dari HTML. HTML
berfungsi memberi tahu browser bahwa itu merupakan awalan dari sebuah
dokumen html yang diakhiri dengan </html>.
A. Struktur Dokumen HTML
Secara sederhana HTML terdiri dari dua bagian,yaitu header dan
body,struktur HTML diapit oleh tag awal <html> dan tag akhir </html>. Script
html disimpan dalam text editor seperti notepad,kemudian disimpan dengan
26
ekstensi.html atau html. Setiap dokumen HTML memiliki struktur dasar atau
susunan file sebagai berikut :
<HTML>
<HEAD>
…Informasi tentang dokumen HTML
</HEAD>
<BODY>
…Informasi yang akan ditampilkan didalam brower website
</BODY>
</HTML>
B. Bagian HTML
Berikut bagian – bagian dari HTML :
1. Bagian Head
Teks yang terdapat diantara <head> dan </head>, merupakan informasi
header dan informasi ini tidak ditampilkan pada windows browser.
2. Bagian Title
27
Teks yang terdapat diantara tag <title> dan </title>, merupakan judul yang
akan ditampilkan pada dokumen. File dari editor tersebut dapat disimpan
dengan format (.html/.html),namun untuk seterusnya digunakan
format*.html.
3. Bagian Body
Bagian body merupakan isi dokumen html. Pada tag ini, semua informasi,
baik teks, gambar, suara maupun yang lainnya dapat ditampilkan pada
halaman ini. Teks yang terdapat di antara tag <body> dan </body>,
merupakan teks atau informasi yang akan ditampilkan pada browser.
2. PHP (Personal Home Page)
Menurut Winarno dan Zaki ( 2011:4 ) menjelaskan bahwa “PHP atau
Hypertext Preprocessor adalah sebuah bahasa pemrograman web berbasis server
(server-side) yang mampu mem-parsing kode PHP dari kode web dengan
ekstensi.php sehingga menghasilkan tampilan website yang dinamis disisi client
(browser)”.
Hypertext Preprocessor (PHP), adalah sebuah bahasa script server-side
yang biasa digunakan dengan bahasa HTML atau dokumennya secara bersamaan
untuk membangun sebuah aplikasi di web yang sangat banyak kegunaanya. PHP
juga merupakan bahasa ulang disertakan dalam dokumen HTML.
Bekerja disisi server yang artinya sintaks dan perintah yang diberikan akan
sepenuhnya dijalankan di server tetapi disertakan pada halaman HTML biasa,
sehingga script-nya tak tampak di sisi client. PHP dirancang untuk dapat bekerja
sama dengan database server dan di buat sedemikian rupa sehingga pembuatan
dokumen HTML yang dapat mengakses database menjadi begitu indah. Tujuan
28
dari bahasa scripting ini adalah untuk membuat aplikasi-aplikasi yang dijalankan
diatas teknologi web browser, tetapi prosesnya secara keseluruhan dijalankan
diatas web server.
A. Sejarah PHP
Menurut Kadir ( 2010:2 ) “PHP (PHP Hypertext Processor) merupakan
salah satu bahasa pemograman berbentuk script yang sangat populer dalam
membuat aplikasi web”. Pencipta PHP adalah seorang software enginner yang
bernama Rasmus Lerdorf yang juga merupakan anggota tim apache. Bagian
pertama dari PHP dikembangkan untuk kebutuhan sendiri tahun 1994. Pada tahun
1995 dikeluarkan versi pertama yang dapat di gunakan oleh umum dengan nama
Personal Home PageTools. Ditulis kembali pada pertengahan 1995 dan di ber
nama sebagai PHP/FIversi 2. FI berasal dari paket rasmus yang mana merupakan
HTML interprete untuk data form.
B. Dasar PHP
Berikut ini adalah beberapa dasar PHP diantaranya :
1. Sintaks dasar PHP
Script PHP diawali dengan <?PHP dan diakhiri dengan ?>
<?PHP
?>
2. Komentar
Penulisan komentar tidak akan mengganggu script program karena dalam
eksekusinya, komentar tidak akan terbaca web server atau browser. Dibawah ini
adalah contoh komentar :
a. Contoh penulisan komentar untuk satu baris “//”
29
// ini adalah komentar untuk satu baris
b. Contoh penulisan komentar lebih dari satu baris “/*....*/”
/* ini adalah komentar lebih dari satu baris*/
3. Variabel dan Tipe Data
a. Variable
Variabel digunakan untuk menyimpan sementara suatu nilai seperti text,
angka atau array. Variabel dapat dipakai secara berulang-ulang dan nilainya
bisa berubah-ubah tergantung dari setiap program dijalankan. Berikut aturan
dalam penulisan variabel :
1) Penulisan variabel harus diawali dengan simbol dollar ($)
2) Karakter setelah simbol dollar tidak boleh menggunakan angka ( harus
huruf ).
3) Setelah penggunaan simbol dollar dan huruf, maka karakter selanjutnya
boleh menggunakan angka.
b. Tipe Data
Merupakan suatu nilai yang dapat dinyatakan dalam bentuk konstanta
atau variabel dan operator. Konstanta menyatakan nilai yang tetap,
sedangkan variabel menyatakan nilai yang dapat berubah-ubah selama
eksekusi berlangsung.
PHP memliki lima tipe data, yaitu : Integer ( bilangan bulat ), Float (
bilangan pecahan atau desimal ), String ( tipe data yang tidak dapat
dihitung, karena berupa huruf dan angka ), Array ( data yang disimpan
dalam satu variabel ), Boolean ( tipe data yang mengkoreksi true or false ).
4. Operator
30
Operator merupakan suatu simbol yang dipakai untuk memanipulasi data.
Dalam PHP terdapat beberapa operator yang digunakan, yaitu :
a. Operator Aritmatika
Biasanya digunakan untuk melakukan operasi matematika, seperti
penjumlahan, pengurangan, perkalian, pembagian dan modulus (sisa
pembagian).
Tabel II.1
Tabel Operator Aritmatika
Operator Keterangan Contoh Hasil
+ Penjumlahan 2+2 4
- Pengurangan 2-2 0
* Perkalian 2*2 4
/ Pembagian 2/2 1
% Modulus ( sisa pembagian ) 5%2 1
++
Increament x = 5
x++ x = 6
31
--
Dekremen x = 5
x-- x = 4
( Sumber : Winarno dan Zaki : 2011 )
b. Operator Assignment
Yaitu operator untuk mengalokasikan nilai tertentu. Operator
Assignment ditandai dengan simbol sama dengan ( = ).
Tabel II.2
Operator Contoh Artinya
= x=y x=y
+= x+=y x=x+y
-= x-=y x=x-y
*= x*=y x=x*y
32
Tabel Operator Assignment
( Sumber : Winanro dan Zaki : 2011 )
c. Operator Perbandingan
Digunakan untuk menghasilkan nilai True or False.
Tabel II.3
Table Operator Perbandingan
Operator Nama Contoh Hasil
== Sama Dengan 6 == 6 True
!= Tidak Sama Dengan 3 != 3 False
/= x/=y x=x/y
.= x.=y x=x.y
%= x%=y x=x%y
33
> Lebih Besar 1 > 5 False
>= Lebih Besar atau Sama Dengan 3 >= 4 False
< Lebih Kecil 2 < 4 True
<= Lebih Kecil atau Sama Dengan 5 <= 4 False
( Sumber : Winarno dan Zaki : 2011 )
d. Operator Logical
Operator yang berfungsi untuk mengoperasikan secara logika dengan
and, or dan not. Biasanya hasilkan akan Boolean.
Tabel II.4
Tabel Operator Logical
Operator Deskripsi Contoh
&& And
x=5
y=2
(x<10&&y>1) Hasilnya True
34
|| Or
x=4
y=6
(x==5 || y==5) Hasilnya True
! Not
x=5
y=3
!(x==y) Hasilnya True
( Sumber : Winarno dan Zaki : 2011 )
3. JavaScript
Menurut Suyanto (2007:85) merupakan “ bahasa script yang ditempatkan
pada kode HTML dan diproses pada sisi client ”. Dengan adanya bahasa ini,
kemampuan dokumen html menjadi semakin luas. Sebagai contoh untuk
memvalidasi masukan-masukan pada formulir sebelum formulir dikirimkan ke
server. JavaScript bukanlah bahasa Java dan merupakan dua bahasa yang
berbeda. JavaScript diinterpretasikan oleh client nya (kodenya dapat dilihat pada
sisi client), sedangkan kode Java dikompilasi oleh pemrogram dan hasil
kompilasinyalah yang dijalankan oleh client.
JavaScript mulanya bernama LiveScript, dikembangkan pertama kali 1995
di Netscape Communication. Pada akhir tahun 1995, Netscape Communication
dan Sun Microsystems berkolaborasi dan mengganti nama LiveScript menjadi
JavaScript.
35
4. JQuery
Menurut Bekti (2015:59) JQuery adalah “suaatu library yang
memungkinkan untuk membuat program web pada suatu halaman web tanpa harus
menambahkan event atau pun properti pada halaman web tersebut”.
Jquery diluncurkan Januari 2006 oleh Jhn resign jQuery merupakan library
yang paling populer saat ini, karena kecanggihan jQuery banyak digunakan oleh
perusahaan besar seperti Google, Dell, CBS, digg, Netflix, Bank of America,
Mozilla, Drupal dan lain sebagainya.
Kaerakteristik jQuery yang gratis atau sering disebut open source, maka kita
dapat menggunakan jQuery dengan bebas untuk pengembang website
memudahkan kita. Plugin tambahan seperti jQuery UI (User Interface) semakin
memudahkan dalam mebuat website yang lebih cantik dan interaktif.
5. CSS (Cascading Style Sheet)
Menurut Bekti, (2015:47) “CSS ( Cascading Style Sheet ) merupakan
salah suatu bahasa pemrograman web yang digunakan untuk mempercantik
halaman web dan mengendalikan beberapa komponen dalam sebuah web
sehingga akan lebih terstukture dan seragam”.
CSS merupakan bahasa style sheet yang digunakan untuk mengatur
tampilan dokumen. Dengan adanya CSS memungkinkan untuk menampilkan
halaman yang sama dengan format yang berbeda. Penggunaan style CSS pada
format suatu halaman diletakan terpisah dari tampilan halaman. Isi dari kode
HTML Anda terletak di dalam file HTML, sedangkan kode CSS dapat berupa
tampilan kode yang berada dalam file lain atau dalam bagian dari dokumen
HTML, dan biasanya diletakan di bagian kepala atau tag <head>.
36
C. Basis Data
Menurut Fathansyah (2007:2) “Basis data terdiri atas dua kata, yaitu basis
dan data. Basis dapat diartikan sebagai markas atau gudang. Sedangkan data
adalah refresentasi fakta dunia nyata yang mewakili suatu objek seperti manusia
(pegawai, siswa, pembeli, pelanggan), barang, hewan , peristiwa, konsep, dan
sebagainya”. Basis data dapat didefinisikan dalam sejumlah sudut pandang seperti
:
a. Himpunan kelompok data (arsip) yang saling berhubungan yang
diorganisasi sedemikian rupa agar kelak dapat dimanfaatkan kembali
dengan cepat dan mudah.
b. Kumpulan data yang saling berhubungan disimpan secara bersama dan
tanpa pengulangan yang tidak perlu untuk memenuhi kebutuhan.
c. Kumpulan file atau table atau arsip yang Saling berhubungan yang
disimpan dalam media penyimpanan elektronik.
1. Database
Menurut Madcoms (2016:145) database adalah “ sebuah sistem yang dibuat
untuk mengorganisasi, menyimpan dan menarik data dengan mudah. Database
terdiri dari kumpulan data yang terorganisir untuk satu atau lebih penggunaan,
dalam bentuk digital”. Database digital di manage menggunakan Database
Management System (DBMS), yang menyimpan isi database, mengijinkan
pembuatan, maintenance data dan pencarian akses yang lain. Fungsi – fungsi
dasar yang harus DBMS adalah :
a. Pendefinisian data (data definition)
DBMS harus dapat menerima pendefinisian data (skema eksternal,
37
skemakonseptual dan semua asosiasi pemetaan) dari sumber dan
mengkonversikan ke dalam bentuk objek yang sesuai.
b. Manipulasi data (data manipulation)
DBMS harus dapat menangani permintaan untuk mengambil,
memperbaharui atau menghapus data yang sudah ada di basis data, maupun
menambah data kedalam basis data.
c. Optimalisasi dan eksekusi (optimization and execution)
Permintaan Data Manipulation Language (DML) harus diproses
dikomponen pengoptimalisi yang bertujuan untuk menentukan cara yang efisien
untuk implementasi permintaan. Permintaan yang telah dioptimalisasi kemudian
dieksekusi dibawah kendali re-time manager.
d. Keamanan dan integritas data (data security and integrity)
DBMS harus mengawasi permintaan pengguna dan menolak gangguan yang
dapat membahayakan keamanan dan integrity constraint yang sudah ditentukan
oleh Database Administrator (DBA).
e. Perbaikan data dan konkurensi (data recovery and concurrency)
DBMS dapat juga disebut Transaction Processing Monitor (TPM) harus
melakukan kendali perbaikan dan konkurensi.
f. Kamus data (data dictionary)
Kamus data berisi “data mengenai data” adalah definisi dari objek lain
disistem. Semua skema dan pemetaan, berbagai sistem keamanan, dan integrity
constaint akan disimpan, baik dari sumber maupun bentuk objek didalam kamus
data.
g. Kinerja (performace)
38
DBMS harus dapat mengerjakan semua tugas seefektif mungkin.
2. MySQL (My Structure Query Language)
Menurut MADCOMS (2016:145) MySQL adalah “salah satu jenis database
server yang sangat terkenal. MySQL menggunakan bahasa SQL untuk mengakses
database nya. Lisensi MySQL adalah FOSS License Exception dan ada juga yang
versi komersial”. Kelebihan menggunakan database MySQL :
a. Dapat bekerja di beberapa platform yang berbeda seperti LINUX, Windows,
MacOS, FreeBSD, Solaris dan lain-lain.
b. Dapat dikoneksikan pada Bahasa C, C++, Java, Perl, PHP dan Python.
c. Dapat melakukan koneksi dengan komputer client menggunakan protocol
TCP/IP, Unix Socket (UNIX), atau Named Pipes (Windows NT).
d. Command and Function MySQL memiliki fungsi dan operator secara penuh
yang mendukung perintah SELECT dan WHERE dalam query.
e. Memiliki antar muka atau interface terhadap berbagai aplikasi dan bahasa
pemograman dengan menggunakan fungsi API ( Application Programming
Interface).
f. Tidak ada virus yang menginfeksi program PHP, sampai saat ini program
PHP belum dapat di infeksi virus.
Meskipun memiliki banyak kelebihan, terutama karena merupakan salah
satu program atau software yang opensource, ternyata MySQL juga memiliki
beberapa kekurangan. Berikut ini adalah beberapa kekurangan MySQL :
a. Sulit untuk diaplikasikan pada intansi dengan database yang besar.
Karena merupakan salah sau jenis DBMS yang ramah terhadap spesifikasi
komputer, maka MySQL pun memiliki fitur yang tidak selengkap Oracle. Hal ini
39
berhubungan dengan implementasi dari DBMS yang dilakukan, dimana MySQL
tidak mampu atau diragukan kemampuannya untuk melakukan manajemen
database degan jumlah data yang sangat besar. Sehingga tidak cocok untuk
diterapkan pada instansi atau perusahaan besar.
b. Support yang kurang.
Technical support dari MySQL juga dianggap kurang baik. Hal ini mungkin
berhubungan dengan status opensource yang dimiliki oleh MySQL. Hal ini
membuat user akan mengalami kesulitan dalam menghubungi technical support
dari MySQL ketika dihadapkan pada suatu kendala atau permasalahan saat
menggunakan software ini.
c. Tidak populer untuk aplikasi game dan mobile.
Sayangnya adalah DBMS MySQL ini sangat kurang digunakan untuk
aplikasi Game dan Mobile application. Jadi jika anda ingin mengembangkan dua
jenis aplikasi ini, MySQL bukan teman yang tepat.
3. XAMPP
Menurut Nugroho (2008:74) merupakan “paket PHP yang berbasis
opensource yang dikembangkan oleh sebuah komunitas Opensource”. Dengan
menggunakan XAMPP, tidak perlu lagi menginstal program-program yang lain,
karena semua kebutuhan telah disediakan oleh XAMPP. Berikut adalah beberapa
kebutuhan yang telah disediakan :
a. Apache HTTPD 2.0.54
b. MySQL 4.1.12
c. PHP 5.0.3
d. FilZilla FTP Server 0.9 Beta
40
e. PHPMyAdmin 2.6.1-pl3
4. PHPMyAdmin
Menurut Nugroho (2008:88) adalah “sebuah aplikasi opensource yang
berfungsi untuk memudahkan manajemen MySQL. Dengan menggunakan
PHPMyAdmin dapat membuat database, membuat tabel, meng-insert, menghapus
dan meng-update data dengan GUI dan terasa lebih mudah tanpa perlu
mengetikkan perintah SQL secara manual”.
D. Model Pembangunan Perangkat Lunak
Menurut Rosa dan shalahuddin (2013:28) “Model air terjun (Waterfall)
menyediakan pendekatan alur hidup perangkat lunak secara sekuensial atau
terurut dimulai dari analisi, desain, pengkodean, pengujian, dan tahap pendukung
(support)”.
Teknik pengembangan perangkat lunak menggunakan metode incremental
yang sudah dikembangkan dari waterfall model, karena mentode incremental ini
terdiri dari tahap-tahap yang memberikan kemudahan, jika pada suatu tahap tidak
sesuai atau mengalami kesalahan maka dapat kembali ketahap sebelumnya.
Dengan berkembangnya perangkat lunak, pembuat program (programmer) secara
umum langsung pembuatan pengkodean perangkat lunak, tanpa menggunakan
prosedur perangkat lunak.
SDLC (Software Development Life Cycle) diperkenalkan pada tahun 1960-
an, SDLC pertama digunakan oleh para pengusaha besar jaman itu.Dimana
sistem-sistem yang dibangun untuk mengelolah informasi kegiatan dan aktivitas
yang berpotensi memiliki data yang besar. Tahapan-tahapan yang terdapat dalam
41
metode waterfall adalah sebagai berikut:
1. Analisa Kebutuhan adalah kondisi yang harus dipenuhi dalam suatu produk
baru atau perubahan produk, yang mempertimbangkan berbagai kebutuhan
yang bersinggungan antar berbagai pemangku kebututuhan.
2. Batasan sistem adalah batasan yang diberikan kepada sistem, agar sistem
tersebut tidak menyimpang dari prosedur yang di inginkan.
3. Penulisan Kode Program adalah desain program yang diterjemahkan ke
dalam kode-kode dengan menggunakan bahasa pemograman yang sudah
ditentukan.
4. Pengujian Program adalah penyatuan unit-unit program kemudian diuji
secara keseluruhan (system testing) menggunakan BlackBox.
5. Penerapan Program adalah mengoperasikan program dilingkungan nya dan
melakukan penyesuain atau perubahan adapatasi dengan situasi sebenarnya.
2.2. Teori Pendukung
Tools program adalah peralatan pendukung sebuah website. Dalam
pembuatan website hal yang perlu diperhatikan sebelum merancang tampilan web
adalah pembuatan struktur navigasi. Struktur navigasi adalah struktur atau bentuk
dari jalannya alur informasi yang ditampilkan pada suatu halaman web.
A. Struktur Navigasi
Menurut Kurniawan (2010:213) "Navigasi adalah fitur yang harus
disediakan. Navigasi berfungsi untuk berpindah dari satu halaman ke halaman
yang lain pada suatu aplikasi berbasis web, yang juga digunakan untuk
memberikan informasi lokasi halaman yang sedang dibuka". Ada empat macam
42
bentuk dasar dari struktur navigasi yang biasa digunakan yaitu:
1. Linier (Satu Alur)
Linier (satu alur) merupakan struktur yang hanya mempunyai satu
rangkaian cerita yang berurutan.Salah satu yang terpenting dari struktur ini adalah
tidak diperkenankan terjadinya percabangan. Contoh gambar dapat dilihat di
gambar II.1.
Sumber : (Kurniawan : 2010)
Gambar II.1
Struktur Navigasi Linier
2. Hierarchical (Bercabang)
Struktur Hierarchical (bercabang) ini percabangan untuk menampilkan data
berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai
Master Page (halaman utaman kesatu), halaman utama ini akan mempunyai
halaman percabangan yang disebut Slave Page (halaman pendukung). Jika salah
satu halaman pendukung dipilih, maka tampilan tersebut akan bernama Master
Page (halaman utama kedua), dan seterusnya. Yang terpenting dari struktur
penjejakan ini tidak diperkenankan adanya tampilam secara linear. Contoh
gambar dapat dilihat di gambar II.2.
Sumber : (Kurniawan : 2010)
43
Gambar II.2
Struktur Navigasi Hierarchical
3. Non Linier (Tidak Berurut)
Struktur penjejakan Non Linear (tidak berurut) merupakan pengembangan
dari struktur penjejakan Linear.Pada struktur ini diperkenankan membuat
penjajakan bercabang. Pemakai bebas menelusuri website tanpa dibatasi oleh
suatu rute dimana kontrol navigasi dapat mengakses ke semua halaman
manapun.
Percabangan yang dibuat pada struktur Non Linear ini berbeda dengan
percabangan yang dibuat pada struktur Hierarchi, Karena pada percabangannya
Non Linear ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan
mempunyai kedudukan yang sama tidak ada Master Page dan Slave Pag.
Contoh gambar dapat dilihat pada gambar II.3.
Sumber : (Kurniawan : 2010)
Gambar II.3
Struktur Navigasi Non Linier
4. Composite (Campuran)
Composite (campuran) atau disebut juga struktur penjejakan bebas
merupakan gabungan dari ketiga struktur sebelumnya yaitu Linear, Non Linear,
dan Hierarchi. Jika suatu tampilan membutuhkan percabangan, maka dapat
44
dibuat percabangan, dan bila dalam percabangan tersebut terdapat suatu
tampilan yang sama kedudukannya maka dapat dibuat struktur Linear dalam
percabangan tersebut. Penggunaan peta penjejakan bergantung kepada
kebutuhan dan tujuan dari web yang hendak dibuat. Semakin kompleks peta
penjejakan yang digunakan, maka semakin sulit pembuatan page dari peta
penjejakan tersebut. Contoh gambar dapat dilihat pada gambar III.4.
Sumber : (Kurniawan : 2010)
Gambar II.4
Struktur Navigasi Composite
B. ERD (Entity Relationship Diagram)
Menurut Mata-Toledo dan Cushman (2007 : 139) Mendefenisikan “Entity
Relationship Diagram (ERD) merupakan representasi grafis dari logika database
dengan menyertakan deskripsi detail mengenai seluruh entitas (entity),
hubungan (relationship), dan batasan (constraint)”.
Entity Relationship diagram (ERD) merupakan teknik yang digunakan
untuk memodelkan kebutuhan data dari suatu organisasi, biasanya oleh System
Analys dalam tahap analisis persyaratan proyek pengembangan sistem. Sementara
seolah - olah teknik diagram atau alat peraga memberikan dasar untuk desain
45
database relasional yang mendasari sistem informasi yang dikembangkan. ERD
bersama-sama dengan detail pendukung merupakan model data yang pada
gilirannya digunakan sebagai spesifikasi untuk database.
1. LRS (Logical Record Structure)
Menurut Hasugian dan sidiq ( 2012 : 608 ) memberikanbatasan bahwa LRS
adalah “Sebuah model sistem yang digambarkan dengan sebuah diagram-ER dan
mengikuti pola atau aturan pemodelan tertentu dalam kaitanya dengan konveni ke
LRS”. Perubahan yang terjadi yaitu mengikuti aturan – aturan sebagai berikut
menurut Hasugian dan sidiq ( 2012 : 608 ) :
a. Setiap entitas akan diubah kebentuk kotak.
b. Setiap atribut relas disatukan dalam kotak bersama entitasjika hubungan
yang terjadi pada diagram-ER 1:M (relasi bersatu dengan cardinality M)
atau tingkat hubungan 1:1 (relasi bersatu dengan cardinality yang paling
membutuhkan referensi).
c. Sebuah relasi dipisah dalam sebuah kotak tersendiri ( menjadi entitas
baru ) jika tingkat hubunganya M:M ( many to many ) dan memiliki
forign key sebagai primary key yang diambil dari kedua entitas yang
sebelumnya saling berhubungan.
C. Pengujian Web
Menurut Rosa dan shalahuddin (2013:272) “Suatu set aktifitas yang
direncanakan dan sistematis untuk menguji atau mengevaluasi kebenaran yang
diinginkan. Aktifitas pengujian terdiri dari satu set atau sekumpulan langkah
dimana dapat menampilkan desain kasus uji yang spesifik dan metode
46
pengujian ”. Didalam pengujian perangkat lunak ada beberapa elemen yang
memiliki cakupan luas dan sering dikaitkan dengan verifikasi (verification) dan
validasi (validation). Menurut Rosa A.S dan M. Shalahuddin (2013:275),
pengujian untuk validasi memiliki pendekatan yaitu melalui BlackBox Testing
(Pengujian Kotak Hitam).
Black-box Testing yaitu menguji perangkat lunak dari segi spesifikasi
fungsional tanpa menguji desain dan kode program. Pengujian dimaksudkan
untuk mengetahui apakah fungsi-fungsi, masukan, dan kebutuhan dari
perangkat lunak sesuai dengan spesifikasi yang dibutuhkan. Pengujian kotak
hitam dilakukan dengan membuat kasus uji yang bersifat mencoba semua
fungsi dengan memakai perangkat lunak apakah sesuai dengan spesifikasi yang
dibutuhkan.
47
BAB III
PEMBAHASAN
3.1. Tinjauan Institusi
3.1.1. Sejarah Institusi
SMK Muhammadiyah Watukelir didirikan pada tahun 1998 dengan SK
Pendirian No. 0843/103/MN tanggal 01 Juni 1998. SMK Muhammadiyah
Watukelir adalah bagian dari Yayasan MPK Muhammadiyah yang merupakan
lembaga pendidikan swasta. SMK Muhammadiyah ini sendiri beralamatkan di
Desa Jatingarang, Kecamatan Weru, Kabupaten Sukoharjo, Jawa tengah.
Pada mulanya SMK Muhammadiyah Watukelir hanya membuka satu
program jurusan yaitu Akutansi. Tetapi, seiring kemajuan dan perkembangan
zaman, SMK Muhammadiyah Watukelir memandang perlu membuka sebuah
program studi baru pada tahun ajaran 2013/2014 yaitu Akutansi Perkantoran
(AP), Teknik Komputer Jaringan (TKJ) dan Teknik Sepeda Motor (TSM).
A. Visi SMK Muhammadiyah Watukelir
“Bertaqwa, Berprestasi dan Berbudaya”
B. Misi SMK Muhammadiyah Watukelir
1) Menciptakan lulusan yang memegang teguh nilai-nilai agama dalam
hidup bermasyarakat.
2) Membentuk lulusan yang terampil, cerdas dan unggul dalam segala
bidang dan siap berkompetisi dalam dunia kerja dan berwirausaha.
3) Menjadi lulusan beradap, bermoral dan berbudaya maju.
48
3.1.2. Struktur Organisasi dan Fungsi
A. Struktur Organisasi
Adapun Struktur organisasi di SMK Muhammadiyah Watukelir ini
sebagai berikut :
Sumber : SMK Muhammadiyah Watukelir, 2017
Gambar III.1
Struktur Organisasi SMK Muhammadiyah Watukelir
49
B. Fungsi – Fungsi
Adapun Fungsi-fungsi dari struktur organisasi yang berada di SMK
Muhammadiyah Watukelir adalah sebagai berikut :
1. Komite Sekolah
a. Mendorong perhatian dan komitmen masyarakat terhadap
penyelenggaraan pendidikan yang bermutu.
b. Melakukan kerja sama dengan masyarakat (perorangan/ organisasi/
dunia usaha) dan pemerintah berkenaan dengan penyelenggaraan
pendidikan yang bermutu.
c. Memberikan masukan, pertimbangan dan rekomendasi kepada
satuan pendidikan mengenai:
1) Kebijakan dan program Pendidikan.
2) Rencana anggaran pendidikan dan belanja madrasah (RAPBM).
3) Kriteria kinerja satuan Pendidikan.
4) Kriteria tenaga kependidikan.
5) Hal-hal lain yang terkait dengan Pendidikan.
d. Melakukan evaluasi dan pengawasan terhadap kebijakan, program,
penyelenggaraan, dan keluaran pendidikan di satuan Pendidikan.
2. Majlis Disdakmen
a. Pembinaan ideologi Muhammadiyah di sekolah.
b. Perencaan, pengorganisasian, pembimbingan, pengkoordinasian, dan
pengawasan atas pengelolaan amal usaha, program, dan kegiatan.
c. Penyampaian masukan kepada Pimpinan Persyarikatan sebagai
bahan pertimbangan dalam penetapa kebijakan bidang pendidikan
dasar dan menengah.
50
3. Kepala Sekolah
a. Mengawasi kegiatan sekolah
b. Memimpin kegiatan sekolah dan bawahan
c. Memberi dorongan dan penghargaan kepada bawahan yang
berprestasi dalam bekerja
d. Melaksanakan pembelajaran yang efektif dan efisien
4. Wakil Manajemen Mutu (WMM)
a. Mengkoordinir penyusunan, implementasi dan pengendalian
kelengkapan Mutu untuk sertifikasi ISO 9001:2008.
b. Menyusun Pedoman Mutu dan penjabarannya berdasarkan
Kebijakan Mutu yang ditetapkan oleh Kepala Sekolah.
c. Memberikan bimbingan dan pelayanan peningkatan Mutu Unit
Kerja.
d. Mengkoordinasikan Rapat Tinjauan Manajemen (RTM) dan
menindak lanjuti hasil RTM.
5. Kepala Tata Usaha
a. Menyusun program dan laporan kerja, melalui tahapan :
1) Menetukan prioritas.
2) Melakukan penugasan.
3) Merumuskan tujuan.
4) Menetapkan sumber daya.
b. Mengoperasikan, mengembangkan dan membina staf.
c. Membantu mempromosikan sekolahan dan mengkoordinasikan
penelusuran tamatan.
51
6. Waka Kurikulum
a. Mengkoordinir penyusunan anggaran kegiatan prestasi di bidang
akademik.
b. Mengumpulkan informasi-informasi berkenaan dengan suatu
kegiatan lomba bidang akademik yang diadakan oleh Perguruan
tinggi maupun instansi lainnya.
c. Membuat laporan tertulis secara rutin tentang data maupun kegiatan
dibidang Akademik.
7. Waka Humas / DUDI
a. Menyusun program kerja dan anggaran Humas.
b. Membantu komite dalam pengembangan sekolah.
c. Menfasilitasi hubungan antar warga sekolah dan komite
d. Memetakan DUDI (Dunia Usaha dan Dunia Industri).
8. Waka Sarana Prasarana ketenagaan, PLH
a. Menyusun program pemanfaatan, pemeliharaan dan perawatan
sarana dan prasarana.
b. Mengkoordinir penyusunan kebutuhan sarana prasarana.
c. Mengkoordinir pelaksanaan pengadaan bahan praktek dan
perlengkapan sekolah.
d. Mengkoordinir pelaksaaan inventariasi sarana prasarana baik per
ruang maupun keseluruhan.
e. Mengkoordinir pemeliharaan, perbaikan, pengembangan dan sarana.
f. Mengkoordinir pengawasan penggunaan sarana prasarana.
g. Mengkoordinir evaluasi penggunaan sarana prasarana.
52
9. Waka Kesiswaan
a. Menyusun dan mensosialisasikan tata tertib siswa yang akan
diterapkan kepada siswa.
b. Mengatur dan mengkoordinir ketertiban, kedisiplinan, dan kehadiran
siswa di sekolah serta masalah-masalah yang berhubungan dengan
hal tersebut.
c. Menyelenggarakan pertemuan antara perwakilan siswa dengan guru,
dan karyawan.
d. Bersama-sama dengan Waka Humas untuk mengkoordinir kegiatan
penerimaan siswa baru.
e. Mengkoordinir penerimaan siswa pindahan.
10. Kepala Perpustakaan
a. Memimpin tenaga perpustakaan sekolah.
b. Merencanakan program perpustakaan sekolah.
c. Melaksanakan program perpustakaan sekolah.
11. Koordinator BP / BK
a. Menyusun program dan pelaksanaan kegiatan penyuluhan.
b. Membantu guru dan wali kelas dalam menghadapi kasus siswa.
c. Membuat program bimbingan psikologi.
d. Membantu Wali Murid dalam memberikan layanan psikolog tentang
perkembangan putra-putrinya.
12. Kompetensi Keahlian Akutansi
a. Menjadi lembaga diklat tehnisi akuntansi yang berstandar nasional
yang makin berkualitas.
53
b. Menjadi tempat uji kompetensi tehnisi akuntansi yang kredibel dan
obyektif.
c. Menghasilkan tenaga kerja tingkat menengah yang kompeten di
bidang bisnis dan manajemen untuk siap bersaing di era global baik
untk hidup mandiri maupun melanjutkan pendidikan lebih lanjut.
13. Kompetensi Keahlian Akutansi Perkantoran (AP)
a. Mempersiapkan peserta didik terutama untuk bekerja dalam bidang
administrasi perkantoran.
b. Membekali peserta didik dengan keterampilan, pengetahuan, dan
sikap agar kompeten.
c. Menghasilkan tenaga kerja tingkat menengah yang kompeten di
bidang bisnis dan manajemen untuk siap bersaing di era global baik
untk hidup mandiri maupun melanjutkan pendidikan lebih lanjut.
14. Kompetensi Keahlian Teknik Komputer Jaringan (TKJ)
a. Mempersiapkan peserta didik agar menjadi manusia produktif,
mampu bekerja mandiri,mengisi lowongan pekerjaan yang ada di
DUDI sebagai tenaga kerja tingkat menengah padabidang Teknil
Komputer dan Jaringan.
b. Membekali peserta didik agar mampu memilih karir, ulet dan gigih
dalam berkompetensi,beradaptasi dilingkungan kerja dan
mengembangkan sikap profesional pada bidang TeknikKomputer
dan Jaringan.
54
c. Membekali peserta didik dengan ilmu pengetahuan, teknologi dan
seni agar mampumengembangkan diri di kemudian hari baik secara
mandiri maupun melalui jenjangpendidikan yang lebih tinggi.
15. Kompetensi Keahlian Teknik Sepeda Motor (TSM)
a. Mempersiapkan peserta didik menjadi manusia islami yang
produktif, mampu bekerja mandiri dan dapat diserap oleh DUDI
sebagai tenaga kerja tingkat menengah sesuai dengan kompotensi
yang dimilikinya.
b. Memberikan pembekalan agar mampu berkarir, ulet dan giat dalam
berkompetensi, mampu beradaptasi dilingkungan kerja dan dapat
mengembangkan sikap propesional sesuai kompetensi yang
dimilikinya.
c. Membekali peserta didik dalam ilmu pengetahuan, teknologi, seni
dan wawasan entreuprener agar mampu mengembangkan diri
dikemudian hari baik secara mandiri maupun melanjutkan pada
jenjang pendidikan lebih tinggi.
d. Membekali peserta didik dengan keterampilan, pengetahuan dan
sikap agar kompeten di bidang :
1) Perawatan dan perbaikan motor (engine) / tune up.
2) Perawatan dan perbaikan sistem pemindah tenaga/ transmisi.
3) Perawatan dan perbaikan chasis dan suspense.
4) Perawatan dan perbaikan sistem kelistrikan.
16. Guru
a. Membuat program pengajaran.
55
b. Melaksanakan kegiatan pembelajaran.
c. Melaksanakan kegiatan penilaian.
d. Melakukan analisis hasil ulangan.
e. Menyusun dan melaksanakan program perbaikan / pengajaran.
f. Mengisi daftar nilai.
g. Mengikuti kegiatan sosialisasi dan pengembangan kurikulum.
h. Meneliti kehadiran siswa.
17. Siswa SMK Muhammadiyah Watukelir
a. Belajar : belajar merupakan tugas pokok seorang siswa, karena
melalui belajar dapat menciptakan generasi muda yang cerdas.
Tugas siswa di sekolah dibagi menjadi 3 diantaranya adalah:
1) Memahami dan mempelajari materi yang diajarakan
2) Mengerjakan tugas-tugas yang diberikan oleh guru.
3) Mempelajari kembali materi yang telah diajarkan dan
mengerjakan PR jika Ada PR.
b. Taat pada peraturan sekolah: setiap sekolah memiliki tatatertib yang
harus ditaati oleh para siswa, demi terciptanya kondisi sekolah yang
kondusif, aman, nyaman untuk siswa dalam belajar dan menjalani
aktivitas selama di sekolah. Selain itu tatatertib sekolah juga sebagai
patokan dan kontrol prilaku siswa di sekolah. Jika tatatertib dilangar
maka akan mendapatkan sangsi atau hukuman.
c. Patuh dan hormat pada guru: tugas seorang siswa di sekolah
selanjutnya adalah patuh dan hormat kepada guru. Rahmat, barokah
dan manfaat dari sebuah ilmu itu tergantung dari ridhonya guru.
56
Oleh karena itu jika siswa ingin menjadi siswa yang cerdas haruslah
patuh, taat dan hormat pada guru. Contoh:
1) Menuruti semua perintah guru.
2) Menghargai guru.
3) Memperhatikan jika diterangkan materi oleh guru.
d. Disiplin: ada sebuah istilah “ kunci meraih sukses adalah disiplin”
istilah ini memiliki makna yang kuat jika seseorang memiliki
disiplin yang tinggi maka dia akan sukses. Begitu juga dengan siswa
jika seorang siswa memiliki disiplin yang tinggi maka dia akan
dapat meraih cita-cita yang diinginkan.
e. Menjaga nama baik sekolah: menjaga nama baik sekolah adalah
kewajiban setiap siswa, dengan menjaga nama baik sekolah maka
siswa dan sekolah akan mendapatkan nilai positif dari masyrakat.
Dan jika siswa dapat memberikan prestasi bagi sekolah akan
menjadi sebuah kebangaan yang luar biasa.
3.2. Analisis Kebutuhan
Analisa kebutuhan dibagi menjadi 4 bagian yaitu kebutuhan pengguna,
kebutuhan pengguna administrator dan kebutuhan sistem:
A. Kebutuhan pengguna Guru
1. Guru dapat melakukan login untuk mengakses e-learning.
2. Guru dapat menambahkan, menggapus dan mendownload materi
pelajaran serta melihat jadwal mengajar.
57
3. Guru dapat membuat tugas baru, mengedit jawaban dan menggapus
tugas.
4. Guru dapat melihat nilai tugas tiap-tiap kelas.
5. Guru dapat mengganti password.
B. Kebutuhan pengguna siswa
1. Siswa dapat melakukan login untuk mengakses e-learning.
2. Siswa dapat mendownload materi dan mengerjakan tugas yang
diberikan oleh guru.
3. Siswa dapat melihat nilai hasil tugasnya yang diberikan oleh guru.
4. Siswa dapat melihat jadwal pelajaran, mengedit data diri dan mengganti
password.
C. Kebutuhan pengguna administrator
1. Admin dapat melakukan login untuk mengakses e-learning.
2. Admin mengelola tampilan beranda dan kelola profile.
3. Admin dapat menambahkan siswa, mengedit data siswa, menghapus
siswa dan print laporan data siswa tiap-tiap kelas maupun seluruh siswa
di sekolahan.
4. Admin dapat menambahkan guru, mengedit data guru, menghapus guru
dan print laporan data semua guru.
5. Admin dapat menambahkan, mengedit, menghapus dan print laporan
data semua kelas.
6. Admin dapat menambahkan, mengedit, menghapus mata pelajaran dan
print laporan semua mata pelajaran.
58
7. Admin dapat menambahkan, mengedit, menghapus dan print jadwal
mengajar tiap-tiap kelas maupun semua jadwal mengajar di sekolahan.
D. Kebutuhan sistem
1. Guru membutuhkan form login untuk mengelola sumber daya yang ada
dalam sistem informasi ini kemudian dikembalikan ke sistem untuk
diakses oleh siswa.
2. Siswa membutuhkan form login untuk menerima output atau keluaran
dari sistem.
3. Admin membutuhkan form login untuk mengelola sistem e-learning
yang dimiliki.
3.3. Perancangan Perangkat Lunak
3.3.1. Rancangan Antar Muka
Menjelaskan rancangan antar muka (interface) yang terdapat pada aplikasi
berbasis web.
A. Rancangan Antar Muka Admin
1. Rancangan Antar Muka Halaman Login Admin
Gambar III.2
Rancangan Antarmuka Halaman Login Admin
59
2. Rancangan Antar Muka Halaman Index Admin
Gambar III.3
Rancangan Antarmuka Halaman Index Admin
B. Rancangan Antarmuka Guru
1. Rancangan Antar Muka Halaman Login Guru
Gambar III.4
Rancangan Antar Muka Halaman Login Guru
60
2. Rangcangan Antar Muka Halaman Index Guru
Gambar III.5
Rancangan Antarmuka Halaman index Guru
C. Rancangan Antarmuka Siswa
1. Rancangan Antar Muka Halaman Login Siswa
Gambar III.6
Rancangan Antarmuka Halaman Login Siswa
61
2. Rancangan Antar Muka Halaman Index Siswa
Gambar III.7
Rancangan Antarmuka Halaman Index Siswa
D. Rancangan Antarmuka Halaman index e-learning
Gambar III.8
Rancangan Antarmuka Halaman Index E-learning
62
3.3.2. Rancangan Basis Data
Perancangan basis data menghasilkan pemetaan tabel-tabel yang
digambarkan dengan Entity Relationship Diagram (ERD).
A. Entity Relationship Diagram (ERD)
Gambar III.9
Entity Relationship Diagram (ERD)
ADMIN
TUGAS
KELOLA SISWA
JAWABAN OBJEKTIF
PERTANYAAN OBJEKTIF
NILAI
MEMILIKI
MEMILIKI
MATERI AJAR
MEMILIKI
MATA PELAJARAN
MEMILIKI
KELAS
KELOLA
KELOLA
MEMILIKI
GURU
MEMILIKIJADWAL
PELAJARAN
KELOLA
MEMILIKI
MEMILIKI
KELOLA
MEMILIKI
KELOLA
KELOLA
MEMILIKI
id_admin
username
password
level
nama_lengkap
jenis_kelamin
nm_siswa
password
no_induk
tempat_lahir
Tanggaal_lahir
jk
alamat
pekerjaan
foto
kd_kelas
level
nm_ortu
agama
sekolah_asal
No_induk
id_jawaban
id_pertanyaan
jawaban
waktu_objektif
id_tugas
id_nilai_tugas
nilai_tugas
no_induk
kd_kelas
nip
nm_kelas
kapasitaskd_pelajaran
kd_kelas
nip
id_jadwal_pelajaran
jam_selesai
jam_mulai
hari
kd_pelajaran
nm_mapel
nip
kd_pelajaran
id_materi_ajar
nip
kd_kelasketerangan
file_materi_ajar
tanggal
nip
password
nm_guru
alamat
tempat_lahir
tanggal_lahir
jenis_kelamin
foto
telpon
agama
level
tamatan
gol
jabatan
nm_guru
nm_gurunm_guru
nm_guru
nm_guru
nm_guru
nip
kd_pelajaran
batas_waktu
kd_kelas
id_tugas
1
1
1
1
MM
1
1
M
1
MM
1
M
M
M
1
1
M
1
M1
1
1
1
1
M
1 M
1
M
63
B. Logical Relational Structure (LRS)
Gambar III.10
Logical Relational Structure (LRS)
64
C. Spesifikasi File
Menjelaskan tentang file atau tabel yang terbentuk dari transformasi
ERD (dan atau file-file penunjang untuk web). File-file ini tersimpan pada
database dengan parameter-parameter sbb :
1. Nama File : Table Admin
Akronim : tbl_admin
Fungsi : Sebagai tempat menyimpan data user admin
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Penjang Record : 140 Karakter
Kunci Field : id_admin
Software : MySQL
Tabel III.1
Spesifikasi File Admin
No Elemen data Nama Field Type Size Keterangan
1 Id admin id_admin int 5 Primary Key
2 Username username varchar 40
3 Password password varchar 40
4 Nama lengkap nama_lengkap varchar 35
5 Jenis kelamin jenis_kelamin varchar 10
6 Level level varchar 10
65
2. Nama File : Tabel guru
Akronim : tbl_guru
Fungsi : Sebagai tempat menyimpan data user guru
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Penjang Record : 549 Karakter
Kunci Field : nip
Software : MySQL
Tabel III.2
Spesifikasi File Guru
No Elemen data Nama Field Type Size Keterangan
1 NIP nip varchar 20 Primary Key
2 Password password varchar 20
3 Nama guru nm_guru varchar 40
4 Alamat alamat varchar 150
5 Tempat lahir tempat_lahir varchar 30
6 Tanggal Lahir tanggal_lahir varchar 13
7 Jenis kelamin jenis_kelamin varchar 10
8 Foto foto varchar 40
9 No telpon telpon varchar 12
10 Agama agama varchar 10
11 Jabatan jabatan varchar 40
12 Golongan gol varchar 7
13 Tamatan tamatan varchar 150
14 Level level varchar 7
66
3. Nama File : Tabel jadwal pelajaran
Akronim : tbl_jadwal_pelajaran
Fungsi : Sebagai tempat menyimpan jadwal pelajaran
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Penjang Record : 73 Karakter
Kunci Field : id_jadwal_pelajaran
Software : MySQL
Tabel III.3
Spesifikasi File Jadwal Pelajaran
4. Nama File : Tabel jawaban objektif
Akronim : tbl_jawaban_objektif
Fungsi : Sebagai tempat menyimpan jawaban objektif
Tipe File : File Master
Organisasi File : Indexed Squential
No Elemen data Nama Field Type Size Keterangan
1 Id jadwal pelajaran id_jadwal_pelajaran int 11 Primary Key
2 Kode kelas kd_kelas varchar 11
3 Kode pelajaran kd_pelajaran varchar 11
4 NIP nip varchar 20
5 Hari hari varchar 20
6 Jam mulai jam_mulai time
7 Jam selesai jam_selesai time
67
Akses File : Random
Media : Harddisk
Penjang Record : 22 Karakter
Kunci Field : id_jawaban_objektif
Software : MySQL
Tabel III.4
Spesifikasi File Jawaban Objektif
5. Nama File : Tabel kelas
Akronim : tbl_kelas
Fungsi : Sebagai tempat menyimpan data kelas
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Penjang Record : 47 Karakter
Kunci Field : kd_kelas
Software : MySQL
No Elemen data Nama Field Type Size Keterangan
1 Id jawaban obejektif id_jawaban_objektif int 5 Primary Key
2 No induk no_induk varchar 10
3 Id pertanyan objektif id_pertanyaan_objektif int 5
4 Jawaban jawaban varchar 2
5 Waktu objektif waktu_objektif timestamp
68
Table III.5
Spesifikasi File Kelas
6. Nama File : Tabel mata pelajaran
Akronim : tbl_mata_pelajaran
Fungsi : Sebagai tempat menyimpan mata pelajaran
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Penjang Record : 190 Karakter
Kunci Field : kd_pelajaran
Software : MySQL
Table III.6
Spesifikasi File Mata Pelajaran
No Elemen data Nama Field Type Size Keterangan
1 Kode kelas kd_kelas varchar 4 Primary Key
2 NIP nip varchar 20
3 Nama kelas nm_kelas varchar 20
4 Kapasitas kapasitas int 3
No Elemen data Nama Field Type Size Keterangan
1 Kode pelajaran kd_pelajaran varchar 20 Primary Key
2 Nama mata pelajaran nm_mapel varchar 150
3 NIP nip varchar 20
69
7. Nama File : Tabel materi ajar
Akronim : tbl_materi_ajar
Fungsi : Sebagai tempat menyimpan materi ajar
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Penjang Record : 290 Karakter
Kunci Field : id_materi_ajar
Software : MySQL
Table III.7
Spesifikasi File Materi Ajar
8. Nama File : Tabel nilai tugas
Akronim : tbl_nilai_tugas
Fungsi : Sebagai tempat menyimpan nilai tugas siswa
Tipe File : File Master
Organisasi File : Indexed Squential
No Elemen data Nama Field Type Size Keterangan
1 Id materi ajar id_materi_ajar varchar 5 Primary Key
2 Kode pelajaran kd_pelajaran varchar 5
3 NIP nip varchar 20
4 Kode kelas kd_kelas varchar 5
5 Keterengan keterangan text
6 File materi ajar file_materi_ajar varchar 255
7 tanggal tanggal date
70
Akses File : Random
Media : Harddisk
Penjang Record : 26 Karakter
Kunci Field : id_nilai_tugas
Software : MySQL
Table III.8
Spesifikasi File Nilai Tugas
9. Nama File : Tabel pertanyaan objektif
Akronim : tbl_pertanyaan_objektif
Fungsi : Sebagai tempat menyimpan pertanyaan objektif
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Penjang Record : 1302 Karakter
Kunci Field : id_pertanyaan_objektif
Software : MySQL
No Elemen data Nama Field Type Size Keterangan
1 Id nilai tugas id_nilai_tugas int 5 Primary Key
2 Id tugas id_tugas int 5
3 No induk no_induk int 11
4 Nilai tugas nilai_tugas int 5
71
Table III.9
Spesifikasi File Pertanyaan Objektif
10. Nama File : Tabel siswa
Akronim : tbl_siswa
Fungsi : Sebagai tempat menyimpan data siswa
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Penjang Record : 205 Karakter
Kunci Field : no_induk
Software : MySQL
No Elemen data Nama Field Type Size Keterangan
1 Id pertanyaan objektif id_pertanyaan_objektif int 11 Primary Key
2 Id tugas id_tugas int 11
3 Pertanyaan objektif pertanyaan_objektif text
4 Jawab a jawab_a varchar 255
5 Jawab b jawab_b varchar 255
6 Jawab c jawab_c varchar 255
7 Jawab d jawab_d varchar 255
8 Jawab e jawab_e varchar 255
9 Kunci jawaban kunci_jawaban varchar 5
72
Table III.10
Spesifikasi File Siswa
11. Nama File : Tabel Tugas
Akronim : tbl_tugas
Fungsi : Sebagai tempat menyimpan data tugas
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Harddisk
Penjang Record : 84 Karakter
Kunci Field : id_tugas
Software : MySQL
No Elemen data Nama Field Type Size Keterangan
1 No induk no_induk varchar 10 Primary Key
2 Password password varchar 15
3 Nama siswa nm_siswa varchar 20
4 Alamat alamat varchar 30
5 Tempat lahir tempat_lahir varchar 15
6 Tanggal lahir tanggal_lahir varchar 10
7 Jenis kelamin jk varchar 10
8 Agama agama varchar 10
9 Foto foto varchar 10
10 Sekolah asal sekolah_asal varchar 20
11 Nama orang tua nm_ortu varchar 20
12 Pekerjaan pekerjaan varchar 20
13 Kode kelas kd_kelas varchar 5
14 Level level varchar 10
73
Table III.11
Spesifikasi File Tugas
3.3.3. Rancangan Struktur Navigasi
A. Rancangan Struktur Navigasi Admin
Gambar III.11
Struktur Navigasi Admin
No Elemen data Nama field Type Size Keterengan
1 Id tugas id_tugas Int 10 Primary Key
2 NIP Nip varchar 50
3 Kode Pelajaran kd_pelajaran varchar 20
4 Kode kelas kd_kelas varchar 4
5 Batas waktu batas_waktu datetime
INDEX
Edit
Hompage
Kelola
ProfileKelola Siswa Kelola Guru
Login
Kelola Kelas LogoutKelola Mata
Pelajaran
Kelola Jadwal
Mengajar
Ganti
Password
74
B. Rancangan Struktur Navigasi Guru
Gambar III.12
Struktur Navigasi Guru
C. Rancangan Struktur Navigasi Siswa
Gambar III.13
Struktur Navigasi Siswa
INDEX
Download
MateriTugas
Laporan
Nilai
Profile
Siswa
Login
Jadwal Mata
PelajaranLogout
Ganti
Password
INDEX
Data Materi Data Tugas Laporan Nilai Profile Guru
Login
Ganti
PasswordLogout
75
3.4. Implementasi dan Pengujian Unit
3.4.1. Implementasi
A. Implementasi Rancangan Antar Muka
Implementasi rancangan antar muka pada sistem informasi pendaftaran
berdasarkan rancangan antar muka.
1. Tampilan Halaman Home
Halaman home adalah tampilan awal di website e-learning SMK
Muhammadiyah Watukelir dan digunakan untuk menampilkan berbagai
informasi tentang e-learning SMK Muhammadiyah watukelir. Contoh dari
halaman home dapat dilihat pada gambar III.14.
Gambar III.14
Halaman Home
76
2. Tampilan Halaman Profile
Halaman profil menampilkan profil sekolah yang bersangkutan berupa
sejarah singkat sekolah, kegiatan proses belajar mengajar dan kegiatan non
teaching yang ada pada sekolah SMK Muhammadiyah Watukelir. Contoh
dari halaman profile dapat dilihat pada gambar III.15.
Gambar III.15
Halaman Profile
3. Tampilan Halaman Login
Halaman login digunakan oleh admin, guru dan siswa untuk login ke
dalam website e-learning agar dapat mengelola data yang tersedia. Contoh
dari halaman login dapat dilihat pada gambar III.16
77
Gambar III.16
Halaman Login
4. Tampilan Halaman Edit Homepage
Halaman ini hanya dapat diakses oleh admin. Halaman ini digunakan
untuk mengelola tampilan halaman home pada e-learning SMK
Muhammadiyah Watukelir. Contoh dari halaman edit homepage dapat
dilihat pada gambar III.17.
Gambar III.17
Halaman Edit Homepage
78
5. Tampilan Halaman Edit Profile
Halaman ini hanya dapat diakses oleh admin. Halaman ini digunakan
untuk mengelola tampilan halaman profile pada e-learning SMK
Muhammadiyah Watukelir. Contoh dari halaman edit profile dapat dilihat
pada gambar III.18.
Gambar III.18
Halaman Kelola Profile
6. Tampilan Halaman Kelola Siswa
Halaman ini hanya dapat diakses oleh admin. Halaman ini digunakan
untuk mengedit, menghapus dan menambah data siswa. Serta, mencetak
data siswa perkelas ataupun data semua siswa yang sudah mendaftar dan di
daftarkan pada e-learning SMK Muhammadiyah Watukelir. Contoh dari
halaman kelola siswa dapat dilihat pada gambar III.19.
79
Gambar III.19
Halaman Kelola Siswa
7. Tampilan Halaman Kelola Guru
Halaman ini hanya dapat diakses oleh admin. Halaman ini digunakan
untuk mengedit, menghapus dan menambah data guru. Serta, mencetak
data guru yang sudah mendaftar dan didaftarkan pada e-learning SMK
Muhammadiyah Watukelir. Contoh dari halaman kelola guru dapat dilihat
pada gambar III.20.
80
Gambar III.20
Halaman Kelola Guru
8. Tampilan Kelola Kelas
Halaman ini hanya dapat diakses oleh admin. Halaman ini digunakan
untuk mengedit, menghapus dan menambah data kelas. Serta, mencetak
semua data kelas yang ada pada e-learning SMK Muhammadiyah
Watukelir. Contoh dari halaman kelola kelas dapat dilihat pada gambar
III.21.
Gambar III.21
81
Halaman Kelola Kelas
9. Tampilan Halaman Kelola Mata Pelajaran
Halaman ini hanya dapat diakses oleh admin. Halaman ini digunakan
untuk mengedit, menghapus dan menambah data mata pelajaran. Serta,
mencetak semua data mata pelajaran yang ada pada e-learning SMK
Muhammadiyah Watukelir. Contoh dari halaman kelola mata pelajaran
dapat dilihat pada gambar III.22.
Gambar III.22
Halaman Kelola Mata Pelajaran
10. Tampilan Halaman Kelola Jadwal Mengajar
Halaman ini hanya dapat diakses oleh admin. Halaman ini digunakan
untuk mengedit, menghapus dan menambah jadwal pelajaran. Serta,
mencetak jadwal pelajaran perkelas ataupun data semua jadwal pelajaran
yang terdapat pada e-learning SMK Muhammadiyah Watukelir. Contoh
dari halaman kelola jadwal mengajar dapat dilihat pada gambar III.23.
82
Gambar III.23
Halaman Kelola Jadwal Mengajar
11. Tampilan Halaman Ganti Password Admin
Halaman ini hanya dapat diakses oleh admin. Halaman ini digunakan
untuk merubah password admin. Contoh dari halaman ganti password dapat
dilihat pada gambar III.24.
Gambar III.24
83
Halaman Ganti Password Admin
12. Halaman Logout
Halaman ini digunakan oleh admin, guru dan siswa untuk keluar dari
website e-learning. Serta, tampilan yang mucul hanyalah sebuah notice dan
akan kembali ke halaman home jika sudah berhasil logout. Contoh dari
halaman logout dapat dilihat pada gambar III.25.
Gambar III.25
Tampilan Halaman Logout
13. Tampilan Halaman Home Guru
Halaman home adalah tampilan awal di website e-learning SMK
Muhammadiyah Watukelir dan digunakan untuk menampilkan berbagai
informasi tentang e-learning SMK Muhammadiyah watukelir serta
menampilkan nama dan foto guru. Contoh dari halaman home guru dapat
dilihat pada gambar III.26.
84
Gambar III.26
Halaman Home Guru
14. Tampilan Data Materi
Halaman ini hanya dapat diakses oleh guru. Halaman ini digunakan
untuk menambah, menghapus serta mengunduh bahan materi ajar. Serta, di
halaman ini juga dapat melihat jadwal guru mengajar. Contoh dari halaman
data materidapat dilihat pada gambar III.27.
Gambar III.27
Halaman Data Materi
85
15. Tampilan Halaman Data Tugas
Halaman ini hanya dapat diakses oleh guru. Halaman ini digunakan
untuk mengelola tugas dan isi dari tugas ini berupa pertanyaan essai dan
objektif serta jawabannya. Contoh dari halaman data tugas dapat dilihat
pada gambar III.28.
Gambar III.28
Halaman Kirim Tugas
16. Tampilan Halaman Laporan Nilai Guru
Halaman ini digunakan oleh guru untuk melihat hasil nilai semua siswa
yang telah mengerjakan tugas yang diberikan. Contoh dari halaman laporan
nilai dapat dilihat pada gambar III.29.
86
Gambar III.29
Halaman Laporan Nilai Guru
17. Tampilan Halaman Profile Guru
Halaman ini hanya dapat diakses oleh guru. Halaman ini digunakan
untuk melihat biodata guru. Contoh dari halaman profile guru dapat dilihat
pada gambar III.30.
Gambar III.30
Halaman Profile Guru
87
18. Tampilan Halaman Ganti Password Guru
Halaman ini hanya dapat diakses oleh guru. Halaman ini digunakan
untuk merubah password guru. Contoh dari halaman ganti password guru
dapat dilihat pada gambar III.31.
Gambar III.31
Halaman Ganti Password Guru
19. Tampilan Halaman Home Siswa
Halaman home adalah tampilan awal di website e-learning SMK
Muhammadiyah Watukelir dan digunakan untuk menampilkan berbagai
informasi tentang e-learning SMK Muhammadiyah watukelir serta
menampilkan nama dan foto Siswa. Contoh dari halaman home siswa dapat
dilihat pada gambar III.32.
88
Gambar III.32
Hamalan Home Siswa
20. Tampilan Materi
Halaman ini hanya dapat diakses oleh siswa. Halaman ini digunakan
untuk melihat dan mengunduh bahan materi yang diberikan oleh guru yang
berisikan nama mata pelajaran, nama guru dan keterangan materi. Contoh
dari halaman materi dapat dilihat pada gambar III.33.
Gambar III.33
Halaman Materi
89
21. Tampilan Halaman Tugas
Halaman ini hanya dapat diakses oleh siswa. Halaman ini digunakan
siswa untuk mengerjakan tugas yang diberikan oleh guru. Contoh dari
halaman tugas dapat dilihat pada gambar III.34
Gambar III.34
Halaman Tugas
22. Tampilan Halaman Laporan Nilai Siswa
Halaman ini digunakan oleh siswa untuk melihat nilai hasil mengerjakan
tugas. Contoh dari halaman laporan dapat dilihat pada gambar III.35.
Gambar III.35
Halaman Laporan Nilai Siswa
90
23. Tampilan Halaman Profile Siswa
Halaman ini hanya dapat diakses oleh siswa. Halaman ini digunakan
untuk melihat dan mengedit data siswa. Contoh dari halaman profile siswa
dapat dilihat pada gambar III.36.
Gambar III.36
Halaman Profile Siswa
24. Tampilan Halaman Jadwal Mata Pelajaran
Halaman ini digunakan oleh siswa untuk melihat jadwal mata pelajaran
dan siswa juga dapat mencetaknya. Contoh dari halaman jadwal mata
pelajaran dapat dilihat pada gambar III.37.
Gambar III.37
Halaman Jadwal Mata Pelajaran
91
25. Tampilan Halaman Ganti Password Siswa
Halaman ini hanya dapat diakses oleh guru. Halaman ini digunakan
untuk merubah password siswa. Contoh dari halaman ganti Password siswa
dapat dilihat pada gambar III.38.
Gambar III.38
Halaman Ganti Password Siswa
B. Spesifikasi Sistem Komputer
Berikut adalah spesifikasi perangkat keras dan perangkat lunak
minimum yang dibutuhkan untuk mengimplementasikan aplikasi e-learning
di SMK Muhammadiyah Watukelir.
1. Spesifikasi Perangkat Keras
a. Server
1) CPU
a) Processor Intel Core 2 Duo
b) RAM DDR2 4GB
c) Harddisk 1TB
92
2) Mouse
3) Keyboard
4) Monitor dengan resolusi 1024x768
5) Koneksi internet 2Mbps
b. Client
1) CPU
a) Processor Intel Core 2 Duo
b) RAM DDR2 2GB
c) Harddisk 120GB
2) Mouse
3) Keyboard
4) Koneksi Internet 2Mbps
2. Spesifikasi Perangkat Lunak
a. Server
1) Sistem operasi yang umum digunakan seperti: Microsoft
Windows atau Linux (Ubuntu, Fedora dan lain-lain).
2) Aplikasi Bundle Web Server seperti: Apache2TRIAD yang terdiri
dari dari beberapa komponen, diantaranya:
a) Aplikasi Apache Server v2
b) Aplikasi PHP Server v5
c) Aplikasi MySQL Server v5
d) Aplikasi phpMyAdmin v3
3) Aplikasi Web Lihat seperti Mozilla Firefox, Opera, Internet
Explorer, Google Chrome.
93
b. Client
1) Sistem operasi yang umum digunakan seperti: Microsoft
Windows atau Linux (Ubuntu, Fedora dan lain-lain).
2) Aplikasi Web browser seperti Mozilla Firefox,Opera, Internet
Explorer, Google Chrome.
3.4.2. Pengujian Unit
Pengujian unit adalah metode verifikasi perangkat lunak di mana
programmer menguji suatu unit program layak untuk tidaknya dipakai. Unit
testing ini fokusnya pada verifikasi pada unit yang terkecil pada desain perangkat
lunak (komponen atau modul perangkat lunak). Karena dalam sebuah perangkat
lunak banyak memiliki unit-unit kecil maka untuk mengujinya biasanya dibuat
program kecil atau main program) untuk menguji unit-unit perangkat lunak. Unit-
unit kecil ini dapat berupa prosedur atau fungsi, sekumpulan prosedur atau fungsi
yang ada dalam satu file jika dalam pemrograman terstruktur, atau kelas, bisa juga
kumpulan kelas dalam satu package dalam PBO. Pengujian unit biasanya
dilakukan saat kode program dibuat. (Rosa dan Shalahudin, 2013:275).
Tabel III.12
Hasil pengujian Black Box Testing Halaman Login Admin
No Scenario
Pengujian Test Case
Hasil
Diharapkan
Hasil
Pengujian Kesimpulan
1 Username,
password tidak
diisi dan Level
pengguna tidak
dipilih
kemudian klik
button masuk
Username:
(kosong)
Level:
(kosong)
Password:
(kosong)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
94
2 Username
diisi, password
tidak diisi dan
Level pengguna
tidak dipilih
kemudian klik
button masuk
Username:
(admin)
Level:
(kosong)
Password:
(kosong)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
3 Username
diisi, password
tidak diisi dan
Level pengguna
dipilih
kemudian klik
button masuk
Username:
(admin)
Level:
(admin)
Password:
(kosong)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
4 Username,
password tidak
diisi dan Level
pengguna
dipilih
kemudian klik
button masuk
Username:
(kosong)
Level:
(admin)
Password:
(kosong)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
5 Username
tidak diisi,
password tidak
diisi dan Level
pengguna
dipilih
kemudian klik
button masuk
Username:
(kosong)
Level:
(admin)
Password:
(kosong)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
6 Username
tidak diisi,
password diisi
dan Level
pengguna tidak
dipilih
kemudian klik
button masuk
Username:
(kosong)
Level:
(kosong)
Password:
(admin)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
7 Username, Username: Sistem akan Sesuai Valid
95
password diisi
dan Level
pengguna tidak
dipilih
kemudian klik
button masuk
(admin)
Level:
(kosong)
Password:
(kosong)
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
harapan
8 Mengetikkan
salah satu
kondisi tidak
benar pada
username,
password dan
pilihan Level
pengguna
kemudian klik
button masuk
Username:
admin
(benar)
Level:
guru
(salah)
Password:
admin
(benar)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
9 Mengetikkan
semua kondisi
dengan benar
benar pada
username,
password dan
pilihan Level
pengguna
kemudian klik
button masuk
Username:
admin
(benar)
Level:
admin
(benar)
Password:
admin
(benar)
Sistem akan
menerima
akses login
dan
kemudian
langsung
menampilkan
menu dari
web.
Sesuai
harapan
Valid
Tabel III.13
Hasil pengujian Black Box Testing Halaman Login Guru
No Scenario
Pengujian Test Case
Hasil
Diharapkan
Hasil
Pengujian Kesimpulan
1 Username,
password
tidak diisi
dan Level
pengguna
tidak dipilih
kemudian
Username:
(kosong)
Level:
(kosong)
Password:
(kosong)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Sesuai
harapan
Valid
96
klik button
masuk
Gagal Login”
2 Username
diisi,
password
tidak diisi
dan Level
pengguna
tidak dipilih
kemudian
klik button
masuk
Username:
(1963080519
91032003)
Level:
(kosong)
Password:
(kosong)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
3 Username
diisi,
password
tidak diisi
dan Level
pengguna
dipilih
kemudian
klik button
masuk
Username:
(1963080519
91032003)
Level:
(guru)
Password:
(kosong)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
4 Username,
password
tidak diisi
dan Level
pengguna
dipilih
kemudian
klik button
masuk
Username:
(kosong)
Level:
(guru)
Password:
(kosong)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
5 Username
tidak diisi,
password
tidak diisi
dan Level
pengguna
dipilih
kemudian
klik button
masuk
Username:
(kosong)
Level:
(guru)
Password:
(kosong)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
97
6 Username
tidak diisi,
password
diisi dan
Level
pengguna
tidak dipilih
kemudian
klik button
masuk
Username:
(kosong)
Level:
(kosong)
Password:
(guru)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
7 Username,
password
diisi dan
Level
pengguna
tidak dipilih
kemudian
klik button
masuk
Username:
(1963080519
91032003)
Level:
(kosong)
Password:
(kosong)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
8 Mengetikkan
salah satu
kondisi tidak
benar pada
username,
password dan
pilihan Level
pengguna
kemudian
klik button
masuk
Username:
1963080519
91032003
(benar)
Level:
guru
(salah)
Password:
guru (benar)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
9 Mengetikkan
semua
kondisi
dengan benar
benar pada
username,
password dan
pilihan Level
pengguna
kemudian
klik button
masuk
Username:
1963080519
91032003
(benar)
Level:
guru
(benar)
Password:
guru (benar)
Sistem akan
menerima
akses login
dan
kemudian
langsung
menampilkan
menu dari
web.
Sesuai
harapan
Valid
98
Tabel III.14
Hasil pengujian Black Box Testing Halaman Login Siswa
No Scenario
Pengujian Test Case
Hasil
Diharapkan
Hasil
Pengujian Kesimpulan
1 Username,
password tidak
diisi dan Level
pengguna tidak
dipilih
kemudian klik
button masuk
Username:
(kosong)
Level:
(kosong)
Password:
(kosong)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
2 Username
diisi, password
tidak diisi dan
Level
pengguna tidak
dipilih
kemudian klik
button masuk
Username:
(16931191)
Level:
(kosong)
Password:
(kosong)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
3 Username
diisi, password
tidak diisi dan
Level
pengguna
dipilih
kemudian klik
button masuk
Username:
(16931191)
Level:
(siswa)
Password:
(kosong)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
4 Username,
password tidak
diisi dan Level
pengguna
dipilih
kemudian klik
button masuk
Username:
(kosong)
Level:
(siswa)
Password:
(kosong)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
5 Username
tidak diisi,
password tidak
diisi dan Level
Username:
(kosong)
Level:
(siswa)
Sistem akan
menolak
akses admin
dan
Sesuai
harapan
Valid
99
pengguna
dipilih
kemudian klik
button masuk
Password:
(kosong)
menampilkan
notice
“Maaf, anda
Gagal Login”
6 Username
tidak diisi,
password diisi
dan Level
pengguna tidak
dipilih
kemudian klik
button masuk
Username:
(kosong)
Level:
(kosong)
Password:
(siswa)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
7 Username,
password diisi
dan Level
pengguna tidak
dipilih
kemudian klik
button masuk
Username:
(16931191)
Level:
(kosong)
Password:
(kosong)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
8 Mengetikkan
salah satu
kondisi tidak
benar pada
username,
password dan
pilihan Level
pengguna
kemudian klik
button masuk
Username:
16931191
(benar)
Level:
siswa
(salah)
Password:
siswa
(benar)
Sistem akan
menolak
akses admin
dan
menampilkan
notice
“Maaf, anda
Gagal Login”
Sesuai
harapan
Valid
9 Mengetikkan
semua kondisi
dengan benar
benar pada
username,
password dan
pilihan Level
pengguna
kemudian klik
button masuk
Username:
16931191
(benar)
Level:
siswa
(benar)
Password:
siswa
(benar)
Sistem akan
menerima
akses login
dan
kemudian
langsung
menampilkan
menu dari
web.
Sesuai
harapan
Valid
100
BAB IV
PENUTUP
4.1. Kesimpulan
Sistem e-learning pada SMK Muhammadiyah Watukelir adalah sistem
berbasis web yang berguna sebagai sarana pendukung dari kegiatan belajar di
kelas. Dalam hal ini kegiatan belajar di kelas tetap merupakan hal yang utama.
Sistem e-learning yang dihasilkan dapat membantu guru dalam menyampaikan
semua bahan ajar secara online. Berdasarkan hasil pembahasan selama melakukan
penelitian maka diperoleh beberapa kesimpulan, diantaranya :
1. Aplikasi e-learning yang dirancang telah mengolah soal-soal secara digital
sesuai dengan kurikulum yang berlaku.
2. Aplikasi e-learning telah menyediakan fasilitas upload dan download
materi yang dapat diakses kapanpun dan dimanapun.
3. Aplikasi e-learning memudahkan siswa dalam mengakses dan mendapatkan
materi pelajaran.
4. Aplikasi e-learning dapat menyajikan informasi nilai, sehingga
memudahkan siswa untuk melihat nilai -nilai untuk mata pelajaran tertentu.
5. Dengan menganalisis dari sistem yang berjalan sebelum nya, dengan adanya
sistem e-learning ini dapat membantu guru dalam menyampaikan materi
pembelajaran dan membantu siswa dalam memahami materi serta
menumbuhkan minat belajar siswa. Dengan adanya sistem e-learning
tersebut diharapkan dapat mengurangi kelemahan-kelemahan yang ada pada
sistem sebelumnya.
101
4.2. Saran
Hasil perancangan sistem e-learning ini masih dapat berkembang kembali
mengingat hal yang peneliti rancang berdasarkan metode pengembangan
perangkat lunak waterfall sehingga kapanpun penelitian yang telah berjalan ini
dapat dilanjutkan dan dikembangkan kembali sehingga hasil yang diperoleh dapat
lebih baik dan maksimal, maka saran yang dapat peneliti kemukakan yaitu:
1. Dalam sistem e-learning ini belum adanya pembahasan mengenai UTS dan
UAS.
2. Dalam aplikasi e-learning ini belum tersedia adanya forum diskusi antara
murid dan guru.
3. Peran aktif admin dan guru sangat diperlukan untuk memperbaharui
(update) informasi, materi pelajaran, tugas dan lain sebagainya begitu juga
dalam melakukan manajemen sistem e-learning sehingga dapat sejalan
dengan kurikulum yang berlaku.
4. Dalam aplikasi e-learning ini siswa belum dapat melihat materi secara
langsung, siswa ahanya dapat melihat atau membaca dengan cara
menngunduh terlebih dahulu.
5. Fasilitas laboratorium komputer dan koneksi internet sebagai factor
pendukung penerapan pembelajaran ini harus memadai, agar efektivitas
pembelajaran dapat terlaksana dengan baik. Proses pembelajaran dengan
media e-learning berbasis web sangat tergantung oleh adanya ketersediaan
koneksi internet, sehingga ketika fasilitas jaringan internet terganggu, maka
proses pembelajaran pun dapat terganggu.
102
DAFTAR PUSTAKA
Allen, Michael. 2013. Michael Allen’s Guide to E-learning. Canada : John Wiley
& Sons.
AS Rosa dan M Shalahuddin. 2013. Rekayasa Perangkat Lunak Terstruktur dan
Berorientasi Objek. Bandung : Informatika.
Bekti, Humairah' Bintu. 2015. Mahir membuat dreamweaver cs5, cs6 dan
Dreamweaver . Yogyakarta : Andi.
Edy Winarni dan Ali Zaki, SmitDev. 2011. Resep Top PHP Untuk Programmer
Pemula. Jakarta : PT Elex Media Komputindo.
Fathansyah. 2007. Buku Teks Komputer Basis Data. Bandung : Informatika.
Hasugian dan Shidiq. 2012. LRS (Logical Record Structure). Diakses 12
November 2017. http://karyatulisilmiah .com/lrs-logical-record-structure/.
Kadir, Abdul. 2010. Pengenalan Sistem Informasi. Yogyakarta : Andi offset.
Kurniawan, Erick. 2010. Cepat Mahir ASP.NET 3.5 untuk Aplikasi Web Interaktif.
Yogyakarta : Andi.
Madcoms. 2016. Sukses Membangun Toko Online dengan PHP & MySQL.
Yogyakarta : Andi.
Mata-Toledo, R., A. dan Cushman, P. K.. 2007. Dasar–Dasar Database
Relasional. Jakarta : Erlangga.
Nugroho, Bunafit. 2008. Latihan Membuat Aplikasi Web PHP dan MySql dengan
Dreamweaver MX(6,7,2004) dan 8. Jogjakarta : Gava Media.
Shelly C., dan Velmaart. 2011. Discovering Computers ”Menjelajah Dunia
Komputer” Fundamental 3rd Edition. Salemba : Infotek.
Sunarto. 2009. Pengertian Prestasi Belajar. Jurnal. Diakses 09 November 2017.
http://sunartombs.wordpress.com/2009/01/05/pengertian-prestasi-belajar/.
Suyanto, Asep Herman. 2007. Step by Step Web Desaign Theory and Practices.
Yogyakarta : Andi.
103
104
105
LAMPIRAN
Lampiran A.1. Halaman Lihat Jadwal Mengajar
Lampiran A.2. Halaman Tambahkan Bahan Baru
106
Lampiran A.3. Halaman Tambahkan Tugas Baru
Lampiran A.4. Halaman Lihat Nilai
107
Lampiran A.5. Halaman Lihat Tugas Siswa
Lampiran A.6. Halaman Tambah Kelas
108
Lampiran A.7. Halaman Tambah Mata Pelajaran
Lampiran A.8. Halaman Tambah Jadwal Pelajaran
109
Lampiran A.9. Halaman Tambahkan Siswa Baru
Lampiran A.10. Halaman Tambahkan Guru Baru