Aplikasi E-Learning SMA Negeri 1 Anjatan

(1)

KERJA PRAKTEK

Diajukan untuk Memenuhi Tugas Mata Kuliah Kerja Praktek

Program Strata Satu Jurusan Teknik Informatika Fakultas Teknik dan Ilmu Komputer

Universitas Komputer Indonesia

Disusun Oleh :

10109515 Rauzal

10109525 Wijaya Ramdhani 10109501 Dikot Sugeng Astomo

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA

(2)

(3)

(4)

Nama : Dikot Sugeng Astomo

Tempat&Tanggal Lahir : Semuli Jaya, 12 Juni 1991

Jenis Kelamin : Laki - Laki

Tinggi Badan : 167cm

Berat Badan : 47kg

Kewarganegaraan : Indonesia

Status : Belum Kawin

Alamat : Jl. Tamansari Bawah No 259/59

Rt04 Rw20, Kota Bandung

Agama : Islam

Telepon : 08179221388

Alamat Email : dikotsugengastomo@gmail.com

PENDIDIKAN FORMAL

1997 – 2003 : SDN 2 Semuli Jaya 2003 – 2006 : SMPN 1 Abung Semul 2006 – 2009 : SMAN 1 Abung Semuli

2009 – Sekarang : Program Studi S1 Teknik Informatika Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia

PENDIDIKAN NON FORMAL

(5)

Nama : Rauzal

Tempat&Tanggal Lahir : Aceh, 24 Oktober 1990

Berat Badan : 50 kg

Alamat : Jl. Line Pipa Krueng mane.

Kec.Muara Batu Kab Aceh Utara.

Agama : Islam

Telepon : 089656377746

Alamat Email : rau.zal@hotmail.com

PENDIDIKAN FORMAL

1996 – 2003 : SDN 1 Cot Usi

2003 – 2006 : SLTP Negeri 1 Muara Batu 2006 – 2009 : SMAN 1 Muara Batu

2003 – 2006 : - Anggota Pramuka SLTPN 1 Muara Batu -Anggota Paskibra SLTPN 1 Muara Batu

(6)

Nama : Wijaya Ramdhani

Tempat&Tanggal Lahir : Indramayu, 21 Maret 1992

Berat Badan : 85kg

Alamat : Jl. Raya Wanguk RT 06 RW 02

Kec.Anjatan Kab Indramayu

Agama : Islam

Telepon : 089695696436

Alamat Email : wijayaramdhani@gmail.com

PENDIDIKAN FORMAL

1997 – 2003 : SDN Bunut Lor Indramayu 2003 – 2006 : SMPN 1 Haurgeulis

2006 – 2009 : SMAN 1 Anjatan

2006 – 2009 : - Pengurus OSIS SMAN 1 Anjatan -Anggota Pramuka SMAN 1 Anjatan

-Anggota Paskibra SMAN 1 Anjatan

2009 – Sekarang : - Pengurus HMIF UNIKOM

-Ketua Ikatan Alumni SMAN 1 Anjatan

(7)

LEMBAR JUDUL

LEMBAR PENGESAHAN

KATA PENGANTAR ... i

DAFTAR ISI ... iii

DAFTAR TABEL ... vii

DAFTAR GAMBAR ... ix

DAFTAR LAMPIRAN ... xii

BAB I PENDAHULUAN I.1 Latar Belakang Masalah ... 1

I.2 Rumusan Masalah ... 1

I.3 Maksud dan Tujuan Penelitian ... 2

I.3.1 Maksud ... 2

I.3.2 Tujuan ... 2

I.4 Batasan masalah ... 2

I.5 Metode Penelitian ... 3

I.5.1 Metode Pengumpulan Data ... 3

I.5.2 Tahap Pengembangan Perangkat Lunak ... 4

(8)

iv

II.1.1 Visi, Misi, dan Motto ... 7

II.1.2 Sejarah Sekolah ... 8

II.2 Landasan Teori ... 11

II.2.1 E-Learning ... 11

II.2.2 DFD (Data Flow Diagram) ... 13

II.2.3 Internet ... 14

II.2.4 Basis Data ... 14

II.2.5 PHP ... 16

II.2.6 MySql ... 17

II.2.7 CSS ... 19

II.2.8 Adobe Dreamweaver CS 5 ... 20

BAB III PEMBAHASAN III.1 Analisis Sistem ... 21

III.1.1 Analisis Masalah ... 21

III.1.2 Analisis Prosedur yang Sedang Berjalan ... 22

III.1.2.1 Proedur Sistem Lama... 22

III.1.2.2 Prosedur Sistem Baru ... 23

(9)

v

III.1.3.3 Analisis Pengguna ... 25

III.2 Perancangan Sistem ... 27

III.2.1 Perancangan Basis Data ... 27

III.2.1.1 Diagram Relasi ... 28

III.2.1.2 Struktur Tabel ... 28

III.2.2 Analisis Kebutuhan Fungsional ... 28

III.2.2.1 Diagram Konteks ... 28

III.2.2.2 Data Flow Diagram ... 29

III.2.2.3 Spesifikasi Proses ... 29

III.2.3 Perancangan Struktur Menu ... 35

III.2.4 Perancangan Antarmuka ... 38

III.2.5 Jaringan Semantik ... 66

III.2.6 Perancangan Prosedural ... 69

III.3 Implementasi ... 72

III.3.1 Implementasi Perangkat Keras ... 72

III.3.2 Implementasi Perangkat Lunak ... 72

III.3.3 Implementasi Basis Data ... 72

(10)

vi

III.4.2 Pengujian Alpha ... 76

III.4.3 Hasil Pengujian Alpha ... 86

III.4.4 Pengujian Betha ... 87

III.4.5 Hasil Pengujian Betha ... 91

BAB IV KESIMPULAN DAN SARAN IV.1 Kesimpulan ... 92

IV.2 Saran ... 92

(11)

[1] Pressman, R.S. (2002), Rekayasa Perangkat Lunak: Pendekatan Praktisi (Buku I).

Andi.Yogyakarta.

Kadir, A. (2002), Dasar Pemrograman WEB Dinamis Menggunakan PHP. Yogyakarta. ANDI.

Nugroho, B (2004), PHP dan MYSQL Dengan Editor Dreamweaver MX, Andi,

Yogyakarta.

http://www.myphptutorials.com/

(12)

KATA PENGANTAR

Puji dan syukur penulis ucapkan atas kehadirat Allah SWT yang telah

melimpahkan rahmat dan hidayah-Nya kepada penulis, karena hanya dengan restu

dan anugerah-Nya maka Laporan Kerja Praktek ini dapat terselesaikan dengan

baik dan tepat pada waktunya. Laporan Kerja Praktek ini berjudul “Aplikasi E-Learning SMA Negeri 1 Anjatan”.

Penulis menyadari sepenuhnya bahwa di dalam laporan ini masih terdapat

banyak kekurangan yang disebabkan oleh keterbatasan pengetahuan, kemampuan,

dan pengalaman yang dimiliki oleh penulis. Oleh karena itu, penulis senantiasa

akan menerima masukan berupa kritik dan saran yang bersifat membangun, yang

akan penulis terima dengan senang hati agar dapat mencapai kesempurnaan di

masa yang akan datang. Dengan segala kerendahan hati, perkenankanlah penulis

menyampaikan ucapan terima kasih yang sebesar-besarnya kepada semua pihak

yang telah membantu penulis hingga laporan Kerja Praktek ini selesai, terutama

kepada :

1. Bapak Irawan Afrianto, S.T., M.T., selaku ketua program studi Teknik

Informatika

2. Ibu Utami Dewi Widianti, S.Kom, Selaku dosen wali IF-12 dan pembimbing.

3. Bapak Taofik, S.Pd, selaku kepala SMA Negeri 1 Anjatan

4. Bapak Ade Sumantri, S.Pd, selaku guru pembimbing di tempat Kerja Praktek.

