UG Jurnal Vol. 6 No. 01 Tahun 2012

APLIKASI E-LEARNING BERBASIS WEB

Saat ini sebagian besar website e-Learning yang ada hanya menyediakan fasilitasupload materi oleh instruktur dan fasilitas download materi bagi peserta didik.Penelitian ini bertujuan untuk membuat aplikasi e-Learning berbasis web yanginteraktif dengan fasilitas komunikasi blog serta menyediakan media pengirimantugas oleh peserta didik berdasarkan kelompok secara langsung menggunakanATutor. Penelitian diujicobakan terhadap mata kuliah Analisis dan PerancanganSistem Informasi dengan menggunakan perangkat lunak Learning ContentManagement System (LCMS), yaitu ATutor yang memiliki kelebihan ukuran fileinstalasi yang kecil dan dapat digabungkan dengan software Content ManagementSystem (CMS) yang lain. Dengan adanya aplikasi pembelajaran berbasis webyang interaktif dengan fasilitas komunikasi blog membuat instruktur dan pesertadidik dapat berkomunikasi membahas materi di dalam maupun materi di luarpembelajaran melalui komentar. Di samping itu, dengan adanya media pengirimantugas oleh peserta didik berdasarkan kelompok secara langsung membuat prosespembelajaran di dalam e-Learning menjadi efektif dan efisien. Dengan demikianfasilitas komunikasi serta media pengiriman tugas sangat dibutuhkan dalam e-Learning agar proses pembelajaran dapat maksimal.

Kata Kunci : ATutor, E-Learning

ABSTRAK1Yuli Maharetta Arianti

2Krisedho Yogisa

Jurusan Sistem InformasiFakultas Ilmu Komputer dan Teknologi Informasi

Universitas GunadarmaJl. Margonda Raya 100 Pondok Cina,

Depok 164241 yuli_maharetta@gunadarma.ac.id,2 krisedo@student.gunadarma.ac.id

DENGAN MENGGUNAKAN ATUTOR

1. Pendahuluan

E - L e a r n i n g m e r u p a k a n p r o s e spembelajaran melalui media elektronikterutama internet. Saat ini, e-Learningmenjadi media pembelajaran yangdigunakan selain tatap muka di kelas. Halini disebabkan karena e-Learningmemungkinkan peserta didik untukdapat belajar maupun mendapatkan ilmupengetahuan kapan pun dan dimana pundia berada. E-Learning juga menjadialternatif bagi peserta didik yangmengalami kejenuhan belajar dalam tatapmuka di kelas.

Saat ini sebagian besar website e-Learning yang ada, hanya menyediakanfasilitas upload materi oleh instrukturdan fasilitas download materi bagi pesertadidik. Penelitian ini bertujuan untukmembuat aplikasi e-Learning berbasisweb yang interaktif dengan fasilitaskomunikasi seperti blog. Denganditambahkannya fasilitas blog, instrukturdan peserta didik dapat berkomunikasisecara interaktif membahas materi didalam pembelajaran maupun di luarpembelajaran melalui komentar. Aplikasiini diujicobakan pada mata kuliah Analisisdan Perancangan Sistem Informasi.

Pembuatan aplikasi e-Learningberbasis web yang interaktif inimenggunakan salah satu perangkat lunakLearning Content Management System(LCMS) yaitu Atutor. Untuk menjalankanperangkat lunak Atutor, digunakan serverlocal yang memiliki kemampuan webserver, MySGL server database, dandukungan server-side programminguntuk PHP yaitu XAMPP. Dengan adanyaserver lokal ini perangkat lunak Atutordapat dijalankan tanpa harus terkoneksike internet. Pada aplikasi e-Learningberbasis web ini ditambahkan aplikasidiluar perangkat lunak Atutor yaitu BukuTamu. Aplikasi buku tamu digunakanuntuk mengirimkan pesan ke user lainmaupun mengirimkan kritik dan sarankepada pengelola website e-Learningyang bertujuan untuk perbaikan websitee-Learning.

