BAB III
PERANCANGAN SISTEM
3.1 Pengumpulan Kebutuhan
Berdasarkan observasi dilapangan, festival kuliner
perlu diinformasikan kepada masyarakat luas sekiranya ada
beberapa informasi yang berkenaan dengan sejumlah materi
perkulineran seperti makanan khas kota Solo, maupun
makanan kreasi unik dari berbagai restoran yang ada
tentunya sudah bekerja sama dalam pengisian konten
Website kuliner ini. Karena informasi yang disajikan dapat menjadi suatu informasi berharga bagi masyarakat sebagai
sudut pandang bahwa kuliner sendiri seperti menjadi
trandmark untuk sejumlah wilayah di Indonesia, terkhusus di wilayah Solo. Selain menyajikan berbagai macam
informasi yang berkenaan dengan kuliner yang ada dikota
Solo ini, Website ini juga memberikan sebuah jalinan kerjasama dengan pemilik event, maka dari itu kebutuhan
informasi dari pengguna media website, ataupun pemilik restoran bahkan penyelenggara event akan sangat
membantu dalam pembuatan Website ini yang nantinya akan ditujukan kepada masyarakat yang masih banyak
membutuhkan informasi tentang berbagai gambaran tentang
18
di era sekarang ini. Terlebih pada dunia teknologi
informasi sekarang ini tidak melihat ruang dan waktu
dalam hal penyampaian informasinya, kita sewaktu-waktu
bisa mengakses dan selalu terhubung didalam website ini. Pengumpulan ataupun pencarian informasi juga semakin
mudah, karenanya media website ini selain mudah dalam hal penyampainya juga sangat menyenangkan, terlebih
berbagai konten event yang wujudnya sebagai media
hiburan untuk masyarakat jadi dapat diterima dalam
segala lapisan masyarakat, dan dapat diterima dalam oleh
segala umur.
a. Pembuatan User Interface
Membuat tampilan website yang bermaterikan dunia
seputar kuliner, dimana pada tahapan ini tampilan
dikhususkan untuk user biasa tanpa adanya berbagai
macam proteksi seperti halnya admin.
b. Pembuatan Admin Interface
Tampilan admin interface ini dipergunakan admin
sebagai media pengelolaan website maka dari itu tampilan yang simple dan memberikan proteksi dalam
hal pembatasan hak aksesnya.
c. Pembuatan Database
Database dibuat bertujuan untuk sentralisasi data yang
19
efektivitas dalam hal pengelolaan data untuk media
admin nantinya
d. Presentation Layer
Dalam hal presentation layer ini bertindak sebagai media pengelolaan tampilan dibuat nantinya yang
nantinya akan dirender oleh browser dalam pemuatan data kepada pengguna.
e. Business Logic Layer
Businerss Logic Layer berguna untuk mengontrol semua data baik dalam hal insert, update maupun delete. Untuk itu semua logic program diletakan apda bagian ini.
f. Data Access Layer
Ini berisikan semua aktivitas yang berhubungan
dengan database, dan semua ini berada pada tampilan
admin interface.
g. Pembuatan Service
Merupakan perancangan servis yang mengambil
berbagai fungsi yang sudah ditentukan didalam
business logic layer.
h. Menghubungkan service ke UI
Akhir dalam pembuatan website ini yaitu menghubungkan servis yang tadi sudah dibuat dan
melakukan integrasi data pada semua layer untuk
20 3.2 Ruang Lingkup Aplikasi
- Web Based Application
Memudahkan administrator dalam mengakses database kuliner festival dan memudahkan user dalam melihat
informasi kuliner festival dan event.
o Fungsi
Menginput event baru yang akan
dilaksanakan.
Melakukan penyimpanan perubahan event di database.
Update event yang akan dilaksanakan atau
sudah kadaluarsa.
Memberikan pelayanan informasi yang ter
up to date.
Penyampaian informasi secara real time saat itu juga kepada pengguna atau
masyarakat.
Memberikan konten informasi yang
langsung dari sumbernya, dan dapat
dipercaya.
o Fitur
21
Terdapat session lama waktu admin dalam menggunakan hak akses adminya. Konten otomatis tersimpan didalam
database.
Fitur Update, jika diperlukan pengubahan data baik didalam user
interface yang otomatis terhubung ke database.
Fitur Delete, jika diperlukan penghapusan data pada interface admin yang otomatis terhubung ke database. Terdapat relasi ikon Facebook,
Instagram, dan Twitter yang terhubung
dengan akun pemilik Website.
Terdapat fitur arsip yang
mengelompokan data konten
berdasarkan waktunya.
3.3 Konsep Perancangan Aplikasi
3.3.1 Gambaran Umum
22
Gambar 3.1 Gambaran umum
23
menggunakan internet dan browser sebagai media pengaksesanya.
Pada Admin Interface digunakan untuk
pengelolaan website kuliner, dimana pada bagian ini Admin harus terlebih dahulu melakukan proses login yang sudah terproteksi dan terdapat session rentan waktu yang sudah ditetapkan. Setelah itu admin
memiliki beberapa fitur yang ada didalam admin
interface ini, antara lain memasukkan data baru, update data, dan menghapus data, baik didalam halaman index,
agenda, festival, dan kuliner. Semua data yang ada
terintegrasi dengan media penyimpanan database dan secara realtime dapat diganti baik didalam media database itu sendiri, maupun pada tampilan website.
Pada User Interface, pengguna tidak mempunyai kuasa seperti halnya pada halaman admin. User biasa
tidak perlu melakukan login terlebih dahulu. Dan pada
halaman user interface ini, pengguna dapat membaca data pada halaman index, agenda, festival, dan kuliner.
Selain itu juga ditambahkan ekstra halaman yang
terintegrasi dengan media sosial pada pembuat website.
3.3.2 Pengguna Aplikasi
Pada pembuatan Website Kuliner ini dirancang
24 pengguna website.
Pengguna Hak Akses
Admin 1. Mengelola tampilan website dalam info kuliner, fesival.
2. Mengelola insert, update, dan delete event.
3. Mengalokasikan penyimpanan data
pada database.
4. Memasukan konten ikon yang
terhubung ke sosial media pemilik
website.
5. Pengalokasian arsip data konten
website.
User 1. Melihat info kuliner.
2. Melihat festival kuliner.
3. Melihat event.
4. Berinteraksi dengan sosial media
pemilik website.
5. Melihat arsip data konten website.
Tabel 3.1 Pengguna Aplikasi
3.4 Perancangan Antar Muka Aplikasi
Berikut ini adalah lembar kerja tampilan perancangan
25 a. Tampilan awal web
Gambar 3.2 Tampilan awal web
Keterangan:
Banner : menampilkan logo dari website ini
Menu Bar : menampilkan semua menu yang ada di
halaman web ini.
Sub Menu : menampilkan media sosial untuk para
penggunayang terkait dengan website ini.
Konten : menampilkan isi dari website ini.
26
Gambar 3.3 Desain halaman kerja admin
Keterangan:
Banner : Menampilkan logo dari website
Form Input : Menampilkan form/textbox untuk input
info festival ke database
Button1 : Menampilkan button simpan
Button2 : Menampilkan button Update
Button3 : Menampilkan button LogOut
Button4 : Menampilkan button Delete.
3.5 Perancangan Proses Bisnis
27
Gambar 3.4 Use Case Diagram
Keterangan:
- Aktor User : pada bagian ini merupakan tampilan
user interface dimana pengguna dapat melihat media sosial owner website, melihat info kuliner, melihat info festival, dan juga melihat info agenda.
- Aktor Admin : seperti halnya pada aktor user, pada
tahapan ini admin juga bisa melihat info kuliner, info
festival, dan info agenda, namun ditambah dengan
28
aktor terlebih dahulu harus berhasil melakukan login admin dimana terdapat proteksi username dan password harus sesuai dengan ketentuan.
3.5.2 Flowchart input data agenda
29 Keterangan:
Pada alur proses flowchart ini menunjukan sistematika website saat dipergunakan oleh admin berawal admin masuk pada sistem
login yang mengharuskan admin memasukan username dan
password, jika berhasil akan masuk pada tampilan inputan admin jika gagal akan kembali pada tampilan login. Selanjutnya admin akan memasukan beberapa konten yang nantinya jika berhasil
akan disimpan kedalam database, dan jika tidak berhasil akan dilemparkan pada tampilan input admin kembali. Setelah semua proses selesai dilakukan maka proses input admin telah selesai.
3.5.3 Pemetaan Web
Gambar 3.6 Pemetaan web
30
untuk pengguna biasa dimana saat pertama kali masuk pada
tampilan awal website pengguna akan dihadapkan pada menu
pengguna biasa dan admin, dimana pada admin ini terlihat pada
menu login. Lalu pada tampilan user akan ada tampilan yang menunjukan informasi mengenai dunia kuliner, festival, dan
agenda. Dan pada agenda ini terdapat fungsi arsip yang
memisahkan pada bulan keberapa informasi konten ini dibuat.
Dan setelah kesemua aktivitas dijalankan maka proses selesai.
3.6 Pemodelan Penyimpanan Data
Gambar 3.7 Pemodelan penyimpanan data
- Id_event : merupakan primary key untuk ID event
Berfungsi sebagai primary key yang digunakan admin
sebagai induk pemanggilan data. Pada id ini diset otomatis
saat penginputan data didalam database dan diset sebagai
auto increament.
31
Pengisian data yang bertipe varchar dimana pada field ini
diisi oleh nama suatu event yang nanti akan diselenggarakan.
- Tempat_event : tempat dilaksanakan event.
Tempat field ini berisikan tanggal suatu event yang akan
dilakukan, pada field ini bertipekan data varchar, dan
berisikan informasi mengenai dimana tempat event
diselenggarakan.
- Tanggal_event : tanggal dilaksanakan event.
Tanggal event bertipe date, dan merupakan fungsi tanggal
yang berinformasikan mengenai kapan waktu event
dilaksanakan. Dan pada tanggal ini digunakan sebagai
patokan pada halaman agenda sebagai fungsi arsip data.
- Waktu_event : jam pelaksanaan event dimulai.
Bertipe varchar yang diisi sebagai informasi kapan jam event
ini dimulai.
3.7 Model Distribusi Aplikasi
Skema dalam menjalankan website ini adalah admin menuliskan informasi berkenaan dengan dunia kuliner
dimana menyertakan konten gambar dan informasi –
informasi terkait. Segala macam aktivitas admin seperti
insert konten baru, update dan delete berada pada halaman
terkhusus admin yang terdapat proteksi login maupun
32
diinputkan maupun diolah oleh admin pada halaman admin.