SKRIPSI. Pengembangan Aplikasi Content Management System Untuk Mobile Learning Bagi Pengajar Berbasis Java ADITYA PRASETIO

SKRIPSI Pengembangan Aplikasi Content Management System Untuk Mobile Learning Bagi Pengajar Berbasis Java

ADITYA PRASETIO 105091002893

PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH JAKARTA 2010

PENGEMBANGAN APLIKASI CONTENT MANAGEMENT SYSTEM UNTUK MOBILE LEARNING BAGI PENGAJAR BERBASIS JAVA

SKRIPSI Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer

Pada Fakultas Sains dan Teknologi Universitas Islam Negeri Syarif Hidayatullah Jakarta

Oleh : Aditya Prasetio 105091002893

PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH JAKARTA 2010

ii

PENGEMBANGAN APLIKASI CONTENT MANAGEMENT SYSTEM UNTUK MOBILE LEARNING BAGI PENGAJAR BERBASIS JAVA

FAKULTAS SAINS DAN TEKNOLOGI UIN SYARIF HIDAYATULLAH JAKARTA)

Skripsi Sebagai Salah Satu Syarat Untuk Memperoleh Gelar Sarjana Komputer Pada Fakultas Sains dan Teknologi Universitas Islam Negeri Syarif Hidayatullah Jakarta

Oleh: ADITYA PRASETIO 105091002893

Menyetujui, Pembimbing I,

Pembimbing II,

Imam M. Shofi, MT NIP. 19720205 200801 1 010

Viva Arifin, MMSI NIP. 19730810 200604 2 001

Mengetahui, Ketua Program Studi Teknik Informatika

Yusuf Durrachman, M. Sc, MIT NIP. 19710522 200604 1 002

iii

ABSTRAK

ADITYA PRASETIO (105091002893). Pengembangan Aplikasi Content Management System Untuk Mobile Learning Bagi Pengajar Berbasis Java. Di bawah bimbingan IMAM M. SHOFI dan VIVA ARIFIN. Selama satu dekade terakhir, dunia pendidikan dan pelatihan sangat dipengaruhi oleh perkembangan teknologi. Fenomena ini akan semakin menguat mengingat teknologi ke depan akan semakin kompleks, powerfull, dan terjangkau secara ekonomi. Sebagai contoh paling populer, internet kini sudah menjadi kebutuhan penting bagi siapa pun yang terlibat dalam aktifitas pendidikan dan pelatihan, baik sebagai media maupun sumber belajar. Pada penelitian sebelumnya setiap aplikasi hanya terbatas pada satu pelajaran saja sehingga pengguna memerlukan aplikasi berbeda pada setiap pelajaran. Disamping itu pengguna harus mengunduh aplikasi tersebut ke handphone mereka, hal ini membuat content menjadi statis. Oleh karena itu, dirasa perlu untuk memngembangkan aplikasi mobile learning yang memiliki content dinamis. Adapun metodologi yang penulis gunakan dalam membuat aplikasi ini adalah menggunakan RAD, yang mempunyai lima tahapan, yaitu Communication, Planning, Modelling, Construction, dan Deployment. Penulis menggunakan bahasa pemrogaman Java, Framework Jmaki untuk AJAX, ORM Hibernate dan database MySQL dalam membuat aplikasi ini. Dengan adanya aplikasi ini maka akan mempermudah pengajar dalam memberikan materi belajar maupun soal latihan tanpa terbatas oleh ruang dan waktu sehingga diharapkan dapat meningkatkan efektifitas dalam belajar. .

Kata Kunci: Mobile learning, Content Management System, web dinamis, RAD.

v

HALAMAN PERNYATAAN

DENGAN INI SAYA MENYATAKAN BAHWA SKRIPSI INI BENARBENAR ASLI KARYA SENDIRI YANG BELUM PERNAH DIAJUKAN SEBAGAI SKRIPSI ATAU KARYA ILMIAH PADA PERGURUAN TINGGI ATAU LEMBAGA MANAPUN.

Jakarta, 31 Oktober 2010

Aditya Prasetio 105091002893

vi

KATA PENGANTAR

Segala puja puji dan syukur penulis panjatkan kehadirat Allah SWT atas segala karunia serta petunjuk-Nya sehingga penulis dapat menyelesaikan penulisan skripsi yang berjudul Pengembangan Aplikasi Content Management System Untuk Mobile Learning Bagi Pengajar Berbasis Java ini dengan baik. Shalawat serta salam penulis sanjungkan kepada Baginda Nabi Muhammad SAW, keluarga serta sahabat beliau. Setelah terselesaikannya penulisan skripsi ini, penulis ingin mengucapkan terima kasih kepada pihak-pihak yang telah membantu penulis, baik berupa bimbingan, moril maupun materiil, yang penulis tujukan kepada: 1. Bapak DR. Syopiansyah Jaya Putra, M.Sis, selaku Dekan Fakultas Sains dan Teknologi, UIN Syarif Hidayatullah Jakarta. 2. Bapak Yusuf Durrachman, M.Sc, MIT, selaku Ketua Program Studi Teknik Informatika, Fakultas Sains dan Teknologi, UIN Syarif Hidayatullah Jakarta. 3. Bapak Imam M. Shofi, MT, selaku dosen pembimbing I yang telah memberikan pengarahan dalam menyelesaikan penulisan skripsi ini. 4. Ibu Viva Arifin, MMSI, selaku dosen pembimbing II yang telah memberikan bimbingan dan saran ditengah kesibukannya. 5. Mama (Almh. Sri Kadariyah) dan Papa (Alm. Achmad Soeharto) yang telah melahirkan, mendidik, serta membimbing penulis. Terima kasih atas segala pengorbanan, baik waktu, tenaga, biaya serta doa.

vii

6. Kakak (Putri Mira Gayatri, S.Psi) yang senantiasa memberikan dorongan semangat dan doa untuk penulis dalam penyelesaian skripsi ini. 7. Teman-teman seperjuangan kelas TI-D 2005: Wildan, Zaky, Harry, Didi, Ale, Ipul, Shodik, Ery, Fahmi, Rindy, Deni, Lia, Yusup, Novan, Mukhlis, Zanba, Bayu, Randy. Teman-teman satu angkatan yang tidak dapat penulis sebutkan satu persatu. Terima kasih semuanya. 8. Rekan-rekan di DNP Webdesign, Pak Dipto, Pak Dicky, Pak Anam, Mba Yul, Koko, Eko atas motivasi dan pengertiannya. 9. Dan semua pihak yang telah membantu pelaksanaan dan penyusunan skripsi ini yang tidak dapat penulis sebutkan satu persatu.

Penulis menyadari bahwa dalam skripsi ini tentu masih jauh dari sempurna, seperti kata pepatah ”Tak Ada Gading Yang Tak Retak”. Oleh karena itu penulis mengharapkan kritik dan saran yang bersifat membangun agar penyusunan skripsi ini menjadi lebih baik lagi ke depannya. Akhir kata, semoga skripsi ini bermanfaat khususnya bagi penulis sendiri dan bagi yang membacanya.

Jakarta, 31 Oktober 2010

Penulis

viii

DAFTAR ISI Halaman Judul ............................................................................................ i Halaman Sampul ......................................................................................... ii Lembar Pengesahan .................................................................................... iii Lembar Persetujuan Penguji ..................................................................... iv Abstrak ......................................................................................................... v Halaman Pernyataan .................................................................................. vi Kata Pengantar ........................................................................................... vii Daftar Isi ...................................................................................................... ix Daftar Tabel ................................................................................................. xii Daftar Gambar ............................................................................................ xiii

BAB 1 PENDAHULUAN 1.1 Latar Belakang .................................................................................. 1 1.2 Rumusan Masalah ............................................................................. 3 1.3 Batasan Masalah ............................................................................... 3 1.4 Tujuan dan Manfaat Penelitian ......................................................... 4 1.4.1 Tujuan Penelitian ...................................................................... 4 1.4.2 Manfaat Penelitian .................................................................... 4 1.5 Metodologi Penelitian ....................................................................... 5 1.5.1 Metode Pegumpulan Data ........................................................ 5 1.5.2 Metode Pengembangan Perangkat Lunak ................................ 5 1.6 Sistematika Penulisan ....................................................................... 6

BAB 2 LANDASAN TEORI 2.1 Pengembangan Sistem ....................................................................... 8 2.2 Mobile Learning (m-Learning) .......................................................... 9 2.2.1 m-Learning berbasis Web ........................................................ 9 2.3 Content Management System (CMS) ................................................ 10 2.3.1 Learning Management System (LMS) ..................................... 11

ix

2.4 JAVA ................................................................................................ 12 2.5 Hibernate 3 ......................................................................................... 12 2.6 Framework JMaki .............................................................................. 13 2.7 Database MySQL .............................................................................. 16 2.8 Sekilas tentang IDE Netbeans ........................................................... 17 2.9 Unit Testing ....................................................................................... 18 2.10 System Testing ................................................................................ 19 2.10.1 Recovery Testing ................................................................... 19 2.10.2 Security Testing ..................................................................... 20 2.10.3 Stress Testing ......................................................................... 21 2.10.4 Performance Testing .............................................................. 21 2.11 Desain Antar Muka .......................................................................... 22 2.12 Rapid Application Development ...................................................... 22 2.13 Studi literatur Sejenis ....................................................................... 24

BAB 3 METODOLOGI PENELITIAN 3.1 Metode Pengumpulan Data ............................................................... 32 3.1.1 Wawancara ............................................................................... 32 3.1.2 Studi Pustaka ............................................................................. 32 3.1.3 Studi Literatur Sejenis ............................................................... 33 3.2 Bahan dan Alat ................................................................................... 33 3.2.1 Perangkat Keras ........................................................................ 33 3.2.2 Perangkat Lunak ....................................................................... 34 3.3 Metode Pengembangan Sistem ......................................................... 34

BAB 4 HASIL DAN PEMBAHASAN 4.1 Communication ................................................................................. 40 4.1.1 Analisis Kebutuhan User .......................................................... 40 4.1.2 Alat dan Bahan ......................................................................... 40 4.2 Planning ............................................................................................ 41 4.3 Modelling .......................................................................................... 42

x

4.3.1 Use Case Diagram .................................................................... 42 4.3.2 Entity Relational Diagram (ERD) ............................................. 51 4.3.3 Pemodelan Antar Muka ............................................................. 55 4.3.4 Pemodelan Kelas ....................................................................... 59 4.4 Construction ...................................................................................... 63 4.4.1 Implementasi Antar Muka ........................................................ 57 4.4.2 Unit Testing .............................................................................. 71 4.4.3 System Testing .......................................................................... 73 4.5 Deployment ....................................................................................... 83 4.5.1 Deployment .............................................................................. 83 4.5.2 Delivery Feedback .................................................................... 83

BAB 5 PENUTUP 5.1 Kesimpulan ....................................................................................... 84 5.2 Saran .................................................................................................. 85

Daftar Pustaka ............................................................................................. 86 Lampiran ..................................................................................................... 88

xi

DAFTAR TABEL Tabel 2.1 Rekomendasi standar untuk mobile web ....................................... 10 Tabel 4.1 Planning Pembuatan Aplikasi........................................................ 42 Tabel 4.2 Tabel Use Case User ..................................................................... 43 Tabel 4.3 Tabel Use Case Manajemen User .................................................. 44 Tabel 4.4 Tabel Use Case Materi ................................................................... 46 Tabel 4.5 Tabel Use Case Autentikasi User................................................... 47 Tabel 4.6 Tabel Use Case Manajemen File ................................................... 49 Tabel 4.7 Tabel Use Case Manajemen Gambar ............................................. 50 Tabel 4.8 Tabel User ...................................................................................... 52 Tabel 4.9 Tabel Materi ................................................................................... 53 Tabel 4.10 Tabel Matkul ................................................................................ 53 Tabel 4.11 Tabel Kuliah................................................................................. 54 Tabel 4.12 Tabel Image.................................................................................. 54 Tabel 4.13 Tabel File ..................................................................................... 54 Tabel 4.14 Tabel Security Testing pada halaman frontend ............................ 74 Tabel 4.15 Tabel Security Testing pada halaman Adminsitrator ................... 74 Tabel 4.16 Hasil Performance data pada Stress Testing ............................... 75 Tabel 4.17 Hasil Response Time data pada Stress Testing ............................ 76 Tabel 4.18 Hasil Bandwith Usage data pada Stress Testing.......................... 77 Tabel 4.19 Hasil Errors report data pada Stress Testing .............................. 78 Tabel 4.20 Hasil Performance data data pada Performance Testing ............ 79 Tabel 4.21 Hasil Response time data pada Performance Testing .................. 80 Tabel 4.22 Hasil Bandwith Usage data pada Performance Testing .............. 81 Tabel 4.23 Hasil Errors Report data pada Performance Testing .................. 82 Tabel 5.1 Rangkuman Hasil pengujian ......................................................... 84

xii

DAFTAR GAMBAR Gambar 2.1 Arsitektur jMaki ......................................................................... 14 Gambar 2.2 Arsitektur MySQL server ........................................................... 17 Gambar 2.3 Splash Screen NetBeans 6.7.1 ................................................... 19 Gambar 3.1 The RAD Model .......................................................................... 35 Gambar 3.2 Tahapan dan Rincian Pengembangan Sistem............................. 39 Gambar 4.1 Use Case Diagram Autentikasi User .......................................... 42 Gambar 4.2 Use Case Diagram Manajemen User ......................................... 44 Gambar 4.3 Use Case Diagram Manajemen Materi ...................................... 46 Gambar 4.4 Use Case Diagram Manajemen Course ...................................... 47 Gambar 4.5 Use Case Diagram Manajemen Gambar .................................... 49 Gambar 4.6 Use Case Diagram Manajemen File ........................................... 50 Gambar 4.7 Entity Relational Diagram (ERD) ............................................ 51 Gambar 4.8 Perancangan halaman Login ...................................................... 55 Gambar 4.9 Perancangan halaman Kelas ....................................................... 56 Gambar 4.10 Perancangan halaman Kuliah ................................................... 57 Gambar 4.11 Perancangan halaman Materi ................................................... 53 Gambar 4.12 Perancangan halaman Mata Kuliah .......................................... 58 Gambar 4.13 Perancangan halaman User ...................................................... 59 Gambar 4.14 Class Diagram pada package entity ......................................... 61 Gambar 4.15 Class Diagram pada package DAO .......................................... 62 Gambar 4.16 Halaman Login ......................................................................... 63 Gambar 4.17 Halaman Mata Kuliah .............................................................. 64 Gambar 4.18 Halaman Materi ........................................................................ 64 Gambar 4.19 Halaman User........................................................................... 65 Gambar 4.20 Halaman Upload File ............................................................... 65 Gambar 4.21 Halaman Image Manager ......................................................... 66 Gambar 4.22 Halaman Materi untuk Tutor .................................................... 66 Gambar 4.23 Halaman User untuk Tutor ....................................................... 67 Gambar 4.24 Halaman Frontend daftar Dosen .............................................. 67

xiii

Gambar 4.25 Halaman Frontend daftar Mata Kuliah .................................... 68 Gambar 4.26 Halaman Frontend Profil Dosen .............................................. 68 Gambar 4.27 Halaman Frontend Materi ........................................................ 69 Gambar 4.28 Halaman Hasil Pencarian ......................................................... 69 Gambar 4.29 Pengujian pada handphone Nokia E63..................................... 70 Gambar 4.30 Pengujian pada handphone Nokia E51 .................................... 70 Gambar 4.31 Pengujian pada handphone Nokia C3 ...................................... 71 Gambar 4.32 Hasil Unit Testing class materi ................................................ 71 Gambar 4.33 Hasil Unit Testing class matkul................................................ 72 Gambar 4.34 Hasil Unit Testing class user .................................................... 72 Gambar 4.35 Hasil Unit Testing class file ..................................................... 72 Gambar 4.36 Hasil Unit Testing class Image ................................................. 73

xiv

BAB I PENDAHULUAN

1.1

