Martha Ayu Kartikawulan M3309026

(1)

commit to user

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

(2)

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ii

HALAMAN PERSETUJUAN

PENGEMBANGAN E-LEARNING SMP NEGERI 1 SUKOHARJO

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

(3)

commit to user

iii

PENGEMBANGAN E-LEARNING SMP NEGERI 1 SUKOHARJO

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

(4)

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.

(5)

commit to user

v

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.

(6)

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

(7)

commit to user

vii

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.

(8)

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

(9)

commit to user

ix

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

(10)

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.7 Macromedia Dreamweaver ... 15

BAB III ANALISIS DAN PERANCANGAN SISTEM ... 15

(11)

commit to user

xi

3.1.2 Analisa Kebutuhan Hardware ... 17

3.1.3 Analisa Kebutuhan Software ... 18

3.1.4 Perancangan Sistem ... 18

a. Context Diagram ... 18

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

(12)

commit to user

xii

(13)

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

(14)

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

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

(15)

commit to user

xv

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

(16)

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. SehinggaGuru 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

(17)

commit to user

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

(18)

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

(19)

commit to user

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

(20)

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

(21)

commit to user BAB V : PENUTUP

(22)

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)

(23)

commit to user

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

(24)

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

(25)

commit to user

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

(26)

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.

(27)

commit to user

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.4PHP

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

(28)

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

(29)

commit to user

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

(30)

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

(31)

commit to user

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

(32)

commit to user

17

19 SRS-F19 Admin menghapus komentar forum

20 SRS-F20 Guru meng-uploadfile

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

(33)

commit to user

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. Data guru & nis siswa

2 verifikasi data guru & nis siswa

4

Gambar 3.1 Contex Diagram Keterangan :

(34)

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.

(35)

commit to user

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.

pengunjung _Daftar1 Daftar_siswa Form pendaftaran Data siswa

verifikasi

Mata pelajaran Mata pelajaran Mata pelajaran

(36)

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

(37)

commit to user

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

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

Profil siswa Profil siswa

verifikasi

(38)

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

(39)

commit to user

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 Profil siswa

(40)

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

(41)

commit to user

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

(42)

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 file Informasi daftar file

file

verifikasi Informasi

Daftar file

file file

verifikasi verifikasi

(43)

commit to user

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

(44)

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

(45)

commit to user

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

(46)

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

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

(47)

commit to user

sebagai Guru, apabila gagal, maka sistem akan kembali ke formlogin,

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.

(48)

commit to user

33

c. Flowchart Pengumpulan Tugas Siswa

sebagai Siswa, apabila gagal, maka sistem akan kembali ke formlogin,

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

Pilih daftar tugas sesuai

(49)

commit to user

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 )

(50)

35

3.2.2 Relational Table

Adapun relasi antar tabel yang digunakan dapat dilihat pada Gambar 3.15

(51)

commit to user

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

Kelas_id Int 11 Id dari tabel kelas Primary Key

(52)

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

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

Id_file Int 11 Id dari file yang diupload guru

Primary Key

(53)

commit to user

Tabel daftar siswa berfungsi untuk menyimpan daftar siswa yang telah mendaftar.

Tabel 3.8 Tabel Daftar Siswa

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

Tugas_id Integer 11 Id dari tabel

daftar_tugas

(54)

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

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

Id_berita int 3 Id dari tabel berita Primary Key

Judul Varchar 70 Judul berita

(55)

commit to user

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

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

post_id int 11 Id dari tabel

forum_posting

Primary Key

post_isi Text Isi komentar dari user

Top_id Int 11 Id topik

(56)

commit to user

41

l. Tabel forum_topik

Tabel ini digunakan untuk menyimpan topik yang dibuat oleh user.

Tabel 3.14 Tabel forum_topik

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

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

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

(57)

commit to user

o. Tabel mengampu

Tabel ini digunakan untuk menyimpan data guru dalam proses mengampu mata pelajaran.

Tabel 3.17 Tabel mengampu

dari tabel daftar_guru

Foreign Key kelasnya telah diupgrade oleh admin.

Tabel 3.18 Tabel upgrade

Upgrade_id Int 11 Id dari tabel upgrade Primary Key

Nis_id Int 11 NIS yang diambil dari

tabel daftar_siswa

Foreign Key

(58)

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

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

(59)

commit to user

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 batas

pengumpulan pengirim

(60)

commit to user

45

BAB IV

IMPLEMENTASI DAN ANALISA

4.1Site 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 Siswa _PengajarMenu Menu Forum

(61)

commit to user

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 tugas Daftar tugas

(62)

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 Home Menu Daftar _Tugas

Berita

Edit profil Menu Forum

Mata Pelajaran

Kategori

Forum Topik Forum

Tambah topik

Tambah Komentar

Daftar Tugas

Kirim Tugas

(63)

commit to user

4.2Implementasi

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

(64)

commit to user

49

mendaftar jika NIS siswa tersebut sudah terdaftar di daftar NIS. Tampilan halaman pendaftaran siswa dapat dilihat pada gambar 4.5

(65)

commit to user

Halaman ini berisi mengenai informasi file yang telah di upload

oleh guru. Dan berfungsi untuk mengupload file yang diperlukan oleh guru.

(66)

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

(67)

commit to user

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

(68)

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 .

(69)

commit to user

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

(70)

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

(71)

commit to user 55

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.