BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM

(1)

38

BAB III

ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM

3.1 Gambaran Umum Aplikasi

Gambaran umum Tugas Akhir “Perancangan dan Pembuatan Aplikasi ‘Cerpenmu’ 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 Cerpenmu 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)

39 3.2 Proses Bisnis Aplikasi

Aplikasi Cerpenmu berbasis Android berisi cerita pendek yang telah lolos moderasi/seleksi oleh tim Cerpenmu melalui Sistem Informasi Management Cerpenmu. Sistem Informasi Management Cerpenmu memiliki fasilitas pendaftaran sebagai penulis, form pengiriman naskah cerpen dan fasilitas melihat data cerpen yang pernah dikirim.

Sebelum menerbitkan karya cerpennya pada aplikasi Cerpenmu, penulis diharuskan untuk mendaftar sebagai penulis pada Sistem Informasi Management Cerpenmu. Setelah terdaftar sebagai penulis, penulis dapat mengirimkan naskah cerpen melalui Sistem Informasi Management Cerpenmu yang selanjutnya cerpen-cerpen yang dikirim oleh penulis akan diseleksi oleh Tim Cerpenmu melalui Sistem Informasi Management Cerpenmu. Apabila cerpen dinyatakan layak untuk diterbitkan maka Cerpen dapat terbit di Aplikasi Cerpenmu berbasis Android dan dapat dinikmati oleh pembaca.

Pembaca hanya dapat membaca cerpen melalui Aplikasi Cerpenmu berbasis Android. Sebelumnya pembaca diharuskan untuk mendaftar pada Aplikasi Cerpenmu. 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:

(3)

40

3.3 Kebutuhan Fungsional Sistem Informasi Management “Cerpenmu” berbasis web dan Berbasis Android

Kebutuhan fungsional sistem Informasi Management “Cerpenmu” 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

Penulis System dapat menerima dan memproses data pendaftaran penulis Dilakukan pada Sistem Informasi Management Cerpenmu KFS02 Merubah data diri

penulis

Penulis System dapat

memproses edit data diri penulis Dilakukan pada Sistem Informasi Management Cerpenmu KFS03 Penginputan naskah cerpen

Penulis System dapat menerima dan

memproses input data naskah cerpen Dilakukan pada Sistem Informasi Management Cerpenmu KFS04 Menampilkan informasi naskah cerpen

Penulis System dapat

menampilkan informasi naskah cerpen milik penulis Dilakukan pada Sistem Informasi Management Cerpenmu

(4)

41 KFS05 Menghapus

naskah cerpen

Penulis System dapat memproses penghapusan data naskah cerpen Dilakukan pada Sistem Informasi Management Cerpenmu KFS06 Menampilkan semua cerpen yang dikirim penulis Tim Cerpenmu System dapat menampilkan data informasi semua cerpen yang dikirim oleh semua penulis

Dilakukan pada Sistem Informasi Management Cerpenmu KFS07 Merubah informasi status cerpen yang dikirim penulis Tim Cerpenmu System dapat menerima dan memproses edit

informasi status cerpen yang sudah dikirim penulis Dilakukan pada Sistem Informasi Management Cerpenmu KFS08 Menampilkan data kategori naskah Tim Cerpenmu System dapat menampilkan data kategori naskah cerpen

Dilakukan pada Sistem Informasi Management Cerpenmu KFS09 Menambah kategori naskah Tim Cerpenmu System dapat menerima dan

memproses input data kategori naskah cerpen

Dilakukan pada Sistem Informasi Management Cerpenmu KFS10 Merubah kategori naskah Tim Cerpenmu System dapat

menerima dan merubah edit data kategori

Dilakukan pada Sistem

(5)

42

naskah cerpen Management Cerpenmu KFS11 Menghapus kategori naskah Tim Cerpenmu System dapat memproses penghapusan data naskah cerpen Dilakukan pada Sistem Informasi Management Cerpenmu KFS12 Menampilkan informasi system management “Cerpenmu” Tim Cerpenmu dan penulis Sistem dapat menampilkan informasi system management “Cerpenmu” yang berupa peraturan dan kebijakan,kriteria penilaian dan FAQ.

Dilakukan pada Sistem Informasi Management Cerpenmu KFS12 Menambah informasi pada system management “Cerpenmu” Tim Cerpenmu System dapat menerima dan

memproses input data informasi system management “Cerpenmu” yang berupa peraturan dan kebijakan,kriteria penilaian dan FAQ.

Dilakukan pada Sistem Informasi Management Cerpenmu KFS13 Merubah informasi pada system management “Cerpenmu” Tim Cerpenmu System dapat menerima dan memproses edit data informasi system management “Cerpenmu” yang Dilakukan pada Sistem Informasi Management Cerpenmu

(6)

43