Latar Belakang Selama satu dekade terakhir, dunia pendidikan dan pelatihan sangat

dipengaruhi oleh perkembangan teknologi. Fenomena ini akan semakin menguat mengingat teknologi ke depan akan semakin kompleks, powerfull, dan terjangkau secara ekonomi. Sebagai contoh paling populer, internet kini sudah menjadi kebutuhan penting bagi siapa pun yang terlibat dalam aktifitas pendidikan dan pelatihan, baik sebagai media maupun sumber belajar. Hal yang sama pun terjadi pada teknologi bergerak (mobile technology). Perkembangan baik dalam hal jaringan (Wi-Fi, 3G, WiMAX) maupun peralatan (smart phones, pocket PCs, tablet PCs, serta PDA) telah menyebabkan teknologi ini berkembang cepat. Tak heran bila kemudian pengguna telepon bergerak saat ini sangat mudah ditemui (Essa:1). Memang, penggunaan telepon bergerak selama ini masih terfokus pada kegiatan seperti menelpon, mengirim sms, mendengarkan musik, menonton video, serta mengelola agenda pribadi. Tetapi belakangan, telepon bergerak maupun peralatan bergerak lainnya seperti smart phone dan PDA mulai dieksplorasi penggunaannya untuk kepentingan pembelajaran. Dengan sifat fleksibilitas dan personalnya, peralatan bergerak tersebut dianggap dapat melahirkan model belajar baru, yang kemudian dikenal dengan mobile learning.

1

2

Terhitung dari tahun 2006 muncul ketertarikan yang tinggi pada potensi mobile learning, yang ditunjukkan dengan banyaknya project dan penelitian tentangnya. Cobcroft, Towers, Smith & Bruns (2006) menyatakan lebih dari 400 publikasi tentang mobile learning termasuk didalamnya papers, konferensi, reports, dan proyek penelitian. Pada penelitian sebelumnya setiap aplikasi hanya terbatas pada satu pelajaran saja sehingga pengguna memerlukan aplikasi berbeda pada setiap pelajaran. Disamping itu pengguna harus mendownload aplikasi tersebut ke handphone mereka, hal ini membuat content menjadi statis. Berdasarkan content yang masih statis, maka penulis mengembangkan sebuah Content Management System untuk mengisi materi, agar content aplikasi dapat disesuaikan dengan kebutuhan dan tidak terbatas dengan satu mata pelajaran saja. Aplikasi yang penulis kembangkan tidak membatasi pembelajar untuk mengakses content pembelajaran apapun yang ada, dengan demikian pambelajar dapat leluasa mendapatkan materi belajar. Untuk mengakses aplikasi yang penulis kembangkan pengguna cukup menggunakan web browser pada telepon genggam mereka. Judul yang penulis angkat adalah “Pengembangan Aplikasi Content Management System untuk Mobile Learning Bagi Pengajar Berbasis Java”. Diharapkan penelitian ini akan mempermudah pengajar dalam memberikan materi belajar tambahan maupun soal latihan, sehingga diharapkan dapat meningkatkan efektifitas dalam belajar.

3

1.2 Rumusan Masalah Masalah yang dapat dirumuskan dalam tugas akhir ini sebagai berikut : 1. Bagaimana mengembangkan sebuah aplikasi Content Management Sistem untuk mobile learning yang diperlukan bagi pengajar. 2. Bagaimana membuat aplikasi web Content Management Sistem untuk mobile learning yang dapat diakses melalui telepon genggam.

1.3 Batasan Masalah Adapun batasan masalah untuk skripsi ini antara lain: 1. Mobile learning berperan sebagai pendamping untuk sistem belajar yang ada. 2. Pengguna memerlukan handphone memiliki mobile browser untuk mengakses sistem ini. 3. Pengajar memiliki hak untuk menambah isi materi yang sesuai dengan bidang yang diajarnya. 4. File yang diperbolehkan untuk diupload adalah file berformat .doc, .docx, ppt, pptx, xls, xlsx .pdf, .flv, dan MP3. 5. Pembelajar hanya bisa melihat materi yang telah dimasukkan oleh pengajar serta mendownload file. 6. Pembelajar bebas memilih materi apa saja yang ada pada aplikasi mLearning, tidak terbatas oleh kelas dan semester yang diikutinya. 7. Bagian yang dapat diakses dengan handphone hanya pada frontend, sedangkan bagian beckend diakses dengan komputer atau laptop.

4

8. M-Learning akan dibangun menggunakan teknologi Java 1.5 dengan IDE Netbeans 6.7.1.

1.4 Tujuan dan Manfaat Penelitian 1.4.1 Tujuan Penelitian Untuk mempermudah pengajar dalam memberikan materi belajar maupun soal latihan tanpa terbatas oleh ruang dan waktu sehingga diharapkan dapat meningkatkan efektifitas dalam belajar.

1.4.2 Manfaat Penelitian Manfaat yang didapatkan dalam melakukan skripsi ini adalah : a. Bagi Penulis : 1. Menambah wawasan penulis tentang teknologi berbasis Java dan menerapkannya langsung. 2. Menambah wawasan penulis tentang mobile Learning. 3.

Mendapatkan pemahaman mengenai metodologi penelitian, khususnya Rapid Application Development (RAD).

b. Bagi Pengguna : 1. Memberikan independensi waktu dan tempat pada pengguna dalam memberikan materi belajar dan soal latihan kepada pembelajar. 2. Berguna sebagai tambahan dalam belajar bagi pembelajar.

5

c. Bagi Universitas : 1. Mengetahui kemampuan mahasiswa dalam menguasai materi ilmu yang telah diperoleh dibangku kuliah. 2. Mengetahui kemampuan mahasiswa dalam menerapkan ilmunya dan sebagai bahan evaluasi. 3. Memberikan gambaran tentang kesiapan mahasiswa dalam menghadapi dunia kerja dari hasil yang diperoleh selama kuliah.

1.5 Metodologi Penelitian Metodologi Penelitian yang penulis gunakan adalah sebagai berikut :

1.5.1 Pengumpulan data a. Wawancara Teknik yang penulis gunakan dalam memperoleh data adalah dengan cara mengajukan pertanyaan-pertanyaan kepada Kepala Pusat Data Teknik informatika Fakultas Sains dan Teknologi (PUSDATIN FST). b. Studi Pustaka Mengumpulkan data dan informasi dengan cara membaca dan mempelajari buku-buku literatur referensi serta situs-situs internet yang berkenaan dengan topik yang dapat dijadikan acuan pembahasan dalam penelitian ini. 1.5.2

Metode Pengembangan Perangkat Lunak Metode pengembangan perangkat lunak yang penulis gunakan adalah

SDLC (System Development Live Cycle) model linear sequencial yang

6

sering disebut RAD (Rapid Application Development). Tahapannya adalah sebagai berikut : 1. Communication. 2. Planning. 3. Modelling. 4. Construction (Implementation). 5. Deployment

1.6 Sistematika Penulisan Penelitian ini terdiri dari lima bab, dengan penjelasan tiap-tiap bab sebagai berikut : BAB I : PENDAHULUAN Pada bab ini berisi tentang Latar Belakang, Rumusan Masalah, Batasan Masalah, Tujuan dan Manfaat Penelitian, Metodologi Penelitian serta Sistematika Penulisan Penelitian. BAB II: LANDASAN TEORI Pada bab ini menjelaskan tentang teori perangkat keras dan perangkat lunak, definisi sistem, analisa sistem, definisi perancangan sistem dan jenis program yang digunakan. BAB III: METODOLOGI PENELITIAN Pada bab ini akan menguraikan dan memberikan penjelasan mengenai perancangan perangkat lunak, perancangan sistem sehingga dapat diketahui rencana yang akan dikerjakan.

7

BAB IV: PEMBAHASAN DAN IMPLEMENTASI Pada bab ini akan menjelaskan mengenai pembuatan sistem dan pengujian sistem.

BAB V: PENUTUP Bab ini berisi kesimpulan dari pembahasan masalah dan saran-saran berkenaan dengan penelitian ini.

BAB II LANDASAN TEORI 2.1 Pengembangan Sistem Pengembangan sistem yaitu menyusun sistem yang baru untuk menggantikan sistem yang lama secara keseluruhan atau perbaikan pada sistem yang telah ada dengan harapan bahwa sistem yang baru dapat mengatasi sistem yang lama. (Mcleod, J., 1996). Pengembangan sistem dapat berarti menyusun suatu sistem yang baru untuk menggantikan sistem yang lama secara keseluruhan atau memperbaiki sistem yang telah ada. Dengan telah dikembangkannya sistem yang baru, maka diharapkan akan terjadi peningkatan-peningkatan ini antara lain: 1. Performance (Kinerja), yaitu terjadi peningkatan terhadap kinerja (hasil kerja) sistem yang baru sehingga menjadi lebih efektif. 2. Throughput, yaitu jumlah dari pekerjaan yang dapat dilakukan suatu saat tertentu. 3. Control (pengemdalian), yaitu peningkatan terhadap pengendalian untuk mendeteksi dan memperbaiki kesalahan-kesalahan serta kecurangankecurangan yang akan terjadi.

8   

9   

4. Service (pelayanan), bagaimana peningkatan terhadap pelayanan yang diberikan oleh sistem. 2.2 Mobile Learning (m-Learning) Mobile learning (m-Learning) adalah penggunaan teknologi wireless mobile yang memungkinkan pengaksesan informasi dan meteri belajar kapanpun dan dimanapun. Dengan demikinan, pembelajar memiliki control penuh atas tempat dan waktu untuk belajar. Semua manusia memiliki hak yang sama dalam mengakses informasi dan materi belajar untuk meningkatkan kualitas mereka terlepas dari asal, status, dan budaya mereka (Mohamed. 2009: 1). 2.2.1 Mobile Learning Berbasis Web Mobile learning berbasis web memiliki standard content yang dapat diakses melalui web browser pada mobile devices yang dijelaskan oleh W3C Mobile Web Initiative (MWI) yang merupakan sebuah kolaborasi industri dan teknologi yang bertujuan untuk meningkatkan produksi content web dan akses untuk pengguna mobile (Low.2007:20). Mobile Web Best Practices 1.0 (W3C 2006a) adalah spesifikasi standard dan contoh praktek dari mobile web-based content (Low.2007:20). Berikut adalah garis besar rekomendasi yang dikeluarkan oleh W3C (W3C 2006a). Dibawah rekomendasi dari Default Delivery Context, content untuk mobile web bisa saja melebihi rekomendasi ini jika content dirancang untuk diakses oleh perangkat yang berspesifikasi tinggi (Low.2007:21).

10   

Tabel 2.1 Rekomendasi standar untuk mobile web XHTML 1.0 Basic Profile (W3C 2006a)

Web Text

WML 1.0 Character encoding

UTF-8

Format web pages

External CSS Level 1(W3C 2006a) Link external CSS with LINK not @import

Colours

256 colour, Web Safe palette (W3C 2006a)

Maximum total page

20 kilobytes (W3C 2006a)

weight

10 kilobytes is a ‘usable’ page weight (W3C 2000a s.5.3.2.3)

Transport protocol

HTTP/1.0 or HTTP/1.1 (W3C 2006a)

Images (photographic) JPEG, non-progressive Specify image size (both width and height) in mobile web page markup (W3C 2006a) Images (graphic)

GIF 89a, 256 colour web-safe palette, noninterlaced, non-transparent, non-animated Specify image size (both width and height) in mobile web page markup (W3C 2006a)

Usable screen width

Phones: 120 px (W3C 2006a) – 320 px PDAs: 240 px – 640 px

Sumber M-learning standards report (Low, 2007:13)

2.3 Content Management System (CMS) Content Management System (CMS) adalah sebuah aplikasi berbasis web yang memiliki system sedemikian rupa hingga memberikan kemudahan kepada para pengguna sekaligus juga pengelolanya (Rachdian, 2005:4).

11   

Content Management System (CMS) memiliki serangkaian prosedur yang digunakan untuk mengatur alur kerja. Prosedur-prosedur ini dapat bersifat manual maupun berbasis compute. Prosedur-prosedur ini didesain untuk: 1. Memungkinkan sejumlah orang untuk berkontribusi dan memasukkan data. 2. Mengontrol akses data, sesuai dengan perannya. 3. Memudahkan penyimpanan dan penerimaan data. Pada sebuah CMS, content yang diatur bersifat industri spesifik. Sebagai contoh, content multimedia akan berbeda dengan desain dokumen untuk pesawat jet. Banyak terminologi yang mengaturnya. Beberapa contoh yang umum digunakannya CMS antara lain Web Content Management,

Digital Asset

Management, Digital Records Management, Electronic Content Management, dan Mobile Content Management, Learning Management System. 2.3.1 Learning Management System (LMS) Learning Management System adalah system manajemen pembelajaran berbasis

web

yang

memungkinkan

pengajar

untuk

mengakses

dan

mendistribusikan materi belajar. Sistem ini juga memungkinkan murid untuk melakukan aktifitas belajar seperti mengakses konten dan materi yang dibuat oleh pengajar (Niazi, 2008: 3).

12   

Dengan learning management system, pengajar yang berperan sebagai pengelola konten belajar dapat membuat, dan mempublikasikan materi belajar kepada siswa-siswanya.  

2.4 JAVA Java ditemukan oleh James Gosling, Patrick Naughton, Chris Warth, Ed Frank, dan Mike Sheridan dibawah Sun Microsystem, Inc pada 1991. Membutuhkan 18 bulan untuk mengembangkan versi pertamanya. Bahasa pemrograman ini awalnya diberi nama Oak tapi kemudian diganti Java pada 1995. Diantara implementasi awal dari Oak pada 1992 dan berganti nama menjadi Java pada 1995, banyak orang yang berkontribusi dalam desain dan evolusinya. Bill Joy, Arthur van Hoff, Jonathan Payne, Frank Yellin, dan Tim Lindholm adalah kontributor kunci dalam proses pendewasaan dari prototype awal (Naughton, Patrick. 1999: 10). Java sendiri memiliki beberapa edisi untuk berbagai keperluan pengembang perangkat lunak yaitu J2SE, J2EE, J2ME, dan yang terakhir adalah JavaFX. Sebuah profile memberikan library tambahan untuk suatu kelas tertentu pada sebuah perangkat. profile-profile menyediakan user interface (UI) API, persistence, messaging library, dan sebagainya. 2.5 Hibernate 3 Bauer dan King (2005:2) menjelaskan Hibernate adalah framework yang memediasi interaksi aplikasi dengan database, dengan demikian developer dapat

13   

berkonsentrasi pada komponen logika bisnis. Dengan hibernate pengembang tidak perlu mengikuti semua aturan dan disain hibernate ketika membuat logika bisnis dan kelas-kelas. Hibernate tidak saja melakukan pemetaan kelas Java ke tabel database, tapi juga menyediakan fasilitas untuk query dan data retrieval dan secara signifikan mempersingkat waktu pengembangan dibandingkan dengan data handling secara manual pada SQL dan JDBC. Tujuan Hibernate adalah untuk membebas tugaskan pengembang dari tugas-tugas persisten data (Bauer. 2003:1).

2.6 Framework jMaki jMaki adalah framework ringan untuk membuat aplikasi Web centric 2.0 menggunakan tata letak CSS, widget-widget model, penangan JavaScript, dan proxy generik untuk berinteraksi dengan web eksternal RESTful web services. jMaki mengabstraksi JavaScript dan CSS dengan menyediakan widget default, widget JavaScript dan CSS yang dibuat mudah diakses sehingga bisa dikustomisasi oleh perancang. jMaki berfokus pada aspek memberikan JavaScript untuk memungkinkan klien untuk berkomunikasi dengan berbagai teknologi server-termasuk PHP, Java (JSP / JSF), dan Phobos dalam teknologi-server cara netral.

14   

