BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM

Transkripsi

1 38 BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM 3.1 Gambaran Umum Aplikasi Gambaran umum Tugas Akhir Perancangan dan Pembuatan Aplikasi E- Book Cerita Pendek Gratis Berbasis Android dapat dilihat pada gambar 3.1 : Gambar 3.1 Gambaran Umum Aplikasi Pada gambar dapat dilihat bahwa aplikasi dibangun untuk menerima dan mengirim data dari dan ke server dibagi menjadi dua bagian, yaitu : a. Bagian pertama merupakan aplikais berbasis web yang menyediakan site untuk dua user diantaranya Penulis untuk mengirimkan naskah cerita pendeknya dan Tim untuk menyeleksi naskah yang sudah dikirim penulis. b. Bagian kedua merupakan aplikasi mobile berbasis android yang hanya menyediakan site untuk Pembaca. Aplikasi berbasis web dibangun menggunakan pemrograman PHP terstruktur dengan menggunakan perancangan system Context Diagram dan Data Flow Diagram (DFD). Sedangkan aplikasi mobile berbasis Android dibangun menggunakan pemrograman berorientasi obyek dengan perancangan Unified Modelling Language (UML), Usecase Diagram, Squence Diagram dan Class diagram.

2 3.2 Proses Bisnis Aplikasi Aplikasi berbasis Android berisi cerita pendek yang telah lolos moderasi/seleksi oleh tim melalui Sistem Informasi Management. Sistem Informasi Management memiliki fasilitas pendaftaran sebagai penulis, form pengiriman naskah cerpen dan fasilitas melihat data cerpen yang pernah dikirim. Sebelum menerbitkan karya cerpennya pada aplikasi, penulis diharuskan untuk mendaftar sebagai penulis pada Sistem Informasi Management. Setelah terdaftar sebagai penulis, penulis dapat mengirimkan naskah cerpen melalui Sistem Informasi Management yang selanjutnya cerpen-cerpen yang dikirim oleh penulis akan diseleksi oleh Tim melalui Sistem Informasi Management. Apabila cerpen dinyatakan layak untuk diterbitkan maka Cerpen dapat terbit di Aplikasi berbasis Android dan dapat dinikmati oleh pembaca. Pembaca hanya dapat membaca cerpen melalui Aplikasi berbasis Android. Sebelumnya pembaca diharuskan untuk mendaftar pada Aplikasi. Selain dapat membaca cerpen, pembaca juga dapat memberikan rating pada masing-masing cerpen yang nantinya akan digunakan sebagai salah satu kriteria penilaian untuk beberapa reward.alur bisnis sistem secara keseluruhan baik system web maupun system pada aplikasi android dapat dilihat pada gambar 3.2: Gambar 3.2 Proses Bisnis Aplikasi 39

3 3.3 Kebutuhan Fungsional Sistem Informasi Management berbasis web dan Berbasis Android Kebutuhan fungsional sistem Informasi Management digunakan untuk menentukan proses-proses fungsionalitas dari sistem yang dilakukan oleh actor yang memiliki akses terhadap proses system. Kebutuhan fungsional sistem berbasis web dan berbasis android dapat dilihat pada table : Tabel 3.1 Tabel Kebutuhan Fungsional Sistem Kode Judul Aktor Deskripsi Keterangan KFS01 Mendaftar sebagai Penulis System dapat Dilakukan pada penulis menerima dan Sistem memproses data Informasi pendaftaran penulis Management KFS02 Merubah data diri Penulis System dapat Dilakukan pada penulis memproses edit data Sistem diri penulis Informasi Management KFS03 Penginputan Penulis System dapat Dilakukan pada naskah cerpen menerima dan Sistem memproses input data Informasi naskah cerpen Management KFS04 Menampilkan Penulis System dapat Dilakukan pada informasi naskah menampilkan informasi Sistem cerpen naskah cerpen milik Informasi penulis Management 40