berupa peraturan dan kebijakan,kriteria penilaian dan FAQ. KFS14 Menghapus informasi pada system management “Cerpenmu” Tim Cerpenmu System dapat memproses penghapusan data informasi system management “Cerpenmu” yang berupa peraturan dan kebijakan,kriteria penilaian dan FAQ.

Dilakukan pada Sistem Informasi Management Cerpenmu KFS15 Penginputan data diri tim “Cerpenmu” Tim Cerpenmu System dapat menerima dan

memproses input data diri tim “Cerpenmu”

Informasi Management Cerpenmu KFS16 Merubah data diri

tim “Cerpenmu”

Tim Cerpenmu

System dapat menerima dan memproses edit data diri tim “Cerpenmu”

Dilakukan pada Sistem Informasi Management Cerpenmu KFS17 Menghapus data diri tim “Cerpenmu” Tim Cerpenmu System dapat memproses

penghapusan data diri tim “Cerpenmu” Dilakukan pada Sistem Informasi Management Cerpenmu KFS18 Menampilkan data Cerpen Of

Tim System dapat menampilkan data

(7)

44

The Month Cerpenmu cerpen of the month setiap bulannya Informasi Management Cerpenmu KFS19 Menampilkan satu cerita pendek untuk dibaca

Pembaca Aplikasi dapat menampilkan salah satu cerita pendek yang dipilih pembaca Dilakukan pada Aplikasi Cerpenmu Berbasis Android KFS20 Pencarian cerita pendek berdasarkan Judul

Pembaca Aplikasi dapat menampilkan hasil pencarian cerita pendek sesuai dengan kata kunci judul yang dimasukkan. Dilakukan pada Aplikasi Cerpenmu Berbasis Android KFS21 Menampilkan genre/kategori cerita pendek

Pembaca Aplikasi dapat menampilkan kategori cerita pendek dan cerita pendek berdasarkan kategori Dilakukan pada Aplikasi Cerpenmu Berbasis 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 Cerpenmu Berbasis Android

(8)

45

KFS23 Mengirim vote Pembaca Aplikasi dapat memproses pengiriman vote pembaca atas salah satu cerpen.

Dilakukan pada Aplikasi Cerpenmu Berbasis Android KFS24 Menampilkan data Cerpen Of The Month Tim Cerpenmu System dapat menampilkan data cerpen of the month pada bulan terbaru.

Dilakukan pada Aplikasi

Cerpenmu Berbasis Android

3.4 Kebutuhan Non-Fungsional Sistem Informasi Management “Cerpenmu” 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.

3.4.1 Kebutuhan Non-Fungsional Sistem

Kebutuhan non-fungsional system dari Sistem Informasi Management “Cerpenmu” 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 Cerpenmu

(9)

46

KNFS02 Aplikasi memiliki registrasi penulis yang dilengkapi oleh captcha untuk menjamin keamanan sistem.

Dilakukan pada Sistem Informasi Management Cerpenmu

KNFS03 Sistem memiliki keamanan password untuk login pembaca

Dilakukan pada Aplikasi Cerpenmu Berbasis Android

3.4.2 Kebutuhan Non-Fungsional Perangkat Lunak (Software)

Software yang diperlukan dalam pembuatan Sistem Informasi Management “Cerpenmu” berbasis web adalah sebagai berikut :

1. Paket Software Xampp version 2.5

2. Web Server menggunakan Apache 2.2.2.1

3. PHP MyAdmin version 3.4.5 sebagai pengelola keseluruhan server MySQL 4. MySQL version 5.5.16 sebagai Sistem Management Database

5. Notepad++ sebagai teks editor

6. PHP version 5.3.8 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 “Cerpenmu” berbasis android adalah sebagai berikut :

1. Android Studio version 2.0 sebagai tool dalam pembuatan aplikasi Android 2. Java Development Kit (JDK) version 1.8

3.4.3 Kebutuhan Non-Fungsional Perangkat Keras (Hardware)

Hardware yang digunakan dalam pembangunan Sistem Informasi Management “Cerpenmu” berbasis web adalah sebagai berikut :

1. Processor : Intel® Core ™ i3 CPU 2. RAM : 2GB

(10)

47

Sedangkan Hardware yang digunakan dalam pembangunan Aplikasi “Cerpenmu” 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 “Cerpenmu” berbasis Web

Perancangan aplikasi berbasis web menggunakan diagram konteks dan Data Flow Diagram (DFD).

3.5.1 Diagram Konteks (Context Diagram) Sistem Management Cerpenmu 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:

(11)

48 Keterangan gambar 3.3 adalah sebagai berikut :

1. Diagram Konteks terdiri dari satu proses dengan nama Aplikasi Cerpenmu dan terdiri dari tiga entitas eksternal. Setiap entitas mempunyai hubungan melalui aliran data yang masuk dan keluar dari proses system informasi management “Cerpenmu”