5. Seluruh staff dan guru SMA Negei 1 Anjatan.

6. Sekretariat program studi Teknik Informatika Universitas Komputer

Indonesia.

7. Seluruh keluarga yang telah mendukung

8. Teman – teman IF-12 angkatan 2009.

Semoga Allah SWT yang dapat membalas semua kebaikan dan ketulusan

yang telah diberikan kepada penulis selama menyelesaikan Laporan Kerja Praktek

ini. Penulis berharap semoga Laporan Kerja Praktek ini dapat bermanfaat bagi

(13)

ii

(14)

1 I.1 Latar Belakang Masalah

SMAN 1 Anjatan yang berada di desa Kopyah kecamatan Anjatan kabupaten

Indramayu merupakan salah satu sekolah berstandar nasional . Sekolah ini memiliki

fasilitas pembelajaran dan sarana pendidikan yang cukup lengkap seperti

laboratorium komputer dan tersedianya koneksi internet. Berdasarkan hasil

wawancara terhadap beberapa pihak sekolah baik guru maupun siswa terdapat beberapa kendala dalam pembelajaran di SMAN 1 Anjatan ini, dikatakan bahwa

keterbatasan waktu di sekolah menjadi salah satu pemicu kurangnya pemberian

materi yang dilakukan oleh pihak guru yang mengakibatkan siswa mengalami

kesulitan untuk mendapatkan materi yang diajarkan sebagai bahan pembelajaran.

Selain itu, siswa memiliki kendala emosional dimana siswa malu bertanya

disaat siswa tidak paham terhadap penyampaian materi yang diberikan guru sehingga

dapat menimbulkan kurangnya interaksi antara guru dan siswa apalagi disaat guru

berhalangan hadir yang dapat memperlambat kelancaran proses belajar mengajar.

Berdasarkan permasalahan yang dihadapi , sekolah tersebut membutuhkan

sebuah media pembelajaran lain yang dapat menunjang pembelajaran diluar sekolah

berbasis web dimana sistem pemberian materi dapat dilakukan secara

terkomputerisasi dan dapat diakses kapanpun dan dimanapun sehingga akan

memaksimalkan pemberian materi yang dibutuhkan.

I.2 Rumusan Masalah

Berdasarkan dari latar belakang masalah yang telah dijelaskan sebelumnya,

maka dapat dibuat rumusan masalah yaitu bagaimana cara membangun Aplikasi

(15)

I.3 Maksud dan Tujuan

Berdasarkan rumusan masalah yang telah diuraikan, maka untuk mengatasi

masalah di atas sekolah tersebut bermaksud untuk membangun Aplikasi E-Learning

berbasis web di SMAN 1 Anjatan.

Adapun tujuan yang akan dicapai dalam penelitian ini adalah :

1 Untuk memudahkan siswa dalam mendapatkan materi yang dapat di akses

dimanapun dan kapanpun.

2 Untuk memberikan sarana interaksi pembelajaran antara guru dengan siswa.

I.4 Batasan Masalah

Dalam pembuatan Aplikasi E-learning ini memiliki batasan masalah sebagai

berikut :

1. Aplikasi ini menggunakan metode pembelajaran secara tidak langsung

(asynchronous learning).

2. Aplikasi ini hanya mengolah data untuk keperluan pembelajaran online, tidak

mengolah data untuk keperluan sistem akademik sekolah tersebut.

3. Proses

Proses yang ada dalam aplikasi E-Learning ini adalah proses penyediaan

referensi materi dan modul-modul.

4. Data

Data yang diolah dalam pembangunan aplikasi ini yaitu data guru, data siswa,

data materi pelajaran, dan data pengumuman.

5. Keluaran (Output)

Keluaran/Output yang dihasilkan Aplikasi E-Learning ini adalah informasi

materi pelajaran, informasi guru, informasi siswa, dan informasi sekolah.

6. Keamanan

a. NIS (Nomor Induk Siswa) dan NIP (Nomor Induk Pegawai) untuk keamanan

(16)

7. Pengguna / User

Pengguna aplikasi ini yaitu guru, siswa, kepala sekolah dan administrator.

8. Perangkat Lunak/Software

Software pembangun aplikasi ini adalah Adobe Dreamweaver CS5 dengan

bahasa pemograman PHP, MySQL sebagai DBMS (Database Management

System), WAMP sebagai Internal server yang digunakan untuk uji coba

browser sebagai web browsernya, dan Client-Server.

9. Perangkat keras/Hardware

Perangkat keras dengan spesifikasi minimum yang dibutuhkan untuk akses

darisisi server yaitu Prosessor dengan kecepatan 800 Mhz, RAM 128 MB,

kapasitas harddisk kosong 10 GB, sedangkan dari sisi client Prosessor dengan

kecepatan 500 Mhz, RAM 128 MB, kapasitas harddisk kosong 4 GB.

10. Metode analisis yang digunakan adalah metode aliran data terstruktur, dimana

tools yang digunakan adalah Flowmap dan Entity Relationship Diagram (ERD),

sedangkan untuk menggambarkan proses digunakan Data Flow Diagram

(DFD).

I.5 Metodologi Penelitian

Metodologi penelitian yang akan digunakan dalam menyusun laporan kerja praktek ini menggunakan metode Analisis Deskriptif, yaitu metode penelitian

menggunakan studi kasus. Metode Analisis Deskriptif terdiri menjadi dua tahap,

yaitu.:

I.5.1 Tahap Pengumpulan Data

Adapun teknik pengumpulan data yang akan digunakan terdiri dari 3 jenis

(17)

1. Studi Literatur

Studi literatur merupakan kegiatan yang dilakukan dengan mencari

pustaka yang menunjang penelitian yang akan dikerjakan. Pustaka

tersebut dapat berupa buku, artikel, laporan akhir, dan sebagainya.

2. Observasi.

Teknik pengumpulan data dengan mengadakan penelitian dan peninjauan

langsung terhadap permasalahan yang diambil.

3. Interview.

Teknik pengumpulan data dengan mengadakan tanya jawab secara

langsung yang ada kaitannya dengan topik yang diambil.

I.5.2 Tahap pengembangan perangkat lunak.

Tahap pengembangan perangkat lunak dalam pembuatan aplikasi ini

menggunakan waterfall (gambar1.1). Tahapan pengembangan sistem

menurut Roger S. Pressman [1] adalah sebagai berikut :

Gambar 1.1 Metode Waterfall

1. Requirements definition

Mengumpulkan kebutuhan secara lengkap kemudian dianalisis dan

(18)

dibangun. Tahap ini harus dikerjakan secara lengkap agar dapat

menghasilkan desain yang lengkap.

2. System and software design

Proses perancangan sistem membagi persyaratan dalam sistem perangkat

keras atau perangkat lunak. Kegiatan ini menentukan arsitektur sistem secara

keseluruhan. Perancangan perangkat lunak melibatkan identifikasi dan

deskripsi abstraksi sistem perangkat lunak yang mendasar dan hubungannya.

3. Implementation and unit testing

Pada tahap ini, perancangan perangkat lunak direalisasikan sebagai

serangkaian program atau unit program. Pengujian unit melibatkan verifikasi

bahwa setiap unit telah memenuhi spesifikasinya. Pengujian dilakukan di

lingkungan tes.

4. Integration and system testing

Unit program atau program individual diintegrasikan dan diuji sebagai

sistem yang lengkap untuk menjamin bahwa persyaratan sistem telah

dipenuhi. Pengujian dilakukan langsung di lingkungan tempat sistem akan

digunakan.

5. Operation and Maintenance

Pemeliharaan mencakup koreksi dari berbagai error yang tidak ditemukan

pada tahap-tahap terdahulu, perbaikan atas implementasi unit sistem dan

pengembangan pelayanan sistem, sementara persyaratan-persyaratan baru

ditambahkan.