4 KFS05 Menghapus Penulis System dapat Dilakukan pada naskah cerpen memproses Sistem penghapusan data Informasi naskah cerpen Management KFS06 Menampilkan Tim System dapat Dilakukan pada semua cerpen menampilkan data Sistem yang dikirim informasi semua Informasi penulis cerpen yang dikirim Management oleh semua penulis KFS07 Merubah Tim System dapat Dilakukan pada informasi status menerima dan Sistem cerpen yang memproses edit Informasi dikirim penulis informasi status cerpen Management yang sudah dikirim penulis KFS08 Menampilkan Tim System dapat Dilakukan pada data kategori menampilkan data Sistem naskah kategori naskah cerpen Informasi Management KFS09 Menambah Tim System dapat Dilakukan pada kategori naskah menerima dan Sistem memproses input data Informasi kategori naskah cerpen Management KFS10 Merubah kategori Tim System dapat Dilakukan pada naskah menerima dan merubah Sistem edit data kategori Informasi 41

5 naskah cerpen Management KFS11 Menghapus Tim System dapat Dilakukan pada kategori naskah memproses Sistem penghapusan data Informasi naskah cerpen Management KFS12 Menampilkan Tim Sistem dapat Dilakukan pada informasi system menampilkan informasi Sistem management dan system management Informasi penulis yang Management berupa peraturan dan kebijakan,kriteria penilaian dan FAQ. KFS12 Menambah Tim System dapat Dilakukan pada informasi pada menerima dan Sistem system memproses input data Informasi management informasi system Management management yang berupa peraturan dan kebijakan,kriteria penilaian dan FAQ. KFS13 Merubah Tim System dapat Dilakukan pada informasi pada menerima dan Sistem system memproses edit data Informasi management informasi system Management management yang 42

6 berupa peraturan dan kebijakan,kriteria penilaian dan FAQ. KFS14 Menghapus Tim System dapat Dilakukan pada informasi pada memproses Sistem system penghapusan data Informasi management informasi system Management management yang berupa peraturan dan kebijakan,kriteria penilaian dan FAQ. KFS15 Penginputan data Tim System dapat Dilakukan pada diri tim menerima dan Sistem memproses input data Informasi diri tim Management KFS16 Merubah data diri Tim System dapat Dilakukan pada tim menerima dan Sistem memproses edit data Informasi diri tim Management KFS17 Menghapus data Tim System dapat Dilakukan pada diri tim memproses Sistem penghapusan data diri Informasi tim Management KFS18 Menampilkan Tim System dapat Dilakukan pada data Cerpen Of menampilkan data Sistem 43

7 The Month cerpen of the month Informasi setiap bulannya Management KFS19 Menampilkan satu Pembaca Aplikasi dapat Dilakukan pada cerita pendek menampilkan salah Aplikasi untuk dibaca satu cerita pendek yang dipilih pembaca Berbasis Android KFS20 Pencarian cerita Pembaca Aplikasi dapat Dilakukan pada pendek menampilkan hasil Aplikasi berdasarkan Judul pencarian cerita pendek sesuai dengan kata Berbasis kunci judul yang Android dimasukkan. KFS21 Menampilkan Pembaca Aplikasi dapat Dilakukan pada genre/kategori menampilkan kategori Aplikasi cerita pendek cerita pendek dan cerita pendek berdasarkan Berbasis kategori Android KFS22 Pencarian penulis Pembaca Aplikasi dapat menampilkan pencarian penulis sesuai dengan nama penulis yang dimasukkan dan dapat menampilkan cerpen kiriman penulis yang dicari. Dilakukan pada Aplikasi Berbasis Android 44

8 KFS23 Mengirim vote Pembaca Aplikasi dapat memproses pengiriman vote pembaca atas salah satu cerpen. Dilakukan pada Aplikasi Berbasis Android KFS24 Menampilkan Tim System dapat Dilakukan pada data Cerpen Of menampilkan data Aplikasi The Month cerpen of the month pada bulan terbaru. Berbasis Android 3.4 Kebutuhan Non-Fungsional Sistem Informasi Management Berbasis Web dan Berbasis Android Kebutuhan non-fungsional digunakan untuk menganalisa interaksi aplikasi diluar kebutuhan fungsional. Kebutuhan non-fungsional aplikasi berbasis web dan android dibagi menjadi kebutuhan non-fungsional system, kebutuhan non-fungsional perangkat lunak dan kebutuhan non-fungsional perangkat keras Kebutuhan Non-Fungsional Sistem Kebutuhan non-fungsional system dari Sistem Informasi Management berbasis web dapat dilihat pada table berikut : Tabel 3.2 Tabel Kebutuhan Non-Fungsional Sistem Kode Keterangan Keterangan KNFS01 Sistem memiliki fungsi login pengguna untuk dapat masuk ke dalam system yang memiliki keamanan password dengan menggunakan algoritma MD5. Dilakukan pada Sistem Informasi Management 45