Gambar 2.1 Arsitektur jMaki Berikut ini adalah modul klien dan server yang membentuk jMaki. Client Side Komponen: 1. jMaki Layouts: - Layout jMaki memberikan standar berdasarkan titik awal untuk membuat aplikasi web menggunakan HTML dan CSS. 2. jMaki Clien Runtime: - Klien jMaki Runtime adalah JavaScript yang bertanggung jawab untuk bootstrap semua widget dan melewati parameter yang disediakan oleh server-side runtime ke sisi widget. Parameter yang unik untuk setiap widget, dan JavaScript runtime akan memastikan bahwa setiap contoh widget mendapatkan parameter yang benar yang dikirimkan dari server-side runtime. Ketika parameter tidak disediakan runtime menggunakan parameter default yang kemudian dapat disesuaikan untuk masing-masing widget.

15   

3. jMaki Client Services: Layanan API yang mudah digunakan untuk melakukan XMLHttpRequest dan mempublikasikan subscribe pada klien disediakan untuk semua widget sebagai alat komunikasi. jMaki Glue dibangun di atas publish/subscribe suatu peristiwa. Hal ini memungkinkan Anda untuk menentukan perilaku dan time widget-widget bersama menggunakan JavaScript ketika event tertentu diterbitkan dengan suatu topik. Timer jMaki memungkinkan penangan event JavaScript untuk dipanggil atau peristiwa yang akan diterbitkan pada interval yang ditetapkan. The Injector jMaki adalah layanan klien yang memungkinkan Anda untuk membawa halaman eksternal ke setiap elemen div yang ditentukan. The transfer Injector script dan CSS dengan konten halaman global dan memungkinkan widget seperti iframe dapat diambil tanpa masalah. 4. jMaki Widget Model - Model widget jMaki menyediakan sebuah model komponen untuk komponen JavaScript yang reusable. Struktur didasarkan pada HTML, JavaScript dan CSS. Anda dapat menggunakan struktur ini untuk membuat widget sendiri atau widget wrapper dari toolkit yang diberikan. jMaki menyediakan default widget wrapper dan server tie untuk widget yang sering digunakan seperti Dojo, Yahoo UI, Prototipe, dan beberapa widget asli milik jMaki. jMaki juga mendefinisikan format widget.json yang merupakan cara umum untuk menggambarkan sehingga mereka dapat diakses oleh perangkat.

16   

Komponen server: 1. jMaki Server Runtime - Server jMaki Runtime bertanggung jawab untuk mengikat JavaScript Client jMaki Runtime ke runtime server-side seperti Java, PHP, atau runtime Phobos berbasis JavaScript. Runtime server melakukan tracking dan merender semua script dan CSS berdasarkan jenis library yang digunakan untuk memastikan bahwa script duplikat dan link CSS tidak diduplikasi. Runtime server juga akan memastikan API kunci (seperti GoogleMap dan Yahoo button) akan diterapkan bila perlu didasarkan pada seperangkat konfigurasi kunci. Renders runtime server membuat template HTML dan JavaScript serializes data sehingga setiap widget akan menyediakan data yang tepat. 2. XmlHttpProxy - Modul XmlHttpProxy menyediakan sarana bagi widget untuk mengakses JSON atau XML RESTful XML-based di luar dari domain aplikasi web. Service tersebut termasuk RSS feed, layanan Yahoo seperti geocoding, pencarian gambar Flickr, dan masih banyak lagi yang akan datang. XmlHttpProxy memungkinkan widget untuk mengakses layanan dengan cara yang seragam dengan menyediakan transformasi XSL-to-JSON yang dapat dengan mudah disesuaikan.

2.7 Database MySql 5.1.30 MySQL merupakan Open Source SQL database yang paling popular, MYSQL dibuat oleh MySQL AB. MySQL AB adalah sebuah perusahaan komersil yang

17   

menyediakan servis seputar database MySQL (MySQL Reference Manual. MySQL AB , 2001, pp.2).

Gambar 2.2 Arsitektur MySQL server MySQL merupakan sebuah relational database management system, yang menyimpan data pada tabel yang terpisah, hal ini dapat meningkatkan kecepatan dan fleksibilitas. Tabel-tabel tersebut kemudian dihubungkan melalui relasi-relasi tertentu sehingga memungkinkan untuk mengkombinasikan data dari berbagai tabel sesuai dengan permintaan, melalui SQL yang telah menjadi bahasa standar yang umum untuk mengakses database.

2.8 Sekilas tentang NetBeans 6.7.1 NetBeans IDE adalah sebuah integrated development environment (IDE) untuk menulis, meng-compile, testing, dan debugging aplikasi untuk platform Java maupun bahasa pemrograman lain. Netbeans IDE memiliki text editor,

18   

perangkat disain visual, source code management, integrasi dengan database, integrasi dengan server, dan lain-lain.

Gambar 2.3 Splash Screen NetBeans 6.7.1 2.9 Unit Testing Unit testing berfokus pada verifikasi di unit terkecil dari disain perangkat lunak. Menggunakan disain component-level sebagai penunjuk, control path yang penting akan dites untuk mendapatkan error di dalam batas modul. Kompleksitas dari pengujian tergantung pada batas yang ada untuk unit testing. Unit test berorientasi pada white-box testing, dan langkahnya dapat dijalankan secara parallel pada komponen yang berlainan. (Pressman, 2002:485).

19   

Ketika pemrograman object oriented digunakan, maka konsep dari unit berubah. Setiap class dan objek memiliki data dan operasi (methods) yang memanipulasi data-data ini. Unit testing tidak lagi dilakukan pada modul-modul terpisah, tetapi dilakukan pada class atau objek. Hal ini dikarenakan sebuah kelas bisa memiliki sejumlah operasi berbeda dan beberapa operasi tersebut dapat berada pada kelas-kelas yang berbeda, artinya unit testing berubah secara dramatis (Pressman, 2002:664). Kita tidak dapat lagi melakukan test pada satu operasi secara terpisah melainkan dilakukan sebagai bagian dari kelas. Berikut adalah ilustrasinya, sebuah superclass yang memiliki operasi X yang diturunkan pada sejumlah subclasses. Maka setiap subclasses akan menurunkan operasi X . Dikarenakan operasi X tersebut digunakan oleh beberapa kelas, maka Unit test pada operasi X harus dilakukan pada subclasses.

2.10 System Testing

System testing adalah serangkaian test yang bertujuan untuk menguji system secara keseluruhan. Meskipun setiap test memiliki tujuan yang berbeda, namun seluruh tahapan dilakukan dengan terintegrasi (Pressman, 2002:525). Berikut ini adalah serangkaian test yang termasuk dalam system

testing. 2.10.1

Recovery Testing

Sistem yang berbasis komputer harus dapat pulih dari kesalahan dan melanjutkan pemrosesan ketika terjadi keadaan yang tidak diinginkan. Dalam

20   

beberapa kasus, sistem harus fault tolerant, yaitu pengolahan tidak boleh menyebabkan kesalahan fungsi sistem secara keseluruhan. Dalam kasus lain, kegagalan system harus dikoreksi dalam jangka waktu tertentu atau kerugian secara ekonomi yang parah akan terjadi (Pressman, 2002:525). Recovery Testing adalah tes sistem yang memaksa perangkat lunak untuk gagal dalam berbagai cara dan memverifikasi bahwa pemulihan dilakukan dengan benar. Jika pemulihan otomatis (dilakukan oleh sistem itu sendiri), reinitialization, mekanisme checkpointing, data recovery, dan restart dievaluasi. Jika pemulihan membutuhkan intervensi manusia, berarti waktu untuk perbaikan dievaluasi. 2.10.2

Security Testing Security testing melakukan verifikasi bahwa mekanisme keamanan

yang ada pada system akan mampu melindungi dari serangan. Sistem keamanan harus, di uji kekebalannya dari serangan langsung. Selama pengujian keamanan, tester memainkan peran sebagai individu yang melakukan serangan terhadap sistem (Pressman, 2002:525). Tester mungkin mencoba untuk mendapatkan password dengan perangkat lunak khusus yang dirancang untuk membuat kerusakan pada pertahanan yang telah dibangun, sengaja menyebabkan kesalahan pada sistem, dapat menelusuri melalui data tidak aman. Dengan cukup waktu dan sumber daya, pengujian keamanan yang baik pada akhirnya akan menembus sistem. Peran perancang sistem untuk membuat penetrasi biayanya lebih dari nilai informasi yang akan diperoleh (Pressman, 2002:526).

21   

2.10.3

Stress Testing

Tujuan dari stress testing adalah untuk mengevaluasi dan menentukan perilaku perangkat lunak ketika beban yang ditawarkan lebih dari kapasitas yang dirancang. Sistem sengaja dibebankan hingga melampaui batas yang ditentukan. Hal ini dilakukan untuk memastikan bahwa sistem dapat tetap berfungsi pada kondisi terburuk (Naik, 2008:243). Stress testing menjalankan pengujian sistem dengan cara yang menuntut sumber daya frekuensi, atau volume dalam kuantitas lebih. Misalnya: 1. Tes khusus dapat dirancang dengan menghasilkan sepuluh permintaan per detik, ketika satu atau dua adalah tingkat rata-rata. 2. melakukan masukan data yang dapat ditingkatkan dengan urutan besarnya untuk melihat bagaimana fungsi masukan akan menjawab. 3. Uji kasus yang membutuhkan memori maksimum atau sumber daya lainnya dijalankan, 4. Uji kasus yang dapat menyebabkan sistem operasi terbebani. 5. Uji kasus yang dapat menyebabkan pengambilan data yang berlebihan.

2.10.4

Performance Testing Performance Testing sering digabungkan dengan stress testing dan

biasanya memerlukan instrumen perangkat keras atau perangkat lunak. Artinya, diperlukan instrumen untuk mengukur pemanfaatan sumber daya. Instrumen eksternal dapat memantau interval eksekusi, peristiwa log yang terjadi, dan memantau mesin secara teratur. Dengan instrumenting

22   

sistem, tester dapat mengungkap situasi yang menyebabkan degradasi dan kegagalan system (Pressman, 2002:527).

2.11 Disain Antar Muka Antar muka pada aplikasi berbasis web adalah kesan pertama. Terlepas dari isi, kepuasan pelayanan, dan keseluruhan keuntungan dari aplikasi tersebut, disain yang kurang baik akan membuat User meninggalkan web tersebut (Pressman, 2005:813). Pressman menyebutkan ada beberapa faktor yang harus diperhatikan dalam mendisain website: a. Menu navigasi harus konsisten dan harus tersedia di setiap halaman yang bisa diakses oleh User b.Menu navigasi harus terlihat jelas oleh User. User tidak perlu mencari link untuk menuju ke halaman yang mereka kehendaki. c. Keindahan hendaknya tidak menggantikan fungsionalitas. Contoh, tombol yang sederhana lebih baik daripada tombol dengan gambar atau icon yang maksudnya tidak jelas. 2.12 Rapid Applications Development (RAD) Model RAD adalah sebuah metode pengembangan sistem yang menggunakan perencanaan minimal dan mengutamakan kecepatan. Tahap perencanaan dalam RAD berada pada fase panulisan kode software itu sendiri. Pengurangan porsi perencanaan secara umum membuat penulisan kode program lebih cepat, dan mudah beradaptasi pada perubahan (Pressman, 2005:82).

23   

Model pengembangan perangkat lunak yang digunakan pada Aplikasi mLearning ini adalah model RAD. Penulis memilih model RAD yang merupakan sebuah model proses perkembangan dari sekuensial linier yang menekankan siklus perkembangan yang sangat pendek, proses RAD memungkinkan tim pengembangan menciptakan “sistem fungsional yang utuh” dalam periode waktu yang sangat pendek (kira-kira 60 sampai 90 hari). RAD cocok diterapkan pada aplikasi m-learning ini karena dimana perkembangan cepat dicapai dengan menggunakan pendekatan kontruksi berbasis komponen. RAD

mengasumsikan

pemakaian

teknik

generasi

keempat.

Selain

menciptakan perangkat lunak dengan menggunakan bahasa pemrograman generasi ketiga yang konvensional. Pada semua kasus, alat-alat bantu otomatis dipakai untuk memfasilitasi konstruksi perangkat lunak. Melakukan penggunaan kembali komponen yang ada (jika mungkin), artinya membuat kembali penggunaan komponen jika dibutuhkan, kemudian testing and turnover. Karena proses RAD menekankan pada pemakaian kembali, banyak komponen program telah diuji. Hal ini mengurangi keseluruhan waktu pengujian, tetapi komponen baru harus diuji dan semua interface harus dilatih secara penuh. Hasil pengembangan bisa lebih cepat dibandingkan metode lainnya. RAD memerlukan biaya yang lebih sedikit, mementingkan dari segi bisnis dan teknik, berkonsentrasi pada sudut pandang pengguna, RAD menyediakan kemungkinan perubahan secara cepat sesuai permintaan pengguna, menghasilkan jarak kesesuaian yang kecil antara kebutuhan user dan spesifikasi sistem, waktu, biaya, dan usaha yang akan dikelurkan pun minimal.

24   

2.13 Studi Sejenis Dalam hal ini, penulis membaca dan memahami literatur ilmiah yang sejenis dengan penulis. Berikut adalah daftar studi literatur yang penulis Judul: Media Pembelajaran Matematika Online Berbasis Mobile Learning Melalui Wap (Wireless Application Protocol) Untuk Sekolah Menengah Atas. Nama penulis: Ninda Argafani Tahun terbit: 2008 Abstrak: Waktu yang tersedia bagi guru dalam mengajar di dalam kelas sangat kurang sehingga dalam mengajar guru hanya dikejar target mengajar atau ketuntasan materi, sedangkan ketuntasan atau kepemahaman siswa dalam memahami konsep kurang diperhatikan. Ditambah dengan kurangnya siswa dalam berlatih mengerjakan soal-soal merupakan salah satu penyebab mengapa nilai matematika selalu lebih rendah dari pada mata pelajaran yang lain. Selain itu, guru jarang memberikan soal-soal latihan dan membahasnya dikarenakan keterbatasan waktu. Untuk itu guru perlu mengembangkan berbagai metode pengajaran beserta perangkat-perangkat yang diperlukan untuk menunjang proses kegiatan belajar mengajar agar tidak hanya target mengajar saja yang terpenuhi tetapi pemahaman siswa dalam mata pelajaran juga terpenuhi. Mobile learning merupakan salah satu media pembelajaran yang sekarang sedang banyak dikembangkan. Salah satu bentuk dari mobile learning adalah media

25   

alternatif pembelajaran online WAPsite, yang dapat diakses melalui telepon seluler (handphone) yang memiliki fasilitas WAP. Dengan adanya fasilitas ini kita dapat mengakses berbagai macam informasi melalui telepon seluler. Dengan memanfaatkan hasil olah tehnologi ini, dapat dikembangkan sebuah media pembelajaran matematika berbasis WAPsite. WAPsite adalah suatu web yang dikembangkan dan disesuaikan untuk perangkat mobile seperti telepon seluler. Tujuan penulisan skripsi ini adalah untuk mengetahui bagaimana membuat media pembelajaran matematika online melalui WAP (Wireless Application Protocol) untuk Sekolah Menengah Atas. Untuk mengetahui bagaimana membuat media pembelajaran online melalui WAP pada Sekolah Menengah Atas, maka metode penulisan skripsi ini dengan menggunakan metode penulisan diskriptif, yaitu dengan menjabarkan langkahlangkah pembuatan dari media pembelajaran online melalui WAP serta menjelaskan software pendukung yang digunakan dalam proses pembuatan. Kesimpulan dalam penulisan skripsi ini adalah bahwa pembuatan media pembelajaran matematika melalui WAP menggunakan bahasa pemorgraman WML dan PHP serta MySQL sebagai penyimpanan data dan Photoshop 7.0 sebagai pengolah gambar. Selain itu pembuatan media pembelajaran ini melalui lima tahapan, yaitu Merancang desain alur aplikasi, merancang database dan tabel-tabel yang diperlukan dalam sistem, membuat program koneksi, membuat tampilan dari setiap halaman, tahap terakhir adalah Output atau hasil berupa media belajar matematika online melalui WAP. Kata kunci : media pembelajaran, matematika, WAP

