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

2001 – 2003 : - Anggota Pramuka SDN 2 Semuli Jaya 2011 –2012 : - Pengurus HMIF UNIKOM


(5)

Nama : Rauzal

Tempat&Tanggal Lahir : Aceh, 24 Oktober 1990

Jenis Kelamin : Laki - Laki

Tinggi Badan : 165cm

Berat Badan : 50 kg

Kewarganegaraan : Indonesia

Status : Belum Kawin

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

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

2003 – 2006 : - Anggota Pramuka SLTPN 1 Muara Batu -Anggota Paskibra SLTPN 1 Muara Batu 2009 – Sekarang : - Pengurus HMIF UNIKOM


(6)

Nama : Wijaya Ramdhani

Tempat&Tanggal Lahir : Indramayu, 21 Maret 1992

Jenis Kelamin : Laki - Laki

Tinggi Badan : 175cm

Berat Badan : 85kg

Kewarganegaraan : Indonesia

Status : Belum Kawin

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

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

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 Regional Bandung


(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/ http://www.w3schools.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 semua pihak yang membutuhkan.


(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 E-Learning berbasis web di SMA Negeri 1 Anjatan.


(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 data user.


(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 cara pengumpulan data, diantaranya :


(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 didefinisikan kebutuhan yang harus dipenuhi oleh aplikasi yang akan


(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 laporan kerja praktek ini adalah sebagai berikut :


(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 laporan kerja praktek.


(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 Manajemen Berbasis Sekolah (MBS).


(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 Bapak Wardiman Djoyonegoro), di Teluk Naga (Kota Madya Banten) dengan


(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 memimpin sampai dengan awal semester ganjil tahun pelajaran 2011/2012 (4


(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)

Periode : Thn 1992 s.d Thn 1994

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) Periode : Thn 1997 s.d Thn 1999 8. Nama : Drs. Junedi (Pymt)


(24)

9. Nama : Drs. H. Masduki Ahmad (Definitif) Periode : Thn 2000 s.d Thn 2003

10. Nama : Drs. H. Somana (Definitfi) Periode : Thn 2003 s.d Thn 2006

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) Periode : Thn 2006 s.d Thn 2007

13. Nama : Drs. Wintomo, M.Pd (Definitif) Periode : Thn 2006 s.d Thn 2011

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 masing-masing, diantaranya :


(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 pada karyawannya atau pembelajaran jarak jauh yang dikelola oleh universitas dan


(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, misalnya file disket, file harddisk, file pita magnetik. Data store juga berkaitan


(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 dengan cepat dan mudah.


(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 elemen yang sama, atribut yang sama, namun berbeda nilai datanya.


(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 Query Language). SQL adalah sebuah konsep pengoperasian database, terutama


(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 mendetail serta sandi terenkripsi.


(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 warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen.CSS


(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 menggunakan bahasa server seperti ASP, ASP.NET, ColdFusion Markup Language(CFML), JSP dan PHP.


(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 pemberian materi dapat dilakukan secara terkomputerisasi dan dapat diakses


(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

Buku Catatan


(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 utama yaitu entitas dan relasi. Kedua komponen tersebut dideskripsikan lebih


(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 Materi Forum Mengambil Menyiapkan Mengakses Mengakses no judul Mata_pelaj aran keterangan materi uploadby tglupload ID_topik nama email topik isi ID_replay tanggal Jenis_kel amin Tanggal_ lahir alamat Nama_le ngkap password username email tgldaftar User_id Guru Jenis_kel amin Tanggal_ lahir alamat Nama_le ngkap password username email tgldaftar User_id N 1 N 1 M N 1 N kelas Nama _guru Berita No judulber ita isi penulis tglposting Membuat N 1

Gambar 3.3 Entity Relationalship Diagram

III.1.6 Analisis Kebutuhan Fungsional III.1.6.1 Diagram Konteks

Sistem E-Learning Guru Siswa Data Pribadi Data Materi

Info Data Pribadi

Data Pribadi Info Data Pribadi

Materi Data Forum

Data Forum 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

1.0 Pendaftaran

2.0 Login

3.0 Pemberian

Materi

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

Menu Login

5.0 Pengolahan

Data User

Menu Pengolahan Data Posting Topik, Komentar

Data Materi

6.0 Berita

Posting Berita

Posting Berita

Data Berita

Data Berita

Data Berita

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

Input Data pendaftaran guru, siswa Output Info data pendaftaran guru, siswa Destination 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 Username

Password

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

3. Nama Data login siswa

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 Password nama_lengkap jenis_kelamin tanggal_lahir alamat email [A...Z|a...z|0...9] [A...Z|a...z|0...9] [A...Z|a...z] [A...Z|a...z] [0...9] [A...Z|a...z|0...9] [A...Z|a...z|0...9]

5. Nama Data guru

Deskripsi Data yang berisi profil guru yang diubah

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

Username Password nama_lengkap jenis_kelamin tanggal_lahir alamat email [A...Z|a...z|0...9] [A...Z|a...z|0...9] [A...Z|a...z] [A...Z|a...z] [0...9] [A...Z|a...z|0...9] [A...Z|a...z|0...9]

6. Nama Data siswa

Deskripsi Data yang berisi profil siswa yang diubah

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

Username Password nama_lengkap jenis_kelamin tanggal_lahir alamat email [A...Z|a...z|0...9] [A...Z|a...z|0...9] [A...Z|a...z] [A...Z|a...z] [0...9] [A...Z|a...z|0...9] [A...Z|a...z|0...9]


(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

No Nama Field Type Keterangan

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

No Nama Field Type Keterangan

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

No Nama Field Type Keterangan

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 administrator dalam menggunakan sistem. Menu-menu tersebut akan dimunculkan


(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

Footer Listing Guru

Listing Siswa

Berita

Username

Password Login

Lupa Password

Game ISI

Home Sejarah Visi Misi Struktur

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 login untuk

menuju FA/FG/FS jika tidak valid muncul M01 Klik lupa

password untuk menuju F07

Klik berita terbaru untuk menuju F8


(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

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial Warna : Abu - abu

Gambar 3.12 Perancangan Antarmuka Halaman Sejarah

F02 Header

Footer Listing Guru

Listing Siswa

Berita

Username

Password Login

Lupa Password

Game ISI

Home Sejarah Visi Misi Struktur

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 login untuk

menuju FA/FG/FS jika tidak valid muncul M01 Klik lupa

password untuk menuju F08

Klik berita terbaru untuk menuju F09


(52)

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial Warna : Abu – abu

Gambar 3.13 Perancangan Antarmuka Halaman Visi dan Misi

F03 Header

Footer Listing Guru

Listing Siswa

Berita

Username

Password Login

Lupa Password

Game ISI

Home Sejarah Visi Misi Struktur

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 login untuk

menuju FA/FG/FS jika tidak valid muncul M01 Klik lupa

password untuk menuju F07 Klik berita

terbaru untuk menuju F08


(53)

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial Warna : Abu – abu Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial Warna : Abu – abu

Gambar 3.14 Perancangan Antarmuka Halaman Struktur Organisasi Sekolah

F04 Header

Footer Listing Guru

Listing Siswa

Berita

Username

Password Login

Lupa Password

Game ISI

Home Sejarah Visi Misi Struktur

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 login untuk

menuju FA/FG/FS jika tidak valid muncul M01 Klik lupa

password untuk menuju F07 Klik berita

terbaru untuk menuju F08


(54)

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial Warna : Abu - abu

Gambar 3.15 Perancangan Antarmuka Halaman Listing Guru

F05 Header

Footer Listing Guru

Listing Siswa

Berita

Username

Password Login

Lupa Password

Game ISI

Home Sejarah Visi Misi Struktur

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 login untuk

menuju FA/FG/FS jika tidak valid muncul M01 Klik lupa

password untuk menuju F07 Klik berita

terbaru untuk menuju F08


(55)

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial Warna : Abu - abu

Gambar 3.16 Perancangan Antarmuka Halaman Listing Siswa

F06 Header

Footer Listing Guru

Listing Siswa

Berita

Username

Password Login

Lupa Password

Game ISI

Home Sejarah Visi Misi Struktur

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 login untuk

menuju FA/FG/FS jika tidak valid muncul M01 Klik lupa

password untuk menuju F07 Klik berita

terbaru untuk menuju F08


(56)

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial Warna : Abu - abu

Gambar 3.17 Perancangan Antarmuka Halaman Lupa Password

F07 Header

Footer Listing Guru

Listing Siswa

Berita

Game Lupa Password

Masukan Username Anda Username :

Home Sejarah Visi Misi Struktur

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 login untuk

menuju FA/FG/FS jika tidak valid muncul M01 Klik lupa

password untuk menuju F07 Klik berita

terbaru untuk menuju F08 Lanjutkan Batal


(57)

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial Warna : Abu - abu

Gambar 3.18 Perancangan Antarmuka Halaman Berita

F08 Header

Footer Listing Guru

Listing Siswa

Berita

Game

ISI

Home Sejarah Visi Misi Struktur

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 Klik berita

terbaru untuk menuju F08


(58)

Perancangan Antar Muka Admin

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial Warna : Abu - abu

Gambar 3.19 Perancangan Antarmuka Halaman Admin

FA Header

Footer Menu

Tambah Anggota Edit Anggota Hapus Anggota Tambah Berita

Berita

Game ISI

Home Listing Guru Listing Siswa

Klik home untuk menuju FA

Klik Listing guru untuk menuju FA1 Klik Listing

siswa untuk menuju FA2

Klik Tambah Anggota untuk menuju FA3

Klik Edit Anggota untuk menuju ke FA4

Klik Hapus Anggota untuk menuju FA5

Klik Tambah Berita untuk menuju FA6

Klik Logout untuk menuju F01

Klik Berita untuk menuju FA7

Admin


(59)

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial Warna : Abu - abu

Gambar 3.20 Perancangan Antarmuka Halaman Listing Guru

FA1 Header

Footer Menu

Tambah Anggota Edit Anggota Hapus Anggota Tambah Berita

Berita Game

ISI Home Listing Guru Listing Siswa

Klik home untuk menuju FA

Klik Listing guru untuk menuju FA1 Klik Listing

siswa untuk menuju FA2

Klik Tambah Anggota untuk menuju FA3

Klik Edit Anggota untuk menuju ke FA4

Klik Hapus Anggota untuk menuju FA5

Klik Tambah Berita untuk menuju FA6

Klik Logout untuk menuju F01

Klik Berita untuk menuju FA7

Admin


(60)

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial Warna : Abu - abu

Gambar 3.21 Perancangan Antarmuka Halaman Listing Siswa

FA2 Header

Footer Menu

Tambah Anggota Edit Anggota Hapus Anggota Tambah Berita

Berita Game

ISI Home Listing Guru Listing Siswa

Klik home untuk menuju FA

Klik Listing guru untuk menuju FA1 Klik Listing

siswa untuk menuju FA2

Klik Tambah Anggota untuk menuju FA3

Klik Edit Anggota untuk menuju ke FA4

Klik Hapus Anggota untuk menuju FA5

Klik Tambah Berita untuk menuju FA6

Klik Logout untuk menuju F01

Klik Berita untuk menuju FA7

Admin


(61)

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial 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

Username : Password : Confirm : Nama :

Jenis kelamin : Pria Wanita Tanggal Lahir :

Alamat : Email : Status :

Home Listing Guru Listing Siswa

Klik home untuk menuju FA Klik Listing

guru untuk menuju FA1 Klik Listing

siswa untuk menuju FA2

Klik Tambah Anggota untuk menuju FA3

Klik Edit Anggota untuk menuju ke FA4

Klik Hapus Anggota untuk menuju FA5

Klik Tambah Berita untuk menuju FA6

Klik Logout untuk menuju F01

Klik Berita untuk menuju FA7

Pilih salah satu

Daftar Reset

Admin


(62)

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial Warna : Abu - abu

Gambar 3.23 Perancangan Antarmuka Halaman Edit Anggota

FA4 Header

Footer Menu

Tambah Anggota Edit Anggota Hapus Anggota Tambah Berita

Berita

Game

ISI Home Listing Guru Listing Siswa

Klik home untuk menuju FA Klik Listing

guru untuk menuju FA1 Klik Listing

siswa untuk menuju FA2

Klik Tambah Anggota untuk menuju FA3

Klik Edit Anggota untuk menuju ke FA4, jika berhasil muncul pesan M03

Klik Hapus Anggota untuk menuju FA5

Klik Tambah Berita untuk menuju FA6

Klik Logout untuk menuju F01

Klik Berita untuk menuju FA7


(63)

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial Warna : Abu - abu

Gambar 3.24 Perancangan Antarmuka Halaman Hapus Anggota

FA5 Header

Footer Menu

Tambah Anggota Edit Anggota Hapus Anggota Tambah Berita

Berita

Game ISI

Home Listing Guru Listing Siswa

Klik home untuk menuju FA Klik Listing

guru untuk menuju FA1 Klik Listing

siswa untuk menuju FA2

Klik Tambah Anggota untuk menuju FA3

Klik Edit Anggota untuk menuju ke FA4

Klik Hapus Anggota untuk menuju FA5, valid muncul M04

Klik Tambah Berita untuk menuju FA6

Klik Logout untuk menuju F01

Klik Berita untuk menuju FA7

Admin


(64)

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial Warna : Abu - abu

Gambar 3.25 Perancangan Antarmuka Halaman Tambah Berita

FA6 Header

Footer Menu

Tambah Anggota Edit Anggota Hapus Anggota Tambah Berita

Berita

Game ISI

Home Listing Guru Listing Siswa

Klik home untuk menuju FA Klik Listing

guru untuk menuju FA1 Klik Listing

siswa untuk menuju FA2

Klik Tambah Anggota untuk menuju FA3

Klik Edit Anggota untuk menuju ke FA4

Klik Hapus Anggota untuk menuju FA5

Klik Tambah Berita untuk menuju FA6, valid muncul pesan M05

Klik Logout untuk menuju F01

Klik Berita untuk menuju FA7

Admin


(65)

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial Warna : Abu - abu

Gambar 3.26 Perancangan Antarmuka Halaman Berita

FA7 Header

Footer Menu

Tambah Anggota Edit Anggota Hapus Anggota Tambah Berita

Berita

Game ISI

Home Listing Guru Listing Siswa

Klik home untuk menuju FA Klik Listing

guru untuk menuju FA1 Klik Listing

siswa untuk menuju FA2

Klik Tambah Anggota untuk menuju FA3

Klik Edit Anggota untuk menuju ke FA4

Klik Hapus Anggota untuk menuju FA5

Klik Tambah Berita untuk menuju FA6

Klik Logout untuk menuju F01

Klik Berita untuk menuju FA7

Admin


(66)

Perancangan Antar Muka Guru

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial Warna : Abu - abu

Gambar 3.27 Perancangan Antarmuka Halaman Utama Guru

Forum FG Header

Footer Guru

Upload Materi Tambah Berita Buat Topik Forum

Logout

Berita

Game

ISI Home Listing Guru Listing Siswa

Klik home untuk menuju FG

Klik Listing guru untuk menuju FG1 Klik Listing

siswa untuk menuju FG2 Klik Forum

untuk menuju FG3

Klik Upload Materi untuk menuju FG4

Klik Tambah Berita untuk menuju FG5

Klik Buat Topik Forum untuk menuju FG6

Klik Logout untuk menuju F01

Klik Berita untuk menuju FG7


(67)

Keterangan perancangan antar muka

Ukuran Layar : Default 1024 X 768 Ukuran dan Jenis Font : 14 dan Arial Warna : Abu - abu

Gambar 3.28 Perancangan Antarmuka Halaman Listing Guru

FG1 Header

Footer Guru

Upload Materi Tambah Berita Buat Topik Forum

Logout

Berita

Game

Listing Guru SMAN 1 Anjatan

Home Listing Guru Listing Siswa

Klik home untuk menuju FG

Klik Listing guru untuk menuju FG1 Klik Listing

siswa untuk menuju FG2 Klik Forum

untuk menuju FG3

Klik Upload Materi untuk menuju FG4

Klik Tambah Berita untuk menuju FG5

Klik Buat Topik Forum untuk menuju FG6

Klik Logout untuk menuju F01

Klik Berita untuk menuju FG7


(1)

2. Jika data yang dimasukan salah maka sistem akan menunjukkan data yang salah dengan perubahan warna garis kotak isian menjadi berwarna merah dan tombol simpan tidak dapat berfungsi.

Dengan kata lain bahwa pembangunan sistem ini bebas kesalahan dan secara fungsional mengeluarkan hasil yang sesuai dengan yang diharapkan.

III.4.4 Pengujian Betha

Pengujian beta merupakan pengujian yang dilakukan secara objektif dimana pengujian dilakukan secara langsung kepada responden dengan cara memberikan kuesioner pada calon pengguna perangkat lunak yang dibangun. Adapun beberapa poin yang diteliti adalah :

a. Aplikasi e-learning ini mudah dipelajari dan mudah digunakan.

b. Aplikasi e-learning ini dapat memudahkan guru dalam mendistribusikan materi pelajaran.

c. Aplikasi e-learning ini dapat memudahkan siswa dalam memperoleh materi pelajaran.

d. Aplikasi e-learning ini dapat meningkatkan interaksi antara guru dan siswa di luar jam pelajaran melalui forum diskusi.

Dari beberapa poin yang diteliti diatas, maka diajukan beberapa pertanyaan kepada masing – masing level pengguna.

Level pengguna

Pertanyaan Skala jawaban

Guru a. Aplikasi e-learning ini mudah dipelajari dan mudah digunakan.

b. Aplikasi e-learning ini dapat memudahkan guru dalam mendistribusikan materi pelajaran.

a. Sangat Setuju b. Setuju c. Cukup Setuju d. Biasa Saja e. Kurang Setuju f. Tidak Setuju g. Sangat Tidak Setuju


(2)

c. Aplikasi e-learning ini dapat memudahkan siswa dalam memperoleh materi pelajaran.

d. Aplikasi e-learning ini dapat meningkatkan interaksi antara guru dan siswa di luar jam pelajaran melalui forum diskusi. Siswa a. Aplikasi e-learning ini

mudah dipelajari dan mudah digunakan.

b. Aplikasi e-learning ini dapat memudahkan siswa dalam memperoleh materi pelajaran.

c. Aplikasi e-learning ini dapat meningkatkan interaksi antara guru dan siswa di luar jam pelajaran melalui forum diskusi.

a. Sangat Setuju b. Setuju c. Cukup Setuju d. Biasa Saja e. Kurang Setuju f. Tidak Setuju g. Sangat Tidak Setuju

Tabel 4.30 Pertanyaan kuisioner

Berdasarkan data hasil kusioner tersebut, dapat dicari prosentase masing- masing jawaban dengan menggunakan rumus : Y = P/Q * 100

Keterangan : P = Banyaknya jawaban responden tiap soal. Q = Jumlah responden

Y = Nilai prosentase


(3)

disimpulkan dengan pengujian yang dilakukan secara wawancara.

1. Pertanyaan diajukan kepada semua level pengguna (Guru dan Siswa). Pertanyaan yang diajukan yaitu “Aplikasi e-learning ini mudah dipelajari dan mudah digunakan?” Berikut adalah hasil pengujiannya.

Level

Responden Pilihan Keterangan

Jumlah

Responden Prosentase (%)

Guru, Siswa

a Sangat Setuju 21 70

b Setuju 6 20

c Cukup Setuju 3 10

d Biasa Saja 0 0

e Kurang Setuju 0 0

f Tidak Setuju 0 0

g Sangat Tidak Setuju 0 0

Jumlah 30 100

Tabel 4.31 Pertanyaan Ke-1

2. Pertanyaan diajukan kepada Guru. Pertanyaan yang diajukan yaitu

“Apakah aplikasi e-learning ini dapat memudahkan guru dalam mendistribusikan materi pelajaran?”. Berikut adalah hasil pengujiannya.

Level

Responden Pilihan Keterangan

Jumlah

Responden Prosentase (%)

Guru, Siswa

a Sangat Setuju 10 66.67.

b Setuju 3 20

c Cukup Setuju 2 13.33

d Biasa Saja 0 0

e Kurang Setuju 0 0

f Tidak Setuju 0 0

g Sangat Tidak Setuju 0 0

Jumlah 15 100

Tabel 4.32 Pertanyaan Ke-2

3. Pertanyaan diajukan kepada Guru dan Siswa. Pertanyaan yang diajukan yaitu “Apakah aplikasi e-learning ini dapat meningkatkan interaksi antara guru dan siswa di luar jam pelajaran melalui forum diskusi?”. Berikut adalah hasil pengujiannya.


(4)

Level

Responden Pilihan Keterangan

Jumlah

Responden Prosentase (%)

Guru, Siswa

a Sangat Setuju 20 66.67

b Setuju 4 13.33

c Cukup Setuju 3 10

d Biasa Saja 3 10

e Kurang Setuju 0 0

f Tidak Setuju 0 0

g Sangat Tidak Setuju 0 0

Jumlah 30 100

Tabel 4.33 Pertanyaan Ke-3

4. Pertanyaan diajukan kepada Siswa. Pertanyaan yang diajukan yaitu

“Apakah aplikasi e-learning ini dapat memudahkan siswa dalam memperoleh materi pelajaran”. Berikut adalah hasil pengujiannya.

Level

Responden Pilihan Keterangan

Jumlah

Responden Prosentase (%)

Guru, Siswa

a Sangat Setuju 11 73.33

b Setuju 3 20

c Cukup Setuju 1 6.67

d Biasa Saja 0 0

e Kurang Setuju 0 0

f Tidak Setuju 0 0

g Sangat Tidak Setuju 0 0

Jumlah 15 100

Tabel 4.34 Pertanyaan Ke-4

5. Hasil pengujian terhadap admin yang dilakukan secara wawancara :

a. Menurut Anda, apakah aplikasi e-learning ini mudah dipelajari dan mudah digunakan?

Berdasarkan hasil wawancara diatas, admin menjawab Setuju maka dapat disimpulkan bahwa aplikasi e-learning ini mudah dipelajari dan mudah digunakan.

b. Menurut Anda, apakah aplikasi e-learning ini membantu mengolah data siswa?


(5)

Berdasarkan hasil wawancara diatas, admin menjawab Setuju maka dapat disimpulkan bahwa aplikasi e-learning ini membantu mengolah data siswa.

c. Menurut Anda, apakah aplikasi e-learning ini membantu mengolah data guru?

Berdasarkan hasil wawancara diatas, admin menjawab Setuju maka dapat disimpulkan bahwa aplikasi e-learning ini membantu mengolah data guru.

III.4.5 Hasil Pengujian Betha

Berdasarkan pengujian beta diatas, bahwa dapat diambil kesimpulan bahwa:

a. Aplikasi e-learning ini mudah dipelajari dan mudah digunakan.

b. Aplikasi e-learning ini dapat memudahkan guru dalam mendistribusikan materi pelajaran.

c. Aplikasi e-learning ini dapat memudahkan siswa dalam memperoleh materi pelajaran.

d. Aplikasi e-learning ini dapat meningkatkan interaksi antara guru dan siswa di luar jam pelajaran melalui forum diskusi.


(6)

92

diperoleh setelah dilakukan analisis, desain, dan implementasi dari perancangan perangkat lunak yang dibangun dan telah dikembangkan serta saran-saran yang akan memberikan catatan penting dan kemungkinan perbaikan yang perlu dilakukan untuk pengembangan perangkat lunak selanjutnya.

IV.1 Kesimpulan

Setelah melakukan analisis, perancangan, dan pengujian, maka dapat diperoleh kesimpulan sebagai berikut :

a. Aplikasi e-learning ini dapat memudahkan guru dalam mendistribusikan materi pelajaran.

b. Aplikasi e-learning ini dapat memudahkan siswa dalam memperoleh materi pelajaran.

c. Aplikasi e-learning ini dapat meningkatkan interaksi antara guru dan siswa di luar jam pelajaran melalui forum diskusi.

IV.2 Saran

Untuk pengembangan aplikasi E-Learning Management System ini, ada beberapa saran yang dapat dilakukan:

1. Menambahkan fasilitas chatting sehingga pembelajaran juga dapat dilakukan secara berinteraksi langsung baik itu melalui jaringan internet maupun jaringan intranet.