IMPLEMENTASI WEBSITE E-LEARNING BERBASIS FRAMEWORK

IMPLEMENTASI WEBSITE E-LEARNING BERBASIS FRAMEWORK
CODEIGNITER UNTUK SMK NEGRI 3 BALIKPAPAN
TUGAS AKHIR
disusun oleh
Mucklis Sidiq Nurhasan
07.01.2239
JURUSAN TEKNIK INFORMATIKA
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
AMIKOM
YOGYAKARTA
2013
IMPLEMENTASI WEBSITE E-LEARNING BERBASIS FRAMEWORK CODEIGNITER
UNTUK SMK NEGRI 3 BALIKPAPAN
IMPLEMENTATION OF WEBSITE E-LEARNING BASED ON CODEIGNITER
FRAMEWORK FOR SMK NEGRI 3 BALIKPAPAN.
Mucklis Sidiq Nurhasan
Anggit Dwi Hartanto
Jurusan Teknik Informatika
STMIK AMIKOM YOGYAKARTA
ABSTRACT
SMK Negri 3 Balikpapan is a vocational high school in the city of
Balikpapan East Kalimantan province. For schools that have enough students,
then it should SMK Negri 3 Balikpapan has an e-learning web application or
online learning system to help distribute learning materials to the students and
about the school.
SMK Negri 3 Balikpapan is one school that has a number of vocational
programs are numerous and students at the school has increased the number
every year. Not infrequently students did not get lessons because the teacher who
could not attend for various reasons so the vacancy learning time for students.
There are also students who are unable to attend school for a reason so that
students lose instructional material.
The combination of PHP, JQuery Codeiniter and will greatly assist in the
creation of e-learning application, which can help minimize the vacancies and
learning time.
Keywords: Web e-learning, e-learning
CodeIgniter, CodeIgniter Web Application.
Web
Applications,
Application
1.
Latar Belakang
SMK Negri 3 Balikpapan merupakan suatu sekolah menengah kejuruan
yang berada di kota Balikpapan provinsi Kalimantan timur. Sebagai sekolah yang
mempunyai murid cukup banyak, maka sudah seharusnya SMK Negri 3
Balikpapan mempunyai aplikasi web e-learning atau sistem pembelajaran online
untuk membantu mendistribusikan materi pembelajaran dan soal kepada murid di
sekolah tersebut.
SMK Negri 3 Balikpapan merupakan salah satu sekolah yang memiliki
jumlah program kejuruan yang cukup banyak dan murid di sekolah tersebut
mengalami kenaikan jumlah setiap tahunnya. Tidak jarang murid yang tidak
mendapatkan pelajaran karna guru yang tidak bisa hadir dengan berbagai alasan
sehingga terjadinya kekosongan waktu belajar bagi para murid. Ada pula murid
yang berhalangan hadir ke sekolah dengan alasan tertentu sehingga murid
kehilangan materi pembelajaran.
Perpaduan antara PHP, Codeiniter dan JQuery akan sangat membantu
dalam proses pembuatan aplikasi website e-learning, sehingga dapat membantu
dan meminimalisir kekosongan waktu belajar mengajar.
Berdasarkan latar belakang tersebut maka penulis mengambil tugas akhir
dengan
judul
“Implementasi
Website
E-Learning
Codeigniter Untuk SMK Negri 3 Balikpapan”
Berbasis
Framework
2.
Rumusan Masalah
Perumusan masalah merupakan hal yang sangat penting didalam suatu
penelitian, karena berarti seorang penulis telah mengidentifikasi persoalan yang
akan diteliti, sehingga sasaran yang hendak dicapai menjadi jelas, tegas, terarah
dan dapat mencapai sasaran yang diharapkan. Berdasarkan latar belakang di atas,
maka penulis merumuskan masalah yang akan digunakan dalam penulisan ini,
sebagai berikut :
Bagaimana cara membuat dan mengimplementasikan aplikasi e-learning
berbasis web pada SMK Negri 3 Balikpapan?
3.
Batasan Masalah
Berdasarkan rumusan masalah yang telah diuraikan diatas, maka penulis
membatasi masalah hanya pada web aplikasi E-Learning yang saat ini dibutuhkan
agar tidak meluas dan lebih terfokus nantinya. Adapun batasan-batasan penelitian
pada pengolahan web aplikasi E-Learning tersebut adalah :
1. Pengolahan data guru
2. Pengolahan data materi
3. Aplikasi dibuat dengan menggunakan PHP 4 – PHP 5
4. Aplikasi dibuat dengan Framework Codeigniter versi 2.0.2
5. Tampilan web untuk pengguna
Adapun software yang digunakan untuk membuat web aplikasi E-Learning
ini adalah Notepad ++, Xampp, Photoshop CS3, PHPMyAdmin, Mozilla Firefox,
Adobe Dreamweaver CS3
4.
Pembahasan
4.1
Use Case Diagram
Gambar 1 Use Case Diagram Murid
Gambar 2 Use Case Diagram Guru
Gambar 3 Use Case Diagram Administrator
Gambar 4 Use Case Diagram Hyper Admin
Diatas adalah gambar-gambar untuk Use case diagram system yang
diusulkan. Terdiri dari 4 gambar, dimana pada sistem ini ada 4 aktor yang
berperan diantaranya murid, guru, administrator dan hyper admin.
4.2
Normalisasi dan Relasi Antar Tabel
4.2.1 Normalisasi Tahap Pertama
Gambar 5 Normalisasi Bentuk Pertama (1NF)
Diatas adalah gambar untuk normalisasi bentuk pertama. Diatas adalah entitasentitas yang belum ada artinya sebelum dinormalisasikan ke tahap kedua.
4.2.2 Normalisasi Tahap Kedua
Gambar 6 Normalisasi Bentuk Kedua (2NF)
Diatas adalah gambar untuk normalisasi bentuk kedua. Diatas merupakan tabeltabel awal yang mempunyai primary key saja, sehingga tidak ada hubungan dengan
antar table.
4.2.3 Normalisasi Tahap Ketiga
Gambar 7 Normalisasi Bentuk Ketiga (3NF)
Diatas adalah gambar untuk normalisasi bentuk ketiga. Diatas merupakan tabeltabel yang mempunyai primary key dan foreign key, sehingga memungkinkan adanya
hubungan dengan antar table.
4.2.4 Tabel Relasi Antar Tabel Database
Gambar 8 Relasi Antar Database
Diatas adalah gambar untuk relasi antar database. Diatas merupakan hubungan
antar table yang merupakan primary key dan foreign key.
4.3
Implementasi Program
Implementasi sistem merupakan bentuk program yang dijalankan pada
sistem yang dibuat.
3.2.1. Implementasi Halama admin dan Hyper admin
Gambar 9 Login Hyper admin dan Administrator
Halaman login hyper admin dan administrator berguna sebagai pintu
masuk menuju ke halaman dashboard. Pada halaman dashboard, seorang
hyper admin dan administrator bisa mengelola website ini.
Gambar 10 Halaman Dashboard Homepage
Halaman dashboard adalah tampilan awal setelah login.Di halaman ini
terlihat berbagai menu untuk mengatur website, mengatur data guru dan
murid dan mengatur data materi.
Gambar 11 Halaman Dashboard Daftar Guru
Pada halaman dashboard daftar guru, administrator maupun hyper
admin dapat mengelola guru seperti delete guru, tambah guru, edit guru.
Gambar 12 Halaman Dashboard Daftar Siswa
Halaman ini berfungsi untuk kelola siswa. Hyper admin dan
administrator dapat melakukan delete siswa, update siswa, tambah siswa,
dan dapat memasang foto profil untuk siswa.
Gambar 13 Halaman Dashboard Daftar Mata Pelajaran
Pada halaman ini tersedia menu untuk menambah, mengedit,
menghapus mata pelajaran. Daftar Mata pelajaran hanya bisa di kelola oleh
administrator dan hyper admin sehingga guru hanya dapat memilih mata
pelajaran untuk membuat soal dan upload materi.
Gambar 14 Halaman Dashboard Daftar Kelas
Halaman ini tersedia dengan menu tambah kelas, delete kelas, dan edit
kelas. Hal ini memudahkan administrator maupun hyper admin untuk
melakukan pengelolaan kelas.
3.2.2. Implementasi Halaman Siswa
Gambar 15 Halaman Daftar Kuis Siswa
Pada halaman ini, siswa dapat melihat nilai dari tugas yang telah
dikerjakannya. Siswa juga akan mendapatkan notifikasi di halaman ini jika
guru memberi soal.
Gambar 16 Halaman Download Materi Siswa
Halaman ini digunakan oleh siswa ketika siswa akan mendownload
materi. Ketika siswa klick download materi, maka akan tampil pesan proses
download materi.
3.2.3. Implementasi Halaman Guru
Gambar 17 Halaman Hompage Guru
Halaman ini akan muncul ketika guru berhasil login. Pada halaman
ini, tersedia beberapa menu untuk menyampaikan materi maupun soal
kepada murid.
Gambar 18 Halaman Daftar Soal
Pada halaman ini, semua soal baik yang belum selesai dibuat atau
yang sudah dibuat oleh guru akan tertampung disini. Di halaman ini
tersedia menu lihat soal, buat soal, lihat nilai, dan delete soal. Menu lihat
soal bertujuan untuk melihat apakan soal tersedia atau tidak. Menu buat
soal berguna untuk membuat soal dan menambah soal. Menu lihat nilai
akan menampilkan dafta nilai dari siswa yang telah mengerjakan soal
tersebut. Menu delete soal untuk menghapus soal. Ada menu set selesai
pada halaman ini, menu ini bertujuan untuk mengirimkan soal kepada
murid.
Gambar 19 Halaman Daftar Materi
Halaman ini berfungsi untuk menampilkan materi yang telah diupload
oleh seorang guru. Pada halaman ini disediakan menu detail, edit, delete,
dan upload sehingga guru dapat dengan mudah mengelola materi.
5.
Kesimpulan
Setelah semua pembahasan dan penjelasan materi maupun implementasi
program dikemukakan, maka penulis menarik kesimpulan mengenai pokok
permasalahan bab-bab sebelumnya :
1. Website sebagai media pembelajaran dan penyampaian materi serta
informasi bagi SMK Negri 3 Balikpapan.
2. Website dengan sistem e-learning merupakan solusi yang tepat bagi
SMK Negri 3 Balikpapan yang selama ini hanya melakukan aktifitas
belajar mengajar dengan sistem manual yaitu dengan bertatap muka.
Namun sistem yang dahulu tetap berjalan hanya saja ditambah dengan
sistem baru sehingga proses belajar dan mengajar akan semakin
mudah.
3. Dengan adanya website ini, masalah proses belajar mengajar dengan
tidak ada pengajar dapat teratasi dengan catatan seorang pengajar harus
memberikan materi maupun soal yang akan diberikan pada pelajar
melalui website dengan sistem e-learning.
6
Saran
Beberapa saran yang dapat diberikan penulis untuk proses pelaksanaan dan
pengembangan aplikasi website ini selanjutnya adalah sebagai berikut.
1. Rutin melakukan pemeliharaan web setelah diupload ke internet.
2. Faktor keamanan data sangat penting maka dari itu pengembangan
seterusnya perlu lebih memperhatikan segi keamanan data.
3. Pengembangan sistem pembelajaran dapat mengikuti teknologi yang
terus berkembang dan penambahan fitur terhadap sistem ini juga
sangat diperlukan.
DAFTAR PUSTAKA
.
Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi untuk
Keunggulan Bersaing Perusahaan dan Organisasi Modern. Yogyakarta:
Andi.
Arief, M Rudyanto.2006. Pemrograman Basis Data Menggunakan Transact-SQL
dengan Microsoft SQL Server 2000. Yogyakarta : Andi.
Basuki, Awan P. 2010. Membangun web berbasis PHP dengan Framework
Codeigniter. Yogyakarta:Lokomedia.
Shalahuddin M, Rosa AS.2011.Modul Pembelajaran Rekayasa Perangkat Lunak
(Terstruktur dan Berorientasi Objek).Bandung: Penerbit Modula.
Sholiq.2006.Pemodelan Sistem Informasi Berorientasi Objek dengan UML.
Yogyakarta: Graha Ilmu.
Stephen, Agustinus. 2005. Belajar Sendiri Mendesain dan Mengembangkan
Website dengan Macromedia Dreamweaver MX 2004. Jakarta: PT Elex
Media Komputindo.
Sunyoto, Andi.2007.AJAX Membangun Web dengan Teknologi Asynchronouse
JavaScript dan XML.Yogyakarta:Andi.
Whitten, Jeffery L. 2004. Metode Desain dan Analisis Sistem edisi 6.Yogyakarta:
Andi.
Widhi, Antonius Nugraha. 2010. CodeIgniter:Cara Mudah Membangun Aplikasi
PHP.Jakarta:Mediakita.