9 KNFS02 KNFS03 Aplikasi memiliki registrasi penulis yang dilengkapi oleh captcha untuk menjamin keamanan sistem. Sistem memiliki keamanan password untuk login pembaca Dilakukan pada Sistem Informasi Management Dilakukan pada Aplikasi Berbasis Android Kebutuhan Non-Fungsional Perangkat Lunak (Software) Software yang diperlukan dalam pembuatan Sistem Informasi Management berbasis web adalah sebagai berikut : 1. Paket Software Xampp version Web Server menggunakan Apache PHP MyAdmin version sebagai pengelola keseluruhan server MySQL 4. MySQL version sebagai Sistem Management Database 5. Notepad++ sebagai teks editor 6. PHP version sebagai bahasa pemrograman web 7. Web browser menggunakan Google Chrome dan Mozilla Firefox 8. Corel Draw X5 untuk kebutuhan mengedit gambar Sedangkan Software yang diperlukan dalam pembuatan Aplikasi berbasis android adalah sebagai berikut : 1. Android Studio version 2.0 sebagai tool dalam pembuatan aplikasi Android 2. Java Development Kit (JDK) version Kebutuhan Non-Fungsional Perangkat Keras (Hardware) Hardware yang digunakan dalam pembangunan Sistem Informasi Management berbasis web adalah sebagai berikut : 1. Processor : Intel Core i3 CPU 2. RAM : 2GB 46

10 Sedangkan Hardware yang digunakan dalam pembangunan Aplikasi berbasis android adalah sebagai berikut : 1. Laptop dengan processor Intel Core i3 CPU dan RAM 2 GB 2. Smartphone android dengan OS minimal Jelly Bean dan RAM minimal 1 GB 3. Kabel data yang support dengan smartphone android 3.5 Perancangan Sistem Informasi Management berbasis Web Perancangan aplikasi berbasis web menggunakan diagram konteks dan Data Flow Diagram (DFD) Diagram Konteks (Context Diagram) Sistem Management berbasis Web Diagram konteks menjelaskan aliran data input dan output dari dan ke system secara keseluruhan. Diagram konteks Sistem berbasis web dapat dilihat pada gambar 3.3: Gambar 3.3 Diagram Konteks 47

11 Keterangan gambar 3.3 adalah sebagai berikut : 1. Diagram Konteks terdiri dari satu proses dengan nama Aplikasi dan terdiri dari tiga entitas eksternal. Setiap entitas mempunyai hubungan melalui aliran data yang masuk dan keluar dari proses system informasi management 2. Aliran data yang masuk dari entitas Tim adalah informasi peraturan, kriteria penilaian cerpen dan status cerpen. Sedangkan aliran data yang keluar dari system menuju entitas Tim adalah Laporan Cerpen Masuk. 3. Aliran data yang masuk dari entitas Penulis adalah data diri penulis dan data cerpen. Sedangkan aliran data yang keluar dari system menuju entitas Penulis adalah data status cerpen yang dikirim. 4. Aliran data yang masuk dari entitas Pembaca adalah data rating pada suatu cerpen. Sedangkan aliran data yang keluar dari sistem menuju entitas Pembaca adalah data informasi cerpen Data Flow Diagram (DFD) Level 0 Data Flow Diagram (DFD) level 0 sistem ditunjukkan pada gambar 3.4 : 48

12 Gambar 3.4 Data Flow Diagram (DFD) Level 0 49

