Pengembangan Aplikasi e-learning Jurusan Teknik Informatika ITS Berbasis Android pada Perangkat Komunikasi Bergerak

Pengembangan Aplikasi e-Learning Jurusan Teknik Informatika ITS Berbasis Android pada Perangkat Komunikasi Bergerak Fariani Dewi Yulianti 5109100156

Dosen Pembimbing Sarwosri, S.Kom., M.T. Wijayanti Nurul Khotimah, S.Kom., M.Sc.

Latar Belakang  e-Learning Jurusan masih kurang maksimal digunakan  Tampilan kurang user-friendly  Tidak ada fitur penyampaian informasi

2

Latar Belakang (cont’d)  e-Learning bertujuan bertukar informasi pembelajaran secara cepat

3

Latar Belakang (cont’d) Pengguna telepon pintar semakin meningkat

Perangkat mobile paling banyak digunakan 4

Rumusan Masalah  Bagaimana membuat aplikasi klien e-Learning untuk mobile berbasis Android  Bagaimana memberikan alternatif lain dalam mengakses situs e-Learning IF ITS

5

Rumusan Masalah (cont’d)  Bagaimana membuat aplikasi klien e-Learning yang menampilkan modul pembelajaran terperinci

 Bagaimana memberikan notifikasi terkait tugas dan sumber daya perkuliahan

Notifikasi

Isi notifikasi

6

Batasan Masalah

Front end dibuat dengan bahasa native

CMS Moodle

Dosen dan mahasiswa

7

Fungsionalitas

Batasan Masalah (cont’d) Dosen dan Mahasiswa • Melihat daftar mata kuliah dan detil mata kuliah yang diikuti • Melihat daftar dan detil tugas • Melihat daftar dan detil sumber daya mata kuliah yang berupa file • Melihat daftar dan detil peserta perkuliahan • Melihat profil • Mengunduh sumber daya yang berupa file

Dosen • Membuat tugas baru → Mahasiswa dapat notifikasi • Membuat sumber daya file baru → Mahasiswa dapat notifikasi

Mahasiswa • Membuat jawaban tugas baik teks maupun file untuk tugas yang belum dikumpulkan 8

Tujuan  Alternatif lain dalam mengakses e-Learning Jurusan  Notifikasi aktual terkait modul tugas dan sumber daya  Meningkatkan produktifitas dosen dan khususnya mahasiswa

Memfasilitasi pertukaran informasi terkait tugas dan sumber daya antara dosen dan mahasiswa secara cepat 9

Solusi IFmobilearning adalah aplikasi mobile Android untuk mengakses e-Learning dengan CMS Moodle, khususnya e-Learning Jurusan Teknik Informatika ITS

10

Google Cloud Messaging  GCM adalah layanan untuk Android  Memungkinkan pengiriman data dari server ke pengguna perangkat Android dan menerima pesan dari perangkat pada koneksi yang sama  Menangani semua aspek dalam pengantrian pesan dan pengiriman ke target aplikasi  Gratis dan tidak ada kuota

11

Google Cloud Messaging (cont’d)  1 – Perangkat mengirim ID sender dan aplikasi ke GCM untuk registrasi  2 - Setalah berhasil, GCM memberikan ID registrasi ke perangkat  3 – Setelah menerima ID, perangkat mengirimkan ke server  4 – Server menyimpan dalam database  a – Jika notifikasi dibutuhkan, server mengirim pesan ke GCM bersama dengan ID registrasi  b – GCM mengirim pesan ke perangkat menggunakan ID registrasi 12

Moodle  CMS paling banyak digunakan di seluruh dunia  Dibangun dengan bahasa PHP  Performa terbaik dengan Apache dan MySQL  Saat ini sudah rilis hingga versi 2.5  Banyak modul → database besar

13

Moodle Database ER Diagam versi 2.1-2.2 - 37 modul - 280 tabel

14

Moodle Database ER Diagam (cont’d) Users • user • user_enrolments Courses • course • course_categories • course_modules • course_sections

Enrollment • enrol Events • event Miscellaneaous • resource

Messages • role_assignments

Context • context • files

Roles • role

Configuration • modules

Assignments • assignment • assignment_submissions

15

Referensi Aplikasi Sejenis My Moodle

• iOS • Native (Objective-C) • Tidak efektif • Berhenti dikembangkan → Moodle Mobile

Moodle Mobile

• iOS, Android • HTML5 • Server minimal versi 2.4

Droodle

• Android • Native (Java) • Hanya dapat melihat tugas

MDroid

• Android • Native (Java) • Server berbahasa Inggris

16

Perbandingan dengan Aplikasi yang Sudah Ada Aplikasi

My Moodle

Moodle Mobile

Droodle