14

2. Pengenalan e-Learning

E-Learning adalah sembarang pengajarandan pembelajaran yang menggunakanrangkaian elektronik (LAN, WAN, atauinternet) untuk menyampaikan isipembelajaran, interaksi, atau bimbingan[4] . E-Learning merujuk padapenggunaan teknologi internet untukmengirimkan serangkaiaan solusi yangdapat meningkatkan pengetahuan danketerampilan [7].

2.1. Karakteristik e-Learning

Karakteristik dari e-Learning adalah [5]:- Memanfaatkan jasa teknologi

elektronik yang memungkinkan gurudan siswa, sesama siswa, atau sesamaguru dapat berkomunikasi denganrelatif mudah tanpa dibatasi oleh hal-hal yang protokoler.

- Memanfaatkan keunggulan computer(digital media dan computernetworks).

- Menggunakan bahan ajar bersifatmandiri (self learning materials).

- Jadwal pembelajaran, kurikulum,hasil kemajuan belajar, dan hal-halyang berkaitan dengan administrasipendidikan dapat dilihat setiap saatdi komputer.

2.2. Teknologi Pendukung e-Learning

D a l a m p r a k t e k n y a e - L e a r n i n gmemerlukan bantuan teknologi. Olehkarena itu dikenal istilah CBL (ComputerBased Learning), yaitu pembelajaranyang menggunakan alat bantu utamakomputer [5]. Teknologi pembelajaranterus berkembang, namun padaprinsipnya teknologi tersebut dapatdikelompokkan menjadi dua yaituTechnology based learning danTechnology based web-learning.

3. Pengenalan ATutor

Kebutuhan-kebutuhan yang diharapkandi dalam E-Learning saat ini sudah dapat

ditemukan di berbagai perangkat lunakLearning Content Management System(LCMS) seperti ATutor, Moodle, SakaiProject, dan lain sebagainya. Sebagianbesar LCMS yang ada saat ini telahmenyediakan fasilitas forum, blog, chat,pembelajaran, penilaian, dukunganmultimedia, wiki, tugas kelompok, dandukungan berbagai bahasa.

ATutor merupakan media E-Learningyang tampilannya cukup user-friendlydan kemudahannya dalam penambahanfasilitas-fasilitas pembelajaran E-Learning lainnya apabila dibutuhkan [5].Penambahan tersebut sifatnya opsionalkarena tidak semua institusi pendidikanmembutuhkan fasilitas tersebut.

Pada awalnya ATutor hanyamenyediakan fasilitas untuk penulisanmateri, upload materi ke server,pemberian tugas dalam kuliah,pembuatan bank soal, pengujian danpenilaian, serta fasilitas untuk komunikasiantar pengguna yaitu chatting, forum,dan blog. Jika dibutuhkan, dapatditambahkan modul untuk Kalender yangberisi aktivitas peserta didik terkaitdengan course yang diselenggarakan.Modul lain yang ditambahkan dapatberupa Photo Gallery, Text2Speech,WebChat, Ewiki, dan lain sebagainya.

Apabila semua modul tambahandiinstalasi, maka ATutor akan menjadimedia E-Learning yang cukup lengkapu n t u k m e m e n u h i k e b u t u h a npembelajaran berbasis web. Beberapamodul tambahan yang menarik antaralain Blogs, Forum, Chat, Calendar, danPhotoAlbum.

Apabila dibandingkan dengansoftware LCMS lainnya, ukuran fileinstalasi ATutor terbilang cukup kecilyaitu 2.451 Kilobyte. Kecilnya ukuran initidak mengurangi kelengkapan fungsiy a n g d i b u t u h k a n o l e h p r o s e spembelajaran berbasis web, bahkanperangkat lunak ini dapat digabungkandengan software Content ManagementS y s t e m ( C M S ) P o s t N u k e ,Mambo/Joomla, dan Drupal. Dapatdikatakan, ATutor menjadi softwarepilihan dalam penyelenggaraan E-

