perpustakaan.uns.ac.id digilib.uns.ac.id aplikasi smart ... · perpustakaan.uns.ac.id...

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


commit to user

ii

HALAMAN PERSETUJUAN



Disusun Oleh:


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


commit to user

iii

HALAMAN PENGESAHAN



Disusun oleh


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


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.


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.


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


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,


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


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


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


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


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


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


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


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


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


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.


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.


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.


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


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.


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.


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


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.


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


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)


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


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)


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


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


commit to user

16

Gambar 3.2. Client User Usecase Diagram


commit to user

17

3.5 Class Diagram

Gambar 3.3. Class Diagram Admin Login


commit to user

18

Gambar 3.4. Class Diagram Task


commit to user

19

Gambar 3.5. Class Diagram Announcement


commit to user

20

Gambar 3.6. Class Diagram User


commit to user

21

Gambar 3.7. Class Diagram Material


commit to user

22

3.6 Activity Diagram

Gambar 3.8. Activity Diagram Login

Gambar 3.9. Activity Diagram Manage Admin Announcement Add


commit to user

23

Gambar 3.10. Activity Diagram Manage Admin Announcement Delete

Gambar 3.11. Activity Diagram Manage Admin Announcement Update


commit to user

24

Gambar 3.12. Activity Diagram Manage User Add

Gambar 3.13. Activity Diagram Manage User Update


commit to user

25

Gambar 3.14. Activity Diagram Manage User Delete

Gambar 3.15. Activity Diagram Manage Course Add


commit to user

26

Gambar 3.16. Activity Diagram Manage Course Update

Gambar 3.17. Activity Diagram Manage Course Select Lecturer


commit to user

27

Gambar 3.18. Activity Diagram Manage Material Add

Gambar 3.19. Activity Diagram Manage Material Update Text


commit to user

28

Gambar 3.20. Activity Diagram Manage Material Update File


commit to user

29

Gambar 3.21. Activity Diagram Manage Material Delete File


commit to user

30

Gambar 3.22. Activity Diagram Manage Material Delete Material

Gambar 3.23. Activity Diagram View Learner List


commit to user

31

Gambar 3.24. Activity Diagram View Admin Announcement

Gambar 3.25. Activity Diagram View Learning Announcement


commit to user

32

Gambar 3.26. Activity Diagram Download Learner Task


commit to user

33

Gambar 3.27. Activity Diagram View Learning Material

Gambar 3.28. Activity Diagram Take Course


commit to user

34

Gambar 3.29. Activity Diagram Upload Task

3.7 Sequence Diagram

Gambar 3.30. Sequence Login Admin


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


commit to user

36

Gambar 3.34. Sequence Manage Course Add

Gambar 3.35. Sequence Manage Course Update


commit to user

37

Gambar 3.36. Sequence Manage Course Set Lecturer

Gambar 3.37. Sequence View Course


commit to user

38

Gambar 3.38. Sequence Manage User Add

Gambar 3.39. Sequence Manage User Delete


commit to user

39

Gambar 3.40. Sequence Manage User Update

Gambar 3.41. Sequence View User


commit to user

40

Gambar 3.42. Sequence Login Admin

Gambar 3.43. Sequence Manage Learning Announcement Add


commit to user

41

Gambar 3.44. Sequence Manage Learning Announcement Update

Gambar 3.45. Sequence Manage Learning Announcement Delete


commit to user

42

Gambar 3.46. Sequence Manage Learning Material Add

Gambar 3.47. Sequence Manage Learning Material Delete


commit to user

43

Gambar 3.48. Sequence Manage Learning Material Update

Gambar 3.49. Sequence View Learner List


commit to user

44

Gambar 3.50. Sequence Download Learner Task

Gambar 3.51. Sequence Upload Task

Gambar 3.52. Sequence Take Course


commit to user

45

Gambar 3.53. Sequence View Admin Announcement

Gambar 3.54. Sequence View Learning Announcement


commit to user

46

3.8 Perancangan Database

Gambar 3.55. Schema Diagram


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


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


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


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


id_learner varchar(11) primary key


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.


commit to user

49

Tabel 3.7 Tabel admin


username varchar(11) primary key


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


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


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.


commit to user

50

Tabel 3.10 Tabel course_learner



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


id_material varchar(25) primary key

title varchar(25)

body varchar(2000)

date date

id_lecturer varchar(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.


commit to user

51

Tabel 3.12 Tabel task_file


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


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


id_file int(11) primary key

(auto_increment)

file_name varchar(100)

url varchar(125)

id_material varchar(25)


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.


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


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.


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


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


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.


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


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


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


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


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


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


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 .


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


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


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


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.


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

perpustakaan.uns.ac.id digilib.uns.ac.id aplikasi smart ... · perpustakaan.uns.ac.id...

Documents