Bab 1 5

PERANCANGAN APLIKASI E-LEARNING UNTUK
MENUNJANG PROSES BELAJAR MENGAJAR

DI SDN CIODENG
SKRIPSI MINOR
Diajukan untuk memenuhi salah satu persyaratan kelulusan program
Diploma Tiga (D3) pada program studi Teknik Informatika
Politeknik Komputer Niaga LPKIA
Disusun oleh
FAHMI ANGGARA
NRP. 6311073
PO LI T E K N I K K O M PU T E R N I AG A LPK I A
PROGRAM STUDI MANAJEMEN INFORMATIKA
KONSENTRASI TEKNIK INFORMATIKA
BANDUNG
2016
LEMBAR PERNYATAAN
Yang bertanda tangan di bawah ini,
Nama
: Fahmi Anggara
N.R.P
: 6311073
Program Studi : Teknik Informatika

Politeknik Komputer Niaga LPKIA
Judul Laporan : Perancangan Aplikasi E-Learning Untuk Menunjang
Proses Belajar Mengajar Di SDN Ciodeng
Dengan ini menyatakan bahwa hasil penulisan Tugas Akhir yang telah saya buat
ini merupakan hasil karya sendiri dan benar keasliannya. Apabila ternyata di
kemudian hari penulisan Tugas Akhir ini merupakan hasil plagiat atau penjiplakan
terhadap karya orang lain, maka saya bersedia mempertanggungjawabkan
sekaligus bersedia menerima sanksi berdasarkan aturan tata tertib di PKN/STMIK
LPKIA.
Demikian pernyataan ini saya buat dalam keadaan sadar dan tidak dipaksakan.
Bandung, 7 Agustus 2016

Penulis,
Fahmi Anggara
LEMBAR PERSETUJUAN
ABSTRAKSI
Fahmi Anggara. 6311073
PERANCANGAN APLIKASI E-LEARNING UNTUK MENUNJANG
PROSES BELAJAR MENGAJAR DI SDN CIODENG
Skripsi Minor. Program Studi Manajemen Informatika. Konsentrasi Teknik
Informatika. 2016
Kata kunci : e-learning , e-learning sekolah dasar , aplikasi sekolah dasar,
aplikasi e-learning sekolah dasar.
( xviii + 89 + lampiran )
E-Learning adalah sistem pendidikan yang menggunakan aplikasi elektronik
untuk mendukung pengembangan kegiatan belajar mengajar dengan media
internet. Dengan e-learning memungkinkan terjadinya proses pendidikan tanpa
melalui tatap muka langsung dan pengembangan ilmu pengetahuan kepada siswa
bisa dilakukan dengan mudah.
Sebagai salah satu Sekolah Dasar Negeri yang ada di kecamatan baleendah, SDN
Ciodeng yang beralamatkan di Terusan Andir Katapang berperan dalam
pengembangan ilmu pengetahuan. Selama ini proses pembelajaran di SDN
Ciodeng masih bersifat konvensional , dengan kata lain bahwa proses belajar
mengajar antara siswa dengan guru masih banyak mengandalkan dari pertemuan
antara siswa dengan guru di dalam kelas. Jika pertemuan antara siswa dengan
guru tidak terjadi maka secara otomatis proses pembelajaran di sekolah tidak
dapat dilakukan sehingga kurang efektif.
Untuk menanggulangi permasalahan dan mendukung meningkatkan proses belajar
mengajar lebih baik lagi maka dari itu fokus pembuatan tugas akhir ini adalah
merancangan sebuah aplikasi e-learning.
Metode pengembangan sistem yang digunakan pada penelitian ini adalah
Structured System Analysis and Design (SSAD) atau dikenal dengan Pendekatan
Terstruktur dengan model pengembangan sistem prototype dan untuk perancangan
sistem pemodelan yang digunakan adalah Data Flow Diagram (DFD).
Dari hasil analisa, perancangan dan implementasi serta pengujian aplikasi ini
dapat diambil kesimpulan bahwa pembangunan sistem aplikasi e-learning di SDN
Ciodeng telah berjalan sesuai dengan proses baik secara fungsional dan
mengeluarkan hasil yang sesuai dengan yang diharapkan atau sudah berfungsi
sepenuhnya.
KATA PENGANTAR
Segala puji bagi Allah SWT yang telah memberikan rahmat-Nya sehingga laporan
ini dapat penulis selesaikan.
Tugas akhir ini merupakan salah satu syarat
kelulusan program Diploma Tiga (D3) pada program studi Manajemen

Informatika konsentrasi Teknik Informatika Politeknik Komputer Niaga LPKIA
Bandung.
Dalam laporan ini penulis merasa masih banyak kekurangan. Untuk itu kritik dan
saran yang membangun dari semua pihak penulis harapkan demi penyempurnaan
penulisan di masa yang akan datang.
Tak lupa penulis mengucapkan terima kasih kepada pihak-pihak yang telah
memberikan dukungan dan bantuan baik dalam bentuk moril ataupun materil
dalam penyelesaian penulisan laporan praktik kerja ini, yaitu kepada:
1.
Kedua orang tua, dan keluarga yang telah memberikan dukungan riil dan
materil untuk melancarkan setiap kegiatan yang dilakukan penulis dalam
penyusunan laporan.
2.
Bapak Ir. Endang Sunandar, M.Kom. selaku dosen pembimbing, yang

selalu sabar dalam arahan selama penyusunan laporan tugas akhir ini.
3.
Bapak Andy Victor Pakpahan, S.T., M.T., MOS, MCP selaku ketua
program studi PKN & STMIK LPKIA Bandung.
4.
Bapak Drs. Pauluz Tamzil selaku Direktur PKN & STMIK LPKIA.
5.
Ibu Euis Nuraedah, S.Pd selaku Kepala Sekolah SDN Ciodeng yang sudah
memberikan ijin dan memberikan dorongan dalam penulisan laporan ini.
6.
Ibu Popon Farida, S.Pd. selaku Guru Pembimbing saat observasi lapangan
yang selalu sabar dan siap menjawab apapun pertanyaan yang diajukan.
7.
Seluruh staff pengajar SDN Ciodeng yang selalu memberikan informasi

dan ilmu pengetahuan dalam penyusunan laporan ini.
8.
Teman teman mahasiswa yang sudah memberikan sumbang dan saran

saat melakukan penyusunan tugas akhir.
9.
Semua pihak yang tidak dapat di sebutkan satu persatu, yang telah
memberikan bantuan dalam penulisan laporan ini.
Akhirnya penulis berharap semoga Tuhan memberikan imbalan yang setimpal

pada mereka yang telah memberikan bantuan. Penulis menyadari masih banyak
kekurangan dari laporan ini, baik dari materi maupun teknik penyajiannya,
mengingat kurangnya pengetahuan dan pengalaman penulis. Oleh karena itu,
kritik dan saran yang membangun sangatlah penulis harapkan. Aamiin.
Bandung, 15 Agustus 2016
Penulis
Fahmi Anggara
DAFTAR ISI
LEMBAR PERNYATAAN.......................................................................................i
ABSTRAKSI..........................................................................................................iii
KATA PENGANTAR..............................................................................................iv
DAFTAR ISI...........................................................................................................vi
DAFTAR TABEL...................................................................................................ix
DAFTAR GAMBAR..............................................................................................xi
DAFTAR SINGKATAN DAN LAMBANG........................................................xiv
BAB I....................................................................................................................I-1
I.1 Latar Belakang.................................................................................................I-1
I.2 IdentifikasiPermasalahan.................................................................................I-2
I.3 BatasanPermasalahan.......................................................................................I-2
I.4 TujuanPerancangan..........................................................................................I-3
I.5 MetodologiPenelitian.......................................................................................I-3
I.6 SistematikaPenulisan.......................................................................................I-4
BAB II.................................................................................................................II-1
II.1
TEORI TENTANG PERMASALAHAN.........................................................II-1
II.1.1 Pengertian Perancangan Sistem.........................................................II-1

II.1.2 E-Learning.........................................................................................II-2
II.1.3 Internet...............................................................................................II-5
II.1.4 World Wide Web................................................................................II-6
II.1.5 PHP....................................................................................................II-7
II.1.6 Hyper Text Markup Language (HTML)............................................II-8
II.1.7 Javascript...........................................................................................II-9
II.1.8 Cascading Style Sheets (CSS)...........................................................II-9

II.1.9 PHP Report Maker...........................................................................II-10
II.2
METODOLOGI YANG DIGUNAKAN.........................................................II-10
II.2.1 Structured System Analysis and Design (SSAD)............................II-10

II.2.2 Data Flow Diagram (DFD)..............................................................II-11
II.2.3 Conceptual Data Modelling (CDM)................................................II-15
II.2.4 Physical Data Modelling (PDM).....................................................II-16
II.2.5 Entity-Relationship Diagram (ERD)...............................................II-16
II.2.6 Model Prototipe...............................................................................II-19
BAB III..............................................................................................................III-1
III.1
GAMBARAN PERANGKAT LUNAK.........................................................III-1
III.2
ANALISIS DATA.....................................................................................III-5
III.2.1
Conceptual Data Modelling (CDM).............................................III-5
III.3
ANALISIS FUNGSIONAL.........................................................................III-6
III.4
DATA DICTIONARY.............................................................................III-19
III.5
PERANCANGAN DATA.........................................................................III-23
III.5.1
Physical Data Model (PDM)......................................................III-23
III.6
PERANCANGAN ANTARMUKA.............................................................III-28
III.7
PERANCANGAN ARSITEKTUR..............................................................III-38
III.8
PERANCANGAN PROSEDURAL..................................................................39
BAB IV..............................................................................................................IV-1
IV. Implementasi.................................................................................................IV-1
IV.1.1
Lingkup dan Batasan Implementasi..............................................IV-3
IV.1.2
Kebutuhan Sumberdaya................................................................IV-3
IV.1.3
Implementasi Antarmuka..............................................................IV-5
IV.2
PENGUJIAN..........................................................................................IV-22
IV.2.1
Lingkup dan Lingkungan............................................................IV-22
IV.2.2
Kebutuhan Sumberdaya..............................................................IV-22
IV.2.3
Hasil Pengujian...........................................................................IV-23
BAB V..................................................................................................................V-1
V.1 KESIMPULAN...............................................................................................V-1
V.2 SARAN........................................................................................................V-1
DAFTAR PUSTAKA....................................................................................xviivii
LAMPIRAN..........................................................................................................A
DAFTAR TABEL
Tabel 3.1 Spesifikasi Proses 1.1.1.1 Tambah Pengajar.......................................III-9

Tabel 3.2 Spesifikasi Proses 1.1.1.2 Edit Pengajar.............................................III-9
Tabel 3.3 Spesifikasi Proses 1.1.1.3 Tambah Pengajar.......................................III-9
Tabel 3.4 Spesifikasi Proses 1.1.2.1 Tambah Pengajar.....................................III-10
Tabel 3.5 Spesifikasi Proses 1.1.2.2 Edit Siswa...............................................III-11
Tabel 3.8 Spesifikasi Proses 1.1.3.2 Edit Siswa...............................................III-12
Tabel 3.9 Spesifikasi Proses 1.1.3.3 Hapus Kelas............................................III-13
Tabel 3.10 Spesifikasi Proses 1.1.4.1 Tambah Mata Pelajaran.........................III-13
Tabel 3.11 Spesifikasi Proses 1.1.4.2 Edit Mata Pelajaran...............................III-14
Tabel 3.12 Spesifikasi Proses 1.1.4.3 Hapus Mata Pelajaran...........................III-14
Tabel 3.13 Spesifikasi Proses 1.1.5.1 Tambah Module....................................III-15
Tabel 3.16 Spesifikasi Proses 1.1.6.1 Tambah Topic Quiz...............................III-16

Tabel 3.19 Data Dictionary Materi...................................................................III-19
Tabel 3.20 Data Dictionary Soal Pilihan Ganda...............................................III-19
Tabel 3.21 Data Dictionary Soal Essay............................................................III-19
Tabel 3.22 Data Dictionary Data Store Pengajar..............................................III-19
Tabel 3.23 Data Dictionary Data Store Pengajar..............................................III-20
Tabel 3.24 Data Dictionary Data Store Kelas...................................................III-20
Tabel 3.25 Data Dictionary Data Store Mapel..................................................III-20
Tabel 3.26 Data Dictionary Data Store Module...............................................III-20
Tabel 3.27 Data Dictionary Data Store Topic_Quiz.........................................III-21
Tabel 3.28 Data Dictionary Data Store Materi.................................................III-21
Tabel 3.29 Data Dictionary Data Store Essay...................................................III-21
Tabel 3.30 Data Dictionary Data Store PG.......................................................III-21
Tabel 3.31 Data Dictionary Data Store Jawaban..............................................III-22
Tabel 3.32 Data Dictionary Data Store Nilai_Essay.........................................III-22
Tabel 3.33 Data Dictionary Data Store Nilai_PG.............................................III-22
Tabel 3.34 Tabel Pengajar.................................................................................III-23
Tabel 4.1 Aktifitas Implementasi........................................................................IV-2
Tabel 4.2 Gantt Chart Implementasi...................................................................IV-3
Tabel 4.3 Kebutuhan Perangkat Keras Server dan Client...................................IV-4
Tabel 4.4 Kebutuhan Perangkat Lunak Server dan Client..................................IV-4
Tabel 4.5 Kebutuhan Perangkat Keras Pegujian Server dan Client..................IV-22
Tabel 4.6 Kebutuhan Perangkat Lunak Pengujian Server dan Client...............IV-23
Tabel 4.7 Tabel Pengujian.................................................................................IV-23
10
DAFTAR GAMBAR
Gambar 2.1 Simbol DFD...................................................................................II-11