26   

Kelebihan: 1. Aplikasi ini memiliki fasilitas raport nilai 2. Aplikasi ini memiliki fasilitas forum Kekurangan : 1. Aplikasi ini hanya untuk pelajaran matematika 2. Aplikasi ini dikembangkan dengan PHP. 3. Materi terbatas, tidak ada fasilitas untuk mengedit materi.

Judul: Perancangan Aplikasi M-Learning Berbasis Java Nama penulis: Bambang Riyanto, Muh. Tamimuddin, Sri Widayati Tahun terbit: 2006 Abstrak: Teknologi telekomunikasi dan teknologi internet menjadi gelombang kecenderungan baru di seluruh dunia. Perkembangan ini memungkinkan terobosan baru dalam belajar secara mobile menggunakan perangkat IT genggam atau disebut mobile learning (m-learning). M-learning memiliki beberapa kelebihan di antaranya adalah kemampuan belajar “kapan-pun di mana-pun”. Namun, di sisi lain, perangkat pembelajaran m-learning memiliki keterbatasan sumber daya dan keragaman platform sehingga diperlukan rancangan yang mampu menjamin kompatibilitas dan interoperabilitas. Kata kunci: m-learning,e-learning, OOP, Java, XML, XML-RPC Kelebihan :

27   

1. Aplikasi ini memiliki fasilitas forum 2. Content pembelajaran dapat diakses dengan offline maupun online.

Kekurangan : 1. Aplikasi ini harus diunduh ke handphone pengguna untuk mengaksesnya. 2. Transmisi data dari server ke client yang menggunakan XML-RPC membuat beban pada server bertambah karena server harus melakukan parsing XML. 3. Akses database belum menggunakan framework yang berbasis Object relational Mapping.

Judul: Pembelajaran Dalam Konteks Mobile Learning. Nama penulis: Essa Basaeed , Jawad Berri dan Mohamed Jamal Zemerly Tahun terbit: 2007 Abstrak: Mobile learning sedang mendapatkan ketertarikan dalam beberapa tahun belakangan ini karena dianggap sesuai dan keluasannya dalam menyampaikan materi belajar. Kesesuaian yang dimilikinya dikarenakan mobile device digunakan tidak hanya untuk komunikasi tetapi juga untuk mengakses internet, berbelanja, bertukar informasi dan mengatur kegiatan sehari-hari.

28   

Tidak berbatas karena memperluas e-Learning dan menghilangkan batasanbatasan serta menawarkan kebebasan dari ruang dan waktu dalam belajar. Perangkat bergerak memiliki potensi untuk digunakan sebagai alat yang tepat untuk memberikan suasana belajar yang berbeda, bagaimanapun keadaan ini mendapatkan tantangan baru berkaitan dengan kemampuan perangkat bergerak untuk mengatasi masalah yang berkaitan dengan materi belajar berbasis multimedia. Fokus kami adalah untuk mendiskusikan isu-isu yang terkait dengan disain dan implementasi sistem mobile learning. Proposal ini menggunakan teknologi berbasis web untuk memecahkan tantangan yang ada pada lingkungan berbasis mobile, dan membutanya menjadi solusi yang sangat cross-platform.

Kata kunci: Context-awareness, pendidikan berbasis teknologi, m-Learning, pembelajaran dengan perangkat bergerak.

Kelebihan : 1. Aplikasi ini memiliki fasilitas forum.

Kekurangan : 1. Hanya menggunakan fasilitas forum untuk bertukar informasi. 2. Aplikasi ini dikembangkan dengan PHP.

29   

Judul: Disain Dan Pengembangan Device-Independent System Untuk Mobile Learning. Nama penulis: Razieh Niazi dan Qusay H. Mahmoud Tahun terbit: 2008 Abstrak: Dengan penetrasi tinggi dari telepon genggam pada masyarakat terutama kaum muda, dan teknologi tinggi yang dimiliki telepon genggam itu sendiri dan ketersediaan jaringan nirkabel, pengajar merasa optimis berkenaan dengan potensi dari telepon genggam untuk alat pendidikan. Beberapa penelitian berkaitan dengan efek pendidikan dengan mobile learning di pendidikan tinggi telah dipublikasikan. Tetapi perhatian pada disain dan pengembangan masih sedikit. Diperlukan inovasi, reliable dan perangkat lunak yang dapat digunakan untuk mobile learning. Hasil yang ditunjukkan di sini berfokus pada disain dan pengembangan aplikasi dan sistem baru untuk pengajar maupun pembelajar untuk menerapkan mobile learning. Pada paper ini, kami mempertunjukkan sebuah sistem mobile learning untuk pengajar maupun pembelajar. Dengan menerapkan sistem ini, pengajar akan dapat membuat quiz yang kompatibel untuk berbagai platform.

Kata kunci: Mobile Learning, M-Learning Java ME, Blackberry Devices, Quiz Generator, Device-Independent.

30   

Kelebihan : 1. Aplikasi ini memiliki fasilitas quiz generator dan penilaian. Kekurangan : 1. Aplikasi ini harus diunduh ke handphone pengguna untuk mengaksesnya. 2. Transmisi data dari server ke client yang menggunakan XML-RPC membuat beban pada server bertambah karena server harus melakukan parsing XML.

Judul: Mobile Learning Dengan Berbasis Jaringan Ad-Hoc Messaging. Nama penulis: Stefan Stieglitz, Christoph Fuchß, dan Christoph Lattemann Tahun terbit: 2008 Abstrak: Permintaan untuk teknik e-learning telah berganti. Aspek semisal interaksi antar komunitas, fleksibilitas, dan mobilitas dalam berkomunikasi menjadi penting. Untuk memenuhinya platform e-learning harus mampu mengakomodir mobile learning. Kebanyakan mencoba mengadopsi e-learning statis ke dalam perangkat mobile. Tetapi, seringkali secara teknis tidak memungkinkan untuk sebagian perangkat dapat berhubungan dengan server. Oleh sebab itu kami memperkenalkan aplikasi mobile learning yang beroperasi dalam arsitektur jaringan ad-hoc. Konsep dari ad hoc messaging network (AMNET) digunakan sebagai dasar arsitektur pada sistem.

31   

Kata kunci: Mobile learning, ad hoc learning, community, e-learning platform, AMNET, ad hoc messaging network, pervasive learning

Kelebihan : 1. Dengan menggunakan jaringan tertutup maka aplikasi ini dapat memantau daftar pengguna secara detil. Kekurangan :

1. Aplikasi ini beroperasi pada jaringan ad-hoc sehingga penyebarannya terbatas pada wilayah yang terjangkau oleh jaringan saja.

 

BAB III METODOLOGI PENELITIAN 3.1 Metode Pengumpulan Data Dalam rangka penelitian ini, penulis membutuhkan data atau informasi dan referensi yang relatif lengkap untuk mendukung materi uraian dan pembahasan. Metode pengumpulan data dan referensi yang dibutuhkan adalah sebagai berikut. 3.1.1 Wawancara Wawancara

(interview)

adalah

komunikasi

dua

arah

untuk

mendapatkan data dari responden (Jogiyanto, 2008:111). Penulis menggunakan teknik wawancara langsung, yaitu dengan cara mengajukan pertanyaan-pertanyaan langsung kepada Kepala Pusat Data Teknik informatika Fakultas Sains dan Teknologi (PUSDATIN FST) dalam hal kebutuhan akan aplikasi yang penulis buat. Hasil wawancara dapat dilihat pada Lampiran A.

3.1.2

Studi Pustaka

a. Membaca dan mempelajari buku-buku atau dokumen-dokumen. Dokumen atau buku yang termasuk didalamnya yaitu buku-buku, artikel, dan jurnal yang berhubungan dengan dan m-learning. Dokumen - dokumen tersebut bisa bersifat hardcopy ataupu softcopy yang bersumber dari internet. Dapat dilihat di daftar pustaka.

32   

33   

b. Dokumen- dokumen yang telah dikumpulkan kemudian dipilih dan dihimpun berdasarkan tujuan dan fokus penelitian. Dapat dilihat di daftar pustaka. c. Dokumen-dokumen yang telah dipilih dan himpun kemudian diurutkan sesuai dengan urutan kronologis, kekuatan, dan kesesuaian. Dapat dilihat di daftar pustaka. d. Dilakukan analisis untuk mendapatkan suatu pemahaman mengenai konsep perancangan web aplikasi untuk mengakomodir m-learning. Dapat dilihat di daftar pustaka. 3.1.3 Studi Sejenis Dalam hal ini, penulis membaca dan memahami literatur ilmiah yang sejenis dengan penulis. Hasil studi literatur sejenis dapat dibaca pada subbab 2.9. 3.2 Bahan dan Alat 3.2.1

Perangkat Keras Perangkat keras adalah seperangkat alat atau komponen yang

disarankan untuk pengembangan aplikasi adalah sebagai berikut: 1. CPU (Central Processing Unit) Intel Pentium 4 2.0 GHz 2. Harddisk 20 GB 3. Keyboard Standard USA 4. Mouse Standard 5. Monitor SVGA

 

34   

3.2.2

Perangkat Lunak Perangkat lunak merupakan bagian dari sistem pengolahan data

yang digunakan untuk mengaktifkan fungsi dari perangkat keras komputer. Perangkat lunak minimal adalah sebagai berikut : 1. Sistem Operasi Sistem operasi yang disarankan minimal Windows XP Service Pack 2. 2. Program Aplikasi Merupakan perangkat lunak yang akan digunakan dalam pembuatan program diantaranya adalah server Apache Tomcat 5.5.17, J2SE 1.5.0_09, NetBeans IDE 6.0.

3.3 Metode Pengembangan Sistem Metode pengembangan sistem yang penulis gunakan dalam penelitian skripsi ini adalah dengan model RAD (Rapid Application Development). RAD adalah sebuah model proses pengembangan perangkat lunak sekuensial linear yang menekankan siklus pengembangan cepat (Pressman, 2005:82). Model RAD ini merupakan adaptasi "kecepatan tinggi" dari model sekuensial

linear,

dimana

perkembangan

dapat

cepat

dicapai

dengan

menggunakan model pendekatan konstruksi berbasis komponen. Jika kebutuhan dipahami dengan baik, proses RAD memungkinkan tim pengembang menciptakan "sistem fungsional yang utuh" dalam periode waktu periode yang sangat pendek (kira-kira 60-90 hari). Model RAD digunakan dengan tujuan mempersingkat

 

35   

waktu pengerjaan aplikasi serta proses yang dihasilkan, didapatkan secara cepat dan tepat. Alasan penulis memilih metodologi RAD sebagai acuan dalam pembuatan sistem adalah karena sistem yang penulis buat merupakan sistem yang sederhana dan penulis hanya menggunakan komponen-komponen yang sudah ada. Ilustrasi model RAD seperti gambar berikut:   Team # n Mo d e lin g business modeling data modeling process modeling

Co n st ru ct io n component reuse automatic code generation testing

Team # 2

Communicat ion

Modeling business modeling dat a modeling process modeling

Planning Const ruct ion

Team # 1

component reuse aut omat ic code generat ion t est ing

Modeling business modeling dat a modeling process modeling

Const ruct ion component reuse aut omat ic code generat ion t est ing

60 - 90 days

Gambar 3.1. The RAD Model (Pressman, 2005:82)

 

Deployment int egrat ion delivery feedback

36   

Pada gambar di atas terlihat bahwa model RAD dikembangkan dengan timtim yang jumlahnya disesuaikan dengan kebutuhan. Pada penelitian ini penulis melakukan pengembangan aplikasi dengan 1 tim. Hal ini dikarenakan dalam pembuatan aplikasi dilakukan secara individu yaitu penulis sendiri. Adapun tahapan-tahapan pengembangan sistem dengan metode RAD adalah sebagai berikut: a. Communication Pada

tahap

ini,

penulis

melakukan

analisis

untuk

mengetahui

permasalahan yang terjadi, sehingga dapat diketahui informasi yang harus diakomodasi oleh aplikasi yang akan dibuat. Secara rinci yang penulis lakukan pada tahap analisis kebutuhan adalah : 1. Analisis Kebutuhan User (dapat dibaca pada sub bab 4.1.1) 2. Alat dan Bahan (dapat dibaca pada sub bab 4.1.2) b. Planning (dapat dibaca pada sub bab 4.2) Pada tahap ini, penulis melakukan perencanaan yaitu dengan membuat timeline untuk memudahkan dan mengarahkan penulis dalam melakukan pembuatan sistem.

 

37   

c. Modelling Pada tahap ini, penulis melakukan pemodelan informasi, interface yang akan dipergunakan, dan data yang diperlukan selama penggunaan aplikasi. Secara rinci, yang penulis lakukan pada tahap ini adalah sebagai berikut 1. Membuat Use Case Diagram (dapat dibaca pada sub bab 4.3.1) 2. Membuat Entity Relational Diagram (dapat dibaca pada sub bab 4.3.2) 3. Membuat Kamus data (dapat dibaca pada sub bab 4.3.3) 4. Merancang Antar Muka aplikasi (dapat dibaca pada sub bab 4.3.4) d. Construction Diketahui juga sebagai tahap pembuatan atau pembangunan. Pada tahap ini dilakukan :

a. Implementasi antar muka (dapat dibaca pada sub bab 4.4.1) b. Unit Testing (dapat dibaca pada sub bab 4.4.2) Unit Testing adalah proses eksekusi program yang bertujuan untuk menemukan error. Unit Testing yang dilakukan pada tugas akhir ini dengan menggunakan JUnit. c. System testing (dapat dibaca pada sub bab 4.4.3) Pada tahap System Testing ini penulis melakukan serangkaian test pada system secara keseluruhan, tes-tes yang penulis lakukan adalah sebagai berikut: a. Recovery Testing

 

38   

Pada tahap ini Penulis membuat beberapa keadaan yang memaksa aplikasi gagal beroperasi. Hal ini dilakukan untuk memastikan proses pemulihan berjalan dengan baik. b. Security Testing Penulis melakukan Security Testing menggunakan HP Scrawler 1.0. Software ini melakukan crawl pada aplikasi yang penulis kembangkan dan secara simultan melakukan analisa untuk kemungkinan serangan SQLInjection pada setiap halaman. c. Stress Testing Pada tahap ini Penulis menggunakan WAPT 6.0. Penulis membebankan aplikasi menggunakan 500 looping pada satu waktu yang sama untuk menguji kemampuan system ketika berada mendapat beban berat. d. Performance Testing Pada tahap ini Penulis menggunakan software WAPT. Penulis melakukan testing yang sama dengan tahap Stress Testing, tetapi kali ini penulis menggunakan 20 looping pada 20 User untuk melihat performa aplikasi dalam keadaan normal. e. Deployment (dapat dibaca pada sub bab 4.5) Disebut juga sebagai tahapan penerapan aplikasi yang telah dibuat.

 

39   

Pengumpulan Data Wawancara, Studi Pustaka, Studi Literatur Sejenis

Rapid Application Development

Communication Analisis Kebutuhan Sistem, Analisis Perangkat Lunak Planning Membuat Timeline

Modelling Use Case Diagram, Entity Relational Diagram, Kamus Data Construction Pembuatan Aplikasi

Deployment Penerapan Aplikasi, Feedback User

Gambar 3.2. Tahapan dan Rincian Pengembangan Sistem

 

BAB IV HASIL DAN PEMBAHASAN

4.1. Communication 4.1.1. Analisis Kebutuhan User Berdasarkan hasil wawancara yang penulis lakukan, penulis mendapatkan informasi mengenai bentuk mobile learning, menu-menu, maupun format file-file yang diperlukan untuk pengembangan aplikasi mobile learning. Adapun hasil wawancara secara lengkap ada pada lampiran A. 4.1.2. Alat dan Bahan 1. Perangkat Keras Perangkat keras adalah seperangkat alat atau komponen yang akan digunakan untuk membentuk suatu sistem komputer: a. CPU (Central Processing Unit) CPU merupakan pusat pengolahan dan juga pusat pengontrolan dari sebuah sistem komputer yang saling melaksanakan kegiatan. Spesifikasi yang penulis gunakan adalah sebagai berikut: 1) Processor intel core i3 2.13 Ghz 2) Harddisk 320 GB 3) DDR RAM 1,7 GB 4) VGA on board Intel Graphics media accelerator