15Arianti, Aplikasi E-Learning Berbasis ...

Learning yang mudah namun handalkarena berbagai kelebihan dankelengkapan fasilitasnya.

Berikut ini tampilan ATutor setelahinstalasi selesai dilakukan :

Gambar 1. Tampilan ATutor Setelah Instalasi Selesai Dilakukan

4. Struktur Navigasi

Perancangan aplikasi e-Learning berbasisweb yang interaktif ini diujicobakan untukmateri pembelajaran mata kuliah Analisisdan Perancangan Sistem Informasi,dengan struktur navigasi sebagai berikut:

Gambar 2. Struktur Navigasi Analisis dan Pancangan Sistem Informasi

Keterangan :

1. Kotak dengan huruf bergaris bawah : Menu dalam Tabulasi.2. Kotak berwarna biru muda : Tampilan Daftar Blog.3. Garis panah berwarna ungu : garis menuju logout.4. Kotak berwarna merah / hijau muda : Menu memiliki isi yang sama.

5. Teknik Pembuatan

Dalam penelitian ini beberapa modulpada XAMPP dan Atutor dinonaktifkansehingga tampilannya tidak sama denganformat yang sudah ada dan pembahasanmenjadi lebih singkat.

Langkah pertama yang harusdilakukan adalah melakukan instalasipada server lokal (XAMPP) serta instalasisoftware ATutor. Proses selanjutnya

adalah pembuatan tampilan halamanWeb dengan urutan sebagai berikut : (a)Halaman Login; (b) Halaman FileStorage; (c) Halaman Tests & Surveys;(d) Halaman Groups; (e) Halaman Blogs;

dan (f) Tugas Pada Group

a. Halaman Login

Tampilan halaman login dihasilkansetelah proses instalasi ATutor selesaidilakukan. Sebagian source code yang

digunakan adalah sebagai berikut :

<?php/*************************************//* Atutor *//*************************************//*Copyright(c) 2002/2007 by Greg Gay& Joel Kronenberg *//Adaptive Technology ResourceCentre/University of Toronto */

