7/23/2019 Publikasi_06.11.1283

1/15

SAMPUL

APLIKASI E-LEARNING DENGAN MENGGUNAKAN FRAMEWORK

CODEIGNITER DAN MYSQL PADA SMA NEGERI 1 BATURETNO

WONOGIRI JAWA TENGAH

Naskah P!"#kas#

disusun oleh

Ah$a% A&a&' A($aha%"#

)*+11+1,.

K/0a%a

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM

YOGYAKARTA

,)11

7/23/2019 Publikasi_06.11.1283

2/15

LembarPengesahan Naskah Publikasi

NASKAH PUBLIKASI

APLIKASI E-LEARNING DENGAN MENGGUNAKAN FRAMEWORK

CODEIGNITER DAN MYSQL PADA SMA NEGERI 1 BATURETNO

WONOGIRI JAWA TENGAH

disusun oleh

Ah$a% A&a&' A($aha%"#

)*+11+1,.

Ds/& P/$!#$!#&'

A2#/3 S/(4a&( 5 S+S#5 M T

NIK+ 16).),))7

Tanggal 15 April 2011

K/(a& J2sa&

T/kk I&32$a(#ka

I2+ A!as A"# Pa&'/2a5 M+ K$

NIK+ 16).),)1)

7/23/2019 Publikasi_06.11.1283

3/15

E-LEARNINGAPPLICATION USING CODEIGNITER FRAMEWORK AND MYSQL ON

SMA NEGERI 1 BATURETNO WONOGIRI JAWA TENGAH

APLIKASI E-LEARNING DENGAN MENGGUNAKAN FRAMEWORK CODEIGNITERDAN MYSQL PADA SMA NEGERI 1 BATURETNO WONOGIRI JAWA TENGAH

Ahmad Anang Atmahadli

Jurusan Teknik Informatika

STMIK AMIKOM YOYAKA!TA

ABSTRACT

Less maximum process of teaching and learning activities in schools to makestudents learn mastery level is still low. That's because, learning methods and learningmodules that are used are conventional, so that learning is less attractive, eventuallystudents feel bored. One solution to increase interest in student learning is to buildapplications for learning Elearning with !ode"gniter #ramework and $y%&L. t the endof the pro(ect was built a learning Elearning application that illustrates how to build )ebserver that includes* %ystem +esign, $aking pplications, )eb age +esign, "nstallationOn -osting, and !onfiguring pplications.

To overcome these problems need to be explained how to perform well anddirected learning using Elearning. Learning Elearning includes reading articles in theform of a web page, download the material and practice uestions, and practice examuestions. )ith the learning Elearning is expected to assist students 'learning processand improve the skills and knowledge of students, especially students' %$ /E0E1" 2

3aturetno.

+esigning learning Elearning in the %$ /E0E1" 2 3aturetno begins with%ystem +esign and $aking pplication, )eb age +esign for speed of access and niceviews that the students are not bored. "nstallation on )eb -osting for Elearningpplications mengonlinekan. !onfiguring pplications to be used as desired.

The evaluation results from the manufacture of Elearning applications in the%$ /E0E1" 2 3aturetno is expected to run well. The success of making elearningapplications in the %$ /E0E1" 2 3aturetno This will be proved with the success of theschool website creation, presentation materials can be uploaded by teachers, thepresentation of the material can be downloaded by students, Elearning applications canbe accessed via computer clients in the lab school or anywhere else as long as itconnected with "nternet.

Keywo!"* ELearning, %$/ 2 3aturetno, Education.

7/23/2019 Publikasi_06.11.1283

4/15

1+ P/&%ah"a&

Seiring dengan perkem"angan Teknologi Informasi #ang semakin pesat

mengaki"atkan peru"ahan mekanisme pen#ampaian informasi$ %erkem"angan

teknologi internet telah "an#ak mempengaruhi dalam pen#ampaian suatu

informasi$ &ntuk mendapatkan informasi #ang di"utuhkan' kita tidak perlu

mem"uang (aktu dan tenaga untuk datang ke tempat #ang memiliki informasi

terse"ut' melainkan kita dapat memperoleh informasi han#a dengan mengaksesinternet dari manapun dan kapanpun asalkan tersedia la#anan internet$ )engan

adan#a internet manusia dapat "ertukar informasi dengan mudah dan *epat'

