BAB III ANALISA DAN PERANCANGAN SISTEM

BAB III

ANALISA DAN PERANCANGAN SISTEM 3.1 Gambaran Umum Komunitas

3.1.1 Sejarah Komunitas Fiksiana Community Atau biasa disebut FC adalah group facebook tempat berkumpulnya para pecinta fiksi Kompasiana. Empat tahun lalu group tersebut saya dirikan dengan tujuan mengumpulkan pecinta dan penulis fiksi di Kompasiana. Bisa dibilang bahwa berdirinya group tersebut awalnya hanya untuk iseng semata, hiburan saja, untuk meneruskan group pendahulunya yang telah saya tutup, yaitu group Malam Prosa Kolaborasi, yang ketika itu dibuat untuk memfasilitasi para peserta event Prosa kolaborasi yang kami adakan. FC adalah grup independen, yang berdiri sendiri tanpa ikut campur dari pihak Kompasiana. Tak dipungkiri event-event menulis yang kita selenggarakan (sebelum kami bikin group FC) adalah asal muasal adanya rubrik Fiksiana. Tapi FC bukanlah bagian dari Kompasiana. FC tidak ada hubungan darah apapun dengan Kompasiana. Member FC juga bukan semata orang-orang dari Kompasiana Jauh sebelumnya, tahun 2011 para pecinta fiksi di Kompasiana merasa prihatin dengan jarangnya tulisan fiksi yang dijadikan headline oleh admin. Bila Anda adalah Kompasianer jaman itu, maka Anda pasti akan melihat pergantian headline di kanal fiksi bisa seminggu sekali, empat hari sekali, delapan hari sekali. Kemudian kawan-kawan dari Kampung Fiksi yang diprakarsai Miss Ge, mbak Winda, Mbak Inge dan teman-teman lain para Kompasianer membuat gebrakan yang diberi nama "Hari Fiksi". Malam itu bulan Maret tanggal 4 tahun 2011. Dalam semalam kami para pecinta fiksi mengadakan demo di Kompasiana dengan menghujani Kompasiana dengan tulisan fiksi. Pada malam itulah sejarah tercatat, headline fiksi yang sudah berhari-hari tak terganti. Kita semua juga kompak untuk memberikan vote ke semua tulisan fiksi yang tayang malam itu. Supaya kolom Headline dikuasai tulisan fiksi, Jadi boleh dibilang 22 http://digilib.mercubuana.ac.id/z

23

para pecinta fiksi saat itu nongkrong di tempat yang sama, yaitu kanal fiksi (dulu belum ada fiksiana). Untuk sekadar membaca dan memberikan vote ke semua tulisan. Jadilah kolom headline dipenuhi karya-karya fiksi. Kemudian Miss Ge, Inge, mbak Winda, Bang Odi kemudian membuat gerbakan kedua. Yang diberi nama "Festifal Fiksi Kolaborasi". Kolaborasi fiksi secara on line? Tanpa bertatap muka? Bagaimana mungkin? Itulah pertanyaan-pertanyaan khas dijaman itu. Gimana caranya? Calon peserta yang berminat wajib punya akun FB. Lalu mereka wajib bergabung ke group FB Festival Fiksi Kolaborasi. Peserta yang belum kenal dijodoh-jodohkan oleh admin. Event inilah yang kemudian saya jadikan contoh untuk membuat event di FC setelah group FFK dibubarkan. Puncaknya adalah Jumat, 18 Maret 2011 para peserta posting secara serentak di Kompasiana. Kembali Kompasiana dihujani karya-karya para peserta. Tak lama berselang, Dyah Restiani mengajak saya, Granito dan teman-teman lain untuk membukukan karya bagi peserta yang berminat. dan FFK adalah buku pertama komunitas fiksi Kompasiana. Kami bekerja sama lagi-lagi secara on line. Setelah proses pembukuan selesai, ada Kompasianer Arraya yang posting di wall group "Buku FFK" ia mengeluhkan tentang dongeng nusantara yang diklaim oleh Malaysia. Setelah dia posting dii Kompasiana postinganya dipenuhi komentarkomentar. baik yang pro maupun kontra. Dari sanalah terbentuk ide untuk membuat event yang dinamai "Parade Dongeng Anak Nusantara". Singkatnya pada tanggl 23 dan 24 April 2011, Kompasiana kembali dibanjiri dengan karya dongeng hasil karya Kompasianer. Setelah event “Parade Dongeng Anak Nusantara” selesai, pada admin kembali mencanagkan untuk membuat event Malam Prosa Kolaborasi. Kembali karya-karya para peserta membanjiri Kompasiana pada tanggal 10 dan 11 Juni 2011. Hasil karya dibukukan. Pada malam yang sama, admin Kompasiana Isjet menayangkan tulisan: Rubrik Fiksi Akan jadi Kanal (Mohon Saran dan Masukan) itulah cikal bakal kanal Fiksiana yang sekarang bisa Kompasianer nikmati. Kanal Fiksiana di Kompasiana launching dengan latyar oranye dan biru. Dan di tanggal 6 Oktober 2011 Para admin membuat grup facebook yang diberi nama Fiksiana Community. Itulah sejarah berdirinya Fiksiana Community. Kompasianer