I.6 Sistematika Penulisan

Sistematika penulisan laporan kerja praktek ini disusun untuk memberikan

gambaran umum tentang penelitian yang dijalankan. Sistematika penulisan

(19)

BAB I PENDAHULUAN

Menguraikan tentang latar belakang permasalahan, mencoba merumuskan

inti permasalahan yang dihadapi, menentukan tujuan dan kegunaan penelitian,

yang kemudian diikuti dengan pembatasan masalah, serta sistematika penulisan.

BAB II. LANDASAN TEORI

Bab ini dibagi menjadi 2 bagian yaitu: Tinjauan Sekolah dan Landasan

Teori. Tinjauan sekolah berisikan tentang sejarah singkat sekolah, visi dan misi

sekolah. Sedangkan Landasan Teori berisi tentang teori-teori pendukung dalam

membangun aplikasi E-Learning di SMAN 1 Anjatan.

BAB III. PEMBAHASAN

Bab ini berisikan tentang analisis dalam membangun aplikasi ini seperti

analisis sistem yang sedang berjalan, analisis kebutuhan non fungsional yang

berupa analisis user, analisis perangkat keras (hardware), analisis perangkat

lunak (software), dan analisis jaringan. Analisis kebutuhan fungsional berupa

Entity Relation Diagram (ERD), Diagram Konteks, Data Flow Diagram (DFD).

Hasil implementasi dari hasil analisis dan perancangan yang telah dibuat disertai

juga dengan hasil pengujian dari aplikasi ini yang dilakukan di SMA Negeri 1

Anjatan sehingga diketahui apakah sistem yang dibangun sudah memenuhi syarat

sebagai aplikasi yang mudah digunakan.

BAB IV. KESIMPULAN DAN SARAN

Berisi kesimpulan dan saran yang sudah diperoleh dari hasil penulisan

(20)

7

Pada bab ini dijelaskan beberapa konsep dan dasar teori yang berkaitan

dengan permasalahan yang akan dibahas sebagai dasar pemahaman dalam

mengimplementasikan konsep-konsep tersebut kedalam semua kegiatan

pengembangan sistem.

II.1 Tinjauan Sekolah

Pada tahap ini merupakan tahap peninjauan terhadap tempat penelitian yaitu SMA Negeri 1 Anjatan.

II.1.1 Visi dan Misi Sekolah 1.Visi

“UnggulPKK”

Unggul dalam Prestasi, Karir dan Kebersamaan Berdasarkan Iman dan Taqwa.

2. Misi

“Tingkatkan IPTEK”

 Iman = meningkatkan keimanan dan ketaqwaan kepada Tuhan yang

Maha Esa.

 Potensi = meningkatkan potensi kecerdasan intelektual, emosional dan

spiritual

 Tertib = Meningkatkan ketertiban dan dalam administrasi, keuangan, dan

lingkungan.

 Etos Kerja = meningkatkan etos kerja untuk menghasilkan prestasi yang

optimal di bidang akademik dan non-akademik berdasarkan prinsip

(21)

 Kebersamaan = meningkatkan kebersamaan dalam segala aktifitas

menuju kualitas sekolah berstandar nasional sebagai rintisan

SekolahKategori Mandiri (SKM).

II.1.2 Sejarah Sekolah

SMA Negeri 1 Anjatan (sebelumnya SMA Negeri 1 Kandanghaur untuk

SMA Negeri Haurgeulis) menerima siswa baru kelas 1 dimulai tahun 1987/1988

sejumlah 3 rombongan belajar dan statusnya swadaya swadana, dengan kepala

sekolah masih dijabat oleh SMA Negeri 1 Kandanghaur, (Drs. Ibrahim) dengan

tenaga pengajar 5 orang dan tempat belajar di SMP Negeri Patrol. Belum sampai

akhir semester, kegiatan belajar mengajar pindah ke SMA Negeri 1 Kandanghaur.

Tahun 1988/1989 jumlah rombongan belajar 6 RB (kelas 1 = 3 RB dan kelas 2 = 3 RB) dan tenaga guru bertambah 3 orang menjadi 8 orang. Mulai tahun

pelajaran 1989/1990, tempat belajar dibagi dua yaitu kelas III masih di SMA

Negeri Kandanghaur sedangkan kelas II dan kelas I di SMP Pemda Anjatan,

dengan kepemimpinan dijabat oleh kepala SMA Negeri 1 Kandanghaur (Zaenal

Abidin Pramiadi) selanjutnya tahun pelajaran 1990/1991 sampai tahun 1991/1992

kegiatan belajar seluruhnya di SMP Pemda Anjatan. Pada kurun waktu tersebut

stakeholders berupaya agar sekolah memiliki gedung sendiri yang permanen untuk

kegiatan belajar mengajar.

Akhirnya pada tahun pelajaran 1992/1993 terwujudlah gedung milik sendiri

yang permanen dan berlokasi di jalan Raya Kopyah Kecamatan Anjatan yang

penempatanya diresmikan oleh Bupati Indramayu (Bapak H. Ope Mustopa),

dengan kepala sekolah dijabat oleh Kepala SMA Negeri 1 Losarang (Drs. R.M.

Edy Prayitno) sekaligus selaku Pymt SMA Negeri 1 Kandanghaur, kemudian

diganti oleh kepala sekolah definitive SMA Negeri 1 Kandanghaur (H. Sugiatno)

Pada tanggal 23 Agustus 1993 Status SMA Negeri 1 Anjatan menjadi SMA

definitive yang diresmikan oleh Menteri Pendidikan dan Kebudayaan (saat itu

(22)

nomor SK Penegrian :0313/0/1993 dan kepala sekolah definitive pertama ibu Dra.

Edah Baedah Moerkana, beliau memimpin selama 3 tahun mulai dari tahun 1994

sampai tahun 1997, tenaga pengajar tetap saat itu 21 orang dan jumlah siswa 720

orang, beliau juga turut berperan besar dalam mewujudkan SMA Negeri 1

Haurgeulis.

Tahun pelajaran 1997/1998 SMA Negeri 1 Anjatan menginduk kembali ke

SMA 1 Negeri 1 Kandung haur dengan kepala sekolah Bapak Drs. Rustam

Effendi, karena kepala sekolah pindah ke SMA Negeri 1 Indramayu. Pada kurun

waktu tersebut datang kepala SMA Negeri 1 Anjatan definitif kedua yaitu Bapak

Drs. Ponidi dan karena kecelakaan, beliau meninggal dunia. Beliau memimpin

selama dua tahun yaitu pada tahun pelajaran 1997/1998 sampai dengan 1998-1999

dengan jumlah tenaga pengajar tetap 21 orang dan jumlah siswa 760 orang.

Kemudian kekosongan tersebut diisi oleh pejabat sementara, Kepala SMA Negeri

1 Haurgeulis (Bapak Drs. Junaedi).

Pada tahun pelajaran 2000/2001, datang kepala SMA Negeri 1 Anjatan

definitif ketiga yaitu : Bapak Drs. H. Masduki Ahmad. Beliau memimpin selama

dua tahun dengan jumlah tenaga pengajar 22 orang dan jumlah siswa 600 orang.

Pada tahun pelajaran 2002/2003 menjelang akhir semester ke dua datang

kelapa sekolah definitif keempat yaitu : Bapak Drs. H. Somana, beliau memimpin

sampai dengan pertengahan tahun 2005/2006 (tiga tahun) dengan jumlah personil

21 GT, 4 GBS, 9 Guru Honorer, 4 TU tetap dan 6 TU Honorer, jumlah siswa 584

orang, karena mutasi ke SMA Negeri 2 Indramayu, kekosongan tersebut dijabat

oleh kepala SMA oleh kepala SMA Negeri 1 Kandanghaur Drs. Edi D. Setiawan, M.Pd, selama 3 bulan selanjutnya diganti oleh kepala sekolah yang definitif

kelima yaitu Ibu Dra. Hj. Hendhy M. Yarkasi, beliau memimpin selama 19 bulan

karena mutasi ke SMAN Losarang.

Pada tahun pelajaran 2007/2008 menjelang awal semester genap datang

kepala sekolah definitif keenam yaitu Bapak Drs. Wintomo, M.Pd, beliau

(23)

tahun 8 bulan), dengan jumlah personil GT 30, GTT 15, TU tetap 6, TU Honor 13,

