perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
i
APLIKASI SMART CLIENT UNTUK MENGAKSES E-LEARNING
BERBASIS WEB SERVICE
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat mencapai gelar Ahli Madya Program
Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu pengetahuan Alam
Universitas Sebelas Maret
Disusun oleh:
AKBAR GINANJAR BANGUN JIWO
NIM. M3108019
PROGRAM DIPLOMA III ILMU KOMPUTER
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
2011
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
ii
HALAMAN PERSETUJUAN
APLIKASI SMART CLIENT UNTUK MENGAKSES E-LEARNING
BERBASIS WEB SERVICE
Disusun Oleh:
AKBAR GINANJAR BANGUN JIWO
NIM. M3108019
Tugas Akhir ini telah disetujui untuk dipertahankan
di hadapan dewan penguji
Pada tanggal ___________________
Pembimbing Utama
(Wiharto, S.T., M.Kom.)
NIP. 19750210200801 1005
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
iii
HALAMAN PENGESAHAN
APLIKASI SMART CLIENT UNTUK MENGAKSES E-LEARNING
BERBASIS WEB SERVICE
Disusun oleh
AKBAR GINANJAR BANGUN JIWO
NIM. M3108019
Dibimbing oleh :
Pembimbing Utama
Wiharto, S.T., M.Kom.
NIP. 19750210200801 1005
Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir
Prorgam Diploma III Ilmu Komputer
pada hari Jumat tanggal 8 Juli 2011
Dewan Penguji
1. Penguji 1 Wiharto, S.T., M.Kom. ( )
NIP. 19750210200801 1005
2. Penguji 2 Didiek Sri Wiyono, S.T, M.T ( )
NIP. 19750331 200501 1 001
3. Penguji 3 Tutut Maitanti, S.Si ( )
NIDN. 0625058501
Disahkan Oleh
Dekan Ketua Program Studi
Fakultas MIPA UNS Diploma III Ilmu Komputer
Ir. Ari Handono Ramelan, M.Sc (Hons), PhD. Drs. Y.S Palgunadi, M.Sc
NIP. 19610223 198601 1 001 NIP. 19560407 198303 1 004
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
iv
ABSTRACT
Akbar Ginanjar Bangun Jiwo. 2011. SMART CLIENT
APPLICATIONS TO ACCESS E-LEARNING BASED WEB SERVICE.
DIII Computer Science Program. Mathematics and Natural Sciences Faculty.
Sebelas Maret University.
Ease of access information becomes the basis of that education can be
made anywhere one through mobile devices. The choice of mobile devices as a
media accessor of educational contents because it is so close with the owner so
anytime, anywhere, information can be accessed through these devices. Depart
from it, the goal of this final project is to build a web service that takes e-learning,
building smart client applications that take advantage of the availability of the
web service, and tested the performance of applications that have been built.
With the methods of literature studies, the authors tried to collect
different kinds of information relating to the development of systems that enable
accessible information through mobile devices. Continued with designing.
Proceed with development of e-learning web services and smart client
applications that take advantage of the availability of e-learning web service is.
Accompanied by testing the performance of smart client applications with access
speed parameters. The program was developed by J2ME and MySQL was used to
arrange the database.
At the end, e-learning web service can be utilized by smart client
applications in order to access the expansion of e-learning. In addition,
performance measurement it is also done with speed parameters based on the
measurement time of each process.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
v
HALAMAN ABSTRAK
Akbar Ginanjar Bangun Jiwo. 2011. APLIKASI SMART CLIENT
UNTUK MENGAKSES E-LEARNING BERBASIS WEB SERVICE.
Program DIII Ilmu Komputer. Fakultas Matematika dan Ilmu Pengetahuan
Alam. Universitas Sebelas Maret Surakarta.
Kemudahan akses informasi menjadi dasar bahwa pendidikan dapat
dilakukan dimanapun salah satunya melalui perangkat mobile. Dipilihnya
perangkat mobile sebagai media pengakses konten pendidikan karena begitu
lekatnya dengan sang pemilik sehingga kapanpun, dimanapun, informasi dapat
diakses melalui perangkat tersebut. Berangkat dari itu maka tujuan dari tugas
akhir ini untuk membangun web service e-learning yang diperlukan, membangun
aplikasi smart client yang memanfaatkan tersedianya web service tersebut, dan
melakukan pengujian terhadap kinerja aplikasi yang telah dibangun.
Dengan metode studi literatur penulis mencoba mengumpulkan bebagai
macam informasi bekaitan dengan penyediaan sistem yang memungkinkan
diaksesnya informasi melalui perangkat mobile. Diteruskan dengan pembuatan
rancangan. Dilanjutkan dengan pembangunan web service e-learning dan aplikasi
smart client yang memanfaatkan tersedianya web service e-learning tersebut.
Disertai pula dengan testing kinerja aplikasi smart client dengan parameter
kecepatan akses. Program ini dibangun dengan J2ME dan MySQL digunakan
untuk menyusun database-nya.
Pada akhirnya web service e-learning dapat dimanfaatkan oleh aplikasi
smart client dalam rangka perluasan akses e-learning. Disamping itu, pengukuran
kinerja juga dilakukan dengan parameter kecepatan bedasarkan pengukuran waktu
setiap proses.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
vi
HALAMAN MOTTO
Mencoba hal baru itu asyik maka cobalah
Meski sekarang sulit tapi yakinlah kalau besok mudah
Dan .. waktu yang paling tepat untuk memulai semua itu adalah SEKARANG
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
vii
KATA PENGANTAR
Puji syukur bagi Allah SWT yang telah memberikan anugerah, rahmat,
serta hidayah-Nya hingga penulis dapat menyelesaikan Tugas Akhir dengan judul
” APLIKASI SMART CLIENT UNTUK MENGAKSES E-LEARNING
BERBASIS WEB SERVICE ”.
Tugas Akhir ini dibuat untuk memenuhi persyaratan memperoleh gelar
Ahli Madya.
Penulis mengucapkan terima kasih yang sebesar-besarnya kepada
semua pihak yang telah membantu dalam penyelesaian Tugas Akhir ini, terutama
kepada :
1. Drs. YS Palgunadi, M.Sc, selaku Ketua Program Diploma III Ilmu
Komputer Universitas Sebelas Maret Surakarta.
2. Wiharto, S.T., M.Kom, selaku dosen pembimbing yang telah
memberikan bimbingan, saran, dan petunjuk dalam pencapaian
tujuan Tugas Akhir ini dan proses pembuatan laporannya.
3. Keluarga terutama mama yang selalu memberikan dukungan dalam
proses pengerjaan laporan ini.
4. Teman-teman TI A 2008, yang telah memberikan saran dan
bantuan dalam penyelesaian Tugas Akhir ini.
5. Berbagai pihak yang telah membantu dalam penyelesaian Tugas
Akhir ini, yang tidak dapat penulis sebutkan satu per satu.
Semoga laporan ini dapat memberikan manfaat kepada kita semua.
Surakarta, Juni 2011
Penulis,
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
viii
DAFTAR ISI
HALAMAN PERSETUJUAN ................................................................................ ii
HALAMAN PENGESAHAN ................................................................................ iii
ABSTRACT ........................................................................................................... iv
HALAMAN ABSTRAK ......................................................................................... v
HALAMAN MOTTO ............................................................................................ vi
KATA PENGANTAR .......................................................................................... vii
DAFTAR ISI ........................................................................................................ viii
DAFTAR TABEL .................................................................................................. xi
DAFTAR GAMBAR ............................................................................................ xii
BAB I PENDAHULUAN ....................................................................................... 1
1.1 Latar Belakang Masalah ............................................................ 1
1.2 Perumusan Masalah ................................................................... 2
1.3 Batasan Masalah ........................................................................ 2
1.4 Tujuan dan manfaat ................................................................... 2
1.5 Metodologi Penelitian ................................................................ 3
1.6 Sistematika Penulisan ................................................................ 3
BAB II LANDASAN TEORI ................................................................................. 5
2.1 E-Learning ................................................................................. 5
2.2 Mobile Learning ........................................................................ 6
2.3 Web Service ............................................................................... 6
2.3.1 SOAP (Simple Object Access Protocol) ............................ 6
2.3.2 WSDL (Web Service Definition Language) ...................... 7
2.3.3 UDDI (Universal Description, Discovery & Integration) .. 7
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
ix
2.4 Smart Client ............................................................................... 7
2.5 UML (Unified Modeling Language) ......................................... 8
2.6 Framework ............................................................................... 12
2.7 CodeIgniter .............................................................................. 13
BAB III DESAIN DAN PERANCANGAN ......................................................... 14
3.1 Analisis Sistem ........................................................................ 14
3.2 Deskripsi Aktor ........................................................................ 14
3.3 Tugas Aktor ............................................................................. 15
3.4 Usecase Diagram ..................................................................... 15
3.5 Class Diagram .......................................................................... 17
3.6 Activity Diagram ..................................................................... 22
3.7 Sequence Diagram ................................................................... 34
3.8 Perancangan Database ............................................................. 46
3.9 Penjelasan Tabel-tabel ............................................................. 47
3.10 Perancangan Interface .............................................................. 52
3.10.1 Interface Admin .............................................................. 52
3.10.2 Interface untuk Client ..................................................... 53
3.11 Rancangan Arsitektur Aplikasi ................................................ 54
3.12 Rancangan Web service ........................................................... 55
BAB IV IMPLEMENTASI DAN ANALISA ...................................................... 57
4.1 IMPLEMENTASI .................................................................... 57
4.1.1 Langkah-langkah Implementasi ....................................... 57
4.2 HASIL IMPLEMENTASI ....................................................... 57
4.2.1 Interface Admin ................................................................ 57
4.2.2 Interface User ................................................................... 60
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
x
4.2.3 Interface Lecturer ............................................................. 60
4.2.4 Interface Learner ............................................................... 64
4.3 Pengujian Kinerja Aplikasi Smart Client................................. 66
BAB V PENUTUP ................................................................................................ 68
5.1 Kesimpulan .............................................................................. 68
5.2 Saran ........................................................................................ 68
DAFTAR PUSTAKA ........................................................................................... 69
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xi
DAFTAR TABEL
Tabel 2.1 Simbol Use-case Diagram ...................................................................... 9
Tabel 2.2 Simbol Activity Diagram ....................................................................... 10
Tabel 2.3 Simbol Class Diagram .......................................................................... 11
Tabel 2.4 Simbol Sequence Diagram .................................................................... 12
Tabel 3.1 Deskripsi Aktor ..................................................................................... 14
Tabel 3.2 Tugas Aktor........................................................................................... 15
Tabel 3.3 Tabel announcement ............................................................................. 47
Tabel 3.4 Tabel announcement_lecturer............................................................... 47
Tabel 3.5 Tabel lecturer ........................................................................................ 48
Tabel 3.6 Tabel learner ......................................................................................... 48
Tabel 3.7 Tabel admin........................................................................................... 49
Tabel 3.8 Tabel course .......................................................................................... 49
Tabel 3.9 Tabel course_lecturer ............................................................................ 49
Tabel 3.10 Tabel course_learner .......................................................................... 50
Tabel 3.11 Tabel learning_material ..................................................................... 50
Tabel 3.12 Tabel task_file ..................................................................................... 51
Tabel 3.13 Tabel login_session ............................................................................. 51
Tabel 3.14 Tabel file_material .............................................................................. 51
Tabel 3.15 Tabel Rancangan Web Service ............................................................ 55
Tabel 4.1 Hasil Pengujian Kinerja Aplikasi Smart Client .................................... 67
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xii
DAFTAR GAMBAR
Gambar 1.1. Pelanggan Mobile Cellular di Indonesia ............................................ 1
Gambar 1.2. CodeIgniter Application Flow Chart ................................................ 13
Gambar 3.1. Admin Usecase Diargam .................................................................. 15
Gambar 3.2. Client User Usecase Diagram .......................................................... 16
Gambar 3.3. Class Diagram Admin Login ........................................................... 17
Gambar 3.4. Class Diagram Task ......................................................................... 18
Gambar 3.5. Class Diagram Announcement ......................................................... 19
Gambar 3.6. Class Diagram User .......................................................................... 20
Gambar 3.7. Class Diagram Material .................................................................... 21
Gambar 3.8. Activity Diagram Login ................................................................... 22
Gambar 3.9. Activity Diagram Manage Admin Announcement Add .................. 22
Gambar 3.10. Activity Diagram Manage Admin Announcement Delete ............. 23
Gambar 3.11. Activity Diagram Manage Admin Announcement Update ............ 23
Gambar 3.12. Activity Diagram Manage User Add ............................................. 24
Gambar 3.13. Activity Diagram Manage User Update ......................................... 24
Gambar 3.14. Activity Diagram Manage User Delete .......................................... 25
Gambar 3.15. Activity Diagram Manage Course Add .......................................... 25
Gambar 3.16. Activity Diagram Manage Course Update ..................................... 26
Gambar 3.17. Activity Diagram Manage Course Select Lecturer ........................ 26
Gambar 3.18. Activity Diagram Manage Material Add ....................................... 27
Gambar 3.19. Activity Diagram Manage Material Update Text .......................... 27
Gambar 3.20. Activity Diagram Manage Material Update File............................ 28
Gambar 3.21. Activity Diagram Manage Material Delete File ............................. 29
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xiii
Gambar 3.22. Activity Diagram Manage Material Delete Material ..................... 30
Gambar 3.23. Activity Diagram View Learner List ............................................. 30
Gambar 3.24. Activity Diagram View Admin Announcement............................. 31
Gambar 3.25. Activity Diagram View Learning Announcement ......................... 31
Gambar 3.26. Activity Diagram Download Learner Task .................................... 32
Gambar 3.27. Activity Diagram View Learning Material .................................... 33
Gambar 3.28. Activity Diagram Take Course ...................................................... 33
Gambar 3.29. Activity Diagram Upload Task ...................................................... 34
Gambar 3.30. Sequence Login Admin .................................................................. 34
Gambar 3.31. Sequence Manage Admin Announcement Add ............................. 35
Gambar 3.32. Sequence Manage Admin Announcement Delete .......................... 35
Gambar 3.33. Sequence Manage Admin Announcement Update......................... 35
Gambar 3.34. Sequence Manage Course Add ...................................................... 36
Gambar 3.35. Sequence Manage Course Update .................................................. 36
Gambar 3.36. Sequence Manage Course Set Lecturer .......................................... 37
Gambar 3.37. Sequence View Course................................................................... 37
Gambar 3.38. Sequence Manage User Add .......................................................... 38
Gambar 3.39. Sequence Manage User Delete ....................................................... 38
Gambar 3.40. Sequence Manage User Update...................................................... 39
Gambar 3.41. Sequence View User ...................................................................... 39
Gambar 3.42. Sequence Login Admin .................................................................. 40
Gambar 3.43. Sequence Manage Learning Announcement Add .......................... 40
Gambar 3.44. Sequence Manage Learning Announcement Update ..................... 41
Gambar 3.45. Sequence Manage Learning Announcement Delete ...................... 41
Gambar 3.46. Sequence Manage Learning Material Add ..................................... 42
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xiv
Gambar 3.47. Sequence Manage Learning Material Delete ................................. 42
Gambar 3.48. Sequence Manage Learning Material Update ................................ 43
Gambar 3.49. Sequence View Learner List .......................................................... 43
Gambar 3.50. Sequence Download Learner Task ................................................. 44
Gambar 3.51. Sequence Upload Task ................................................................... 44
Gambar 3.52. Sequence Take Course ................................................................... 44
Gambar 3.53. Sequence View Admin Announcement ......................................... 45
Gambar 3.54. Sequence View Learning Announcement ...................................... 45
Gambar 3.55. Schema Diagram ............................................................................ 46
Gambar 3.56. Rancangan interface login admin ................................................... 52
Gambar 3.57. Rancangan interface admin panel .................................................. 53
Gambar 3.58. Rancangan interface J2ME client .................................................. 53
Gambar 3.59. Rancangan Arsitektur Aplikasi ...................................................... 54
Gambar 4.1. Tampilan Halaman Login ................................................................ 58
Gambar 4.2. Tampilan Menu Admin Panel .......................................................... 58
Gambar 4.3. View User Learner ........................................................................... 59
Gambar 4.4. View Course List .............................................................................. 59
Gambar 4.5. View Announcement ......................................................................... 59
Gambar 4.6. Login dari J2ME Client .................................................................... 60
Gambar 4.7. Lecturer Menu .................................................................................. 60
Gambar 4.8. Judul Pengumuman Admin .............................................................. 61
Gambar 4.9. Detail Pengumuman Admin ............................................................. 61
Gambar 4.10. Tambah Materi ............................................................................... 62
Gambar 4.11. Update Materi ................................................................................ 62
Gambar 4.12. Update dan Delete .......................................................................... 62
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xv
Gambar 4.13. Learner List .................................................................................... 63
Gambar 4.14. Download Task ............................................................................... 63
Gambar 4.15. Learner Menu ................................................................................. 64
Gambar 4.16. Tampilan Material .......................................................................... 65
Gambar 4.17. File Browser ................................................................................... 65
Gambar 4.18. Proses Upload Tugas ...................................................................... 66
Gambar 4.19. Take Course.................................................................................... 66
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
1
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Penggunaan perangkat mobile semakin marak. Hal ini dapat dilihat
pada gambar, pelanggan telepon seluler di Indonesia mencapai 159 juta orang
seperti terlihat pada gambar 1.1. Disamping itu, dari sisi produsen juga terus
memberikan inovasi teknologi dan bermacam-macam varian model dari perangkat
mobile.
Gambar 1.1. Pelanggan Mobile Cellular di Indonesia
(sumber : http://www.itu.int/ITU-
D/ict/statistics/material/excel/MobileCellularSubscriptions00-09.xls)
Disisi lain, e-learning masih tergantung pada computer desktop untuk
pengaksesan. Sehingga menjadi kurang fleksibel karena untuk menggunakan
conputer desktop untuk mengakses e-learning tidak semua tempat dapat
digunakan.
2000 2001 2002 2003 2004 2005 2006 2007 2008 2009
Indonesia 3,66 6,52 11,7 18,4 30,3 46,9 63,8 93,3 140, 159,
0
20,000,000
40,000,000
60,000,000
80,000,000
100,000,000
120,000,000
140,000,000
160,000,000
180,000,000
Mo
bil
e c
ell
ula
r su
bsc
rip
tor
Indonesia
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
2
Kondisi seperti ini dapat dimanfaatkan dengan menggabungkan antara
fungsi e-learning dengan portabilitas yang dimiliki perangkat mobile. Perangkat
ini dapat dikatakan selalu melekat dengan kita, sehingga kegiatan belajar dan
mengajar dapat dilakukan dimana saja dan kapan saja selama ada akses internet
dan tidak terpaku pada satu tempat saja. Maka dari penggabungan ini muculah
istilah mobile learning.
Untuk mewujudkan hal itu, sebuah aplikasi yang ditanam pada
perangkat mobile menjadi solusi yang baik. Harapannya, pengaksesan konten
dapat dilakukan dari perangkat mobile sesuai dengan keterbatasan hardware yang
ada.
1.2 Perumusan Masalah
Berdasarkan latar belakang masalah maka dapat disusun perumusan
masalah sebagai berikut :
a. Bagaimana membangun web service e-learning yang diperlukan
oleh aplikasi smart client ?
b. Bagaimana membangun aplikasi smart client dengan memanfaatkan
web service e-learning ?
c. Bagaimana mengukur kinerja aplikasi smart client dalam
mengakses web service ?
1.3 Batasan Masalah
Batasan masalah dalam tugas akhir ini terletak pada penyediaan web
service untuk perluasan akses e-learning. Pembangunan aplikasi mobile yang
dapat mengakses konten e-learning dengan tersedianya web service e-learning
tersebut. Kemudian pengukuran kinerja aplikasi smart client dengan
menggunakan parameter kecepatan proses (upload, download, query dan delete).
1.4 Tujuan dan manfaat
Tujuan dari tugas akhir ini adalah sebagai berikut :
a. Membangun web service e-learning yang diperlukan.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
3
b. Membangun aplikasi smart client yang memanfaatkan tersedianya web service
e-lerning tersebut.
c. Mengukur kinerja dari aplikasi smart client dalam mengakses web service.
Manfaat yang diharapkan dari tugas akhir ini, didapatkannya aplikasi
mobile yang mampu memberikan kemudahan dalam pengaksesan konten e-
learning.
1.5 Metodologi Penelitian
Metode yang digunakan dalam penelitian tugas akhir ini adalah sebagai
berikut :
a. Studi pustaka. Dengan cara mengumpulkan data dari berbagai
macam pustaka yang dapat dipercaya dengan sumber seperti,
internet, jurnal dan buku-buku yang terkait.
b. Pembuatan rancangan. Diagam yang digunakan adalah UML dan
Schema Diagram. Hasil yang diharapkan adalah rancangan yang
mampu menjelaskan bagaimana sistem dibangun.
c. Membangun web service e-learning pada sisi server dengan PHP
dan Aplikasi smart client dengan J2ME. Hasil yang di harapkan
adalah Aplikasi smart client yang dapat mengakses web service e-
learning yang disediakan.
d. Testing terhadap kinerja aplikasi yang telah dibuat. Hasil yang
diharapkan berupa daftar kecepakan proses (upload, download,
query dan delete) dari aplikasi yang dibuat.
1.6 Sistematika Penulisan
Bab I menjelaskan tentang pendahuluan yang ada dalam tugas akhir
ini. Bab I ini terdiri dari Latar Belakang tema tugas akhir ini diangkat, perumusan
masalah, batasan yang terdapat dalam tugas akhir ini, tujuan dan manfaat yang
sekiranya dapat diambil, metodologi untuk mendapatkan hasil yang diharapkan.
Bab II berisi tentang landasan teori yang menjadi acuan dalam tugas
akhir ini, kerangka pemikiran serta hipotesis dalam pemecahan masalah.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
4
Bab III berisi tentang perancangan sistem yang menjadi tugas akhir ini.
Perancangan dimodelkan menggunakan UML diagram dilengkapi dengan Schema
diagram.
Bab IV berisi tentang implementasi dan analisis. Implementasi berisi
tentang hasil penerapan dari rancangan yang sudah dibuat, sedangkan analisis
menjelaskan kinerja sistem setelah diimplementasikan.
Bab V berisi tentang kesimpulan dari keseluruhan proses pembuatan
tugas akhir ini serta saran yang memuat sumbangan pemikiran yang didasarkan
pada kesimpulan yang dibuat.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
5
BAB II
LANDASAN TEORI
2.1 E-Learning
Definisi menurut Darin E. Hartley e-learning merupakan suatu jenis
belajar mengajar yang memungkinkan tersampaikannya bahan ajar ke siswa
dengan menggunakan media internet, intranet atau media jaringan komputer lain
(Hartley, 2001).
Fitur-fitur yang biasanya disediakan dalam sistem e-learning
diantaranya, adalah sebagai berikut :
1. Informasi tentang unit-unit terkait dalam proses belajar mengajar
a. Tujuan dan sasaran
b. Silabus
c. Metode pengajaran
d. Jadwal kuliah
e. Tugas
f. Jadwal Ujian
g. Daftar referensi atau bahan bacaan
h. Profil dan kontak pengajar
2. Kemudahan akses ke sumber referensi
a. Diktat dan catatan kuliah
b. Bahan presentasi
c. Contoh ujian yang lalu
d. FAQ (frequently asked question)
e. Sumber-sumber referensi untuk pengerjaan tugas
f. Situs-situs bermanfaat
g. Artikel-artikel dalam jurnal online
3. Komunikasi dalam kelas
a. Forum diskusi
b. Mailing list diskusi
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
6
c. Papan pengumuman yang menyediakan informasi
(perubahan jadwal kuliah, informasi tugas dan deadlinenya)
4. Sarana untuk melakukan kerja kelompok
a. Sarana untuk sharing file dan direktori dalam kelompok
b. Sarana diskusi untuk mengerjakan tugas dalam kelompok
5. Sistem ujian online dan pengumpulan feedback
Walaupun demikian, belum tentu sebuah sistem e-learning harus
memasukkan semua fitur-fitur tersebut. Pengembangan fitur-fitur e-learning
dilakukan berdasarkan kebutuhkan pengguna yang sebenarnya. (Wahono, 2008)
2.2 Mobile Learning
Menurut Clarck Quinn yang tertulis dalam Boyinbode dan Akinyede
(2008), mobile learning merupakan “the intersection of mobile computing and
elearning : accessible resources wherever you are, strong search capabilities,
rich interaction, powerful support for effective learning, and performance based
assessment. e-learning independent of location in time or space”.(Quinn, ____)
2.3 Web Service
Sebuah web service, menurut Snell dkk (2002), merupakan antarmuka
jaringan yang accessible untuk fungsionalitas sebuah aplikasi dan dibangun
dengan standar teknologi intenet. Dengan kata lain, jika sebuah aplikasi dapat
diakses diatas sebuah jaringan menggunakan kombinasi protokol seperti HTTP,
XML, SMTP atau Jabber, maka dapat disebut web service.
2.3.1 SOAP (Simple Object Access Protocol)
Menurut Snell dkk (2002), data aplikasi yang dikirimkan melalui
transport layer, harus di-package dalam format yang semuanya dapat mengerti.
SOAP merupakan format packaging yang paling umum dan dibangun dengan
XML. SOAP merupakan protokol berbasis XML sehingga memungkinkan
aplikasi bertukar informasi melewati HTTP.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
7
2.3.2 WSDL (Web Service Definition Language)
Web Service, menurut Snell dkk (2002), memungkinkan aplikasi untuk
mencari semua informasi yang dibutuhkan secara dinamis. Standar spesifikasi
yang digunakan untuk mendeskripsikan web service adalah WSDL. Dengan
WSDL sebuah web service dapat mendeskripsikan segala sesuatu tentang yang
dikerjakan, bagimana dikerjakan dan bagimana pengguna web service dapat
menggunakannya.
WSDL mendeskripsikan service dengan menggunakan elemen sebagai
berikut :
a. Type – wadah yang digunakan untuk mendefinisikan tipe data
b. Message – merepresentasikan definisi data yang ditransmisikan
c. Operation – mendefinisikan kemampuan yang didukung oleh servis tertentu
d. Port type – sekumpulan operasi yang didukung oleh satu atau lebih endpoint
e. Binding – mendefinisikan protokol dan format pertakaran data untuk operasi
yang didefinisikan oleh Port type
f. Port – menspesifikasikan end-point yang digunakan untuk binding
g. Service – koleksi endpoint yang berkaitan.
2.3.3 UDDI (Universal Description, Discovery & Integration)
Ketika sebuah WSDL dari web service sudah dibuat, seperti yang
dikatakan Snell dkk (2002), pengguna service tersebut harus dapat mencarinya
supaya dapat menggunakannya. UDDI mendeskripsikan service registry yang
searchable sehingga pengguna web service ini dapat secara otomatis menemukan
service yang dibutuhkan. UDDI memiliki dua bagian: sebuah registry untuk
semua metadata web service dan sebuah set dari definisi tipe port WSDL untuk
memanipulasi dan mencari registry tersebut.
2.4 Smart Client
Sebuah aplikasi dikatakan mengikuti arsitektur Smart Client bila
memiliki beberapa karakteristik kemampuan berikut.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
8
a. Dapat terkoneksi dengan sumber daya luar, seperti jaringan
internet, database server, hingga web service.
b. Memiliki kemampuan bekerja offline dikala koneksi internet dalam
keadaan terputus, termasuk di dalamnya kemampuan untuk
melakukan sinkronisasi data pada saat kembali ke keadaan online.
c. Memudahkan dalam instalasi, pengelolaan, dan pembaruan sistem.
Smart Client hendaknya mengusung kemampuan deployment yang
dinamis, seperti click once installation, automatic update, dan
sebagainya.
d. Tampilan antarmuka pengguna yang lebih fleksibel, performa yang
responsif, dan mendukung operasi-operasi umum yang dimiliki
sistem operasi, seperti drag-and-drop, undo-redo, dan sebagainya.
e. Fleksibilitas peranti, Smart Client menekankan tingkat
fleksibilitasyang khusus dispesifikkan untuk peranti tertentu, seperti
notebook, pocket PC, tablet PC, mobile phone. Dengan demikian,
aplikasi Smart Client dapat memanfaatkan teknologi yang khusus
diimplementasikan pada peranti tersebut, seperti penggunaan touch
pen, transcriber, speech recognation, dan sebagainya.
f. Sekuritas, Smart Client dapat memberikan suatu mekanisme
sekuritas yang mencukupi dengan paradigma sekuritas berlapis.
(Ferdiana, 2008)
2.5 UML (Unified Modeling Language)
Secara singkat, menurut Alhir (2003), UML merupakan sebuah bahasa
visual untuk memodelkan dan mengkomunikasikan tetang sistem perangkat lunak
melalui penggunaan diagram-diargam dan text pendukung. Tiga hal UML penting
dari yaitu adalah sebagai berikut ini :
a. Language, “Without a language, it is difficult for team members to
communicate and collaborate to successfully develop a system.”
b. Model, “Without a model, it is very difficult for team members to have
a common understanding of the requirements and the system, and for
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
9
them to consider the impact of changes that occur while the system is
being developed.”
c. Unified, “Without a common language, it is difficult for new team
members to quickly become productive and contribute to developing a
system.” (Alhir, 2003)
Berikut berbagai diagram yang terdapat dalam UML :
a. Use-case Diagram
Use-case diagram menggambarkan fungsionalitas dari sistem. Use-case
diagram dapat dimisalkan seperti daftar isi untuk kebutuhkan fungsional dari
sebuah sistem. (Alhir, 2003)
Notasi yang ada dalam use-case diagam dapat dilihat pada tabel 2.1.
Tabel 2.1 Simbol Use-case Diagram (Rosa dan Shalahuddin, 2010)
Simbol Deskripsi
Use-case
fungsi-fungsi/proses-proses yang
disediakan aplikasi sebagai unit-unit
yang saling bertukar pesan antar unit
atau aktor. Biasanya dinyatakan
menggunakan kata kerja diawal frasa
nama use-case
Actor / aktor
orang, proses atau aplikasi lain diluar
aplikasi yang dibuat yang berinteraksi
dengan aplikasi yang dibuat ini.
Asosiasi / associacion komunikasi antara aktor dan use-case
yang berpartisipasi pada use-case atau
use-case yang memiliki interaksi
dengan aktor.
extends
relasi use-case tambahan ke sebuah use-
case dimana use-case yang
ditambahkan dapat berdiri sendiri tanpa
use case tambahan itu.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
10
Tabel 2.1 Simbol Use-case Diagram (lanjutan)
generalization
hubungan antara dua buah use-case
dimana fungsi yang satu adalah yang
lebih umum dari lainnya.
include
relasi use-case tambahan ke sebuah
use-case di mana use-case yang
ditambahkan memerlukan use-case ini
untuk menjalankan fungsinya.
b. Activity Diagram
Activity diagram digunakan untuk menjelaskan tanggung jawab
elemen. Activity diagram umumnya dimodelkan bersama dengan sequence
diagram untuk menjelajahi aktivitas dan tanggung jawab dari hubungan antar
elemen.
Tabel 2.2 Simbol Activity Diagram
Simbol Deskripsi
Action State
Menggambarkan proses yang
berlangsung
Initial State
Menujukkan action state yang pertama
dilakukan dalam sebuah activity
diagram
Final State
Menujukkan action state yang terakhir
dilakukan dalam sebuah activity
diagram
Concurrency
Menunjukkan action state ganda
dikerjakan secara serempak
Flow Transition
Menyatakan urutan dari action state
Decision
Pemilihan satu diantara beberapa flow
transition berdasarkan suatu kondisi
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
11
c. Class Diagram
Class diagram menggambarkan struktur sistem secara umum. Class
diagram memodelkan elemen-elemen yang membangun sebuah sistem dan
hubungan antar elemen tersebut. Notasi – notasi yang terdapat dalam class
diagram dapat dilihat pada tabel berikut
Tabel 2.3 Simbol Class Diagram (Rosa dan Shalahuddin, 2010)
Simbol Deskripsi
class
class pada struktur sistem
package
bungkusan dari satu atau lebih class
association
relasi antar class dengan makna umum
assosiasi berarah
relasi antar class dengan makna class
yang satu digunakan oleh class yang
lain
generalization
relasi antar class dengan makna
gerralisasi-spesialisasi (umum khusus)
dependency
relasi antar class dengan makna
kbergantungan antar class
aggregation
relasi antar class dengan makna semua
bagian (whole-part)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
12
d. Sequence Diagram
Tabel 2.4 Simbol Sequence Diagram
Simbol Deskripsi
Object dan class
Object dan class dalam struktur sistem
yang saling berinteraksi.
Lifeline
Siklus hidup sebuah message
berdarsarkan waktu
Message
Komunikasi antar object dimana object
yang satu meminta object yang lain
melakukan sesuatu. Diimplementasikan
dalam bentuk method
Return Message
Balasan yang berisi nilai dari sebuah
object yang menerima message kepada
pengirim.
Self Message
Message dari object kepada object itu
sendiri untuk melakukan sesuatu.
Return self message
Balasan dari self message yang berisi
nilai kepada object itu sendiri.
2.6 Framework
Framwork merupakan kerangka kerja untuk memudahakan pembuatan
aplikasi sehingga memudahkan proses perubahan dan dapat digunakan kembali
untuk membuat aplikasi sejenis (Rosa dan Shalahuddin, 2010). Framework
biasanya berupa kumpulan potongan-potongan program yang diorganisasikan
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
13
sedemikian rupa sehigga dapat digunakan untuk membuat aplikasi utuh tanpa
harus membuat semua kodenya dari awal (Basuki, 2010).
2.7 CodeIgniter
CodeIgniter merupakan sebuah PHP application framework yang
menggunakan pendekatan Model-View-Controller yang memisahkan antara logic
dan presentation (http://codeigniter.com/user_guide/overview/at_a_ glance.html).
Model mewakili struktur data. Umumnya model class berisi tentang
fungsi-fungsi yang membantu kita untuk mengambil, insert dan update informasi
dalam database.
View merupakan informasi yang disampaikan kepada user. Sebuah view
normalnya merupakan sebuah halaman web, tetapi dalam CodeIgniter, sebuah
view dapat juga berupa penggalan-penggalan dari sebuah halaman seperti sebuah
header atau footer.
Controller berlaku sebagai perantara antara Model, View dan berbagai
sumber lain yang dibutuhkan untuk memproses HTTP request dan men-generate
sebuah halaman web.
Berikut ini ilustrasi bagimana aliran data yang terjadi dalam sebuah
sistem yang menggunakan framwork CodeIgniter.
Gambar 1.2. CodeIgniter Application Flow Chart
(http://codeigniter.com/user_guide/overview/appflow.html)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
14
BAB III
DESAIN DAN PERANCANGAN
3.1 Analisis Sistem
Sistem yang dihasilkan diharapkan dapat memberikan layanan kepada
pengajar maupun siswa untuk mengikuti proses belajar mengajar.
Pengajar dapat meng-upload materi belajar, tugas maupun
pengumuman tentang kuliahnya. Selain itu, fasilitas lain yang disediakan berupa
mengambil file tugas-tugas yang telah dikumpulkan para siswa.
Siswa dapat melihat materi belajar maupun tugas dari mata kuliah yang
diambilnya. Men-download materi belajar maupun file tugas. Fasilitas lain yang
didapatkan, yaitu melihat pengumuman dari admin dan pengumuman untuk mata
kuliah yang diambilnya.
Pengontrolan dari kedua user diatas dilakukan oleh admin. Setiap ada
penambahan siswa maupun pengajar harus didaftar oleh admin untuk dapat
menggunakan fasilitas yang disediakan. Admin melakukan tugasnya melaui web
browser, pengajar dan siswa dapat mendapatkan fasilitas yang disediakan diatas
melalui aplikasi yang ditanam di perangkat mobile.
3.2 Deskripsi Aktor
Terdapat tiga aktor yang terlibat dalam sistem ini, yaitu Admin,
Lecturer dan Learner. Ketiga aktor tersebut dideskripsikan pada tabel berikut ini.
Tabel 3.1 Deskripsi Aktor
Aktor Deskripsi
Admin Merupakan orang bertanggung jawab terhadap jalannya sistem
Lecturer Orang yang dapat mengupload materi belajar dan file materi
Learner Orang yang dapat mengakses materi belajar, mengumpulkan
tugas, melihat pengumuman
ClientUser Merupakan pengguna dari aplikasi smart client, yaitu Learner dan
Lecturer
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
15
3.3 Tugas Aktor
Masing-masing Aktor memiliki tugas dan hak masing-masing dalam
sistem ini. Meskipun antara Lecturer dan Learner menggunakan aplikasi yang
sama.
Tabel 3.2 Tugas Aktor
Aktor Tugas
Admin a. Manage user (add, update data, delete)
b. Menampilkan, update, hapus pengumunan untuk semua
user.
Lecturer a. Menyediakan materi belajar
b. Meng-upload file pendukung materi belajar
c. Mengakses tugas Learner
d. Memberikan pengumuman untuk kuliahnya
Learner a. Ambil kuliah
b. Akses materi, tugas dan pengumuman
c. upload tugas
3.4 Usecase Diagram
Gambar 3.1. Admin Usecase Diargam
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
17
3.5 Class Diagram
Gambar 3.3. Class Diagram Admin Login
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
22
3.6 Activity Diagram
Gambar 3.8. Activity Diagram Login
Gambar 3.9. Activity Diagram Manage Admin Announcement Add
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
23
Gambar 3.10. Activity Diagram Manage Admin Announcement Delete
Gambar 3.11. Activity Diagram Manage Admin Announcement Update
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
24
Gambar 3.12. Activity Diagram Manage User Add
Gambar 3.13. Activity Diagram Manage User Update
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
25
Gambar 3.14. Activity Diagram Manage User Delete
Gambar 3.15. Activity Diagram Manage Course Add
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
26
Gambar 3.16. Activity Diagram Manage Course Update
Gambar 3.17. Activity Diagram Manage Course Select Lecturer
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
27
Gambar 3.18. Activity Diagram Manage Material Add
Gambar 3.19. Activity Diagram Manage Material Update Text
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
28
Gambar 3.20. Activity Diagram Manage Material Update File
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
29
Gambar 3.21. Activity Diagram Manage Material Delete File
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
30
Gambar 3.22. Activity Diagram Manage Material Delete Material
Gambar 3.23. Activity Diagram View Learner List
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
31
Gambar 3.24. Activity Diagram View Admin Announcement
Gambar 3.25. Activity Diagram View Learning Announcement
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
32
Gambar 3.26. Activity Diagram Download Learner Task
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
33
Gambar 3.27. Activity Diagram View Learning Material
Gambar 3.28. Activity Diagram Take Course
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
34
Gambar 3.29. Activity Diagram Upload Task
3.7 Sequence Diagram
Gambar 3.30. Sequence Login Admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
35
Gambar 3.31. Sequence Manage Admin Announcement Add
Gambar 3.32. Sequence Manage Admin Announcement Delete
Gambar 3.33. Sequence Manage Admin Announcement Update
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
36
Gambar 3.34. Sequence Manage Course Add
Gambar 3.35. Sequence Manage Course Update
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
37
Gambar 3.36. Sequence Manage Course Set Lecturer
Gambar 3.37. Sequence View Course
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
38
Gambar 3.38. Sequence Manage User Add
Gambar 3.39. Sequence Manage User Delete
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
39
Gambar 3.40. Sequence Manage User Update
Gambar 3.41. Sequence View User
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
40
Gambar 3.42. Sequence Login Admin
Gambar 3.43. Sequence Manage Learning Announcement Add
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
41
Gambar 3.44. Sequence Manage Learning Announcement Update
Gambar 3.45. Sequence Manage Learning Announcement Delete
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
42
Gambar 3.46. Sequence Manage Learning Material Add
Gambar 3.47. Sequence Manage Learning Material Delete
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
43
Gambar 3.48. Sequence Manage Learning Material Update
Gambar 3.49. Sequence View Learner List
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
44
Gambar 3.50. Sequence Download Learner Task
Gambar 3.51. Sequence Upload Task
Gambar 3.52. Sequence Take Course
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
45
Gambar 3.53. Sequence View Admin Announcement
Gambar 3.54. Sequence View Learning Announcement
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
46
3.8 Perancangan Database
Gambar 3.55. Schema Diagram
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
47
3.9 Penjelasan Tabel-tabel
Penjelasan tabel-tabel yang digunakan dalam tugas akhir ini adalah
sebagai berikut :
a. Tabel announcement
Tabel announcement menyediakan tempat untuk menyimpan
pengumuman yang dibuat oleh Admin. Tabel ini hanya dapat diisi oleh Admin
saja namun dapat dilihat oleh Lecturer dan Learner sebagai pengumuman dari
Admin. Daftar field-nya dapat dilihat pada Tabel 3.3 berikut.
Tabel 3.3 Tabel announcement
Field Name Type Keterangan
id_announcement int autoincrement,
primary key
title varchar(25)
body varchar(1000)
author varchar(11) foreign key
date date
b. Tabel announcement_lectuer
Tabel ini menampung pengumuman yang dibuat oleh Lecturer
berdasarkan mata kuliah yang diampunya. Field id_course digunakan untuk
mengetahui untuk mata kuliah apa pengumuman ini dibuat. Keterangan tentang
tabel ini dapat dilihat pada Tabel 3.4 berikut.
Tabel 3.4 Tabel announcement_lecturer
Field Name Type Keterangan
id_announcement int autoincrement, primary key
title varchar(25)
body varchar(1000)
id_lecturer varchar(11)
date date
id_course int(11) menunjukkan pengumuman ini
ditujukan untuk matakuliah apa
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
48
c. Tabel lectuer
Data-data Lecturer disimpan dalam tabel lecturer. Tabel ini dibutuhkan
untuk pengecekan ketika Lecturer melakukan login. Keterang tentang tabel ini
dapat dilihat pada Tabel 3.5 berikut.
Tabel 3.5 Tabel lecturer
Field Name Type Keterangan
id_lecturer varchar(11) primary key
password varchar(32)
name varchar(25)
email varchar(32)
phone varchar(14)
d. Tabel learner
Tabel learner dibedakan dengan lecturer. Hal ini memungkinkan jika
ada satu orang yang sudah terdaftar sebagai Lecturer ingin medaftar sebagai
Learner. Tabel ini juga dibutuhkan untuk proses login Learner. Keterang tentang
tabel ini dapat dilihat pada Tabel 3.6 berikut.
Tabel 3.6 Tabel learner
Field Name Type Keterangan
id_learner varchar(11) primary key
password varchar(32)
name varchar(25)
email varchar(32)
phone varchar(14)
e. Tabel admin
Tabel admin hanya dibutuhkan untuk melakukan pengecekan login
Admin. Hal ini dikarenakan hanya terdapat satu Admin saja yang mengelola e-
learning ini. Keterangan tentang masing-masing filed dapat dilihat pada Tabel 3.7
berikut.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
49
Tabel 3.7 Tabel admin
Field Name Type Keterangan
username varchar(11) primary key
password varchar(32)
realname varchar(25)
f. Tabel course
Course disimpan dalam tabel course. Data yang dibutuhkan hanya
nama dari course itu maka hanya ada dua field saja yang dibuat. Penjelasan
tentang tiap field dapat dilihat pada tabel 3.8
Tabel 3.8 Tabel course
Field Name Type Keterangan
id_course int(11) primary key
(auto increment)
name varchar(25)
g. Tabel course_lecturer
Tabel course_lecturer dibuat untuk menampung data-data Lecturer
mana saja yang mengampu suatu mata kuliah. Field status digunakan untuk
menandai Lecturer tersebut sedang aktif mengajar atau tidak. Penjelasan untuk
tiap field dapat dilihat pada tabel 3.9.
Tabel 3.9 Tabel course_lecturer
Field Name Type Keterangan
id_course int(11) foreign key
id_lecturer varchar(11) foreign key
status int(1)
h. Tabel course_learner
Seorang Learner sedang mengikuti mata kuliah apa saja dapat diketahui
dari tabel course_learner. Penjelasan tiap field dapat dilihat pada tabel 3.10.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
50
Tabel 3.10 Tabel course_learner
Field Name Type Keterangan
id_course int(11) foreign key
id_learner varchar(11) foreign key
date date
i. Tabel learning_material
Tabel learning_material menampung informasi tentang materi belajar
yang di-upload oleh Lecturer diikuti tanggal pertama kali materi itu di-upload.
Penjelasan tiap field dapat dilihat pada tabel 3.11.
Tabel 3.11 Tabel learning_material
Field Name Type Keterangan
id_material varchar(25) primary key
title varchar(25)
body varchar(2000)
date date
id_lecturer varchar(11) foreign key
id_course int(11) foreign key
j. Tabel task_file
Tugas dari Learner yang telah dikumpulan disimpan dalam folder
tersendiri sesuai dengan id masing-masing. Tabel task_file menampung informasi
tambahan seperti, tanggal upload dan lokasi dimana file itu disimpan. Penjelasan
tiap field dapat dilihat pada tabel 3.12.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
51
Tabel 3.12 Tabel task_file
Field Name Type Keterangan
id_file int(11) primary key
(auto_increment)
file_name varchar(100)
url varchar(125)
id_learner varchar(11) foreign key
id_material int(11) foreign key
date date
k. Tabel login_session
Semua user dari client yang sedang aktif dapat diketahui dari tabel
login_session. id_session akan dihapus bila user melakukan logout. Penjelasan
tetang tiap field dapat dilihat pada tabel 3.13
Tabel 3.13 Tabel login_session
Field Name Type Keterangan
id_session varchar(11) primary key
l. Tabel file_material
File dari materi yang sudah di-upload disimpan dalam folder tersendiri.
Informasi dari file tersebut dapat diketahui dari tabel file_material. Penjelasan
tentang tiap field dapat dilihat pada tabel 3.14.
Tabel 3.14 Tabel file_material
Field Name Type Keterangan
id_file int(11) primary key
(auto_increment)
file_name varchar(100)
url varchar(125)
id_material varchar(25)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
52
3.10 Perancangan Interface
Terdapat dua interface yang disediakan. Pertama untuk admin yang
diakses melalui web browser. Kedua untuk Lecturer dan Learner yang dijalankan
melalui perangkat mobile.
3.10.1 Interface Admin
Secara garis besar, tampilan untuk interface untuk Admin hanya ada
dua yaitu, halaman login dan halaman admin panel untuk melakukan berbagai
macam pengaturan.
Admin diharuskan memasukkan username dan password untuk
melakukan proses login. Maka disediakan dua buah textfield untuk mendapatkan
masukan tersebut. Kemudian untuk mengeksekusi proses login disiapkan satu
button Login. Racangan interface login dapat dilihat pada gambar 3.50.
Gambar 3.56. Rancangan interface login admin
Sedangkan tampilan untuk admin panel, disediakan menu-menu utama
disusun mendatar dibagian atas. Setiap menu utama memiliki submenu yang
diletakkan dibagian samping kiri. Bagian content, tempat ditampilkannya form,
tabel dan bebagai macam keterangan diletakkan berdampingan dengan submenu.
Secara lebih jelas dapat dilihat pada gambar 3.57.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
53
Gambar 3.57. Rancangan interface admin panel
3.10.2 Interface untuk Client
Menu-menu yang ada client dibuat daftar menurun sehingga cukup
untuk layar perangkat mobile yang memiliki layar terbatas. Command untuk
mengeksekusi menu diletakkan dibagian bawah dan diimplementasikan
menggunakan CommandListener pada J2ME.
Setiap form untuk mendapatkan input dari user dan tampilan hasil dari
sebuah proses diletakkan pada halaman berbeda dengan menu untuk
mengeaksesnya sehingga menjaga agar tetap terlihat dengan baik. Seperti terlihat
pada gambar 3.58.
Gambar 3.58. Rancangan interface J2ME client
menu 1 menu 2 menu 3 menu 4 menu 5
submenu 1
submenu 1
submenu 1
submenu 1
Content
footer
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
54
3.11 Rancangan Arsitektur Aplikasi
Arsitekur yang dibuat mengimplementasikan konsep Model-View-
Controller. Terdapat dua aplikasi yang mengakses sistem ini, yaitu web browser
untuk admin panel dan Aplikasi smart client. Seperti terlihat pada gambar 3.59.
Gambar 3.59. Rancangan Arsitektur Aplikasi
Web browser berkomunikasi menggunakan HTML sehingga langsung
mengakses ke Controller. Controller berhubungan dengan database melalui
Model yang merupakan representasi dari database kemudian menampilkan hasil
yang didapat menggunakan View.
Aplikasi smart client berkomunikasi dengan SOAP-XML. Penggunaan
protocol SOAP berbasis XML untuk mengatasi bervariasinya platform dan bahasa
pemrograman yang digunakan oleh aplikasi smart client. Dengan disediakannya
web service e-learning, mampu mengatasi hal tersebut. Web service dalam sistem
ini merupakan Controller yang dapat diakses oleh smart client melalui URL.
Pengaksesan diakukan melaui jaringan internet baik itu melalui
jaringan CDMA, GPRS atau EDGE.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
55
3.12 Rancangan Web service
Dalam web service e-learning terdapat beberapa service yang dibagun
untuk memenuhi kebutuhan aplikasi smart client dalam mendapatkan data untuk
kinerjanya. Daftar service-servirce yang dibuat dapat dilihat pada tabel 3.15.
Tabel 3.15 Tabel Rancangan Web Service
Service Aktor Method
ManageLearningMaterial Lecturer add ( )
delete( )
update( )
update_select( )
viewMaterialList( )
viewDetail( )
ManageLearningAnnouncement Lecturer addAnnouncement( )
view( )
viewDetail( )
delete( )
update( )
ViewLearnerList Lecturer viewLearnerList( )
DownloadLearnerTask Lecturer downloadTask( )
ViewAdminAnnouncement Lecturer
Learner
view()
viewDetail()
Course Lecturer
Learner
getCourseList()
Login Lecturer
Learner
validateLogin( )
ChangePassword Lecturer
Learner
validateOldPassoword( )
ViewCourseList Lecturer
Learner
get_lecturer_course_list( )
get_learner_course_list( )
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
56
Service Aktor Method
ViewLecturerAnnouncement Learner view_lecturer_announcement_for_le
arner ( )
viewDetail ( )
ViewLearningMaterial Learner viewMaterialList( )
viewDetail( )
UploadTask Learner uploadTask()
TakeCourse Learner view_all_course( )
view_available_course( )
taking_course( )
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
57
BAB IV
IMPLEMENTASI DAN ANALISA
4.1 IMPLEMENTASI
Terdapat dua aplikasi yang dibangun, yaitu Admin Panel dan J2ME
user client. Admin Panel diimplementasikan menggunakan framework
CodeIgniter. User client dibangun berbasis J2ME sehingga mengharuskan
perangkat mobile yang digunakan mendukung J2ME. Kemudian web service yang
disediakan dibagun dengan menggunakan framework CodeIgniter ditambah
dengan bantuan library nusoap.
4.1.1 Langkah-langkah Implementasi
Implementasi diawali dengan pembangunan Admin Panel supaya
Admin dapat menjalankan fungsinya. Disamping itu, Admin Panel tidak
tergantung dari sistem yang lain sehingga memungkinkan untuk dibangun terlebih
dahulu.
Proses implementasi dilanjutkan dengan pembangunan web service.
Hal ini dilakukan supaya aplikasi smart client dapat bekerja karena memanfaatkan
tersedianya web service ini. Aplikasi smart client dibagun setelah web service
tersedia.
4.2 HASIL IMPLEMENTASI
4.2.1 Interface Admin
Tampilan pertama yang disajikan untuk admin ketika mengakses
Admin Panel adalah halaman login. Pada saat admin belum melakukan login atau
ketika session habis akan langsung di-redirect ke halaman ini. Di halaman ini juga
ditampilkan login error ketika menjalan proses login, seperti kesalahan pengisian
password atau username dan pengecekan form kosong yang seharusnya diisi.
Tampilan halaman login dapat dilihat pada gambar 4.1.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
58
Gambar 4.1. Tampilan Halaman Login
Kemudian setelah login, Admin akan dibawa ke halaman Admin Panel.
Di halaman tersebut digunakan untuk mengatur pengguna e-learning ini,
pengumuman dan course yang disediakan. Tampilan menu Admin Panel dapat
dilihat pada gambar 4.2.
Gambar 4.2. Tampilan Menu Admin Panel
Tampilan Admin Panel memuat menu utama, Users, Course, Announcement,
Admin Profile dan Logout. Menu Users digunakan untuk memanage pengguna
dari e-learning, yaitu Learner dan Lecturer. Seperti terlihat pada gambar 4.3
tampilan untuk melihat daftar Learner. Menu Course yang terlihat pada gambar
4.4 untuk menambah course baru atau mengatur siapa yang bertanggung jawab
terhadap course tersebut. Announcement yang terlihat pada gambar 4.5 untuk
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
59
mengatur pengumuman. Admin profile digunakan untuk mengganti password.
Dan Logout untuk menjalankan proses logout.
Gambar 4.3. View User Learner
Gambar 4.4. View Course List
Gambar 4.5. View Announcement
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
60
4.2.2 Interface User
Learner dan lecturer memakai aplikasi yang sama untuk menggunakan
mobile learning. Maka sebelum user melakukan login harus memilih salah satu
dari radio button yang tersedia sehingga dapat login sebagai Learner maupun
sebagai Lecturer. Tampilan login untuk kedua user tersebut terlihat seperti pada
gambar 4.6.
Gambar 4.6. Login dari J2ME Client
Kemudian setelah command Login ditekan akan dilakukan proses
koneksi ke database yang ada di-server dan dilakukan pengecekan apakah user
ini terdaftar atau tidak. Jika tidak, akan diberikan alert login error. Bila terdaftar
mana akan ditampilkan menu sesuai dengan jenis user yang di-input-kan.
4.2.3 Interface Lecturer
Tampilan menu Lecturer dapat dilihat pada gambar 4.7.
Gambar 4.7. Lecturer Menu
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
61
Menu untuk lecutrer, yaitu Admin Announcement, Manage Material,
Manage Lecturer Announcement, Learner List, Download Learner Task. Berikut
ini pembahasan masing-masing menu untuk Lecturer :
a. Admin Announcement
Menu ini digunakan Lecturer untuk melihat pengumuman yang dibuat
oleh Admin. Menu ini menyajikan daftar judul pengumuman terlebih dahulu
seperti terlihat pada gambar 4.8 kemudian menampilkan detail pengumumuman
dari salah satu daftar tersebut. Detail pengumuman dapat dilihat pada gambar 4.9.
Gambar 4.8. Judul Pengumuman Admin
Gambar 4.9. Detail Pengumuman Admin
b. Manage Material
Lecturer dapat meng-upload materi yang berkaitan dengan mata kuliah
yang diampunya melalui menu ini. Materi dapat berupa teks biasa maupun file
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
62
pendukung. Lecturer dapat menambah (gambar 4.10), meng-update (gambar
4.11), maupun menghapus (gambar 4.12) materi yang telah di-upload.
Gambar 4.10. Tambah Materi
Gambar 4.11. Update Materi
Gambar 4.12. Update dan Delete
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
63
c. Manage Lecturer Announcement
Melalui menu ini Lectuer dapat memberikan pengumuman tentang
mata kuliah yang diampunya. Disertai pula dengan kemampuan untuk melakukan
update dan hapus pengumuman yang dibuat.
d. Learner List
Menu Learner List memberikan fasilitas bagi Lecturer untuk
mengetahui siapa saja yang mendaftar mata kuliah yang diampunya. Tampilan
daftar learner ini dapat dilihat pada gambar 4.13.
Gambar 4.13. Learner List
e. Download Learner Task
Lecturer dapat men-download tugas-tugas yang telah di-upload oleh
learner. Nama Learner akan ditampilkan sebagai daftar tugas yang telah
dikumpulkan sehingga untuk men-download cukup dipilih nama Learner tersebut.
Menu ini dapat dilihat pada gambar 4.14.
Gambar 4.14. Download Task
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
64
4.2.4 Interface Learner
Interface Learner menyediakan antar muka bagi Learner untuk
berinteraksi dengan aplikasi ini. Tampilan menu ini dapat dilihat pada gambar
4.15.
Gambar 4.15. Learner Menu
Detail penjelasan tetang menu yang ada didalammnya, adalah sebagai berikut :
a. View Announcement
Menu ini digunakan untuk melihat pengumuman dari Admin maupun
dari Lecturer. Susunan menu untuk melihat sama seperti pada Admin
Announcment (gambar 4.8 dan 4.9) yaitu judul dulu ditampilkan kemudian detail
pengumuman baru ditampilkan dalam satu layar penuh.
b. Learning Material
Materi belajar dapat dilihat baik yang berupa teks saja dan file
pendukung dapat di-downoad pada tampilan yang sama. Untuk men-download file
pendukung materi belajar cukup menekan tombol downlad yang tertampil
disebelah nama file yang tersedia seperti terlihat pada gambar 4.16 .
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
65
Gambar 4.16. Tampilan Material
c. Upload Task
Learner mendapatkan fasilitas pengumulan tugas melalui menu ini.
Learner cukup memilih mata kuliah kemudian daftar tugas yang harus
dikumpulkan. Kemudian diarahkan pada tampilan file browser seperti pada
gambar 4.17 . Setelah memilih file tuganya proses upload dijalankan seperti pada
gambar 4.18.
Gambar 4.17. File Browser
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
66
Gambar 4.18. Proses Upload Tugas
d. Take Course
Learner dapat memilih mata kuliah mana saja yang ingin diikuti. Mata
kuliah yang ditampilkan dalam menu ini adalah mata kuliah yang saat ini belum
diambil. Tampilan tentang menu ini dapat dilihat pada gambar 4.19.
Gambar 4.19. Take Course
4.3 Pengujian Kinerja Aplikasi Smart Client
Pengujian kinerja dilakukan dengan cara menghitung waktu untuk
melakukan proses suatu proses query, delete, upload dan download. Pengujian
kinerja juga dilakukan pada berbagai teknologi transmisi diantaranya yang
diujikan, yaitu localhost, GPRS, EDGE, CDMA 384 Kbps. Pengujian pada
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
67
localhost dilakukan dengan emulator untuk menjalankan aplikasi smart client
dengan bantuan XAMPP sebagai local server.
Semua besaran, ukuran file dan jumlah query disamakan untuk tiap
jenis pengujian. Hal ini untuk melihat perbedaan pada tiap jenis pengujian pada
berbagai media transmisi yang digunakan. File yang digunakan untuk percobaan
ber-type .jpg dan berukuran 4 KB. Hasil Pengujian dapat dilihat pada tabel 4.1.
Tabel 4.1 Hasil Pengujian Kinerja Aplikasi Smart Client Localhost GPRS EDGE CDMA
384Kbps (akses
dengan
emulator)
Query 7 ms 168 ms 1502 ms 108 ms
Delete 12 ms 1367 ms 1525 ms 131 ms
Upload 58 ms 1442 ms 1717 ms 165 ms
Download 23 ms 959 ms 1573 ms 110 ms
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
68
BAB V
PENUTUP
5.1 Kesimpulan
Kesimpulan yang dapat diambil dari pembuatan Tugas Akhir ini adalah
sebagai berikut :
a. Terbangunnya web service e-learning yang dapat menyediakan
kebutuhan aplikasi smart client.
b. Terbangunnya aplikasi smart client yang dapat memanfaatkan web
service e-learning yang disediakan.
c. Hasil pengujian kinerja menunjukkan bahwa semakin baru
teknologi transmisi yang digunakan maka semakin cepat pula
smart client melakukan akses ke web service.
5.2 Saran
Saran – saran yang dapat diberikan penulis untuk pengembangan sistem
ini :
a. Fasilitas tambahan untuk chat sehingga tiap user dapat saling
berinteraksi satu dengan yang lainnya.
b. Perbaikan teknik pengiriman file sehingga memungkinkan
dikirimkan file yang lebih besar ukurannya.
c. Fasilitas alert untuk pengumuman, materi atau tugas terbaru yang
belum pernah diakses oleh user
d. Pengumuman, materi maupun tugas yang sudah tidak pernah
diakses dalam kurun waktu tertentu secara otomatis dihapus oleh
sistem, sehingga tidak memberatkan kinerja sistem secata
keseluruhan.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
69
DAFTAR PUSTAKA
Basuki, Awan Pribadi, 2010, Membangun Web Berbasis PHP dengan Framework
Codeigniter, Lokomedia : Yogyakarta
Alhir, Sinan Si, 2003, Learning UML, O’Reilly, CA
Boyinbode O.K dan Akinyede R.O, 2008, Mobile learning : An Application of
Mobile and Nigerian Wireless Technologies in Nigerian Learning
System, IJCSNS, VOL.8, NO.11, hal. 386
Quinn, C., ____, M-Learning: Mobile, Wireless, In-Your-Pocket Learning,
http://www. linezine.com/2.1/features/cqmmwiyp.html
Ferdiana, Ridi, 2008, Membangun Aplikasi SmartClient pada Platform Windows
Mobile, Elex Media Komputindo, Jakarta, halaman 32-33
Hartley, Darin E., 2001, Selling e-Learning, American Society for Training and
Development.
Rosa A.S, Shalahuddin M, 2010, Modul Pembelajaran Pemrograman
Berorientasi Objek dengan Bahasa Pemrograman C++, PHP, dan Java,
Modula : Bandung.
Snell J, Tidwell D, Kulchenko P, 2002, Programming web services with SOAP,
O’Reilly, CA
Wahono, Romi Satria, 2008, Pengantar e-Learning dan Pengembangannya,
http://www.ilmukomputer.org/ 2008/11/25/pengantar-elearning-dan-
pengembangannya/, diakses pada tanggal 20 Januari 2011
CodeIgniter at a Glance, http://codeigniter.com/user_guide/overview/at_a_
glance.html, diakses pada tanggal 20 Juli 2011
Model-View-Controller, http://codeigniter.com/user_guide/overview/mvc.html,
diakses pada tanggal 20 Juli 2011