tanpa harus "ertemu di suatu tempat han#a untuk men#ampaikan suatu

informasi$ Maka dari itu aplikasi #ang "aik untuk dikem"angkan saat ini adalah e+

,earning$ Sering sekali kegiatan pem"ela-aran mengalami keter"atasan (aktu'

-arak' dan tempat$ Ke"utuhan akan suatu konsep dan mekanisme "ela-ar

menga-ar "er"asis Teknologi Informasi men-adi tidak terelakkan lagi$ Konsep

#ang dikenal dengan se"utan e+,earning ini mem"a(a pengaruh ter-adin#a

proses transformasi pendidikan kon.ensional ke "entuk digital' "aik se*ara isi

dan sistemn#a$ /ara pen#ampaian materi tidak han#a dengan tatap muka tetapi

dapat digantikan dengan menggunakan -aringan$ Materi #ang di"erikan tidak

han#a tulisan statis tetapi -uga dapat "erupa slide presentasi atau .ideo sehingga

le"ih mudah untuk dipahami$ Saat ini konsep e+,earning sudah "an#ak diterima

oleh mas#arakat dunia' ter"ukti dengan marakn#a implementasi e+,earning di

lem"aga pendidikan maupun industri$

&ntuk mem"uat aplikasi e+learning diperlukan suatu soft(are

pem"antu untuk memper*epat pem"uatan aplikasi$ an#ak sekali soft(are untuk

mem"uat suatu program' diantaran#a memiliki kemampuan tersendiri dalam

pengolahan kode program dan -uga interfa*e program #ang mudah untuk

dioperasikan user pem"uat aplikasi$ menurut pengalaman se"agai programmer'

Aptana Studio merupakan soft(are #ang ter"aik$ Aptana Studio adalah suatu

integrated de.elopment en.ironment I)3 untuk mem"uat aplikasi "er"asis (e"

#ang menggunakan "ahasa pemrograman diantaran#a Ja.aS*ript' !u"#' %4%

and %#thon$ )alam proses pem"uatan aplikasi diperlukan peran*angan aplikasi

7/23/2019 Publikasi_06.11.1283

5/15

terle"uh dahulu' engan demikian diperlukanmetode pemodelan #ang tepat$

&nified Modelling ,anguage &M,3 adalah se"uah "ahasa #g telah men-adi

standar dalam industri untuk .isualisasi' meran*ang dan mendokumentasikan

sistem piranti lunak$ &M, mena(arkan se"uah standar untuk meran*ang model

se"uah sistem$ )engan menggunakan &M, kita dapat mem"uat model untuk

semua -enis aplikasi piranti lunak' dimana aplikasi terse"ut dapat "er-alan pada

piranti keras' sistem operasi dan -aringan apapun' serta ditulis dalam "ahasa

pemrograman apapun$

,+ La&%asa& T/2#

,+1 K&s/0

,+,+1 S#s(/$

Konsep dasar dari sistem adalah sekumpulan item+item #ang saling

"erinteraksi dan "eker-a sama untuk men*apai tu-uan #ang sama$ Se"uah

sistem dapat kita temukan dalam keseharian kita seperti sistem pen*ernaan'

sistem pernafasan dan masih "an#ak lagi sistem #ang lain$ 6amun deskripsi

mengenai sistem tidak selalu sama karena sistem akan terus "erkem"ang

sesuai dengan konteks kegunaan dari se"uah sistem$

,+,+, S3(8a2/

Se*ara umum perangkat lunak software3 ter"agi men-adi dua #aitu

sistem operasi dan perangkat lunak aplikasi$ Sistem operasi digunakan untuk

menerima perintah dasar #ang di"erikan se"agai masukan$ Sedangkan

perangkat lunak aplikasi merupakan program siap pakai #ang digunakan

untuk aplikasi pada "idang tertentu$

,+,+. E"/9(2 L/a2&' :E-L/a2&';

Sistem %em"ela-aran lektronik atau + %em"ela-aran Elearning3

adalah *ara "aru dalam proses "ela-ar menga-ar$ Elearning merupakan

dasar dan konsekuensi logis dari perkem"angan teknologi informasi dankomunikasi sehingga proses pem"ela-aran dapat dilakukan se*ara -arak

-auh$ ela-ar -arak -auh dapat diklasifikasikan "erdasarkan kegiatan antar

guru7instruktur dengan murid ke dalam dua "entuk #akni synchronous

learning danasynchronous learning.

ela-ar -arak -auh dengan "entuk synchronous adalah "entuk "ela-ar

#ang terpisah -arak antara guru dan murid' tetapi dilakukan se*ara

"ersamaan$ Sedangkan menurut )eSantis "ela-ar -arak -auh dengan "entuk

asynchronousadalah model "ela-ar terpisah antara guru dengan murid dan

dilakukan tidak se*ara "ersamaan sehingga sis(a dapat mengatur sendiri

7/23/2019 Publikasi_06.11.1283

6/15

ke*epatan (aktu "ela-arn#a$ )alam model ini "aik aspek ruang maupun

aspek (aktu tidak men-adi kepedulian dia"aikan3$ Sis(a mengatur sendiri

ke"utuhan "ahan "ela-arn#a dan mengatur sendiri ke*epatan "ela-arn#a$

)engan demikian' "aik materi "ela-ar maupun ke*epatan "ela-arn#a

sepenuhn#a men-adi keputusan 7 pilihan sis(a$

,+,+7 P/2a&9a&'a& B/22#/&(as# O!/2

8e" ser.er merupakan se"uah perangkat lunak ser.er #ang "erfungsi

menerima permintaan 4TT% atau 4TT%S dari klien #ang dikenal dengan

(e" "ro(ser dan mengirimkan#a kem"ali dalam "entuk dokumen 4TM,$

,+.+, Da(a!as/ S/2>/2

)ata"ase ser.er adalah se"uah program komputer #ang men#ediakan

la#anan pengelolaan "asis data dan mela#ani komputer atau program

7/23/2019 Publikasi_06.11.1283

7/15

aplikasi "asis data #ang menggunakan model client5server$ Istilah ini -uga

meru-uk kepada se"uah komputer umumn#a merupakan ser.er3 #ang

didedikasikan untuk men-alankan program #ang "ersangkutan$ Ada

"e"erapa data"ase ser.er #ang sering digunakan dalam pem"uatan aplikasi$

6amun penggunaan data"ase ser.er -uga diklasifikasikan "erdasarkan

ke"utuhan dari aplikasi$

,+.+. F2a$/82k

#ramework adalah suatu struktur konseptual dasar #ang digunakan

untuk meme*ahkan atau menangani suatu masalah kompleks$ Se*ara

sederhana frame(ork "isa dideskripsikan se"agai sekumpulan

perintah7fungsi dasar #ang dapat mem"antu dalam men#elesaikan proses+

proses #ang le"ih kompleks$

9rame(ork sendiri sangat "er"eda dengan li"rari' li"rari le"ih

diperuntukkan untuk tu-uan tertentu sa-a' sedangkan frame(ork "ersifat

men#eluruh untuk mengatur "agaimana kita mem"angun aplikasi$

9rame(ork memungkinkan pengem"ang untuk mem"angun aplikasi le"ih

*epat' karena pengem"ang developer3 han#a akan fokus pada kasus

aplikasi #ang sedang diker-akan sa-a' sedangkan hal penun-ang lain#a

seperti koneksi data"ase' validation' security pada umumn#a telah

disediakan oleh framework$

,+.+7 C%/ I'(/2

/ode Igniter adalah salah satu framework#angpowerfulldengan ukuran

file #ang relatif ke*il di"andingkan dengan frame(ok %4% lainn#a$ /ode

Igniter diperuntukkan "agi programmer %4% #ang memerlukan se"uah

frame(ork #ang sederhana akan tetapi mampu untuk mem"uat se"uah

aplikasi #ang memiliki fitur lengkap$ !ode "gniter sendiri sudah menggunakan

paradigma pemrogrmaan "erorientasi o"-ek$

!ode "gniter merupakan framework #ang sudah mendukung M:/

$odel 6iew !ontroller3$ %ada a(aln#a /ode Igniter di"uat oleh !i*k llis'

pendiri dan /O llis,a"$*om$ 6amun saat ini /ode Igniter dikem"angkan

oleh komunitas dan dise"arkan ke seluruh dunia dengan lisensi "e"as$

.+ A&a"#s#s %a& P/2a&9a&'a& S#s(/$

.+1 Sejarah SMAN 1 Baturetno

7/23/2019 Publikasi_06.11.1283

8/15

SMA 6egeri aturetno "erdiri pada tanggal ; 6opem"er 1;?=7O7

7/23/2019 Publikasi_06.11.1283

9/15

%elaksanaan ulanganharian

uru dan Sis(aerkas soal ulangandan -a(a"an

pengumuman -ad(alulangan remidial

uru dan Sis(a erkas -ad(al

%elaksanaan ulanganremidial

uru dan Sis(aerkas soal ulangandan -a(a"an

%engumuman -ad(alulangan umum

uru dan Sis(a "erkas -ad(al

%elaksanaan ulanganumum

uru dan Sis(aerkas soal ulangandan -a(a"an

%em"uatan -ad(alsekolah

ag$ Kurikulumdan uru

erkas -ad(al

%engumuman -ad(alsekolah

uru dan Sis(a ,em"ar -ad(al

Masukkan nilai ulanganuru dan ag$Kurikulum

erkas rekap nilaikelas

,aporan nilai sis(auru' ag$Kurikulum' dan8ali Kelas

erkas laporan nilai

%em"agian rapor8ali Kelas dan8ali Murid

!apor

.+. Perancangan UML

!an*angan diagram &M, #ang di"uat pada penelitian kali ini han#a

men*akup > diagram &M, sa-a #aitu use case diagram, class diagram,

seuence diagram, dan communication diagram. 4se case digunakan

untuk men-elaskan apa #ang harus disediakan sistem dari perspektif

pengguna$ !lass diagramdigunakan untuk men-elaskan hu"ungan antar

o"-ek dalam sistem se*ara statis$ %euence diagram digunakan untuk

men-elaskan interaksi antar o"-ek dalam se"uah use case sistem$

Sedangkan communication diagram le"ih fokus men-elaskan hu"ungan

antar o"-ek dalam se"uah use case sistem$ %euence diagram

digenerate dari seuence diagram #ang sudah di"uat se"elumn#a$

.+7 Perancangan Database

)ari tahap analisis permasalahan #ang didapat entitas+entitas

#ang merupakan o"-ek+o"-ek #ang "erhu"ungan dengan aplikasi e

publicinfo$ Setelah ditemukan entitas maka langkah selan-utn#a adalah

mem"erikan atri"ut dan menentukan identifier$ %ada .isual paradigm

7/23/2019 Publikasi_06.11.1283

10/15

identifier di"erikan penanda bold 7tebal8. ,angkah selan-utn#a setelah

menemukan entitas dan atri"ut adalah merelasikan antar entitas$ )ari

hasil data modeling akan diimplementasikan men-adi ta"el+ta"el

data"ase #ang akan digunakan untuk meran*ang aplikasi$

.+= Perancangan Antarmuka Pengguna (User Interface)

Antar muka pengguna merupakan sarana interaksi antara pengguna

dengan komputer$ 9aktor tampilan aplikasi sangat "erpengaruh terhadap

kemudahan user dalam menggunakan aplikasi$ Selain itu peran*angan

antar muka merupakan tahapan #ang tidak kalah penting dari tahapan

pengem"angan sistem$ %eran*angan user interface di"agi men-adi dua

"agian #aitu halaman pu"lik dan halaman userguru'sis(a'admin3$

4alaman %u"lik adalah halaman #ang akan diakses oleh pu"lik se*ara

"e"as$ 4alaman pu"lik diperuntukkan untuk mas#arakat agar "isa

mengakses informasi$ 4alaman user adalah halaman #ang han#a "isa

diakses oleh user #ang sudah terdaftar di aplikasi ELearning$

7+ I$0"/$/&(as# %a& P/$!ahasa&

Implementasi sistem merupakan tahap merealisasikan sistem #ang "aru

dikem"angkan supa#a sistem siap dipergunakan7dioperasikan sesuai

dengan #ang diharapkan$ Tu-uan dari implementasi ini adalah men#iapkan

semua kegiatan penerapan sistem sesuai dengan ran*angan #ang telah

ditentukan$

7+1 K/'#a(a& I$0"/$/&(as# S#s(/$

7+1+1 I$0"/$a&(as# P/$!a(a& Da(a!as/

&ntuk mem"uat dan mengelola data"ase penulis menggunakan

phpm#admin untuk mengimplementasikan data"ase #ang sudah

diran*ang se"elumn#a$7+1+, P/&'/(/sa& P2'2a$

Se"elum program diterapkan' maka program harus "e"as dari

kesalahan+kesalahan$ Kesalahan dari program #ang mungkin ter-adi

dapat diklasifikasikan dalam tiga "entuk kesalahan se"agai "erikut@

Kesalahan "ahasa %yntax error 3 adalah kesalahan didalam penulisan

source code #ang tidak sesuai dengan #ang dis#aratkan$ %ada aplikasi e

ublicinfo kesalahan "ahasa %yntax error3 telah diselesaikan dengan

meru"ah kesalahan penulisan pada program$

7/23/2019 Publikasi_06.11.1283

11/15

Kesalahan (aktu proses runtimeerror3 kesalahan #ang ter-adi

(aktu eksekusi kode program$ Kesalahan ini men#e"a"kan proses

program "erhenti se"elum selesai pada saatn#a$ Ini dise"a"kan karena

kompiler menemukan kondisi+kondisi #ang "elum terpenuhi #ang tidak

"isa diker-akan$ %ada aplikasi e+pu"li*info kesalahan (aktu proses telah

diselesaikan dengan meru"ah kesalahan penulisan kode program$

Kesalahan logika logical error3 adalah kesalahan dari logika

program #ang di"uat$ Kesalahan seperti ini sulit ditemukan karena tidak

ada pem"eritahuan mengenai kesalahan #ang ter-adi' namun hasil dari

eksekusi program tidak sesui dengan #ang diharapkan$

>$1$= P/&'/(/sa& S#s(/$%engetesan sistem dilakukan untuk memeriksa kekompakan

antara komponen sistem #ang diimplementasikan$ Tu-uan utama

pengetesan sistem adalah untuk memastikan "ah(a elemen+elemen

dari sistem "eker-a sesuai dengan #ang diharapkan$ %engetesan perlu

dilakukan untuk men*ari kesalahan+kesalahan atau kelemahan+

kelemahan #ang mungkin ter-adi$ %engetesan sistem merupakan

pengetesan program se*ara keseluruhan$ Kegiatan dalam pengetesan

sistem adalah @

1$ %engetesan sistem dengan *ara men-alanan sistem$

2$ %engetesan dengan *ara pengentrian' pengu"ahan data entri' dan

penghapusan data$

=$ %engetesan user interface dengan user' untuk memastikan apakah

tampilan aplikasi dan langkah+langkah pengoperasian mudah dipahami

oleh user$

1$ U

7/23/2019 Publikasi_06.11.1283

12/15

e$ Kesalahan instalasi dan tu-uan akhir dari aplikasi$

f$ erikut adalah *ontoh pengetesan dengan menggunakan metode

"la*k "o pada saat registrasi user se"agai pemohon$

g$ 9orm &pload Materi

Gambar 4. 1 orm 0"a% $a(/2#

Saat dikirim data tidak dilengkapi$

Ga$!a2 7+ , @a"#%as# #&0(

,+ U

7/23/2019 Publikasi_06.11.1283

13/15

7+, P/$!ahasa&

%rangkat lunak #ang digunakan disini menggunakan script %4% dengan

framework /odeIgniter$ Alasan menggunakan framework /odeIgniter adalah

karena /odeIgniter adalah framework #ang "er"asis M:/ pattern dan mudah

untuk digunakan dengan dokumentasi #ang lengkap dan mudah dipela-ari "agi

pengem"ang sistem "erikutn#a$ Alasan menggunakan M:/ karena sistem ini

akan memerlukan "an#ak peru"ahan di view' karena websiteakan le"ih menarik

-ika desain tampilann#a makin lama makin "aik$ )an dengan M:/ kita "isa

mem"angun "e"erapa sistem dengan model #ang sudah ada sehingga sistem

terse"ut akan terintegrasi dengan sendirin#a$

1+ M%/"Model adalah classclass #ang "erhu"ungan dengan transaksi

/!&) pada database dan mengolah data$ 6ama+nama class #ang

terdapat pada applikasi ini diantaran#a@

Ta!/" 7+ 1 Da3(a2 #$%""$%/"

Na$a C"ass Na$a F#"/

mBkar#a(an mBkar#a(an$php

mBsis(a mBsis(a$php

mBpela-aran mBpela-aran$php

mBmateri mBmateri$php

mB-ad(al mB-ad(al$php

mBkelas mBkelas$php

mBpengumuman mBpengumuman$php

mBkonsultasi mBkonsultasi$php

mBtugas mBtugas$php

mBuser mBuser$php

&' ()ew 6iew adalah user interface #ang akan menampilkan data hasil

pengolahan kepada pengguna$ )alam view tidak terdapat class' tapi

han#a "erupa scriptphp untuk menampilkan data dari controller$ erikut

nama+name file view#ang ada dalam aplikasi ini@

Ta!/" 7+ , Da3(a2 3#"/ *)ew

Na$a F#"/ K/(/2a&'a&

home$php 4alaman )epan

inde$php 9ile induk untuk menampilkan header'

menu' content' dan footer

7/23/2019 Publikasi_06.11.1283

14/15

-ad(al$php

konsultasi$php

materi$php

na.igasi$php Menu dan formlogin

pengumuman$php

tugas$php

u"ahpass(ord$php

+' Co,o$$e

!ontrolleradalah se"uah class#ang menghu"ungkan antara viewdan model' difungsikan untuk penge*ekan session#ang mengatur hak

akses useratas view#ang akan ditampilkan$ 4an#a terdapat satu

controllerdalam aplikasi ini #aitu #$%""/"/a2&'dalam file

9&(2""/2s/"/a2&'+0h0

=+ P/&(0

=+ 1K/s#$0"a&

)ari hasil pem"uatan aplikasi elearning dan penelitian #ang dilakukan

penulis dapat menarik "e"erapa kesimpulan$

1$ /odeIgniter dapat digunakan untuk mem"uat aplikasi ELearning di

SMA6 1 aturetno$

2$ Metode syncronous Learning dapat diterapkan pada aplikasi E

Learning dalam hal pem"erian materi' dan konsultasi antara sis(a

dengan guru$

=$ M:/ pattern sangat memudahkan dalam pem"uatan aplikasi ELearning

di SMA6 1 aturetno

=+ ,Sa2a&

%enulis sangat men#adari "ah(a dalam pem"uatan aplikasi dan laporan ini

masih "an#ak terdapat kekurangan$ erikut adalah "e"erapa saran #ang

disampaikan oleh penulis$

1$ Aplikasi #ang "aru sa#a dikem"angkan ini masih dapat dikem"angkan

untuk "agian fitur agar le"ih mem"antu untuk kegiatan akademik sekolah$

2$ agi para pengem"ang #ang akan mengem"angkan apalikasi ELearning'

pengem"angan aplikasi ini akan le"ih mudah karena struktur kode

aplikasi menggunakan framework*odeigniter sehingga le"ih mudah untuk

7/23/2019 Publikasi_06.11.1283

15/15

memahami struktur kode dari aplikasi$ Selain itu pattern M:/ #ang

digunakan oleh penulis untuk mem"uat aplikasi akan sangat mem"antu

dalam mengu"ah' menam"ah' dan mela*ak kesalahan #ang mungkin

ter-adi pada aplikasi ELearning.ersi selan-utn#a$

DAFTAR PUSTAKA

EllisLab, "nc. !ode"gniter 4ser 0uide 6ersion 2.9.:' http@77*odeigniter$*om7userBguide7'

diakes tanggal 02 Okto"er 2010$

9o(ler' Martin$ 4$L +istilled Edisi ;$

4all#' Mike$ 2005$ Electronic brains5%tories from the dawn of the computer age $ ,ondon@

ritish road*asting /orporation and ranta ooks$ IS6 1+$

http@77((($fsf$org7' diakes tanggal 02 Okto"er 2010$

http@77((($gnu$org7li*enses7gpl$html' diakes tanggal 01 Okto"er 2010$

http@77((($(=s*hools$*om7-s7-sBintro$asp' diakes tanggal 02 Okto"er 2010$

John Tuke#$ 2000$ Statisti*ianD !oined the )ord '%oftware'$ 6e( York Times$

%r0dig#$*om$ 200>$ Yog#akarta@ raha

Ilmu$