MDroid

IFmobilearning*

Atribut Server (jumlah)

Bebas (> 1)

Bebas (> 1)

Bebas (1)

Bebas (1)

IF (1)

Kategori

-

-

-

-

Ada

Ada

-

-

Ada

Pertemuan mata kuliah Ada Sumber daya

-

Ada

-

Ada

Ada

Tugas

-

Ada

Ada

-

Ada

Peserta

-

Ada

-

-

Ada

Mode offline

-

Dikembangkan

-

Ada

Ada

Notifikasi

-

Dikembangkan

-

-

Ada

Unggah

Ada

Ada

-

-

Ada

Unduh

-

-

-

Ada

Ada

Perpesanan

-

Ada

-

-

-

Forum

-

Ada

-

Ada

(*) Aplikasi tugas akhir

17

Fitur Dosen & Mahasiswa

Dosen

• Menampilkan daftar kategori dan mata kuliah • Menampilkan pertemuan mingguan mata kuliah • Menampilkan daftar tugas dan detilnya • Menampilkan daftar sumber daya dan detilnya • Menampilkan daftar peserta perkuliahan dan profilnya • Mengunduh sumber daya file • Mode offline

• Menambah tugas • Menambah sumber daya file

Mahasiswa • Mengumpulkan tugas • Mendapat notifikasi tugas baru • Mendapat notifikasi sumber daya file baru 18

Database Server (MySQL)

Arsitektur Aplikasi

Query Data

GCM Web Server (Apache)

Web Application

19

Implementasi Proses 20

Proses Mengumpulkan Tugas Menampilkan detil tugas

Menyimpan Jawaban Tugas  Teks

Mahasiswa Memilih mata kuliah

Melihat daftar tugas

Sistem Menampilkan tugas •Sudah mengumpulkan? •Melewati tenggat waktu? •Boleh terlambat?

 File Konten di-hash SHA1

Direktori tujuan sudah ada di server? Nama file sudah ada?

Memilih tugas

21

Proses Menambah Tugas Dosen Sistem Memilih mata kuliah

Cari path mata kuliah

Memilih pertemuan

Tambah tugas

Memilih tambah tugas

Punya tenggat waktu?

Mengisi form

Masukkan ke modul

Menekan tombol ‘Simpan’

Masukkan ke struktur perkuliahan Punya peserta? • Kirim notifikasi

22

Proses Menambah Sumber Daya File Dosen

Sistem

Memilih mata kuliah

Cari path mata kuliah

Memilih pertemuan

Memilih tambah sumber daya file

Sukses di unggah? • Tambah data sumber daya • Masukkan ke modul • Masukkan ke struktur • Punya peserta? • Kirim notifikasi

Mengisi form

Menekan tombol ‘Simpan’

23

Pengujian

24

Skenario Pengujian 1. 2. 3. 4. 5. 6. 7. 8. 9.

Menampilkan daftar mata kuliah per kategori Menampilkan daftar mata kuliah yang diikuti Menampilkan pertemuan mingguan mata kuliah Menampilkan detil tugas Mengumpulkan jawaban tugas dalam bentuk teks Mengumpulkan jawaban tugas dalam bentuk file Menambah tugas dan mendapat notifikasi tugas baru Mengunduh sumber daya file Mengunggah sumber daya file dan mendapat notifikasi sumber daya baru 10. Menampilkan peserta perkuliahan 25

1. Menampilkan daftar mata kuliah per kategori Kode

Tujuan Pengujian Kondisi Awal Prosedur Pengujian Username 1. Memilih pengguna menu kategori = ‘510910015 2. Memilih 6’ kategori Data Input

Kondisi Akhir

PF-001 Menguji fungsi menampilkan daftar seluruh mata kuliah berdasarkan kategori dan akses pengguna ke dalam mata kuliah Pengguna sudah login dan masuk ke dalam halaman utama aplikasi Hasil yang Hasil yang Kesimpulan diharapkan diperoleh Daftar mata kuliah Daftar mata Proses dalam kategori kuliah dalam menampikan beserta nama dosen kategori beserta daftar mata kuliah pengampu dan nama dosen, per kategori berhasil dapat memilih untuk dapat memilih melihat mata kuliah melihat mata jika terdaftar kuliah jika terdaftar Pengguna berada pada halaman daftar mata kuliah

Kategori

Tidak diikuti

Diikuti

26

2. Menampilkan daftar mata kuliah yang diikuti Kode Tujuan Pengujian Kondisi Awal Prosedur Pengujian Username 1. Memilih menu pengguna melihat mata = kuliah ‘51091001 2. Memilih 56’ ‘Realitas Virtual’ Data Input

Kondisi Akhir

