BAB III ANALISA DAN PERANCANGAN APLIKASI
1.1
Analisis Masalah Sampai saat ini masih banyak kita temui cerita cerita fiksi yaitu dongeng
maupun cerita rakyat lainya masih tercetak dalam bentuk buku, majalah atau format cetak lainnya. Dari sekian banyak aplikasi dongeng yang berjalan di perangkat bergerak kebanyakan juga dalam format teks. Pengguna hanya bisa menikmati konten dongeng tanpa bisa ikut berkontribusi untuk menyumbangkan dongeng yang mereka ketahui. Dengan kondisi tersebut masyarakat pecinta dongeng penyandang tunanetra tentunya tidak bisa menikmatinya. Dari permasalahan yang ada maka akan dibuatkan aplikasi dongeng digital yang memberikan kemudahan kepada pengguna untuk: -
Dongeng dapat dinikmati oleh semua kalangan masyarakat tidak terkecuali oleh penyandang tunanetra, maupun tunarungu.
-
Anggota dapat mengunggah dongeng dalam bentuk digital seperti teks, audio maupun animasi video.
1.2
Analisa Kebutuhan Dalam perancangan sistem aplikasi dibutuhkan adanya analisa kebutuhan baik
dalam hal perangkat lunak maupun perangkat keras guna mendukung tingkah laku interface. Berikut adalah rincian kebutuhan sistem yang penulis buat.
http://digilib.mercubuana.ac.id/
Tabel 3.1 Kebutuhan sistem No
Jenis
Spesifikasi
1
Sistem Operasi
2
Emulator Android
Microsoft Windows 7 SP 3 Android SDK dan ADT Manager, JavaTM SDK
3
Integrated Development
Eclipse
Environment 4
Laptop
Intel@Core I3, RAM 4 GB, Hardisk 320 GB
5
Handphone
Android Samsung Galaxy ACE 3 GTS7270, OS 4.2 Jelly Bean 4“ 1GB Ram, 4GB Internal memori
Tabel 3.2 Kebutuhan proses No Kebutuhan 1
Aplikasi dapat menampilkan daftar kategori dongeng.
2
Aplikasi dapat menampilkan daftar dongeng per kategori.
3
Aplikasi menyediakan fungsi pendaftaran untuk menjadi anggota.
4
Aplikasi menyediakan fungsi login kepada user untuk dapat mengunggah dongeng.
5
Aplikasi menyediakan antar muka untuk pengguna mengunggah dongeng dalam bentuk yang ditentukan.
Tabel 3.3 Spesifikasi Video Jenis Berkas Keterangan MP4
Menggunakan codec H.264 dengan audio MP3 atau AAC
Tabel 3.4 Spesifikasi Audio Jenis Berkas Keterangan MP3
Monostereo 8-320 Kbps CBR(constant variable bitrate) atau VBR (variable bitrate)
http://digilib.mercubuana.ac.id/
Tabel 3.4 Spesifikasi Teks Jenis Berkas Keterangan TXT
3.3
Jenis file teks yang sederhana
Perancangan Sistem Perancangan proses pembuatan aplikasi dongeng digital berbasis android ini
adalah dimulai dengan rancangan aplikasi yang digambarkan dalam diagram UML. Kemudian dibuat rancangan antar muka aplikasi. Setelah kedua rancangan tersebut dilakukan, kemudian tahap berikutnya adalah pembuatan program berdasarkan rancangan aplikasi yang telah dibuat sebelumnya. 3.3.1 Pemodelan Use Case Diagram Use case diagram menggambarkan fungsionalitas yang diharapkan dari aplikasi, digambarkan siapa bisa melakukan apa didalam aplikasi. Sebuah use case menggambarkan urutan interaksi antara satu atau lebih aktor dengan aplikasi.
Gambar 3.1 Usecase Diagram Dalam aplikasi dongeng digital ini digambarkan terdapat dua buah aktor yaitu tamu dan anggota. Aktor tamu diartikan sebagai pengunjung biasa yang bisa melihat
http://digilib.mercubuana.ac.id/
atau menikmati konten dongeng dan juga bisa melakukan pendaftaran sebagai anggota. Adapun anggota adalah merupakan aktor yang bisa melakukan pengunggahan konten dongeng dengan terlebih dahulu melakukan login.
3.3.2 Pemodelan Activity Diagram Activity Diagram adalah representasi grafis dari alur kerja tahapan aktifitas. Diagram ini mendukung pilihan tindakan, iterasi dan konkurensi. 3.3.2.1 Diagram Ativitas pendaftaran Pada diagram ini dijelaskan mengenai bagaimana user melakukan proses pendaftaran sebagai anggota. Langkah pertama adalah User
memasukan data
pendaftaran berupa email, katakunci, nama dan nomer handphone. Semua data inputan terlebih dahulu divalidasi yang salah satunya jika semua field inputan masih kosong maka akan ditampilkan pesan untuk melengkapi data. Jika data inputan sudah sesuai dengan validasi yang disediakan maka akan dilakukan pengecekan terhadap alamat email apakah sudah terdaftar di database atau belum. Jika sudah terdaftar maka akan ditampilkan pesan bahwa email sudah terdaftar. Dan jika email belum terdaftar maka data masukan akan disimpan di dalam database. Jika pendaftaran berhasil maka user akan disuguhkan pada halam login.
Gambar 3.2 Diagram aktivitas pendaftaran
http://digilib.mercubuana.ac.id/
3.3.2.2 Diagram Aktifitas Login Rangkaian aktifitas proses login dijabarkan dari saat masuk ke halaman login, pemasukan data, validasi dan akhirnya berhasil login. Login dilakukan saat anggota hendak melakukan proses unggah dongeng. Aktifitas ini digambarkan dalam satu diagram aktifitas login seperti pada gambar berikut.
Gambar 3.3 Aktifitas Login Dari gambar tersebut dapat dijelaskan urutan dimana anggota dihadapkan pada halaman login. Anggota menginput alamat email dan kata kunci yang sebelumnya telah didaftarkan pada saat melakukan pendaftaran sebagai anggota. Alamat email dan kata kunci divalidasi apakah data yang dimasukan sudah lengkap dan sesuai. Jika belum maka akan ditampilkan pesan untuk melengkapi data. Jika data yang dimasukan sudah sesuai maka dicek kembali apakah data masukan antara alamat email dan kata kunci sudah cocok. Jika belum maka anggota diharapkan untuk mengisi kombinasi alamat email dan kata kunci yang sesuai. Jika kombinasi sudah benar makaakan ditampilkan pesan login berhasil dan anggota akan diumpankan pada halaman upload dongeng.
http://digilib.mercubuana.ac.id/
3.3.2.3 Diagram Aktifitas Unggah Dongeng Diagram aktifitas unggah dongeng ini menjelaskan bagaimana urutan proses dalam melakukan pengunggahan dongeng. Anggota akan dihadapkan pada halaman upload. Anggota memasukan judul dan asal dongeng, jika data yang dimasukan tidak sesuai dengan ketentuan makaditampilkan pesan inputan harus sesuai. Jika data inputan sudah sesuai dengan ketentuan maka anggota melakukan pemilihan berkas dongeng yang akan diunggah. Jika berkas yang dipilih tidak sesuai dengan format file yang tentukan maka ditampilkan pesan format file tidak sesuai. Dan sebaliknya jika berkas file yang akan diunggah sesuai dengan kategori jenis dongeng yang akan diunggah maka file akan diunggah beserta file string judul dongeng dan asal dongeng. Adapun diagram aktifitas unggah dongeng ini digambarkan seperti gambar berikut.
Gambar 3.4 Aktifitas Unggah Dongeng
http://digilib.mercubuana.ac.id/
3.3.3 Pemodelan Entity Relation Diagram Pemodelan entity relation diagram ini menjelaskan hubungan antar masing masing tabel database. Aplikadongeng digital berbasis android ini terdiri dari tiga buah table yaitu tabel User, Kategori dan Dongeng. Tabel User berisi data yang berkaitan dengan user atau pengguna dan memiliki atribut berupa user_id (primary key), email, name password dan status. Tabel kategori berisi data jenis kategori dongeng dan memiliki atribut berupa kategori_id (primary key) dan nama. Tabel Dongeng berisi data dongeng yang terdiri dari beberapa atribut berupa dongeng_id (primary key), kategori_id (foreign key) , user_id (foreign key), judul, url, asal dan status. ER Diagram aplikasi ini di gambarkan seperti pada gambar dibawah ini.
Gambar 3.5 ER Diagram Aplikasi Tabel 3.6 Tabel Dongeng Nama kolom
Tipe data
dongeng_id
Int(10)
kategori_id
Int(10)
user_id
Int(10)
Judul
Varchar(65)
url
Varchar(65)
Status
Tinyint(1)
Asal
Varchar(65)
http://digilib.mercubuana.ac.id/
Tabel 3.7 Tabel User Nama kolom
Tipe data
user_id
Int(10)
Email
Varchar(65)
Nama
Varchar(65)
Password
Varchar(65)
Status
TinyInt(1)
Tabel 3.8 Tabel Kategori Nama kolom
Tipe data
kategori_id
Int(10)
Nama
Varchar(65)
3.3.4 Perancangan Antar Muka Aplikasi Dongeng Digital berbasis android ini dirancang dengan desain tampilan yang user friendly dan sesederhana mungkin. Hal ini tentunya bertujuan supaya dapat dengan mudah diakses oleh semua kalangan dan menambah nilai estetika yang tinggi. 3.3.4.1 Perancangan halaman menu utama
Gambar 3.6 Perancangan halaman menu utama
http://digilib.mercubuana.ac.id/
3.3.4.2 Perancangan halaman list dongeng
Judul Dongeng 1
Judul Dongeng 2
Judul Dongeng 3
Judul Dongeng n Gambar 3.7 Perancangan halaman list dongeng 3.3.4.3 Perancangan Halaman Login
TextView Email
EditText Email
TextView Password
EditText Password
Button Login
Button Submit
Gambar 3.8 Perancangan halaman Login
http://digilib.mercubuana.ac.id/
3.3.4.4 Perancangan Halaman Pendaftaran TextView Email
EditText Email
TextView Password
EditText Password
TextView Nama
EditText Nama
TextView Phone
EditText Phone ButtonSubmit
Gambar 3.9 Perancangan halaman pendaftaran 3.3.4.5 Perancangan Halaman Unggah Dongeng Judul Halaman Unggah
TextView Judul
EditText Judul
TextView Asal
EditText Asal
TextView LokasiFIle
EditText LokasiFIle
Button TextFile
Button Upload
Gambar 3.10 Perancangan halaman pendaftaran 3.3.5 Perancangan Menu Navigasi Menu navigasi memberikan kemudahan bagi pengguna saat menggunakan dongeng. Logik aplikasi bisa dengan mudah dimengerti oleh pengguna bagaimana alur aplikasi berjalan dan juga hubungan antar halaman satu dengan halaman lainya. Adapun menu navigasi dari aplikasi dongeng digital berbasis android ini dapat dilihat dari gambar dibawah ini.
http://digilib.mercubuana.ac.id/
Gambar 3.11 Menu Navigasi Keterangan: -
Saat pertama kali aplikasi dijalankan, pengguna akan ditampilkan pada 5 pilihan menu yaitu Dongeng Kategori Text , Dongeng Kategori Audio, Dongeng Kategori Video, Upload, dan About.
-
Pada saat pengguna memilih Dongeng Kategori Text, Audio, maupun Video, akan muncul list dongeng yang telah diunggah oleh anggota dengan status dongeng sudah diaktifkan. List dongeng yang dimunculkan sesuai dengan kategori dari dongeng yang dipilih.
-
Dari list dongeng yang dimunculkan, saat pengguna memilih salah satu judul dongeng yang ditampilkan maka akan ditampilkan detail dongeng tersebut.
-
Untuk detail dongeng kategori text akan dimunculkan cerita dongeng berupa teks yang bisa discroll dari perangkat bergerak kita.
-
Untuk detail dongeng kategori audio akan ditampilkan tampilan antarmuka yang berisi button play, button pause, button stop dan progressbar. Output dari detail dongeng kategori audio ini adalah berupa audio yang akan diputarkan saat tombol play ditekan. Untuk menghentikan sejenak pemutaran dongeng dapat dilakukan dengan menekan tombol pause. Dan untuk menghentikan pemutaran dongeng dilakukan dengan menekan tombol stop.
-
Keluaran dari dongeng video adalah berupa gambar bergerak yang ditampilkan pada webview.
http://digilib.mercubuana.ac.id/
-
Saat tombol Upload ditekan maka akan muncul pemberitahuan bahwasanya untuk dapat mengunggah dongeng diharuskan login terlebih dahulu untuk yang sudah menjadi anggota. Dan untuk yang belum menjadi anggota harus melakukan registrasi. Ketika tombol YES pada jendela informasi yang muncul maka akan diarahkan ke halaman login.
-
Untuk yang telah menjadi anggota maka saat akan mengunggah dongeng anggota tinggal memasukan username dan password yang sesuai saat pertama kali melakukan registrasi. Jika pengguna belum menjadi anggota untuk melakukan pendaftaran maka dapat dilakukan dengan cara menekan tombol register dihalaman Login.
-
Saat melakukan pendaftaran pengguna disuguhkan pada tampilna beberapa field yang harus diisi sesuai dengan nama masing masing field tersebut. Saat pengguna telah mengisi semua field yang ada maka untuk dapat terdaftar tinggal menekan tombol submit, dan setelah berhasil melakukan pendaftaran akan masuk ke halaman login.
-
Dengan melakukan login anggota dapat mengunggah dongeng berdasarkan kategori dongeng dan kebutuhan yang telah ditentukan. Untuk dapat mengunggah dongeng dengan kategori teks dapat dilakukan dengan memilih tombol Text File. Dan untuk jenis audio anggota dapat memilih tombol Audio File. Adapun untuk jenis dongeng kategori Video, anggota dapat memilih tombol Video File.
http://digilib.mercubuana.ac.id/