13 Keterangan setiap proses pada DFD level 0 adalah sebagai berikut : 1. Registrasi Penulis Proses Registrasi Penulis dilakukan oleh user yang hendak mengirim naskah ke tim dan harus terlebih dahulu mendaftarkan diri. Aliran data yang masuk adalah data diri penulis. System akan mencari pada database table tb_penulis dan menyimpan data pada table tersebut. Proses registrasi penulis akan mengeluarkan aliran data informasi data penulis yang akan diterima oleh entitas penulis dan entitas Tim. 2. Proses Upload Naskah dan Seleksi Naskah Proses upload naskah dilakukan oleh entitas penulis. Aliran data yang masuk adalah data naskah. System akan mencari pada database table tb_kategori untuk menampilkan kategori yang dapat dipilih penulis, kemudian system akan mencari pada database table tb_cerpen dan menyimpan data naskah pada table tersebut. Aliran data yang dikeluarkan yaitu informasi data naskah yang akan diterima oleh entitas penulis dan entitas tim cerpenmu serta laporan cerpen masuk yang akan diterima oleh entitas Tim. Seleksi naskah dilakukan oleh entitas Tim. Aliran data yang masuk adalah data status naskah dan id tim yang bertanggung jawab. System akan mencari pada database table tb_cerpen kemudian menyimpan perubahan data naskah kedalamnya. Proses seleksi naskah akan mengeluarkan aliran data naskah yang akan diterima oleh entitas penulis. 3. Proses Rating Proses rating dilakukan oleh user pembaca yang mengakses aplikasi berbasis android. Pembaca yang ingin memberikan rating kepada suatu cerita pendek harus login terlebih dahulu, kemudian memilih cerpen yang akan diberi rating dan memberikan rating dalam jumlah bintang. Aliran data yang masuk ke sistem adalah data rating. Sistem akan mencari pada database tabel tb_cerpenkiriman untuk menampilkan cerita pendek yang akan diberi rating. Kemudian sistem akan menyimpan data rating pada tabel tb_rating. Proses rating akan mengeluarkan aliran data informasi rating yang akan diterima oleh entitas pembaca dan Tim. 50

14 4. Proses Management Peraturan Proses management peraturan dilakukan oleh entitas Tim dimana aliran data yang masuk adalah data peraturan. System akan mencari pada database table tb_peraturan dan menyimpan data peraturan didalamnya. Proses management peraturan mengeluarkan aliran data informasi data peraturan yang akan diterima oleh entitas penulis dan Tim. 5. Proses Management Kriteria Penilaian Proses management Kriteria penilaian dilakukan oleh entitas Tim dimana aliran data yang masuk adalah data keriteria penilaian naskah. System akan mencari pada database table tb_penilaian dan menyimpan data kriteria penilaian naskah didalamnya. Proses management keriteria penilaian mengeluarkan aliran data informasi data kriteria penilaian yang akan diterima oleh entitas penulis dan Tim. 6. Proses Management FAQ Proses management FAQ dilakukan oleh entitas Tim dimana aliran data yang masuk adalah data pertanyaan dan jawaban. System akan mencari pada database table tb_faq dan menyimpan data pertanyaan dan jawaban didalamnya. Proses management FAQ mengeluarkan aliran data informasi data pertanyaan dan jawaban yang akan diterima oleh entitas penulis dan Tim. 7. Proses Management Tim Proses management tim cerpenmu dilakukan oleh entitas Tim dimana aliran data yang masuk adalah data diri anggota tim. System akan mencari pada database table tb_editor dan menyimpan data anggota tim didalamnya. Proses management anggota tim mengeluarkan aliran data informasi data anggota tim yang akan diterima oleh entitas Tim. 51

15 3.5.3 Data Flow Diagram (DFD) Level 1 Proses 1 Proses 1 dalam DFD Level 1 yaitu registrasi penulis selanjutnya dijabarkan dalam DFD Level 1 proses 1 yang dapat dilihat pada gambar 3.5: Gambar 3.5 Data Flow Diagram (DFD) Level 1 Proses 1 52

16 3.5.4 Data Flow Diagram (DFD) Level 1 Proses 2 Proses 2 dalam DFD Level 1 yaitu Upload dan Seleksi Naskah selanjutnya dijabarkan dalam DFD Level 1 proses 2 yang dapat dilihat pada gambar 3.6: Gambar 3.6 Data Flow Diagram (DFD) Level 1 Proses Data Flow Diagram (DFD) Level 1 Proses 3 Proses 3 dalam DFD Level 1 yaitu Rating selanjutnya dijabarkan dalam DFD Level 1 proses 3 yang dapat dilihat pada gambar 3.7: 53

