BAB III ANALISA DAN PERANCANGAN SISTEM

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Gambaran Umum Komunitas 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 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

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

3 24 yang turut membesarkan group tersebut sejak awal berdiri dan bahkan sebelum group tersebut ada: Granito Ibrahim, Erri Subakti, Fahmi Idris, Selsa 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.

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

5 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 Use Case Diagram Menginput Materi Belajar Nama Use Case Menginput Materi Belajar Singkat Admin adalah user yang akan

6 27 menginput materi pembelajaran. Aktor Admin Pra-Kondisi Admin melakukan login pada sistem informasi komunitas fiksiana Tindakan Utama Setelah mealakukan login, admin memasukkan materi belajar yang berupa tata cara menulis karya fiksi. Tindakan Alternative - Pasca Kondisi Data materi tersimpan di dalam database sistem informasi Fiksiana Community. Tabel 3.2 Use Case Diagram Menginput Informasi Event Nama Use Case Menginput Informasi Event 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.

7 28 Tabel 3.3 Use Case Diagram Mengelola Katalog Buku Nama Use Case Mengelola Katalog Buku 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 login, admin mengelola katalog buku, beserta informasi pemesanan. Tindakan Alternative - Pasca Kondisi Katalog buku tersimpan pada database sistem informasi Fiksiana Community. Tabel 3.4 Use Case Diagram Memposting Artikel Nama Use Case Memposting Artikel 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.

8 29 Tabel 3.5 Use Case Diagram Melihat Belajar Nama Use Case Melihat belajar 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 Tindakan Alternative - Pasca Kondisi Informasi kegiatan di ambil dari database Fiksiana pada tabel materi Tabel 3.5 Use Case Diagram Melihat Event Nama Use Case Melihat Event 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. Tindakan Alternative - Pasca Kondisi Informasi kegiatan di ambil dari database Fiksiana pada tabel event Tabel 3.7 Use Case Diagram Melihat Katalog Nama Use Case Melihat katalog Singkat Pengunjung adalah user yang akan melihat katalog buku. Aktor Pengunjung

9 30 Pra-Kondisi - Tindakan Utama Setelah memasuki web komunitas fiksiana, pengunjung dapat melihat informasi katalog buku yang dijual komunitas fiksiana di dalam katalog buku.. Tindakan Alternative - Pasca Kondisi Data katalog diperoleh dari tabel buku pada database fiksiana. Tabel 3.8 Use Case Diagram Membaca Puisi Nama Use Case Membaca Puisi 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 Use Case Diagram Membaca Drama Nama Use Case Membaca Drama Singkat Pengunjung adalah user yang akan membaca Drama. Aktor Pengunjung Pra-Kondisi - Tindakan Utama Setelah masuk ke dalam web

10 31 komunitas fiksiana, pengunjung dapat membaca drama. Tindakan Alternative - Pasca Kondisi Drama diperoleh dari tabel artikel database sistem informasi Fiksiana Community. Tabel 3.8 Use Case Diagram Membaca Prosa Baru Nama Use Case Membaca Prosa Baru 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 Use Case Diagram Membaca Prosa Lama Nama Use Case Membaca Prosa Lama 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 -

11 32 Pasca Kondisi Prosa lama diperoleh dari tabel artikel database sistem informasi Fiksiana Community. Tabel 3.9 Use Case Diagram Mendaftar Member Nama Use Case Mendaftar Member 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.

12 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 Nama Activity Tabel 3.10 Activity Diagram Menginput Materi Belajar Menginput Materi Belajar 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

13 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 Nama Activity Tabel 3.11 Activity Diagram Menginput Event Menginput Event 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 kegiatan Event.

14 35 Sistem menampilkan form event, admin mengisi form 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 Activity Diagram Mengelola Katalog Buku Nama Activity Mengelola Katalog Buku 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.

15 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 Activity Diagram Memposting Artikel Nama Activity Memposting Artikel 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.