Gambar 2.2 Aturan Proses dan Datastore..........................................................II-13
Gambar 2.3 Aturan Flow dan Proses yang benar...............................................II-14
Gambar 2.4 Aturan Flow dan Proses yang salah...............................................II-14
Gambar 2.5 Aturan antara entitas dan Proses....................................................II-15
Gambar 2.6 Aturan DFD....................................................................................II-15
Gambar 2.7 Perbedaan antara CDM, LDM dan PDM.......................................II-16
Gambar 2.8 Perbandingan Notasi Diagram ER.................................................II-18
Gambar 2.9 Notasi Diagram ER Martin/Crows Foot.......................................II-19
Gambar 2.10 Bagan Langkah-langkah pendekatan prototipe............................II-20
Gambar 3.2 DFD Level 0 Sistem Berjalan SDN Ciodeng.................................III-3
Gambar 3.3 CDM E-Learning SDN Ciodeng.....................................................III-5
Gambar 3.4 Diagram Konteks Sistem E-learning Usulan untuk SDN Ciodeng III-6
Gambar 3.5 DFD Level 0 Sistem Usulan E-Learning SDN Ciodeng................III-7
Gambar 3.6 DFD Level 1 Proses 1 E-Learning SDN Ciodeng..........................III-8
Gambar 3.7 DFD Level 2 Proses 1.1 E-Learning SDN Ciodeng.......................III-9
Gambar 3.8 DFD Level 2 Proses 1.2 E-Learning SDN Ciodeng.....................III-10
Gambar 3.9 DFD Level 2 Proses 1.3 E-Learning SDN Ciodeng.....................III-12
Gambar 3.10 DFD Level 2 Proses 1.4 E-Learning SDN Ciodeng...................III-13
Gambar 3.13 DFD Level 1 Proses 2 E-Learning SDN Ciodeng......................III-18
11
Gambar 3.14 PDM E-Learning SDN Ciodeng.................................................III-23

Gambar 3.15 Halaman Login Admin................................................................III-28
Gambar 3.16 Halaman Login Siswa.................................................................III-29
Gambar 3.17 Halaman Utama Sisi Administrator............................................III-30
Gambar 3.18 Halaman Utama Sisi Pengajar....................................................III-31
Gambar 3.19 Halaman Utama Sisi Siswa.........................................................III-32
Gambar 3.20 Halaman Konten Manajemen Siswa...........................................III-33
Gambar 3.21 Halaman Tambah Siswa..............................................................III-33
Gambar 3.22 Halaman Konten Manajemen Kelas...........................................III-34
Gambar 3.23 Halaman Konten Manajemen Mata Pelajaran............................III-35
Gambar 3.24 Halaman Konten Manajemen Materi..........................................III-35
Gambar 3.25 Halaman Konten Manajemen Quiz.............................................III-36
Gambar 3.26 Halaman Tugas / Quiz................................................................III-36
Gambar 3.27 Halaman Laporan........................................................................III-37
Gambar 3.28 Bagan Struktur Nilai PG.............................................................III-38
Gambar 3.30 Bagan Struktur Nilai Essay.........................................................III-38
Gambar 4.1 Dialog Screen Halaman Login Administrator.................................IV-5
Gambar 4.2 Dialog Screen Peringatan Gagal Login..........................................IV-5
Gambar 4.3 Dialog Screen Halaman Utama Administrator...............................IV-6
Gambar 4.4 Dialog Screen Halaman Manajemen Siswa....................................IV-6
Gambar 4.5 Dialog Screen Form Tambah Siswa................................................IV-7
Gambar 4.6 Dialog Screen Halaman Manajemen Kelas....................................IV-8
Gambar 4.7 Dialog Screen Form Tambah Kelas................................................IV-8
Gambar 4.8 Dialog Screen Halaman Manajemen Mata Pelajaran.....................IV-8
Gambar 4.9 Dialog Screen Form Tambah Mata Pelajaran.................................IV-9
12
Gambar 4.10 Dialog Screen Halaman Manajemen Materi.................................IV-9

Gambar 4.11 Dialog Screen Form Tambah Materi...........................................IV-10
Gambar 4.12 Dialog Screen Halaman Manajemen Quiz..................................IV-10
Gambar 4.13 Dialog Screen Form Tambah Quiz..............................................IV-11
Gambar 4.14 Dialog Screen Halaman Buat Quiz.............................................IV-12
Gambar 4.15 Dialog Screen Form Buat Quiz Esay..........................................IV-12
Gambar 4.16 Dialog Screen Form Buat Quiz Pilihan Ganda...........................IV-13
Gambar 4.17 Dialog Screen Halaman Login Siswa.........................................IV-14
Gambar 4.18 Dialog Screen Gagal Login.........................................................IV-14
Gambar 4.19 Dialog Screen Halaman Utama Siswa........................................IV-15
Gambar 4.20 Dialog Screen Halaman Kelas Anda...........................................IV-15
Gambar 4.21 Dialog Screen Halaman Mata Pelajaran.....................................IV-16
Gambar 4.22 Dialog Screen Halaman Materi...................................................IV-16
Gambar 4.23 Dialog Screen Halaman Lihat Materi.........................................IV-17
Gambar 4.24 Dialog Screen Halaman Tugas/Quiz...........................................IV-17
Gambar 4.25 Dialog Screen Halaman Lihat Tugas / Quiz...............................IV-18
Gambar 4.26 Dialog Screen Halaman Kerjakan Tugas / Quiz........................IV-18
Gambar 4.27 Dialog Screen Halaman Pengerjaan Tugas / Quiz......................IV-19
Gambar 4.28 Dialog Screen Halaman Nilai.....................................................IV-19
Gambar 4.29 Dialog Screen Halaman Lihat Nilai............................................IV-20
Gambar 4.30 Dialog Screen Halaman Hasil Nilai............................................IV-20
Gambar 4.31 Dialog Screen Halaman Laporan................................................IV-21
13
DAFTAR SINGKATAN DAN LAMBANG
SINGKATAN
Nama
Pemakaian pertama
SDN
Sekolah Dasar Negeri
SSAD
Structured Sytem Analys and
I-3
DFD
Design
Data Flow Diagram
I-3
INTERNET
Interconnection Networking
II-6
TCP/IP
Transmission Control Protocol/
II-6
IM
Internet Protocol
Instant Messaging
II-6
VOIP
Voice Over Internet Protocol
II-6
FTP
File Transfer Protocol
II-6
WWW
PHP
HTML
CSS
CDM
PDM
ERD
World Wide Web

Hypertext Preprocessor
Hyper Text Markup Language
Cascading Style Sheet
Conceptual Data Model
Physical Data Model
Entity Relationship Diagram
DAFTAR SIMBOL PADA DATA FLOW DIAGRAM
14
kali pada halaman

ii
II-6
II-7
II-8
II-9
II-16
II-16
II-17
Simbol
Nama
Entitas
Eksternal
Proses
Flow/Arus
Data
Resouce
Flow
Keterangan
Kesatuan diluar lingkungan sistem yang
dapat berupa orang, organisasi atau sistem
lain.
Kegiatan atau pekerjaan yang dilakukan oleh
orang, mesin atau komputer dari hasil suatau
arus data yang masuk ke dalam proses untuk
dihasilkan arus data yang akan keluar dari
proses.
Arus data dari proses ke proses atau proses ke
entitas yang dapat berupa masukan untuk
sistem atau hasi dari proses sistem.
Simpanan data dapat berupa suatu file, arsip
catatan, buku, simbol catatan
Arus data dari proses ke datastore atau
sebaliknya
DAFTAR SIMBOL PADA CONCEPTUAL DATA MODEL

Simbol
Nama
Entitas
Relasi
dengan
Kardinalitas
one to one
Relasi
dengan
Kardinalitas
many to
many
Relasi
dengan
Kardinalitas
one to many
Keterangan
individu yang mewakili sesuatu yang nyata
dan dapat dibedakan dari sesuatu yang lain
menujukkan 1 entitas yang berelasi terhadap

1 himpunan entitas yang lain
menujukkan 1 entitas yang berelasi terhadap

banyak himpunan entitas yang lain
Menujukkan banyak entitas yang berelasi

terhadap banyak himpunan entitas yang lain
Menggambarkan asosiasi antar entitas

Asosiasi
Association
Link
Link yang mengubungkan asosiasi dengan

entitas
15
DAFTAR SIMBOL PADA PHYSICAL DATA MODEL

Simbol
Nama
Keterangan
Menggambarkan tabel hasil dari entitas
yang ada di CDM
Tabel
Reference
Menunjukkan relasi antar tabel
DAFTAR SIMBOL PADA STRUCTURE CHART

Simbol
Nama
Keterangan
Menunjukkan suatu modul
Module
Connection
Simbol untuk mengubungkan suatu modul

dengan modul yang lainnya
Simbol yang menunjukkan suatu perulangan
didalam modul
Simbol yang menunjukkan suatu
penyeleksian kondisi didalam modul
Simbol ini menunjukkan suatu data/elemen
yang dikirimkan dari satu modul ke modul
lainnya. Anak panah dengan lingkaran yang
kosong menunjukkan data yang dikirimkan,
sedangkan anak panah dengan lingkaran
16
Simbol
Nama
Keterangan
padat menunjukkan elemen kontrol yang
dikirimkan
BAB I
PENDAHULUAN
Bab ini digunakan untuk mendefinisikan persoalan, ruang lingkup dan
perencanaan kegiatan atau proyek yang dilakukan. Bab ini berisi latar belakang,
identifikasi masalah, ruang lingkup, tujuan, dan sistematika penulisan.
I.1 Latar Belakang
Pada era modern seperti sekarang ini , tekonologi informasi dikembangkan sesuai
dengan kebutuhan manusia agar dapat membantu serata memudahkan manusia
dalam melakukan aktifitasnya. Salah satunya adalah banyaknya tekonologi yang
digunakan dalam memperoleh suatu informasi. Teknologi informasi sekarang ini
di butuhkan dalam berbagai bidang, baik itu bidang kesehatan, bisnis, pendidikan
dan entertainment.
Pengaruh teknologi informasi dan komunikasi dalam dunia pendidikan terasa
sejalan dengan adanya pergeseran pola pembelajaran dari tatap muka yang
konvensional kearah pendidikan yang lebih terbuka dan bermedia.
Seiring perkembangan teknologi internet, e-learning mulai dikembangkan.
Hakekat e-learning adalah bentuk pembelajaran konvensional yang di tuangkan
dalam format digital melalui teknologi internet.
E-Learning adalah sistem pendidikan yang menggunakan aplikasi elektronik
untuk mendukung pengembangan kegiatan belajar mengajar dengan media
internet. Dengan e-learning memungkinkan terjadinya proses pendidikan tanpa
17
melalui tatap muka langsung dan pengembangan ilmu pengetahuan kepada siswa
bisa dilakukan dengan mudah.
Sebagai salah satu Sekolah Dasar Negeri yang ada di kecamatan baleendah, SDN
Ciodeng yang beralamatkan di Terusan Andir Katapang berperan dalam
pengembangan ilmu pengetahuan. Selama ini proses pembelajaran di SDN
Ciodeng masih bersifat konvensional , dengan kata lain bahwa proses belajar
mengajar antara siswa dengan guru masih banyak mengandalkan dari pertemuan
antara siswa dengan guru di dalam kelas. Jika pertemuan antara siswa dengan
guru tidak terjadi maka secara otomatis proses pembelajaran di sekolah tidak
dapat dilakukan sehingga kurang efektif.
Untuk menanggulangi permasalahan dan mendukung meningkatkan proses belajar
mengajar lebih baik lagi maka dari itu fokus pembuatan tugas akhir ini adalah
merancangan sebuah aplikasi e-learning.
I.2 Identifikasi Permasalahan
Berdasarkan latar belakang masalah tersebut , maka dapat dirumuskan beberapa
permasalah sebagai berikut:
1. Bagaimana merancangan suatu aplikasi e-learning pada SDN Ciodeng
2. Bagaimana menerepkan suatu aplikasi e-learning pada SDN Ciodeng
sehingga dapat menunjang proses kegiatan belajar mengajar tanpa batasan
ruang dan waktu.
I.3 Batasan Permasalahan
Agar penelitian lebih terarah dan fokus terhadap tujuan dan penyelesaian masalah
yang ada maka ruang lingkup permasalahan hanya mencakup hal-hal sebagai
berikut :
1. Fasilitas yang diberikan e-learning sekolah meliputi ujian online,
download upload materi, dan tugas.
2. E-learning sekolah belum memperhatikan masalah keamanan jaringan
yang digunakan
2
3. Data kelas dibatasi hanya kelas V SDN Ciodeng.
I.4 Tujuan Perancangan

Dari identifikasi permasalahan maka tujuan dari perancangan aplikasi adalah
sebagai berikut :
1. Membuat sebuah aplikasi E-learning di SDN Ciodeng
2. Mengoptimalkan kegiatan pembelajaran ketika siswa dan guru tidak
bertemu.
I.5 Metodologi Penelitian
I.5.1 Metode Pengumpulan Data
Pengumpulan data dilakukan untuk menguji secara empiris tujuan yang
diungkapkan dalam penelitian atau dengan kata lain pengumpulan data dilakukan
untuk memperoleh informasi yang dibutuhkan untuk mencapai tujuan (W. Gulo,
2002). Metode pengumpulan data yang dilakukan dalam penelitian ini adalah :
1. Pengamatan (Observasi)
Metode dimana peneliti mencatat informasi sebagaimana yang mereka
saksikan selama penelitian.
2. Wawancara
Metode yang berbentuk komunikasi langsung antara peneliti dan
responden.
I.5.2 Metode Pengembangan Sistem
Metode pengembangan sistem yang digunakan pada penelitian ini adalah
Structured System Analysis and Design (SSAD) atau dikenal dengan Pendekatan
Terstruktur dengan model pengembangan sistem prototype dan untuk perancangan
sistem pemodelan yang digunakan adalah Data Flow Diagram (DFD).
I.6 Sistematika Penulisan

Sistematika yang dipergunakan dalam penulisan laporan ini adalah sebagai
berikut:
Bab I Pendahuluan
Bab ini digunakan untuk mendefinisikan persoalan, ruang lingkup dan
perencanaan kegiatan atau proyek yang dilakukan. Bab ini berisi latar belakang,
identifikasi masalah, ruang lingkup, tujuan, dan sistematika penulisan.
Bab II Dasar Teori
Bab ini menjelaskan teori tentang permasalahan yang dibahas dalam laporan tugas
akhir dan bahasa pemrograman yang digunakan untuk merancang sistem dan
perangkat lunak.
Bab III Analisis dan Perancangan Perangkat Lunak
Bab ini digunakan untuk mendefinisikan semua kebutuhan pemakai dan
meletakkan dasar-dasar untuk proses perancangan sistem dan perangkat lunak.
Bab ini juga menjelaskan tentang pengembangan spesifikasi perangkat lunak
untuk memecahkan persoalan.
Pembahasan meliputi gambaran umum proses
bisnis di perusahaan, analisis fungsional, perancangan data, perancangan

