BAB III ANALISA DAN PERANCANGAN APLIKASI

Transkripsi

1 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.

2 Tabel 3.1 Kebutuhan sistem No Jenis Spesifikasi 1 Sistem Operasi Microsoft Windows 7 SP 3 2 Emulator Android 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 GTS- 7270, 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 Kbps CBR(constant variable bitrate) atau VBR (variable bitrate)

3 Tabel 3.4 Spesifikasi Teks Jenis Berkas Keterangan TXT Jenis file teks yang sederhana 3.3 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 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

4 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 Pemodelan Activity Diagram Activity Diagram adalah representasi grafis dari alur kerja tahapan aktifitas. Diagram ini mendukung pilihan tindakan, iterasi dan konkurensi Diagram Ativitas pendaftaran Pada diagram ini dijelaskan mengenai bagaimana user melakukan proses pendaftaran sebagai anggota. Langkah pertama adalah User memasukan data pendaftaran berupa , 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 apakah sudah terdaftar di database atau belum. Jika sudah terdaftar maka akan ditampilkan pesan bahwa sudah terdaftar. Dan jika 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

5 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 dan kata kunci yang sebelumnya telah didaftarkan pada saat melakukan pendaftaran sebagai anggota. Alamat 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 dan kata kunci sudah cocok. Jika belum maka anggota diharapkan untuk mengisi kombinasi alamat dan kata kunci yang sesuai. Jika kombinasi sudah benar makaakan ditampilkan pesan login berhasil dan anggota akan diumpankan pada halaman upload dongeng.

6 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

7 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), , 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)

8 Tabel 3.7 Tabel User Nama kolom Tipe data user_id Int(10) 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) 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 Perancangan halaman menu utama Gambar 3.6 Perancangan halaman menu utama

9 Perancangan halaman list dongeng Judul Dongeng 1 Judul Dongeng 2 Judul Dongeng 3 Judul Dongeng n Gambar 3.7 Perancangan halaman list dongeng Perancangan Halaman Login TextView EditText TextView Password EditText Password Button Login Button Submit Gambar 3.8 Perancangan halaman Login

10 Perancangan Halaman Pendaftaran TextView EditText TextView Password TextView Nama EditText Password EditText Nama TextView Phone EditText Phone ButtonSubmit Gambar 3.9 Perancangan halaman pendaftaran Perancangan Halaman Unggah Dongeng Judul Halaman Unggah TextView Judul TextView Asal EditText Judul EditText Asal TextView LokasiFIle EditText LokasiFIle Button TextFile Button Upload Gambar 3.10 Perancangan halaman pendaftaran 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.

11 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.

12 - 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.