pengembangan e-learning smp negeri 1 sukoharjo …... · program diploma iii teknik informatika...
TRANSCRIPT
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
PENGEMBANGAN E-LEARNING SMP NEGERI 1 SUKOHARJO
SEBAGAI MEDIA PEMBELAJARAN ONLINE
TUGAS AKHIR
Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya
Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sebelas Maret
Disusun Oleh:
MARTHA AYU KARTIKAWULAN
NIM.M3309026
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
SURAKARTA
2012
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
ii
HALAMAN PERSETUJUAN
PENGEMBANGAN E-LEARNING SMP NEGERI 1 SUKOHARJO
SEBAGAI MEDIA PEMBELAJARAN ONLINE
Disusun Oleh:
MARTHA AYU KARTIKAWULAN
NIM. M3309026
Tugas akhir ini telah disetujui untuk dipertahankan
di hadapan dewan penguji pada tanggal 11 Juni 2012
Pembimbing Utama
Wisnu Widiarto S.Si M.T
NIP. 19700601 200801 1 009
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
iii
HALAMAN PENGESAHAN
PENGEMBANGAN E-LEARNING SMP NEGERI 1 SUKOHARJO
SEBAGAI MEDIA PEMBELAJARAN ONLINE
Disusun Oleh.
MARTHA AYU KARTIKAWULAN
NIM.M3309026
Pembimbing Utama
Wisnu Widiarto S.Si M.T
NIP 19700601 200801 1 009
Tugas akhir ini telah diterima dan disahkan oleh dewan penguji tugas akhir
Program Diploma III Teknik Informatika
Pada hari Senin tanggal 2 Juli 2012
Dewan Penguji:
1. Penguji 1 Wisnu Widiarto S.Si M.T ( )
NIP. 19700601 200801 1 009
2. Penguji 2 Darsono, S.Si, M.Si ( )
NIP. 19700727 199702 1 001
3. Penguji 3 Lelly Hidayah Anggraini , M.Cs ( )
Disahkan Oleh :
Dekan Fakultas MIPA
Universitas Sebelas Maret
Ketua Program Studi
Diploma III Teknik Informatika
UNS
Prof.Ir. Ari Handono Ramelan, M.Sc (Hons)., Ph.D
NIP. 19610223 198601 1 001
Drs. Y.S. Palgunadi, M.Sc
NIP. 19560407 198303 1 004
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
iv
ABSTRACT
Martha Ayu Kartikawulan, 2012, DEVELOPMENT OF WEB BASED
ONLINE LEARNING AT SMP NEGERI 1 SUKOHARJO AS MEDIA
ONLINE LEARNING. 3rd
Diploma Degree Informatic Engineering, Faculty
of Mathematics and Science, University of Sebelas Maret Surakarta.
SMP Negeri 1 Sukoharjo as one of the school that want to create more
qualified education course requires facilities that can support the achievement to
that goal. Learning method using computer application is a form of the use of
internet technology, the form of learning using computer application is e-
learning. E-learning is a long distance learning using internet media without
doing face to face learning activities. The goal of the final project is to develop an
e-learning as online learning medium.
The methods of collecting data in the final assignment were observation
method, documentation and library studies. The planning stages used in this task
coveres system plan, database plan and created script program.
It can be concluded that e-learning was design and implemented to make
easy for teaching and learning activities, especially in giving learning material,
learning information, learning result accurately and discussion forum, using
internet media without doing teaching learning activities limited by location and
time.
Keyword : E-learning, Online Learning
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
v
ABSTRAK
Martha Ayu Kartikawulan,2012, PENGEMBANGAN E-LEARNING
SMP NEGERI 1 SUKOHARJO SEBAGAI MEDIA PEMBELAJARAN
ONLINE. D3 TEKNIK INFORMATIKA, FAKULTAS MIPA,
UNIVERSITAS SEBELAS MARET SURAKARTA.
SMP Negeri 1 Sukoharjo sebagai salah satu sekolah yang ingin
mewujudkan pendidikan yang semakin bermutu sangat membutuhkan sarana yang
dapat mendukung tercapainya harapan itu. Metode pembelajaran menggunakan
aplikasi elektronik merupakan pemanfaatan dari teknologi internet. Bentuk
pembelajaran dengan menggunakan aplikasi elektronok tersebut adalah e-
learning. E-learning merupakan pembelajaran jarak jauh dengan menggunakan
media internet tanpa harus melakukan kegiatan belajar mengajar dengan tatap
muka. .tujuan dari Tugas Akhir ini adalah untuk mengembangkan e-learning
sebagai media pembelajaran online di SMP Negeri 1 Sukoharjo.
Metode pengumpulan data digunakan dalam penyusunan Tugas Akhir
iniadalah observasi, dokumentasi dan studi pustaka. Tahapan perancangan yang
digunakan meliputi perencaan system, perancangan system, perancangan
database, dan membuat skrip program.
Dapat disimpulkan bahwa aplikasi e-learning telah dirancang dan dibuat
untuk mempermudah proses kegiatan belajar mengajar dalam penyajian materi,
soal, forum diskusi, informasi nilai dengan menggunakan media internet tanpa
harus melakukan proses kegiatan belajar mengajar tanpa batasan tempat dan
waktu.
Kata Kunci : e-Learning, Pembelajaran Online
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
vi
MOTTO
saya bermimpi, saya merancang, saya membuat dan saya
mendapatkannya.
saya adalah perancang masa depan !
(Penulis)
You are someone in the world, but for someone you are the
world!
Kehidupan itu seperti sebuah cermin.
Jika engkau menghadiahkan senyuman kepadanya maka
engkau akan mendapatkanya kembali.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
vii
HALAMAN PERSEMBAHAN
Tugas Akhir ini Penulis persembahkan untuk :
1. Allah SWT atas limpahan rahmat dan karunia-Nya
sehingga terselesainya karya tulis ini dengan baik.
2. Almarhum Bapak, Ibu dan Indah yang sangat Penulis
cintai, terima kasih atas do’a dan semangat yang telah
diberikan kepada penulis.
3. Nugraha Aprianta Pamilih berserta keluarga yang
selalu memberikan semangat.
4. Sahabatku tersayang Gembul, Buri, Isna selalu ada saat
susah dan bahagia.
5. Teman seperjuangan DIII Teknik Informatika kelas E
Angkatan 2009 yang telah bersama-sama menuntut
ilmu di kampus tercinta kita, UNS.
6. Program Studi DIII Teknik Informatika FMIPA UNS
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
viii
KATA PENGANTAR
Assalamu’alaikum wr.wb
Dengan rahmat Allah Yang Maha Pemurah dan Maha Pengasih, penulis dapat
menyelesaikan laporan Tugas Akhir yang berjudul “PENGEMBANGAN E-
LEARNING SMP NEGERI 1 SUKOHARJO SEBAGAI MEDIA
PEMBELAJARAN ONLINE” dengan lancar. Shalawat dan salam semoga
senantiasa Allah limpahkan kepada Rasulullah Muhammad yang telah
memberikan dan menyampaikan kepada kita semua ajarannya yang terbukti
kebenarannya.
Adapun tujuan penulis menyusun laporan ini untuk memenuhi memenuhi
salah satu syarat mencapai gelar Ahli Madya Program Diploma III Teknik
Informatika Fakultas Matematika dan Ilmu pengetahuan Alam Universitas
Sebelas Maret serta mengimplementasikan semua ilmu yang diperoleh di bangku
kuliah untuk membantu masyarakat mencari solusi dari permasalahan yang ada di
masyarakat khususnya permasalahan yang berkaitan dengan teknologi informasi.
Penulisan laporan Tugas Akhir ini tidak lepas dari adanya bantuan dan
bimbingan Bapak atau Ibu Dosen, Para Informan, Teman-teman mahasiswa dan
para petugas perpustakaan. Maka dalam kesempatan ini penulis mengucapkan
terima kasih yang sebanyak-banyaknya kepada yang terhormat :
1. Almarhum Bapak, Ibu, Adik penulis serta segenap keluarga yang
penulis sayangi yang telah memberikan doa, dukungan dan
semangatnya.
2. Bapak Y.S Palgunadi,M.Si selaku ketua jurusan DIII Ilmu komputer
FMIPA UNS beserta dosen-dosen DIII Ilmu Komputer FMIPA UNS
yang telah memberikan bekal ilmu pengetahuan yang sangat berguna.
3. Bapak Wisnu Widiarto, S.Si, M.T. selaku pembimbing Tugas Akhir
yang selalu memberikan kritik, saran, dan masukan yang bersifat
membangun kepada penulis baik dalam pembuatan Tugas Akhir
maupun dalam penyusunan laporan ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
ix
4. Drs. Saridi, M.Pd selaku Kepala Sekolah SMP NEGERI 1
SUKOHARJO yang telah memberi bantuan dan kerjasamanya kepada
penulis selama melakukan penelitian.
5. Sahabatku tersayang Gembul,Buri, Isna serta teman-teman di kelas TI.E
yang selalu memberikan semangat, dukungan dalam penyusunan
laporan ini.
6. Nugraha Aprianta Pamilih, seseorang yang senantiasa memberi
semangat, doa dan dukungan kepada Penulis.
7. Semua pihak yang telah membantu penulisan Laporan Tugas Akhir ini,
yang tidak dapat disebutkan satu persatu.
Semoga segala bantuan yang telah diberikan kepada penulis untuk
menyelesaikan laporan Tugas Akhir ini dapat bermanfaat dan mendapat balasan
dari Allah SWT.
Untuk pengembangan laporan Tugas Akhir selanjutnya, penulis sangat
mengharapkan tegur sapa, saran dan kritik yang membangun. Akhirnya penulis
berharap semoga apa yang penulis uraikan dalam laporan ini dapat bermanfaat
bagi penulis khususnya dan pembaca pada umumnya.
Wassalamulaikum Wr. Wb
Surakarta, Juni 2011
Penulis
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
x
DAFTAR ISI
Halaman
HALAMAN JUDUL ........................................................................................... i
HALAMAN PERSETUJUAN ............................................................................ ii
HALAMAN PENGESAHAN ........................................................................... iii
HALAMAN ABSTRACT ................................................................................. iv
MOTTO ............................................................................................................. vi
PERSEMBAHAN ............................................................................................. vii
KATA PENGANTAR ..................................................................................... viii
DAFTAR ISI ....................................................................................................... x
DAFTAR TABEL ............................................................................................. xii
DAFTAR GAMBAR ........................................................................................ xv
BAB I PENDAHULUAN ................................................................................... 1
1.1 Latar Belakang Masalah ............................................................................. 1
1.2 Rumusan Masalah ...................................................................................... 2
1.3 Batasan Masalah ......................................................................................... 2
1.4 Tujuan ......................................................................................................... 2
1.5 Manfaat ....................................................................................................... 3
1.6 Metodologi Penelitian ................................................................................. 3
1.7 Sistematika Penulisan ................................................................................. 5
BAB II LANDASAN TEORI ............................................................................. 7
2.1 Basis Data ................................................................................................... 7
2.2 Desain Sistem ............................................................................................. 8
2.3 E-Learning ................................................................................................ 12
2.4 PHP ........................................................................................................... 13
2.5 MySQL ..................................................................................................... 13
2.6 PhpMyAdmin dan XAMPP ..................................................................... 14
2.7 Macromedia Dreamweaver ...................................................................... 15
BAB III ANALISIS DAN PERANCANGAN SISTEM .................................. 15
3.1Analisis dan Perancangan sistem ............................................................... 15
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xi
3.1.1 Perencanaan Sistem .......................................................................... 15
3.1.2 Analisa Kebutuhan Hardware .......................................................... 17
3.1.3 Analisa Kebutuhan Software ............................................................ 18
3.1.4 Perancangan Sistem .......................................................................... 18
a. Context Diagram ........................................................................ 18
b. DFD Level 0 ............................................................................... 20
c. DFD Level 1 Proses 2( Kelola Tugas ) ....................................... 21
d. DFD Level 1 Proses 3 (Kelola Forum) ....................................... 22
e. DFD Level 1 Proses 4 (Kelola Profil) ......................................... 22
f. DFD Level 1 Proses 5 (Kelola Berita) ......................................... 23
g. DFD Level 1 Proses 6 (Kelola Siswa) ........................................ 24
h. DFD Level 1 Proses 7 (Kelola Guru) ......................................... 25
i. DFD Level 2 Proses 2.1 (Kelola Tugas) ...................................... 26
j. DFD Level 2 Proses 2.2 (Kelola File) ........................................ 27
k.DFD Level 2 Proses 3.1 (Kelola Kategori) .................................. 28
l. DFD Level 2 Proses 3.2 (Kelola Topik) ...................................... 29
m. DFD Level 2 Proses 3.3 (Kelola Komentar) .............................. 30
3.1.5 Flowchart ....................................................................................... 31
a. Flowchart Admin Tambah Guru ......................................................... 31
b. Flowchart Guru Tambah Tugas .......................................................... 32
c. Flowchart Pengumpulan Tugas ........................................................... 33
3.2 Perancangan Basis Data ............................................................................ 34
3.2.1 Entity Relationship Diagram (ERD) ................................................. 34
3.2.2 Relasi Antar Tabel ............................................................................ 35
3.2.3 Perancangan Tabel Database ............................................................ 36
3.3 Perancangan Layout ................................................................................. 43
BAB IV IMPLEMENTASI DAN ANALISA .................................................. 44
4.1 Site Map .................................................................................................... 44
4.2 Implementasi Sistem ................................................................................. 47
4.2 Evaluasi .................................................................................................... 54
BAB V PENUTUP ........................................................................................... 55
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xii
5.1 Kesimpulan ............................................................................................... 55
5.2 Saran ......................................................................................................... 55
DAFTAR PUSTAKA ....................................................................................... 56
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xiii
DAFTAR TABEL
Halaman
1. Tabel 3.1 Proses Bisnis Manual dan Proses Bisnis Sistem ............................. 15
2. Tabel 3.2 Fungsional SRS .............................................................................. 16
3. Tabel 3.3 Non Fungsional SRS ....................................................................... 17
4. Tabel 3.4 Detail Tabel Admin ........................................................................ 36
5. Tabel 3.5 Detail Tabel Daftar Kelas ............................................................... 36
6. Tabel 3.6 Detail Tabel Guru ........................................................................... 37
7. Tabel 3.7 Detail Tabel File Manager ............................................................. 37
8. Tabel 3.8 Detail Tabel Daftar Siswa ............................................................... 38
9. Tabel 3.9 Detail Tabel Daftar Tugas ............................................................... 38
10. Tabel 3.10 Detail Tabel Tugas Upload ........................................................... 39
11. Tabel 3.11 Detail Tabel Berita ........................................................................ 39
12. Tabel 3.12 Detail Tabel Forum_Kategori ....................................................... 40
13. Tabel 3.13 Detail Tabel Forum_Posting ......................................................... 40
14. Tabel 3.14 Detail Tabel Forum_topik ............................................................. 41
15. Tabel 3.15 Detail Tabel Daftar_Mapel .......................................................... 41
16. Tabel 3.16 Detail Tabel Filter_Kata ............................................................... 41
17. Tabel 3.17 Detail Tabel Mengampu ............................................................... 42
18. Tabel 3.18 Detail Tabel Upgrade ................................................................... 42
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xiv
DAFTAR GAMBAR
Halaman
1. Gambar 2.1 Simbol Entity Luar ........................................................................ 9
2. Gambar 2.2 Simbol Aliran Data ..................................................................... 10
3. Gambar 2.3 Simbol Proses .............................................................................. 10
4. Gambar 2.4 Simbol Berkas ............................................................................. 10
5. Gambar 2.5 Simbol Entity ............................................................................. 11
6. Gambar 2.6 Simbol Atribut ............................................................................. 11
7. Gambar 2.7 Simbol Relasi .............................................................................. 12
8. Gambar 3.1 Context Diagram ......................................................................... 18
9. Gambar 3.2 DFD Level 0 ............................................................................... 20
10. Gambar 3.3 DFD Level 1 Proses 2( Kelola Tugas ) ....................................... 21
11. Gambar 3.4 DFD Level 1 Proses 3 (Kelola Forum) ....................................... 22
12. Gambar 3.5 DFD Level 1 Proses 4 (Kelola Profil) ......................................... 22
13. Gambar 3.6 DFD Level 1 Proses 5 (Kelola Berita) ........................................ 23
14. Gambar 3.7 DFD Level 1 Proses 6 (Kelola Siswa) ........................................ 24
15. Gambar 3.8 DFD Level 1 Proses 7 (Kelola Guru) .......................................... 25
16. Gambar 3.9 DFD Level 2 Proses 2.1 (Kelola Tugas) ..................................... 26
17. Gambar 3.10 DFD Level 2 Proses 2.2 (Kelola File) ...................................... 27
18. Gambar 3.11 DFD Level 2 Proses 3.1 (Kelola Kategori) ............................... 28
19. Gambar 3.12 DFD Level 2 Proses 3.2 (Kelola Topik) ................................... 29
20. Gambar 3.13 DFD Level 2 Proses 3.3 (Kelola Komentar) ............................. 30
21. Gambar 3.14 Flowchart Admin tambah tugas ................................................ 31
22. Gambar 3.15 Flowchart Admin Tambah Guru ............................................... 32
23. Gambar 3.16Flowchart Pengumpulan Tugas Siswa ....................................... 33
21. Gambar 3.17 ERD ........................................................................................... 34
21. Gambar 3.18 Relasi Antar Tabel..................................................................... 35
22. Gambar 3.19 Perancangan Interface halaman login ....................................... 43
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xv
23. Gambar 3.20 Perancangan Interface Halaman Admin Tambah Guru ............ 43
24. Gambar 3.21 Perancangan Interface Halaman Siswa Daftar Tugas .............. 44
25. Gambar 3.22 Perancangan Interface halaman Siswa Daftar Tugas ................ 44
26. Gambar 4.1 Site Map Admin .......................................................................... 45
27. Gambar 4.2 Site Map Guru ............................................................................. 46
28. Gambar 4.3 Site Map Siswa ............................................................................ 47
29. Gambar 4.4 Halaman Home e-learning SMP Negeri 1 Sukoharjo ................ 48
30. Gambar 4.5 Halaman Sign UP ........................................................................ 49
31. Gambar 4.6 Halaman Upload File .................................................................. 50
32. Gambar 4.7 Halaman Daftar Tugas Siswa ...................................................... 51
33. Gambar 4.8 Halaman Forum Guru ................................................................. 51
34. Gambar 4.9 Halaman Daftar Tugas Siswa ...................................................... 52
35. Gambar 4.10 Halaman Add Admin ................................................................. 53
36. Gambar 4.11 Halaman Manajemen Guru ....................................................... 53
37. Gambar 4.12 Halaman Manajemen Murid ......................................................54
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
1
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Seiring dengan perkembangan Teknologi Informasi yang semakin pesat,
kebutuhan akan suatu konsep dan mekanisme belajar mengajar berbasis IT menjadi
tidak terelakkan lagi untuk menghasilkan sumber daya manusia (SDM) yang mampu
berperan secara global. Banyak aspek yang diajukan untuk dijadikan sebagai alasan-
alasan untuk mendukung pengembangan dan penerapan teknologi komunikasi untuk
pendidikan dalam kaitannya dengan peningkatan kualitas pendidikan nasional
indonesia. Salah satunya dengan peningkatan dan perbaikan sitem komunikasi
peniliaian dengan menerapkan sistem komunikasi dua arah bersifat online yang telah
diketahui bahwa sistem komunikasi berbasis online merupakan alat yang sangat
menunjang tingkat kelancaran serta memberikan kemudahan dalam melaksanakan
suatu proses kegiatan.
Melihat website di SMP Negeri 1 Sukoharjo masih kurang maksimal untuk
Sekolah bertaraf Standar Internasional, maka dalam penelitian ini masalah yang
diambil adalah bagaimana membuat website yang dapat digunakan SMP Negeri 1
Sukoharjo untuk berkomunikasi antara guru dan siswa sehingga dapat berjalan
dengan baik. Sehingga Guru dapat memberikan materi dan tugas-tugas kepada siswa
dengan sistem online.
Dari alasan diatas, perlu disadari bahwa perlu adanya sebuah media interaksi
yang terpusat serta dapat membantu siswa dalam kegiatan proses belajar dengan
menggunakan aplikasi elektronik. Untuk meningkatkan kualitas belajar mengajar
dengan menggunakan media, salah satu alat bantu kualitas belajar mengajar yaitu e-
learning. E-Learning (Electronic Learning) yaitu suatu proses pembelajaran yang
memanfaatkan media online seperti internet sebagai metode penyampaian, interaksi
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
2
dan fasilitasi. Pemanfaatan itu dapat berupa sumber bahan ajar maupun media
pembelajaran yang dapat diakses oleh siswa tanpa batasan tempat dan waktu. E-
Learning ini dapat memberi kemudahan dalam kegiatan proses belajar mengajar
tanpa harus melakukan proses pembelajaran dengan tatap muka.
1.2 Rumusan Masalah
Berdasarkan uraian yang telah dipaparkan diatas, maka dapat
disimpulkan rumusan masalahnya adalah “Bagaimana membangun system
informasi pendidikan yang berbasis web berupa e-Learning di SMP Negeri 1
Sukoharjo.”
1.3 Batasan Masalah
Dalam penyusunan tugas akhir ini, sangat perlu untuk membatasi masalah
agar tidak menyimpang dari tujuan awal dan untuk menghindari pelebaran
masalah, maka Penulis membatasi pokok permasalahan dengan bahasan
sebagai berikut :
1. Pembuatan e-Learning ini mencakup pemberian bahan ajar kepada siswa
dan pengumpulan tugas oleh siswa (Upload dan Download)
2. Para siswa yang bisa mengikuti e-learning hanya siswa yang terdaftar
sebagai member.
3. Forum, yang digunakan sebagai pelengkap e-learning SMP Negeri 1
Sukoharjo hanya dapat diakses oleh user yang telah terdaftar di dalam
sistem.
1.4 Tujuan dan Manfaat
1.4.1 Tujuan
Tujuan dari penelitian Tugas Akhir ini adalah merancang dan
membangun sebuah sistem pembelajaran berbasis web (e-learning) di
SMP Negeri 1 Sukoharjo.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
3
1.4.2 Manfaat
Berguna untuk membantu memaksimalkan kegiatan belajar
mengajar dan dapat memfasilitasi guru dalam memberikan materi dan
memudahkan siswa dalam pengumpulan tugas di SMP Negeri 1
Sukoharjo. Selain itu,dilengkapi dengan fasilitas forum sebagai tempat
bertukar pikiran antara guru dan siswa.
1.5 Metodologi Penelitian
Metode penelitian yang digunakan untuk menyusun Tugas Akhir ini adalah :
1. Wawancara dengan Narasumber
Metode yang pertama adalah melakukan wawancara kepada pihak SMP
Negeri 1 Sukoharjo dalam hal ini adalah guru pengelola web dan
pembimbing magang di SMP Negeri 1 Sukoharjo. Dimana pihak sekolah
menginginkan adanya pengembangan sistem informasi pendidikan yang
dapat membantu memaksimalkan kegiatan belajar mengajar di SMP
Negeri 1 Sukoharjo dengan fasilitas yang lebih lengkap.
2. Melakukan Observasi
Dari hasil wawancara yang diperoleh, langkah berikutnya adalah
melakukan observasi atau tinjauan kondisi secara langsung untuk
mengetahui ada tidaknya sarana pendukung untuk pembuatan website ini.
Sarana pendukung itu antara lain :
Koneksi internet yang memadai.
Komputer yan memiliki kapasitas sebagai server untuk
menampung semua informasi yang ada.
SDM yang bertindak sebagai admin website.
Jika dari observasi dapat diketahui apa saja yang menjadi sarana
pendukung dalam pembuatan website, maka selanjutnya akan dilakukan
dokumentasi atau mencatat data yang sudah ada untuk dijadikan sebagai
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
4
bahan informasi pada e-Learning SMP Negeri 1 Sukoharjo. Data-data
tersebut antara lain yaitu data mata pelajaran, daftar guru, serta daftar
kelas.
3. Perancangan Sistem
Setelah diketahui data apa saja yang dibutuhkan sebagai sarana
pendukung dalam pembuatan website ini, maka akan dilanjutkan dengan
perancangan system pada website. Disini perancangan sistem
menggunakan Data Flow Diagram (DFD) sebagai gambaran sistemnya,
dan ERD sebagai rancangan relasi tabelnya.
Perancangan data flow diagram dimulai dari pemetaan sistem yang
berupa diagram konteks, kemudian membuat DFD level 0, dan dari DFD
level dapat dibuat DFD level 1 yang menunjukkan gambaran sistem secara
rinci. Sedangkan ERD menjelaskan bagaimana relasi antar tabel dalam
suatu database.
4. Implementasi
Sedangkan untuk implementasi pembuatan website nya menggunakan
PHP sebagai bahasa pemrograman dan MySQL sebagai databasenya.
5. Evaluasi
Tahap evaluasi dilakukan setelah perancangan dan pembuatan
program telah selesai. Pada tahap evaluasi ini ditekankan pada seluruh bagian
dari system e-Learning ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
5
1.6 Sistematika Penulisan
Secara teknis penulisan Tugas Akhir (TA) ini dibagi menjadi atas lima bab
dan masing-masing bab terdiri dari sub bab, dimana antara bagian yang satu dengan
bagian yang lainnya saling berhubungan yaitu :
BAB I PENDAHULUAN
Berisikan uraian yang memuat tentang segala yang melatarbelakangi Penulis
melakukan penelitian dan menjadi dasar dari permasalahan, yang terdiri atas latar
belakang masalah, rumusan masalah, rumusan masalah, batasan masalah, tujuan dan
manfaat, metode penelitian, serta sistematika penulisan.
BAB II LANDASAN TEORI
Dalam bab ini penulis menjelaskan mengenai sumber data yang digunakan
sebagai referensi dalam membuat e-learning yang berisi teori-teori meliputi
pengertian basis data, operasi dasar basis data, database, perancangan basis data,
pengertian SQL, pengertian website, HTML, PHP dan pengertian e-learning
BAB III : ANALISIS DAN PERANCANGAN
Memuat tentang data-data yang diperlukan dalam perancangan suatu system.
Dalam bab ini berisikan penjelasan tentang perencanaan system seperti Contex
Diagram, Data Flow Diagram (DFD), serta perancangan basis data.
BAB IV : IMPLEMENTASI DAN EVALUASI
Pada bab ini memuat hasil perancangan sistem yang ditampilkan dalam betuk
gambar, tabel dan dilengkapi dengan penjelasanya. Serta melakukan analisa untuk
mengetahui kekurangan dan kelebihan dari sistem.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
6
BAB V : PENUTUP
Pada bab penutup ini ditarik kesimpulan dari hasil penelitian dan dilakukan
pembahasan yang berupa saran, guna pengembangan dan penyempurnaan sistem di
masa mendatang.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
7
BAB II
LANDASAN TEORI
2.1 Basisdata
2.1.1 Pengertian Basisdata
Basisdata dapat dibayangkan sebagai sebuah lemari arsip. Basisdata
sendiri terdiri dari 2 kata yaitu basis dan data. Basis kurang lebih dapat diartikan
sebagai markas atau gudang, tempat bersarang/berkumpul. Sedangkan data adalah
representasi fakta dunia nyata yang mewakili suatu objek seperti mausia
(pegawai, siswa, pembeli, pelanggan), barang, hewan, peristiwa, konsep, keadaan
dan sebagainya yang direkam dalam bentuk angka, huruf, symbol, teks, gambar,
bunyi , atau kombinasinya. Basis data dapat diartikan suatu pengorganisasian
sekumpulan data yang saling terkait sehingga memudahkan aktivitas untuk
memperoleh informasi. (Fathansyah, 1999).
2.1.2 Operasi Dasar Basisdata
Dalam sebuah disk, basisdata dapat diciptakan dan dapat pula ditiadakan. Di
dalam sebuah disk pula kita dapat menempatkan beberapa (lebih dari satu) basis
data. Sementara dalam sebuah basisdata, kita dapat menempatkan satu atau lebih
file/table. Pada file/table inilah sesungguhnya data disimpan/ditempatkan. Setiap
basisdata umumnya dibuat untuk mewakili sebuah semesta data yang spesifik.
Karena itu operasi-operasi dasar yang dapat kita lakukan berkenaan dengan
basisdata meliputi :
1. Pembuatan basisdata baru (create database)
Yang identic dengan pembuatan lemari arsip yang baru
2. Penghapusan basisdata (drop database)
Yang identic dengan perusakan lemari arsip (sekaligus serta isinya jika
ada)
3. Pembuatan table/file baru ke suatu basis data (create database)
Yang identic dengan penambahan map/arsip baru ke sebuah lemari arsip
yang telah ada.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
8
4. Penghapusan tabel/file dari suatu basisdata(drop table)
Yang identic dengan perusakan map arsip lama yang telah ada disebuah
lemari arsip.
5. Penambahan / pengisian data baru ke sebuah file/tabel di sebuah basisdata
(insert)
Yang identik dengan penambahan lembaran arsip ke sebuah map arsip.
6. Pengambilan data dari sebuah file/tabel (retrieve/search)
Yang identik dengan perbaikan isi lembaran arsip yang ada di sebuah map
arsip.
7. Pengubahan data dari sebuah file/tabel (update)
Yang identik dengan perbaikan isi lembaran arsip yang ada di sebuah map
arsip.
8. Penghapusan data dari sebuah file/tabel (delete)
Yang identik dengan penghapusan sebuah lembaran arsip yang ada di
sebuah map arsip.
Operasi yang berkenaan dengan pembuatan objek (basisdata dan tabel)
merupakan operasi awal yang hanya dilakukan sekali dan berlaku seterusnya.
Sedang operasi-operasi yang berkaitan dengan isi tabel (data) merupakan
operasi rutin yang akan berlangsung berulang-ulang dank arena itu operasi-
operasi inilah yang lebih tepat mewakili aktifitas pengelolaan dan pengolahan
data dalam basisdata. (Fathansyah, 1999)
2.1.3 Database
Database adalah kumpulan data satu dengan yang lainnya yang tersimpan
dalam satu tempat penyimpanan luar dan membutuhkan suatu perangkat lunak
untuk menjalankannya. (Fathansyah, 1999).
2.2 Desain Sistem
Desain sistem adalah fase suatu fase dimana diperlukan suatu keahlian
perencanaan untuk elemen-elemen komputer yang akan menggunakan sistem
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
9
baru. Ada 2 hal yang perlu diperhatikan dalam desain sistem yaitu pemilihan
peralatan dan program komputer untuk skstem yang baru. (Andri, 2003).
Dalam pembuatan sistem informasi pengelolaan blangko akta tanah ini,
penulis menggunakaan alat bantu yang digunakan dalam desain sistem yaitu
Diagram Kontek (Context Diagram), DFD (Data Flow Diagram), ERD (Entity
Relational Diagram).
a. Diagram Kontek (Context Diagram)
Diagram kontek adalah sebuah diagram sederhana yang
menggambarkan hubungan antara entitas luar, masukan, dan keluaran
dari sistem. Diagram kontek dipresentasikan dengan lingkaran tunggal
yang mewakili keseluruhan sistem. (Andri, 2003)
b. DFD (Data Flow Diagram)
DFD adalah suatu model logika data atau proses yang dibuat untuk
menggambarkan darimana asal data dan kemana tujuan data yang
keluar dari system, dimana data disimpan, proses apa yang
menghasilkan data tersebut dan interaksi antara data yang tersimpan
dan proses yang dikenakan pada data tersebut.
Dalam desain sistem kali ini kita gunakan adalah teknik
Yourdan and De Marco yang terdiri dari komponen-komponen
sebagai berikut :
1. Entity Luar
Entity luar digambarkan dengan symbol persegi biasa, entity
diberi huruf sebagai indentitas. Entity merupakan sumber atau
tujuan dari aliran data dari atau ke sistem. Entity luar bisa
digambarkan secara fisik dengan sekelompok orang atau
mungkin sebuah system
Gambar 2.1 Simbol Entity Luar
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
10
2. Aliran Data
Menggambarkan aliran data dari satu proses ke proses lainnya.
Adapun symbol dari aliran data bentuk garisnya boleh bebas
yaitu sebagai berikut:
Gambar 2.2 Simbol Aliran Data
3. Proses
Proses atau fungsi yang mentransformasikan data secara umum
digambarkan dengan lingkaran, seperti pada gambar berikut ini
Gambar 2.3 Simbol Proses
4. Berkas atau tempat penyimpanan
Merupakan komponen yang berfungsi untuk menyimpan data
atau file. Simbil dari berkas ini dapat digambarkan dengan
garis parallel dan penggambarannya adalah sebagai berikut
Gambar 2.4 Simbol Berkas
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
11
c. ERD (Entity Relationship Diagram)
ERD merupakan suatu model untuk menjelaskan hubungan
antar data dalam basis data berdasarkan objek-objek dasar data
yang mempunyai hubungan antar relasi. ERD untuk memodelkan
struktur data dan hubungan antar data, untuk menggambarkannya
digunakan beberapa notasi dan simbol. Pada dasarnya ada tiga
simbol yang digunakan (Fathansyah,2007), yaitu :
1. Entity
Entity merupakan objek yang mewakili sesuatu yang nyata dan
dapat dibedakan dari sesuatu yang lain
Gambar 2.5 Simbol Entity
2. Atribut
Setiap entitas pasti mempunyai elemen yang disebut
atribut yang berfungsi untuk mendeskripsikan karakteristik dari
entitas tersebut. Isi dari atribut mempunyai sesuatu yang dapat
mengidentifikasikan isi elemen satu dengan yang lain.
Gambar 2.6 Simbol Atribut
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
12
3. Hubungan / Relasi
Hubungan antara sejumlah entitas yang berasal dari himpunan
entitas yang berbeda.
Gambar 2.8 Simbol Relasi
2.3 E-Learning
E-Learning merupakan suatu teknologi informasi yang relatif baru di
Indonesia. E-Learning terdiri dari dua bagian, yaitu :
a. Singkatan dari ‘e’ atau elektronika dan
b. ‘learning’ yang berarti pembelajaran.
Jadi e-Learning berarti pembelajaran dengan menggunakan jasa
bantuan perangkat elektronika, khususnya perangkat komputer. Karena itu,
maka e-Learning sering di sebut pula on-line course.
Pembelajaran pada hakekatnya adalah proses interaksi antara guru
dan peserta didik dengan sumber belajar pada lingkungan pembelajaran.
Proses pembelajaran ini bisa dilakukan bermacam-macam. (Soekartawi,
2007)
2.4 PHP
Bahasa pemrograman PHP merupakan bahasa pemrograman untuk
membuat web yang bersifat server-side scripting. PHP memungkinkan kita untuk
membuat halaman web yang bersifat dinamis. PHP dapat dijalankan pada
berbagai macam Operating System (OS), misalnya Windows, Linux dan Mac OS.
Selain Apache, PHP juga mendukung beberapa web server lain, misalnya
Microsoft IIS, Caudium, PWS dan lain-lain. PHP dapat memanfaatkan database
untuk menghasilkan halaman web yang dinamis.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
13
Sistem manajemen database yang sering digunakan bersama PHP adalah
MySQL. Namun PHP juga mendukung system manajemen Database Oracle,
Microsoft Acces, Interbase, d-Base, PostgreSQL dan sebagainya. Hingga kini
PHP sudah berkembang hingga versi ke 5. PHP 5 mendukung penuh Object
Oriented Programing (OOP), integrasi XML, mendukung semua ekstensi terbaru
MySQL, pengembangan web services dengan SOAP dan REST, serta ratusan
peningkatan kemampuan lainnya dibandingkan versi sebelumnya. Sama dengan
web server lainnya PHP juga bersifat open source sehingga setiap orang dapat
menggunakannya dengan gratis. (Anonim, 2012)
2.5 MySQL
Dalam perkembangannya disebut SQL yang merupakan kepanjangan dari
Structured Query Language. SQL merupakan bahasa terstruktur yang khusus
digunakan untuk mengolah database. SQL pertama kali didefinisikan oleh
American National Standards Institute (ANSI) pada tahun 1986. MySQL adalah
sebuah sistem manajemen database yang bersifat open source. MySQL adalah
pasangan serasi dari PHP. MySQL dibuat dan dikembangkan oleh MySQL AB
yang berada di Swedia. MySQL dapat digunakan untuk membuat dan mengola
database beserta isinya. Kita dapat memanfaatkan MySQL untuk menambahkan,
mengubah dan menghapus data yang berada dalam database.
MySQL merupakan sisitem manajemen database yang bersifat at
relational. Artinya data-data yang dikelola dalam database akan diletakkan pada
beberapa tabel yang terpisah sehingga manipulasi data akan menjadi jauh lebih
cepat. MySQL dapat digunakan untuk mengelola database mulai dari yang kecil
sampai dengan yang sangat besar. MySQL juga dapat menjalankan perintah-
perintah Structured Query Language (SQL) untuk mengelola database-database
yang ada di dalamnya. Hingga kini, MySQL sudah berkembang hingga versi 5.
MySQL 5 sudah mendukung trigger untuk memudahkan pengelolaan tabel dalam
database. (Anonim, 2012)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
14
2.6 phpMyAdmin dan XAMPP
Pengelolaan database dengan MYSQL harus dilakukan dengan
mengetikkan baris-baris perintah yang sesuai (command line) untuk setiap
maksud tertentu. Jika anda ingin membuat database, ketikkan baris perintah yang
sesuai untuk membuat database. Jika kita ingin menghapus tabel, ketikkan baris
perintah yang sesuai untuk menghapus tabel. Hal tersebut tentu cukup
menyulitkan karena kita harus hafal dan mengetikkan perintahnya satu persatu.
Banyak sekali perangkat lunak yang dapat dimanfaatkan untuk mengelola data
base dalam MySQL, salah satunya adalah phpMyAdmin. Dengan phpMyAdmin
kita dapat membuat tabel, mengisi data dan lain-lain dengan mudah tanpa harus
hafal perintahnya.
XAMPP merupakan tool yang menyediakan paket perangkat lunak ke
dalam satu buah paket. Dalam paketnya sudah terdapat Apache (web server),
MySQL (database), PHP (server side scripting), Perl, FTP server, phpMyAdmin
dan berbagai pustaka bantu lainnya. Dengan menginstall XAMPP maka tidak
perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP dan
MySQL secara manual. XAMPP akan menginstalasi dan mengkonfigurasikannya
secara otomatis untuk Anda.(Anonim, 2012)
2.7 Macromedia Dreameweaver
Macromedia Dreamweaver adalah sebuah software HTML editor
professional yang digunakan untuk mendesain secara visual dan mengelola situs
web maupun halan web. Bilamana kita menyukai untuk berurusan dengan kode-
kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan
secara vsual dalan melakukan editing, Dreamweaver membuatnya menjadi lebih
mudah dengan menyediakan tools yang sangat berguna dalan pengingkatan
kemampuan dan pengalam kita dalam mendesain web. (Anonim, 2012)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
15
BAB III
ANALISA DAN PERANCANGAN SISTEM
3.1 Analisis dan Perancangan Sistem
3.1.1 Perencanaan Sistem
Tabel 3.1 Proses Bisnis Manual dan Proses Bisnis Sistem
No Proses Manual Sistem
1. Sign Up Siswa melakukan
pendaftaran dengan
menggunakan formulir
yang kemudian diserahkan
kepada petugas.
Siswa melakukan pendaftaran sendiri
melalui system dengan memasukkan
data pribadi, dengan syarat NIS telah
diinputkan oleh admin
2. Tambah Tugas Guru memberikan tugas
kepada siswa dengan cara
menulis dipapan tulis, dan
kemudian siswa mencatat
tugas dari guru tersebut.
Guru memberikan tugas kepada siswa
dengan cara mengupload file yang
telah dibuat sebelumnya
3. Pengumpulan Tugas Untuk pengumpulan tugas,
siswa mengumpulkan
menggunakan buku tulis
yang diserahakan kepada
guru yang bersangkutan
Siswa melihat tugas yang diupload
oleh guru, kemudian siswa dapat
secara langsung mengumpulkan tugas
dengan cara mengirimkan file yang
berisi jawaban dari tugas tersebut
4. Upgrade Proses naik kelas dan
tinggal kelas pada murid
menggunakan raport yang
ditulis secara manual
Proses naik dan tidaknya anak tetap
ditulis dalam raport secara manual,
namun ada tambahan di sistem, yaitu
dengan melakukan upgrade kelas
anak yang naik kelas
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
16
Actor dalam sistem :
1. Admin (Pegawai Tata Usaha) : merupakan actor yang mengelola e-
learning
2. Member (Merupakan pengunjung yang sudah terdaftar dalam site ini)
2.1 Guru : Guru yang telah didaftarkan oleh Admin
2.1 Siswa : Siswa yang NIS nya telah diinputkan oleh Admin.
3. Pengunjung : Merupakan actor yang tidak terdaftar dalam e-learning
System Requirement Spesification (SRS)
Tabel 3.2 Fungsional SRS
No Kode Keterangan
1 SRS-F1 Admin menambah data berita
2 SRS-F2 Admin menambah data kelas
3 SRS-F3 Admin menambah data mata pelajaran
4 SRS-F4 Admin menambah data NIS
5 SRS-F5 Admin menambah data guru
6 SRS-F6 Admin menambah Kategori forum
7 SRS-F7 Admin menambah topik forum
8 SRS-F8 Admin menambah kategori forum
9 SRS-F9 Admin mengedit berita
10 SRS-F10 Admin menghapus berita
11 SRS-F11 Admin mengedit data siswa
12 SRS-F12 Admin meng-upgrade kelas siswa
13 SRS-F13 Admin mengedit data siswa
14 SRS-F14 Admin menghapus berita
15 SRS-F15 Admin menghapus data siswa
16 SRS-F16 Admin menghapus data guru
17 SRS-F17 Admin menghapus kategori forum
18 SRS-F18 Admin menghapus topik forum
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
17
19 SRS-F19 Admin menghapus komentar forum
20 SRS-F20 Guru meng-upload file
21 SRS-F21 Guru menambah tugas
22 SRS-F22 Guru melihat tugas dari siswa
23 SRS-F23 Guru men-download file tugas siswa
24 SRS-F24 Guru melihat berita terbaru
25 SRS-F25 Guru mengedit profil
26 SRS-F26 Guru mengelola forum
27 SRS-F27 Siswa melihat berita terbaru
28 SRS-F28 Siswa melihat tugas dari guru berdasarkan mata pelajaran
29 SRS-F29 Siswa mengedit profil
30 SRS-F30 Siswa mengelola forum
Tabel 3.3 Non Fungsional SRS
No Kode Keterangan
1 SRS-NF1 Admin login dan logout
2 SRS-NF2 Guru login dan logout
3 SRS-NF3 Siswa login dan logout
4 SRS-NF4 Admin melihat data siswa dan guru
5 SRS-NF5 Guru melihat tugas siswa
6 SRS-NF6 Siswa melihat data tugas guru
3.1.2 Analisa Kebutuhan Hardware
Perangkat keras yang digunakan untuk membuat e-learning menggunakan
notebook dengan spesifikasi :
a. Processor Intel Core i3
b. Hardisk 500 GB
c. Memory 2 GB
d. Keyboard dan mouse
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
18
3.1.3 Analisa Kebutuhan Software
Perangkat lunak atau software yang digunakan dalam pembuatan e-
Learning ini adalah :
1. Sistem operasi : Windows Seven
2. Editor web : Adobe Dreamweaver CS3
3. Web Server : apache web server, dengan bahasa pemrograman
PHP dan menggunakan database MySQL
4. Software pendukung : Adobe Photoshop CS3, Microsoft Visio 2007, MS-
Access 2007 dan Corel Draw.
3.1.4 Perancangan Sistem
a. Context Diagram (CD)
Sistem dan prosedur e-Learning dapat dilihat pada Contex Diagram
pada Gambar 3.1.
0
E-learning
Admin Siswa
Pengunjung
Guru
7
informasi8
informasi
1
Data guru & nis siswa
2
verifikasi data
guru & nis siswa
4
Tugas,
Forum
3
Daftar tugas,
Forum
6
Tugas dari siswa,
Materi,
Forum
5
Tugas,
Materi,
Forum
Gambar 3.1 Contex Diagram
Keterangan :
1. Admin memasukkan data guru dan NIS siswa, agar siswa dapat
mendaftar ke system, dan guru dapat login ke system.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
19
2. Admin mendapatkan verifikasi bahwa data guru dan NIS siswa telah di
inputkan.
3. Siswa mendapatkan daftar tugas yang di-upload oleh guru. Dan siswa
juga dapat mengikuti forum diskusi.
4. Siswa mengirim tugas kepada guru. Dan siswa juga dapat mengikuti
forum diskusi.
5. Guru meng-upload tugas ataupun materi yang akan diberikan ke siswa.
6. Guru men-download tugas yang telah dikirim siswa.
7. Pengunjung hanya dapat mencari informasi yang ada di system.
8. Tamu hanya mendapatkan informasi mengenai e-learning.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
20
b. Data Flow Diagram (DFD)
DFD merupakan model yang menggambarkan system sebagai
jaringan kerja antar fungsi yang saling berhubungan dengan aliran dan
penyimpanan data / database. Adapun gambar DFD dalam pembuatan e-
learning, dapat dilihat pada gambar 3.2.
pengunjung1
DaftarDaftar_siswa
Form pendaftaran Data siswa
verifikasiverifikasi
siswa
2
Kelola Tugas
Tugas_uploadtugas
tugas
verifikasi
informasi
Guru
file File_manager
file
verifikasi
informasi
Daftar_tugas
tugas
Tugas siswa
verifikasi
Informasi tugas
3
Kelola forum
Forum_kategori
Forum_topik
Forum_posting
Filter_kata
Admin
Posting,topik
kategori
topik
posting
Kata-kata
Posting,topik
Posting,topik,kategori
4
Kelola profil
Daftar_siswa
Daftar_guru
profil
Profil
profil
profil
5
Kelola berita
berita
berita
berita
berita
berita
berita
berita
berita
berita
6
Kelola siswaNIS,
Profil
Daftar_NISNIS
7
Kelola GuruDaftar_mapel
mengampu
profil
Daftar_kelaskelas
profil
Mata pelajaran
profil
8
Kelola mapelMata pelajaran Mata pelajaran
Mata pelajaran
Gambar 3.2 DFD Level 0 Perancangan Sistem E-Learning
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
21
Uraian Proses :
1. Pengunjung dapat melakukan pendaftaran untuk dapat mengakses e-
learning
2. Proses pengelolaan tugas antara guru dan siswa.
3. Proses Admin, Guru, dan Siswa dalam mengelola forum
4. Proses Guru dan Siswa dalam mengelola profil masing-masing.
5. Proses pengelolaan berita oleh seluruh User.
6. Proser pengelolaan Siswa dimana penambahan NIS serta manajemen
Siswa yang dilakukan oleh Admin
7. Pengelolaan Guru oleh Admin meliputi proses tambah guru, edit guru,
dsb
8. Pengelolaan mata pelajaran hanya dapat dilakukan oleh Admin.
c. DFD Level 1 Proses 2 (Kelola Tugas)
Ini merupakan proses antara Guru dan Siswa dalam pengelolaan File dan
tugas yang akan di berikan oleh Siswa. Pada saat Guru mengelola file,
maka file akan masuk ke dalam tabel file_manager. Selanjutnya siswa
akan mengelola tugas yang diberikan oleh guru dari tabel daftar_tugas dan
mengumpulkan tugas yang disimpan ke dalam tabel tugas_upload.
2.2
Kelola TugasDaftar_tugas
File_manager
Tugas_upload
siswa
Informasi tugas
tugas
verifikasi
2.1
Kelola Fileguru
file
file
verifikasi
informasi
Daftar tugas
tugasinformasi
Informasi tugas
Daftar tugasFile tugas
File tugas
verifikasi
informasi
Gambar 3.3 DFD Level 1 Proses 2 Kelola Tugas
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
22
d. DFD Level 1 Proses 3 (Kelola Forum)
Di dalam DFD ini terdapat 3 proses,yaitu meliputi kelola Kategori,
kelola kategori, topik, dan komentar. Dimana semua User mempunyai hak
masing-masing untuk mengelola forum ini.
3.2
Kelola topik
3.3
Kelola
komentar
3.1
Kelola
kategori
Forum_kategori
Forum_topik
Forum_posting
admin
guru
siswa
kategori kategori
verifikasi
informasi
topik
topik
komentar
komentar
topik
topik
verifikasi
informasi
komentar
komentar
verifikasiinformasi
topik
topik
komentar
Gambar 3.4 DFD Level 1 Proses 3 Kelola Forum
e. DFD Level 1 Proses 4 (Kelola Profil)
Proses kelola profil ini dilakukan oleh Guru dan Siswa, yaitu
berupa melihat profil dan edit profil.
siswa
guru
4.1
Lihat profil
4.2
Edit profil
Profil siswa
Daftar_siswa
Daftar_guru
Profil siswa
informasi
informasi
Profil siswaProfil siswa
verifikasi
informasi
Profil guru
Profil
guru
informasi
informasi
Profil guru
Profil guru
verifikasi
Informasi
Gambar 3.5 DFD Level 1 Proses 4 Kelola Profil
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
23
f. DFD Level 1 Proses 5 (Kelola Berita)
Kelola berita terdiri dari 4 proses yaitu lihat, tambah, ubah dan
hapus berita. Dimana proses yang dapat dilakukan oleh semua user yaitu
lihat berita. Sedang tambah, ubah dan hapus berita hanya dapat dilakukan
oleh Admin saja.
pengunjung
siswa
guru
admin
5.1
Lihat berita
5.2
Tambah berita
5.3
Ubah berita
5.4
Hapus berita
berita
berita
berita
informasi
Informasi
berita
Informasi
berita
Informasi
berita
Informasi
berita
berita
verifikasiinformasi
berita
berita
verifikasiinformasi
berita
berita
verifikasi
informasi
Gambar 3.6 DFD Level 1 Proses 5 Kelola Berita
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
24
g. DFD Level 1 Proses 6 (Kelola Siswa)
Proses kelola siswa meliputi tambah NIS, lihat siswa, edit siswa,
dan hapus siswa. Proses ini hanya dapat dilakukan oleh admin.
Admin
6.2
Lihat siswa
6.1
Tambah NIS
6.3
Edit siswa
6.4
Hapus siswa
Daftar_nis
Daftar_siswa
NIS NIS
verifikasi
informasi
Profil siswa
Profil siswa
informasi
informasi
Profil siswa
Profil siswa
verifikasi
informasi
Profil siswa Profil siswa
verifikasi
informasi
Gambar 3.7 DFD Level 1 Proses 6 Kelola Siswa
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
25
h. DFD Level 1 Proses 7 (Kelola Guru)
Proses Admin dalam kelola guru ini melibatkan 2 tabel yaitu tabel
daftar_guru dan daftar_mengampu. Dimana proses-proses yang dapat
dilakukan yaitu melihat profil guru, menambah akun guru, mengedit profil
guru, dan hapus data guru.
Admin
7.1
Lihat guru
7.2
Tambah guru
7.3
Edit guru
7.4
Hapus guru
Daftar_guru
mengampu
Profil guru
Data guru
Data guru
Data guru
Profil guru
informasi
informasi
Profil guru
verifikasi
informasi
Data guru
Data guru
Data guru
Data guru
verifikasi
informasi
Gambar 3.8 DFD Level 1 Proses 7 Kelola Guru
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
26
i. DFD Level 2 Proses 2.1 (Kelola Tugas)
Proses ini merupakan turunan dari DFD level 1 proses Kelola
Tugas, dimana ada 4 proses, meliputi lihat tugas, tambah tugas, hapus
tugas, dan kumpul tugas.
siswa
guru
2.1.1
Lihat tugas
2.1.2
Tambah tugas
2.1.3
Hapus tugas
2.1.4
Kumpul
tugas
Daftar_tugas
File_manager
Tugas_upload
Daftar tugas
Daftar tugas
informasi
informasi
Daftar tugas
Daftar tugas
informasiinformasi
tugas
tugas
file
verifikasiinformasi
tugas
tugas
verifikasi
Data tugas
File tugas
File tugas
verifikasi
informasi
Gambar 3.9 DFD Level 2.1 Proses 7 Kelola Tugas
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
27
j. DFD Level 2 Proses 2.2 (Kelola File)
Proses kelola file ini dilakukan oleh guru yaitu melalui tahap
upload file, lihat file, dan hapus file dimana semua diambil melalui tabel
file_manager.
guru
2.2.1
Lihat file
2.2.2
Upload file
2.2.3
Hapus file
File_manager
File tugas Daftar file
Daftar fileInformasi daftar file
file
file
verifikasi
Informasi
Daftar file
file file
verifikasiverifikasi
Gambar 3.10 DFD Level 1 Proses 7 Kelola File
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
28
k. DFD Level 2 Proses 3.1 (Kelola Kategori)
Pengelolaan kategori ini berupa lihat, tambah dan hapus kategori.
Namun yang hanya dapat di lakukan oleh selain Admin yaitu hanyalah
melihat kategori saja.
Admin
guru
siswa
3.1.2
Tambah
Kategori
3.1.3
Hapus
Kategori
3.1.1
Lihat Kategori
Forum_kategori
kategori
kategori
kategori
kategori
informasi
Daftar kategori
Daftar kategori
Daftar kategori
kategori
kategori
verifikasi
Daftar kategori
kategorikategori
verifikasi
Daftar kategori
Gambar 3.11 DFD Level 2 Proses 3.1 Kelola Kategori
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
29
l. DFD Level 2 Proses 3.2 (Kelola Topik)
Proses Pengelolaan topik ini Admin, Guru, dan Siswa dapat
melihat topik serta menambah topik. Sedangkan proses hapus hanya dapat
dilakukan oleh admin.
Admin
guru
siswa
3.2.2
Tambah topik
3.2.3
Hapus topik
3.2.1
Lihat Topik
Forum_topik
kategori
topik
topik
topik
informasi
Daftar topik
Daftar topik
Daftar topik
topik
topik
verifikasi
Daftar topik
topiktopik
verifikasiDaftar topik
topik
topik
Daftar
topik
Daftar topik
Gambar 3.12 DFD Level 2 Proses 3.2 Kelola Topik
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
30
m. DFD Level 2 Proses 3.3 (Kelola Komentar)
Proses Pengelolaan komentar ini Admin, Guru, dan Siswa dapat
melihat komentar serta menambah komentar. Sedangkan proses hapus
hanya dapat dilakukan oleh admin.
Admin
guru
siswa
3.3.2
Tambah
komentar
3.3.3
Hapus
komentar
3.3.1
Lihat
komentar
Forum_komentar
komentar
komentar
komentar
komentar
informasi
Daftar komentar
Daftar komentar
Daftar komentar
komentar
komentar
verifikasi
Daftar komentar
komentarkomentar
verifikasiDaftar komentar
komentar
komentar
Daftar
komentar
Daftar komentar
Gambar 3.13 DFD Level 2 Proses 3.3 Kelola Komentar
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
31
3.1.5 Flowchart
merupakan gambar atau bagan yang memperlihatkan urutan dan
hubungan antar proses beserta instruksinya. Untuk sistem e-learning ini
dibagi menjadi 3 bagian, yaitu sesuai aktor yang berperan penting di dalam
e-learning.
a. Flowchart Admin Tambah Guru
Diawali dengan login user menggunakan username dan password
sebagai Admin, apabila gagal, maka sistem akan kembali ke form login,
dan apabila berhasil, admin akan masuk ke menu Add Tugas, kemudian
mengisi form penambahan data guru secara lengkap.
Start
Halaman login
Input user
id dan
password
Cek login
Halaman admin
(Add Guru Baru)
berhasil
gagal
Input data NIP,
password, Nama,
Kelas, Mata Pelajaran,
Alamat, Telepon,
Jenis kelamin,email
Cek validasi NIP, password,
Nama, Kelas, Mata Pelajaran, Alamat,
Telepon, Jenis kelamin,email
gagal
berhasil
Halaman detail
profil
logout
end
ya
tidak
Gambar 3.14 Flowchart Admin Tambah Guru
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
32
b. Flowchart Guru Tambah Tugas
Diawali dengan login user menggunakan username dan password
sebagai Guru, apabila gagal, maka sistem akan kembali ke form login,
dan apabila berhasil, kemudian masuk ke dalam menu tambah tugas,
dengan mengisikan judul,keterangan,kelas, lampiran,dan batas
pengumpulan. Apabila tugas berhasil akan muncul ke halaman daftar
tugas.
Start
Halaman login
Input user
id dan
password
Cek login
Halaman guru
(tambah tugas)
berhasil
gagal
Input Judul,
keterangan,
kelas,lampiran
tugas, batas
pengumpulan
Cek judul,keterangan,
kelas,lampiran tugas,batas
pengumpulan
Halaman Daftar
Tugas
berhasil
gagal
logout
end
ya
tidak
Gambar 3.15 Flowchart Admin Tambah Guru
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
33
c. Flowchart Pengumpulan Tugas Siswa
Diawali dengan login user menggunakan username dan password
sebagai Siswa, apabila gagal, maka sistem akan kembali ke form login,
dan apabila berhasil, maka akan masuk ke dalam menu daftar tugas
dari guru, kemudian siswa memilih matapelajaran, selanjutnya siswa
memilih file yang akan dikirimkan. Apabila gagal maupun berhasil,
siswa akan mendapatkan konfirmasi.
Start
Halaman login
Input user
id dan
password
Cek login
Halaman Daftar
Tugas
berhasil
gagal
Pilih Mata
Pelajaran
Pilih daftar tugas
sesuai
matapelajaran
yang dipilih
Pilih file
upload
Pemberitahuan
telah
mengumpulkan
tugas
gagal
berhasil
logout endya
Gambar 3.16 Flowchart Pengelolaan menu siswa
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
34
3.2 Analisis dan Perancangan Basisdata
Rancangan database pada sistem website ini menggunakan database
MySQL sebagai penyimpan data, dan ERD sebagai rancangan relasi
tabelnya.
3.2.1 ERD ( Entity Relationship Diagram )
Daftar_siswa
Nis_id
nama
password
alamattelepon
sex
status
memiliki Daftar_kelas
Kelas_idKelas_
nama
mengampu
ampu_
idstatus
Daftar_guru
nip
nama
kelaspasswordalamat
telpemail
mengirim
File_manager
Id_fileNama_
file
Daftar_mapel
Mapel_
id
Mapel_
nama
mempunyaiDaftar_tugas
Tugas_idTugas_
namaTugas_
keterangan
Tugas_
tanggal
Upload_Id
Upload
File
Upload_
tanggal
upload
n 1
n n
n
n
n 1
Forum_posting
Post_id
Post_isi
Post_pengirim
Tambah
komentar
1
n
tambah
1
Forum_topik
Top_id
Top_judul
Top_ket
Top_pengi
rim
Top_tgl
n
punya 1n
Forum_kategori
Kat_id
Kat_judulKat_
keterangan
Daftar_admin
Admin_id
Admin_
passwordAdmin_
membuat
1
n
terdiri
1
n
1
1
Upload
tugas
1
1
Gambar 3.17 ERD
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
35
3.2.2 Relational Table
Adapun relasi antar tabel yang digunakan dapat dilihat pada Gambar 3.15
Gambar 3.18 Relasi Antar Tabel
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
36
3.2.3 Perancangan Tabel Database
Dalam pembuatan e-learning ini, penyampaian data menggunakan
database yang bernama learning dan menggunakan SQL sebagai bahasa standar
yang digunakan untuk mengakses database. Adapun tabel yang digunakan adalah
sebagai berikut :
a. Tabel Admin
Tabel admin berfungsi untuk menyimpan data admin pembelajaran
online.
Tabel 3.4 Tabel Admin
Field Tipe Size Keterangan Key
Admin_id Varchar 20 Id dari tabel admin Primary Key
Admin_password Varchar 100 Password admin
Admin_email Varchar 50 Email Admin
b. Tabel Daftar Kelas
Tabel daftar kelas berfungsi untuk menyimpan daftar kelas.
Tabel 3.5 Tabel Daftar Kelas
Field Tipe Size Keterangan Key
Kelas_id Int 11 Id dari tabel kelas Primary Key
Kelas_nama Varchar 10 Nama Kelas
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
37
c. Tabel Guru
Tabel daftar guru berfungsi untuk menyimpan data guru yang
telah di daftarkan oleh administrator.
Tabel 3.6 Tabel Guru
Field Tipe Size Keterangan Key
NIP Varchar 20 NIP Guru Primary Key
Nama Varchar 100 Nama Guru
Alamat Tinytext Alamat guru
Telepon Varchar 20 Telepon guru
Sex Char 1 Jenis kelamin
Password Varchar 100 Password guru
email Varchar 50 Email guru
d. Tabel File Manager
Tabel File_Manager berfungsi untuk menyimpan daftar tugas yang
berupa file dari guru.
Tabel 3.7 Tabel File Manager
Field Tipe Size Keterangan Key
Id_file Int 11 Id dari file yang diupload
guru
Primary Key
Nama_ Text Nama File
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
38
f. Tabel Daftar Siswa
Tabel daftar siswa berfungsi untuk menyimpan daftar siswa yang
telah mendaftar.
Tabel 3.8 Tabel Daftar Siswa
Field Tipe Size Keterangan Key
Nis_id int 11 NIS siswa Primay Key
Nama Varchar 100 Nama Siswa
Kelas_id int 11 Id dari kelas siswa, merupakan
Foreign Key yang diambil dari tabel
daftar_kelas
Foreign Key
Alamat Tinytext Alamat Siswa
Telepon Varchar 20 Telepon Siswa
Sex Char 1 Jenis kelamin
Password Varchar 100 Password Siswa
Email Varchar 50 Email Siswa
Status Int 11 Untuk menyimpan status siswa
aktif/nonaktif
g. Tabel Daftar Tugas
Tabel daftar tugas berfungsi untuk menyimpan data tugas yang
dapat di akses oleh siswa.
Tabel 3.9 Tabel Daftar Tugas
Field Tipe Size Keterangan Key
Tugas_id Integer 11 Id dari tabel
daftar_tugas
Primary Key
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
39
Ampu_id Int 11 Id guru mengampu
yang diambil dari tabel
mengampu
Foreign Key
Tugas_nama Varchar 100 Nama tugas
Tugas_keterangan Text Keterangan tugas
Tugas_tanggal date Batas pengumpulan
tugas
h. Tabel Tugas Upload
Tabel tugas upload berfungsi untuk menyimpan daftar tgas siswa
yang telah di upload, dan dapat di download oleh guru.
Tabel 3.10 Tabel Tugas Upload
Field Tipe Size Keterangan Key
Upload_id Int 11 Id upload Primary Key
Nis_id Int 11 NIS siswa yang diambil
dari tabel daftar siswa
Foreign Key
Upload_tanggal Date Tanggal upload
Upload_file Text File upload
Tugas_id integer 11 Id tugas Foreign Key
i. Tabel Berita
Tabel berita berfungsi sebagai penyimpanan berita yang di update
ataupun ditambahkan oleh administrator.
Tabel 3.11 Tabel Berita
Field Tipe Size Keterangan Key
Id_berita int 3 Id dari tabel berita Primary Key
Judul Varchar 70 Judul berita
Isi Text Isi berita
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
40
Tanggal Date Tanggal posting
Jam Time Jam posting
Admin_id Varchar 50 Id dari admin yang
diambil dari tabel
daftar_admin
Foreign Key
j. Tabel forum_kategori
Tabel forum_kategori ini digunakan untuk menyimpan kategori
yang dibuat oleh Admin.
Tabel 3.12 Tabel forum_kategori
Field Tipe Size Keterangan Key
Kat_id int 11 Id dari tabel
forum_kategori
Primary Key
Kat_Judul Varchar 100 Judul kategori forum
Kat_keterangan tinytext Keterangan dari kategori
k. Tabel forum_posting
Tabel ini digunakan untuk menyimpan komentar-komentar/posting
yang diposting oleh user.
Tabel 3.13 Tabel forum_posting
Field Tipe Size Keterangan Key
post_id int 11 Id dari tabel
forum_posting
Primary Key
post_isi Text Isi komentar dari user
Top_id Int 11 Id topik
Post_pengirim Var 20 Id pengirim
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
41
l. Tabel forum_topik
Tabel ini digunakan untuk menyimpan topik yang dibuat oleh user.
Tabel 3.14 Tabel forum_topik
Field Tipe Size Keterangan Key
top_id Int 11 Id dari tabel forum_topik Primary Key
top_judul varchar 20 Judul topik
Top_keterangan text Keterangan topik
Kat_id Int 11 Id kategori
Top_pengirim var 20 Pengirim topik
Top_tanggal date Tanggal topik dibuat
m. Tabel daftar_mapel
Tabel ini digunakan untuk menyimpan mata pelajaran.
Tabel 3.15 Tabel daftar_mapel
Field Tipe Size Keterangan Key
Maple_id Int 11 Id dari tabel daftar_mapel Primary Key
Maple_nana varchar 20 Nama mata pelajaran
n. Tabel filter_kata
Tabel ini digunakan untuk menyimpan jenis-jenis kata yang akan di filter
Tabel 3.16 Tabel filter_kata
Field Tipe Size Keterangan Key
id int 11 Id dari tabel filter_kata Primary Key
Kata varchar 100 Kata-kata yang akan di
filter
Ganti Varchar 100 Kata-kata yang telah di
filter
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
42
o. Tabel mengampu
Tabel ini digunakan untuk menyimpan data guru dalam proses
mengampu mata pelajaran.
Tabel 3.17 Tabel mengampu
Field Tipe Size Keterangan Key
Ampu_id int 11 Id dari tabel mengampu Primary Key
Mapel_id int 11 Id matapelajaran yang
diambil dari tabel
daftar_mapel
Foreign Key
NIP varchar 20 NIP guru yang diambil
dari tabel daftar_guru
Foreign Key
Kelas_id int 11 Id kelas yang diambil dari
tabel daftar_kelas
Foreign Key
Status Int 1 Status dari guru,
aktif/nonaktif
p. Tabel upgrade
Tabel upgrade berfungsi untuk menyimpan data siswa yang
kelasnya telah diupgrade oleh admin.
Tabel 3.18 Tabel upgrade
Field Tipe Size Keterangan Key
Upgrade_id Int 11 Id dari tabel upgrade Primary Key
Nis_id Int 11 NIS yang diambil dari
tabel daftar_siswa
Foreign Key
Tahun Varchar 10 Tahun ajaran siswa
sebelum diupgrade oleh
admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
43
3.3 Perancangan Layout
3.3.1 Perancangan Interface halaman login
Halaman ini merupakan halaman yang pertama kali diakses oleh user.
Halaman ini berisi form multiuser sehingga siswa,pengajar dan admin
dapat melakukan proses login melalui halaman ini. Rancangan halaman
indeks utama ditunjukkan pada Gambar 3.19
MENU
HEADER
LOGIN
username
password
footer
berita terbaru
Gambar 3.19 Perancangan Interface halaman login
3.3.2 Perancangan Interface Halaman Admin Tambah Guru
Interface ini merupakan menu dari admin yang berfungsi untuk
menambahkan data guru, supaya guru dapat mengikuti system e-learning.
MENU
HEADER
FOOTER
KALENDER
NIP
PASSWORD
NAMA
KELAS
MATA PELAJARAN
ALAMAT
TELEPON
JENIS KELAMIN
TAMBAH HAPUS
Gambar 3.20 Perancangan Interface Halaman Admin Tambah Guru
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
44
3.3.3 Perancangan Interface Halaman Guru Tambah Tugas
Interface ini merupakan menu dari guru yang berfungsi untuk menambah
tugas untuk siswa.
MENU
HEADER
FOOTER
KALENDER
JUDUL
KETERANGAN
KELAS
LAMPIRAN TUGAS
AKHIR PENGUMPULAN
KIR IM HAPUS
Gambar 3.21 Perancangan Interface Halaman Admin Tambah Guru
3.3.4 Perancangan Interface Halaman Siswa Daftar Tugas
Interface ini merupakan menu dari siswa yang berfungsi untuk
menampilkan daftar tugas yang telah di uploadkan oleh guru, sesuai dengan mata
pelajaran yang diampu.
MENU
HEADER
FOOTER
KALENDER
daftar tugas bataspengumpulan
pengirim
Gambar 3.22 Perancangan Interface Halaman Siswa Daftar Tugas
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
45
BAB IV
IMPLEMENTASI DAN ANALISA
4.1 Site Map
Untuk lebih mempermudah dalam menjalankan aplikasi yang dibuat
berikut ialah sitemapnya dimana berisi sebuah file yang berisi daftar link yang
terdapat di e-learning SMP Negeri 1 Sukoharjo.
4.1.1 Site Map Admin
Untuk menu pada admin terdiri dari 5 menu utama yaitu menu add,menu
berita, menu siswa, menu pengajar, dan menu forum. Didalam masing-masing
menu utama didalamnya masih banyak proses yang dapat dilakukan oleh admin
sesuai dengan gambar 4.1
Form Utama
Form Login Sign Up
Add Kelas
Add Mata
Pelajaran
Add Berita
Add NIS
Menu Add Menu Berita
Add Guru
Add
Kategori
Menu SiswaMenu
PengajarMenu Forum
Edit Berita
Hapus Kelas
Upgrade
kelas
Cari Siswa
Edit Siswa
Hapus
Siswa
Edit Guru
Hapus Guru
Kategori
Forum
Hapus
Kategori
Topik Forum
Tambah
topik
Hapus topik
Tambah
Komentar
Gambar 4.1 Site Map Admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
46
4.1.2 Site Map Guru
Untuk menu pada guru terdiri dari 5 menu utama yaitu upload file, add
tugas, daftar tugas, edit profil, dan menu forum. Didalam masing-masing menu
utama didalamnya masih banyak proses yang dapat dilakukan oleh guru sesuai
dengan gambar 4.2
Form Utama
Form Login Sign Up
Upload file Add tugasDaftar tugas
siswaMenu Forum
Kategori
ForumTopik Forum
Tambah
topik
Tambah
KomentarTambah
judul
Tambah
keterangan
Pilih kelas
Pilih
lampiran file
Tambah
tanggal
Pilih kelas
Hapus tugas
Download
tugas
Edit profil
Gambar 4.2 Site Map Guru
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
47
4.1.3 Site Map Siswa
Untuk menu pada siswa terdiri dari 4 menu utama yaitu home yang berisi
berita, menu daftar tugas, edit profil, dan menu forum. Didalam masing-masing
menu utama didalamnya masih banyak proses yang dapat dilakukan oleh siswa
sesuai dengan gambar 4.3
Form Utama
Form Login Sign Up
Menu HomeMenu Daftar
Tugas
Berita
Edit profil Menu Forum
Mata
PelajaranKategori
ForumTopik Forum
Tambah
topik
Tambah
Komentar
Daftar
Tugas
Kirim Tugas
Gambar 4.3 Site Map siswa
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
48
4.2 Implementasi
Pada bab inplementasi ini akan dijelaskan tampilan dari system e-
learning SMP Negeri 1 Sukoharjo.
4.2.1 Halaman home e-learning SMP Negeri 1 Sukoharjo
Halaman home merupakan halaman awal dari e-Learning. Pada
halaman ini terdapat 2 link, yaitu home dan sign up.Di tampilan ini,
terdapat form login, dimana berfungsi sebagi jendela awal untuk mengikuti
proses e-Learning. Tampilan halaman home dapat dilihat pada gambar 4.4
Gambar 4.4 halaman home e-learning
4.2.2 Halaman Sign Up Sebagai Member e-Learning SMP Negeri 1 Sukoharjo
Halaman Sign Up siswa berfungsi sebagai form daftar untuk siswa
sebelum mengikuti proses pembelajaran online. Pada halaman pendaftaran
siswa terdapat sepuluh field yang harus diisi dan siswa hanya dapat
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
49
mendaftar jika NIS siswa tersebut sudah terdaftar di daftar NIS. Tampilan
halaman pendaftaran siswa dapat dilihat pada gambar 4.5
Gambar 4.5 Halaman Sign Up
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
50
4.2.3 Halaman Upload File
Halaman ini berisi mengenai informasi file yang telah di upload
oleh guru. Dan berfungsi untuk mengupload file yang diperlukan oleh
guru.
Gambar 4.6 Halaman Upload File
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
51
4.2.4 Halaman Daftar Tugas Siswa
Halaman ini berisi tugas-tugas dari siswa yang telah dikumpulkan/
di upload ke tugas yang diberikan oleh guru.
Gambar 4.7 Halaman daftar tugas
4.2.5 Halaman forum guru
Halaman ini berisi kategori dan topic yang ada di forum
Gambar 4.8 Halaman forum guru
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
52
4.2.6 Halaman Tugas Siswa
Halaman daftar tugas ini berfungsi untuk menampilkan data tugas
yang telah diberikan oleh guru, kemudian siswa dapat melihat daftar
tugas, detail tugas serta mengupload tugas dengan mimilih judul tugas
yang berada pada kolom daftar tugas. Jika file tugas sudah terkirim maka
file tersebut akan ditampilkan. Tampilan halaman daftar tugas dapat
dilihat pada gambar 4.9
Gambar 4.9 Halaman daftar tugas siswa
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
53
4.2.7 Halaman Add (Admin)
Halaman ini digunakan untuk menambahkan Kelas, Mata pelajaran,
Berita Terbaru, NIS Siswa, Guru Baru, dan Kategori forum.
Gambar 4.10 Halaman add admin
4.2.8 Halaman Manajemen guru
Halaman manajemen guru berfungsi bagi admin untuk melakukan
proses penambahan user guru, edit data guru, serta hapus data guru .
Gambar 4.11 Halaman manajemen guru
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
54
4.2.9 Halaman Manajemen Siswa
Halaman manajemen siswa berfungsi bagi admin untuk
melakukan proses pengaturan terhadap user siswa. Pada halaman ini
admin dapat melakaukan edit pada user siswa atau melakukan proses
aktifasi untuk user. Tampilan halaman pengaturan user siswa dapat dilihat
pada gambar 4.12
Gambar 4.12 Halaman Manajemen Murid
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
55
4.3 Evaluasi
Dari hasil perancangan sistem dan implementasi e-learning ini
memiliki beberapa kelebihan dimana system ini memiliki fasilitas
pembelajaran online yang memuat layanan upload dan download tugas, serta
layanan forum diskusi bagi siswa dan guru.
Akan tetapi website ini juga masih terdapat beberapa kekurangan,
diantaranya belum ada fasilitas penilaian yang lengkap untuk setiap
kompetensi dasar yang ada, serta belum bisa berkaitan dengan system ujian
online yang telah ada si SMP Negeri 1 Sukoharjo.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
55
BAB V
PENUTUP
5.1 KESIMPULAN
Kesimpulan dari uraian hasil dan pembahasan diatas, telah dibuat sebuah e-learning sebagai
media pembelajaran online untuk mempermudah proses kegiatan belajar mengajar mengenai :
1. Penyampaian materi pembelajaran oleh pengajar.
2. Penyampaian soal/tugas pembelajaran berupa tugas oleh pengajar.
3. Serta dilengkapi dengan forum diskusi yang dapat digunakan sebagai media sharing oleh
guru dan murid.
5.2 SARAN
Saran-saran yang dapat penulis sampaikan dari pembuatan e-learning tersebut adalah
sebagai berikut :
1. Perlu dibuat pengembangan system pada pengkoreksian jawaban soal
2. Perlu adanya pengembangan untuk nilai tugas dari masing-masing siswa yangtelah
mengumpulkan tugas.
3. Perlu adanya pengembangan system dalam masalah pengumpulan tugas.