jumlah siswa 965, beliau mutasi ke SMAN 2 Indramayu.

Sesuai SK Bupati Indramayu, beliau dapat membangun 2 lokal belajar di

lantai atas, merehabilitasi ruang kelas dll. Dalam rangka kegiatan kategori sekolah

mandiri beliau melengkapi sarana belajar antara lain penabahn 9 unit komputer, 9

unit AC, seperangkat Gamelan multilaras dan tambahan 1 unit Sound System.

Secara kuantitas sampai dengan tahun pelajaran 2011/2012 tercatat jumlah siswa

sebanyak 949 siswa, jumlah guru tetap dan tidak tetap 45 orang, jumlah staff TU

tetap dan tidak tetap sebanyak 12 orang, jumlah penjaga sekolah sebanyak 6 orang

dan jumlah alumni sebanyak 4.450 orang. Sedangkan secara kualitas banyak

prestasi yang diraih sekolah baik akademik maupun non akademik dan kerja sama

dengan instasi lain yang membawa dampak positif.

Nama-nama Kepala Sekolah yang pernah menjabat dan sedang menjabat:

1. Nama : Drs. Ibrahim (Pymt)

Periode : Thn 1987 s.d Thn 1989

2. Nama : Zaenalabidin Pramiadi (Pymt)

Periode : Thn 1987 s.d 1991

3. Nama : RM.Edi Prayitno (Pymt)

Periode : Thn 1991 s.d Thn 1992 (Pymt)

4. Nama : H. Sugiatno (Pymt)

5. Nama : Dra. Edah Baedah Moerkana (Definitif)

Periode : Thn 1994 s.d Thn 1997 6. Nama : Drs. Rustam Eddendi (Pymt)

Periode : Thn 1997 s.d 1997

7. Nama : Drs. Ponidi (Definitif)

8. Nama : Drs. Junedi (Pymt)

(24)

9. Nama : Drs. H. Masduki Ahmad (Definitif)

10. Nama : Drs. H. Somana (Definitfi)

11. Nama : Drs. Ed D. Setiawan, M.Pd (Pymt)

Periode : Thn 2003 s.d Thn 2006 (3 Bulan)

12. Nama : Dra. Hj. Hendhy M. Yarkasi (Definitif)

13. Nama : Drs. Wintomo, M.Pd (Definitif)

14. Nama : Taofik, S.Pd (Definitf)

Periode : Thn 2011 s.d Sekarang.

II.2 Landasan Teori

Landasan teori dimanfaatkan sebagai pemandu agar fokus penelitian sesuai

dengan fakta di lapangan. Selain itu landasan teori juga bermanfaat untuk

memberikan gambaran umum tentang latar penelitian dan sebagai bahan pembahasan

hasil penelitian. Peneliti mengutip beberapa teori yang berhubungan dengan

variable-variabel peneliatian. Dan teori-teori ini merupakan landasan dalam penelitian.

II.2.1 E-Learning

E-learning merupakan singkatan dari Elektronic Learning, merupakan cara

baru dalam proses belajar mengajar yang menggunakan media elektronik

khususnya internet sebagai sistem pembelajarannya. E-learning merupakan dasar

dan konsekuensi logis dari perkembangan teknologi informasi dan komunikasi.

Beberapa ahli mencoba menguraikan pengertian e-learning menurut versinya

(25)

 Jaya Kumar C. Koran (2002)

E-Learning sebagai sembarang pengajaran dan pembelajaran yang

menggunakan rangkaian elektronik (LAN, WAN, atau internet) untuk

menyampaikan isi pembelajaran, interaksi, atau bimbingan.  Dong (dalam Kamarga, 2002)

E-Learning sebagai kegiatan belajar asynchronous melalui perangkat

elektronik komputer yang memperoleh bahan belajar yang sesuai dengan

kebutuhannya.  Rosenberg (2001)

Menekankan bahwa e-learning merujuk pada penggunaan teknologi internet

untuk mengirimkan serangkaian solusi yang dapat meningkatkan

pengetahuan dan keterampilan  Darin E. Hartley [Hartley, 2001]

E-Learning merupakan suatu jenis belajar mengajar yang memungkinkan

tersampaikannya bahan ajar ke siswa dengan menggunakan media Internet,

Intranet atau media jaringan komputer lain.

 LearnFrame.Com dalam Glossary of eLearning Terms [Glossary, 2001]

E-Learning adalah sistem pendidikan yang menggunakan aplikasi elektronik

untuk mendukung belajar mengajar dengan media Internet, jaringan

komputer,maupun komputer standalone.

E-learning dalam arti luas bisa mencakup pembelajaran yang dilakukan di

media elektronik (internet) baik secara formal maupun informal. E-learning secara

formal misalnya adalah pembelajaran dengan kurikulum, silabus, mata pelajaran

dan tes yang telah diatur dan disusun berdasarkan jadwal yang telah disepakati

pihak-pihak terkait (pengelola e-learning dan pembelajar sendiri). Pembelajaran

seperti ini biasanya tingkat interaksinya tinggi dan diwajibkan oleh perusahaan

(26)

perusahaan-perusahaan (biasanya perusahaan konsultan) yang memang bergerak

dibidang penyediaan jasa e-learning untuk umum.

E-learning bisa juga dilakukan secara informal dengan interaksi yang lebih

sederhana, misalnya melalui sarana mailing list, e-newsletter atau website pribadi,

organisasi dan perusahaan yang ingin mensosialisasikan jasa, program,

pengetahuan atau keterampilan tertentu pada masyarakat luas (biasanya tanpa

memungut biaya).

II.2.2 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah alat pembuatan model yang

memungkinkan profesional sistem untuk menggambarkan sistem sebagai suatu

jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data, baik

secara manual maupun komputerisasi. DFD ini adalah salah satu alat pembuatan

model yang sering digunakan, khususnya bila fungsi-fungsi sistem merupakan

bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh

sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan

penekanan hanya pada fungsi sistem.

DFD ini merupakan alat perancangan sistem yang berorientasi pada alur

data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem

kepada pemakai maupun pembuat program. Komponen DFD menurut Yourdan

dan De Marco, yang akan dijelaskan dalam tabel 2.4. Tabel 2.4 Komponen DFD

menurut Yourdan dan De Marco Nama KeteranganTerminator Sumber (source) :

terminator yang menjadi sumber. Terminator Tujuan (sink) : terminator yang

menjadi tujuan data/informasi sistem. 47 Proses : menggambarkan bagian dari

sistem yang mentransformasikan input menjadi output.

Data store : biasanya berkaitan dengan penyimpanan-penyimpanan, seperti

file atau database yang berkaitan dengan penyimpanan secara komputerisasi,

(27)

dengan penyimpanan secara manual seperti buku alamat, file folder, dan agenda.

Alur data ini digunakan untuk menerangkan perpindahan data atau paket

data/informasi dari satu bagian sistem ke bagian lainnya.

II.2.3 Internet

Internet (kependekan dari interconnection-networking) secara harfiah ialah

sistem global dari seluruh jaringan komputer yang saling terhubung menggunakan

standar Internet Protocol Suite (TCP/IP) untuk melayani miliaran pengguna di

seluruh dunia. Manakala Internet (huruf 'I' besar) ialah sistem komputer umum,

yang berhubung secara global dan menggunakan TCP/IP sebagai protokol

pertukaran paket (packet switching communication protocol). Rangkaian internet