antarmuka, dan spesifikasi program.
Bab IV Implementasi
Bab ini berisi uraian mengenai kegiatan dalam membangun/ mewujudkan
rancangan sistem baru secara nyata. Kegiatan yang dibahas meliputi kebutuhan
sumber daya dan panduan penggunaan program.
Bab V Kesimpulan dan Saran
Bab ini memuat elaborasi dan rincian kesimpulan yang dituliskan pada abstrak.
Saran untuk kajian lanjutan serta practical implication dari kegiatan proyek akhir
dapat dituliskan pada bab ini.
BAB II
DASAR TEORI
4
Bab ini menjelaskan teori tentang permasalahan yang dibahas dalam laporan tugas
akhir dan bahasa pemrograman yang digunakan untuk merancang sistem dan
perangkat lunak.
II.1Teori tentang Permasalahan
II.1.1
Pengertian Perancangan Sistem
Menurut Jogiyanto (2001:2) menyatakan rancangan adalah :

Penggambaran, perencanaan dan pembuatan sketsa atau pengaturan
dari beberapa elemen-elemen yang terpisah kedalam satu kesatuan yang
utuh dan berfungsi.
Menurut Scoot dalam Jogiyanto (2005:196) Perancangan sistem dapat
didefinisikan sebagai berikut:
Perancangan sistem menentukan bagaimana suatu sistem akan
menyelesaikan apa yang mesti diselesaikan, tahap ini menyangkut
mengkonfigurasi
dari
komponen-komponen
perangkat
lunak
dan
perangkat keras dari suatu sistem sehingga instalasi dari sistem akan
benar-benar memuaskan rancang bangun yang telah ditetapkan pada
akhir tahap analisis sistem.
Dengan demikian, dapat disimpulkan bahwa perancangan sistem adalah suatu
tahap yang dilakukan untuk menentukan bagaimana suatu sistem menyelesaikan
permasalahan yang ada, dengan mengatur komponen-komponen dalam sistem
tersebut sehingga sistem dapat bekerja sebagaimana yang diharapkan.
II.1.1.1
Tujuan Perancangan Sistem
Menurut Jogiyanto (2001:209) tujuan utama perancan sistem adalah:

1. Untuk memenuhi kebutuhan para pemakai sistem.
2. Untuk memberikan gambaran yang jelas dan rancang bangun yang
lengkap kepada programmer.
2
Kedua tujuan ini lebih berfokus pada perancangan atau desain sistem yang terinci
yaitu pembuatan rancang bangun yang jelas dan lengkap yang nantinya digunakan
untuk pembuatan program komputer.
II.1.2 E-Learning
Istilah E-learning atau Electronic Learning atau pembelajaran elektronik ini

mengandung pengertian yang sangat luas, sehingga banyak pakar yang
menguraikan tentang definisi E-learning dari berbagai sudut pandang. Pendapat
dari beberapa pakar yang menguraikan pengertian E-learning antara lain:
Menurut LearnFrame.com dalam Wahono dan Glossary (2005:2) :
E-learning adalah sistem pendidikan yang menggunakan aplikasi
elektronik untuk mendukung belajar mengajar dengan media
internet, jaringan komputer maupun komputer stand alone.
Menurut Rosenberg (2001:28) :
e-learning
adalah
penggunaan
teknologi
internet
untuk
mengirimkan serangkaian solusi yang dapat meningkatkan

pengetahuan dan keterampilan.
Menurut Hartanto dan Purbo (2002:1) :
E-learning dapat didefinisikan sebagai sebuah bentuk teknologi
informasi yang diterapkan di bidang pendidikan dalam bentuk
sekolah maya.
Dari berbagai definisi yang muncul dapat kita simpulkan bahwa sistem atau
konsep pendidikan yang memanfaatkan teknologi sistem informasi dalam proses
belajar mengajar dapat disebut sebagai suatu e-learning.
Pada dasarnya konsep e-learning adalah penyediaan kelas-kelas baru setara
dengan kelas konvensional di sekolah-sekolah yang ada saat ini. Istilah setara
disini berarti bahwa e-learning diharapkan dapat menggantikan peran sekolah
konvensional bukan hanya sekedar sebagai pelengkap atau tambahan dari sistem
konvensional yang sudah ada. Oleh karena itu, pembangunan sebuah lembaga
pendidikan virtual seperti e-learning ini haruslah memberikan hasil yang kurang
lebih sama dengan cita-cita untuk mendirikan sebuah lembaga pendidikan
konvensional.
Definisi e-learning memiliki beberapa elemen tentang apa,bagaimana dan
mengapa dari E-learning :
Apa, e-learning memasukkan baik konten, yaitu informasi dan metode
instruksional, yaitu teknik yang membantu orang mempelajari konten belajar.
Bagaimana, e-learning didistribusikan melalui komputer dalam bentuk kalimat
dan gambar. Pendistribusiannya dapat dalam bentuk asynchronous yang didesain
untuk belajar secara individu dan dalam synchronous yang didesain dengan
bimbingan dari instruktur secara langsung.
Mengapa, e-learning ditujukan untuk membantu pelajar mencapai tujuan
belajarnya atau melaksanakan pekerjaannya.
II.1.3.1
Komponen E-Learning
Komponen-komponen pendukung dari proses pembelajaran elektronik menurut

Wahono dalam Adri(2007:4) ada 3 komponen, antara lain :
1. E-learning system (sistem)
Merupakan suatu sistem pendukung yang berfungsi untuk memvirtualisasikan
proses belajar mengajar. Seperti kegiatan belajar mengajar pada umumnya,
aplikasi e-learning harus dapat menggantikan proses migrasi konten
konvensional ke digital, proses pengaturan kelas, proses pengaturan nilai,
proses pelaporan akhir siswa, proses ujian secara online serta fungsi lainnya.
2. E-learning content (isi)
Konten pembelajaran yang dapat digunakan pada sistem e-learning dapat
berupa teks dengan gambar seperti buku pada umumnya, atau dapat juga
konten multimedia yang sudah dilengkapi ilustrasi dari konten, seperti
animasi pembelajaran dengan materi tertentu.
3. Infrastruktur (peralatan)
Infrastruktur/peralatan e-learning dapat berupa Personal Computer (PC),

jaringan komputer, internet dan perlengkapan multimedia. Termasuk
didalamnya peralatan teleconference apabila kita memberikan layanan
synchronous learning melalui teleconference.
II.1.3.2
Sifat E-Learning
Berdasarkan sifat interaktifnya, sistem e-learning dapat dibagi menjadi 2

kelompok, yaitu :
1. Sistem bersifat statis
Pengguna sistem ini hanya dapat mengunduh bahan-bahan belajar yang
diperlukan, sedangkan dari sisi administrator hanya dapat mengunggah filefile materi. Pada sistem ini memang suasana belajar yang sebenarnya tidak
dapat dihadirkan, misalnya jalinan komunikasi. Kalaupun digunakan, sistem
ini berfungsi untuk menunjang aktivitas belajar-mengajar yang dilakukan
secara tatap muka di kelas.
2. Sistem bersifat dinamis
Fasilitas yang ada pada sistem ini lebih bervariasi dari apa yang ditawarkan
sistem pertama. Pada sistem kedua ini, fasilitas seperti forum, diskusi, chat,
e-mail, alat bantu evaluasi pembelajaran, manajemen pengguna, serta
manajemen materi elektronis sudah tersedia sehingga pengguna mampu
belajar dalam lingkungan belajar yang tidak jauh berbeda dengan suasana
kelas. Sistem kedua ini dapat digunakan untuk membantu proses transformasi
paradigma pembelajaran dari teacher-centered menuju student-centered.
II.1.3.3
Fungsi Sistem Informasi
E-learning mempunyai 3 fungsi utama dalam pembelajaran yaitu: sebagai

suplemen yang sifatnya pilihan (opsional), pelengkap (komplemen), atau
pengganti (substitusi) (Siahaan, 2002).
1. Optional
Dikatakan berfungsi sebagai suplemen (opsional), apabila peserta didik

mempunyai kebebasan memilih, apakah akan memanfaatkan materi
pembelajaran elektronik atau tidak. Dalam hal ini, tidak ada kewajiban/
keharusan bagi peserta didik untuk mengakses materi pembelajaran
elektronik. Sekalipun sifatnya opsional, peserta didik yang memanfaatkannya
tentu akan memiliki tambahan pengetahuan atau wawasan.
2. Komplemen
Dikatakan berfungsi sebagai komplemen (pelengkap) apabila materi
pembelajaran
elektronik
diprogramkan
untuk
melengkapi
materi
pembelajaran yang diterima siswa di dalam kelas. Sebagai komplemen berarti

materi pembelajaran elektronik diprogramkan untuk menjadi materi
reinforcement (pengayaan) atau remedial bagi peserta didik di dalam
mengikuti kegiatan pembelajaran konvensional.
3. Subtitusi
Pengunaan e-learning sebagai pengganti sudah dibuktikan pada perguruan
tinggi di beberapa negara maju. Mahasiswa diberikan 3 pilihan yaitu
menggunakan pembelajaran konvesional seluruhnya, sebagian menggunakan
pembelajaran konvensional dan sebagian lagi menggunakan
e-learning
sedangkan opsi terakhir adalah penggunaan e-learning secara sepenuhnya.
II.1.3 Internet
Internet (singkatan dari interconnection networking) adalah seluruh

jaringan komputer yang saling terhubung menggunakan standar sistem
global transmission control protocol/ internet protocol suite (TCP/IP)
sebagai protokol pertukaran paket(packet switchin communication
protocol) untuk melayani miliaran pengguna di selurun dunia. (Edy
Irwansyah dan Jurike V. Moniaga, 2014)
Berikut ini adalah layanan dari penggunaan internet :
1. Email
2. Mailing List
3. Instant Messaging (IM)
4. Chat Room
5. VoIP (Voice over Internet Protocol)
6. Newsgroup & Messages Boards
7. FTP (File Transfer Protocol)
II.1.4 World Wide Web
World Wide Web (WWW), sering disingkat dengan web, adalah suatu layanan di
dalam jaringan internet yang berupa ruang informasi. (Budi Raharjo, 2011)
World Wide Web (WWW) atau yang biasa dikenal sebut website
merupakan salah satu layanan yang didapat oleh pemakai komputer yang
terhubung ke internet. Secara singkat pengertian web adalah kumpulan
halaman yang menyediakan informasi. (Edy Irwansyah dan Jurike
V.Moniaga, 2014)
Website merupakan sebuah halaman berisi informasi yang dapat dilihat jika
komputer anda terkoneksi dengan internet. (Wahana Komputer, 2010)
Dilihat dari cara pengoperasiannya website dibagi menjadi dua jenis, yaitu :
1. Website Statis
Website statis adalah website yang memiliki halaman front end, yaitu
halaman yang dapat dilihat oleh pengunjung webiste. Sesuai dengan namanya
website statis merupakan website yang memiliki sifat tetap sehingga untuk
melakukan pergantian konten pada halaman front end diperlukan pengubahan
kode-kode HTML secara manual. Karena sifatnya yang tetap tersebut website
statis biasanya digunakan untuk halaman web yang berisi company profile.
2. Website Dinamis
Website dinamis adalah website yang dapat diubah atau diperbaharui. Website
dinamis dapat diperbaharui karena website ini terdiri dari halaman front end
dan back end, dimana proses update atau perubahan konten di halaman front
end dilakukan di halaman back end oleh website administrator.
II.1.5 PHP
Anhar menyebutkan :
Hypertext Preprocessor (PHP) adalah sebuah bahasa pemrograman
web server-side yang bersifat open source. PHP merupakan script yang
terintegrasi dengan HTML dan berada pda server. PHP adalah script
yang digunakan untuk membuat halaman website yang dinamis.
PHP adalah suatu bahasa pemrograman berbasiskan kode-kode (script) yang
digunakan untuk mengolah suatu data dan mengirimkannya kembali ke web
browser menjadi kode HTML.(Diar, 2010)
Dari kedua pengertian tersebut dapat diambil kesimpulan bahwa PHP adalah
sebuah bahasa pemrograman yang setiap baris scriptnya dieksekusi di dalam
server, dan akan ditampilkan kembali ke halaman web client menjadi kode
HTML.
Anhar menyebutkan beberapa alasan atau kelebihan dari penggunaan PHP adalah
1. Kesederhanaan
PHP memiliki banyak sekali fungsi built in untuk memenuhi kebutuhan
standar pembuatan aplikasi web. Dengan tersedianya fungsi-fungsi tersebut
maka pembangunan dan pengembangan web dapat dilakukan dengan mudah
oleh user bahkan oleh user yang baru mempelajari PHP.
2. Memiliki referensi yang banyak
3. Bersifat universal
Maksud dari universal ini bahasa PHP dapat digunakan di berbagai sistem
operasi seperti Linux, Unix, Macintosh dan Windows.
4. PHP bersifat open source
Setiap kode-kode yang ada di PHP dapat digunakan oleh semua user secara
gratis tanpa harus membeli lisensi. Karena sifat ini pula PHP lebih banyak
penggunanya yang baik itu dilakukan untuk pengembangan ataupun
perbaikan.
5. Banyak memiliki pendukung web server seperti Apache, IIS, Lighttpd,

Xitami dengan konfigurasi yang mudah.
6. Mampu terintegrasi dengan berbagai macam database seperti oracle,
postgreSQL dan MySQL.
II.1.6 Hyper Text Markup Language (HTML)
Terdapat banyak sekali pengertian dari HTML seperti diantaranya sebagai berikut,
HTML adalah bahasa markup untuk menyebarkan informasi pada web.( Janner ,
2010)
Hyper Text Markup Language (HTML) adalah sebuah bahasa markup yang
digunakan untuk membuat sebuah halaman web dan menampilkan berbagai
informasi di dalam sebuah browser internet. (Indra Paryitno, 2010)
Bahasa (aturan) standar yang digunakan untuk menampilkan teks, gambar, video
dan audio ke dalam halaman web. (Budi Raharjo, 2011)
Dari ketiga pengertian tersebut HTML merupakan sebuah bahasa markup yang
digunakan untuk membuat halaman web dan menyebarkan informasi dari halaman
web yang dibuat tersebut.
HTML merupakan file teks yang tersusun atas elemen-elemen yang disebut
dengan tag. Tag HTML diapit dengan tanda lebih kecil (<) dan tanda lebih besar
(>), misalnya <html>, <head>, <body>, <p>, dan lain-lain. Tag HTML ada yang
memiliki pasangan, ada juga yang tidak. Jika suatu tag memiliki pasangan, maka
tag penutup akan disertai dengan tanda slash (/).
II.1.12.1
Kerangka Dokumen HTML
HTML adalah aturan standar yang telah didefinisikan oleh world wide web
consortioum (w3c, http:/www.w3.org/) dalam penulisan kode HTML. Secara
umum, tag diartikan sebagai pembatas atau peminsah antara bagian yang satu
9
dalam dokumen HTML dengan bagian yang lainnya. Setiap dokumen HTML
memiliki kerangka umum seperti berikut :
<html>
<head>
<title>Judul Halaman Web </title>
</head>
<body>
Isi Halaman Web
</body>
</html>
II.1.7 Javascript
Javascript adalah bahasa yang berfungsi untuk membuat skrip-skrip program