PF-002 Menguji fungsi menampilkan daftar semua mata kuliah yang diikuti Pengguna sudah login dan masuk ke dalam halaman utama aplikasi Hasil yang Hasil yang Kesimpulan diharapkan diperoleh Daftar mata kuliah Daftar mata Proses yang diikuti beserta kuliah yang diikuti menampilkan nama dosen beserta nama daftar mata kuliah pengampu dan dosen, dapat yang diikuti berhasil dapat melihat detil melihat detil mata kuliah mata kuliah Pengguna berada pada halaman mata kuliah ‘Realitas Virtual’

27

3. Menampilkan pertemuan mingguan mata kuliah Kode Tujuan Pengujian Kondisi Awal Data Input -

Prosedur Pengujian 1. Memilih mata kuliah 2. Memilih tab minggu 3. Memilih pertemuan minggu ke-1

Kondisi Akhir

PF-003 Menguji fungsi menampilkan daftar tugas dan sumber daya per minggu Pengguna berada pada halaman daftar mata kuliah ‘Realitas Virtual’ Hasil yang Hasil yang Kesimpulan diharapkan diperoleh Daftar tugas Daftar tugas dan Proses dan sumber sumber daya menampilkan daya yang ada dalam minggu pertemuan mingguan berhasil dalam minggu tersebut, dapat tersebut dan memilih melihat dapat melihat detil tugas atau detilnya sumber daya Pengguna berada pada halaman daftar tugas atau sumber daya dalam suatu minggu

28

4. Menampilkan detil tugas Kode Tujuan Pengujian Kondisi Awal Data Input Username pengguna = ‘510910015 6’

Kondisi Akhir

Prosedur Pengujian 1. Memilih tab ‘Tugas’ 2. Memilih tugas ‘Tugas Presentasi Kelompok’

PF-004 Menguji fungsi menampilkan detil tugas, status pengumpulan, dan hak akses peran Pengguna berada pada halaman ‘Jaringan Multimedia’ Hasil yang Hasil yang Kesimpulan diharapkan diperoleh Informasi tugas. Tampilan Proses Jika mahasiswa, informasi menampilkan maka muncul tugas. Karena detil tugas berhasil status mahasiswa pengumpulan mahasiswa, tugas. Jika sudah muncul status mengumpulkan, pengumpulan maka ditampilkan tugas jawaban yang telah dikumpulkan Tampilan deskripsi tugas dengan status belum mengumpulkan tugas

29

5. Mengumpulkan jawaban tugas dalam bentuk teks Kode Tujuan Pengujian

PF-005 Menguji fungsi pengumpulan jawaban teks tugas Pengguna berada pada halaman detil tugas ‘Tugas Kondisi Awal Rangkuman - 10’ dalam mata kuliah ‘Jaringan Multimedia’ Prosedur Hasil yang Hasil yang Data Input Kesimpulan Pengujian diharapkan diperoleh Username 1. Memilih Jawaban Jawaban Proses pengguna = tombol pengguna pengguna mengumpulkan ‘5109100156’, teks ‘Submit’ disimpan dan ditampilkan jawaban teks berhasil jawaban = 2. Memasukkan status dalam detil ‘Kompresi Lossy jawaban pengumpulan tugas dan tugas berubah merupakan salah status satu teknik pengumpulan pemampatan menjadi “Terkumpul” data yang mengakibatkan kualitas data sebelum dimampatkan berbeda dengan setelahnya’ Detil tugas dengan hasil pengumpulan jawaban tugas Kondisi Akhir dan status berubah menjadi “Terkumpul”

30

6. Mengumpulkan jawaban tugas dalam bentuk file Kode Tujuan Pengujian

PF-006 Menguji fungsi mengunggah file untuk jawaban tugas Pengguna berada pada halaman detil tugas ‘Tugas Kondisi Awal Presentasi Kelompok’ dalam mata kuliah ‘Jaringan Multimedia’ Prosedur Hasil yang Hasil yang Data Input Kesimpulan Pengujian diharapkan diperoleh Username 1. Memilih tombol Status Status Proses pengguna = ‘Submit’ pengumpulan pengumpulan mengunggah file jawaban berhasil ‘5109100156’, 2. Memilih file berubah menjadi menjadi “Terkumpul” path file = ‘c360_debug.tx “Terkumpul” t’ ‘/mnt/sdcard/c 360_debug.txt’ Detil tugas dengan status berubah menjadi Kondisi Akhir “Terkumpul”

31

7. Menambah tugas – mendapat notifikasi Kode Tujuan Pengujian

Kondisi Awal Prosedur Pengujian Username 1. Memilih menu pengguna = tambah ‘dosenAA-01’, 2. Memilih ‘Tugas’ deskripsi = 3. Memasukkan detil tugas ‘Tugas untuk UTS’, tanggal mulai = ‘5 Juli 2013 00.00’ Data Input