yang terbesar dinamakan Internet. Cara menghubungkan rangkaian dengan kaedah

ini dinamakan internetworking.

II.2.4 Basis Data

Basis data (database) adalah kumpulan dari berbagai data yang saling

berhubungan satu dengan yang lainnya. Basis data tersimpan di perangkat

keras,serta dimanipulasi dengan menggunakan perangkat lunak. Pendefinisian

basis data meliputi spesifikasi dari tipe data, struktur dan batasan dari data atau

informasi yang akan disimpan. Database merupakan salah satu komponen yang

penting dalam sistem informasi, karena merupakan basis dalam menyediakan

informasi pada para pengguna atau user. Data diartikan sebagai representasi fakta

dunia nyata yang mewakili suatu objek seperti manusia, barang, hewan, konsep,

dan lain-lain. Dalam buku [Teks Komputer Basis Data, 2004] terdapat sejumlah

sudut pandang pengertian basis data, yaitu:

1. Himpunan kelompok data (arsip) yang saling berhubungan yang

diorganisasikan sedemikian rupa agar kelak dapat dimanfaatkan kembali

(28)

2. Kumpulan data yang saling berhubungan yang dismpan secara bersama

sedemikian rupa dan tanpa pengulangan (redundansasi) yang tidak perlu,

untuk memenuhi berbagai kebutuhan.

3. Kumpulan file/tabel/arsip yang saling berhubungan yang disimpan dalam

media penyimpanan elektronis.

Penyusunan basis data meliputi proses memasukkan data kedalam media

penyimpanan data dan diatur dengan menggunakan perangkat Sistem Manajemen

Basis Data (Database Management System DBMS). Manipulasi basis data

meliputi pembuatan pernyataan (query) untuk mendapatkan informasi tertentu,

melakukan pembaharuan atau penggantian (update) data, serta pembuatan report

data. Dalam sebuah media penyimpanan, basis data dapat diciptakan maupun

dihilangkan. Dalam sebuah basis data terdiri atas dua atau lebih tabel yang saling

berhubungan. Dalam operasi basis data, tabel-tabel tersebut dapat diciptakan dan

dapat dihilangkan juga. Elemen Basis Data terdiri dari :

1. Entitas adalah sekumpulan objek yang terdefinisikan yang mempunyai

karakteristik sama dan bisa dibedakan satu dengan lainnya. Objek dapat

berupa barang, orang, tempat atau suatu kejadian.

2. Atribut adalah deskripsi data yang bisa mengidentifikasi entitas yang

membedakan entitas tersebut dengan entitas yang lain. Seluruh atribut harus

cukup untuk menyatakan identitas obyek, atau dengan kata lain, kumpulan

atribut dari setiap entitas dapat mengidentifikasi keunikan suatu individu.

3. Data Value (Nilai Data) adalah data aktual atau informasi yang disimpan

pada tiap data, elemen, atau atribut. Atribut nama pegawai menunjukan tempat dimana informasi nama karyawan disimpan, nilai datanya misalnya

adalah Anjang, Arif, Suryo, dan lain-lain yang merupakan isi data nama

pegawai tersebut.

4. File/Tabel merupakan kumpulan record sejenis yang mempunyai panjang

(29)

5. Record/Tuple merupakan kumpulan elemen-elemen yang saling berkaitan

menginformasikan tentang suatu entitas secara lengkap. Satu record

mewakili satu data atau informasi.

Secara garis besar operasi dasar yang berhubungan dengan basis data, yaitu:

1. Create database (pembuatan basis data baru)

2. Drop database (penghapusan basis data)

3. Create table (pembuatan tabel baru dalam suatu basis data)

4. Drop table (penghapusan tabel dari suatu basis data)

5. Insert (penambahan data baru ke dalam suatu tabel)

6. Retrieve/search (pengambilan data dari sebuah tabel)

7. Update (pengubahan data dari sebuah tabel)

8. Delete (penghapusan data dari sebuah tabel).

Operasi yang berhubungan dengan pembuatan objek (basis data dan tabel)

merupakan operasi awal yang dilakukan sekali dan berlaku seterusnya. Sedangkan

operasi-operasi yang berkenaan dengan isi tabel merupakan operasi rutin.

II.2.5 Pengenalan PHP (Personal Home Page)

PHP (Personal Home Page) merupakan script untuk pemrograman web

server-side, script yang membuat dokumen HTML secara on the fly, dokumen HTML yang dihasilkan dari suatu aplikasi bukan dokumen HTML yang dibuat

dengan menggunakan teks editor atau editor HTML. Dengan menggunakan PHP,

maintanance suatu situs web menjadi lebih mudah. Proses update data dapat

dilakukan dengan menggunakan aplikasi yang dibuat dengan menggunakan script

PHP. PHP/FI merupakan nama awal dari PHP, dibuat pertama kali oleh Rasmus

Lerdoff. PHP awalnya merupakan program CGI yang dikhususkan untuk

menerima input melalui form yang ditampilkan dalam browser web. Software ini

disebarkan dan dilisensikan sebagai perangkat lunak Open Source.

(30)

1. Life Cycle yang sangat singkat, sehingga PHP selalu up to date mengikuti

perkembangan teknologi internet.

2. Cross Platform, yakni PHP dapat dipakai di hampir semua webserver yang

ada di pasaran (terutama Apache dan Microsoft IIS) dan dijalankan pada

berbagai sistem operasi (Linux, Windows, FreeBSD).

3. PHP mendukung koneksi ke banyak database baik yang gratis maupun

komersil, seperti MySQL, mSQL, Oracle, Microsoft SQL Server, Interbase,

dan banyak lagi.

4. PHP bersifat open source dan gratis. Kemudahan dalam mendapatkan

dokumentasi. di Internet, kita tidak akan sulit untuk mencari baik itu

referensi, kode-kode PHP yang sudah jadi dan juga mengajukan pertanyaan

pada grup-grup diskusi yang di dalamnya banyak sekali para master PHP.

II.2.6 MySQL

MySQL merupakan sebuah software yang berguna sebagai suatu database

server yang cukup terkenal. Kepopulerannya seiring dengan useran script PHP

untuk web programming. Database server itu sendiri merupakan suatu software

yang bertugas untuk melayani permintaan (request) query dari client. MySQL

sebagai suatu database server mempunyai beberapa kemampuan, salah satunya harus menyediakan suatu sistem manajemen database yang dapat mengatur

bagaimana menyimpan, menambah, mengakses data dan transaksi-transaksi

database lainnya. MySQL cepat sekali berkembang, karena MySQL merupakan

suatu software yang Open Source.

MySQL adalah Relational Database Management System (RDBMS) yang

didistribusikan secara gratis dibawah lisensi GPL (General Public License).

Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh

dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya merupakan