http://digilib.mercubuana.ac.id/z

24

yang turut membesarkan group tersebut sejak awal berdiri dan bahkan sebelum group tersebut ada: Granito Ibrahim, Erri Subakti, Fahmi Idris, Selsa. 3.1.2

Struktur Organisasi Komunitas Fiksiana membentuk struktur organisasi yang bertujuan untuk

mengetahui garis koordinasi untuk membantu kelancaran pelaksanaan seluruh kegiatan. Dengan adanya struktur organisasi diharapkan koordinasi antar bagian lebih terstruktur, dan semua bagian dapat bertanggung jawab dengan masing-masing tugasnya. Berikut ini adalah struktur organisasi komunitas Fiksiana: Owner

Admin

Editor

Desain

Gambar 3.1 Struktur Organisasi .3.2

Analisa dan Perancangan Sistem Dalam hal ini, untuk mengetahui alur dari website yang akan dibuat, dilakukan

wawancara dengan pendiri komunitas fiksiana guna mengetahui website seperti apa yang diinginkan oleh pendiri

yang akan digambarkan menggunakan Use case Activity

Diagram, dan juga Sequence Diagram dan untuk mempermudah perancangan dibuatkan juga rancangangan database dari website tersebut.


25

3.2.1

Analisa Sistem Berjalan

Dibawah ini adalah usecase analisa sistem berjalan pada grup facebook fiksiana community, Lihat gambar

Gambar 3.2 usecase Sistem Informasi Fiksiana Community Penjelasan : Di dalam grup facebook Komunitas Fiksiana yang bernama Fiksiana Community, member dapat share artikel, menulis artikel dan juga mengikuti event di dalam dinding facebook, semua aktifitas member terlaksana di dalam dinding grup facebook. Di dalam grup ini admin memiliki tugas untuk membuat informasi event, informasi materi dan juga mempromosikan buku member yang diterbitkan melalui komunitas tersebut.


26

3.2.2. Analisa Sistem Usulan Dalam analisa usulan ini akan digambarkan analisa sistem menggunakan use case diagram, activity diagram, dan juga sequence diagram, berikut ini adalah penggambarannya: Di bawah ini adalah use case diagram website Fiksiana Community , lihat pada Gambar 3.2

Gambar 3.3 Use Case Diagram Sistem Informasi Fiksiana Community Tabel 3.1 Deskripsi Use Case Diagram Menginput Materi Belajar Nama Use Case

Menginput Materi Belajar

Deskripsi Singkat

Admin

adalah


user

yang

akan

27

menginput materi pembelajaran. Aktor

Admin

Pra-Kondisi

Admin melakukan login pada sistem informasi komunitas fiksiana

Tindakan Utama

Setelah

mealakukan

memasukkan

materi

login, belajar

admin yang

berupa tata cara menulis karya fiksi. Tindakan Alternative

-

Pasca Kondisi

Data

materi

tersimpan

di

dalam

database sistem informasi Fiksiana Community.

Tabel 3.2 Deskripsi Use Case Diagram Menginput Informasi Event Nama Use Case

Menginput Informasi Event

Deskripsi Singkat

Admin

adalah

user

yang

akan

menginput informasi event. Aktor

Admin

Pra-Kondisi

Admin melakukan login pada sistm informasi komunitas fiksiana.

Tindakan Utama

Setelah

melakukan

login,

admin

menginput informasi event ; tema event, syarat-syarat event, batas akhir pengiriman event, dan hadiah. Tindakan Alternative

-

Pasca Kondisi

Informasi

Event

Tersimpan

pada

database sistem informasi Fiksiana Community.


28

Tabel 3.3 Deskripsi Use Case Diagram Mengelola Katalog Buku Nama Use Case

Mengelola Katalog Buku

Deskripsi Singkat

Admin

adalah

user

yang

akan

mengelola katalog buku. Aktor

Admin

Pra-Kondisi

Admin melakukan login pada sistem informasi komunitas fiksiana.

Tindakan Utama

Setelah

melakukan

mengelola

katalog

login,

admin

buku,

beserta

informasi pemesanan. Tindakan Alternative

-

Pasca Kondisi