40

41

b. Keyboard Keyboard adalah alat input yang biasanya didampingi dengan alat tampilan (display) di layar monitor yang menampilkan apa yang ditekan di keyboard. c. Mouse Mouse adalah alat input komputer yang digunakan oleh berbagai program aplikasi GUI (Graphical User Interface) dengan petunjuk posisi yang ditampilkan melalui monitor. 2. Perangkat Lunak Perangkat

lunak

merupakan

bagian

dari

sistem

pengolahan data yang digunakan untuk mengaktifkan fungsi dari perangkat keras komputer. Perangkat lunak yang penulis gunakan adalah sebagai berikut: a. Sistem Operasi Sistem operasi yang penulis sarankan adalah Microsoft Windows XP SP2. b. Program aplikasi Merupakan perangkat lunak yang akan digunakan dalam pembuatan program adalah server Apache Tomcat 5.5.17, J2SE 1.5, NetBeans IDE 6.7.1, MySql 5. 4.2. Planning Dalam hal ini, penulis membangun aplikasi mobile learning secara individu. Adapun waktu yang diperlukan dalam penelitian pembuatan

42

aplikasi ini adalah selama 9 Minggu. Berikut ini adalah timeline yang penulis rancanakan selama membangun aplikasi mobile learning: Tabel 4.1. Planning Pembuatan Aplikasi Minggu

Minggu

Minggu

Minggu

Minggu

Minggu

Minggu

Minggu

Minggu

ke-1

ke-2

ke-3

ke-4

ke-5

ke-6

ke-7

ke-8

ke-9

Communication Planning Modelling Construction Deployment

4.3. Modelling 4.3.1. Use Case Diagram Autentikasi User

Login

Administrator

Logout

Tutor

Gambar 4.1 Use Case Diagram Autentikasi User

Berikut ini adalah use case naratif dari use cese diagram di atas yang menjelaskan urutan kegiatan yang dilakukan sistem dan user

43

1. Use Case Autentikasi User Tabel 4.2 Use Case Autentikasi User Usecase Name

Autentikasi User

Actor (s)

Administrator, tutor

Brief Description

Usecase ini mendeskripsikan event dari administrator dan tutor untuk login dan logout ke dalam sistem.

Precondition

User haruslah sudah terdaftar sebagai pengguna sistem. User

haruslah

seorang

yang

terdaftar

sebagai

administrator atau tutor. Trigger

Use case ini diinisiasi pada saat user membuka aplikasi mobile learning.

Basic Flow

1. User memulai aplikasi mobile learning 2. User mengklik tombol [login]

Post condition

Aplikasi klien mengirimkan user dan password yang dimasukan oleh user ke server, dan mengecek apakah username dan password cocok. Jika cocok maka aplikasi akan menampilkan menu utama, jika tidak cocok maka aplikasi akan menampilkan login form kembali.

44

2. Use Case Manajemen User Manajemen User

Create User

Administrator

View User

Manage own account

Tutor

Delete User

Update User

Login

Logout

Gambar 4.2 Use Case Diagram Manajemen User Berikut ini adalah use case naratif dari use cese diagram di atas yang menjelaskan urutan kegiatan yang dilakukan sistem dan user. Tabel 4.3 Use Case Manajemen User Usecase Name

Manajemen User

Actor (s)

Administrator

Brief Description

Usecase ini mendeskripsikan event dari administrator yaitu menambah data user.

Precondition

User haruslah sudah terdaftar sebagai pengguna sistem.

45

User

haruslah

seorang

yang

terdaftar

sebagai

administrator. Trigger

Use case ini diinisiasi pada saat administrator memilih [menu add a user] pada user management.

Basic Flow

1. Administrator membuka list dengan memilih menu [user management] 2. Administrator memilih menu [input user] 3. Administrator memasukan data User 4. Administrator mengklik tombol [save] 5. Administrator mengklik tombol [keluar]

Alternate flow

2a. Administrator memilih salah satu user kemudian memilih menu [edit], maka aplikasi akan menampilkan data user tersebut ke dalam form dan kembali ke langkah 3. 2b. Administrator memilih salah satu user kemudian memilih menu [hapus], maka aplikasi akan menghapus data user yang dipilih dan menampilkan kembali daftar user

Post condition

Aplikasi menyimpan data User yang telah dimasukkan ke dalam database, dan aplikasi menampilkan kembali daftar user.

46

3. Use Case Materi Materi Create

Materi

Administrator

View

Materi

Tutor

Upadate

Materi

Delete

Materi

Student Gambar 4.3 Use Case Diagram Manajemen Materi

Tabel 4.4 Use Case Materi Usecase Name

Materi

Actor (s)

Administrator, Tutor

Brief Description

Usecase ini mendeskripsikan event dari administrator yaitu menambah,merubah dan menghapus Materi.

Precondition

User haruslah sudah terdaftar sebagai tutor atau administrator.

Trigger

Use case ini diinisiasi pada saat administrator memilih menu [materi].

Basic Flow

1. User membuka list dengan memilih menu [materi] 2. User memilih materi dari daftar 3. User memasukan data materi 4. User mengklik tombol [save]

47

Alternate flow

2a. User memilih salah satu materi kemudian mengedit data materi pada form, kemudian User mengklik tombol [save] untuk menyimpan hasil masukkan. 2b. User memilih salah satu course kemudian memilih menu [delete], maka aplikasi akan menghapus materi yang dipilih.

Post condition

Aplikasi menyimpan perubahan materi ke dalam database, dan aplikasi menampilkan kembali daftar course.

4. Use Case Course Course Create

Course

Administrator

View

Course

Tutor

Upadate

Course

Delete

Course

Student

Gambar 4.4 Use Case Diagram Manajemen Course

Tabel 4.5 Use Case Autentikasi User Usecase Name

Course

Actor (s)

Administrator

48

Brief Description

Usecase ini mendeskripsikan event dari administrator yaitu menambah,merubah dan menghapus Course.

Precondition

User haruslah sudah terdaftar sebagai pengguna sistem. User

haruslah

seorang

yang

terdaftar

sebagai

administrator. Trigger

Use case ini diinisiasi pada saat administrator memilih menu [managemen course].

Basic Flow

1. Administrator membuka list dengan memilih menu [course] 2. Administrator memasukan data course 3. Administrator mengklik tombol [simpan]

Alternate flow

2a. Administrator memilih salah satu course kemudian mengedit data course pada form, kemudian user mengklik tombol [save]. 2b. Administrator memilih salah satu course kemudian mengklik

tombol

[hapus],

maka

aplikasi

akan

menghapus course yang dipilih. Post condition

Aplikasi menyimpan perubahan course ke dalam database.

49

5. Use Case Manajemen File Manajemen File Upload File

Administrator

Delete File

Tutor Gambar 4.5 Use Case Diagram Manajemen File

Tabel 4.6 Use Case Manajemen File Usecase Name

Manajemen File

Actor (s)

Administrator, Dosen

Brief Description

Usecase ini mendeskripsikan event dari administrator dan Dosen yaitu menambah dan menghapus File.

Precondition

User haruslah sudah terdaftar sebagai pengguna sistem. User

haruslah

seorang

yang

terdaftar

sebagai

administrator atau Dosen. Trigger

Use case ini diinisiasi pada saat user memilih menu [Upload File].

Basic Flow

1. User membuka list dengan memilih menu [Upload File]. 2. User mengklik tombol [browse]. 3. User memilih file yang akan diupload

50

4. User mngklik tombol submit. Alternate flow Post condition

Aplikasi menyimpan nama file ke dalam database, dan meyimpan file tersebut ke dalam folder pada server.

6. Use Case Manajemen Gambar Manajemen Gambar Upload Gambar

Administrator

Delete File

Tutor Gambar 4.6 Use Case Diagram Manajemen Gambar

Tabel 4.7 Use Case Manajemen Gambar Usecase Name

Manajemen Gambar

Actor (s)

Administrator, Dosen

Brief Description

Usecase ini mendeskripsikan event dari administrator dan Dosen yaitu menambah dan menghapus Gambar.

Precondition

User

haruslah

seorang

yang

terdaftar

sebagai

administrator atau Dosen. Trigger

Use case ini diinisiasi pada saat user memilih menu [Image Manager].

51

Basic Flow

1. User membuka list dengan memilih menu [Image Manager]. 2. User mengklik tombol [browse]. 3. User memilih gambar yang akan diupload 4. User mngklik tombol submit.

Alternate flow Post condition

Aplikasi menyimpan nama file ke dalam database, dan meyimpan gambar tersebut ke dalam folder pada server.

4.3.2. Entity Relational Diagram (ERD) Entity Relational Diagram (ERD) adalah suatu model yang digunakan untuk menggambarkan data dalam bentuk entitas, atribut dan hubungan antar-entitas. ERD dapat digunakan pada semua alat-alat pemodelan dan merupakan metode untuk menggambarkam sistem penyimpanan data. Hubungan antar tabel adalah sebagai berikut :

Gambar 4.7 Entity Relational Diagram (ERD)

52

Berikut ini adalah kamus data dari tabel-tabel yang ada di dalam aplikasi: 1. Tabel User Nama Tabel : user Keterangan : Berisi data user Primary Key : id Tabel 4.8 Tabel user Nama Field

Tipe

Panjang

Keterangan

id

int

4

ID user

user_namaDepan

Varchar 255

Nama depan user

user_namaBelakang Varchar

255

Nama belakang user

user_email

Varchar

255

Email user

user_password

Varcahr

255

Password user

User_type

Varcahr

255

User role

2. Tabel Materi Nama Tabel : materi Keterangan : Berisi daftar-daftar materi berdasarkan mata kuliah yang diajarkan Primary Key : materi_id

53

Tabel 4.9 Tabel Materi Nama Field

Tipe

Panjang

Keterangan

materi _id

Int

4

Id materi

title

varchar

255

Judul materi

content

text

user

int

4

matkul

int

4

Isi materi Id User dengan role tutor yang membuat materi Id dari mata kuliah

3. Tabel Mata Matkul Nama Tabel : matkul Keterangan : Berisi daftar-daftar mata kuliah yang diajarkan Primary Key : matkul_id Tabel 4.10 Tabel Matkul Nama Field

Tipe

Panjang

Keterangan

matkul_id

Int

4

Id mata kuliah

matkul_title

varchar 50

Nama mata kuliah

matkul_kode

varchar 8

Kode mata kuliah

matkul_semester varchar

2

Semester mata kuliah

4. Tabel Kuliah Nama Tabel : kuliah Keterangan : Berisi data-data perkuliahan Primary Key : kuliah_id

54

Tabel 4.11 Tabel Kuliah Nama Field

Tipe

Panjang

Keterangan

Kuliah_id

int

4

ID kuliah (auto increment)

Matkul

int

4

Foreign key dari mata kuliah

User

int

4

Foreign key user

5. Tabel Images Nama Tabel : images Keterangan : Berisi data-data gambar Primary Key : image_id Tabel 4.12 Tabel image Nama Field

Tipe

Panjang

Keterangan

image_id

int

4

ID image (auto increment)

Image_path

varchar

255

Nama file gambar.

User

int

4

Foreign key user

6. Tabel File Nama Tabel : file Keterangan : Berisi data-data file yang diupload Primary Key : file_id Tabel 4.13 Tabel File Nama Field

Tipe

Panjang

Keterangan

file_id

int

4

ID kuliah (auto increment)

55

File_path

Varchar 255

Materi

int

4

Nama file Foreign key materi

4.3.3 Pemodelan Antar Muka Pada tahap perancangan antar muka penulis mempertimbangkan beberapa aspek. Berikut adalah beberapa aspek yang menjadi pertimbangan penulis: a. Disain dibuat konsisten. b. Navigasi mudah dimengerti. c. Penggunaan gambar yang sesedikit mungkin. d. Perpindahan halaman dibuat seminimal mungkin. Berdasarkan pertimbangan di atas, maka penulis merancang antar muka sebagai berikut: 1. Antar Muka Halaman Awal APLIKASI CONTENT MANAGEMENT SYSTEM m-Learning

Username Gambar Password

Copyright © 2010 All Right Reserved

Gambar 4.8. Perancangan halaman Login Untuk admin dan tutor, saat pertama kali aplikasi ini dibuka di browser, aplikasi akan langsung menampilkan form login.

56

2. Antar Muka Halaman Kelas

APLIKASI CONTENT MANAGEMENT SYSTEM m-Learning

Kelas

Kuliah

Tabel Kelas

Mata Kuliah

Materi

User

Logout

Nama Kelas

New

Save

Delete

Copyright © 2010 All Right Reserved

Gambar 4.9. Perancangan halaman Kelas

Menu-menu yang penulis tampilkan berisi: Kelas, Kuliah, Mata Kuliah, Materi, User, dan Logout. Pada halaman kelas, penulis tampilkan tabel Daftar kelas dan form untuk operasi create, update, dan delete kelas.

57

3. Antar Muka Halaman Kuliah APLIKASI CONTENT MANAGEMENT SYSTEM m-Learning

Kelas

Kuliah

Mata Kuliah

Materi

User

Logout

Course Tabel Kuliah

Kelas Tutor New

Save

Delete

Gambar 4.10 Perancangan halaman Kuliah Pada halaman kuliah, penulis tampilkan tabel Daftar kuliah dan form untuk operasi create, update, dan delete kuliah. 4. Antar Muka Halaman Materi

APLIKASI CONTENT MANAGEMENT SYSTEM m-Learning

Kelas

Kuliah

Tabel Materi

Mata Kuliah

Materi

User

Logout

Title Content Course Tutor New

Save

Gambar 4.11 Perancangan halaman Materi

Delete

58

Pada halaman materi, penulis tampilkan tabel Daftar materi dan form untuk operasi create, update, dan delete materi. 5. Antar Muka Halaman Mata Kuliah

APLIKASI CONTENT MANAGEMENT SYSTEM m-Learning

Kelas

Kuliah

Mata Kuliah

Materi

Tabel Mata Kuliah

User

Logout

Title Kode Semester New

Save

Delete

Gambar 4.12 Perancangan halaman Mata Kuliah

Pada halaman Mata kuliah, penulis tampilkan tabel Daftar Mata kuliah dan form untuk operasi create, update, dan delete Mata kuliah.

59

6. Antar Muka Halaman User APLIKASI CONTENT MANAGEMENT SYSTEM m-Learning

Kelas

Kuliah

Mata Kuliah

Tabel User

Materi

User

Logout

Nama Depan Nama Belakang Email Password Konfirmasi Password NIP Gelar Role New

Save

Delete

Gambar 4.13 Perancangan halaman User

Pada halaman User, penulis tampilkan tabel Daftar User dan form untuk operasi create, update, dan delete User. 4.3.4 Pemodelan Kelas Framework yang penulis gunakan dalam pengembangan aplikasi ini

60

adalah framework hibernate yaitu framework yang melakukan pemetaan tabletable pada database ke dalam objek-objek yang disebut object mappings. Setiap object yang dibuat adalah representasi dari fields yang ada di database. Setelah mapping dilakukan, selanjutnya penulis membuat kelas-kelas yang digunakan untuk mengakses data yang disebut DAO (Data Access Object). Berikut adalah object mappings dan DAO (Data Access Object) yang penulis buat.

61

a. Package entity Package entity berisi object mappings dari database, berikut adalah bentuk class diagram beserta relasi dari objek-objek yang ada di package entity.

Gambar 4.14 Class Diagram pada package entity

62

b. Package DAO Berikut adalah class diagram dari package DAO yang penulis buat:

Gambar 4.9. Class Diagram Package DAO

4.4. Construction

Gambar 4.15 Class Diagram pada package DAO

63

