BAB III ANALISA DAN PERANCANGAN 3.1 Analisa Masalah Kota Tangerang adalah sebuah kota yang terletak di Provinsi Banten, Indonesia, tepat di sebelah barat kota Jakarta, serta dikelilingi oleh Kabupaten Tangerang di sebelah selatan, barat, dan timur. Tangerang merupakan kota terbesar di Provinsi Banten serta ketiga terbesar di kawasan perkotaan Jabotabek setelah Jakarta. Kota Tangerang terdiri atas 13 kecamatan, yang dibagi lagi atas sejumlah 104 kelurahan. Dahulu Tangerang merupakan bagian dari wilayah Kabupaten Tangerang, kemudian ditingkatkan statusnya menjadi kota administratif, dan akhirnya ditetapkan sebagai kotamadya pada tanggal 27 Februari 1993. Sebutan 'kotamadya' diganti dengan 'kota' pada tahun 2001. Selama ini kota Tangerang tidak mempunyai sebuah fasilitas pusat informasi yang terpusat dan dapat diakses dimana saja dan kapan saja. Masyarakat kota Tangerang dan calon pendatang kota Tangerang lebih terbiasa menggunakan fasilitas search engine seperti Google, Bing, dll untuk mendapatkan informasi seputar kota Tangerang. Search engine sendiri memiliki jangkauan pencarian yang sangat luas, namun terkadang search engine tidak mampu memberikan informasi mengenai konten lokal yang spesifik, karena berbagai faktor, diantaranya karena keyword informasi pencarian sudah di manipulasi oleh pemilik website atau website yang benar-benar memberikan informasi kalah bersaing dengan website AGC ( auto generate content) dan website sejenisnya. Tidak adanya fasilitas informasi yang terpusat akan menyebabkan penyebaran informasi menjadi tidak efektif dan efisien, hal ini bisa terjaadi
karena informasi yang benar-benar bermanfaat kalah bersaing dengan informasi yang sudah dimanipulasi kata kuncinya. Pada perancangan sistem informasi berbasis web, analisa masalah merupakan hal yang sangat penting dalam membuat sebuah sistem yang baik. Analisis perancangan sistem merupakan langkah pemahaman persoalan sebelum mengambil tindakan atau keputusan penyelesaian hasil utama. Langkah selanjutnya dalam penyusunan sistem berbasis komputer ialah perancangan sistem yang bertujuan memberikan gambaran kepada pemakai tentang sistem yang dibuat dan memberikan gambaran yang jelas kepada program komputer yang akan mengimplementasikan sistem. 3.1.1 Use Case Diagram Sistem Berjalan Gambar 3.1 Diagram Use Case Berjalan
Tabel 3.1 Deskripsi Use Case Berjalan Cari Informasi Nama Use Case Cari Informasi Deskripsi Singkat Visitor melakukan pencarian informasi Visitor Pra Kondisi - Tindakan Utama Memasukan keyword pencarian kedalam mesin pencari Pasca Kondisi - Tabel 3.2 Deskripsi Use Case Berjalan Search Engine Nama Use Case Search Engine Deskripsi Singkat Visitor mencari informasi menggunakan search engine Visitor Pra Kondisi Mencari informasi Tindakan Utama Membuka search engine Pasca Kondisi Mendapatkan informasi Tabel 3.3 Deskripsi Use Case Berjalan Lihat Informasi Nama Use Case Lihat Informasi Deskripsi Singkat Visitor melihat informasi Visitor Pra Kondisi - Tindakan Utama - Pasca Kondisi Mendapatkan informasi dan alamat Tabel 3.4 Deksripsi Use Case Dapat Informasi Nama Use Case Dapat Informasi Deskripsi Singkat Visitor mendapat informasi Visitor Pra Kondisi Visitor mencari atau melihat informasi
Tindakan Utama - Pasca Kondisi Mencari alamat Tabel 3.5 Deksripsi Use Case Cari Alamat Nama Use Case Cari Alamat Deskripsi Singkat Visitor mencari alamat sesuai informasi Visitor Pra Kondisi Visitor mendapat informasi dan alamat Tindakan Utama Mencatat alamat Pasca Kondisi Mencari alamat Tabel 3.6 Deskripsi Use Case Bertanya Nama Use Case Bertanya Deskripsi Singkat Visitor bertanya kepada warga tentang alamat yang di cari Visitor, warga Pra Kondisi Mencari alamat Tindakan Utama - Pasca Kondisi Mendapatkan lokasi alamat Tabel 3.7 Deskripsi Use Case Sampai Tujuan Nama Use Case Sampai Tujuan Deskripsi Singkat Visitor sampai tujuan ke tempat yang dituju Visitor Pra Kondisi Visitor mencari alamat Tindakan Utama - Pasca Kondisi -
3.1.2 Use Case Sistem Usulan Gambar 3.2 Use Case Sistem Usulan Tabel 3.8 Deskripsi Use Case Cari Informasi Nama Use Case Cari Informasi Deskripsi Singkat Visitor mencari informasi seputar kota tangerang dengan memasukan kata kunci di kotak pencarian Visitor Pra Kondisi - Tindakan Utama Melakukan pencarian informasi dengan memasukan atau mengetikan kata kunci di dalam kotak pencarian
Pasca Kondisi Visitor akan mendapatkan daftar hasil pencarian yang sesuai dengan kata kunci yang dimasukan dalam kotak pencarian. Tabel 3.9 Deskripsi Dapat Informasi Nama Use Case Dapat Informasi Deskripsi Singkat Visitor mendapat informasi yang diinginkan Visitor Pra Kondisi - Tindakan Utama Mencatat informasi yang di dapat Pasca Kondisi Mencari lokasi sesuai alamat Tabel 3.10 Deskripsi Sampai Tujuan Nama Use Case Sampai Tujuan Deskripsi Singkat Visitor sampai tujuan Visitor Pra Kondisi Mendapatkan informasi Tindakan Utama - Pasca Kondisi - Tabel 3.11 Deskripsi Buat Komentar Nama Use Case Buat Komentar Deskripsi Singkat Membuat komentar berita Member, admin Pra Kondisi Membuka atau membaca berita Tindakan Utama Mengisi form komentar Pasca Kondisi -
Tabel 3.12 Deskripsi Hubungi Admin Nama Use Case Hubungi Admin Deskripsi Singkat Mengubungi admin Visitor, member Pra Kondisi Membuka form hubungi admin Tindakan Utama Mengisi form contact Pasca Kondisi - Tabel 3.13 Deskripsi Menerima Pesan Nama Use Case Menerima pesan Deskripsi Singkat Menerima pesan dari member atau visitor Admin Pra Kondisi Mendapatkan pesan Tindakan Utama Membaca dan membuka pesan dari member atau visitor Pasca Kondisi - 3.1.3 Activity Diagram Cari Informasi Gambar 3.3 Activity Diagram Cari Informasi
Tabel 3.14 Deskripsi Activity Diagram Cari Informasi Nama Activity Activity Diagram Cari Informasi Diagram Deskripsi Singkat Visitor melakukan pencarian informasi dengan memasukan keyword informasi yang ingin di cari Visitor Pra Kondisi - Tindakan Utama Visitor memasukan kata kunci di kotak pencarian Pasca Kondisi Menampilan daftar pencarian susuai dengan kata kunci yang di masukan dalam kotak pencarian 3.1.4 Activity Diagram Buat Informasi Gambar 3.4 Activity Diagram Member Buat Informasi Tabel 3.15 Deskripsi Activity Diagram Member Buat Informasi Nama Activity Activity Diagram Buat informasi Diagram Deskripsi Singkat Member membuat informasi untuk di bagikan kepada pengunjung atau pengguna aplikas web direktori kota tangerang
Member, admin Pra Kondisi - Tindakan Utama Member membuka form untuk membuat informasi baru Pasca Kondisi Informasi yang sudah dibuat akan di simpan ke database 3.1.5 Activity Diagram Buat Agenda Gambar 3.5 Activity Diagram Member Buat Agenda Tabel 3.16 Deskripsi Activity Diagram Member Buat Agenda Nama Activity Activity Diagram Member Buat Agenda Diagram Deskripsi Singkat Member membuat agenda untuk di bagikan kepada pengunjung atau pengguna aplikas web direktori kota tangerang Member, admin Pra Kondisi - Tindakan Utama Member membuka form untuk membuat informasi baru Pasca Kondisi Informasi yang sudah dibuat akan di simpan ke database
3.1.6 Activity Diagram Buat Kategori Gambar 3.6 Activity Diagram Buat Kategori Tabel 3.17 Deskripsi Activity Diagram Admin Buat Kategori Nama Activity Activity Diagram Admin Buat Kategori Diagram Deskripsi Singkat Admin membuat kategori untuk mengelompokan berita Admin Pra Kondisi - Tindakan Utama Membuat kategori Pasca Kondisi Kategori yang sudah dibuat akan di simpan ke dalam database
1.1.7 Activity Diagram Buat Komentar Gambar 3.7 Activity Diagram Buat Komentar Tabel 3.18 Deskripsi Activity Diagram Buat Komentar
Nama Activity Activity Diagram Buat Komentar Diagram Deskripsi Singkat Member membuat membuat komentar sesuai dengan berita yang ingin di beri komentar Member Pra Kondisi - Tindakan Utama Member membaca berita untuk membuat komentar Pasca Kondisi Komentar yang dibuat akan tersimpan ke database 3.1.8 Activity Diagram Hubungi Admin Gambar 3.8 Activity Diagram Hubungi Admin Tabel 3.19 Deskripsi Activity Diagram Hubungi Admin Nama Activity Activity Diagram Hubungi Admin Diagram Deskripsi Singkat Member menghubungi admin untuk bertanya atau member kritik saran Member, admin Pra Kondisi - Tindakan Utama Mengisi form contact
Pasca Kondisi Pesan diterima oleh admin 3.1.9 Squence Diagram Login Member Gambar 3.9 Squence Diagram Login Member Tabel 3.20 Deskripsi Sequence Diagram Login Member Nama Squence Diagram Login Member Skenario Pengunjung (visitor) dalam situs web ini melakukan login terlebih dahulu sebelum masuk ke halaman member dengan memasukan username dan password. Jika login berhasil, maka akan masuk ke halaman member. 3.1.10 Squence Diagram Login Administrator
Gambar 3.10 Squence Login Administrator Tabel 3.21 Deskripsi Sequence Diagram Login Administrator Nama Sequence Diagram Login Administrator Skenario Admin dalam situs web ini melakukan login terlebih dahulu sebelum masuk ke halaman admin dengan memasukan username dan password. Apabila login berhasil, akan masuk ke halaman admin dan dapat mengakses menu di dalamnya. 3.1.11 Squence Diagram Member Buat Berita
Gambar 3.11 Squence Member Buat Berita Tabel 3.22 Deskripsi Sequence Diagram Member Buat Berita
Nama Skenario Sequence Diagram Buat Berita Pada halaman ini Member (anggota) dapat membuat informasi seputar kota tangerang yang akan di share. 3.1.12 Squence Diagram Member Mencari Informasi Gambar 3.12 Squence Member Cari Informasi Tabel 3.23 Deskripsi Sequence Diagram Member Cari Informasi Nama Sequence Diagram Member Cari Informasi Skenario Pada halaman ini Member (anggota) dapat mencari informasi seputar kota tangerang, dengan cara memasukan kata kunci yang akan di cari.
3.1.13 Squence Diagram Cari Informasi Gambar 3.13 Squence Visitor Cari Informasi Tabel 3.24 Deskripsi Sequence Diagram Visitor Cari Informasi Nama Sequence Diagram Visitor Cari Informasi Skenario Visitor dapat mencari informasi seputar kota Tangerang dengan memasukan kata kunci di form pencarian
3.1.14 Squence Diagram Buat Komentar Gambar 3.14 Squence Diagram Buat Komentar Tabel 3.25 Deskripsi Sequence Diagram Buat Komentar Nama Sequence Diagram Buat Komentar Skenario Member membaca berita kemudian member komentar mengenai berita tersebut. 3.2 Class Diagram
Gambar 3.15 Class Diagram 3.3 Perancangan Basis Data Untuk keperluan pengolahan data, maka diperlukan file file yang berfungsi untuk menyimpan data data. File database yang dibuat dengan menggunakan MySQL ini diberi nama dengan direktori_db dan spesifikasi nya sebagai berikut : 1. Struktur Tabel User Nama Tabel : user Primary Key : username No. Nama Field Tipe Field Panjang Keterangan 1. username Varchar 9 Username nama anggota 2. password Varchar 35 Password user 3. Nama Varchar 30 Nama anggota
4. Alamat Varchar 100 Alamat anggota 5. no_tlp Varchar 15 No tlp anggota 6. Email Varchar 30 Email anggota 7 Level Varchar 5 Level anggota admin/user 8 Blokir Enum Blokir anggota 2. Struktur Tabel Berita Nama Tabel : berita Primary Key : id_berita Foreign Key : username Foreign Key : id_kategori No. Nama Field Tipe Field Panjang Keterangan 1. id_berita Int 5 Identitas unik setiap berita 2. id_kategori Int 5 Identitas unik setiap kategori 3. username Varchar 9 Username anggota 4. Judul Varchar 50 Judul berita 5. Alamat Varchar 50 Alamat lokasi berita 6. no_tlp Varchar 15 No tlp lokasi 7 url Varchar 50 Url official web lokasi berita 8 Gambar Varchar 200 Gambar lokasi berita 9 keterangan Varchar 300 Keterangan mengenai berita Kata kunci yang digunakan 10 Keyword Varchar 50 untuk memaksimalkan pencarian 11 Tanggal date - Informasi tanggal berita dibuat 12 Publish Enum - Status berita 13 Lat Double - Latitude 14 Lang Double - Langtitude
3. Struktur Tabel Kategori Nama Tabel : kategori Primary Key : id_kategori No. Nama Field Tipe Field Panjang Keterangan 1. id_kategori Int 5 Identitas unik setiap kategori 2. nama_kategori Varchar 20 Nama kategori 4. Struktur Tabel Agenda Primary Key : id_agenda Foreign Key : username No. Nama Field Tipe Field Panjang Keterangan 1. id_agenda Int 5 No identitas unik agenda 2. username Varchar 9 Username anggota yang membuat 3. Judul Varchar 35 Judul dari acara yang di buat 4. Isi Text 100 Isi dari agenda 5. Tempat Varchar 30 Tempat diselenggarakannya agenda 6. Contact Varchar 30 No contact yang bisa dihubungi 7 tgl_mulai Date - Tanggal dimulai nya acara 8 tgl_selesai Date - Tanggal selesai acara 9 tgl_posting Date - Tanggal di buatnya agenda 10 Jam Varchar 30 Jam mulai acara 11 Publish Enum -
5. Struktur Tabel Contact Primary Key : id_contact No. Nama Field Tipe Field Panjang Keterangan 1. id_contact Int 5 No identitas unik agenda 2. username Varchar 9 Username anggota yang membuat 3. Nama Varchar 20 Nama pengirim 4. Email varchar 30 Alamat email pengirim 5. Subject Varchar 15 Subject pertanyaan 6 Pesan varchar 300 Isi atau pertanyaan yang di ajukan 7 Tgl Date - Tanggal kirim 6. Struktur Tabel Komentar Primary Key : id_komentar Foreign Key : id_berita Foreign Key : username No. Nama Field Tipe Field Panjang Keterangan 1. id_komentar Int 5 No identitas unik agenda 2 Id_berita Int 5 No identias unik berita 3 username Varchar 9 Username anggota yang membuat 3. Isi Varchar 250 Isi komentar 4. Tgl date - Tanggal komentar dibuat 5. Publish Enum - Status komentar publikasi atau tidak
3.4 Struktur Tampilan Login Administrator Gambar 3.16 Struktur Tampilan Administrator 3.5 Struktur Login Members Gambar 3.17 Struktur Tampilan Login Members
3.6 Rancangan Layar Halaman Utama Gambar 3.18 Rancangan Layar Halaman Utama 3.7 Rancangan Layar Halaman Member Gambar 3.19 Rancangan Layar Halaman Member
3.8 Rancangan Layar Halaman Administrator Gambar 3.20 Tampilan Rancangan Halaman Administrator 3.9 Rancangan Layar Buat Berita Gambar 3.21 Rancangan Layar Buat Berita