BAB III ANALISIS DAN PERANCANGAN
3.1 Analisis. Tahap analisis merupakan tahap pemahaman terhadap aplikasi yang dibuat. Pada tahap ini berisi hal-hal yang berhubungan dengan perangkat lunak yang digunakan, diagram alir data, kamus alir dan perancangan database. Analisis bertujuan untuk mengetahui mekanisme sistem, proses-proses yang terlibat dalam sistem dan hubungan antara proses-proses tersebut. 3.1.1 Analisis Sistem yang akan Dibangun. 3.1.1.1 Analisis Kebutuhan Aplikasi. Kebutuhan aplikasi ini adalah sebagai berikut : 1.
Login admin sebagai administrator yang mempunyai hak penuh atas semua
data. 2.
Input, berfungsi untuk menambahkan data kedalam database melalui form
yang telah disediakan untuk administrator yang memiliki hak akses. 3.
Edit, berfungsi untuk melakukan edit data pada database oleh administrator
yang memiliki hak akses. 4. Delete, berfungsi untuk melakukan penghapusan data dalam database oleh administrator yang memiliki hak akses. 3.2 Perancangan 3.2.1 Flow Map yang akan dibangun Sistem yang akan dibangun,user mencari lokasi yang di inginkan pada menu beranda kemudian akan di validasi oleh sistem apakah data yang di cari tersebut ada atau tidak, jika ada atau menghasilkan nilai true maka akan ditampilkan data yang dicari,jika tidak atau menghasilkan nilai false maka tidak ada data yang akan di tampilkan. Admin bertugas untuk melakukan Insert, Update, dan Delete data yang ada ataupun yang akan dimasukan kedalam database.
13
http://digilib.mercubuana.ac.id/
14
Tabel 3.1 Flow Map yang akan dibangun.
3.2.2 Konteks Diagram Diagram Konteks merupakan suatu teknik untuk menggambarkan pemodelan sistem secara global menggunakan notasi–notasi grafis yang menunjukan aliran informasi Dan perubahannya yang diterapkan sebagai perubahan atau perpindahan data dari masukan (input) menjadi keluaran (output). Pendekatan terstruktur ini mencoba untuk menggambarkan
sistem
pertama
kali
secara
garis
besar
(top
memecah-mecahnya menjadi bagian yang lebih terinci (lower level). Adapun diagram konteks yang telah penulis rancang adalah sebagai berikut : Gambar 3.1 Konteks Diagram Aplikasi yang Dibuat.
http://digilib.mercubuana.ac.id/
level)
dan
15
3.2.3 Data Flow Diagram 3.2.3.1 DFD Level 0 Untuk
Mendukung
perancangan
system
yang
akan
dibuat,
penulis
menggambarkan data flow diagram untuk dijadikan model yang nantinya akan digunakan dalam membuat program. Gambar 3.2 DFD Level 0.
Tabel 3.3 Spesifikasi Tabel No 1.
Proses Login
Data Masuk Valiadasi
Data Keluar Valid
Login 2.
Kelola Lokasi
Input Lokasi
Logika Proses Begin IF
admin login
THEN Valid login End Validasi
Begin IF admin input lokasi THEN Validasi input lokasi End
Edit Lokasi
Validasi
Begin IF admin edit lokasi THEN Validasi edit lokasi End
http://digilib.mercubuana.ac.id/
16
Delete
Validasi
Lokasi
Begin IF admin delete lokasi THEN Validasi delete lokasi End
3.
Kelola Komen Lokasi
Lihat Data
Konfirm
Lokasi
Data
data lokasi THEN
Lokasi
Konfirm data lokasi End
Input Komen
Validasi
Lokasi
Begin IF Pengunjung lihat
Begin IF
input komen
lokasi THEN Validasi input lokasi End
Delete
Validasi
Begin IF admin delete
Komen
komen lokasi THEN
Lokasi
Validasi delete komen lokasi End
4.
Kelola Berita
Input Berita
Validasi
Begin IF admin input berita THEN Validasi input berita End
Edit Berita
Validasi
Begin IF admin edit berita THEN Validasi edit berita End
Delete Berita
Validasi
Begin IF admin delete berita THEN Validasi delete berita End
Lihat Data Berita
Konfirm
Begin IF Pengunjung lihat
Data
data berita THEN
Berita
Konfirm data berita End
http://digilib.mercubuana.ac.id/
17
5.
Kelola Komen Berita
Input Komen
Validasi
Berita
Begin IF
input komen
berita THEN Validasi input berita End
Delete
Validasi
Begin IF admin delete
Komen
komen berita THEN
Berita
Validasi delete komen berita End
6.
Kelola Kontak Pesan
Input Kontak
Validasi
Pesan
Begin IF
Pengunjung
input kontak pesan THEN Validasi input kontak pesan End
Delete
Validasi
Begin IF admin delete
Kontak
kontak pesan THEN
Pesan
Validasi delete kontak pesan End
7.
Kelola LogOut
LogOut
Konfrim Logout
Begin IF
admin logout
THEN Valid logout End
Lanjutan Tabel 3.3 Spesifikasi Tabel 3.2.3.2 DFD Level 2 Kelola Lokasi Pada DFD Lever 2 kelola Applikasi ini digunakan sebagai analisis untuk perancangan dari menu pengelolaan aplikasi yang akan dibangun pada menu kelola applikasi agar tidak keluar dari konteks yang telah dirancang. Gambar 3.3 DFD Level 2 Kelola Lokasi
http://digilib.mercubuana.ac.id/
18
Tabel 3.4 Spesifikasi DFD Level 2 Kelola Lokasi. No 1.
Proses Kelola
Data Masuk Input Lokasi
Data Keluar Validasi
Logika Proses Begin IF admin input
Lokasi
lokasi THEN Validasi input lokasi End Edit Lokasi
Validasi
Begin IF admin edit lokasi THEN Validasi edit lokasi End
Delete Lokasi
Validasi
Begin IF admin delete lokasi THEN Validasi delete lokasi End
Lihat Data
Konfirm
Begin IF Pengunjung
Lokasi
Data
lihat data lokasi THEN
Lokasi
Konfirm data lokasi End
3.2.3.3 DFD Level 3 Kelola Komentar Lokasi Pada DFD Level 3 Kelola Komentar Lokasi Applikasi ini digunakan sebagai analisis untuk perancangan dari menu pengelolaan aplikasi yang akan dibangun. Gambar 3.4 DFD Level 3 Kelola Komentar Lokasi.
http://digilib.mercubuana.ac.id/
19
Tabel 3.5 No 1
Proses Kelola
Spesifikasi DFD Level 3 Kelola Komentar Lokasi.
Data Masuk Input
Data
Logika Proses
Keluar Validasi
Komen
Komen
Lokasi
Lokasi Delete
Begin IF
input komen lokasi
THEN Validasi input lokasi End
Validasi
Begin IF admin delete komen
Komen
lokasi THEN Validasi delete
Lokasi
komen lokasi End
3.2.3.4 DFD Level 4 Kelola Berita Pada DFD Level 4 Kelola Berita Applikasi ini digunakan sebagai analisis untuk perancangan dari menu pengelolaan aplikasi yang akan dibangun. Gambar 3.5 DFD Level 4 Kelola Berita
.
http://digilib.mercubuana.ac.id/
20
Tabel 3.6 No
Proses
1.
Kelola Berita
Data Masuk Input
Spesifikasi DFD Level 4 Kelola Berita. Data Keluar Validasi
Berita
Begin IF admin input berita THEN Validasi input berita End
Validasi
Edit Berita
Begin IF admin edit berita THEN Validasi edit berita End
Delete
Validasi
Berita
Begin IF admin delete berita THEN Validasi delete berita End
Lihat Data Berita
Logika Proses
Konfirm Data Berita
Begin IF Pengunjung lihat data berita THEN Konfirm data berita End
3.2.3.5 DFD Level 5 Kelola Komentar Berita Pada DFD Level 5 Kelola Komentar Berita Applikasi ini digunakan sebagai analisis untuk perancangan dari menu pengelolaan aplikasi yang akan dibangun. Gambar 3.6 DFD Level 5 Kelola Komentar Berita
http://digilib.mercubuana.ac.id/
21
Tabel 3.7 DFD Level 5 Kelola Komentar Berita No 1.
Proses Kelola
Data Masuk Input
Data Keluar Validasi
Logika Proses Begin IF
input Komentar
Komentar
Komentar
berita THEN Validasi input
Berita
Berita
berita End
Delete
Validasi
Begin IF admin delete Komentar
Komentar
berita THEN Validasi delete
Berita
komen berita End
3.2.3.6 DFD Level 6 Kelola Pesan Kontak Pada DFD Level 6 Kelola Pesan Kontak Applikasi ini digunakan sebagai analisis untuk perancangan dari menu pengelolaan aplikasi yang akan dibangun. Gambar 3.7 DFD Level 6 Kelola Pesan Kontak.
Tabel 3.8 DFD Level 6 Kelola Pesan Kontak. No 1.
Proses Kelola
Data Masuk Input
Data Keluar Validasi
Logika Proses Begin IF
Pengunjung input
Kontak
Kontak
kontak pesan THEN Validasi
Pesan
Pesan
input kontak pesan End
Delete
Validasi
Begin IF admin delete kontak
Kontak
pesan THEN Validasi delete
Pesan
kontak pesan End
http://digilib.mercubuana.ac.id/
22
3.2.4 Perancangan Database 3.2.4.1 Conceptual Data Model Gambar 3.8 CDM
(Conceptual Data Model)
. 3.2.4.2 Physical Data Model Gambar 3.9 PDM (Physical Data Model).
http://digilib.mercubuana.ac.id/
23
3.2.4.3 Kamus Data Tabel Kamus data adalah daftar tentang semua elemen data yang berhubungan dengan sistem informasi. Berikut adalah uraian tabel-tabel dalam aplikasi ini : tabel 3.9 tbl_admin
No
Field
Type
Lenght
Keterangan
1
idadmin
int
2
Primary Key.
2
username
char
20
Merupakan validasi dari username pada saat login.
3
password
text
-
4
email
varchar
50
Merupakan password pada saat login. Email yang digunakan oleh admin.
Tabel 3.10
tbl_lokasi
No
Field
Type
Lenght
Keterangan
1
idlokasi
int
11
Primary key.
2
nama
char
50
Nama Lokasi atau tempat yang akan diinput.
3
Jkul
varchar
5
Jenis dari kuliner yang akan diinput
4
Jtem
varchar
5
Jenis dari tempat kuliner yang akan diinput
5
alamat
varchar
200
Alamat dari lokasi atau tempat yang diinput.
6
deskripsi
text
-
7
gambar
varchar
150
8
lat
float
-
Latitude atau koordinat x dari maps lokasi.
9
lon
float
-
Longitude atau koordinat y dari maps lokasi.
Deskripsi dari lokasi atau tempat yang diinput, bisa berisi telp, fax, dan lain-lain. Gambar dari lokasi yang diinput.
http://digilib.mercubuana.ac.id/
24
Tabel 3.11 tbl_komentar. No
Field
Type
Lenght
Keterangan
1
idkomentar
int
11
Primary Key.
2
idlokasi
int
11
Foreign key dari tbl_lokasi.
3
tanggal
varchar
25
Tanggal lokasi.
4
nama
char
25
Nama dari lokasi.
pengomentar
(user)
5
email
varchar
50
Email dari lokasi.
pengomentar
(user)
6
komentar
text
-
pengimputan
komentar
Komentar dari pengomentar (user) lokasi.
Tbl 3.12 tbl_berita No
Field
Type
Lenght
Keterangan
1
idberita
int
11
Primary Key.
2
tanggal
varchar
25
Tanggal Pengimputan berita.
3
judul
varchar
100
Judul dari berita.
4
isiberita
text
-
5
gambar
varchar
150
Isi dari berita. Gambar dari berita yang diinput.
Tabel 3.13 tbl_komenberita No
Field
Type
Lenght
Keterangan
1
idkomenberita
int
11
Primary Key.
2
idberita
int
11
Foreign key dari tbl_berita.
3
tanggal
varchar
25
Tanggal pengimputan komentar berita.
4
nama
char
25
Nama dari pengomentar (user) berita.
5
email
varchar
50
Email dari pengomentar (user) berita.
http://digilib.mercubuana.ac.id/
25
6
komentar
text
-
Komentar dari pengomentar (user) berita.
Tabel 3.14 tbl_pesan No
Field
Type
Lenght
Keterangan
1
idpesan
int
11
Primary Key.
2
tanggal
varchar
25
Tanggal pengimputan pesan.
3
nama
char
25
Nama dari user pesan.
4
email
varchar
50
Email dari user
5
Pesan
text
-
pesan.
Komentar dari user pesan.
3.2.5 Perancangan User Interface Antar muka adalah suatu media yang digunakan untuk komunikasi antara manusia (user) dengan komputer, oleh sebab itu aplikasi ini didesain agar user dapat dengan mudah menggunakan atau mengoperasikannya. 1.
Form Menu Beranda tampilan Map Nama Layar Deskripsi
: Beranda : Tampilan interface yang digunakan untuk Menu Beranda tampilan Map
Gambar 3.10 Menu Beranda tampilan Map 1
2
3 4
5
http://digilib.mercubuana.ac.id/
26
Keterangan : Tabel 3.15 Form menu Beranda tampilan Map. No
Keterangan
1
Header
2
Menu
3
Seacrh Lokasi
4
Maps Location
5
Bottom
2. Form Menu Berita / Info Terbaru Nama Layar
: Berita / Info Terbaru
Deskripsi
: Tampilan interface yang digunakan untuk Menu Berita / Info Terbaru
Gambar 3.11 Form Menu Berita / Info Terbaru. 1
2
3
5
http://digilib.mercubuana.ac.id/
4
27
Keterangan : Tabel 3.16 form Menu Berita / Info Terbaru No
Keterangan
1
Header
2
Menu
3
Halaman Berita / Info Terbaru
4
Berita Lainnya
5
Bottom
3. Form Menu Kontak Nama Layar
: Kontak
Deskripsi
: Tampilan interface yang digunakan untuk Menu Kontak
Gambar 3.12 Form Menu Kontak 1
2
3
4
http://digilib.mercubuana.ac.id/
28
Keterangan : Tabel 3.17 form Menu Kontak No
Keterangan
1
Header
2
Menu
3
Halaman Kontak
4
Bottom
4. Form Menu LogIn Nama Layar
: Login
Deskripsi
: Tampilan interface yang digunakan untuk Menu Kontak
Gambar 3.13 Form Menu LogIn 6 1
2 3 4
5
http://digilib.mercubuana.ac.id/
29
Keterangan : Tabel 3.18 Form Menu LogIn No
Keterangan
1
Header
2
User Name
3
Password
4
LogIn
5
Bottom
6
Background Menu LogIn
5. Menu Beranda Admin Nama Layar
: Beranda
Deskripsi
: Tampilan interface yang digunakan untuk Menu Beranda admin
Gambar 3.14 Form Menu Beranda Admin 1
2
3
http://digilib.mercubuana.ac.id/
30
4
Keterangan : Tabel 3.19 No
Form menu Beranda. Keterangan
1
Header
2
Menu
3
Welcome Beranda Admin
4
Bottom
6. Menu Data Lokasi Nama Layar
: Data Lokasi
Deskripsi
: Tampilan interface yang digunakan untuk Menu Data Lokasi halaman admin
Gambar 3.15 Form Menu Data Lokasi 1
2
3
4
5
http://digilib.mercubuana.ac.id/
31
Keterangan : Tabel 3.20 No
Form menu data lokasi Keterangan
1
Header
2
Menu admin
3
Manipulation Data Lokasi (Input, Update, Delete.) dan cari data Lokasi
4
Select Data Lokasi
5
Bottom
7. Menu Data Berita Nama Layar
: Data Berita
Deskripsi
: Tampilan interface yang digunakan untuk Menu Data Berita halaman admin. Gambar 3.16 Menu Berita halaman admin
1
2
3
4
http://digilib.mercubuana.ac.id/
32
5
Keterangan : Tabel 3.21 No
Form menu data berita Keterangan
1
Header
2
Menu admin
3
Manipulation Data Berita (Input, Update, Delete.)
4
Select Data Berita
5
Bottom
8. Menu Data Komentar Nama Layar
: Data Komentar (Komentar Lokasi dan Komentar Berita)
Deskripsi
: Tampilan interface yang digunakan untuk Menu Data Komentar halaman admin. Gambar 3.17 Menu Data Komentar halaman admin
1
2
3
4
http://digilib.mercubuana.ac.id/
33
5
Keterangan : Tabel 3.22 No
Form menu data Komentar Keterangan
1
Header
2
Menu admin
3
Manipulation Data Komentar (Insert, Delete.)
4
Select Data Komentar (lokasi atau berita)
5
Bottom
9. Menu Data Pesan Nama Layar Deskripsi
: Data Pesan : Tampilan interface yang digunakan untuk Menu Data Pesan halaman admin. Gambar 3.18 Menu Data Pesan
1
2
http://digilib.mercubuana.ac.id/
34
3
4
Keterangan : Tabel 3.23 No
Form menu data Pesan Keterangan
1
Header
2
Menu admin
3
Manipulation Data pesan (Select, Delete.)
4
Bottom
10. Akun Admin Nama Layar Deskripsi
: Akun Admin : Tampilan interface yang digunakan untuk Menu akun admin.
1
2
http://digilib.mercubuana.ac.id/
35
3
4
Gambar 3.19 Menu Akun Admin
Keterangan : Tabel 3.24 No
Form menu akun admin Keterangan
1
Header
2
Menu admin
3
Manipulation akun admin (Update, logout.)
4
Bottom
http://digilib.mercubuana.ac.id/