BAB III PERANCANGAN SISTEM

Transkripsi

1 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.

2 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 18

3 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. 19

4 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 20

5 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 Gambaran Umum Module yang tersedia : 21

6 Gambar 3.1 Gambaran umum Semua data yang ada pada website akan disimpan didalam database dan penggunaan website ini 22

7 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 Pengguna Aplikasi Pada pembuatan Website Kuliner ini dirancang untuk digunakan pada 2 user yang berbeda, yaitu untuk 23

8 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 24

9 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. b. Desain halaman kerja admin 25

10 Gambar 3.3 Desain halaman kerja admin Keterangan: Banner Form Input Button1 Button2 Button3 Button4 : Menampilkan logo dari website : Menampilkan form/textbox untuk input info festival ke database : Menampilkan button simpan : Menampilkan button Update : Menampilkan button LogOut : Menampilkan button Delete. 3.5 Perancangan Proses Bisnis Use Case Diagram 26

11 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. 27

12 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 Flowchart input data agenda Gambar 3.5 Flowchart input data agenda 28

13 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 Pemetaan Web Keterangan : Gambar 3.6 Pemetaan web 29

14 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. - Nama_event : nama suatu event yang diselenggarakan. 30

15 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 31

16 mengambil data pada database yang sebelumnya sudah diinputkan maupun diolah oleh admin pada halaman admin. Gambar 3.8 Model distribusi aplikasi 32

17 33