APLIKASI PORTAL DONGENG DIGITAL BERBASIS WEB
PIAN ZAENAL MUTAKIN 41510110052
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2014
http://digilib.mercubuana.ac.id/
http://digilib.mercubuana.ac.id/
http://digilib.mercubuana.ac.id/
KATA PENGANTAR Puji dan syukur kehadirat Allah SWT, karena atas berkat berkat dan rahmat-Nya, sehingga penulis dapat menyelesaikan dapat diselesaikan.Laporan ini disusun untuk memenuhi salah satu syarat persyaratanprogram strata satu (S1) program studi Teknik Informatika Universitas Mercu Buana. Penulis mengucapkan terima kasih kepada semua pihak yang telah membantu sehingga laporan tugas akhir ini dapat tersusun dengan baik.Untuk itu penulis ingin mengucapkan terima kasih kepada : 1.
Ibu Devi Fitrianah, S.Kom., MTI., selaku dosen pembimbing yang telah begitu banyak membantu, membimbing, mengarahkan dan memberikan saran-saran yang sangat berguna untuk menunjang kelancaran dari tugas akhir ini.
2.
Bapak Sabar Rudiyanto, S.Kom, M.Kom., selaku Ketua Program Studi Teknik Informatika Universitas Mercu Buana.
3.
Ibu Umniy Salamah, ST., MMSI., selaku koordinator Tugas Akhir Universtas Mercu Buana.
4.
Kedua orangtua yang telah memberikan doa dan dorongan untuk menyelesaikan tugas akhir ini.
5.
Istri dan anak-anak tercinta yang selalu memberikan motivasi untuk menyelesaikan tugas akhir ini.
6.
Sahabat-sahabat kampus terutama angkatan 2010 yang telah memberikan dukungan moral untuk terus menyelesaikan tugas akhir ini. Akhir kata, penulis berharap Allah SWT berkenan membalas segala kebaikan semua
pihak yang telah membantu. Semoga Tugas Akhir ini bermanfaat bagi pengembangan ilmu dan teknologi. Amin
http://digilib.mercubuana.ac.id/
Aplikasi Portal Dongeng Digital Berbasis Web Pian Zaenal Mutakin, Devi Fitrianah Jurusan Teknik Informatika, Fakultas Ilmu Komputer Universitas Mercu Buana Jl. Raya Meruya Selatan, Kembangan, Jakarta, 11650 Email:
[email protected],
[email protected]
Abstract-- The purpose of these paper is to contribute a Web Based Tale Portal Application with multimedia files that can help to preserve the tribal culture in Indonesia. This application is built with the waterfall approach gradually, begin with the analysis until the testing fase which is using the Black Box method. This application provide a web service to facilitate other developer to further develop the application. From the testing conducted, the application can operate properly with the developer needs analysis. Keyword: multimedia digital tale, web service, waterfall, black box Abstrak-- Tujuan dari makalah ini adalah untuk mengkontribusikan sebuah Aplikasi Portal Dongeng Digital Berbasis Web dengan file multimedia yang dapat menjadi jembatan pelestarian kebudayaan suku budaya bangsa yang ada di Indonesia. Aplikasi ini dibangun dengan pendekatan metodologi Waterfall secara bertahap, mulai dari analisis sampai dengan pengujian aplikasi, dimana teknik pengujiannya menggunakan metode Black Box. Aplikasi Dongeng Digital Berbasis Web ini menyediakan web service dengan maksud mempermudah pengembang lain untuk mengembangkan aplikasi ini. Dari hasil pengujian, Aplikasi Dongeng Digital Berbasis Web dapat beroperasi sesuai dengan analisis kebutuhan pengembang. Kata kunci: dongeng digital multimedia, web servis, waterfall, black box I. PENDAHULUAN Indonesia merupakan negara yang terdiri dari banyak suku bangsa. Keanekaragaman suku budaya merupakan salah satu kekayaan yang merupakan ciri khas dari bangsa Indonesia. Selain terdiri dari beraneka ragam suku bangsa, Indonesia juga kaya akan karya sastra, salah satunya adalah dongeng. Dongeng adalah cerita yang tidak benar-benar terjadi dan dalam banyak hal sering tidak masuk akal [1]. Dongeng dari Indonesia berasal dari berbagai daerah yang kaya akan akar budayanya. Terkait dengan hal ini, penulis bermaksud untuk ikut serta dalam melestarikan kebudayaan Indonesia terutama dongeng-dongengnya dalam sebuah repository dongeng nusantara yang dapat diakses oleh pembaca, bukan hanya untuk
sekedar membaca, tetapi juga untuk ikut melestarikan dongeng daerah masing-masing dengan turut mengunggah dongeng-dongeng khas dari daerah masing-masing. Hal ini tentu saja dapat ditunjang dengan teknologi informasi yang sudah semakin pesat. Penulis bermaksud untuk membangun sebuah Portal dongeng digital yang menjembatani pelestarian dongeng nusantara serta membangun kembali minat baca di kalangan masyarakat Indonesia dari seluruh kalangan usia. Portal dongeng ini selain berisi berkas dongeng berbasis teks, juga dapat berisi cerita-cerita dengan bentuk berkas berbasis multimedia yaitu dalam bentuk video dan juga audio.Untuk dapat dimanfaatkan oleh pengembang aplikasi lain, baik aplikasi web maupun aplikasi berbasis perangkat bergerak seperti android, penulis juga menyediakan akses web service. Dari pemaparan latar belakang diatas, dapat disampaikan bahwa kontribusi dari makalah ini adalah untuk: Membangun sebuah portal dongeng multimedia berbasis web. Menyediakan layanan web servis yang dapat digunakan untuk mengembangkan aplikasi portal dongeng ini oleh pengembang lain. Melestarikan budaya dongeng nusantara dalam wujud portal aplikasi dongeng nusantara berbasis web. Dalam pengembangan aplikasi portal dongeng digital berbasis web ini, penulis membatasi ruang lingkup pengembangannya secara spesifik pada: Fitur yang disediakan adalah: mengunggah dongeng, mengedit dongeng, mengubah profil, mengirim umpan balik terhadap sistem. Aplikasi web terdiri dari 3 tingkatan pengguna yaitu tamu, anggota dan administrator. Terdapat batasan mengenai jenis dan ukuran berkas yang akan diunggah oleh pengguna. Jenis materi dongeng dapat berbentuk teks, audio, maupun video. Aplikasi hanya menerima unggahan dongeng yang sudah jadi, tidak ada editor untuk antar muka anggota. Hanya ada dua status dongeng unggahan, yaitu diterima atau ditolak. Tinjauan dongeng unggahan oleh administrator dilakukan tidak secara spesifik.
http://digilib.mercubuana.ac.id/
Hanya terdapat satu akun administrator pada portal web. Aplikasi yang dibuat menggunakan bahasa pemrograman PHP dan basis data MySQL.
II. LANDASAN TEORI Terdapat beberapa aplikasi dongeng dalam berbagai platform semisal Bawang Merah dan Bawang Putih, Rumah Dongeng Malin Kundang dan Lutung Kasarung. Semuanya dikemas dengan gambar dan suara yang menarik sehingga membuat pengguna bisa lebih mengerti pesan yang ingin disampaikan melalui dongeng tersebut. Selain dalam format aplikasi bergerak terdapat pula halaman web yang menawarkan fitur-fitur untuk membaca dongeng, diantaranya adalah indonesiabercerita.org[2], pendongeng.com[3], dongeng.org[4], dan dongengkakrico.com[5]. Situs indonesiabercerita.org membolehkan anggota situsnya untuk mengunggah dongeng audio sendiri namun situs lainnya hanya menawarkan dongeng berupa teks. Melihat hal tersebut penulis memilih untuk membuat sebuah portal dongeng yang memungkinkan anggota menunggah dongeng dalam berbagai format multimedia seperti audio, video dan teks. Pemilihan ketiga format multimedia ini dimaksudkan agar anggota yang memiliki kekurangan fisik seperti tunarungu masih dapat menggunakan situs dalam format teks, sementara untuk anggota yang mengalami tunanetra dapat menggunakan format audio. Berkas audio yang diunggah dapat dibuat menggunakan media perekaman seperti alat perekam suara digital maupun menggunakan perangkat handphone. Format audio yang diperkenankan untuk diunggah adalah berkas jenis MP3 dengan bitrate antara 8-320kbps. Berkas video yang diperkenankan untuk diunggah bisa adalah format MP4 dengan kompresi H.264. Pemilihan format ini agar berkas dongeng dapat diputar melalui peramban maupun melalui perangkat handphone sesuai dengan spesifikasi video HTML5 [6] dan android [7]. Selain itu berkas video dengan kompresi H.264 memiliki ukuran hampir setengah ukuran berkas yang sama dengan kompresi H.263 dan format 3GPP dikarenakan untuk menghasilkan kualitas yang sama dibutuhkan bitrate yang lebih kecil[8]. Pembuatannya bisa dilakukan dengan menggunakan perangkat lunak yang menyediakan luaran berkas MP4 semisal Lightworks, Adobe After Effects, Handbrake, Adobe Premiere. Dalam perancangan aplikasi ini, penulis menggunakan beberapa pendekatan pemodelan berorientasi objek[9]dengan diagram-diagram pemodelan sistem, aktivitas serta perancangan pemodelan basis datanya dengan pemodelan entitas relasi[9].
III. METODOLOGI Metode yang digunakan dalam pembuatan aplikasi web ini adalah sebagai berikut: 1. Metode penelitian menggunakan metode kepustakaan dan studi literatur dengan mengambil referensi dari buku-buku yang berhubungan dengan materi. 2. Literatur dari internet dengan melakukan browsing untuk mencari informasi-informasi yang diperlukan untuk mempermudah pembuatan aplikasi. 3. Metode rekayasa perangkat lunak yang disebut dengan metode waterfall atau biasa disebut metode air terjun. Pemodelan waterfall menyarankan sebuah pendekatan sekuensial dan sistematis untuk pengembangan perangkat lunak yang dimulai pada tingkatan sistem dan berlanjut pada analisa, perancangan, pemrograman, pengujian dan perawatan[9]. Berikut penjelasan tahapan pemodelan waterfall: - Analisa, adalah pencarian kebutuhan yang difokuskan pada domain informasi dari perangkat lunak semisal fungsi-fungsi yang dibutuhkan, antar muka yang akan dibuat. - Perancangan, adalah proses mengubah kebutuhankebutuhan diatas menjadi sebuah blueprint kerangka perangkat lunak. - Pemrograman, adalah proses menterjemahkan hasil dari perancangan kedalam bahasa pemrograman yang dimengerti oleh komputer. - Pengujian, adalah proses pencocokan fungsi-fungsi perangkat lunak dengan blueprint yang sudah dibuat pada tahap analisa dan perancangan. Dalam tahapan ini harus dipastikan bahwa perangkat lunak bekerja sesuai dengan kebutuhan dan juga bebas dari error. - Perawatan, adalah proses pengembangan perangkat lunak lanjutan. Pada tahap ini ada kemungkinan terjadinya error pada perangkat luanak yang tidak ditemukan pada tahapan pengujian dan harus diperbaiki. Atau bisa saja terjadinya penambahan fitur-fitur seiring dengan pertambahan usia perangkat lunak dan juga kemajuan teknologi. IV. ANALISA DAN PERANCANGAN Analisa Masalah Dongeng yang ada di masyarakat ini umumnya tidak terdokumentasikan ataupun jika terdokumentasikan biasanya dalam bentuk cetak seperti majalah, buku sekolah maupun format cetak lainnya. Dengan semakin berkembangnya teknologi, format cetak ini lambat laun kurang diminati dikarenakan ketidakpraktisan dalam membawanya. Dari permasalahan yang ada maka akan dibuat satu portal dongeng digital bagi penyuka dongeng untuk: - Anggota portal web agar bisa menyumbangkan dongeng dalam bentuk digital seperti suara/audio, teks, maupun animasi dan video.
http://digilib.mercubuana.ac.id/
-
-
Pengembang bisa menggunakan web servis yang disediakan untuk membangun aplikasi bergerak dengan platform bebas dikarenakan web servis yang disediakan menggunakan format JSON (Javascript Object Notation). Dongeng dapat dinikmati dengan berbagai cara (audio visual).
Analisa Kebutuhan Dalam menentukan kebutuhan proses dari aplikasi yang akan kami bangun, dapat dilihat pada Tabel 1. Tabel 1 Analisa Kebutuhan Proses No Kebutuhan 1 Aplikasi menyediakan fungsi pendaftaran untuk menjadi anggota. 2 Aplikasi menyediakan fungsi login dan logout kepada administrator untuk mengatur daftar dongeng dan pengguna. 3 Aplikasi dapat menampilkan daftar kategori dongeng. 4 Aplikasi dapat menampilkan daftar dongeng per kategori. 5 Aplikasi menyediakan antar muka untuk pengguna mengunggah dongeng dalam bentuk yang ditentukan. 6 Web servis yang disediakan dapat menyediakan fungsi-fungsi seperti memberikan daftar kategori dongeng, menampilkan daftar dongeng per sesuai kategori, menambahkan komentar pada dongeng, menampilkan komentar untuk dongeng tertentu, memberikan akses login kepada pengguna, memungkinkan pengguna untuk mengunggah dongeng melalui perangkat lain. 7 Aplikasi dapat menyimpan berkas yang berisi data anggota, dongeng, komentar terhadap dongeng, serta status history dari setiap unggahan dongeng
3GP
audio Vorbis Digunakan untuk mendukung browser yang lebih lama
Tabel 3 Spesifikasi Audio Jenis Berkas Keterangan MP3 Monostereo 8-320 Kbps CBR(constant variable bitrate) atau VBR (variable bitrate) Perancangan Sistem Dalam perancangan aplikasi, penulis memulai dengan merancang spesifikasi fungsi dari aplikasi portal dongeng ini. Diagram yang digunakan dari UML adalah diagram Use case dan diagram Aktivitas. Pemodelan fungsionalitas dari keseluruhan aplikasi yang dibangun dapat dilihat pada Gambar 1. Dari gambar tersebut dapat dilihat bahwa aplikasi memiliki 3 aktor yang berinteraksi dengan aplikasi yang dibangun. Aktor Tamu merupakan pengguna yang diperbolehkan membaca dongeng yang disediakan secara umum, dengan tingkat priviledge paling rendah. Kemudian ada aktor Anggota yang dapat mengunggah dongeng, menyunting profil dan memberikan komentar serta saran dalam aplikasi web ini. Administrator dengan tingkat priviledge paling tinggi merupakan pengguna yang melakukan penyuntingan data anggota, menambah dongeng dan melakukan peninjauan dongeng unggahan anggota, dimana nantinya status unggahan anggota akan dikirimkan melalui notifikasi email.
Berikutnya adalah jenis video yang didukung oleh aplikasi yang kami bangun dapat dilihat pada Tabel 2 dan jenis spesifikasi audionya dapat dilihat pada Tabel 3. Tabel 2 Jenis file video yang didukung: Jenis Berkas Keterangan MP4 Menggunakan codec H.264 dengan audio MP3 atau AAC, telah didukung oleh kebanyakan browser dan bisa menggunakan mode diputar fallback(dengan flash jika telah terpasang). OGV Menggunakan codec Ogg Theora dan audio Vorbis WebM Menggunakan codec video V8 dan
Gambar 1. Diagram Use Case aplikasi Dari kesembilan use case yang digambarkan pada perancangan fungsional aplikasi yang kami bangun, ada 1 use case yang sangat spesifik yang ingin kami paparkan prosesnya, dikarenakan proses ini merupakan
http://digilib.mercubuana.ac.id/
proses inti dari penjaminan mutu dari kualitas berkas dan konten dongeng yang diunggah oleh setiap anggota. Fungsi yang akan kami paparkan secara detil adalah fungsi meninjau dongeng unggahan anggota. Penggambaran lebih detil fungsi ini dapat dilihat pada Gambar 2.
$file_info = new finfo(FILEINFO_MIME_TYPE); $type = $file_info>buffer(file_get_contents($_FILES['fileUtama'] ['tmp_name'])); $mimes = array( 'text/plain','audio/mp3','audio/mpeg', 'video/mp4','video/3gpp','video/ogg', 'audio/webm','video/webm');
if(!in_array($type, $mimes)){6 $_SESSION['pesan'] = 'Tipe berkas tidak didukung.'; if($_SESSION['role_id'] == 1) { header('location: manage.php?act=tambah'); die(); }else{ header('location: upload.php?act=tambah'); die(); } }
Gambar 2. Activity Diagram Peninjauan Dongeng Unggahan Dalam proses peninjauan dongeng yang diunggah oleh anggota, kami melakukan peninjauan terhadap kelayakan dongeng yang diunggah. Kelayakan ini mencakup sisi teknis, yaitu berkaitan dengan besar berkas yang diunggah dan kualitas video serta audio maupun dari sisi kelayakan materi atau konten dari dongeng itu sendiri. Aktor yang melakukan fungsi ini adalah Administrator, dimana jika dongeng yang diunggah disetujui, maka dongeng akan muncul di Portal Dongeng. Namun jika secara teknis maupun konten dongeng yang diunggah belum layak, maka akan dikirimkan notifikasi email langsung ke anggota untuk menginformasikan bahwa dongeng yang diunggah, belum dapat diterbitkan di Portal Dongeng. Artinya, anggota diberikan waktu kembali untuk dapat memperbaiki dongen sesuai dengan arahan dari Admistrator. Berkas unggahan anggota akan dilakukanpemeriksaan oleh sistemberkaitan dengan keabsahan berkas, apakah berkas yang diunggah memiliki kesesuaian antara MIME dengan ekstensi yang diperbolehkan untuk diunggah. Jika MIME berkas tidak sesuai dengan ekstensi berkas yang diperbolehkan maka akan muncul pesan kesalahan menginformasikan bahwa tipe berkas tidak didukung. Berikut adalah kutipan kode sumber aplikasi untuk pengecekan kesesuaian MIME berkas:
Rancangan berikutnya adalah pemodelan data untuk penyimpanan file serta relasi dalam aplikasi yang dibangun. Dari hasil analisis terhadap kebutuhan penyimpanan data, terdapat 4 entitas yang dikemukakan, yaitu: user, dongeng, komentar, dan history. Dari 4 entitas kemudian dilakukan normalisasi dan pemetaan kedalam perancangan logikal, sehingga didapatkan 6 entitas seperti yang dilihat pada Gambar 3.
Gambar 3. Pemodelan ER Diagram Aplikasi Pada entitas role terdapat pemisahan proviledge dari masing-masing pengguna yang diidentifikasi pada
http://digilib.mercubuana.ac.id/
aplikasi ini. Dongeng yang memiliki kategori dipisahkan menjadi sebuah entitas baru yaitu entitas kategori yang merupakan entitas orang tua dari entitas dongeng. Sehingga terdapat atribut kategori_id pada entitas dongeng sebagai foreign key untuk referensinya. Entitas status_history adalah entitas yang digunakan untuk menyimpan data status unggahan anggota, yang dijadikan sebagai landasan review dari Administrator. Perancangan selanjutnya adalah merancang Web Service agar portal ini nantinya dapat dikembangkan oleh pengembang lain, apakah dalam bentuk berbasis web atau berbasis perangkat bergerak. Daftar metode layanan web yang dibuat dapat dilihat pada Tabel. Tabel 4. Daftar Metode Web Service No Nama Servis Deskripsi informasi 1 getCategories Mengeluarkan kategori-kategori dongeng apa saja yang ada di portal web. informasi 2 getCategory Mengeluarkan kategori yang mengenai diminta. Informasi keluaran adalah daftar dongengdongeng yang ada dalam kategori ini. Servis ini membutuhkan satu parameter id kategori (kategori_id) 3 getDongeng Memberikan informasi mengenai dongeng yang diminta. Informasi keluaran adalah judul, isi, pengunggah dongeng yang diminta. Servis ini membutuhkan satu parameter yaitu dongeng_id. 4 getProfil Mengeluarkan informasi mengenai pengguna yang login, parameter yang dibutuhkan adalah user_id. 5 createMember Memungkinkan pendaftaran anggota baru, parameter yang dibutuhkan adalah email, nama, nomor handphone dan password pengguna 6 upload Memungkinkan untuk mengunggah dongeng. Parameter yang dibutuhkan adalah user_id, kategori_id, judul, asal dongeng, dan berkas unggahan. Tahapan perancangan yang terakhir adalah perancangan menu yang diatur berdasarkan peran/role dari masing-masing pengguna dan digambarkan sebagai berikut:
Gambar 4. Hirarki Navigasi Aplikasi V. HASIL DAN DISKUSI Pemrograman Aplikasi Portal Dongeng Berbasis Web ini menggunakan bahasa pemrograman php dengan MySQL sebagai basis datanya. Terdapat beberapa modul yang bisa digunakan didalam aplikasi portal web. Modul-modul diklasifikasikan berdasarkan role dari masing-masing pengguna. Modul-modul yang bisa digunakan oleh anggota adalah sebagai berikut: - Modul pendaftaran. - Modul login. - Modul unggah. - Modul komentar. Modul yang bisa digunakan oleh administrator website adalah sebagai berikut: - Modul login. - Modul update status dongeng. - Modul update komentar. - Modul update status anggota. Proses pengkodean modul-modul ini dilakukan dengan cara memisahkan logika fungsi, aksi dan antar muka aplikasi. Sebuah file yang berkaitan dengan antarmuka tidak memiliki kode-kode yang berkaitan dengan logika fungsi bagaimana modul tersebut dijalankan sehingga lebih mudah dilakukan menelusuran jika terdapat error. Selain itu pemisahan ini dilakukan untuk mengelompokkan aksi-aksi yang dilakukan oleh sebuah form. Terdapat beberapa form yang bisa digunakan sesuai dengan role masing-masing, untuk calon anggota bisa menggunakan form pendaftaran, sementara untuk role anggota bisa menggunakan form sebagai berikut: - form login - form update profil - form unggah dongeng - form komentar Form yang bisa digunakan oleh administrator adalah sebagai berikut: - form login - form update status dongeng - form update status komentar - form update status anggota - form unggah dongeng
http://digilib.mercubuana.ac.id/
Berikutnya adalah pengujian dari program yang kami bangun. Metode pengujian yang kami lakukan sebatas pada fungsionalitas modul-modul yang kami bangun. Pengujian kami bagi berdasarkan role user pada aplikasi ini. Pengujian yang pertama kami lakukan pada modul-modul user anggota, kemudian baru ke modulmodul user administrator. Hasil pengujian yang dilakukan pada modul-modul user anggota dapat dilihat pada tabel 5. Tabel 5. Hasil pengujian modul user anggota Modul
Cara Pengujian Input email salah format
Pendaftar an
Input nomor handphone salah format, contohnya 0841asasas07 Input email yang sudah terdaftar Input email, nama, handphone dan kata kunci benar Input email dan kata kunci salah
Login
Update profil
Input email dan kata kunci benar, misalnya vianz_mutaqin@yah oo.com, kata kunci=password Input nama dengan angka atau kombinasi huruf dan angka Input nomor handphone dengan huruf atau kombinasi angka dan huruf Input nama berupa huruf dan nomor handphone berupa angka Upload foto profil dengan berkas ekstensi mp3 Upload foto profil dengan file mp3 yang diubah ekstensi nama berkasnya dengan jpg Upload foto profil dengan file jpg dengan ukuran 2MB Upload foto profil dengan berkas berekstensi psd atau ekstensi lain selain jpg, jpeg, png dan gif
Hasil yang diharapkan Muncul pesan kesalahan, “Email tidak valid” Muncul pesan kesalahan, isi nomor handphone tidak benar Muncul pesan kesalahan, email sudah terdaftar Muncul pesan berhasil terdaftar Muncul pesan kesalahan, email atau password salah Masuk ke aplikasi, halaman profil
Hasil Penguji an
Unggah dongeng
Input berkas sesuai ekstensi yang diperbolehkan, judul dan asal dongeng tidak kosong, kategori terpilih serta ukuran berkas tidak melebihi 20MB Input komentar kosong
Sesuai
Sesuai
Sesuai
Sesuai
Upload foto profil dengan berkas berekstensi png Input berkas selain ekstensi mp3, txt, ogg, 3gp, mp4, webm Input dengan berkas docx namun diubah ekstensinya menjadi mp4 Input dengan berkas mp4 dengan ukuran lebih dari 20MB
Memberi kan komentar
Input komentar dengan teks
Sesuai
Sesuai
Muncul pesan foto profil telah diperbarui Muncul pesan kesalahan jenis berkas tidak didukung Muncul pesan kesalahan jenis berkas tidak didukung Muncul pesan kesalahan ukuran berkas lebih dari 20MB Muncul pesan pemberitahuan bahwa dongeng telah terunggah dan menunggu verifikasi
Muncul pesan kesalahan komentar tidak boleh kosong Muncul pesan pemberitahuan bahwa komentar telah ditambahkan dan menunggu moderasi
Sesuai
Sesuai
Sesuai
Sesuai
Sesuai
Sesuai
Sesuai
Hasil pengujian pada modul user administrator dapat dilihat pada Tabel 6. Tabel 6. Hasil pengujian modul user administrator
Muncul pesan kesalahan, nama harus berisi huruf Muncul pesan kesalahan, nomor handphone harus berisi angka saja Muncul pesan sukses update profil
Muncul pesan kesalahan, tipe berkas tidak didukung Muncul pesan kesalahan, tipe berkas tidak didukung Muncul pesan kesalahan, ukuran berkas melebihi 1MB Muncul pesan kesalahan, hanya ekstensi jpg, png, jpeg dan gif yang diperkenankan
Modul
Cara Pengujian
Sesuai Input email dan kata kunci salah Sesuai
Login
Sesuai
Sesuai Update status dongeng
Input email dan kata kunci benar, misalnya
[email protected], kata kunci=password Ganti status menjadi ‘tidak disetujui’, atau ‘perlu ditinjau’ Ganti status menjadi ‘disetujui’
Sesuai
Sesuai
Update komentar
Sesuai
Update status anggota
Ganti judul atau asal dongeng Ubah komentar dan status menjadi aktif
Ganti nama, nomor handphone dan role Ganti status anggota menjadi tidak aktif
http://digilib.mercubuana.ac.id/
Hasil yang diharapkan Muncul pesan kesalahan, email atau password salah Masuk ke aplikasi, halaman pengaturan dongeng
Status dongeng tetap tidak aktif Status dongeng menjadi aktif sehingga bisa dilihat di halaman depan Judul dan asal dongeng berubah Status komentar menjadi aktif dan muncul pada halaman dongeng Nama, role, dan nomor handphone anggota berubah Muncul pesan kesalahan pada
Hasil Pengujian Sesuai
Sesuai
Sesuai
Sesuai
Sesuai
Sesuai
Sesuai Sesuai
Ganti status anggota menjadi aktif
saat anggota login menyatakan bahwa akun anggota dinonaktifkan Anggota bisa login kembali ke dalam aplikasi
Sesuai
Dari hasil pengujian, baik dari user anggota maupun user administrator dapat dilihat bahwa semua modul dapat berjalan sesuai dengan yang diharapkan. Berikut akan kami paparkan hasil dari analisis dan ntuk membangun perancangan yang kami lakukan untuk sebuah aplikasi Portal Dongeng Digital Berbasis Web. Gambar 5 menunjukkan halaman pendaftaran anggota.
ListDongeng Gambar 7. Halaman Administrator ListD Dari halaman dongeng yang diunggah oleh anggota, terlihat judul, kategori, URL, anggota yang mengunggah, tanggal, status unggahan dan fungsi review dongeng. Administrator dapat melakukan proses review dongeng dengan menggunakan tombol fungsi. Proses review dapat dilihat pada Gambar 8.
Gambar 5. Halaman Pendaftaran endaftaran Anggota Dimana berikutnya, setelah berhasil mendaftar sebagai anggota, yang bersangkutan dapat masuk kedalam aplikasi Portal Dongeng Digital melalui halaman login. Seperti yang terlihat pada Gambar 6.
Gambar 8. Halaman Peninjauan eninjauan Dongeng Sesuai dengan perancangan, dari hasil peninjauan dongeng, akan disampaikan notifikasi lewat email apakah dongeng yang diunggah diterima atau tidak. Contoh email status hasil peninjauan oleh o admin dapat dilihat pada Gambar 9 dan Gambar 10. Gambar 6. Halaman Login ogin disin adalah proses Salah satu fungsi yang penting disini penunggahan dongeng kedalam Portal Dongeng Digital, yang kemudian akan dapat terlihat pada halaman Administrator, seperti yang terlihat pada Gambar 7.
Gambar 9. Contoh email untuk status disetujui
http://digilib.mercubuana.ac.id/
[6]
[7] Gambar 10. Contoh email untuk status ditolak [8] VI. KESIMPULAN DAN PENGEMBANGAN SELANJUTNYA Aplikasi Dongeng Digital Berbasis Web berhasil dibangun sesuai dengan analisis kebutuhan dan perancangan. Dari hasil pengujian juga dapat disimpulkan bahwa aplikasi ini berjalan sesuai dengan harapan dari penulis, yaitu dapat melakukan pendaftaran dan mengunggah dongeng dalam berbagai format, Administrator dapat memberikan persetujuan dongeng yang diunggah oleh anggota, Administrator dapat melakukan pemblokan terhadap anggota jika diketahui melakukan spamming atau mengunggah dongeng yang tidak sesuai kriteria dan secara umum, aplikasi portal dongeng digital ini dapat digunakan sebagai sarana pengumpulan dongeng oleh anggota. Untuk pengembangan selanjutnya terdapat beberapa fungsi dari aplikasi yang dapat diperbaiki, diantaranya yaitu: 1. Pada saat pendaftaran, sebaiknya dilakukan verifikasi email anggota. 2. Dikarenakan satu berkas dongeng video memiliki ukuran yang relatif besar, maka media penyimpanan di server akan cepat habis. Untuk pengembangan selanjutnya diharapkan bisa menggunakan media penyimpanan berbasis cloud semisal Dropbox atau Google Drive. 3. Tinjauan dongeng unggahan oleh administrator agar lebih spesifik lagi sehingga anggota yang mengunggah dapat secara jelas mengetahui apa saja kekurangan dari dongeng unggahan.
[1]
[2]
[3] [4]
[5]
[9]
“HTML5 Media Format.” [Online]. Available: ? http://www.w3.org/wiki/HTML/Elements/vide o#Formats_and_Codecs. “Android Media Format.” [Online]. Available: ? http://developer.android.com/guide/appendix/m edia-formats.html. R. Walker, M D; Nilsson, M; Jebb, T; Turnbull, “Mobile video-streaming” BT Technol. J., vol. 21, no. 3, p. 192, 2003. R. Pressman, Software Engineering, A Practitioner’s Guide, 5th ed. McGraww-Hill, 2002.
VII. DAFTAR PUSTAKA B. Nurgiantoro, Teori Pengkajian Fiksi. Yogyakarta: Gadjah Mada University Press, 2010. “Indonesia Bercerita :: Mendidik melalui Cerita.” [Online]. Available: http://indonesiabercerita.org/. [Accessed: 14Sep-2014]. “Pendongeng Indonesia.” [Online]. Available: http://pendongeng.com. “Dongeng Anak | Cerita Rakyat Nusantara | Legenda & Asal Usul.” [Online]. Available: http://dongeng.org/. [Accessed: 14-Sep-2014]. “Dongeng Kak Rico.” [Online]. Available: http://dongengkakrico.com/. [Accessed: 14Sep-2014].
http://digilib.mercubuana.ac.id/
CURRICULUM VITAE
Nama
: Pian Zaenal Mutakin
Tempat Tanggal Lahir
: Bandung, 17 Januari 1985
Agama
: Islam
Alamat
: Jalan Dukuh II RT 004/01 No. 1B Kelurahan Dukuh Kecamatan Kramat Jati Jakarta Timur
Nomor Telepon
: 081381842837
Email
:
[email protected]
PENDIDIKAN 1999 – 2002
SMUN 1 Margahayu Bandung
1996 – 1999
SLTPN II Margahayu Bandung
1990 – 1996
SDN XVII Cangkuang Bandung
PENGALAMAN KERJA 2012 – Sekarang
: PT. Infotech Solutions sebagai Lead Web Developer
2010 – 2012
: Adcross Communication sebagai Web Developer
2007 – 2010
: PT. Tarzan Trimanunggal sebagai Multimedia Person
2004 – 2007
: Puzzle Photography sebagai Design Creative
http://digilib.mercubuana.ac.id/
http://digilib.mercubuana.ac.id/