4.4 Construction 4.4.1 Implementasi antar muka Pada tahap ini, penulis memulai membuat aplikasi dari perancangan yang telah penulis buat sebelumnya. Bahasa pemrograman yang penulis terapkan adalah bahasa pemrograman Java dengan framework Hibernate untuk relational database dan JMaki sebagai framework AJAX. Adapun listing kode pemrograman dapat dilihat pada Lampiran B. Adapun tampilan aplikasi yang penulis buat bisa dilihat pada gambar dibawah ini: 1. Tampilan Halaman Login

Gambar 4.16 Halaman Login

64

2. Tampilan Halaman Mata Kuliah

Gambar 4.17 Halaman Mata Kuliah

3. Tampilan Halaman Materi

Gambar 4.18 Halaman Materi

65

4. Tampilan Halaman User

Gambar 4.19 Halaman User

5. Tampilan Halaman Upload File

Gambar 4.20 Halaman Materi untuk Tutor

66

6. Tampilan halaman Image Manager

Gambar 4.21 Halaman Image Manager

7. Tampilan Halaman Materi untuk Tutor

Gambar 4.22 Halaman Materi untuk Tutor

67

8. Tampilan Halaman User untuk Tutor

Gambar 4.23 Halaman User untuk Tutor

9. Tampilan Halaman Frontend daftar Dosen

Gambar 4.24 Halaman Frontend daftar Dosen

68

10. Tampilan Halaman Frontend daftar Mata Kuliah

Gambar 4.25 Halaman Frontend daftar Mata Kuliah

11. Tampilan Halaman Frontend Profil Dosen

Gambar 4.26 Halaman Frontend Profil Dosen

69

12. Tampilan Halaman Frontend Materi

Gambar 4.27 Halaman Frontend Materi

13. Tampilan Hasil Pencarian

Gambar 4.28 Halaman Hasil Pencarian

70

Pengujian pada Handphone User Penulis melakukan pengujian pada beberapa tipe Handphone. Penulis melakukan pengujian dengan menggunakan jaringan ad-hoc dari laptop ke handphone. Berikut adalah hasil pengujian yang telah penulis lakukan:

Gambar 4.29 Pengujian pada handphone Nokia E63

Gambar 4.30 Pengujian pada handphone Nokia E51

71

Gamb bar 4.31 Peengujian pad da handphonne Nokia C3

4.4..2 Unit Tessting Berikut addalah hasil unit testin ng yang pennulis lakukkan dengan tools N 6.77.1: JUnit yang terinntegrasi denngan IDE NetBeans a Class materi: a. m

Gambaar 4.32 Hassil Unit Testting class m materi

72

b. Class matkul:

Gambar 4.33 Hasil Unit Testing class matkul c. Class user:

Gambar 4.34 Hasil Unit Testing class user d. Class file:

Gambar 4.35 Hasil Unit Testing class file

73

e. Class Image:

Gambar 4.36 Hasil Unit Testing class Image

4.4.3 System Testing Pada tahap ini penulis melakukan serangkaian testing. Hasil dari testing yang telah penulis lakukan adalah sebagai berikut: a. Recovery Testing Penulis membuat proses pemulihan dengan memanggil fungsi rollback pada API Hibernate untuk mengatasi gangguan yang dapat menyebabkan kegagalan pada aplikasi. Fungsi rollback akan membatalkan semua perubahan yang dilakukan semua perintah SQL sejak proses transaksional dimulai atau sejak perubahan terakhir dibuat jika terjadi kegagalan. Pada tahap ini penulis melakukan langkah –langkah sebagai berikut: 1. Mematikan database Database dimatikan ketika aplikasi sedang dalam keadaan berjalan. Dari log pada server terlihat bahwa fungsi rollback untuk mengatasi kegagalan akses database berjalan dengan baik.

74

2. Mematikan server Server dimatikan ketika aplikasi sedang dalam keadaan berjalan. Dari log pada server terlihat bahwa fungsi rollback untuk mengatasi server yang mati berjalan dengan baik. b. Security Testing Hasil dari security testing yang penulis lakukan menunjukkan tidak terdapat link yang memungkinkan untuk diserang. Berikut pada tabel 4.14 dan tabel 4.15 adalah hasil pengujian yang telah penulis lakukan:

Tabel 4.14 Hasil Security Testing pada halaman frontend Test

Jumlah Link

Kemungkinan serangan

Hasil 10

0

Tabel 4.15 Hasil Security Testing pada halaman Administrator Test

Jumlah Link

Kemungkinan serangan

Hasil 26

0

75

c. Stress Testing Hasi dari stress testing yang penulis lakukan menunjukkan aplikasi mampu berjalan dalam keadaan normal dengan beban yang berat. Berikut adalah hasil pengujian yang telah penulis lakukan: Performance data: Tabel 4.16 Hasil Performance data pada Stress Testing

Pada tabel 4.16 di atas menunjukkan data yang diterima pengguna dalam kurun waktu 1 menit yang dihitung setiap 10 detik. Pengguna masih bisa mengakses total rata-rata 2,42 halaman dalam waktu 1 menit dengan jumlah ratarata sukses 2,42 halaman atau 100 %.

76

Response Time: Tabel 4.17 Hasil Response Time data pada Stress Testing

Pada tabel 4.17 di atas menunjukkan respon aplikasi terhadap permintaan halaman oleh pengguna selama 1 menit yang dihitung setiap 10 detik. Total selama 1 menit pengujian, hasil rata-rata yang diperoleh adalah 1,8 detik per halaman.

77

Bandwith Usage: Tabel 4.18 Hasil Bandwith Usage data pada Stress Testing

Pada tabel 4.18 di atas menunjukkan penggunaan bandwith oleh aplikasi dalam kurun waktu 1 menit yang dihitung setiap 10 detik. Total selama pengujian adalah 9,96 kbit/s untuk penerimaan pada satu pengguna dan 1,68 kbit/s untuk pengiriman pada satu pengguna.

78

Errors report: Tabel 4.19 Hasil Errors report data pada Stress Testing

Pada tabel 4.19 di atas menunjukkan error yang terjadi pada aplikasi selama stress testing dalam kurun waktu 1 menit yang dihitung setiap 10 detik. Hasil yang didapat menunjukkan tidak ada error pada aplikasi selama stress testing dilakukan.

79

Performance Testing Berikut adalah hasil pengujian yang telah penulis lakukan: Performance data: Tabel 4.20 Hasil Performance data data pada Performance Testing

Pada tabel 4.20 di atas menunjukkan data yang diterima pengguna dalam kurun waktu 1 menit yang dihitung setiap 10 detik. Pengguna masih bisa mengakses total rata-rata 2,4 halaman dalam waktu 1 menit dengan jumlah ratarata sukses 2,4 halaman atau 100 %.

80

Response time: Tabel 4.21 Hasil Response time data pada Performance Testing

Pada tabel 4.21 di atas menunjukkan respon aplikasi terhadap permintaan halaman oleh pengguna dalam kurun waktu 1 menit yang dihitung setiap 10 detik. Total selama 1 menit pengujian, hasil rata-rata yang diperoleh adalah 1,711 detik per halaman.

81

Bandwith Usage Tabel 4.22 Hasil Bandwith Usage data pada Performance Testing

Pada tabel 4.22 di atas menunjukkan penggunaan bandwith oleh aplikasi dalam kurun waktu 1 menit yang dihitung setiap 10 detik. Total selama pengujian adalah 2,0 kbit/s untuk penerimaan pada satu pengguna dan 0,54 kbit/s untuk pengiriman pada satu pengguna.

82

Errors Report: Tabel 4.23 Hasil Errors Report data pada Performance Testing

Pada tabel 4.23 di atas menunjukkan error yang terjadi pada aplikasi selama stress testing dalam kurun waktu 1 menit yang dihitung setiap 10 detik.

83

Hasil yang didapat menunjukkan tidak ada error pada aplikasi selama stress testing dilakukan. 4.5 Deployment 4.5.1 Deployment Pada tahap ini penulis melakukan deployment aplikasi pada server Pusat Data Teknik informatika Fakultas Sains dan Teknologi (PUSDATIN FST). 4.5.2 Users Delivery Feedback Untuk mendapatkan feedback mengenai aplikasi yang penulis kembangkan, penulis mendapat saran dari user mengenai aplikasi yang penulis buat. Berikut adalah feedback yang penulis dapatkan: 1. Halaman yang tampil disarankan memiliki tampilan yang menyesuaikan dengan lebar layar, sehingga tidak ada scroll pada bagian bawah halaman. 2. Pada setiap halaman materi disarankan untuk ditampilkan materi dari Dosen yang sama, sehingga memudahkan user dalam hal navigasi. 3. Ukuran huruf pada aplikasi disarankan untuk diperbesar.

BAB V PENUTUP 5.1 Kesimpulan Berdasarkan uraian dan pembahasan pada bab-bab sebelumnya, maka dapat ditarik kesimpulan bahwa : 1. Dengan mengembangkan aplikasi mobile learning berbasis web, pengguna tidak memerlukan aplikasi khusus untuk menggunakan aplikasi ini. 2. Berdasarkan pengujian yang dilakukan oleh pengguna, dengan adanya fasilitas-fasilitas untuk mengupdate content, aplikasi memiliki content yang dinamis karena content dapat diisi sesuai dengan kebutuhan pengajar. 3. Berdasarkan pengujian yang dilakukan oleh penulis, aplikasi mobile learning ini dapat berjalan sesuai dengan tujuan, analisis, dan desain yang telah dirancang, sehingga aplikasi ini dapat membantu pembelajar dalam aktifitas belajar. Tabel 5.1 Rangkuman Hasil pengujian Nama Testing

Hasil Dari 36 link kemungkinan

Security Testing

serangan 0

Stress Testing

Performance data

2,42 halaman per detik

Response Time

Rata-rata 1,8 detik / halaman.

Bandwith Usage

Receive per user 9,96 kbit/s Sending per user 1,68 kbit/s

84 

85   

Performance Testing

Errors report

Total errors 0%

Performance data

2,42 detik per halaman.

Response Time

Rata-rata 1,711 detik / halaman.

Bandwith Usage

Receive per user 2,0 kbit/s Sending per user 0,54 kbit/s Total errors 0%

Errors report

5.2 Saran Berdasarkan kesimpulan-kesimpulan yang telah dikemukakan, dapat diajukan beberapa saran untuk pengembangan lebih lanjut antara lain : 1. Disarankan adanya media player untuk file multimedia sehingga dapat dibuka dengan cara streaming. 2. Aplikasi ini belum dapat menyimpan hasil yang didapat mahasiswa setelah

mengerjakan soal. Disarankan adanya penyimpanan nilai bagi mahasiswa yang telah mengerjakan soal-soal.  

   

DAFTAR PUSTAKA

Ally , Mohamed. 2009. Mobile Learning Transforming the Delivery of Education and Training. Edmonton: AU Press.

Bauer , Christian And King , Gavin. 2005. Java Persistence with Hibernate. New York: Manning

Basaeed, Essa and Berri, Jawad.2007. Learner-Centric Context-Aware Mobile Learning. Jogiyanto, H.M. 2008. Metodologi Penelitian Sistem Informasi. Yogyakarta: Andi Offset. Kineo and UFI. 2009. Mobile Learning Reviewed. UK

Low , Leonard.2007. M-learning standards report. Canberra

MySQL Reference Manual. 2001. MySQL AB

Naik, Kshirasagar And Tripathy, Priyadarshi. 2008. Software Testing And Quality Assurance Theory and Practice. New Jersey: A johnwiley & sons, inc., publication.

86   

87   

Naughton , Patrick and Schildt, Herbert . 2001. Java 2: The Complete Reference. California:Osborne/McGraw-Hill

Niazi , Razieh and Qusay H. Mahmoud. 2008. Design and Development of a Device-Independent System for Mobile Learning. IEEE Education Society Students Activities Committee

Pressman, Roger S. 2001. Software Engineering: A Practitioner's Approach. New York: McGraw-Hill. 2005. Software Engineering: A Practitioner’s Approach. New York: Mc-Graw Hill.

Rachdian , Adhi. 2005 Mastering CMS dengan Mambo/ Joomla. Jakarta: PT. Elex Media Komputindo.

Stieglitz , Stefan and Fuchß, Christoph.2007. Mobile Learning by Using Ad Hoc Messaging Network.

 

   

   

LAMPIRAN A WAWANCARA Wawancara dilakukan kepada Bapak Imam M. Shofi sebagai Kepala Pusat Data Teknik informatika Fakultas Sains dan Teknologi (PUSDATIN FST). Adapun pertanyaan yang penulis ajukan adalah sebagai berikut: 1.

Apakah aplikasi mobile learning dibuat terbuka (dapat diakses oleh siapa saja) atau tidak?

2.

Menu apa saja yang seharusnya ada pada aplikasi mobile learning?

3.

File berformat apa saja yang biasanya dijadikan bahan mengajar?

4.

Word processor pada aplikasi web seperti apa yang diperlukan untuk mangakomodasi materi belajar?

Dari wawancara di atas, penulis menarik kesimpulan sebagai berikut: 1. Aplikasi dibuat terbuka (dapat diakses oleh siapa saja). 2. Aplikasi menampilkan profil dosen yang mengisi konten belajar. 3. File yang sering digunakan adalah file dokumen berformat .doc, .ppt, .pdf dan file multimedia seperti .mp3 dan .flv. 4. Word processor untuk mengisi konten memiliki fasilitas yang mirip dengan aplikasi word processor pada aplikasi desktop seperti dapat membuat tabel, numbering, format huruf, dan memasukkaan gambar pada konten.  

   

   

LAMPIRAN B USERS FEEDBACK Kuesioner penulis sebarkan untuk mendapatkan feedback dari user. Responden kuesioner ini adalah mahasiswa dan dosen. Adapun hasil jawaban kuesioner adalah sebagai berikut: No 1

Jawaban

Pertanyaan Apakah tujuan dari aplikasi dapat tercapai?

Ya

Tidak

87%

13%

93%

7%

93%

7%

93%

7%

100%

0%

Apakah disain menggunakan elemen-elemen standard 2

3 4 5

dan tidak menggunakan antarmuka dan elemen-elemen yang sulit dipahami?

Apakah

seluruh

bagian

dari

disain

benar-benar

diperlukan? Apakah disain aplikasi konsisten? Apakah

aplikasi

dapat

meningkatkan

produktifitas

pembelajaran?

6

Apakah disain aplikasi mudah dipelihara?

93%

7%

7

Apakah faktor-faktor keamanan sudah terpenuhi?

93%

7%

Dari hasil kuesioner di atas, penulis menyimpulkan bahwa aplikasi telah memenuhi kebutuhan pengguna.

LAMPIRAN C LISTING SOURCE CODE Hibernate.cfg.xml:         <session‐factory>      <property name="hibernate.dialect">org.hibernate.dialect.MySQLDialect      <property name="hibernate.connection.driver_class">com.mysql.jdbc.Driver      <property name="hibernate.connection.url">jdbc:mysql://localhost:3306/skripsi4      <property name="hibernate.connection.username">root      <property name="hibernate.connection.password">      <mapping resource="entity/Materi.hbm.xml"/>      <mapping resource="entity/Matkul.hbm.xml"/>      <mapping resource="entity/User.hbm.xml"/>      <mapping resource="entity/File.hbm.xml"/>      <mapping resource="entity/Images.hbm.xml"/>         

Package dao: Class DAO.java: import java.util.logging.Level;  import java.util.logging.Logger;  import org.hibernate.HibernateException;  import org.hibernate.Session;  import org.hibernate.SessionFactory;  import org.hibernate.cfg.Configuration;  public class DAO {      protected DAO() {      }      public static Session getSession() {          Session session = (Session) DAO.session.get();          if (session == null) {              session = sessionFactory.openSession();              DAO.session.set(session);          }          return session;      }        protected void begin() {          getSession().getTransaction().begin();      }      protected void commit() {          getSession().getTransaction().commit();      } 

    protected void rollback() {          try {              getSession().getTransaction().rollback();              log.log(Level.WARNING,"rollback success");          } catch( HibernateException e ) {              log.log(Level.WARNING,"Cannot rollback",e);          }          try {              getSession().close();          } catch( HibernateException e ) {              log.log(Level.WARNING,"Cannot close",e);          }          DAO.session.set(null);      }      public static void close() {          getSession().close();          DAO.session.set(null);      }      private static final Logger log = Logger.getAnonymousLogger();      private static final ThreadLocal session = new ThreadLocal();      private static final SessionFactory sessionFactory =      new Configuration().configure().buildSessionFactory();  } 