16 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 Activity Diagram Melihat Belajar Fc Nama Activity Melihat Belajar Fc 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 :

17 38 Gambar 3.9 Activity Diagram Melihat Event fc Fiksiana Community Tabel 3.15 Activity Diagram Melihat Event Fc Nama Activity Melihat Belajar Fc 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

18 39 Nama Activity Melihat Katalog 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 Nama Activity Tabel 3.17 Activity Diagram Membaca Puisi Membaca Puisi Setelah memasuki web komunitas fiksiana, pelanggan mengklik menu puisi. Setelah itu sistem akan menampilkan halaman puisi, dan member mengklik detail untuk

19 40 membaca detail puisi. Di bawah ini adalah Activity Diagram Membaca Drama, lihat pada Gambar 3.13 Gambar 3.13 Activity Diagram Membaca Drama Nama Activity Tabel 3.18 Activity Diagram Membaca Drama Membaca Drama 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.

20 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 Activity Diagram Membaca prosa lama Nama Activity Membaca Prosa lama 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

21 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 Activity Diagram Membaca prosa baru Nama Activity Membaca Prosa baru 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,

22 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 Nama Activity Pasca Kondisi Tabel 3.21 Activity Diagram Mendaftar Member Mendaftar Member 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. Simpan data member ke dalam tabel member.

23 44 Di bawah ini adalah Sequnce Diagram Menginput Materi Belajar Fiksiana Community, lihat pada Gambar 3.17 : Admin 1. Open () Halaman Komunitas Fiksiana Login admin Halaman Admin Halaman Belajar materi 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 Sequence Diagram Menginput Materi Belajar Nama Sequence Menginput Materi Belajar 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.

24 45 Di bawah ini adalah Sequence Diagram Menginput Event Fiksiana Community, lihat pada Gambar 3.18 : Admin Halaman Komunitas Fiksiana Login admin Halaman 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 Sequence Diagram Menginput Event Nama Sequence Menginput Event 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.

25 46 Di bawah ini adalah Sequence Diagram Mengelola Katalog Buku Fiksiana Community, lihat pada Gambar 3.19 : Admin 1. Open () Halaman Komunitas Fiksiana 2.username&password Login admin Halaman Admin Halaman Katalog katalog 3. get_username() 4.open() 5. open() 6.update_katalog() Gambar 3.19 Sequence Diagram Mengelola Katalog Buku Fiksiana Community Tabel 3.24 Sequence Diagram Mengelola Katalog Buku Nama Sequence Mengelola Katalog Buku 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.

26 47 Di bawah ini adalah Sequence Diagram memposting Artikel Fiksiana Community, lihat pada Gambar 3.20 : Pengunjung Web Komunitas Fiksiana Login member Halaman 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 Sequence Diagram Memposting Artikel Nama Sequence Memposting Artikel 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.

27 48 Di bawah ini adalah Sequence Diagram Melihat belajar Fiksiana Community, lihat pada Gambar 3.21 : Pengunjung Web Komunitas Fiksiana Belajar FC materi Halaman Belajar 1. Open () 4.open() 2.open() 3.get_event() Gambar 3.21 Sequence Diagram Melihat belajar Fiksiana Community Tabel 3.26 Sequence Diagram Melihat belajar Nama Sequence Melihat belajar Setelah memasuki web Fiksiana Community, pengujung mengklik menu kegiatan untuk memilih menu belajar fc, kemudian sistem menampilkan halaman belajar yang diperoleh dari tabel materi.

28 49 Di bawah ini adalah Sequence Diagram Melihat Event Fiksiana Community, lihat pada Gambar 3.22 : Pengunjung Web Komunitas Fiksiana Event Fc Event Halaman Event 1. Open () 4.open() 2.open() 3.get_event() Gambar 3.22 Sequence Diagram Melihat event Fiksiana Community Tabel 3.27 Sequence Diagram Melihat belajar Nama Sequence Melihat event Setelah memasuki web Fiksiana Community, pengujung mengklik menu kegiatan untuk memilih menu event,kemudian sistem menampilkan halaman event yang diperoleh dari tabel event.