17 Gambar 3.7 Data Flow Diagram (DFD) Level 1 Proses Data Flow Diagram (DFD) Level 1 Proses 4 Proses 4 dalam DFD Level 1 yaitu Management Peraturan selanjutnya dijabarkan dalam DFD Level 1 proses 4 yang dapat dilihat pada gambar 3.8: 54

18 Gambar 3.8 Data Flow Diagram (DFD) Level 1 Proses Data Flow Diagram (DFD) Level 1 Proses 5 Proses 5 dalam DFD Level 1 yaitu Management Kriteria Penilaian selanjutnya dijabarkan dalam DFD Level 1 proses 5 yang dapat dilihat pada gambar 3.9: 55

19 Gambar 3.9 Data Flow Diagram (DFD) Level 1 Proses Data Flow Diagram (DFD) Level 1 Proses 6 Proses 6 dalam DFD Level 1 yaitu Management FAQ selanjutnya dijabarkan dalam DFD Level 1 proses 6 yang dapat dilihat pada gambar 3.10: 56

20 Gambar 3.10 Data Flow Diagram (DFD) Level 1 Proses Data Flow Diagram (DFD) Level 1 Proses 7 Proses 7 dalam DFD Level 1 yaitu Management Tim selanjutnya dijabarkan dalam DFD Level 1 proses 7 yang dapat dilihat pada gambar 3.11: 57

21 Gambar 3.11 Data Flow Diagram (DFD) Level 1 Proses Data Flow Diagram (DFD) Level 1 Proses 8 Proses 8 dalam DFD Level 1 yaitu Management Kategori selanjutnya dijabarkan dalam DFD Level 1 proses 8 yang dapat dilihat pada gambar 3.12: 58

22 Gambar 3.12 Data Flow Diagram (DFD) Level 1 Proses Perancangan Basis Data Perancangan basis data akan dibuat dengan menggunakan Entity Relationship Diagram (ERD) untuk menganalisa semua entitas yang diperlukan beserta atribut-atributnya dan hubungan antar entitas satu dengan entitas lainnya kemudian membuat relasi antar table untuk mengetahui hubungan antar satu table dengan yang lainnya Entity Relationship Diagram (ERD) Entity Relationship Diagram (ERD) Pembuatan Aplikasi berbasis Android ditunjukan pada gambar 3.13 : 59

23 Gambar 3.13 Entity Relationship Diagram Relasi Antar Tabel gambar 3.14: Relasi antar tabel dari ERD yang sudah dijelaskan sebelumnya adalah seperti pada 60

24 Gambar 3.14 Relasi Antar Tabel 3.7 Perancangan Tabel Relasi antar tabel kemudian diimplementasikan kedalam perancangan setiap tabel-tabel yang dibutuhkan. Berikut adalah perancangan tabel aplikasi secara keseluruhan : 1. Tabel tb_cerpenkiriman Fungsi : tabel tb_cerpenkiriman digunakan untuk menyimpan data cerpen masuk secara keseluruhan yang terdiri dari id_cerpenkiriman yang digunakan untuk menyimpan ID tiap cerpen masuk, judul_cerpen yang digunakan untuk menyimpan judul cerpen, penulis yang digunakan untuk menyimpan data username penulis yang menulis cerpen tersebut, id_editor untuk menyimpan data editor tim cerpenmu yang meloloskan naskah tersebut apabila lolos, id_kategori yang berisi kategori cerpen, isi_naskah yang berisi isi naskah cerpen, gambar_ilustrasi yang berisi 61

25 Tabel Fisik : gambar ilustrasi cerpen dan status yang berisi status cerpen apakah lolos moderasi atau tidak. Tabel 3.2 Tabel Fisik tb_cerpenkiriman No Nama Field Tipe data Keterangan 1 Id_cerpenkiriman Int(10) Primary Key, 2 Judul_cerpen Varchar(100) auto increment 3 Penulis Varchar(100) Foreign key 4 Id_editor Int(10) Foreign key 5 Id_kategori Int(10) Foreign key 6 Isi_naskah Text 7 Gambar_ilustrasi Varchar(100) 8 Status Varchar(100) 2. Tabel tb_kategori Fungsi : tb_kategori berfungsi untuk menyimpan nama kategori yang akan digunakan untuk memberi kategori setiap cerpennya. 62