Katalog buku tersimpan pada database sistem informasi Fiksiana Community. Tabel 3.4 Deskripsi Use Case Diagram Memposting Artikel

Nama Use Case

Memposting Artikel

Deskripsi Singkat

Member adalah user yang akan memposting artikel.

Aktor

Member

Pra-Kondisi

Pengunjung melakukan login pada sistem informasi komunitas fiksiana.

Tindakan Utama

Setelah melakukan login, pengunjung menulis artikel sesuai dengan kategori yang telah ditentukan.

Tindakan Alternative

-

Pasca Kondisi

Artikel tersimpan pada database sistem informasi Fiksiana Community.


29

Tabel 3.5 Deskripsi Use Case Diagram Melihat Belajar Nama Use Case

Melihat belajar

Deskripsi Singkat

Pengunjung adalah user yang akan melihat belajar.

Aktor

Pengunjung

Pra-Kondisi

-

Tindakan Utama

Pengunjung melihat materi belajar fc yang diperoleh dari database fiksiana pada tabel materi


-

Pasca Kondisi

Informasi kegiatan di ambil dari database Fiksiana pada tabel materi Tabel 3.5 Deskripsi Use Case Diagram Melihat Event

Nama Use Case

Melihat Event

Deskripsi Singkat

Pengunjung adalah user yang akan melihat Event.

Aktor

Pengunjung

Pra-Kondisi

-

Tindakan Utama

Pengunjung melihat informasi event fc yang diperoleh dari database fiksiana pada tabel event.


-

Pasca Kondisi

Informasi kegiatan di ambil dari database Fiksiana pada tabel event Tabel 3.7 Deskripsi Use Case Diagram Melihat Katalog

Nama Use Case

Melihat katalog

Deskripsi Singkat

Pengunjung adalah user yang akan melihat katalog buku.

Aktor

Pengunjung


30

Pra-Kondisi

-

Tindakan Utama

Setelah memasuki web komunitas fiksiana, pengunjung dapat melihat informasi katalog buku yang dijual komunitas fiksiana di dalam katalog buku..


-

Pasca Kondisi

Data katalog diperoleh dari tabel buku pada database fiksiana. Tabel 3.8 Deskripsi Use Case Diagram Membaca Puisi

Nama Use Case

Membaca Puisi

Deskripsi Singkat

Pengunjung adalah user yang akan membaca puisi.

Aktor

Pengunjung

Pra-Kondisi

-

Tindakan Utama

Setelah

masuk

ke

dalam

web

komunitas fiksiana, pengunjung dapat membaca puisi. Tindakan Alternative

-

Pasca Kondisi

Puisi diperoleh dari tabel artikel database sistem informasi Fiksiana Community. Tabel 3.8 Deskripsi Use Case Diagram Membaca Drama

Nama Use Case

Membaca Drama

Deskripsi Singkat

Pengunjung adalah user yang akan membaca Drama.

Aktor

Pengunjung

Pra-Kondisi

-

Tindakan Utama

Setelah

masuk


ke

dalam

web

31

komunitas fiksiana, pengunjung dapat membaca drama. Tindakan Alternative

-

Pasca Kondisi

Drama diperoleh dari tabel artikel database sistem informasi Fiksiana Community.

Tabel 3.8 Deskripsi Use Case Diagram Membaca Prosa Baru Nama Use Case

Membaca Prosa Baru

Deskripsi Singkat

Pengunjung adalah user yang akan membaca Prosa Baru.

Aktor

Pengunjung

Pra-Kondisi

-

Tindakan Utama

Setelah

masuk

ke

dalam

web

komunitas fiksiana, pengunjung dapat membaca Prosa baru . Tindakan Alternative

-

Pasca Kondisi

Prosa baru diperoleh dari tabel artikel database sistem informasi Fiksiana Community.

Tabel 3.8 Deskripsi Use Case Diagram Membaca Prosa Lama Nama Use Case

Membaca Prosa Lama

Deskripsi Singkat

Pengunjung adalah user yang akan membaca prosa lama.

Aktor

Pengunjung

Pra-Kondisi

-

Tindakan Utama

Setelah

masuk

ke

dalam

web

komunitas fiksiana, pengunjung dapat membaca prosa lama. Tindakan Alternative

-


32

Prosa lama diperoleh dari tabel artikel

Pasca Kondisi

database sistem informasi Fiksiana Community. Tabel 3.9 Deskripsi Use Case Diagram Mendaftar Member Nama Use Case

Mendaftar Member

Deskripsi Singkat

Pengunjung adalah user yang akan mendaftar sebagai member.

Aktor

Pengunjung

Pra-Kondisi

-

Tindakan Utama

Setelah

masuk

ke

dalam

web