2. Aliran data yang masuk dari entitas Tim Cerpenmu adalah informasi peraturan, kriteria penilaian cerpen dan status cerpen. Sedangkan aliran data yang keluar dari system menuju entitas Tim Cerpenmu 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.

3.5.2 Data Flow Diagram (DFD) Level 0

(12)

49

(13)

50

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

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

Seleksi naskah dilakukan oleh entitas Tim Cerpenmu. 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 Cerpenmu.

(14)

51 4. Proses Management Peraturan

Proses management peraturan dilakukan oleh entitas Tim Cerpenmu 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 Cerpenmu.

5. Proses Management Kriteria Penilaian

Proses management Kriteria penilaian dilakukan oleh entitas Tim Cerpenmu 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 Cerpenmu.

6. Proses Management FAQ

Proses management FAQ dilakukan oleh entitas Tim Cerpenmu 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 Cerpenmu.

7. Proses Management Tim Cerpenmu

Proses management tim cerpenmu dilakukan oleh entitas Tim Cerpenmu 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 Cerpenmu.

(15)

52 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:

(16)

53 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 2

3.5.5 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:

(17)

54

Proses 4 dalam DFD Level 1 yaitu Management Peraturan selanjutnya dijabarkan dalam DFD Level 1 proses 4 yang dapat dilihat pada gambar 3.8:

(18)

55

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:

(19)

56

Proses 6 dalam DFD Level 1 yaitu Management FAQ selanjutnya dijabarkan dalam DFD Level 1 proses 6 yang dapat dilihat pada gambar 3.10:

(20)

57

Proses 7 dalam DFD Level 1 yaitu Management Tim Cerpenmu selanjutnya dijabarkan dalam DFD Level 1 proses 7 yang dapat dilihat pada gambar 3.11:

(21)

58

Proses 8 dalam DFD Level 1 yaitu Management Kategori selanjutnya dijabarkan dalam DFD Level 1 proses 8 yang dapat dilihat pada gambar 3.12:

(22)

59

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

3.6.1 Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) Pembuatan Aplikasi ‘Cerpenmu’ berbasis Android ditunjukan pada gambar 3.13 :

(23)

60

Gambar 3.13 Entity Relationship Diagram

3.6.2 Relasi Antar Tabel

Relasi antar tabel dari ERD yang sudah dijelaskan sebelumnya adalah seperti pada gambar 3.14:

(24)

61

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

(25)

62

gambar ilustrasi cerpen dan status yang berisi status cerpen apakah lolos moderasi atau tidak.

Tabel Fisik :

Tabel 3.2 Tabel Fisik tb_cerpenkiriman

No Nama Field Tipe data Keterangan

1 Id_cerpenkiriman Int(10) Primary Key, auto increment 2 Judul_cerpen Varchar(100)

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.

(26)

63 Tabel Fisik :

Tabel 3.3 Tabel Fisik tb_kategori

1 Id_kategori Int(10) Primary Key,

auto increment 2 Nama_kategori Varchar(100)

3. Status Varchar(10)

3. Tabel tb_pendataan

Fungsi : tb_pendataan berfungsi untuk menyimpan data suatu cerpen dengan kategori yang dimilikinya. 1 cerpen dapat memiliki maksimal 3 kategori. Tabel Fisik :

Tabel 3.4 Tabel Fisik tb_pendataan

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

(27)

64 Tabel Fisik :

Tabel 3.5 Tabel Fisik tb_editor

1 Id_editor Int(10) Primary Key,

auto increment 2 Nama_editor Varchar(100) 3 Username Varchar(100) 4 Password Varchar(100) 5 Role Varchar(10) 6. Status Varchar(10) 5. Tabel tb_penulis

Fungsi : tb_penulis berfungsi untuk menyimpan data diri penulis dan username serta password penulis untuk keperluan login kedalam sistem informasi management Cerpenmu.

Tabel Fisik :

Tabel 3.6 Tabel Fisik tb_penulis

1 Username Varchar(100) Primary Key, auto increment 2 Nama_penulis Varchar(100)

3 Alamat_penulis Varchar(100) 4 Notlp_penulis Varchar(100) 5 Email_penulis Varchar(100)

(28)

65 6 Situs_penulis Varchar(100) 7 Password Varchar(100) 8 Foto Varchar(100) 9 role Varchar(10) 6. Tabel tb_pembaca

Fungsi : tb_pembaca digunakan untuk menyimpan informasi pembaca yang akan digunakan untuk keperluan login kedalam aplikasi Cerpenmu berbasis android.

Tabel Fisik :

Tabel 3.7 Tabel Fisik tb_pembaca

