Aplikasi E-Learning SMA Negeri 1 Anjatan
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.