komunitas fiksiana, pengunjung dapat mendaftar menjadi member untuk menulis artikel, dan kegiatan lainnya yang diharuskan login terlebih dahulu Tindakan Alternative

-

Pasca Kondisi

Data Pendaftaran member disimpan ke dalam database sistem informasi Fiksiana Community.


33

Di bawah ini adalah Activity Diagram Menginput Materi Belajar komunitas fiksiana , lihat pada Gambar 3.4 :

Gambar 3.4 Activity Diagram Menginput Materi Belajar Fiksiana Community Tabel 3.10 Deskripsi Activity Diagram Menginput Materi Belajar Nama Activity


Deskripsi

Setelah masuk ke dalam web fiksiana community, Admin melakukan login, jika login berhasil maka akan masuk ke dalam menu admin. Kemudian admin mengklik menu kegiatan; belajar ataupun informasi event. Admin memilih belajar. Sistem menampilkan form materi belajar, admin mengisi form kemudian


34

menyimpannya.

Di bawah ini adalah Activity Diagram Menginput Event komunitas fiksiana , lihat pada Gambar 3.5 :

Gambar 3.5 Activity Diagram Informasi Event Fiksiana Community Tabel 3.11 Deskripsi Activity Diagram Menginput Event Nama Activity

Menginput Event

Deskripsi

Setelah masuk ke dalam web fiksiana community, Admin melakukan login, jika login berhasil maka akan masuk ke dalam menu admin. Kemudian admin

mengklik

belajar

ataupun

informasi

event.

Admin

memilih

kegiatan

Event.


menu

kegiatan;

35

Sistem

menampilkan

admin

mengisi

form

form

event,

kemudian

menyimpannya.

Di bawah ini adalah Activity Diagram Mengelola Katalog Buku komunitas fiksiana , lihat pada Gambar 3.6 :

Gambar 3.6 Activity Diagram Mengelola Katalog Buku Fiksiana Community Tabel 3.12 Deskripsi Activity Diagram Mengelola Katalog Buku Nama Activity


Deskripsi

Setelah masuk ke dalam halaman web fiksiana, admin melakukan login untuk mengelola katalog buku. Setelah login berhasil,admin mengklik katalog buku, jika sudah masuk ke dalam halaman katalog buku, admin mengelola buku, setelah semua terkelola oleh admin, sistem menyimpan data.


36

Di bawah ini adalah Activity Diagram memposting Artikel komunitas fiksiana , lihat pada Gambar 3.7 :

Gambar 3.7 Activity Diagram Menulis Artikel Fiksiana Community Tabel 3.13 Deskripsi Activity Diagram Memposting Artikel Nama Activity

Memposting Artikel

Deskripsi

Setelah masuk ke halaman web Fiksiana Community, pengunjung website melakukan login sebagai member. Setelah berhasil login, pengunjung mengklik menu posting yang ada pada halaman utama. Setelah sistem menampilkan form posting, member menulis artikel dan juga memilih kategori artikel yang akan ditulisnya, kemudian mengklik tombol publish.


37

Di bawah ini adalah Activity Diagram Melihat Belajar fc komunitas fiksiana , lihat pada Gambar 3.8 :

Gambar 3.8 Activity Diagram Melihat Belajar fc Fiksiana Community Tabel 3.14 Deskripsi Activity Diagram Melihat Belajar Fc Nama Activity

Melihat Belajar Fc

Deskripsi

Setelah masuk ke dalam halaman web Fiksiana

Community,

pengunjung

mengklik menu kegiatan guna melihat belajar fc. Di bawah ini adalah Activity Diagram Melihat Event fc komunitas fiksiana , lihat pada Gambar 3.9 :


38

Gambar 3.9 Activity Diagram Melihat Event fc Fiksiana Community Tabel 3.15 Deskripsi Activity Diagram Melihat Event Fc Nama Activity

Melihat Belajar Fc

Deskripsi

Setelah masuk ke dalam halaman web Fiksiana

Community,

pengunjung

mengklik menu kegiatan guna melihat Event fc. Di bawah ini adalah Activity Diagram Melihat Katalog komunitas fiksiana , lihat pada Gambar 3.10

Gambar 3.10 Activity Diagram Melihat Katalog Fiksiana Community Tabel 3.16 Activity Diagram Mlihat Katalog


39

Nama Activity

Melihat Katalog

Deskripsi

Setelah memasuki halaman web komunitas fiksiana, pengunjung mengklik pilihan penerbitan, kemudian memilih katalog guna melihat Katalog buku pada Fiksiana Community.

Di bawah ini adalah Activity Diagram Membaca Puisi , lihat pada Gambar 3.11