/*htt://atutor.ca

Tampilan halaman login adalah :

b. Halaman File Storage

Halaman ‘File Storage’ adalah tampilanyang berisi file materi pembelajaran, filemilik user, dan file blog. Pembuatan danpengunggahan file materi dilakukan olehinstructor/dosen serta ditempatkan pada‘Workspace’ Course Files. File milik usermasing-masing digunakan oleh instructormaupun student pada ‘Workspace’ MyFiles, sedangkan ‘Workspace’ GroupAnalisis & Perancangan Informasidigunakan o leh student untukmengirimkan tugas secara berkelompok.Hal ini dapat dilakukan jika padapembuatan Group mengaktifkan FileStorage. Tampilan halaman file storage‘Workspace’ Course Files setelah materidiupload adalah sebagai berikut:

c. Halaman Tests & Surveys

Halaman “Tests & Surveys” digunakansebagai media pengujian bagi student.Pada menu tampilan ini terdapatbeberapa tahap yang harus dilakukan olehinstructor maupun student. Tahap-tahaptersebut diantaranya adalah PembuatanKategori Soal, Pembuatan Pertanyaan,Pembuatan Mekanisme Ujian, PenentuanSoal dan Ujian, Melihat Soal Ujian, ProsesPengujian bagi Student, dan PemberianNilai untuk Pertanyaan Terbuka.Tampilan halaman tests & surveys adalahsebagai berikut :

d. Halaman Groups

Halaman “Groups” digunakan untukmengelo la f i le s torage (mediapenyimpanan file) agar lebih rapi danteratur serta bermanfaat dalampengelolaan media komunikasi sepertiblog. Pembuatan dan pengaturan Groupdilakukan oleh instructor. Tampilanhalaman groups adalah sebagai berikut:

e. Tampilan Halaman Blogs

Tampilan halaman blog digunakan untukmemuat tulisan-tulisan secara periodik.Media komunikasi blog ini dapat dibuatoleh instructor serta dapat pula dibuatoleh student yang sudah tergabung didalam “Groups”. Pada kesempatan inipenulis membahas pembuatan blog yangdilakukan oleh instructor. Tampilanhalaman blogs adalah sebagai berikut :

f. Pembuatan Tugas Pada Group

Setelah membuat group, selanjutnyamembuat media penyimpanan file didalam group tersebut. Tugas yang akandikirimkan terdapat pada “Workspace”Course Files pada tampilan halaman “FileStorage”. Tampilan media penyimpananfile pada saat instructor mengunduh tugasyang telah dikirimkan oleh student adalahsebagai berikut:

Login

My Start Page Buku Tamu

Analisis & Perancangan Sistem Informasi #/ **

Home Glossary File Storage

FileStorage Glossary Test &

SurveyExport

ContentGroups Blogs

CourseFiles

My FilesAnalisis &Perancang

Tests &Survey

YourSubmissi

ons

Blogs FileStorage

Analisis & Perancang- Last updated

Analisis &Perancang

Analisis &Perancang

Logout

16 UG Jurnal Vol. 6 No. 01 Tahun 2012

Gambar 3. Tampilan Halaman Login

Gambar 4. Tampilan halaman file Storage Workspace (Course Files) setelah materi diupload

Gambar 5. Tampilan Halaman Tests & Surveys

6. Kesimpulan

Adanya aplikasi e-Learning berbasis webyang interaktif dengan fasil itaskomunikasi blog membuat instruktur danpeserta didik dapat berkomunikasimembahas materi di dalam pembelajaranmaupun materi di luar pembelajaranmelalui komentar yang diberikan.Disamping itu, dengan adanya mediapengiriman tugas oleh peserta didikberdasarkan kelompok secara langsungmembuat proses pembelajaran di dalame-Learning menjadi efektif dan efisien.Dengan demikian fasilitas komunikasiserta media pengiriman tugas sangatdibutuhkan dalam suatu e-Learning agarproses pembelajaran dapat maksimal.

Daftar Pustaka

[1] Arbie, 2004, Manajemen Databasedengan MySQL, Yogyakarta, ANDI

[2] Ibrahim, Ali, 2008, Cara PraktisM e m b u a t W e b s i t e D i n a m i sMenggunaklan XAMPP, Yogyakarta,Neotekno

[3] Kadir, Abdul, 2002., DasarPemrograman WEB DinamisMenggunakan PHP, Yogyakarta,ANDI

[4] Kumar C., Jaya Koran, Aplikasi ‘E-Learning’ Alam Pengajaran DanPembelajaran Di Sekolah - Sekolah Malaysia: Cadangan Perlaksanaan Pada Senario Masa Kini, PasukanProjek Rintis Sekolah BestariBahagian Teknologi Pendidikan,Kementerian Pendidikan Malaysia.

[5] Sanjaya, Ridwan & Leong, Marlon,2008, Mudah Membangun Web E-Learning (Tutorial Praktis),Yogyakarta, Universitas Atma Jaya

[6] Sanjaya, Ridwan, 27 Februari 2008, Media e-Learning dengan Atutor,

[7] Rosenberg, Marc, 2002, Beyond E-L e a r n i n g : A p p r o a c h e s a n dT e c h n o l o g i e s Ê t o E n h a n c eK n o w l e d g e , L e a r n i n g a n dPerformance, Pfeiffer

[8] Rosenberg, Marc, 2002, E-Learning: Strategies for DeliveringKnowledge in the Digital Age,McGraw-Hill

[9] URL:http://nustaffsite.gunadarma.ac.id/blog/ avi, 18 March 2009.

[10] URL: http://v-class.gunadarma.ac.id/course/view.php?id=632

[11] URL: http://v-class.gunadarma.ac.id/course/view.php?id=871

Arianti, Aplikasi E-Learning Berbasis ...

Gambar 6. Tampilan Halaman Groups

Gambar 7. Tampilan Halaman Blogs

Gambar 8. Tampilan Halaman Group

17