26 Tabel Fisik : Tabel 3.3 Tabel Fisik tb_kategori No Nama Field Tipe data Keterangan 1 Id_kategori Int(10) Primary Key, 2 Nama_kategori Varchar(100) 3. Status Varchar(10) auto increment 3. Tabel tb_pendataan Fungsi Tabel Fisik : : tb_pendataan berfungsi untuk menyimpan data suatu cerpen dengan kategori yang dimilikinya. 1 cerpen dapat memiliki maksimal 3 kategori. Tabel 3.4 Tabel Fisik tb_pendataan No Nama Field Tipe data Keterangan 1 Id_pendataan Int(10) Primary Key, auto increment 2 Id_cerpenkiriman Int(10) Foreign key 3 Id_kategori Int(10) Foreign key 4. Tabel tb_editor Fungsi : tb_editor berfungsi untuk menyimpan data anggota tim cerpenmu untuk keperluan login kedalam sistem informasi management. 63

27 Tabel Fisik : Tabel 3.5 Tabel Fisik tb_editor No Nama Field Tipe data Keterangan 1 Id_editor Int(10) Primary Key, 2 Nama_editor Varchar(100) 3 Username Varchar(100) 4 Password Varchar(100) 5 Role Varchar(10) 6. Status Varchar(10) auto increment 5. Tabel tb_penulis Fungsi Tabel Fisik : : tb_penulis berfungsi untuk menyimpan data diri penulis dan username serta password penulis untuk keperluan login kedalam sistem informasi management. Tabel 3.6 Tabel Fisik tb_penulis No Nama Field Tipe data Keterangan 1 Username Varchar(100) Primary Key, 2 Nama_penulis Varchar(100) 3 Alamat_penulis Varchar(100) 4 Notlp_penulis Varchar(100) 5 _penulis Varchar(100) auto increment 64

28 6 Situs_penulis Varchar(100) 7 Password Varchar(100) 8 Foto Varchar(100) 9 role Varchar(10) 6. Tabel tb_pembaca Fungsi Tabel Fisik : : tb_pembaca digunakan untuk menyimpan informasi pembaca yang akan digunakan untuk keperluan login kedalam aplikasi berbasis android. Tabel 3.7 Tabel Fisik tb_pembaca No Nama Field Tipe data Keterangan 1 Username Varchar(100) Primary Key, 2 Nama_penulis Varchar(100) 3 Alamat_penulis Varchar(100) 4 Notlp_penulis Varchar(100) 5 _penulis Varchar(100) 6 Situs_penulis Varchar(100) 7 Password Varchar(100) 8 Foto Varchar(100) 9 role Varchar(10) auto increment 7. Tabel tb_rating Fungsi : tb_rating digunakan untuk menyimpan rating dari cerpen. Tabel fisik : 65

29 Tabel 3.8 Tabel Fisik tb_rating No Nama Field Tipe data Keterangan 1 Id_rating Int(10) Primary Key, auto increment 2 Id_cerpen Int(10) Foreign key 3 Id_pembaca Int(10) Foreign key 4 Jumlah_rating Int(10) 3.8 Perancangan Desain User Interface Perancangan desain user interface aplikasi dibedakan menjadi rancangan user interface system informasi management cerpenmu berbasis web dan rancangan user interface aplikasi cerpenmu berbasis android. Berikut adalah penjelasan mengenai kedua rancangan desain user interface : User Interface Management Berbasis Web System informasi management cerpenmu berbasis web menyediakan halaman untuk penulis dan untuk tim. Penjelasan desain user interface system informasi management cerpenmu berbasis web akan dibagi menjadi : a. Desain Halaman Utama Halaman utama berisi profil secara garis besar, Peraturan bagi pengguna baik penulis maupun pembaca, informasi mengenai kriteria penilaian naskah cerita 66