Gambar 3.12 Activity Diagram Membaca Puisi Tabel 3.17 Deskripsi Activity Diagram Membaca Puisi Nama Activity

Membaca Puisi

Deskripsi

Setelah memasuki web komunitas fiksiana, pelanggan mengklik menu puisi. Setelah itu sistem akan menampilkan halaman puisi, dan member mengklik detail untuk


40

membaca detail puisi. Di bawah ini adalah Activity Diagram Membaca Drama , lihat pada Gambar 3.13

Gambar 3.13 Activity Diagram Membaca Drama Tabel 3.18 Deskripsi Activity Diagram Membaca Drama Nama Activity

Membaca Drama

Deskripsi

Setelah memasuki web komunitas fiksiana, pelanggan mengklik menu drama. Setelah itu sistem akan menampilkan halaman puisi, dan member mengklik detail untuk membaca detail teks drama.


41

Di bawah ini adalah Activity Diagram Membaca Prosa lama , lihat pada Gambar 3.14

Gambar 3.14 Activity Diagram Membaca prosa lama Tabel 3.19 Deskripsi Activity Diagram Membaca prosa lama Nama Activity

Membaca Prosa lama

Deskripsi

Setelah memasuki web komunitas fiksiana, pelanggan mengklik menu prosa lama. Kemudian pengunjung memilih bentuk prosa lama, Setelah itu sistem akan menampilkan halaman bentuk prosa lama: hikayat, sejarah, dan dongeng, member mengklik detail untuk membaca detail bentuk


42

prosa lama yang telah dipilih. Di bawah ini adalah Activity Diagram Membaca Prosa baru , lihat pada Gambar 3.15

Gambar 3.15 Activity Diagram Membaca prosa baru Tabel 3.20 Deskripsi Activity Diagram Membaca prosa baru Nama Activity

Membaca Prosa baru

Deskripsi

Setelah memasuki web komunitas fiksiana, pengunjung mengklik menu prosa baru. Kemudian pengunjung memilih bentuk prosa baru, Setelah itu sistem akan menampilkan halaman bentuk prosa baru:roman, novel,


43

cerpen, riwayat, member mengklik detail untuk membaca detail bentuk prosa baru yang telah dipilih.

Di bawah ini adalah Activity Diagram Mendaftar Member Fiksiana Community , lihat pada Gambar 3.16 :

Gambar 3.16 Activity Diagram Mendaftar Member Fiksiana Community Tabel 3.21 Deskripsi Activity Diagram Mendaftar Member Nama Activity

Mendaftar Member

Deskripsi

Setelah memasuki web Fiksiana Community, pengunjung mengklik menu daftar. Sistem menampilkan form pendaftaran, Pengunjung mengisi form. Kemudian sistem menyimpan data yang telah diinput oleh pengunjung.

Pasca Kondisi

Simpan data member ke dalam tabel member.


44

Di bawah ini adalah Sequnce Diagram Menginput Materi Belajar Fiksiana Community , lihat pada Gambar 3.17 :

Halaman Komunitas Fiksiana

Admin

Login

Halaman Admin

admin

Halaman Belajar

materi

1. Open () 2.Username&password() 3. get username () 4. open()

5. open() 6.addmateri()

Gambar 3.17 Sequence Diagram Menginput Materi Belajar Fiksiana Community Tabel 3.22 Deskripsi Sequence Diagram Menginput Materi Belajar Nama Sequence


Deskripsi

Setelah memasuki web Fiksiana Community, admin melakukan login ke dalam sistem informasi komunitas fiksiana. Setelah login berhasil maka sistem akan masuk ke dalam halaman admin. Admin mengklik halaman belajar untuk mengisi data materi belajar, setelah data lengkap admin menyimpan materi ke dalam tabel materi.


45

Di bawah ini adalah Sequence Diagram Menginput Event Fiksiana Community , lihat pada Gambar 3.18 :

Admin

Halaman Komunitas Fiksiana

Login

Halaman Admin

admin

Halaman Event

event

1. Open () 2. username&password() 3. get username() 4. open()

5.open()

6. add event()

Gambar 3.18 Sequence Diagram Menginput Event Fiksiana Community Tabel 3.23 Deskripsi Sequence Diagram Menginput Event Nama Sequence

Menginput Event

Deskripsi

Setelah memasuki web Fiksiana Community, admin melakukan login ke dalam sistem informasi komunitas fiksiana. Setelah login berhasil maka sistem akan masuk ke dalam halaman admin. Admin memilih menu event yang terdapat di dalam menu kegiatan untuk mengisi data event, setelah data lengkap admin menyimpan data informasi event ke dalam tabel event.


46

Di bawah ini adalah Sequence Diagram Mengelola Katalog Buku Fiksiana Community , lihat pada Gambar 3.19 : Halaman Komunitas Fiksiana