turunan salah satu konsep utama dalam database sejak lama, yaitu SQL (Structured

(31)

untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan

pengoperasian data dikerjakan dengan mudah secara otomatis.

Keandalan suatu sistem database (DBMS) dapat diketahui dari cara kerja

optimizer-nya dalam melakukan proses perintah-perintah SQL, yang dibuat oleh

user maupun program-program aplikasinya. Sebagai database server, MySQL

dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query

data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan query

MySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat

dibandingkan Interbase.

MySQL memiliki beberapa keistimewaan, antara lain :

1. Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi

seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan

masih banyak lagi.

2. Open Source. MySQL didistribusikan secara open source, dibawah lisensi

GPL sehingga dapat digunakan secara cuma-cuma.

3. Multiuse. MySQL dapat digunakan oleh beberapa user dalam waktu yang

bersamaan tanpa mengalami masalah atau konflik.

4. Performance tuning. MySQL memiliki kecepatan yang menakjubkan dalam

menangani query sederhana, dengan kata lain dapat memproses lebih

banyak SQL per satuan waktu.

5. Jenis Kolom. MySQL memiliki tipe kolom yang sangat kompleks, seperti

signed/unsigned integer, float, double, char, text, date, timestamp, dan

lain-lain.

6. Perintah dan Fungsi. MySQL memiliki operator dan fungsi secara penuh

yang mendukung perintah Select dan Where dalam perintah (query).

7. Keamanan. MySQL memiliki beberapa lapisan sekuritas seperti level

subnetmask, nama host, dan izin akses user dengan sistem perizinan yang

(32)

8. Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam

skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu

tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung

mencapai 32 indeks pada tiap tabelnya.

9. Konektivitas. MySQL dapat melakukan koneksi dengan klien

menggunakan protokol TCP/IP, Unix soket (UNIX), atau Named Pipes

(NT).

10. Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada client dengan

menggunakan lebih dari dua puluh bahasa. Meskipun demikian, bahasa

Indonesia belum termasuk di dalamnya.

11. Antar Muka. MySQL memiliki interface (antar muka) terhadap berbagai

aplikasi dan bahasa pemrograman dengan menggunakan fungsi API

(Application Programming Interface).

12. Klien dan Peralatan. MySQL dilengkapi dengan berbagai peralatan (tool)

yang dapat digunakan untuk administrasi basis data, dan pada setiap

peralatan yang ada disertakan petunjuk online.

13. Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam

menangani ALTER TABLE, dibandingkan basis data lainnya semacam

PostgreSQL ataupun Oracle.

II.2.7 Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan

untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa

markup.Penggunaan yang paling umum dari CSS adalah untuk memformat

halaman web yang ditulis dengan HTML dan XHTML.Walaupun demikian,

bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk

SVG dan XUL.Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).

CSS digunakan oleh penulis maupun pembaca halaman web untuk menentukan

(33)

digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis dengan

HTML atau bahasa markup lainnya) dengan presentasi dokumen (yang ditulis

dengan CSS).Pemisahan ini dapat meningkatkan aksesibilitas isi, memberikan

lebih banyak keleluasaan dan kontrol terhadap tampilan, dan mengurangi

kompleksitas serta pengulangan pada stuktur isi.

CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara yang

berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak, suara

(sewaktu dibacakan oleh browser basis-suara atau pembaca layar), dan juga alat

pembaca braille. Halaman HTML atau XML yang sama juga dapat ditampilkan

secara berbeda, baik dari segi gaya tampilan atau skema warna dengan

menggunakan CSS.

II.2.8 Adobe Dreamweaver CS 5

Adobe Dreamweaver CS 5 adalah tools HTML editor professional, untuk

mendesain, melakukan coding, dan pengembangan dari website, web page, dan

web application. Tools ini memiliki fitur visual editing yang memungkinkan user

membuat halaman web tanpa harus menulis barisan kode HTML. Dreamweaver

membantu membangun dynamic database-backed web applications dengan

(34)

21

Analisis sistem (systems analysis) dapat didefinisikan sebagai penguraian dari

suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan

maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan,

kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan

yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya.

Dalam tahap analisis sistem ini dilakukan penguraian dari sistem Media

Pembelajaran Online ( e-learning ) secara utuh ke dalam bagian

komponen-komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi

permasalahan-permasalahan sehingga ditemukan kelemahan-kelemahannya,

kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan

yang diharapkan sehingga dapat diusulkan perbaikannya.

III.1.1 Analisis Masalah

1. Keterbatasan waktu di sekolah menjadi salah satu pemicu kurangnya

pemberian materi yang dilakukan oleh pihak guru yang mengakibatkan siswa

mengalami kesulitan untuk mendapatkan materi yang diajarkan sebagai bahan pembelajaran.

2. Siswa memiliki kendala emosional dimana siswa malu bertanya disaat siswa

tidak paham terhadap penyampaian materi yang diberikan guru sehingga

dapat menimbulkan kurangnya interaksi antara guru dan siswa apalagi disaat

guru berhalangan hadir yang dapat memperlambat kelancaran proses belajar

mengajar.

3. Sekolah tersebut membutuhkan sebuah media pembelajaran lain yang dapat

menunjang pembelajaran diluar sekolah berbasis web dimana sistem

(35)

kapanpun dan dimanapun sehingga akan memaksimalkan pemberian materi

yang dibutuhkan.

III.1.2 Analisis Prosedur yang sedang Berjalan

Pada saat ini, sistem pembelajaran yang berjalan di SMAN 1 Anjatan masih

berjalan secara manual yaitu dengan metode konvensional dimana seorang guru

dengan buku pelajarannya yang digunakan sebagai acuan dalam kegiatan belajar

mengajar di dalam kelas. Begitu juga dengan pemberian bahan mata pelajaran yang

akan di pelajari oleh siswa, dengan waktu yang relatife singkat sehingga sulit

dipahami.

1. Prosedur sistem lama

Prosedur belajar mengajar merupakan kegiatan inti dari pembelajaran dimana

guru memberikan materi pelajaran secara langsung kepada siswa-siswinya:

Adapupn alur prosedur nya seperti dibawah ini :

1. Guru memberikan materi pelajaran kepada siswa-siswinya dengan cara

mencatat materi pelajaran di papan tulis ataupun dengan cara mendikte.

2. Siswa-siswi mencatat materi yang disampaikan di buku tulis masing-masing.

3. Guru menerangkan materi pelajaran yang sudah dicatat.

Untuk lebih jelasnya dapat dilihat pada Gambar Flowmap prosedur belajar mengajar.

Prosedur Belajar Mengajar

Siswa Guru

Materi Pelajaran Materi Pelajaran

Guru Menerang kan Materi

Murid Mencatat

Materi

Materi Pelajaran

(36)

Gambar 3.1 Flowmap Prosedur Belajar Mengajar

2. Prosedur Sistem Baru

Prosedure pemberian materi di sistem baru ini merupakan pemberian materi secara

tidak langsung. Adapun alur prosedurnya sebagai berikut :

1. Guru mempersiapkan materi yang akan diberikan kepada siswa

2. Guru mengaupload materi ke sistem baru dan disimpan di database.

3. Siswa mendownload materi yang diberikan guru

Untuk lebih jelasnya dapat dilihat pada Gambar Flowmap prosedur sistem baru.

Materi Pelajaran

Upload

Download

Materi Pelajaran

Guru Siswa

Database Materi

Gambar 3.2 Flowmap Prosedur Sistem Baru

III.1.4 Analisis Kebutuhan Non Fungsional

Analisis kebutuhan non-fungsional dilakukan untuk menghasilkan spesifikasi kebutuhan non-fungsional. Spesifikasi kebutuhan non-fungsionanl adalah spesifikasi

yang rinci tentang hal-hal yang akan dilakukan sistem ketika diimpelementasikan

serta komponen-komponen yang akan dilibatkan pada sistem yang akan dibangun

meliputi analisis perangkat keras, analisis perangkat lunak, analisis user dan analisis

basis data.

(37)

Analisis kebutuhan perangkat keras dibutuhkan untuk mengetahui

kemampuan perangkat keras menjalankan aplikasi pembelajaran online

yang akan dibangun. Perangkat keras yang digunakan untuk

membangun aplikasi system pembelajaran online ini adalah sebagai

berikut :

Nama Pengguna Spesifikasi

a. Processor

b. Ram

c. Hardisk

d. Vga

e. Peralatan

penunjang

dengan kecepatan minimal 1,8 Ghz.

RAM minimal 1 GB.

Hard Disk minimal 80 GB.

VGA minimal 256 MB.

Monitor dengan resolusi 1024 x 768,

keyboard, mouse, printer.

Tabel 3.1 Analisis Perangkat Keras

III.1.4.2 Analisis Kebutuhan Perangkat Lunak

Analisis kebutuhan perangkat lunak merupakan analisis

kemampuan perangkat lunak untuk menjalankan sistem yang akan