yang dapat dikenal dan dieksekusi oleh web browser dengan tujuan untuk
menjadikan halaman web lebih bersifat interaktif.(Budi Raharjo, 2011)
II.1.13.1 Hal yang diperlukan untuk Javascript
Karena javascript adalah bahasa skrip yang dieksekusi oleh iterpreter (yang secara
internal telah disediakan oleh web browser) maka dari itu untuk mempelajari
javascript tidak diperlakukan instalasi software atau kompiler tertentu, yang
diperlukan hanyalah :
1. Komputer
2. Aplikasi text editor
3. Web browser
II.1.8 Cascading Style Sheets (CSS)
CSS atau Cascading Style Sheets adalah sebuah dokumen yang berisi aturan yang
digunakan untuk memisahkan isi dengan layout dalam halaman-halaman web
yang dibuat.
CSS adalah suatu bahasa yang bekerja sama dengan dokumen HTML untuk
mendefinisikan cara bagaimana suatu isi halaman web ditampilkan atau
10
dipresentasikan. Presentasi ini meliputi style atau gaya teks, link maupun tata letak
(layout) halaman.
II.1.9 PHP Report Maker
Tools yang dapat menghasilkan laporan PHP Web dinamis dari MySQL ,
PostgreSQL , Microsoft Access , Microsoft SQL Server dan database Oracle .
halaman Web yang dihasilkan adalah PHP murni , tidak ada sisi server atau client
-side komponen diperlukan .
PHP Rerpot Makerr dirancang untuk fleksibilitas tinggi , banyak pilihan
memungkinkan untuk menghasilkan laporan yang paling sesuai dengan kebutuhan
Script PHP dapat dijalankan pada server Windows ( MySQL / PostgreSQL /
Access / MSSQL / Oracle ) atau server Linux / Unix ( MySQL / PostgreSQL /
Oracle ) .
II.2
Metodologi yang digunakan

II.2.1 Structured System Analysis and Design (SSAD)
SSAD atau Sistem Analisis dan Desain Terstruktur adalah metodologi

pembangunan perangkat lunak atau sistem, berikut ini beberapa pengertian dari
SSAD, Metode yang digunakan untuk
mengembangan sistem dengan
berorientasikan proses, berfokus pada pemodelan proses, atau aksi dari

mengambil, menyimpan, memanipulasi dan mendistribusikan data dalam sistem.
(Laudon, 2013)
Teknik pengembangan sistem tradisional yang menggunakan beberapa fase
seperti merencanakan, menganalisa, mendesain sistem informasi. (Shelly
Cashman, 2012:22)
Dari kedua pengertian tersebit SSAD atau pengembangan sistem terstruktur
adalah sebuah metode mengembangkan sistem yang berorientasi pada pemodelan
proses dan memiliki beberapa fase dalam pengembangannya.
11
II.2.2 Data Flow Diagram (DFD)
DFD adalah alat yang menunjukan alur data pada sistem dalam bentuk grafik.
(Edy, 2014)
Elemen penting dari DFD adalah alur data, proses, penyimpanan data dan sumber
data. Mirip seperti ERD, analisis menggunakan DFD dilakukan untuk mengkaji
proses. Sistem analis membuat DFD berdasarkan level. DFD level tinggi hanya
mengidentifikasi proses besar.
Gambar 2.1 Simbol DFD

(Sumber: Shelly dan Rosenblatt, 2012)
II.2.2.1
Simbol DFD
1. Proses
Sebuah proses menerima data input dan menghasilkan output yang memiliki
kandungan berbeda, bentuk, atau keduanya
2. Arus Data
Arus data adalah jalur untuk data yang menggambarkan pergerakan data dari
salah satu bagian dari sistem informasi ke bagian yang lain. Arus data di
12
dalam DFD dapat mewakili satu atau lebih dari item data. Misalnya, arus data
bisa
terdiri dari item data tunggal (seperti nomor ID siswa) atau bisa
termasuk satu set data (nomor ID mahasiswa, nama, dan tanggal pendaftaran
untuk kelas tertentu). DFD tidak menyediakan isi dari arus data secara rinci,
isi dari perincian arus data tersebut akan tersimpan di dalam kamus data.
Simbol untuk arus data adalah garis dengan panah-kepala tunggal atau ganda.
Posisi nama arus data dapat terletak di bawah, diatas, atau disamping garis.
3. Datastore
Datastore digunakan untuk merepresentasikan data data yang disimpan
didalam sistem yang akan digunakan kembali oleh beberapa proses dalam
sistem.
4. Entitas
simboluntuk
entitas
adalah
persegi
panjang.
Penulisan
nama
entitas ditulis di dalam simbol persegi panjang. Sebuah DFD hanya

menunjukkan eksternal entitas yang memberikan input ke sistem atau
menerima output dari sistem.
13
II.2.2.2
Aturan-aturan Penggambaran DFD
Gambar 2.2 Aturan Proses dan Datastore

Gambar 2.3 Aturan Flow dan Proses yang benar

14
Dari gambar tersebut dapat disimpulkan bahwa arus data yang masuk dan keluar
melalui sebuah proses dapat berupa
1. 1 input dan 1 output arus data
Gambar 2.4 Aturan Flow dan Proses yang salah

Kesalahan dari penggambaran hubungan anatara arus data dan proses diatas
adalah sebagai berikut :
Spontaneous Generation
Proses APPLY INSURANCE PREMIUM menghasilkan output, tetapi tidak
ada satupun input yang masuk ke dalam proses tersebut. Karena proses
tersebut tidak memiliki input,proses tersebut disebut dengan spontaneous
generation process.
Black Hole
Proses CALCULATE GROSS PAY disebut dengan black hole karena proses
tersebut tidak memiliki output padahal ada input yang masuk.
Gray hole
Gray hole adalah sebuah proses yang memiliki minimal satu buah arus input
dan output tetapi input tersebut tidak memiliki keterkaitan untuk dapat
15
menghasilkan output yang dihasilkan oleh proses. Seperti contoh pada proses
CALCULATE GRADE input yang masuk merupakan tanggal lahir, dan
outputnya adalah nilai akhir, padahal tanggal lahir secara logika tidak dapat
digunakan sebagai input dalam menghasilkan nilai akhir.
Gambar 2.5 Aturan antara entitas dan Proses

Gambar 2.6 Aturan DFD

16
II.2.3 Conceptual Data Modelling (CDM)
Conceptual data model menjelaskan struktur dari data yang akan disimpan ke
dalam database tanpa melakukan spesifikasi bagaimana dan dimana data tersebut
akan disimpan secara fisik dan juga metode apa yang digunakan untuk mengambil
data tersebut.
Conceptual data model adalah sekumpulan simbol dan teks yang
menggambarkan konsep-konsep dan aturan utama dalam perusahaan
dan akan mengikat konsep utama tersebut untuk area bisnis atau
aplikasi yang spesifik, untuk pengguna khusus yang akan digambarkan
dalam 1 halaman. (Dona Burbank, 2011)
II.2.4 Physical Data Modelling (PDM)
Physical Data Model adalah model data logis yang dibuat sedemikian rupa untuk
perangkat lunak atau perangkat keras tertentu. (Steve Hoberman, 2013)
PDM merupakan model data yang mewakili struktur yang sebenarnya dari tabel
dan kolom yang ada di dalam database, atau pesan yang dikirim antara proses
dalam komputer. (Matthew West, 2011)
Gambar 2.7 Perbedaan antara CDM, LDM dan PDM

(Sumber: Steve Hoberman, 2013)
17
II.2.5 Entity-Relationship Diagram (ERD)
E-R diagram adalah sebuah alat grafikal terspesialisasi yang menggambarkan

hubungan antara berbagai entitas dalam sebuah database(Itl Education Solutions
Limited,2010:36)
Adapun pengertian lainnya, E-R diagram adalah sebuah alat yang menyediakan
penggambaran perancangan arsitektural untuk mendesain sebuah database (Malay
K. Pakhira, 2013:22).
E-R diagram adalah sebuah alat yang digunakan untuk memodelkan struktur data
yang digunakan oleh sistem dan setiap hubungan yang ada. (Alexander Scarlet,
2012:10)
E-R diagram adalah sebuah teknik penggambaran secara grafikal untuk
menggambarkan skema database. Disebut E-R diagram karena ERD menunjukan
pemodelan berbagai entitas dan hubungan penting diantara entitas-entitas tersebut.
(Marshall Romney dkk, 2012:675)
Dari keempat pengertian tersebut dapat ditarik kesimpulan bahwa E-R diagram
atau ERD adalah sebuah alat penggambaran secara grafik yang menggambarkan
hubungan antar entitas yang juga digunakan untuk penggambaran desain sebuah
database.
Beberapa tujuan dari pembuatan E-R diagram adalah :
1. Untuk mengkomunikasikan struktur logikal dari sebuah database kepada end
user
2. Membantu database deigner dalam memahami informasi yang akan
dimasukan kedalam database
3. Sebagai alat dokumentasi
Komponen ERD :
1. Entitas :
18
Digambarkan dalam bentuk persegi panjang, menggambarkan sesuatu yang

akan mengumpulkan, menyimpan dan biasanya menerima output berupa
informasi dari sistem. Biasanya entitas akan menjadi sebuah tabel dalam
database. Hal penting yang perlu diingat adalah setiap entitas harus memiliki
sebuah identifier yang unik (Primary Key)
2. Atribut
Atribut adalah elemen-elemen data yang dimiliki oleh entitas, atribut juga
merupakan karakteristik dari entitas. Dalam sebuah tabel atribut akan menjadi
sebuah kolom. Sebuah atribut bisa menjadi atribut yang optional atau
mandatory. Atribut mandatori haru memiliki sebuah nilai dan tidak boleh
memiliki nilai NULL sedangkan atribut opsional dapat memiliki nilai NULL.
3. Relasi
Digambarkan dengan sebuah garis yang menghubungkan antar entitas. Relasi
antar entitas dapat ditentukan dari kardinalitas : one to many(1:M), many to
many(M:N), one to one (1:1).
Gambar 2.8 Perbandingan Notasi Diagram ER

(Sumber: Carlos and Steven, 2014)
19
Gambar 2.9 Notasi Diagram ER Martin/Crows Foot