Admin

Login

admin

Halaman Admin

Halaman Katalog

katalog

1. Open () 2.username&password 3. get_username()

4.open()

5. open()

6.update_katalog()

Gambar 3.19 Sequence Diagram Mengelola Katalog Buku Fiksiana Community Tabel 3.24 Deskripsi Sequence Diagram Mengelola Katalog Buku Nama Sequence


Deskripsi

Setelah memasuki web Fiksiana Community, admin melakukan login ke dalam sistem informasi komunitas fiksiana.Setalah login berhasil sistem akan masuk ke dalam halaman admin. Admin memilih menu katalog buku yang terdapat di dalam menu penerbitan untuk mengelola katalog, kemudian sistem menyimpanya ke dalam tabel buku pada database fiksiana.


47

Di bawah ini adalah Sequence Diagram memposting Artikel Fiksiana Community , lihat pada Gambar 3.20 :

Pengunjung

Web Komunitas Fiksiana

Login

Halaman Member

member

Halaman Tulis

artikel

1. Open () 2.username &password 3.get_username()

4.open()

5.open() 6.add_artikel

Gambar 3.20 Sequence Diagram Menulis Artikel Fiksiana Community Tabel 3.25 Deskripsi Sequence Diagram Memposting Artikel Nama Sequence

Memposting Artikel

Deskripsi

Setelah memasuki web Fiksiana Community, pengunjung melakukan login ke dalam sistem informasi komunitas fiksiana. Jika login telah berhasil maka sistem akan masuk ke dalam halaman member. Kemudian member mengklik menu posting lalu mengisi form posting yang terdiri dari kategori, judul dan isi. Kemudian artikel di simpan ke dalam tabel artikel.


48

Di bawah ini adalah Sequence Diagram Melihat belajar Fiksiana Community , lihat pada Gambar 3.21 :

Pengunjung


Belajar FC

Halaman Belajar

materi

1. Open ()

4.open()

2.open() 3.get_event()

Gambar 3.21 Sequence Diagram Melihat belajar Fiksiana Community Tabel 3.26 Deskripsi Sequence Diagram Melihat belajar Nama Sequence

Melihat belajar

Deskripsi

Setelah

memasuki

Community,

web

pengujung

Fiksiana mengklik

menu kegiatan untuk memilih menu belajar

fc,

kemudian

sistem

menampilkan halaman belajar yang diperoleh dari tabel materi.


49

Di bawah ini adalah Sequence Diagram Melihat Event Fiksiana Community , lihat pada Gambar 3.22 :

Pengunjung


Event Fc

Halaman Event

Event

1. Open ()

4.open()

2.open() 3.get_event()

Gambar 3.22 Sequence Diagram Melihat event Fiksiana Community Tabel 3.27 Deskripsi Sequence Diagram Melihat belajar Nama Sequence

Melihat event

Deskripsi

Setelah

memasuki

Community,

web

pengujung

Fiksiana mengklik

menu kegiatan untuk memilih menu event ,kemudian sistem menampilkan halaman event yang diperoleh dari tabel event.


50

Di bawah ini adalah Sequence Diagram Melihat katalog buku, Fiksiana Community , lihat pada Gambar 3.23


Pengunjung website

Katalog

Halaman Katalog

buku

1. Open ()

2. open() 3. get_databuku()

4. open()

Gambar 3.23 Sequence Diagram Melihat katalog buku Fiksiana Community Tabel 3.28 Deskripsi Sequence Diagram Melihat Katalog Buku Nama Sequence

Melihat Katalog Buku

Deskripsi

Pengunjung membuka website, kemudian pengunjung mengklik penerbitan dan memilih katalog buku yang tersedia di dalam menu penerbitan, sistem mengambil data buku dari tabel buku pada database fiksiana. Setelah data diperoleh, sistem menampilkan halaman katalog.


51

Di bawah ini adalah Sequence Diagram Membaca puisi Fiksiana Community , lihat pada Gambar 3.24


Pengunjung

Halaman Puisi

artikel

Halaman Puisi

Komentar

1. Open ()

2. open()

3.get_data artikel()

4.open()

opt [parameters]

5.add_komentar

Gambar 3.24 Sequence Diagram Membaca Puisi Fiksiana Community Tabel 3.29 Deskripsi Sequence Diagram Membaca Puisi Nama Sequence

Membaca Puisi

Deskripsi

Pengunjung membuka website, kemudian pengunjung mengklik menu puisi yang terdapat di halaman utama. Kemudian Sistem mengambil data puisi dari tabel artikel di dalam database fiksiana, setelah itu tampil halaman puisi. Jika pengunjung ingin memberi komentar di puisi, pengunjung bisa mengisi kolom komentar yang terdapat di dalam halaman puisi.


