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
Aktor
Visitor
Pra Kondisi
-
Tindakan Utama
Memasukan keyword pencarian kedalam mesin pencari
Tindakan Alternatif
-
Pasca Kondisi
-
Tabel 3.2 Deskripsi Use Case Berjalan Search Engine Nama Use Case
Search Engine
Deskripsi Singkat
Visitor mencari informasi menggunakan search engine
Aktor
Visitor
Pra Kondisi
Mencari informasi
Tindakan Utama
Membuka search engine
Tindakan Alternatif
-
Pasca Kondisi
Mendapatkan informasi
Tabel 3.3 Deskripsi Use Case Berjalan Lihat Informasi Nama Use Case
Lihat Informasi
Deskripsi Singkat
Visitor melihat informasi
Aktor
Visitor
Pra Kondisi
-
Tindakan Utama
-
Tindakan Alternatif
-
Pasca Kondisi
Mendapatkan informasi dan alamat
Tabel 3.4 Deksripsi Use Case Dapat Informasi Nama Use Case
Dapat Informasi
Deskripsi Singkat
Visitor mendapat informasi
Aktor
Visitor
Pra Kondisi
Visitor mencari atau melihat informasi
Tindakan Utama
-
Tindakan Alternatif
-
Pasca Kondisi
Mencari alamat
Tabel 3.5 Deksripsi Use Case Cari Alamat Nama Use Case
Cari Alamat
Deskripsi Singkat
Visitor mencari alamat sesuai informasi
Aktor
Visitor
Pra Kondisi
Visitor mendapat informasi dan alamat
Tindakan Utama
Mencatat alamat
Tindakan Alternatif
-
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
Aktor
Visitor, warga
Pra Kondisi
Mencari alamat
Tindakan Utama
-
Tindakan Alternatif
-
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
Aktor
Visitor
Pra Kondisi
Visitor mencari alamat
Tindakan Utama
-
Tindakan Alternatif
-
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
Aktor
Visitor
Pra Kondisi
-
Tindakan Utama
Melakukan pencarian informasi dengan memasukan atau mengetikan kata kunci di dalam kotak pencarian
Tindakan Alternatif
-
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
Aktor
Visitor
Pra Kondisi
-
Tindakan Utama
Mencatat informasi yang di dapat
Tindakan Alternatif
-
Pasca Kondisi
Mencari lokasi sesuai alamat
Tabel 3.10 Deskripsi Sampai Tujuan Nama Use Case
Sampai Tujuan
Deskripsi Singkat
Visitor sampai tujuan
Aktor
Visitor
Pra Kondisi
Mendapatkan informasi
Tindakan Utama
-
Tindakan Alternatif
-
Pasca Kondisi
-
Tabel 3.11 Deskripsi Buat Komentar Nama Use Case
Buat Komentar
Deskripsi Singkat
Membuat komentar berita
Aktor
Member, admin
Pra Kondisi
Membuka atau membaca berita
Tindakan Utama
Mengisi form komentar
Tindakan Alternatif
-
Pasca Kondisi
-
Tabel 3.12 Deskripsi Hubungi Admin Nama Use Case
Hubungi Admin
Deskripsi Singkat
Mengubungi admin
Aktor
Visitor, member
Pra Kondisi
Membuka form hubungi admin
Tindakan Utama
Mengisi form contact
Tindakan Alternatif
-
Pasca Kondisi
-
Tabel 3.13 Deskripsi Menerima Pesan Nama Use Case
Menerima pesan
Deskripsi Singkat
Menerima pesan dari member atau visitor
Aktor
Admin
Pra Kondisi
Mendapatkan pesan
Tindakan Utama
Membaca dan membuka pesan dari member atau visitor
Tindakan Alternatif
-
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 Aktor
Visitor
Pra Kondisi
-
Tindakan Utama
Visitor memasukan kata kunci di kotak pencarian
Tindakan Alternatif
-
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
Aktor
Member, admin
Pra Kondisi
-
Tindakan Utama
Member membuka form untuk membuat informasi baru
Tindakan Alternatif
-
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
Aktor
Member, admin
Pra Kondisi
-
Tindakan Utama
Member membuka form untuk membuat informasi baru
Tindakan Alternatif
-
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
Aktor
Admin
Pra Kondisi
-
Tindakan Utama
Membuat kategori
Tindakan Alternatif
-
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
Aktor
Member
Pra Kondisi
-
Tindakan Utama
Member membaca berita untuk membuat komentar
Tindakan Alternatif
-
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
Aktor
Member, admin
Pra Kondisi
-
Tindakan Utama
Mengisi form contact
Tindakan Alternatif
-
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
Sequence Diagram Buat Berita
Skenario
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
2.
Blokir anggota
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
3.
Judul
Varchar
35
Judul dari acara yang di buat
4.
Isi
Text
100
Isi dari agenda
5.
Tempat
Varchar
30
6.
Contact
Varchar
30
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
-
Username
anggota
yang
membuat
Tempat diselenggarakannya agenda No
contact
yang
bisa
dihubungi
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
3.
Nama
Varchar
20
Nama pengirim
4.
Email
varchar
30
Alamat email pengirim
5.
Subject
Varchar
15
Subject pertanyaan
6
Pesan
varchar
300
7
Tgl
Date
-
6.
Username
anggota
yang
membuat
Isi atau pertanyaan yang di ajukan Tanggal kirim
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
3.
Isi
Varchar
250
Isi komentar
4.
Tgl
date
-
Tanggal komentar dibuat
5.
Publish
Enum
-
Username
anggota
yang
membuat
Status
komentar
atau tidak
publikasi
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