29 50 Di bawah ini adalah Sequence Diagram Melihat katalog buku, Fiksiana Community, lihat pada Gambar 3.23 Pengunjung website Web Komunitas Fiksiana Katalog buku Halaman Katalog 1. Open () 2. open() 3. get_databuku() 4. open() Gambar 3.23 Sequence Diagram Melihat katalog buku Fiksiana Community Tabel 3.28 Sequence Diagram Melihat Katalog Buku Nama Sequence Melihat Katalog Buku 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.

30 51 Di bawah ini adalah Sequence Diagram Membaca puisi Fiksiana Community, lihat pada Gambar 3.24 Pengunjung Web Komunitas Fiksiana 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 Sequence Diagram Membaca Puisi Nama Sequence Membaca Puisi 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.

31 52 Di bawah ini adalah Sequence Diagram Membaca drama Fiksiana Community, lihat pada Gambar 3.25 Pengunjung Web Komunitas Fiksiana Halaman Drama artikel Halaman Drama Komentar 1. Open () 2. open() 3.get_data artikel() 4.open() opt [parameters] 5.add_komentar Gambar 3.25 Sequence Diagram Membaca Drama Fiksiana Community Tabel 3.30 Sequence Diagram Membaca Drama Nama Sequence Membaca Drama 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.

32 53 Di bawah ini adalah Sequence Diagram Membaca drama Fiksiana Community, lihat pada Gambar 3.25 Pengunjung Web Komunitas Fiksiana Halaman Drama artikel Halaman Drama Komentar 1. Open () 2. open() 3.get_data artikel() 4.open() opt [parameters] 5.add_komentar Gambar 3.25 Sequence Diagram Membaca Drama Fiksiana Community Tabel 3.30 Sequence Diagram Membaca Drama Nama Sequence Membaca Drama 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.

33 54 Di bawah ini adalah Sequence Diagram Membaca prosa lama Fiksiana Community, lihat pada Gambar 3.26 Pengunjung Web Komunitas Fiksiana Halaman Prosa Lama artikel Halaman Prosa Lama Komentar 1. Open () 2. open() 3.get_data artikel() 4.open() opt [parameters] 5.add_komentar Gambar 3.26 Sequence Diagram Membaca prosa lama Fiksiana Community Tabel 3.31 Sequence Diagram Membaca prosa lama Nama Sequence Membaca Prosa Lama 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.

34 55 Di bawah ini adalah Sequence Diagram Membaca prosa baru Fiksiana Community, lihat pada Gambar 3.27 Pengunjung Web Komunitas Fiksiana Halaman Drama artikel Halaman Drama Komentar 1. Open () 2. open() 3.get_data artikel() 4.open() opt [parameters] 5.add_komentar Gambar 3.27 Sequence Diagram Membaca prosa baru Fiksiana Community Tabel 3.32 Sequence Diagram Membaca prosa baru Nama Sequence Membaca Prosa Baru 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.

35 56 Di bawah ini adalah Sequence Diagram Mendaftar Member Fiksiana Community, lihat pada Gambar 3.28 Pengunjung Web Web Komunitas Fiksiana Daftar member Halaman Utama 1. Open () 2. open() 3. add_datamember() 5. open() Gambar 3.28 Sequence Diagram Mendaftar Member Fiksiana Community Tabel 3.33 Sequence Diagram Mendaftar Member Nama Sequence Mendaftar Member 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.

36 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

37 58 3. Password Varchar 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. 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

38 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

39 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

40 61 member 3. Alamat_ Varchar 35 Alamat 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

41 62 2. Rancangan Login Gambar 3.31: Rancangan Login 3. Rancangan Halaman Utama Gambar 3.32: Rancangan Halaman Utama

42 63 4. Rancangan Form Posting Gambar 3.33: Rancangan Form Posting