52

Di bawah ini adalah Sequence Diagram Membaca drama Fiksiana Community , lihat pada Gambar 3.25


Pengunjung

Halaman Drama

artikel

Halaman Drama

Komentar

1. Open ()


2. open()

4.open()

opt [parameters]

5.add_komentar

Gambar 3.25 Sequence Diagram Membaca Drama Fiksiana Community Tabel 3.30 Deskripsi Sequence Diagram Membaca Drama Nama Sequence

Membaca Drama

Deskripsi

Pengunjung membuka website, kemudian pengunjung mengklik menu Drama yang terdapat di halaman utama. Kemudian Sistem mengambil data Drama dari tabel artikel di dalam database fiksiana, setelah itu tampil halaman puisi. Jika pengunjung ingin memberi komentar di drama, pengunjung bisa mengisi kolom komentar yang terdapat di dalam halaman puisi.


53

Di bawah ini adalah Sequence Diagram Membaca drama Fiksiana Community , lihat pada Gambar 3.25


Pengunjung

Halaman Drama

artikel

Halaman Drama

Komentar

1. Open ()


2. open()

4.open()

opt [parameters]

5.add_komentar

Gambar 3.25 Sequence Diagram Membaca Drama Fiksiana Community Tabel 3.30 Deskripsi Sequence Diagram Membaca Drama Nama Sequence

Membaca Drama

Deskripsi

Pengunjung membuka website, kemudian pengunjung mengklik menu Drama yang terdapat di halaman utama. Kemudian Sistem mengambil data Drama dari tabel artikel di dalam database fiksiana, setelah itu tampil halaman puisi. Jika pengunjung ingin memberi komentar di drama, pengunjung bisa mengisi kolom komentar yang terdapat di dalam halaman puisi.


54

Di bawah ini adalah Sequence Diagram Membaca prosa lama Fiksiana Community , lihat pada Gambar 3.26


Pengunjung

Halaman Prosa Lama

Halaman Prosa Lama

artikel

Komentar

1. Open ()


2. open()

4.open()

opt [parameters]

5.add_komentar

Gambar 3.26 Sequence Diagram Membaca prosa lama Fiksiana Community Tabel 3.31 Deskripsi Sequence Diagram Membaca prosa lama Nama Sequence

Membaca Prosa Lama

Deskripsi

Pengunjung membuka website, kemudian pengunjung mengklik menu Prosa Lama yang terdapat di halaman utama. Kemudian Sistem menampilkan bentuk prosa lama : Hikayat, sejarah, dongeng, lalu sistem mengambil data bentuk prosa lama dari tabel artikel di dalam database fiksiana, setelah itu tampil halaman bentuk prosa lama. Jika pengunjung ingin memberi komentar di bentuk prosa lama, pengunjung bisa mengisi kolom komentar yang terdapat di dalam halaman bentuk prosa lama.


55

Di bawah ini adalah Sequence Diagram Membaca prosa baru Fiksiana Community , lihat pada Gambar 3.27


Pengunjung

Halaman Drama

artikel

Halaman Drama

Komentar

1. Open ()


2. open()

4.open()

opt [parameters]

5.add_komentar

Gambar 3.27 Sequence Diagram Membaca prosa baru Fiksiana Community Tabel 3.32 Deskripsi Sequence Diagram Membaca prosa baru Nama Sequence

Membaca Prosa Baru

Deskripsi

Pengunjung membuka website, kemudian pengunjung mengklik menu Prosa Baru yang terdapat di halaman utama. Kemudian Sistem menampilkan bentuk prosa baru : Roman,Novel, Cerpen, Riwayat, lalu sistem mengambil data bentuk prosa baru dari tabel artikel di dalam database fiksiana, setelah itu tampil halaman bentuk prosa baru. Jika pengunjung ingin memberi komentar di bentuk prosa baru, pengunjung bisa mengisi kolom komentar yang terdapat di dalam halaman bentuk prosa baru.


56

Di bawah ini adalah Sequence Diagram Mendaftar Member Fiksiana Community , lihat pada Gambar 3.28


Pengunjung Web

Daftar

Halaman Utama

member

1. Open () 2. open() 3. add_datamember()

5. open()

Gambar 3.28 Sequence Diagram Mendaftar Member Fiksiana Community Tabel 3.33 Deskripsi Sequence Diagram Mendaftar Member Nama Sequence

Mendaftar Member

Deskripsi

Pengunjung membuka website, kemudian mengklik halaman daftar dan mengisi data yang tersedia pada form pendaftaran. Setelah data lengkap, pengunjung klik tombol daftar, lalu data pengunjung tersimpan dalam tabel member di dalam database fiksiana. Lalu pengunjung masuk ke dalam halaman utama sebagai member.