30 pendek yang masuk apakah akan diterbitkan atau tidak, FAQ, Kontak yang berisi link menuju ke Facebook, Twitter dan Google+ tim dan halaman login. Berikut adalah desain dari halaman utama System informasi management cerpenmu berbasis web : Gambar 3.14 Desain Halaman Utama b. Desain Halaman Login Halaman login berisi form untuk menerima inputan username, password dan role login. Halaman login ini digunakan untuk kedua role yang nantinya akan merujuk ke halaman yang 67

31 berbeda. Pada form ini juga disediakan button untuk sign up atau registrasi yang digunakan oleh penulis untuk registrasi. Berikut adalah desain halaman login dari System informasi management cerpenmu berbasis web : Gambar 3.15 Desain Halaman Login c. Desain Halaman Registrasi Penulis Halaman registrasi ini akan muncul ketika button sign up pada form login ditekan. Halaman ini menampilkan form untuk menerima inputan data diri penulis yang hendak registrasi 68

32 dan captcha. Berikut merupakan desain halaman registrasi penulis pada System informasi management cerpenmu berbasis web : Gambar 3.16 Desain Halaman Registrasi Penulis d. Desain Halaman Utama Penulis Setelah berhasil login, penulis akan masuk pada halaman yang desainnya sama dengan halaman utama namun terdapat tambahan menu yaitu Kirim Naskahmu!. Menu tersebut 69

33 apabila di klik akan berpindah ke halaman dashboard penulis. Berikut merupakan desain halaman utama penulis pada System informasi management cerpenmu berbasis web : Gambar 3.17 Desain Halaman Utama Penulis e. Desain Halaman Dashboard Penulis Halaman dashboard penulis berisi naskah-naskah cerpen yang sudah dikirim penulis. Disini juga ditampilkan informasi status cerpen, apakah cerpen lolos seleksi atau belum. Pada 70

34 halaman ini juga disediakan button upload naskah untuk masuk ke halaman form upload naskah. Berikut merupakan desain tampilan halaman dashboard penulis : Gambar 3.18 Desain Halaman Dashboard Penulis f. Desain Halaman Upload Naskah 71

35 Halaman ini berisi form untuk menerima inputan data naskah termasuk untuk mengupload gambar ilustrasi yang diperlukan untuk naskah. Berikut merupakan desain tampilan halaman upload naskah : Gambar 3.19 Desain Form Upload Naskah g. Desain Halaman Profil Penulis Halaman ini berisi informasi profil penulis sekaligus form untuk mengedit data penulis. Berikut merupakan desain halaman profil penulis : 72

36 Gambar 3.20 Desain Halaman Profil Penulis h. Desain Halaman Utama Tim Halaman ini sama seperti halaman utama dan halaman utama untuk penulis. Yang membedakan adalah pada menu terdapat menu Dashboard yang apabila di klik akan masuk 73

37 kehalaman Dashboard Tim. Berikut merupakan desain halaman utama tim : Gambar 3.21 Desain Halaman Utama Tim i. Desain Halaman Dashboard Tim Halaman dashboard tim berisi beberapa menu utama seperti menu Naskah yang berisi data naskah yang sudah dikirim penulis dan management kategori, Menu 74

38 Management Reward yang berisi informasi Reward yang pernah diberikan tiap bulannya pada penulis, Menu Management Content yang berisi menu untuk management Peraturan penggunaan tim cerpenmu dan kriteria Penilaian naskah, Menu Management Editor yang berisi menu untuk management anggota tim cerpenmu dan Link untuk menuju ke social media Tim. Berikut merupakan desain tampilan halaman dashboard tim : Gambar 3.22 Desain Halaman Dashboard Tim j. Desain Halaman Management Naskah 75

39 Halaman ini berisi tabel yang menampilkan data naskah masuk beserta statusnya. Tim editor dapat melihat naskah kemudian merubah status naskah. Berikut merupakan desain halaman management naskah : Gambar 3.23 Desain Halaman Management Naskah k. Desain Halaman Lihat naskah dan ubah status Naskah 76

40 Halaman ini menampilkan isi naskah dan button apakah naskah lolos seleksi atau tidak. Berikut merupakan desain halaman Lihat naskah dan ubah status naskah : Gambar 3.24 Desain Halaman Lihat Naskah dan Ubah Status Naskah l. Desain Halaman Management Kategori 77