dibangun. Untuk pembangunan sistem yang diusulkan, perangkat lunak

yang digunakan untuk membangun aplikasi sistem pembelajaran online

adalah sebagai berikut :

Bahasa Pemrograman : PHP, Javascript Database : MySql5.0.51a

Aplikasi Builder : Adobe Dreamweaver CS5

Web Server : Wamp 2.0i

Web Browser : Mozilla Firefox, Google Chrome, Internet

(38)

Sistem Operasi : Windows xp, Window 7, Windows 8, Linux,

Mac OS

III.1.4.3 Analisis Pengguna

Analisis pengguna dimaksudkan untuk mengetahui siapa saja pengguna yang

terlibat dalam proses pembelajaran sehingga dapat diketahui tingkat

pengalaman dan pemahaman.

1. Analisis Pengguna Sistem Yang Sedang Berjalan

Pengguna Umur Tugas Tingkat Pendidikan

Guru _{>= 25}

 Memberikan materi  Memberikan tugas  Memberikan nilai

Minimal S1

Siswa _{16 - 20}

 Mendapatkan

materi

 Mengerjakan tugas  Mendapatkan nilai

Minimal SMP

Tabel 3.2 Analisis Pengguna Sistem Yang Sedang Berjalan

2. Analisis Pengguna Sistem Baru

Pengguna Umur Tugas Tingkat

Pendidikan

Administrator >= 23

 Mengelola website

E-Learning

 Mengolah data guru

 Mengolah data

siswa

(39)

Guru >= 25

 Memberikan materi  Berinteraksi dengan

siswa, guru, dan admin

Minimal S1

Siswa 16 - 20

 Mendapatkan materi  Berinteraksi dengan

siswa, guru, dan admin

Minimal SMP

Tabel 3.3 Analisis Pengguna Sistem Baru

Untuk memaksimalkan penggunaan sistem yang akan dibangun maka

pengguna aplikasi ini dibagi menjadi 3 kategori yaitu administrator, guru, dan

siswa. Spesifikasi pengguna dapat dideskripsikan sebagai berikut :

1. Admin adalah user yang melakukan pengolahan secara keseluruhan

terhadap aplikasi sistem e-learning SMA Negeri 1 Anjatan

2. Guru adalah user yang memberikan materi pelajaran kepada siswa.

Dalam hal ini guru juga mendapatkan pembelajaran mengenai bagaimana

aplikasi e-learning ini berjalan.

3. Siswa adalah user yang mengakses materi pelajaran yang diberikan

oleh guru.

III.2 Perancangan Sistem

Pada tahap perancangan sistem akan dilakukan perancangan yang diantaranya

adalah sebagai berikut: perancangan basis data, perancangan antar muka dan

perancangan struktur menu.

III.2.1 Perancangan Basis Data

Perancangan basis data terdiri dari diagram relasi dan struktur tablel.

III.1.5.1 Entity Relationship Diagram

ERD digunakan dalam membangun basis data untuk menggambarkan

relasi atau hubungan dari dua file atau dua tabel. ERD terdiri dari 2 komponen

(40)

jauh melalui atribut–atribut atau properti. Hubungan antar entitas yang terjadi

dalam E-Learning SMAN 1 Anjatan Indramayu dapat dilihat pada Entity

Relationship Diagram berikut ini :

Siswa

Gambar 3.3 Entity Relationalship Diagram

III.1.6 Analisis Kebutuhan Fungsional III.1.6.1 Diagram Konteks

Sistem

E-Info Data Forum Info Data Forum

Admin

Data Forum, Data Berita

(41)

III.1.6.2 Data Flow Diagram III.1.6.2.1 DFD Level 1

Guru Siswa

Data Pribadi Data Pribadi Info Data Pribadi Info Data Pribadi

Menu Login Menu Login

Data Materi User

Materi

4.0 Forum

Posting Topik, Komentar Posting Topik, Komentar Admin

Gambar 3.5 DFD Level 1

III.1.7 Spesifikasi Proses

Spesifikasi proses adalah keterangan dari sistem yang digambarkan melalui DFD,

untuk memperjelas proses – proses yang sedang berlangsung.

No Detail Keterangan

1. No Proses 1.0

Nama Proses Pendaftaran

Deskripsi Pendaftaran user untuk login Source Siswa, Guru

(42)

Logika Proses

1. User (siswa, guru) memasukkan data pendaftaran pada form pendaftaran.

2. User menekan tombol daftar.

3. Sistem menyimpan data pendaftaran ke database 2. No Proses 2.0

Nama Proses Login

Deskripsi Validasi data user yang digunakan untuk login Source Administrator, Siswa, Guru

Input Data login admin, guru, siswa Output Info data login admin, guru, siswa Destination Administrator, Siswa, Guru

Logika Proses

1. User (administrator, siswa, guru) memasukkan data login pada form login.

2. User menekan tombol masuk. 3. Sistem mengecek tipe pengguna.

4. Sistem mengecek validasi NIS/NIP/Username dan sandi pada database.

5. Apabila data login valid, sistem akan menampilkan halaman utama, apabila data login tidak valid, sistem akan menampilkan pesan error.

6. Jika data login kosong maka akan keluar pesan error 3. No Proses 3.0

Nama Proses Pemberian Materi

Deskripsi Pemberian materi dari guru untuk siswa Source Siswa, Guru

Input Data materi Output Info data materi Destination Siswa, Guru

Logika Proses

1. Guru memilih menu upload 2. Guru mengupload materi 3. Materi di simpan di database 4. Siswa memilih menu download

5. Siswa mendownload materi yang telah di upload oleh guru

4. No Proses 4.0 Nama Proses Forum

Deskripsi Interaksi antara administrator, guru, dan siswa Source Administrator, Siswa, Guru

Input Posting topik, Komentar

Output Info posting topik, Info komentar Destination Administrator, Siswa, Guru

(43)

Proses baru pada form topik baru

2. User menekan tombol kirim untuk mengirimkan topik baru

3. User (Administrator, Siswa, Guru) saling berkomentar pada topik

5. No Proses 5.0

Nama Proses Pengolahan Data User

Deskripsi Menambah, Mengedit, Menghapus data user Source Administrator

Input Data user

Output Info data user Destination Administrator

Logika Proses

1. Administrator memilih menu pengolahan data user 2. Administrator mengolah (Menambah, Mengedit,

Menghapus) data user

3. Data user di simpan di database 6. No Proses 6.0

Nama Proses Berita

Deskripsi Menyebarkan informasi Source Administrator, Guru Input Posting berita Output Info posting berita

Destination Administrator, Siswa, Guru

Logika Proses

1. User (Administrator, Siswa, Guru) memasukkan berita baru pada form berita baru

2. User menekan tombol kirim

3. User (Administrator, Siswa, Guru) membaca berita

Tabel 3.4 Spesifikasi Proses III.1.8 Kamus Data

Untuk menjelaskan semua data yang digunakan dalam sistem, digunakan kamus data.

No Detail Keterangan

1. Nama Data login admin

Deskripsi Berisi data admin yang digunakan untuk proses login Struktur data username+ password

Username Password

[A...Z|a...z|0...9] [A...Z|a...z|0...9]

2. Nama Data login guru

(44)

Struktur data username+ password

Deskripsi Berisi data siswa yang digunakan untuk proses login Struktur data username+ password

Username Password

[A...Z|a...z|0...9] [A...Z|a...z|0...9]

4. Nama Data admin

Deskripsi Data yang berisi profil admin yang diubah

Struktur data Username + password + nama_lengkap + jenis_kelamin + tanggal_lahir + alamat + email

Username

Deskripsi Data yang berisi profil guru yang diubah

Username

Deskripsi Data yang berisi profil siswa yang diubah

(45)

Deskripsi Data yang berisi keterangan data forum yang ditambah, diubah, dan dihapus

Struktur data Author + title + post + komentar Author

Title Post Komentar