Kondisi Akhir

PF-007 Menguji fungsi penambahan tugas baru Pengguna berada dalam halaman pertemuan minggu ke-11 dalam mata kuliah ‘Realitas Virtual’ Hasil yang Hasil yang Kesimpulan diharapkan diperoleh Tugas baru masuk Daftar tugas Proses dalam daftar dalam penambahan pertemuan dan pertemuan tugas dan bisa dilihat bertambah, pengiriman notifikasi berhasil detilnya. Lalu mahasiswa peserta dapat notifikasi perkuliahan yang tugas baru sedang login mendapat notifikasi Peserta mendapat notifikasi tugas baru

32

8. Mengunduh sumber daya file Kode Tujuan Pengujian

PF-008 Menguji fungsi mengunduh file sumber daya Pengguna berada pada halaman daftar sumber daya Kondisi Awal dalam mata kuliah ‘Jaringan Multimedia’ Hasil yang Hasil yang Data Input Prosedur Pengujian Kesimpulan diharapkan diperoleh 1. Memilih sumber File terunduh Informasi file Proses daya ‘Aturan terunduh, file pengunduhan file Tugas Presentasi’ terunduh berhasil File disimpan dalam memori perangkat komunikasi Kondisi Akhir bergerak

33

9. Menambah sumber daya file – mendapat notifikasi Kode Tujuan Pengujian

PF-009 Menguji pengunggahan sumber daya file Pengguna berada dalam halaman pertemuan Kondisi Awal Minggu ke-9 dalam mata kuliah ‘Jaringan Multimedia’ Prosedur Hasil yang Hasil yang Data Input Kesimpulan Pengujian diharapkan diperoleh Username 1. Memilih File berhasil Notifikasi file Proses pengguna = menu disimpan dalam berhasil pengunggahan ‘dosenAA-01’, tambah server, peserta diunggah, file file dan nama = ‘UTS’, 2. Memilih yang login terunggah, notifikasinya berhasil deskripsi = ‘Ini ‘Sumber mendapat mahasiswa bahan untuk Daya’ notifikasi sumber mendapat UTS’, path filei = 3. Memasukka daya baru notifikasi ‘/mnt/sdcard/If n detil sumber daya sumber daya baru mobilearning/Jar ingan Multimedia (A)/Rule Tugas Presentasi.docx’ Kondisi Akhir

Peserta mendapat notifikasi sumber daya baru

34

10. Menampilkan peserta perkuliahan Kode Tujuan Pengujian

PF-010 Menguji fungsi menampilkan profil peserta perkuliahan Pengguna berada dalam halaman mata kuliah ‘Realitas Kondisi Awal Virtual’ Data Prosedur Hasil yang Hasil yang Kesimpulan Input Pengujian diharapkan diperoleh 1. Memilih tab Daftar peserta Daftar peserta Proses peserta perkuliahan dan perkuliahan, profil menampilkan peserta 2. Memilih peserta dapat halaman peserta perkuliahan melihat profil berhasil ‘Adi Chris DPP Bangun’ Kondisi Akhir Tampilan profil peserta perkuliahan

35

Kesimpulan Rumusan Masalah

Bagaimana membuat aplikasi

 Aplikasi ini dapat berjalan pada perangkat mobile berbasis Android untuk mengakses situs e-Learning dengan menggunakan web service yang mengakses basis data dan web e-Learning

Bagaimana memberikan

 Aplikasi ini menyajikan fitur untuk modul tugas dan sumber daya file dalam situs e-Learning dengan Moodle → alternatif lain dalam mengakes situs eLearning IF ITS

klien e-Learning untuk mobile berbasis Android

alternatif lain dalam mengakses situs e-Learning IF ITS

36

Kesimpulan (cont’d) Rumusan Masalah

Bagaimana membuat aplikasi klien e-Learning yang menampilkan modul pembelajaran terperinci

Bagaimana memberikan notifikasi terkait tugas dan sumber daya perkuliahan

 Aplikasi ini menampilkan modul pembelajaran tugas dan sumber daya file secara lebih detil dan terperinci karena ditampilkan dalam bentuk per minggu, atau per tugas, atau per sumber daya dan bisa dilihat informasi lebih detil

 Aplikasi ini memberikan notifikasi aktual terkait tugas dan sumber daya baru sebagai modul yang paling banyak digunakan dan penting bagi mahasiswa dengan menggunakan GCM 37

Saran  Implementasi lebih banyak modul  Butuh banyak resource developer

 Dukungan dengan platform lain  iOS  Blackberry  Windows Phone

38

SEKIAN