TUGAS AKHIR - repository.bsi.ac.id · menyelesaikan tugas ini dengan baik. Dimana tugas akhir ini penulis sajikan dalam bentuk buku yang sederhana. Adapun judul tugas akhir yang penulis

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


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


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.


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.


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.


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



Akses File : Random

Media : Harddisk


Kunci Field : nip

Software : MySQL

Tabel III.2

Spesifikasi File Guru


1 NIP nip varchar 20 Primary Key


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


66

3. Nama File : Tabel jadwal pelajaran

Akronim : tbl_jadwal_pelajaran

Fungsi : Sebagai tempat menyimpan jadwal pelajaran



Akses File : Random

Media : Harddisk


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




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


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



Akses File : Random

Media : Harddisk


Kunci Field : kd_kelas

Software : MySQL


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



Akses File : Random

Media : Harddisk


Kunci Field : kd_pelajaran

Software : MySQL

Table III.6

Spesifikasi File Mata Pelajaran


1 Kode kelas kd_kelas varchar 4 Primary Key


3 Nama kelas nm_kelas varchar 20

4 Kapasitas kapasitas int 3


1 Kode pelajaran kd_pelajaran varchar 20 Primary Key

2 Nama mata pelajaran nm_mapel varchar 150


69

7. Nama File : Tabel materi ajar

Akronim : tbl_materi_ajar

Fungsi : Sebagai tempat menyimpan materi ajar



Akses File : Random

Media : Harddisk


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




1 Id materi ajar id_materi_ajar varchar 5 Primary Key

2 Kode pelajaran kd_pelajaran 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


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



Akses File : Random

Media : Harddisk


Kunci Field : id_pertanyaan_objektif

Software : MySQL


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



Akses File : Random

Media : Harddisk


Kunci Field : no_induk

Software : MySQL


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



Akses File : Random

Media : Harddisk


Kunci Field : id_tugas

Software : MySQL


1 No induk no_induk varchar 10 Primary Key


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



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


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


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


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


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


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


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


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


untuk merubah password admin. Contoh dari halaman ganti password dapat


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



informasi tentang e-learning SMK Muhammadiyah watukelir serta

menampilkan nama dan foto guru. Contoh dari halaman home guru dapat


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


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


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


untuk merubah password guru. Contoh dari halaman ganti password guru


Gambar III.31

Halaman Ganti Password Guru

19. Tampilan Halaman Home Siswa



informasi tentang e-learning SMK Muhammadiyah watukelir serta

menampilkan nama dan foto Siswa. Contoh dari halaman home siswa dapat


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


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


untuk melihat dan mengedit data siswa. Contoh dari halaman profile siswa


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


untuk merubah password siswa. Contoh dari halaman ganti Password siswa


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


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


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.

http://sunartombs.wordpress.com/2009/01/05/pengertian-prestasi-belajar/

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

Documents

TUGAS AKHIR - repository.bsi.ac.id · menyelesaikan tugas ini dengan baik. Dimana tugas akhir ini penulis sajikan dalam bentuk buku yang sederhana. Adapun judul tugas akhir yang penulis