Class DAOFile.java:   package dao;    import entity.AdException;  import entity.File;  import entity.Materi;  import java.util.List;  import org.hibernate.HibernateException;  import org.hibernate.Query;    public class DAOFile extends DAO {        public File get(String file_id) throws AdException {          try {              begin();              Query q = getSession().createQuery(                      "from File where file_id= :file_id");              q.setString("file_id", file_id);              File kelas = (File) q.uniqueResult();              commit();              return kelas;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not obtain the named category " + file_id, e);          }      }   

    public File create(String path, Materi materi, byte[] file_file, String file_type)              throws AdException {          try {              begin();              File file = new File(path, materi, file_type);              getSession().save(file);              commit();              return file;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not create file" + e);          }      }          public void delete(File file) throws AdException {          try {              begin();              getSession().delete(file);              commit();          } catch (HibernateException e) {              rollback();              throw new AdException("Could not delete file", e);          }      }        public List list() throws AdException {          try {              begin();              Query q = getSession().createQuery("from File");              List list = q.list();              commit();              return list;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not list the categories", e);          }      }  } 

Class DAOImage.java: package dao;    import entity.AdException;  import entity.Images;  import entity.User;  import org.hibernate.HibernateException;  import org.hibernate.Query;    public class DAOImage extends DAO {   

    public Images get(String file_id) throws AdException {          try {              begin();              Query q = getSession().createQuery(                      "from Images where image_id= :file_id");              q.setString("file_id", file_id);              Images kelas = (Images) q.uniqueResult();              commit();              return kelas;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not obtain the named category " + file_id, e);          }      }        public Images create(String path, User user) throws AdException {          try {              begin();              Images file = new Images(path, user);              getSession().save(file);              commit();              return file;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not create file" + e);          }      }        public void delete(Images image) throws AdException {          try {              begin();              getSession().delete(image);              commit();          } catch (HibernateException e) {              rollback();              throw new AdException("Could not delete file", e);          }      }  } 

Class DAOMateri.java: package dao;    import java.util.List;  import org.hibernate.HibernateException;  import entity.AdException;  import entity.Materi;  import entity.User;  import entity.Matkul;  import org.hibernate.Criteria;  import org.hibernate.Query; 