[A...Z|a...z|0...9] [A...Z|a...z|0...9] [A...Z|a...z|0...9] [A...Z|a...z|0...9]

8. Nama Data berita

Deskripsi Data yang berisi keterangan data berita yang ditambah. Struktur data Judul + isi

Judul Isi

[A...Z|a...z|0...9] [A...Z|a...z|0...9]

Tabel 3.5 Kamus Data

(46)

Gambar 3.6 Diagram Relasi

III.2.1.2 Struktur Tabel

Tabel Forum

No Nama Field Type Keterangan

1 ID_topik bigint 20 id postingan

2 nama varchar 255 penulis

3 email varchar 255 judul postingan

4 topik mediumtext postingan

5 isi varchar 255 waktu terlihat

6 ID_replay bigint 20 waktu sebenarnya

7 tanggal varchar 255 posting terakhir

Tabel 3.6 Tabel Forum

Tabel Materi

1 no int 11 Nomor materi

2 judul varchar 255 Judul materi

3 mata_pelajaran varchar 50 Mata pelajaran

4 kelas varchar 15 Kelas

5 keterangan text Keterangan

6 materi varchar 255 Materi

7 tglupload timestamp Tanggal upload

8 upladby varchar 50 Siapa yang mengupload

(47)

Tabel User

1 user_id int 11 NIS/NIP

2 username varchar 50 Nama user

3 password varchar 50 Password user

4 nama_lengkap varchar 50 Nama user

5 jenis_kelamin varchar 20 Jenis kelamin user

6 tanggal_lahir date Tanggal lahir user

7 alamat varchar 50 Alamat user

8 email varchar 50 Email user

9 tgldaftar timestamp Tanggal mendaftar

10 type varchar 10 Jenis User

Tabel 3.6 Tabel User

Tabel Berita

1 No int 11 No urut berita

2 JudulBerita varchar 255 Judul Berita

3 Isi text Isi Berita

4 Penulis varchar 20 Nama user

6 Tgl_Posting timestamp Tanggal Berita di posting

Tabel 3.6 Tabel Berita

III.2.2 Perancangan Struktur Menu

Dalam pembuatan aplikasi pembelajaran, diperlukan adanya struktur menu

yang berisikan menu dan submenu yang berfungsi untuk memudahkan user dan

(48)

sesuai dengan hak akses masing-masing. Berikut ini dapat digambarkan mengenai

struktur menu aplikasi pembelajaran.

a.Perancangan Struktur Menu Pengunjung

Gambar 3.7 Struktur Menu Pengunjung

b.Perancangan Struktur Menu Admin

(49)

c.Perancangan struktur menu Guru

Login

Home Listing Guru Listing Siswa Forum

Upload Materi Buat Topik

Forum

Tambah Berita Baca Berita Logout

Gambar 3.9 Struktur Menu Guru

d.Perancangan Struktur Menu Siswa

Login

Beranda Listing Guru Forum

Download Materi

Listing Siswa

Baca Berita Logout

(50)

III.2.3 Perancangan Antarmuka

Dalam membuat suatu program aplikasi dibutuhkan suatu perancangan

program, sehingga dapat dilihat kelebihan maupun kekurangan dari program aplikasi

yang akan dibuat. Perancangan program dapat juga membantu dalam membuat atau

memperbaiki aplikasi program yang akan ditetapkan kepada user dan admin sebagai

pengguna aplikasi. Perancangan antar muka terdiri dari perancangan struktur menu,

perancangan antar muka aplikasi pada user dan perancangan tampilan jaringan

semantik.

1. Perancangan halaman utama Aplikasi ini untuk admin, guru dan siswa terlihat

pada gambar Tampilan utama menu.

Perancangan Antar Muka Menu Utama

F01 Header

Home Sejarah Visi Misi Struktur

 Klik home

(51)

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768

Ukuran dan Jenis Font : 14 dan Arial

Warna : Abu – abu

Gambar 3.11 Perancangan Antarmuka Halaman Utama

Warna : Abu - abu

Gambar 3.12 Perancangan Antarmuka Halaman Sejarah

F02 Header

 Klik home

(52)

Warna : Abu – abu

Gambar 3.13 Perancangan Antarmuka Halaman Visi dan Misi

F03 Header

 Klik home

(53)

Warna : Abu – abu

Gambar 3.14 Perancangan Antarmuka Halaman Struktur Organisasi Sekolah

F04 Header

 Klik home

(54)

Warna : Abu - abu

Gambar 3.15 Perancangan Antarmuka Halaman Listing Guru

F05 Header

 Klik home

(55)

Warna : Abu - abu

Gambar 3.16 Perancangan Antarmuka Halaman Listing Siswa

F06 Header

 Klik home

(56)

Warna : Abu - abu

Gambar 3.17 Perancangan Antarmuka Halaman Lupa Password

F07 Header

Masukan Username Anda

Username :

 Klik home

 Klik struktur untuk menuju

(57)

Warna : Abu - abu

Gambar 3.18 Perancangan Antarmuka Halaman Berita

F08 Header

Footer Listing Guru

Listing Siswa

Berita

Game

ISI

 Klik home untuk menuju F01

 Klik sejarah untuk menuju F02

 Klik Visi Misi untuk menuju F03

 Klik struktur untuk menuju F04

 Klik Listing guru untuk menuju F05

 Klik Listing siswa untuk menuju F06

 Klik lupa password untuk menuju F07

(58)

Perancangan Antar Muka Admin

Warna : Abu - abu

Gambar 3.19 Perancangan Antarmuka Halaman Admin

FA Header Tambah Berita

Berita

Game ISI

Home Listing Guru Listing Siswa

(59)

Warna : Abu - abu

FA1 Header Tambah Berita

Berita Game

ISI Home Listing Guru Listing Siswa

(60)

Warna : Abu - abu

Berita Game

(61)

Warna : Abu - abu

Gambar 3.22 Perancangan Antarmuka Halaman Tambah Anggota

FA3 Header

Footer Tambah Anggota

Edit Anggota Hapus Anggota Tambah Berita

Berita Game

Silahkan Tambah Anggota Baru

Tanggal Lahir :

Alamat :

Email :

Status :

 Klik home untuk

Pilih salah satu

Daftar Reset

Admin

(62)

Warna : Abu - abu

Gambar 3.23 Perancangan Antarmuka Halaman Edit Anggota

Berita

Game

(63)

Warna : Abu - abu

Gambar 3.24 Perancangan Antarmuka Halaman Hapus Anggota

Berita

Game ISI

(64)

Warna : Abu - abu

Gambar 3.25 Perancangan Antarmuka Halaman Tambah Berita

Berita

Game ISI

(65)

Warna : Abu - abu

Gambar 3.26 Perancangan Antarmuka Halaman Berita

Berita

Game ISI

(66)

Perancangan Antar Muka Guru

Warna : Abu - abu

Gambar 3.27 Perancangan Antarmuka Halaman Utama Guru

Forum Home Listing Guru Listing Siswa

(67)

Warna : Abu - abu

FG1 Header

Listing Guru SMAN 1 Anjatan

(68)

Warna : Abu - abu

FG2 Header

Listing Siswa SMAN 1 Anjatan

(69)

Warna : Abu - abu

Gambar 3.30 Perancangan Antarmuka Halaman Forum

FG3 Header

Forum SMAN1 Anjatan

(70)

Warna : Abu - abu

Gambar 3.31 Perancangan Antarmuka Halaman Upload Materi

Forum Home Listing Guru Listing Siswa

 Klik home

(71)

Warna : Abu - abu

Gambar 3.32 Perancangan Antarmuka Halaman Tambah Berita

FG5 Header

Tambah Berita Terbaru Tentang SMAN 1 Anjatan

Judul :

Post :

(72)

Warna : Abu - abu

Gambar 3.33 Perancangan Antarmuka Halaman Topik Baru Forum

Forum