17
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 kuliner dan festival khususnya di kota Solo.
18
Media Website sangat mudah diterima masyarakat 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 yang ingin disimpan, hal ini bertujuan untuk
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 pembuatan website.
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
Admin login menggunakan username dan password yang sdah terdaftar
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 Module yang tersedia :
22
Gambar 3.1 Gambaran umum
Semua data yang ada pada website akan disimpan didalam database dan penggunaan website ini
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 untuk digunakan pada 2 user yang berbeda, yaitu untuk
24
Admin sebagai pengelola website dan User biasa sebagai 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 website kuliner dan festival
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 3.5.1 Use Case Diagram
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 fitur insert konten, update konten, delete konten untuk pengisian konten pada tampilan user interface.
28
Namun untuk bisa masuk pada halaman admin ini, 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
Pada tampilan pemetaan user interface ini dipergunakan 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 session. Lalu terotomatisasi terhubung pada database sebagai media penyimpanan data. Tampilan pada user interface
32
mengambil data pada database yang sebelumnya sudah diinputkan maupun diolah oleh admin pada halaman admin.