import org.hibernate.criterion.Criterion;  import org.hibernate.criterion.LogicalExpression;  import org.hibernate.criterion.Restrictions;    public class DAOMateri extends DAO {        public Materi get(String materi_id) throws AdException {          try {              begin();              Query q = getSession().createQuery(                      "from Materi where materi_id= :materi_id");              q.setString("materi_id", materi_id);              Materi materi = (Materi) q.uniqueResult();              commit();              return materi;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not obtain the named category " + materi_id, e);          }      }        public Materi getByMatkul(String matkul) throws AdException {          try {              begin();              Query q = getSession().createQuery(                      "from Materi where matkul= :matkul");              q.setString("matkul", matkul);              Materi materi = (Materi) q.uniqueResult();              commit();              return materi;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not obtain the named category " + matkul, e);          }      }        public List listBySearch(String keyword) throws AdException {          try {              begin();              Criteria crit = getSession().createCriteria(Materi.class);              Criterion title = Restrictions.like("title", "%" + keyword + "%");              Criterion content = Restrictions.like("content", "%" + keyword + "%");              LogicalExpression orExp = Restrictions.or(title, content);              crit.add(orExp);                List result = crit.list();              commit();              return result;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not list the categories", e);          } 

    }        public Materi create(String title, String content, User user, Matkul matkul)              throws AdException {          try {              begin();              Materi advert = new Materi(title, content, user, matkul);              getSession().save(advert);              commit();              return advert;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not create advert", e);          }      }        public void delete(Materi advert) throws AdException {          try {              begin();              getSession().delete(advert);              commit();          } catch (HibernateException e) {              rollback();              throw new AdException("Could not delete advert", e);          }      }        public List list() throws AdException {          try {              begin();              Query q = getSession().createQuery("from Materi");              List list = q.list();              commit();              return list;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not list the categories", e);          }      }        public List listByMatkul(String cd) throws AdException {          try {                begin();              Query q = getSession().createQuery("from Materi where matkul= :cd");              List list = q.list();              commit();              return list;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not list the categories", e);          } 

    }        public List listByUser(String usId) throws AdException {          try {                begin();              Query q = getSession().createQuery("from Materi where user= :usId");              List list = q.list();              commit();              return list;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not list the Materi" + e);          }      }        public  void  update(Materi  materi,  String  judul,  String  content,  Matkul  matkul,  User  user)  throws AdException {          try {              begin();              materi.setTitle(judul);              materi.setContent(content);              materi.setMatkul(matkul);              materi.setUser(user);              getSession().merge(materi);              commit();          } catch (HibernateException e) {              rollback();              throw new AdException("Could not save the category", e);          }      }  }   

Class DAOMatkul.java: package dao;    import entity.Matkul;  import java.util.List;  import org.hibernate.HibernateException;  import org.hibernate.Query;  import entity.AdException;  import org.hibernate.Criteria;  import org.hibernate.criterion.Criterion;  import org.hibernate.criterion.LogicalExpression;  import org.hibernate.criterion.Restrictions;    public class DAOMatkul extends DAO {        public Matkul get(String matkul_id) throws AdException {          try {              begin(); 

            Query q = getSession().createQuery(                      "from Matkul where matkul_id = :matkul_id");              q.setString("matkul_id", matkul_id);              Matkul category = (Matkul) q.uniqueResult();              commit();              return category;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not obtain the named category " + matkul_id, e);          }      }        public Matkul create(String title, String kode, String sem)              throws AdException {          try {              begin();              Matkul matkul = new Matkul(title, kode, sem);              getSession().save(matkul);              commit();              return matkul;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not create advert", e);          }      }        public void delete(Matkul matkul) throws AdException {          try {              begin();              getSession().delete(matkul);              commit();          } catch (HibernateException e) {              rollback();              throw new AdException("Could not delete advert", e);          }      }        public List list() throws AdException {          try {              begin();              Query q = getSession().createQuery("from Matkul order by matkul_title asc");              List list = q.list();              commit();              return list;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not list the categories", e);          }      }        public List listBySearch(String keyword) throws AdException {          try { 

            begin();              Criteria crit = getSession().createCriteria(Matkul.class);              crit.add(Restrictions.like("matkul_title", "%" + keyword + "%"));              List result = crit.list();              commit();              return result;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not list the categories", e);          }      }        public List listTutor() throws AdException {          try {              begin();              Query q = getSession().createQuery("from Matkul order by matkul_title asc");              List list = q.list();              commit();              return list;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not list the categories", e);          }      }        public void update(Matkul matkul, String judul, String kode, String sem) throws AdException {          try {              begin();              matkul.setMatkul_title(judul);              matkul.setMatkul_kode(kode);              matkul.setMatkul_semester(sem);              getSession().merge(matkul);              commit();          } catch (HibernateException e) {              rollback();              throw new AdException("Could not save the category", e);          }      }  }   

Class DAOUser.java:   package dao;    import org.hibernate.HibernateException;  import org.hibernate.Query;  import entity.AdException;  import entity.User;  import java.util.List;  import org.hibernate.Criteria;  import org.hibernate.criterion.Criterion;  import org.hibernate.criterion.LogicalExpression; 

import org.hibernate.criterion.Restrictions;    public class DAOUser extends DAO {        public User get(String user_id) throws AdException {          try {              begin();              Query q = getSession().createQuery("from User where user_id = :user_id");              q.setString("user_id", user_id);              User user = (User) q.uniqueResult();              commit();              return user;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not get user " + user_id, e);          }      }        public List list() throws AdException {          try {              begin();              Query q = getSession().createQuery("from User");              List list = q.list();              commit();              return list;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not list the categories", e);          }      }        public List listBySearch(String keyword) throws AdException {          try {              begin();              Criteria crit = getSession().createCriteria(User.class);              Criterion title = Restrictions.like("user_namaDepan", "%" + keyword + "%");              Criterion content = Restrictions.like("user_namaBelakang", "%" + keyword + "%");              LogicalExpression orExp = Restrictions.or(title, content);              crit.add(orExp);                List result = crit.list();              commit();              return result;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not list the categories", e);          }      }        public List listForTutor() throws AdException {            try { 

            begin();              Query  q  =  getSession().createQuery("from  User  where  user_type=2  order  by  user_namaDepan asc");              List list = q.list();              commit();              return list;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not list the tutors", e);          }      }          public  void  update(User  user,  String  nama_depan,  String  nama_belakang,  String  users_email,  String  users_nip,  String  users_degree,  String  users_type,  String  users_cv,  String  users_pwd)  throws AdException {          try {              begin();              user.setUser_password(users_pwd);              user.setUser_namaDepan(nama_depan);              user.setUser_namaBelakang(nama_belakang);              user.setUser_email(users_email);              user.setUser_nip(users_nip);              user.setUser_gelar(users_degree);              user.setUser_type(users_type);              user.setUser_cv(users_cv);              getSession().merge(user);              commit();          } catch (HibernateException e) {              rollback();              throw new AdException("Could not save the category" + e);          }      }        public  void  update(User  user,  String  nama_depan,  String  nama_belakang,  String  users_email,  String users_nip, String users_degree, String users_type, String users_cv) throws AdException {          try {              begin();              user.setUser_namaDepan(nama_depan);              user.setUser_namaBelakang(nama_belakang);              user.setUser_email(users_email);              user.setUser_nip(users_nip);              user.setUser_gelar(users_degree);              user.setUser_type(users_type);              user.setUser_cv(users_cv);              getSession().merge(user);              commit();          } catch (HibernateException e) {              rollback();              throw new AdException("Could not save the category" + e);          }      } 

      public void resetPwd(User user, String users_nip) throws AdException {          try {              begin();              user.setUser_password(users_nip);              getSession().merge(user);              commit();          } catch (HibernateException e) {              rollback();              throw new AdException("Could not save the category" + users_nip, e);          }      }        public  User  create(String  user_namaDepan,  String  user_namaBelakang,  String  user_email,  String user_password, String user_nip, String user_gelar, String user_type, String user_cv) throws  AdException {          try {              begin();              User  user  =  new  User(user_namaDepan,  user_namaBelakang,  user_email,  user_nip,  user_nip, user_gelar, user_type, user_cv);              getSession().save(user);              commit();              return user;          } catch (HibernateException e) {              rollback();              throw new AdException("Could not create user " + user_namaDepan + e);          }      }        public void delete(User user) throws AdException {          try {              begin();              getSession().delete(user);              commit();          } catch (HibernateException e) {              rollback();              throw new AdException("Could not delete user " + user.getUser_namaDepan(), e);          }      }  } 

  Package entity: Class AdException.java:   package entity;    public class AdException extends Exception {        public AdException(String message) { 

        super(message);      }        public AdException(String message, Throwable cause) {          super(message, cause);      }  } 

Class File.java:   package entity;    public class File {        private long file_id;      private String file_path;      private Materi materi;      private String file_type;        public File(String file_path, Materi materi, String file_type) {          this.file_path = file_path;          this.materi = materi;            this.file_type = file_type;      }        public String getFile_type() {          return file_type;      }        public void setFile_type(String file_type) {          this.file_type = file_type;      }        public File() {      }        public long getFile_id() {          return file_id;      }        public void setFile_id(long file_id) {          this.file_id = file_id;      }        public String getFile_path() {          return file_path;      }        public void setFile_path(String file_path) {          this.file_path = file_path;      } 

      public Materi getMateri() {          return materi;      }        public void setMateri(Materi materi) {          this.materi = materi;      }  } 

File.hbm.xml:                                                       <property column="file_path" name="file_path" type="string"/>                <property column="file_type" name="file_type" type="string"/>          <many‐to‐one  class="entity.Materi"  column="materi"  foreign‐key="fk_file_materi"  name="materi" not‐null="true"/>               

Class Images.java package entity;    public class Images {        private long image_id;      private String image_path;      private User user;        public Images(String file_path, User user) {          this.image_path = file_path;          this.user = user;      }        public Images() {      }        public long getImage_id() {          return image_id;      }        public void setImage_id(long image_id) { 

        this.image_id = image_id;      }        public String getImage_path() {          return image_path;      }        public void setImage_path(String image_path) {          this.image_path = image_path;      }        public User getUser() {          return user;      }        public void setUser(User user) {          this.user = user;      }  } 

Images.hbm.xml                                                       <property column="image_path" name="image_path" type="string"/>          <many‐to‐one class="entity.User" column="user" foreign‐key="fk_image_user" name="user"  not‐null="true"/>           

Class Materi.java   package entity;    import java.util.HashSet;  import java.util.Set;    public class Materi {        private long materi_id;      private String title;      private String content;      private User user;      private Matkul matkul;      private Set files = new HashSet(); 

      public Materi(String title, String content, User user, Matkul matkul) {          this.title = title;          this.content = content;          this.user = user;          this.matkul = matkul;          this.files = new HashSet();      }        Materi() {      }        public Set getFiles() {          return files;      }        public void setFiles(Set files) {          this.files = files;      }          public String getContent() {          return content;      }        public void setContent(String content) {          this.content = content;      }        public String getTitle() {          return title;      }        public void setTitle(String title) {          this.title = title;      }        public User getUser() {          return user;      }        public void setUser(User user) {          this.user = user;      }        public long getMateri_id() {          return materi_id;      }        public void setMateri_id(long materi_id) {          this.materi_id = materi_id;      } 

      public Matkul getMatkul() {          return matkul;      }        public void setMatkul(Matkul matkul) {          this.matkul = matkul;      }  } 

Materi.hbm.xml                                                       <property column="title" name="title" type="string"/>          <property column="content" name="content" type="text"/>  foreign‐key="fk_materi_user"          <many‐to‐one  class="entity.User"  column="user"  name="user" not‐null="true"/>          <many‐to‐one  class="entity.Matkul"  column="matkul"  foreign‐key="fk_materi_matkul"  name="matkul" not‐null="true"/>          <set cascade="delete" inverse="true" lazy="true" name="files" table="file">                                                                                <set cascade="delete" inverse="true" lazy="true" name="soals" table="soal">                                                                       

Class Matkul.java   package entity;    import java.util.HashSet;  import java.util.Set;    public class Matkul {      private long matkul_id; 

    private String matkul_title;      private String matkul_kode;      private String matkul_semester;      private Set materis = new HashSet();              public Matkul() {        }            public Matkul( String matkul_title,String matkul_kode,String matkul_semester) {         this.matkul_title = matkul_title;         this.matkul_kode = matkul_kode;         this.matkul_semester = matkul_semester;         this.materis = new HashSet();      }            public String getMatkul_semester() {          return matkul_semester;      }        public void setMatkul_semester(String matkul_semester) {          this.matkul_semester = matkul_semester;      }            public String getMatkul_kode() {          return matkul_kode;      }        public void setMatkul_kode(String matkul_kode) {          this.matkul_kode = matkul_kode;      }            public Set getMateris() {          return materis;      }        public long getMatkul_id() {          return matkul_id;      }        public String getMatkul_title() {          return matkul_title;      }        public void setMateris(Set materis) {          this.materis = materis;      }        public void setMatkul_id(long matkul_id) {          this.matkul_id = matkul_id;      } 

      public void setMatkul_title(String matkul_title) {          this.matkul_title = matkul_title;      }        }   

Matkul.hbm.xml                                                       <property column="matkul_title" name="matkul_title" not‐null="true" type="string"/>          <property  column="matkul_kode"  name="matkul_kode"  not‐null="true"  unique="true"  type="string"/>          <property  column="matkul_semester"  name="matkul_semester"  not‐null="true"  type="string"/>          <set cascade="delete" inverse="true" lazy="true" name="materis" table="materi">                                                                                 

Class User.java   package entity;    import java.util.HashSet;  import java.util.Set;    public class User {        private long user_id;      private String user_namaDepan;      private String user_namaBelakang;      private String user_email;      private String user_password;      private String user_nip;      private String user_gelar;      private String user_type;      private String user_cv;      private Set materis = new HashSet();      private Set images = new HashSet();   

    public  User(String  user_namaDepan,  String  user_namaBelakang,  String  user_email,  String  user_password, String user_nip, String user_gelar, String user_type, String user_cv) {          this.user_type = user_type;          this.user_namaDepan = user_namaDepan;          this.user_namaBelakang = user_namaBelakang;          this.user_email = user_email;          this.user_password = user_password;          this.user_nip = user_nip;          this.user_gelar = user_gelar;          this.user_cv = user_cv;          this.materis = new HashSet();          this.images = new HashSet();      }        public User() {      }        public String getUser_cv() {          return user_cv;      }        public void setUser_cv(String user_cv) {          this.user_cv = user_cv;      }        public Set getImages() {          return images;      }        public void setImages(Set images) {          this.images = images;      }        public Set getMateris() {          return materis;      }        public String getUser_type() {          return user_type;      }        public void setUser_type(String user_type) {          this.user_type = user_type;      }        public String getUser_email() {          return user_email;      }        public String getUser_gelar() {          return user_gelar;      } 

      public long getUser_id() {          return user_id;      }        public String getUser_namaBelakang() {          return user_namaBelakang;      }        public String getUser_namaDepan() {          return user_namaDepan;      }        public String getUser_nip() {          return user_nip;      }        public String getUser_password() {          return user_password;      }        public void setMateris(Set materis) {          this.materis = materis;      }        public void setUser_email(String user_email) {          this.user_email = user_email;      }        public void setUser_gelar(String user_gelar) {          this.user_gelar = user_gelar;      }        public void setUser_id(long user_id) {          this.user_id = user_id;      }        public void setUser_namaBelakang(String user_namaBelakang) {          this.user_namaBelakang = user_namaBelakang;      }        public void setUser_namaDepan(String user_namaDepan) {          this.user_namaDepan = user_namaDepan;      }        public void setUser_nip(String user_nip) {          this.user_nip = user_nip;      }        public void setUser_password(String user_password) {          this.user_password = user_password;      } 

} 

User.hbm.xml                                                       <property column="user_namaDepan" name="user_namaDepan" type="string"/>          <property column="user_namaBelakang" name="user_namaBelakang" type="string"/>          <property column="user_email" name="user_email" type="string" unique="true"/>          <property column="user_password" name="user_password" type="string"/>          <property column="user_nip" name="user_nip" type="string" unique="true"/>          <property column="user_gelar" name="user_gelar" type="string"/>          <property column="user_type" name="user_type" not‐null="true" type="string"/>          <property column="user_cv" name="user_cv" not‐null="true" type="text"/>          <set cascade="delete" inverse="true" lazy="true" name="materis" table="materi">                                                                                <set cascade="delete" inverse="true" lazy="true" name="images" table="images">                                                                                 

File glue.js: //=========================matkul=====================================  jmaki.subscribe("/matkulTable/onSelect", function(args){      var title= args.value.title;      var kode= args.value.kode;      var sem= args.value.sem;      var id= args.value.id;      document.getElementById("sem").value=sem;      document.getElementById("title").value=title;      document.getElementById("kode").value=kode;      document.getElementById("id").value=id;  });    jmaki.subscribe("/buttonSave/onClick", function(args){      var val = document.getElementById("title").value; 

    var kode = document.getElementById("kode").value;      var sem = document.getElementById("sem").value;      var valId = document.getElementById("id").value;      if(val!=""){          if(valId!=""){              var row = {                  id : valId,                  title : val,                  kode:kode,                  sem:sem              };              jmaki.doAjax({                  method: "POST",                  url: "edit.jsp?title=" + val+"&kode="+kode+"&sem="+sem+"&id="+valId                  ,                  callback: function(_req) {                      jmaki.publish('/jmaki/matkul/updateRow', {                          targetId: valId,                          value:row                      });                  }              })          }          else{              jmaki.doAjax({                  method: "POST",                  url: "add.jsp?title=" + val+"&kode="+kode+"&sem="+sem              })              refreshPage();          }          document.getElementById("id").value="";          document.getElementById("title").value="";          document.getElementById("kode").value="";          document.getElementById("sem").value="";      }      else{          alert("Anda harus mengisi judul")      }  });    jmaki.subscribe("/buttonDelete/onClick", function(args){      var id = document.getElementById("id").value;      if(id!=""){          if(confirm("Hapus data ?")){              document.getElementById("id").value="";              document.getElementById("title").value="";              document.getElementById("sem").value="";              document.getElementById("kode").value="";              jmaki.doAjax({                  method: "POST",                  url: "delete.jsp?id=" + id,                  callback: function(_req) { 

                    jmaki.publish('/jmaki/matkul/removeRow', {                          targetId: id                      });                  }              })          }      }  });  jmaki.subscribe("/buttonNew/onClick", function(args){      document.getElementById("kode").value="";      document.getElementById("title").value="";      document.getElementById("id").value="";      document.getElementById("sem").value="";  });  //=====================user=========================================  jmaki.subscribe("/userTable/onSelect", function(args){      var fn= args.value.fn;      var ln= args.value.ln;      var email= args.value.email;      var nip= args.value.nip;      var gelar= args.value.gelar;      var type= args.value.type;      var pwd= args.value.pwd;      var cv= args.value.cv;      var id= args.value.id;      document.getElementById("fn").value=fn;      document.getElementById("ln").value=ln;      document.getElementById("em").value=email;      document.getElementById("nip").value=nip;      document.getElementById("gelar").value=gelar;      document.getElementById("pwd").value=pwd;      document.getElementById("id").value=id;      tinyMCE.execCommand('mceSetContent',false,cv);            if (type == "1") {          document.getElementById("type").options[1].selected = "true"      }      else{          document.getElementById("type").options[2].selected = "true"      }  });  jmaki.subscribe("/NewUser/onClick", function(args){      document.getElementById("id").value="";      document.getElementById("fn").value="";      document.getElementById("ln").value="";      document.getElementById("em").value="";      document.getElementById("nip").value="";      document.getElementById("gelar").value="";      document.getElementById("pwd").value="";      tinyMCE.execCommand('mceSetContent',false,"");      document.getElementById("type").options[0].selected = "true";       

});    jmaki.subscribe("/SaveUser/onClick", function(args){      var fn=document.getElementById("fn").value;      var ln=document.getElementById("ln").value;      var email=document.getElementById("em").value;      var pwd=document.getElementById("pwd").value;      var nip=document.getElementById("nip").value;      var gelar=document.getElementById("gelar").value;      var type=document.getElementById("type").value;      var cv = tinyMCE.get('FCKxeditor1').getContent() ;          var id= document.getElementById("id").value;      if((fn!="")&(ln!="")){          if(id!=""){              var row = {                  id : id,                  fn : fn,                  ln : ln,                  email : email,                  nip : nip              };              jmaki.doAjax({                  method: "POST",                  url: "edit.jsp?fn=" +  fn+"&cv="+cv+"&ln="+ln+"&em="+email+"&nip="+nip+"&gelar="+gelar+"&type="+type+"&id="+i d+"&act=1"                  ,                  callback: function(_req) {                      jmaki.publish('/jmaki/user/updateRow', {                          targetId: id,                          value:row                      });                  }              })          }          else{              jmaki.doAjax({                  method: "POST",                  url: "add.jsp?fn=" +  fn+"&cv="+cv+"&ln="+ln+"&em="+email+"&pwd="+pwd+"&nip="+nip+"&gelar="+gelar+"&type= "+type              })          }               }      document.getElementById("fn").value="";      document.getElementById("ln").value="";      document.getElementById("em").value="";      document.getElementById("nip").value="";      document.getElementById("pwd").value="";      document.getElementById("gelar").value="";      tinyMCE.execCommand('mceSetContent',false,""); 

    document.getElementById("type").options[0].selected = "true"      document.getElementById("id").value="";      refreshPage();  });    jmaki.subscribe("/SaveTutor/onClick", function(args){      var fn=document.getElementById("fn").value;      var ln=document.getElementById("ln").value;      var email=document.getElementById("em").value;      var pwd=document.getElementById("pwd").value;      var pwd2=document.getElementById("pwd2").value;      var nip=document.getElementById("nip").value;      var gelar=document.getElementById("gelar").value;      var type=document.getElementById("type").value;      var id= document.getElementById("id").value;      var cv = tinyMCE.get('FCKxeditor1').getContent();           if(pwd2!=""){          if(pwd==pwd2){              jmaki.doAjax({                  method: "POST",                  url: "edit.jsp?fn=" +  fn+"&cv="+cv+"&ln="+ln+"&em="+email+"&pwd="+pwd+"&pwd="+pwd2+"&nip="+nip+"&gelar ="+gelar+"&type="+type+"&id="+id+"&act=1"              })                document.getElementById("fn").value=fn;              document.getElementById("ln").value=ln;              document.getElementById("em").value=email;              document.getElementById("nip").value=nip;              document.getElementById("pwd").value=pwd;              document.getElementById("gelar").value=gelar;              document.getElementById("type").value = type;              document.getElementById("id").value=id;          }else{              alert("password tidak sesuai");          }      }else{          jmaki.doAjax({              method: "POST",              url: "edit.jsp?fn=" +  fn+"&cv="+cv+"&ln="+ln+"&em="+email+"&pwd="+pwd+"&pwd="+pwd2+"&nip="+nip+"&gelar ="+gelar+"&type="+type+"&id="+id+"&act=1"          })            document.getElementById("fn").value=fn;          document.getElementById("ln").value=ln;          document.getElementById("em").value=email;          document.getElementById("nip").value=nip;          document.getElementById("pwd").value=pwd;          document.getElementById("gelar").value=gelar;          document.getElementById("type").value = type;          document.getElementById("id").value=id; 

    }    });  jmaki.subscribe("/DeleteUser/onClick", function(args){      var id = document.getElementById("id").value;      if(id!=""){          if(confirm("Hapus data ?")){              document.getElementById("fn").value="";              document.getElementById("ln").value="";              document.getElementById("em").value="";              document.getElementById("nip").value="";              document.getElementById("pwd").value="";              document.getElementById("gelar").value="";              tinyMCE.execCommand('mceSetContent',false,"");              document.getElementById("type").options[0].selected = "true"              document.getElementById("id").value="";              jmaki.doAjax({                  method: "POST",                  url: "delete.jsp?id=" + id,                  callback: function(_req) {                      jmaki.publish('/jmaki/user/removeRow', {                          targetId: id                      });                  }              })          }      }  });  jmaki.subscribe("/ResetPwdUser/onClick", function(args){      var id = document.getElementById("id").value;      var nip =document.getElementById("nip").value;      if(id!=""){          jmaki.doAjax({              method: "POST",              url: "edit.jsp?id=" + id+"&act=3&nip="+nip          })      }  });  //========================upload file=================================  jmaki.subscribe("/materiTableUploadFile/onSelect", function(args){      var id= args.value.id;      document.getElementById("id").value=id;      updateDivUploadFile(id);  });    function updateDivUploadFile(id){      jmaki.doAjax({          method: "POST",          url: "form.jsp?id="+id,          callback: function(_req) {              document.getElementById("content").innerHTML = _req.responseText;          } 

    })  }  jmaki.subscribe("/userTableImage/onSelect", function(args){      var id= args.value.id;      document.getElementById("id").value=id;      updateDivUploadFileImage(id);  });  function updateDivUploadFileImage(id){      jmaki.doAjax({          method: "POST",          url: "form_image.jsp?id="+id,          callback: function(_req) {              document.getElementById("content").innerHTML = _req.responseText;          }      })  }      //==========================materi========================================  jmaki.subscribe("/newMateri/onClick", function(args){      tinyMCE.execCommand('mceSetContent',false,"");      document.getElementById("id").value="";      document.getElementById("title").value="";      document.getElementById("course").value="";      document.getElementById("tutor").value="";  });  jmaki.subscribe("/materiTable/onSelect", function(args){      var content= args.value.content;      var title= args.value.title;      var tutorId= args.value.tutorId;      var courseId= args.value.courseId;      var id= args.value.id;      tinyMCE.execCommand('mceSetContent',false,content);      document.getElementById("id").value=id;      document.getElementById("title").value=title;      updateDivMateri(courseId,tutorId);  });      jmaki.subscribe("/saveMateri/onClick", function(args){      var id= document.getElementById("id").value;      var tutor= document.getElementById("tutor").value;      var course= document.getElementById("course").value;      var title= document.getElementById("title").value;      var content = tinyMCE.get('FCKxeditor1').getContent() ;      if(id!=""){          var row = {              id : id,              tutor : tutor,              course : course,              title : title          }; 

        jmaki.doAjax({              method: "POST",              url: "edit.jsp?tutor=" +  tutor+"&course="+course+"&content="+content+"&title="+title+"&id="+id              ,              callback: function(_req) {                  jmaki.publish('/jmaki/materi/updateRow', {                      targetId: id,                      value:row                  });              }          })      }      else{          jmaki.doAjax({              method: "POST",              url: "add.jsp?tutor=" + tutor+"&course="+course+"&content="+content+"&title="+title          })      }      document.getElementById("id").value="";      document.getElementById("title").value="";      document.getElementById("course").value="";      document.getElementById("tutor").value="";      tinyMCE.execCommand('mceSetContent',false,"");      refreshPage();  });  jmaki.subscribe("/deleteMateri/onClick", function(args){      var id = document.getElementById("id").value;      if(id!=""){          if(confirm("Hapusx data ?")){              tinyMCE.execCommand('mceSetContent',false,"");              document.getElementById("id").value="";              document.getElementById("title").value="";              document.getElementById("course").value="";              document.getElementById("tutor").value="";              jmaki.doAjax({                  method: "POST",                  url: "delete.jsp?id=" + id,                  callback: function(_req) {                      jmaki.publish('/jmaki/materi/removeRow', {                          targetId: id                      });                  }              })          }      }  });  function updateDivMateri(courseId,tutorId){      jmaki.doAjax({          method: "POST",          url: "selectorMateri.jsp?courseId="+courseId+"&tutorId="+tutorId,          callback: function(_req) { 

            document.getElementById("selectorMateri").innerHTML = _req.responseText;          }      })  }  //========================Login=========================================  jmaki.subscribe("/Login/onClick", function(args){      var nip=document.getElementById("login_name").value;      var pwd=document.getElementById("login_password").value;      jmaki.doAjax({          method: "POST",          url: "login.jsp?nip=" + nip+"&pwd="+pwd      })            });     

Frontend Pages: lectures.jsp <%@ page import="dao.DAO" %>  <%@ page import="dao.DAOKuliah" %>  <%@ page import="dao.DAOUser" %>  <%@ page import="entity.AdException" %>  <%@ page import="entity.User" %>  <%@ page import="entity.Kuliah" %>  <%@ page import="java.util.Iterator" %>  <%@ page import="java.util.List" %>  <%@ page import="dao.DAOMatkul" %>  <%@ page import="entity.Matkul" %>    <%@ taglib prefix="a" uri="http://jmaki/v1.0/jsp" %>                                          <meta http‐equiv="Content‐Type" content="text/html; charset=UTF‐8" />                                          <%@ include file="header.jsp" %>              <%          try {              List users = new DAOUser().listForTutor();              Iterator ci = users.iterator();                while (ci.hasNext()) {                  User user = (User) ci.next();                  String id = Long.toString(user.getUser_id());                  Iterator ai = user.getMateris().iterator();                  if (ai.hasNext()) {                      out.print("" +                              "" + user.getUser_namaDepan() + " " +                              user.getUser_namaBelakang() + "