(Sumber: Web http://www.conceptdraw.com/How-To-Guide/erd-symbols-andmeanings)
II.2.6 Model Prototipe
Sebuah prototipe adalah bagian dari produk yang mengekspresikan logika

maupun fisik antarmuka eksternal yang ditampilkan. (Janner, 2010)
Beberapa langkah dalam melakukan pengembangan sistem menggunakan
pendekatan prototipe pada umumnya sebagai berikut :
1. Mengumpulkan dan menganalisis kebutuhan,
2. Melakukan perancangan cepat,
3. Membangun sebuah prototipe,
4. Evaluasi dilakukan oleh konsumen atas prototipe,
5. Perubahan rancangan dan prototipe,
6. Jika pelanggan kurang menyukai prototipe dari produk, kembali lagi ke
langkah 5,
20
7. Apabila pelanggan cocok dan puas terhadap prototipe barulah dilakukan

pengembangan produk berskala besar.
Gambar 2.10 Bagan Langkah-langkah pendekatan prototipe

(Sumber : Janner, 2010)
Pendekatan prototipe sangat sesuai untuk proyek kecil atau pada tingkat
subsistem. Untuk membuat sebuah sistem yang sempurna menggunakan
prototiping adalah hal yang sangat sulit. Hal tersebut dikarenakan adanya
perulangan pembuatan prototipe ketika user tidak menyukai prototipe yang
telah dibuat oleh pengembang.
BAB III
ANALISIS DAN PERANCANGAN
Bab ini digunakan untuk mendefinisikan semua kebutuhan pemakai dan
meletakkan dasar-dasar untuk proses perancangan sistem dan perangkat lunak.
21
III.1
Gambaran Perangkat Lunak
Gambar 3.1 Flowmap Sistem Berjalan SDN Ciodeng
Dilihat dari apa yang terjadi di SDN Ciodeng, dimana kegiatan belajar mengajar
dilakukan oleh guru dan murid secara tatap muka.
Untuk melakukan proses kegiatan belajar mengajar , guru terlebih dahulu

melakukan pengerjaan silabus guna untuk rencana pembelajaran pada suatu
kelompok mata pelajaran/tema tertentu yang mencakup standar kompetensi ,
kompetensi dasar, materi pokok/pembelajaran, kegiatan pembelajaran, indikator,
penilaian, alokasi waktu, dan sumber/bahan/alat belajar.
Setelah melakukan pengerjaan silabus guru melakukan pengerjaan atau
pembentukan rencana pelaksaan pembelajaran guna untuk membantu guru dalam
mengajar agar sesuai dengan standar kompetensi dan kompentensi dasar.
Setelah pengerjaan silabus guru dan siswa melakukan kegiatan belajar mengajar
yang dilakukan sesuai ruang , jadwal , dan waktu yang telah di tentukan.
Selanjutnya dari proses belajar mengajar akan di lakukannya evaluasi terhadap
siswa dan guru yang nantinya hasil evaluasi akan diberikan dan ditinjau ulang
kepada kepala sekolah SDN Ciodeng.
Dan jika dilakukan penggambaran kedalam DFD maka gambaran sistem berjalan
di SDN Ciodeng sebagai berikut :
Guru
Kepala Sekolah
Kurikulum
Pembelajara
n
Hasil
Evaluasi
1
2
Cetak Silabus
Evaluasi
Rekap KBM
6
Evaluasi
Silabus
Rekap KBM
Input Data
Rekap KBM
KBM
PBM
RPP
Silabus
Materi
Silabus
RPP
Siswa
Cetak RPP
Gambar 3.2 DFD Level 0 Sistem Berjalan SDN Ciodeng
Cara kerja E-Learning di SDN Ciodeng terdiri dari serangkaian proses yang
melibatkan Administrator, Guru, dan Siswa yaitu mulai dari proses upload atau
download materi ,pemberian tugas atau latihan soal, dan pemberian ujian.
Adapun deskripsi kebutuhan sistem e-learning di SDN Ciodeng sebagai berikut :
1.
Sistem memiliki fasilitas login user untuk membedakan hak akses

antara administrator, pengajar dan siswa.
2.
Sistem memiliki fasilitas pendaftaran user untuk pengajar dan siswa.
3.
Sistem memiliki fasilitas untuk mengubah profil juga username dan

password pengajar dan siswa.
4.
Dari sisi pengajar sistem memberikan fasilitas kepada pengajar dapat

mengelola manajemen kelas, mata pelajaran, materi, topic tugas/ujian
dan manajemen soal tugas/ujian.
5.
Sedangkan dari sisi siswa sistem memiliki fasilitas kepada siswa untuk
mata pelajaran, download materi, mengikuti tugas/ujian, dan dapat
melihat hasil nlai dari tugas/ujian yang diikuti siswa.
III.2
Analisis Data
III.2.1 Conceptual Data Modelling (CDM)
Mata Pelajaran
# id_mapel Variable characters (5)
* nama Variable characters (100)
o deskripsi Text
...
1,n
Pengajar
0,1
#
*
*
*
*
*
*
id_pengajar
id_mapel
nip
nama_lengkap
username_login
password_login
email
...
Integer
Variable characters (5)
Characters (12)
1,1
Mengajar
1,n
Belajar
1,1
1,1
Memberikan
1,n
Memberikan Tugas
Materi
o
*
*
*
*
id_materi
nama_file
judul
tgl_posting
pembuat
...
Integer
Date
1,n
*
o
o
o
o
o
id_mapel
id_siswa
nis
nama_lengkap
username_login
password_login
...
Siswa
Integer
1,1
0,1
1,n
Mendapatkan Materi
Punya
1,n
1,1
Essay , PG
o id
Integer
o pertanyaan Variable characters (1024)
1,1
Kelas
Nilai
Menghasilkan
1,1
o id
Integer
o nilai_essay Integer
o nilai_pg Integer
...
0,1
Mendapatkan
Gambar 3.3 CDM E-Learning SDN Ciodeng
# id_kelas Integer
* nama_kelas Variable characters (5)
III.3
Analisis Fungsional
Administrator
Data Pengajar
Data Materi
Data Kelas
Data Siswa
Data Mata Pelajaran
Data Modul
Data Pengajar
Materi
Soal Essay
Soal Pilihan Ganda
Kunci Jawaban Soal Pilihan Ganda
Info Pengajar
Info Materi
Info Kelas
Info Siswa
Info Mata Pelajaran
Info Modul
Data Siswa
Jawaban Pilihan Ganda
Jawaban Essay
1
E-Learning SDN CIODENG
Siswa
Info Siswa
Materi
Soal Essay
Soal Pilihan Ganda
Nilai Essay
Nilai Pilihan Ganda
Guru
Info Pengajar
Info Materi
Jawaban Soal Essay
Gambar 3.4 Diagram Konteks Sistem E-learning Usulan untuk SDN Ciodeng
Gambar 3.5 DFD Level 0 Sistem Usulan E-Learning SDN Ciodeng
Data
Pengajar
1.1.1
Administrator
Pengelolaan Pengajar
Informasi
Pengajar
2
Data
Pengajar
Informasi
Pengajar
Siswa
Data Module
1
Data Topic
Quiz
Pengajar
Data Siswa
Data Mapel
1.1.2
Siswa
Pengelolaan Siswa
Data Kelas
3
4
Mapel
Informasi
Kelas
Kelas
1.1.3
Pengelolaan Kelas
Informasi
Kelas
Data Kelas
1.1.4
Pengelolaan Mata Pelajaran
Data Mapel
Data Topic
Quiz
1.1.6
Pengelolaan Topic Quiz
1.1.5
11
Topic_Quiz
Pengelolaan
Module
Module
Gambar 3.6 DFD Level 1 Proses 1 E-Learning SDN Ciodeng
Guru
Data Pengajar
1.1.1
Data Pengajar
Tambah Pengajar
Infomasi Pengajar
Administrator
Infomasi Pengajar
Data Edit Pengajar
Data Edit Pengajar
85
1.1.2
Edit Pengajar
Data Edit Pengajar
Guru
Data Pengajar
Data Pengajar
Infomasi Pengajar
1.1.3
Blokir Pengajar
Data Pengajar
Infomasi Pengajar
Gambar 3.7 DFD Level 2 Proses 1.1 E-Learning SDN Ciodeng
Tabel 3.1 Spesifikasi Proses 1.1.1.1 Tambah Pengajar

Spesifikasi Proses 1.1.1.1 Tambah Pengajar
Input
Data Pengajar
Output
Informasi Pengajar
Algoritma New data pangajar
Insert into table pengajar
Tabel 3.2 Spesifikasi Proses 1.1.1.2 Edit Pengajar
Spesifikasi Proses 1.1.1.2 Edit Pengajar
Input
Data Pengajar
Output
Informasi Pengajar
Algoritma New data pangajar
update into table pengajar
Spesifikasi Proses 1.1.1.3 Blokir Pengajar
Input
Data Pengajar
Output
Informasi Pengajar
Algoritma if pangajar.blokir = Y
then
blokir data pengajar
else
do nothing
10
Pengajar
Data Siswa
1.2.1
Data Siswa
Tambah Siswa
Informasi Siswa
Administrator
1.2.2
Data Edit Siswa
Siswa
Edit Siswa
Data Siswa
84
Siswa
Data Edit Siswa

Informasi Siswa
Informasi Siswa
Data Siswa
1.2.3
Blokir Siswa
Data Siswa

Spesifikasi Proses 1.1.2.1 Tambah Siswa
Input
Data Siswa
Output
Informasi Siswa
Algoritma New data siswa
Insert into table siswa
Tabel 3.5 Spesifikasi Proses 1.1.2.2 Edit Siswa
Spesifikasi Proses 1.1.2.2 Tambah Siswa
Input
Data Siswa
Output
Informasi Siswa
Algoritma New data siswa
update into table siswa
Spesifikasi Proses 1.1.2.3 Blokir Siswa
Input
Data siswa
Output
Informasi siswa
11
Algoritma
If siswa.blokir = Y
Then
Blokir data siswa
Else
Do nothing
Data Kelas
1.3.1
Data Kelas
Tambah Kelas
Data Kelas
Informasi Kelas
Administrator
Informasi Kelas
Data Kelas
1.3.2
Data Edit Kelas
Edit Kelas
Informasi Kelas
Data Kelas
Guru
1.3.3
Hapus Kelas
Data Kelas
92
Data Kelas

Spesifikasi Proses 1.1.3.1 Tambah Kelas
Input
Data Kelas
Output
Informasi Kelas
Algoritma New data kelas
Insert into table kelas
Tabel 3.8 Spesifikasi Proses 1.1.3.2 Edit Siswa
Spesifikasi Proses 1.1.3.2 Edit Kelas
Input
Data kelas
Output
Informasi kelas
Algoritma New data kelas
update into table kelas
12
Kelas
Tabel 3.9 Spesifikasi Proses 1.1.3.3 Hapus Kelas

Spesifikasi Proses 1.1.3.2 Hapus Kelas
Input
Data kelas
Output
Informasi kelas
Algoritma Select data kelas
If delete data kelas
then
Delete data kelas from table kelas
Else
Do nothing
Data M ata Pelajaran
1.4.1
Tambah Mata Pelajaran

Administrator
Data Edit M ata Pelajaran
Guru
1.4.2
Edit Mata Pelajaran
93

Informasi M ata Pelajaran
1.4.3
Hapus Mata Pelajaran

Tabel 3.10 Spesifikasi Proses 1.1.4.1 Tambah Mata Pelajaran
Spesifikasi Proses 1.1.4.1 Tambah Mata Pelajaran
Input
Data Mata Pelajaran
Output
Informasi Mata Pelajaran
Algoritma New data mata pelajaran
Insert into table mapel
Tabel 3.11 Spesifikasi Proses 1.1.4.2 Edit Mata Pelajaran
Spesifikasi Proses 1.1.4.2 Edit Mata Pelajaran
13
Mapel
Input
Output
Algoritma
Data Mata Pelajaran

New data mata pelajaran
Insert into table mapel
Tabel 3.12 Spesifikasi Proses 1.1.4.3 Hapus Mata Pelajaran

Spesifikasi Proses 1.1.4.3 Hapus Mata Pelajaran
Input
Data Mata Pelajaran
Output
Algoritma Select data mata pelajaran
If delete data mata pelajaran
Then
Delete data mata pelajaran from mapel
Else
Do nothing
Data Module
1.5.1
Data M odule
Tambah Module
Data Edit M odule

Informasi M odule
Administrator
Data Edit Module
Data Module
Informasi M odule
1.5.2
79
Module
Data M odule
Edit Module
1.5.3
Hapus Module
Data M odule
Tabel 3.13 Spesifikasi Proses 1.1.5.1 Tambah Module

Spesifikasi Proses 1.1.4.1 Tambah Module
Input
Data Module
Output
Informasi Module
Algoritma New data Module
14
Insert into table module

Spesifikasi Proses 1.1.5.2 Edit Module
Input
Data Module
Output
Informasi Module
Algoritma New data Module
update into table module
Spesifikasi Proses 1.1.5.3 Hapus Module
Input
Data Module
Output
Informasi Module
Algoritma Select data module
If delete data module
Then
Delete module from table module
Else
Do nothing
Data Topic Quiz

Administrator
Informasi Topic Quiz

Data Edit Topic Quiz
95
Topic_Quiz : 1
Topic_Quiz : 2
Data Topic Quiz

1.6.1
Data Topic Quiz

Tambah Quiz
Data Topic Quiz
Guru
Data Topic Quiz 95
1.6.2

Data Topic Quiz
1.6.3
Hapus Quiz
Edit Quiz
Data Topic Quiz

15
Tabel 3.16 Spesifikasi Proses 1.1.6.1 Tambah Topic Quiz

Spesifikasi Proses 1.1.6.1 Tambah Topic Quiz
Input
Data Topic Quiz
Output
Algoritma New data Topic Quiz
Insert into table topic_quiz
Spesifikasi Proses 1.1.6.2 Edit Topic Quiz
Input
Data Topic Quiz
Output
Algoritma New data Topic Quiz
Update into table topic_quiz

Spesifikasi Proses 1.1.6.3 Edit Topic Quiz
Input
Data Topic Quiz
Output
Algoritma Select data topic quiz
If delete data topic quiz
Then
Delete data topic quiz from topic_quiz
Else
Do nothing
16
95 Topic_Quiz Data Topic Quiz
88
Soal Pilihan Ganda
PG
2.3
Soal Pilihan Ganda

Soal Essay
Soal Pilihan Ganda

Soal Essay
Latihan/Kuis
87
Jawaban Pilihan Ganda

Jawaban Essay
Soal Essay
Essay
97
Jawaban
3
Koreksi
85
Pengajar
84
92
Siswa
93
Data Siswa
Data Pengajar
2.1
Mapel
Data Mapel
Informasi
Kelas
Data Kelas
Informasi Pengajar
Informasi Siswa
Informasi Mapel
Informasi Kelas
86
Materi
Materi
Siswa
Materi
Guru
Materi
2.2
Upload/Download
Gambar 3.13 DFD Level 1 Proses 2 E-Learning SDN Ciodeng
17
III.4
Data Dictionary
III.4.1 Data Dictionary ( Data Item )
Tabel 3.19 Data Dictionary Materi
Data Dictionary : Materi
Nama
: Materi
Alias
: Penggunaa : Digunakan sebagai input oleh proses Kegiatan Belajar
n
Mengajar
: Materi = id_materi + judul + nama_file + tgl_posting
Isi data
: Digunakan sebagai untuk proses Upload / Download file
Keterangan
materi
Tabel 3.20 Data Dictionary Soal Pilihan Ganda
Data Dictionary : Soal Pilihan Ganda
Nama
: Soal Pilihan Ganda
Alias
n
Mengajar
: Soal Pilihan Ganda = id_quiz + id_tq + pertanyaan + pilihan +
Isi data
kunci_jawaban + jenis_soal
: Digunakan untuk proses Latihan dan Kuis
Keterangan
Tabel 3.21 Data Dictionary Soal Essay
Data Dictionary : Soal Essay
Nama
: Soal Essay
Alias
n
Mengajar
: Soal Essay = id_quiz + id_tq + pertanyaan + jenis_soal
Isi data
Digunakan untuk proses Latihan dan Kuis
:
Keterangan
III.4.2 Data Dictionary ( Data Store )
Tabel 3.22 Data Dictionary Data Store Pengajar
Data Dictionary : Data Store Pengajar
Nama
: Pengajar
Deskripsi
: Untuk menyimpan data Pengajar
18
Volume
Akses
Retensi
Struktur
: Tetap
: Online, dapat di akses kapan saja mulai dari proses
Pengelolaan sampai Penilaian
: Untuk Proses Pengelolaan dan Kegiatan Belajar Mengajar
: Pengajar = Id_pengajar + nip + nama_lengkap + user_login +
password_login + level + alamat + tempat_lahir + tgl_lahir +
jenis_kelamin + agama + no_telp + email + poto
Tabel 3.23 Data Dictionary Data Store Pengajar

Data Dictionary : Data Store Siswa
Nama
: Siswa
Deskripsi
: Untuk menyimpan data Siswa
Volume
: Tetap
Akses
Retensi
: Untuk Proses Pengelolaan dan Kegiatan Belajar Mengajar
Struktur
: Siswa = id_siswa + nis + nama_lengkap + username_login +

password_login + id_kelas + jabatan + alamat + tempat_lahir
+ tgl_lahir + jenis_kelamin + agama + nama_ayah + nama_ibu
+ th_masuk + email + no_telp + poto + blokir + level
Tabel 3.24 Data Dictionary Data Store Kelas

Data Dictionary : Data Store Kelas
Nama
: Kelas
Deskripsi
: Untuk menyimpan data Kelas
Volume
: Tetap
Akses
Retensi
: Untuk Proses Pengelolaan dan Kegiatan belajar Mengajar
Struktur
: Kelas = id + id_kelas + nama + id_pengajar + id_siswa
Tabel 3.25 Data Dictionary Data Store Mapel
Data Dictionary : Data Store Mapel
Nama
: Mapel
Deskripsi
: Untuk menyimpan data Mapel
Volume
: Tetap
Akses
Retensi
: Untuk Proses Pengelolaan dan Kegiatan belajar Mengajar
Struktur
: Mapel = id + id_matapelajaran + nama + id_kelas +
id_pengajar + deskripsi
19
Tabel 3.26 Data Dictionary Data Store Module

Data Dictionary : Data Store Module
Nama
: Module
Deskripsi
: Untuk menyimpan data Module
Volume
: 5 buah /Minggu
Akses
: Online, dapat di akses kapan saja pada proses Pengelolaan
Retensi
: Untuk Proses Pengelolaan
Struktur
: Modul = id_modul + nama_modul + link + static_content +
gambar + publish + status + aktif + urutan + link_seo
Tabel 3.27 Data Dictionary Data Store Topic_Quiz
Data Dictionary : Data Store Topic_Quiz
Nama
: Topic_Quiz
Deskripsi
: Untuk menyimpan data Topik Kuis
Volume
: 10 buah / Minggu
Akses
Retensi
: Untuk Proses Pengelolaan
Struktur
: Topic_Quiz = id_tq + judul + id_kelas + id_matapelajaran +
tgl_buat + pembuat + waktu_pengerjaan + info + terbit
Tabel 3.28 Data Dictionary Data Store Materi
Data Dictionary : Data Store Materi
Nama
: Materi
Deskripsi
: Untuk menyimpan data Materi
Volume
: 14 buah / Minggu
Akses
: Online, dapat di akses kapan saja pada proses Kegiatan
Belajar Mengajar
Retensi
: Untuk Proses Kegiatan Belajar Mengajar
Struktur
: Materi = id_file + judul + id_kelas + id_matapelajaran +
nama_file + tgl_posting + pembuatan + hits
Tabel 3.29 Data Dictionary Data Store Essay
Data Dictionary : Data Store Essay
Nama
: Essay
Deskripsi
: Untuk menyimpan data Soal Essay
Volume
: 30 buah / Minggu
Akses
Belajar Mengajar
Retensi
Struktur
: Essay = id_quiz + id_tq + pertanyaan + gambar + tgl_buat +
jenis_soal
20
Tabel 3.30 Data Dictionary Data Store PG

Data Dictionary : Data Store PG
Nama
: PG
Deskripsi
: Untuk menyimpan data Soal Pilihan Ganda
Volume
: 30 buah / Minggu
Akses
Belajar Mengajar
Retensi
Struktur
: PG = id_quiz + id_tq + pertanyaan + gambar + pil_a + pil_b +
pil_c + pil_d + kuci tgl_buat + jenis_soal
Tabel 3.31 Data Dictionary Data Store Jawaban
Data Dictionary : Data Store Jawaban
Nama
: Jawaban
Deskripsi
: Untuk menyimpan data Jawaban
Volume
: 30 buah / Minggu
Akses
Belajar Mengajar dan Koreksi
Retensi
Struktur
: Jawaban = id + id_tq + id_quiz + id_siswa + jawaban
Tabel 3.32 Data Dictionary Data Store Nilai_Essay
Data Dictionary : Data Store Nilai_Essay
Nama
: Nilai_Essay
Deskripsi
: Untuk menyimpan data Nilai_Essay
Volume
: 30 buah / Minggu
Akses
: Online, dapat di akses kapan saja pada proses Penilaian
Retensi
: Untuk Proses Penilaian
Struktur
: Nilai_Essay = id + id_tq + id_siswa + nilai
Tabel 3.33 Data Dictionary Data Store Nilai_PG
Data Dictionary : Data Store Nilai_PG
Nama
: Nilai_PG
Deskripsi
: Untuk menyimpan data Nilai_PG
Volume
: 30 buah / Minggu
Akses
: Online, dapat di akses kapan saja pada proses Penilaian
Retensi
: Untuk Proses Penilaian
Struktur
: Nilai_Essay = id + id_tq + id_siswa + benar + salah +
tidak_dikerjakan + persentase
21
III.5
Perancangan Data
III.5.1 Physical Data Model (PDM)
Gambar 3.14 PDM E-Learning SDN Ciodeng
Tabel 3.34 Tabel Pengajar

Nama Field
Deskripsi
Id_pengajar
Primary Key
Tipe Data
Integer
nip
Character
Nama_lengkap
Username_logi
n
Password_logi
n
Level
Alamat
Tempat_lahir
Tgl_lahir
Jenis_kelamin
Agama
No_telp
Nomor Induk
Pengajar,
Unique
Variable
Character
Variable
Character
Variable
Character
Variable
Character
text
Variable
Character
Date
Enum(L,P
)
Variable
Character
Variable
Character
22
Ukuran Format
11
Nomor
otomatis
12
100
100
100
50
100
20
20
poto
blokir
email
Variable
Character
Enum(Y,N
)
Variable
Character
100
Ukuran Format
9
Nomor
otomatis
50
50
Tabel 3.35 Tabel Siswa

Nama Field
Id_siswa
Deskripsi
Primary Key
Tipe Data
Integer
Nis
Nomor Induk
Siswa,
Unique
Variable
Character
Nama_lengkap
Username_logi
n
Password_logi
n
Id_kelas
Alamat
Tempat_lahir
Tgl_lahir
Jenis_kelamin
Agama
Nama_ayah
Nama_ibu
Th_masuk
email
No_telp
Foto
blokir
Variable
Character
Variable
Character
Variable
Character
Variable
Character
text
Variable
Character
Date
Enum(L,P
)
Variable
Character
Variable
Character
Variable
Character
Enum(Y,N
)
Variable
Character
Variable
Character
Variable
Character
Enum(Y,N
)
23
100
50
50
5
100
20
20
100
50
20
150
Tabel 3.37 Tabel Kelas

Nama Field
Id
Id_kelas
Deskripsi
Primary Key
Unique
Nama
Id_pengajar
Id_siswa
Tipe Data
Integer
Variable
Character
Variable
Character
Interger
Interger
Ukuran
9
5
Format
Nomor otomatis
100
9
9
Tabel 3.37 Tabel Mata_pelajaran

Nama Field
Id
Deskripsi
Primary Key
Tipe Data
Integer
Ukuran
9
Id_matapelajara
n
Nama
Unique
Variable
Character
Variable
Character
Variable
Character
Integer
Variable
Character
10
Tipe Data
Integer
Ukuran
7
Variable
Character
Variable
Character
Variable
Character
Variable
Character
Variable
Character
Variable
100
Id_kelas
Id_pengajar
deskripsi
Format
Nomor
otomatis
100
5
9
5
Tabel 3.38 Tabel Materi

Nama Field
Id_file
Deskripsi
Primary Key
Judul
Id_kelas
Foreign Key
Id_matapelajara
n
Nama_file
Foreign Key
Tgl_posting
Pembuat
24
5
5
100
Format
Nomor
otomatis
Character
Integer
hits
Tabel 3.39 Tabel Topic_quiz

Nama Field
Id_tq
Deskripsi
Primary Key
Judul
Id_kelas
Foreign Key
Id_matapelajaran
Foreign Key
Tgl_buat
Pembuat
Waktu_pengerjaan
info
terbit
Tipe Data
Integer
Ukuran
9
Variable
Character
Variable
Character
Variable
Character
Date
Variable
Character
Integer
Text
Enum(Y,N
)
150
Format
Nomor
otomatis
5
10
100
50
Tabel 3.40 Tabel Quiz_PG

Nama Field
Id_tq
Deskripsi
Primary Key
Tipe Data
Integer
Ukuran
10
Id_tq
Pertanyaan
Gambar
Foreign Key
Integer
Text
Variable
Character
Text
Text
Text
Text
Variable
Character
Date
Variable
Character
Tipe Data
Integer
Ukuran
9
Pil_a
Pil_b
Pil_c
Pil_d
kunci
Tgl_buat
Jenis_soal
Format
Nomor
otomatis
100
100
50
1
50
Tabel 3.41 Tabel Quis_Esay

Nama Field
Id_quiz
Deskripsi
Primary Key
25
Format
Nomor
otomatis
Id_tq
Pertanyaan
Gambar
Foreign Key
Tgl_buat
Jenis_soal
Integer
Text
Variable
Character
Date
Variable
Character
9
100
50
Tabel 3.42 Tabel Jawaban

Nama Field
Id
Deskripsi
Primary Key
Tipe Data
Integer
Ukuran
10
Id_tq
Id_quiz
Foreign Key
Foreign Key
Integer
Integer
9
9
Id_siswa
Jawaban
Foreign Key
Integer
Text
Format
Nomor
otomatis
Diambil dari
tabel
Quiz_Esay
Tabel 3.43 Tabel Jawaban_pg

Nama Field
Id
Deskripsi
Primary Key
Tipe Data
Integer
Ukuran
10
Id_tq
Id_siswa
Dikoreksi
Foreign Key
Foreign Key
Integer
Integer
Variable
Character
Integer
9
9
1
hits
Format
Nomor
otomatis
Tabel 3.44 Tabel Nilai

Nama Field
Id
Deskripsi
Primary Key
Tipe Data
Integer
Ukuran
10
Id_tq
Id_siswa
Benar
Salah
Tidak_dikerjakan
persentase
Foreign Key
Foreign Key
Integer
Integer
Integer
Integer
Integer
Integer
9
9
14
10
10
3
Tabel 3.45 Tabel Nilai_soal_esay
26
Format
Nomor
otomatis
Nama Field
Id
III.6
Deskripsi
Primary Key
Id_tq
Foreign Key
Id_siswa
Foreign Key
Nilai
Perancangan Antarmuka
Tipe Data
Integer
Ukuran
10
Integer
Integer
Integer
9
9
3
Format
Nomor
otomatis
Nama Dialog Screen
: Login Admin
Fungsi
: Untuk mengakses sistem sebagai administrator atau

pengajar.
Bentuk
Gambar 3.15 Halaman Login Admin

Uraian cara penggunaan :
1. Isikan kolom Username dan Password.
2. Tekan tombol Reset untuk menghapus data username dan password yang
telah di isikan.
3. Tekan tombol Login untuk mengakses sistem.
Nama Dialog Screen
: Login Siswa
Fungsi
: Untuk mengakses sistem sebagai siswa.
Bentuk
27
Gambar 3.16 Halaman Login Siswa

Nama Dialog Screen
: Halaman Utama Sisi User Administrator
Fungsi
: Untuk menampilkan seluruh menu yang dapat diakses

oleh administrator.
Bentuk
28
Gambar 3.17 Halaman Utama Sisi Administrator

1. Halaman ini merupakan halaman utama dari sisi administrator setelah
login sebagai administrator yang di dalamnya terdapat menu utama sebuah
pengelolaan.
2. Isi Konten merupakan potongan halaman untuk menampilkan informasi
pengelolaan dari menu utama.
Nama Dialog Screen
: Halaman Utama Sisi User Pengajar
Fungsi

oleh Pengajar.
Bentuk
29
Gambar 3.18 Halaman Utama Sisi Pengajar

1. Halaman ini merupakan halaman utama dari sisi pengajar setelah login
sebagain pengajar yang di dalamnya terdapat menu utama sebuah
pengelolaan.
2. Potongan halaman profile pengajar menampilkan informasi data pengajar.
3. Potongan halaman kelas menampilkan informasi data kelas yang diampu
oleh seorang pengajar.
4. Potongan halaman mata pelajaran menampilkan informasi data mata
pelajaran yang di ampu oleh seorang pengajar.
Nama Dialog Screen
: Halaman Utama Sisi User Siswa
Fungsi

oleh Siswa.
Bentuk
30
Gambar 3.19 Halaman Utama Sisi Siswa

1. Halaman ini merupakan halaman utama dari sisi siswa setelah login
sebagain siswa yang di dalamnya terdapat menu utama yang terbagi
menjadi beberapa list menu .
2. Isi Konten merupakan potongan halaman untuk menampilkan informasi
menu utama.
3. Menu Profile merupakan potongan halaman untuk mengelola informasi
data siswa.
Nama Dialog Screen
: Halaman Isi Konten Manajemen Siswa
Fungsi
: Untuk menampilkan daftar dan manajemen siswa
Bentuk
31
Gambar 3.20 Halaman Konten Manajemen Siswa

1. Halaman ini merupakan tampilan isi konten dari manajemen siswa.
2. Tambah siswa merupakan button untuk menambahkan data siswa.
Nama Dialog Screen
: Halaman Tambah Siswa
Fungsi
: Untuk menambahkan Siswa.
Bentuk
Gambar 3.21 Halaman Tambah Siswa

1. Halaman ini merupakan tampilan untuk menambahkan data siswa.
32
2. Isikan data data siswa untuk menambahkan siswa.

3. Isian data Blokir otomatis berada pada radio button N yang artinya siswa
tidak di blokir.
4. Pilih radio button Y untuk blokir siswa.
5. Pilih Batal untuk menghapus semua data yang telah di isikan.
6. Pilih Simpan untuk menyimpan data siswa.
Nama Dialog Screen
: Halaman Isi Konten Manajemen Kelas
Fungsi
: Untuk menampilkan daftar dan manajemen kelas
Bentuk
Gambar 3.22 Halaman Konten Manajemen Kelas

1. Halaman ini merupakan tampilan isi konten dari manajemen kelas.
2. Tambah kelas merupakan button untuk menambahkan data kelas.
Nama Dialog Screen
: Halaman Isi Konten Manajemen Mata Pelajaran
Fungsi
: Untuk menampilkan daftar dan manajemen Mata

Pelajaran.
Bentuk
33
Gambar 3.23 Halaman Konten Manajemen Mata Pelajaran

1. Halaman ini merupakan tampilan isi konten dari manajemen mata
pelajaran.
2. Tambah mata pelajaran merupakan button untuk menambahkan data mata
pelajaran.
Nama Dialog Screen
: Halaman Isi Konten Manajemen Materi
Fungsi
: Untuk menampilkan daftar dan manajemen materi
Bentuk
Gambar 3.24 Halaman Konten Manajemen Materi

1. Halaman ini merupakan tampilan isi konten dari manajemen materi.
2. Tambah Materi merupakan button untuk menambahkan data materi.
34
Nama Dialog Screen
: Halaman Isi Konten Manajemen Quiz
Fungsi
: Untuk menampilkan daftar dan majemen quiz
Bentuk
Gambar 3.25 Halaman Konten Manajemen Quiz

1. Halaman ini merupakan tampilan isi konten dari manajemen quiz.
2. Tambah Topik merupakan button untuk menambahkan data quiz.
Nama Dialog Screen
: Halaman Tugas / Quiz
Fungsi
: Untuk menampilkan pengerjaan soal.
Bentuk
Gambar 3.26 Halaman Tugas / Quiz
35

1. Halaman ini merupakan tampilan dari halaman tugas / quiz
2. Sisa waktu merupakan batas untuk pengerjaan soal.
3. Daftar soal pilihan ganda merupakan kumpulan dari soal pilihan ganda
yang dikerjakan.
4. Daftar soal esaay meruapakan kumpulan dari soal essay yang dikerjakan.
Nama Dialog Screen
: Halaman Laporan
Fungsi
: Untuk menampilkan daftar laporan
Bentuk
Gambar 3.27 Halaman Laporan

1. Halaman ini merupakan tampilan dari halaman laporan.
2. List Menu Laporan merupakan menu untuk memilih jenis laporan.
3. Isi Menu Laporan merupakan halaman berisikan list menu laporan yang di
pilih.
36
III.7
Perancangan Arsitektur
Gambar 3.28 Bagan Struktur Nilai PG
Gambar 3.30 Bagan Struktur Nilai Essay
37
III.8
Perancangan Prosedural
Nama modul : Nilai PG
Kegunaan
: Menghitung nilai PG yang harus di tampilkan.
Input
: Jumlah
Benar
Salah
Output
: Nilai
Algoritma
:
Jumlah = Jumlah Soal PG
Tidak Dikerjakan = Jumlah Benar - Salah
Persentase = Benar / Jumlah
Nilai = Persentase * 100
Layout Screen : lihat gambar..

Nama modul : Nilai Essay
Kegunaan
: Menghitung nilai esai yang harus di tampilkan.
Input
: Jumlah
Skor
Output
: Nilai essay
Algoritma
:
jumlah = 0;
for (i=1; i<=jum_soal; i++)
bil = skor * i
for (j=0; j<=hitung(bil)-1; j++)
jumlah = jumlah + (bil * j)
nilai = jumlah / 100
nilai2 = nilai / jum_soal
nilai essay = nilai2 * 100

Layout Screen : lihat gambar..
BAB IV
IMPLEMENTASI DAN PENGUJIAN
38
Bab ini berisi uraian mengenai tahapan untuk membangun/mewujudkan

rancangan sistem baru secara nyata. Kegiatan yang dibahas meliputi konstruksi
(coding), pengujian perangkat lunak, dan instalasi.
IV.1 Implementasi
Dalam melakukan implementasi sebuah sistem diperlukan perencanaan dan
penjadwalan yang baik. Hal tersebut dilakukan agar sistem yang dibangun dapat
berjalan sesuai dengan harapan dan fungsi-fungsi yang ada mampu membantu
penyelesaian proses bisnis perusahaan. Proses perencanaan dan penjadwalan akan
menentukan setiap sumber daya dan waktu untuk membangun sistem tersebut
agar tidak melebihi sumber daya dan waktu yang dimiliki.
Begitu pula dalam mengimplementasikan pembangunan sebuah sistem E-learning
di SDN Ciodeng tentu diperlukan perencanaan dan penjadwalan yang baik agar
sistem yang dihasilkan dapat digunakan sesuai dengan harapan dan setiap fungsi
yang ada dalam sistem dapat berjalan dengan baik.
Adapun langkah-langkah yang dilakukan dalam mengimplementasikan sistem
tersebut adalah sebagai berikut :
1. Pengumpulan data
Pengumpulan data dilakukan agar pembangunan sistem E-learning SDN
Ciodeng sesuai dengan fakta dan kebutuhan yang ada.
2. Pembuatan desain aplikasi
Antarmuka atau interface adalah penghubung antara user dengan sistem
informasi, interface ini harus didesain dengan mempertimbangkan konsep
interaksi manusia komputer yang baik sehingga dapat menghasilkan interface
yang user-friendly, yang pada akhirnya akan memberikan kenyamanan dan
kemudahan pada saat user sedang menggunakan sistem.
3. Pembuatan code program
Sebuah perangkat lunak tanpa code program yang baik tidak akan berjalan
sesuai dengan harapan dan akan mengalami banyak eror pada saat digunakan,
untuk mengindari hal tersebut code program harus dibuat dengan sungguhsungguh sehingga menghasilkan sebuah program yang sesuai dengan
harapan.
4. Pengujian aplikasi
Setelah pembuatan code program selesai dan aplikasi dapat dijalankan maka
selanjutnya harus dilakukan pengujian terlebih dahulu. Pengujian aplikasi
2
dilakukan untuk memeriksa kesesuaian fungsi dari aplikasi dan untuk

menemukan kesalahan yang mungkin terjadi, baik itu kesalahan dalam proses
atau kesalahan logika dari aplikasi.
5. Evaluasi dan Perbaikan sistem
Evaluasi sistem dilakukan untuk memperbaiki sistem jika tedapat kesalahan
proses data atau adanya penambahan data dari hasil pengujian. Setelah sistem
di evaluasi maka sistem dapat digunakan untuk membantu proses bisnis
perusahaan. Setelah sistem berjalan dan digunakan di perusahaan maka perlu
diadakan perawatan atau Maintenance. Maintenance bertujuan agar sistem
tetap berfungsi sesuai dengan harapan dari waktu ke waktu.
Dari langkah-langkah implementasi sistem tersebut, maka dibuatlah penjadwalan
dengan teknik penjadwalan yang menggunakan Gantt-Chart.
Tabel 4.1 Aktifitas Implementasi
Keteranga
Nama Aktifitas
Waktu
Predecesso
Successo
n
A
B
Pengumpulan data
Pembuatan
desain
(Minggu)
3
5
r
A
r
B,C
C
aplikasi
Pembuatan
code
D
E
program
Pengujian aplikasi
Evaluasi dan Perbaikan
1
3
C
D
E
-
sistem
Tabel 4.2 Gantt Chart Implementasi
Keteranga
n
Minggu
1 2 3
A
B
C
D
E
1
0
1
1
1
2
1
3
1
4
1
5
1
6
IV.1.1 Lingkup dan Batasan Implementasi
Agar pengerjaan implementasi sistem dilakukan secara maksimal dan lebih

terfokus pada tujuan perancangan, maka perlu dilakukan pembatasan mengenai
fitur-fitur yang akan dibuat. Sehingga dalam pelaksanaannya tidak menyimpang
dari tujuan dan waktu pengerjaan yang telah ditentukan.
Adapun lingkup dan batasan dalam implementasikan sistem ini, yaitu:
1. Bahasa yang digunakan adalah PHP dan menggunakan database MYSQL.
2. Sistem yang dibuat adalah aplikasi berbasis website yang digunakan untuk
membantu proses pemberian materi dan tugas/quiz secara online.
IV.1.2 Kebutuhan Sumberdaya
Kebutuhan sumber daya dalam pembuatan sistem ini terdiri dari tiga kebutuhan
yaitu kebutuhan perangkat lunak, kebutuhan perangkat keras, dan kebutuhan
brainware. Kebutuhan sumber daya yang diusulkan berdasarkan perkiraan data
yang akan diproses adalah sebagai berikut:
IV.1.2.1 Kebutuhan Perangkat Keras
Kebutuhan minimal perangkat keras yang disarankan dan diperlukan untuk
menunjang perangkat lunak yang sedang dibuat adalah:
Tabel 4.3 Kebutuhan Perangkat Keras Server dan Client
Server
Processor (2.3 Ghz)
Motherboard Support CPU
Monitor
Hardisk 40 Gb
Memory (RAM) 4 GB
Keyboard dan Mouse
Network Interface Card
Modem
Client
Processor (2.0 Ghz)
Monitor
Hardisk 40 Gb
Memory (RAM) 2 GB
Keyboard dan Mouse
Modem
IV.1.2.2 Kebutuhan Perangkat Lunak

Kebutuhan perangkat lunak yang diperlukan untuk menunjang pembangunan
sistem yang sedang dibuat adalah:
Tabel 4.4 Kebutuhan Perangkat Lunak Server dan Client
Server
OS Windows 7
Client
OS Windows 7
Web Browser untuk mengakses
aplikasi.
PHP dan Apache sebagai web server.
MySql sebagai DBMS

Untuk penulisan code:
Notepad++
Untuk Desain Web:
Dreamweaver X6
Untuk Rancangan Desain:
Balsamic Mockup v3
Browser untuk mengakses aplikasi.
IV.1.2.3 Kebutuhan Brainware
Sumber daya manusia yang dapat mengelola perangkat lunak ini yaitu Operator
Sekolah, Guru sebagai administrator. Dimana masing-masing brainware memiliki
kualifikasi minimal sebagai berikut:
1. Operator
1.1 Mampu mengoperasikan komputer dengan baik.
1.2 Mengerti alur sistem yang sedang berjalan.
1.3 Mengerti alur sistem kerja aplikasi.
2. Guru
1.1 Mampu mengoperasikan komputer dengan baik.
1.2 Mampu menggunakan internet.
IV.1.3 Implementasi Antarmuka
Gambar 4.1 Dialog Screen Halaman Login Administrator

Gambar 4.2 Dialog Screen Peringatan Gagal Login
Gambar 4.3 Dialog Screen Halaman Utama Administrator

1. Untuk menambah siswa klik menu Manajemen Siswa atau Klik Icon Siswa
maka akan muncul seperti ini :
Gambar 4.4 Dialog Screen Halaman Manajemen Siswa
2. Klik Tambah Siswa. Maka akan menampilkan form seperti berikut :
Gambar 4.5 Dialog Screen Form Tambah Siswa

3. Setelah mengisikan data siswa Klik Simpan.
Gambar 4.6 Dialog Screen Halaman Manajemen Kelas
Uraian Penggunaan :
1. Untuk Menambahkan Kelas klik Tambah kelas, maka akan menampilkan
form sebagai berikut
Gambar 4.7 Dialog Screen Form Tambah Kelas

2. Setelah selesai mengisikan data klik tombol simpan.
Gambar 4.8 Dialog Screen Halaman Manajemen Mata Pelajaran

Uraian Penggunaan :
1. Untuk Menambahkan mata pelajaran , klik Tambah mata pelajaran maka
akan menampilkan form sebagai berikut :
Gambar 4.9 Dialog Screen Form Tambah Mata Pelajaran

2. Setelah selesai klik tombol simpan.
Gambar 4.10 Dialog Screen Halaman Manajemen Materi

1. Untuk menambah materi baru klik tombol tambah materi. Maka akan
menampilkan form sebagai berikut :
Gambar 4.11 Dialog Screen Form Tambah Materi

2. Setelah mengisi semua data klik tombol Simpan.
Gambar 4.12 Dialog Screen Halaman Manajemen Quiz

1. Untuk menambah sebuah topik klik Tambah Topik
2. Maka Akan menampilkan form tambah topik.
10
Gambar 4.13 Dialog Screen Form Tambah Quiz
3. Setelah mengisikan data klik tombol Simpan.

Uraian cara penggunaan buat quiz :
1. Untuk membuat quiz klik Buat Quiz pada halaman manajemen quiz ( lihat
Gambar 4.11 Dialog Screen Halaman Manajemen Quiz)
2. Maka akan menampilkan halaman sebagai berikut :
11
Gambar 4.14 Dialog Screen Halaman Buat Quiz

3. Pilih Salah satu tipe quiz yaitu : Esay dan Pilihan Ganda
4. Untuk membuat quiz bertipe esay klik Buat Quiz Esay, maka akan
menampilkan form berikut :
Gambar 4.15 Dialog Screen Form Buat Quiz Esay

Uraian Penggunaan Form Buat Quiz Esay:
1. Isikan Pertanyaan . gunakan gambar jika memang diperlukan.
2. Klik tombol Simpan.
5. Untuk Membuat Quiz bertipa pilihan ganda klik Buat Quiz Pilihan Ganda,
maka akan menampilkan form sebagai berikut :
12
Gambar 4.16 Dialog Screen Form Buat Quiz Pilihan Ganda
Uraian Penggunaan Form Buat Quiz Pilihan Ganda:

1. Isikan Pertanyaan. Gunakan gambar jika diperlukan.
2. Isikan setiap jawaban pilihan.
3. Pilih kunci jawaban.
4. Klik Simpan.
13
Gambar 4.17 Dialog Screen Halaman Login Siswa
Uraian Penggunaan Form Login Siswa:

1. Isikan Username
2. Isikan Password
3. Pilih button LOGIN jika berhasil akan masuk ke halaman utama
siswa, jika gagal maka akan menampilkan dialog screen berikut :
Gambar 4.18 Dialog Screen Gagal Login
14
Gambar 4.19 Dialog Screen Halaman Utama Siswa

Uraian Penggunaan Halaman Utama Siswa :
1. Menu Utama merupakan potongan halaman untuk memilih menu
yang akan di pilih
2. Account merupakan potongan halaman untuk mengubah profil dan
username password.
Gambar 4.20 Dialog Screen Halaman Kelas Anda
Uraian Penggunaan Halaman Kelas Anda :

1. Ini merupakan tampilan pada halaman Kelas Anda
2. Lihat Teman untuk melihat seluruh daftar siswa yang terdapat dalam
kelas.
15
Gambar 4.21 Dialog Screen Halaman Mata Pelajaran
Uraian Penggunaan Halaman Mata Pelajaran :

1. Ini merupakan tampilan pada halaman Mata Pelajaran
2. Klik Nama Pengajar untuk melihat profil Pengajar yang mengajar
mata pelajaran.
Gambar 4.22 Dialog Screen Halaman Materi
Uraian Penggunaan Halaman Materi :

1. Ini merupakan tampilan pada halaman Materi
2. Klik Lihat File Materi untuk melihat materi yang di berikan , maka
akan menampilkan halaman pada isi menu sebagai berikut :
16
Gambar 4.23 Dialog Screen Halaman Lihat Materi
3. Klik Download File untuk mendownload file materi yang diberikan.
Gambar 4.24 Dialog Screen Halaman Tugas/Quiz
Uraian Penggunaan Halaman Materi :

1. Ini merupakan tampilan pada halaman Tugas / Quiz
2. Klik Lihat File Tugas / Quiz untuk melihat tugas atau kuis yang
diberikan , maka pada isi menu akan menampilkan halaman berikut :
17
Gambar 4.25 Dialog Screen Halaman Lihat Tugas / Quiz
3. Klik Kembali untuk kembali ke halaman sebelum nya.

4. Klik Kerjakan Tugas/Quiz untuk mengerjakan tugas atau kuis yang
diberikan, maka pada isi menu akan menampilkan halaman sebagai
berikut :
Gambar 4.26 Dialog Screen Halaman Kerjakan Tugas / Quiz
5. Klik Mulai Mengerjakan, maka akan menampilkan halaman

pengerjaan tugas atau kuis sebagai berikut :
18
Gambar 4.27 Dialog Screen Halaman Pengerjaan Tugas / Quiz
6. Isikan semua jawaban sesuai jenis soal

7. Sisa Waktu Anda merupakan batas waktu pengerjaan Tugas/Quiz.
8. Klik Ya untuk menyimpan jawaban dan selesai untuk pengerjaan
Tugas/Quiz.
Gambar 4.28 Dialog Screen Halaman Nilai
Uraian Penggunaan Halaman Nilai :

19
1. Ini merupakan tampilan pada halaman Tugas / Quiz

2. Klik Lihat Nilai untuk melihat nilai. Maka akan menampilkan
halaman pada isi menu sebagai berikut :
Gambar 4.29 Dialog Screen Halaman Lihat Nilai
3. Ini merupakan tampilan pada halaman Lihat Nilai berdasarkan mata

pelajaran yang di pilih.
4. Klik Lihat Nilai untuk melihat nilai tugas/quiz berdasarkan mata
pelajaran yang di pilih. Maka akan menampilkan halaman sebagai
berikut :
Gambar 4.30 Dialog Screen Halaman Hasil Nilai
5. Klik Kembali untuk kembali ke halaman sebelumnya.
20
Gambar 4.31 Dialog Screen Halaman Laporan
Uraian Penggunaan Halaman Laporam:

1. Ini merupakan tampilan pada halaman Laporan
2. Klik icon
untuk mencetak langsung halaman.
3. Klik icon
untuk export ke dalam format excel.
4. Klik icon
untuk export ke dalam format word.
5. Klik icon
untuk export ke dalam format pdf.
6. Klik icon
untuk menampilkan atau menyembunyikan filter
laporan.
7. Klik icon
8. Klik icon
untuk menghapus semua filter laporan.

Untuk menyimpan format filter atau menghapus
format filter.
IV.2
Pengujian
Untuk memastikan bahwa perangkat lunak yang dibuat dapat berjalan dengan
semestinya perlu dilakukan pengujian terhadap perangkat lunak tersebut.
21
IV.2.1 Lingkup dan Lingkungan
Lingkup pengujian diperlukan untuk membatasi modul apa saja yang akan
dilakukan dalam pengujian aplikasi. Adapun pengujian yang dilakukan meliputi:
1.
2.
3.
4.
5.
6.
Pengujian koneksi perangkat lunak dengan database.

Pengujian terhadap proses login bagi semua pengguna.
Pengujian terhadap proses logout bagi semua pengguna.
Pengujian terhadap apakah data tersimpan dalam database.
Pengujian terhadap apakah data dalam database dapat diubah dengan benar.
Pengujian terhadap apakah data dalam database dapat dihapus dengan benar.
IV.2.2 Kebutuhan Sumberdaya
IV.2.2.1 Kebutuhan Perangkat Keras

Kebutuhan minimal perangkat keras yang disarankan dan diperlukan untuk
menunjang perangkat lunak yang sedang dibuat adalah:
Tabel 4.5 Kebutuhan Perangkat Keras Pegujian Server dan Client
Server
Processor (2.3 Ghz)
Monitor
Hardisk 40 Gb
Memory (RAM) 4 GB
Keyboard dan Mouse
Modem
Client
Processor (2.0 Ghz)
Monitor
Hardisk 40 Gb
Memory (RAM) 2 GB
Keyboard dan Mouse
Modem
IV.2.2.2 Kebutuhan Perangkat Lunak

Tabel 4.6 Kebutuhan Perangkat Lunak Pengujian Server dan Client
Server
OS Windows 7
Client
OS Windows 7
Web Browser untuk mengakses
aplikasi.
PHP dan Apache sebagai web server.

MySql sebagai DBMS
Browser untuk mengakses aplikasi.
IV.2.3 Hasil Pengujian
Di bawah ini adalah hasil pengujian yang telah dilakukan pada Sistem E-learning
SDN Ciodeng:
22
IV.2.3.1Pengujian Black Box

Pada tahap ini dilakukan proses pengujian secara black box testing yang
merupakan salah satu cara pengujian yang hanya menguji masukan dan
keluarannya atau fungsional perangkat lunak, dimana dengan berbagai masukan
yang diberikan akan mendeteksi apakah perangkat lunak memberikan keluaran
yang diharapkan.
IV.2.3.1.1
Tabel Pengujian
Tabel 4.7 Tabel Pengujian

No
Fungsi yang diuji
Login dan
akses user
Cara Pengujian
hak Masukan
username dan
password.
Pendaftaran User Mengisi
field
untuk
pendaftaran
Melakukan
Memilih salah
Pembuatan Tugas satu Tugas atau
dan Quiz
Quiz
Upload Materi
Download Materi
8
9
Mengupload file
pada
inputan
yang disedikan
Mendownload
file
materi
dengan memilih
salah satu file
materi
Upload foto
Mengupload
foto
pada
inputan
yang
disediakan.
Pemblokiran akun Melakukan
Login
Waktu Pengerjaan Mengerjakan
Tugas/Quiz
23
Hasil yang diharapkan
Hasi
l
Setelah
login
mendapatkan
hak
aksesnya dengan benar.
Data user tersimpan dan
dapat mengakses menu

yang hanya dapat di
akses oleh member
Data
Tugas/Quiz
tersimpan dan dapat di

cek admin serta dapat
di kerjakan oleh siswa.
Proses upload dapat
dilakukan
dengan
format yang di tentukan
dan tersimpan .
Data file dapat di
download
dan
tersimpan dengan baik.
Proses upload dapat

dilakukan
dengan
format yang ditentukan.
Menampilkan halaman
gagal login.
Batas waktu pengerjaan
sesuai dengan waktu
yang di tentukan
10
Nilai Tugas/Quiz
IV.2.3.1.2
Mengisikan
Data nilai tersimpan
field nilai untuk dan dapat dilihat oleh
tugas/quiz
siswa.
Kesimpulan Pengujian Black Box
Berdasarkan hasil pengujian black box dengan kasus diatas dapat ditarik
kesimpulan bahwa pembangunan sistem e-learning di SDN Ciodeng telah berjalan
sesuai dengan proses baik secara fungsional dan mengeluarkan hasil yang sesuai
dengan yang diharapkan atau sudah berfungsi sepenuhnya.
24
BAB V
KESIMPULAN DAN SARAN
Bab ini akan memberikan beberapa kesimpulan dari hasil analisis yang juga
merupakan jawaban atau solusi dari identifikasi masalah yang telah dikemukakan
sebelumya pada bab I, juga saran yang dikemukakan untuk melengkapi
kekurangan dari perancangan sistem.
V.1 Kesimpulan
Setelah melalui beberapa tahapan analisa, perancangan dan implementasi, dapat
diperoleh kesimpulan sebagai berikut :
1. Telah dibuat sebuah aplikasi e-learning di SDN Ciodeng
2. Proses belajar mengajar di SDN Ciodeng dilakukan tanpa batas ruang dan
waktu tanpa harus bertatap muka antara siswa dan guru dengan
menggunakan aplikasi e-learning.
V.2 Saran
Setelah perancangan sistem ini selesai, ada beberapa saran yang akan
dikemukakan untuk melengkapi kekurangan dari aplikasi ini, saran-saran tersebut
antara lain sebagai berikut :
1. Mengupgrade tampilan web menjadi tampilan desain dan menjadikan
sebuah web responsive, agar pengunjung lebih nyaman ketika mengakses
web .
2. Lebih menyederhanakan data data yang seharusnya tidak perlu di
inputkan.
3. Hosting
V-1
DAFTAR PUSTAKA
Buku :
Anhar. 2010, Panduan Menguasai PHP & MySQL secara Otodidak, mediakita,
Jakarta.
B. Shelly, Gary. 2012, System Analys and Design Ninth Edition, Course
Technology, Amerika.
Corenel, Carlos. 2014, Database Systems: Design, Implementation, &
Management, Cengage Learning, USA.
Glossary, (2001) Glossary of e-Learning Terms, LearnFrame.Com, 2001.
Hartanto, A.A. dan Purbo, O.W. (2002), Teknologi e-learning Berbasis PHP dan
MySQL, Elex Media Komputindo, Jakarta.
Hoberman, Steve. 2013, Data Modeling Made Simple with ER/Studio Data
Architect, Technics Publications, USA.
Irwansyah, Edy. 2014, Pengantar Teknologi Informasi, Deepublish, Yogyakarta.
I.T.L. Education Solutions Limited, Introduction to Information Technology. New
Delhi: Dorling Kindersley (India) Pvt. Ltd., 2006.
Jogiyanto,
HM.
2001.
Analisis
Perancangan
Sistem
Informasi.
Andi
Offset.Yogyakarta.
Jogiyanto. 2005. Analisis dan Desain Sistem Informasi. Yogyakarta: Penerbit
Andi.
K.Pakhira, Malay. 2013, Database Management System, PHI, Delhi.
Komputer, Wahana. 2010, Membangun Website tanpa Modal, Penerbit ANDI,
Yogyakarta.
Laudon KennethC., Laudon Jane P.2007. Sistem Informasi Manajemen 1(ed.10),
diterjemahkan oleh Chriswan Sungkono dan Machmudin Eka P. Penerbit Salemba
Empat Jakarta.
Prayitno, Indra. 2010, Kupas Tuntas Malware, Elex Media Komputindo, Jakarta.
17
Puji Oktavian, Diar. 2010, Menjadi Programmer Jempolan Menggunakan PHP,

Mediakom, Yogyakarta.
Raharjo, Budi. 2011. Belajar Otodidak Membuat Database Mengunakan MySQL.
Informatika. Bandung.
Romney, Marshall B., dan Steinbart, paul J. 2012. Accounting Information Systems. Global Edition. Twelfth Edition. England: Pearson Education Limited.
Rosenberg, M. J. (2001). E-learning: Strategies for delivering knowledge in the
digital age. New York: McGraw-Hill.
Scarlat, Alexander. 2012, Electronical Health Record: A Systems Analys of the
Medications Domain, Taylor and Francis Group, Amerika.
Simarmata, Janner. 2010, Rekayasa Perangkat Lunak, Penerbit ANDI,
Yogyakarta.
Siahaan, Sudirman. 2002. Studi Penjajagan tentang Kemungkinan Pemanfaatan
Internetuntuk Pembelajaran di SLTA di Wilayah Jakarta dan Sekitarnya dalam
Jurnal Pendidikan dan Kebudayaan, Tahun Ke-8, No. 039, November
2002.Jakarta:Badan Penelitian dan Pengembangan-Departemen Pendidikan
Nasional.
Simarmata, Janner. 2010, Rekayasa Web, Penerbit ANDI, Yogyakarta.
Suphan, Nashir. 2015, Relationship Management Strategies in the Digitial Era,
IGI Global, USA.
V.Kumar & Werner Reinartz. 2012, Customer Relationship Management:
Concept, Strategy and Tools Second Edition, Springer, New York.
Wahono, Romi Satria. 2007. Sistem e-learning Berbasis Model Kreativitas
Komunitas.
West, Matthew. 2011, Developing High Quality Data Models, Morgan Kaufmann,
USA.
Lainnya :
Kurniawan, Budi, Mengeal Sistem Kerja Cascading Style
http://www.rajadigital.com/mengenal-sistem-kerja-cascading-style-sheetcss.html/, download tanggal 17 April 2016.
18
Sheet,
19

Bab 1 5

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Bab 1 5

Diunggah oleh

Hak Cipta:

Format Tersedia

PERANCANGAN APLIKASI E-LEARNING UNTUK

MENUNJANG PROSES BELAJAR MENGAJAR

Program Studi : Teknik Informatika

Bandung, 7 Agustus 2016

Tugas akhir ini merupakan salah satu syarat

kelulusan program Diploma Tiga (D3) pada program studi Manajemen

Bapak Ir. Endang Sunandar, M.Kom. selaku dosen pembimbing, yang

Seluruh staff pengajar SDN Ciodeng yang selalu memberikan informasi

Teman teman mahasiswa yang sudah memberikan sumbang dan saran

Akhirnya penulis berharap semoga Tuhan memberikan imbalan yang setimpal

TEORI TENTANG PERMASALAHAN.........................................................II-1

II.1.1 Pengertian Perancangan Sistem.........................................................II-1

II.1.8 Cascading Style Sheets (CSS)...........................................................II-9

METODOLOGI YANG DIGUNAKAN.........................................................II-10

II.2.1 Structured System Analysis and Design (SSAD)............................II-10

GAMBARAN PERANGKAT LUNAK.........................................................III-1

Conceptual Data Modelling (CDM).............................................III-5

Physical Data Model (PDM)......................................................III-23

Lingkup dan Batasan Implementasi..............................................IV-3

Lingkup dan Lingkungan............................................................IV-22

Tabel 3.1 Spesifikasi Proses 1.1.1.1 Tambah Pengajar.......................................III-9

Tabel 3.16 Spesifikasi Proses 1.1.6.1 Tambah Topic Quiz...............................III-16

Tabel 4.7 Tabel Pengujian.................................................................................IV-23

Gambar 2.1 Simbol DFD...................................................................................II-11

Gambar 3.14 PDM E-Learning SDN Ciodeng.................................................III-23

Gambar 4.10 Dialog Screen Halaman Manajemen Materi.................................IV-9

DAFTAR SINGKATAN DAN LAMBANG

Sekolah Dasar Negeri

Structured Sytem Analys and

Transmission Control Protocol/

Voice Over Internet Protocol

File Transfer Protocol

World Wide Web

DAFTAR SIMBOL PADA DATA FLOW DIAGRAM

kali pada halaman

DAFTAR SIMBOL PADA CONCEPTUAL DATA MODEL

menujukkan 1 entitas yang berelasi terhadap

menujukkan 1 entitas yang berelasi terhadap

Menujukkan banyak entitas yang berelasi

Menggambarkan asosiasi antar entitas

Link yang mengubungkan asosiasi dengan

DAFTAR SIMBOL PADA PHYSICAL DATA MODEL

Menunjukkan relasi antar tabel

DAFTAR SIMBOL PADA STRUCTURE CHART

Simbol untuk mengubungkan suatu modul

3. Data kelas dibatasi hanya kelas V SDN Ciodeng.

I.4 Tujuan Perancangan

I.6 Sistematika Penulisan

Pembahasan meliputi gambaran umum proses

bisnis di perusahaan, analisis fungsional, perancangan data, perancangan

Pengertian Perancangan Sistem

Menurut Jogiyanto (2001:2) menyatakan rancangan adalah :

Tujuan Perancangan Sistem

Menurut Jogiyanto (2001:209) tujuan utama perancan sistem adalah:

Istilah E-learning atau Electronic Learning atau pembelajaran elektronik ini

mengirimkan serangkaian solusi yang dapat meningkatkan

Komponen-komponen pendukung dari proses pembelajaran elektronik menurut

Infrastruktur/peralatan e-learning dapat berupa Personal Computer (PC),

Berdasarkan sifat interaktifnya, sistem e-learning dapat dibagi menjadi 2

Fungsi Sistem Informasi

E-learning mempunyai 3 fungsi utama dalam pembelajaran yaitu: sebagai

Dikatakan berfungsi sebagai suplemen (opsional), apabila peserta didik

pembelajaran yang diterima siswa di dalam kelas. Sebagai komplemen berarti