1 Username Varchar(100) Primary Key, auto increment 2 Nama_penulis Varchar(100) 3 Alamat_penulis Varchar(100) 4 Notlp_penulis Varchar(100) 5 Email_penulis Varchar(100) 6 Situs_penulis Varchar(100) 7 Password Varchar(100) 8 Foto Varchar(100) 9 role Varchar(10) 7. Tabel tb_rating

Fungsi : tb_rating digunakan untuk menyimpan rating dari cerpen. Tabel fisik :

(29)

66

Tabel 3.8 Tabel Fisik tb_rating

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 :

3.8.1 User Interface Management “Cerpenmu” Berbasis Web

System informasi management “cerpenmu” berbasis web menyediakan halaman untuk penulis dan untuk tim Cerpenmu. Penjelasan desain user interface system informasi management “cerpenmu” berbasis web akan dibagi menjadi :

a. Desain Halaman Utama

Halaman utama berisi profil “Cerpenmu” secara garis besar, Peraturan bagi pengguna “Cerpenmu” baik penulis maupun pembaca, informasi mengenai kriteria penilaian naskah cerita

(30)

67

pendek yang masuk apakah akan diterbitkan atau tidak, FAQ, Kontak “Cerpenmu” yang berisi link menuju ke Facebook, Twitter dan Google+ tim “Cerpenmu” 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

(31)

68

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

(32)

69

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

(33)

70

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

(34)

71

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

(35)

72

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 :

(36)

73

Gambar 3.20 Desain Halaman Profil Penulis

h. Desain Halaman Utama Tim Cerpenmu

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

(37)

74

kehalaman Dashboard Tim Cerpenmu. Berikut merupakan desain halaman utama tim Cerpenmu :

Gambar 3.21 Desain Halaman Utama Tim Cerpenmu

i. Desain Halaman Dashboard Tim Cerpenmu

Halaman dashboard tim Cerpenmu berisi beberapa menu utama seperti menu Naskah yang berisi data naskah yang sudah dikirim penulis dan management kategori, Menu

(38)

75

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 Cerpenmu. Berikut merupakan desain tampilan halaman dashboard tim Cerpenmu :

Gambar 3.22 Desain Halaman Dashboard Tim Cerpenmu

(39)

76

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

(40)

77

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

(41)

78

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

(42)

79

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

(43)

80

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

(44)

81

Halaman ini berisi tabel yang menampilkan data Tim Cerpenmu dan juga button untuk menambah data anggota. Berikut merupakan desain tampilan halaman management Anggota tim Cerpenmu :

Gambar 3.28 Desain Halaman Management Tim Cerpenmu

(45)

82

Halaman ini berisi tabel yang menampilkan informasi data penulis yang sudah terdaftar dalam Cerpenmu. Berikut merupakan desain halaman lihat data penulis :

(46)

83

3.8.2 User Interface Aplikasi Cerpenmu Berbasis Android

Aplikasi Cerpenmu berbasis android menyediakan halaman untuk pembaca aplikasi Cerpenmu untuk membaca cerita pendek serta memberikan rating. Penjelasan desain user interface Aplikasi “Cerpenmu” berbasis Android akan dibagi menjadi desain interface dan penjelasan desain user interface seperti dibawah ini :

3.8.2.1 Desain User Interface

Desain user interface aplikasi cerpenmu dapat dilihat pada gambar-gambar dibawah ini :

(47)

84 Gambar 3.32 Desain Halaman Registrasi

Gambar 3.33 Desain Halaman Utama

(48)

85

Gambar 3.36 Desain Halaman Kategori Gambar 3.37 Desain Halaman Penulis

(49)

86 3.8.2.2 Penjelasan Desain User Interface

Penjelasan mengenai desain masing-masing user interface pada aplikasi berbasis android dapat dilihat pada tabel :

Tabel 3.9 Tabel Penjelasan Desain User Interface

Gambar Penjelasan

Splash Screen Halaman yang pertama kali dijumpai saat aplikasi dijalankan. Pada splash screen memuat logo aplikasi, nama aplikasi dan loading bar. Halaman Login 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 Halaman registrasi member tampil ketika user button sign up yang terdapat pada halaman login. Halaman registrasi berisi form pendaftaran untuk user.

Halaman Utama 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 detail naskah berisi detail naskah cerita pendek termasuk gambar ilustrasi, nama penulis, jumlah rating, isi naskah dan button untuk mengirim rating cerpen.

Halaman Rating 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 Halaman kategori berisi list kategori cerita pendek yang ada dalam Cerpenmu. Setiap list-nya apabila di klik akan menuju pada list

(50)

87

cerita pendek dengan kategori tersebut.

Halaman Penulis Halaman penulis berisi list data diri penulis yang sudah terdaftar dalam sistem informasi management Cerpenmu.