41 Halaman ini berisi tabel yang menampilkan data kategori tim cerpenmu dan juga button untuk menambah data kategori. Berikut merupakan desain tampilan halaman management kategori : Gambar 3.25 Desain Halaman Management Kategori m. Desain Halaman Management Peraturan 78

42 Halaman ini berisi tabel yang menampilkan data peraturan system informasi cerpenmu dan juga button untuk menambah data peraturan. Berikut merupakan desain tampilan halaman management peraturan : Gambar 3.26 Desain Halaman Management Peraturan n. Desain Halaman Management Kriteria Penilaian 79

43 Halaman ini berisi tabel yang menampilkan data Kriteria Penilaian naskah dan juga button untuk menambah data kriteria. Berikut merupakan desain tampilan halaman management kriteria penilaian naskah : Gambar 3.27 Desain Halaman Management Kriteria Penilaian o. Halaman Management Tim Cerpemu 80

44 Halaman ini berisi tabel yang menampilkan data Tim dan juga button untuk menambah data anggota. Berikut merupakan desain tampilan halaman management Anggota tim : Gambar 3.28 Desain Halaman Management Tim p. Desain Lihat Data Penulis 81

45 Halaman ini berisi tabel yang menampilkan informasi data penulis yang sudah terdaftar dalam. Berikut merupakan desain halaman lihat data penulis : Gambar 3.29 Desain Halaman Lihat Data Penulis 82

46 3.8.2 User Interface Aplikasi Berbasis Android Aplikasi berbasis android menyediakan halaman untuk pembaca aplikasi untuk membaca cerita pendek serta memberikan rating. Penjelasan desain user interface Aplikasi berbasis Android akan dibagi menjadi desain interface dan penjelasan desain user interface seperti dibawah ini : Desain User Interface Desain user interface aplikasi cerpenmu dapat dilihat pada gambar-gambar dibawah ini : Gambar 3.30 Desain Splashscreen Gambar 3.31 Desain Halaman Login 83

47 Gambar 3.32 Desain Halaman Registrasi Gambar 3.33 Desain Halaman Utama Gambar 3.34 Desain Halaman Detail Naskah Gambar 3.35 Desain Halaman Voting 84

48 Gambar 3.36 Desain Halaman Kategori Gambar 3.37 Desain Halaman Penulis Gambar 3.38 Desain Halaman Tentang 85

49 Penjelasan Desain User Interface Penjelasan mengenai desain masing-masing user interface pada aplikasi berbasis android dapat dilihat pada tabel : Gambar Splash Screen Halaman Login Halaman Registrasi Halaman Utama Tabel 3.9 Tabel Penjelasan Desain User Interface Penjelasan Halaman yang pertama kali dijumpai saat aplikasi dijalankan. Pada splash screen memuat logo aplikasi, nama aplikasi dan loading bar. Halaman login berisi form login input username dan password untuk masuk ke dalam aplikasi. Dibagian bawahnya juga disediakan button untuk masuk ke form registrasi apabila user belum mendaftar. Halaman registrasi member tampil ketika user button sign up yang terdapat pada halaman login. Halaman registrasi berisi form pendaftaran untuk user. Halaman utama berisi daftar cerita pendek terbaru. Selain itu pada bagian atasnya juga terdapat button untuk masuk ke menu-menu lain seperti menu kategori, menu melihat daftar penulis dan menu tentang. Halaman Detail Naskah Halaman Rating Halaman Kategori Halaman detail naskah berisi detail naskah cerita pendek termasuk gambar ilustrasi, nama penulis, jumlah rating, isi naskah dan button untuk mengirim rating cerpen. Halaman rating akan muncul ketika user memilih button rating pada halaman Detail Naskah. Halaman ini berupa pop up yang akan menampilkan 5 bintang yang dapat digunakan user untuk memberi rating terhadap cerpen. Halaman kategori berisi list kategori cerita pendek yang ada dalam. Setiap list-nya apabila di klik akan menuju pada list 86

50 cerita pendek dengan kategori tersebut. Halaman Penulis Halaman Tentang Halaman penulis berisi list data diri penulis yang sudah terdaftar dalam sistem informasi management. Halaman tentang berisi informasi mengenai aplikasi. 87