57

Di bawah ini adalah Class Diagram Sistem Informasi Fiksiana Community, Lihat Gambar 3.29

Gambar 3.29 Class Diagram Sistem Informasi Sistem Informasi Fiksiana Community 3.3 Perancangan Database Sistem Informasi Fiksiana Community 1. Nama Tabel : admin Primary Key : Id Jumlah Field : 3 Tabel 3.34 Rancangan Database Admin No

Field

Type

Panjang

Keterangan

1.

Id

Int

11

Id admin

2.

Username

Text

-

User name


58

3.

Varchar

Password

10

Password admin

2. Nama Tabel : artikel Primary Key : id_Artikel Jumlah Field : 7 Tabel 3.35 Rancangan Database Artikel No

Field

Type

Panjang

Keterangan

1.

id_artikel

Varchar

10

Id artikel

2.

nama_user

Varchar

20

nama user

3.

Judul

Text

-

Judul artikel

4.

Foto

Varchar

25

Gambar yang akan diupload user

5.

Deskripsi

LongText

-

Isi dari artikel

6.

Tanggal

DateTime

-

Waktu posting

7

Kategori

Varchar

13

Kategori Artikel

3. Nama Tabel : Event Primary Key : id_Event Jumlah Field : 5 Tabel 3.36 Rancangan Database Event No

Field

Type

Panjang

Keterangan

1.

id_event

Varchar

7

Id Event

2.

Nama_event

Varchar

40

Nama/Judul event

3.

Isi

Text

-

Persyaratan dan ketentuan event


59

4.

Deadline

Date

-

Waktu pengumpulan karya.

5.

Hadiah

Text

-

Hadiah yang akan didapat oleh pemenang event.

4. Nama Tabel : buku Primary Key : id_buku Jumlah Field : 7 Tabel 3.37 Rancangan Database buku No

Field

Type

Panjang

Keterangan

1.

id_buku

Varchar

8

Id Buku

2.

Judul

Varchar

35

Judul Buku

3.

Sinopsis

Text

4.

nama_penulis

Varchar

30

Nama Penulis

5.

kontak_penulis

Varchar

12

Kontak Pemesanan

6.

Foto

varchar

25

Foto cover buku

7.

Harga

varchar

20

Harga Buku

5. Nama Tabel : komentar Primary Key : Id_Komentar Jumlah Field : 6 Tabel 3.38 Rancangan Database Komentar No

Field

Type

Panjang

Keterangan

1.

Id_komentar

Varchar

7

Id Komentar


60

2.

Komentar

Text

-

Isi Komentar

3.

Date

DateTime

-

Waktu Pembuatan Komentar

4.

Namauser

varchar

30

Nama user

5.

Kategori

varchar

13

Kategori Artikel

6.

id_artikel

varchar

10

Id artikel

6. Nama Tabel : Materi Primary Key : Id_Materi Jumlah Field : 4 Tabel 3.39 Rancangan Database Materi No

Field

Type

Panjang

Keterangan

1.

id_materi

Varchar

7

Id materi

2.

Judul

Varchar

30

Judul Materi

3.

Materi

Text

-

Isi Materi

4.

Waktu

DateTime

-

Waktu Pembuatan Materi

7. Nama Tabel : member Primary Key : Id_Member Jumlah Field : 9 Tabel 3.40 Rancangan Database Member No

Field

Type

Panjang

Keterangan

1.

id_member

Varchar

7

Id member

2.

Nama

Varchar

30

Nama


61

member 3.

Alamat_email

Varchar

35

Alamat Email

4.

Password

Varchar

10

Password

5.

Foto

Varchar

25

Foto atau gambar

6.

Alamat

Varchar

30

Alamat Member

7.

CP

Int

12

Kontak Member

8.

Date

DateTime

-

Tanggal Daftar

9.

Nama_lengkap

varchar

30

Nama Lengkap User

3.4

Perancangan Layar Untuk memudahkan pembuatan kode program, dibuatkan perancangan layar untuk menggambarkan sistem yang akan dibuat. Berikut ini adalah rancangan layar dari beberapa menu pada sistem informasi komunitas fiksiana:

1. Rancangan Daftar Member

Gambar 3.30: Rancangan Daftar Member


62

2. Rancangan Login

Gambar 3.31: Rancangan Login 3. Rancangan Halaman Utama

Gambar 3.32: Rancangan Halaman Utama


63

4. Rancangan Form Posting

Gambar 3.33: Rancangan Form Posting


BAB III ANALISA DAN PERANCANGAN SISTEM

Recommend Documents