BAB III ANALISA DAN PERANCANGAN

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN 3.1 Analisis Masalah Perkembangan website sudah sangat populer dikalangan masyarakat Indonesia terutama sebagai ladang bisnis yang sangat menggiurkan dan sangat menjanjikan sehingga banyak yang berbondong-bondong untuk melakukan bisnis secara online sehingga banyak tercipta kaum muda yang berani mengambil bisnis ini dikarenakan tidak perlu menggunakan modal yang banyak dan juga kemampuan yang lebih. Dari penjelasan tersebut, penulis berusaha memamparkan analisa dari kebutuhan Aplikasi Berbasis Web yang sedang penulis buat, sehingga dapat tersampaikan dengan baik maksud dari penulis membuat tugas akhir ini. Studi kasus yang penulis lakukan terhadap Resta Wedding Organizer terdapat berbagai macam kebutuhan dari hasil analisa yang penulis lakukan yaitu: - Perusahaan sebelumnya tidak menggunakan website dan secara manual dalam pemasaran. - Menggunakan SDM yang cukup banyak pada saat melakukan aktivitas perusahaan ini. - Sistem pemesanan yang bersifat offline atau bertatap muka langsung. Dari beberapa analisa yang dilakukan penulis dapat dilakukan beberapa faktor pembantu atau solusi yang akan menunjang pembuatan aplikasi ini, yaitu; - Mencari inovasi terbaru agar pemasaran menjadi online salah satunya yaitu membuat aplikasi berbasis website. - Memanfaatkan aplikasi sebagai informasi untuk mengetahui siapa saja yang menyewakan barang agar tidak menggunakan banyak SDM. - Membuat sistem pemesanan secara online. 26

2 Analisis Kelemahan Sistem Pada saat ini, proses pemesanan dari sebuah perusahaan Resta Wedding Organizer dilakukan secara tatap muka atau offline sehingga membutuhkan banyak SDM yang harus dipekerjakan untuk melayani para konsumen yang ingin memesan atau menyewa jasa dari resta wedding organizer, sehingga jangkauan yang diberikan dari perusahaan ini hanya tersebar dari konsumen-konsumen yang pernah menggunakan perusahaan ini. 3.3 Metodologi Perangkat Lunak Analisis Kebutuhan Perangkat Lunak Pada tahapan ini penulis melakukan wawancara dan juga menganalisa kebutuhan aplikasi ini mulai dari sistemnya, interface, database, dan manfaat dari aplikasi tersebut. Hasil wawancara dari pemilik Resta Wedding Organizer tersebut di dapatkan beberapa poin penting yang menjadi acuan dibuatnya Aplikasi Berbasis Web ini. - Aplikasi ini bersifat infomasi dan dapat melakukan pemesanan. - Aplikasi ini belum pernah dibuat oleh perusahaan yang bersangkutan baik dari databasenya yang masih bersifat offline dan juga sistem pemesanan yang perlu diperbaiki dengan baik dan masih bersifat offline. - Pemilik belum mempunyai pengalaman dibidang teknologi informasi. Sedangkan untuk kebutuhan sistem dan database dibuat sesederhana mungkin agar nantinya user yang menggunakan aplikasi ini dapat mengoperasikan dengan maksimal Sistem dan Desain Perangkat Lunak Sistem dari website ini sangat sederhana dan juga mudah dipahami oleh orang awam sekalipun, yaitu: - Pengunjung dari aplikasi ini mampu melihat semua informasi yang ada.

3 28 - Sistem aplikasi ini bersifat sederhana dan mudah dimengerti dikarenakan pada saat pengunjung membuka aplikasi ini terlihat jelas apa yang diinginkan dari sebuah Wedding Organizer. - Secara teknis antarmuka dari Aplikasi Berbasis Web ini memperlihatkan gambar-gambar dan juga deskripsi dari setiap gambar tersebut yang memang di kategorikan untuk Wedding Organizer. - Struktur data dari aplikasi ini bersifat sederhana. - Struktur komponen dan fungsi-fungsi yang ada di aplikasi ini langsung mengarahkan pada halaman yang memang ingin dituju tanpa dihalangi oleh halaman-halaman yang lain Pembuatan Kode Pada tahapan ini penulis melakukan pembuatan kode dibantu oleh beberapa framework dari salah satu website terkemuka di dunia yang dinamai bootstrap dan fungsi-fungsi yang ada di bootstrap diajukan sebagai dasar dari pembuatan aplikasi ini karena sifatnya yang praktis dan mudah dipahami dengan antarmuka yang menarik serta efisien Pengujian Dalam sebuah aplikasi perlu adanya pengujian sebelum masuk ketahapan penyelesaian, dalam hal ini penulis melakukan pengujian langsung dengan mempersilahkan pemilik perusahaan CV. Resta Amanah Abadi sebagai studi kasus dalam hal ini menilai kekurangan dan kendala dalam penggunaan aplikasi berbasis web tersebut, apakah aplikasi tersebut dapat dinikmati dengan baik dan cocok untuk perusahaan tersebut. Kedua, melakukan pengujian dari segi penilaian yang akan diberikan oleh setiap orang-orang yang berbeda ketika mereka menggunakan aplikasi tersebut dalam kondisi mereka menggunakan setiap aktivitas yang ada di aplikasi tersebut Operasi dan Pemeliharaan Operasi dan pemeliharaan dilakukan seperti memperbaiki database yang kurang baik dan juga menjaga aplikasi dari virus dan kerusakan gambar-gambar

4 29 yang tidak bisa muncul dalam aplikasi serta memperbarui data produk dan paket baik dari segi harga dan juga detail-detail yang berkenaan dengan produk dan paket pada aplikasi ini. 3.4 Perancangan Sistem yang Akan Dibangun Pada saat ini, proses pemesanan dari sebuah perusahaan Resta Wedding Organizer dilakukan secara tatap muka atau offline sehingga membutuhkan banyak SDM yang harus dipekerjakan untuk melayani para konsumen yang ingin memesan atau menyewa jasa dari Resta Wedding Organizer, sehingga jangkauan yang diberikan dari perusahaan ini hanya tersebar dari konsumen-konsumen yang pernah menggunakan perusahaan ini. 3.5 Perancangan Aplikasi Dari hasil analisa yang penulis buat untuk membangun aplikasi dengan fitur dan tampilan yang mudah dimengerti, tepat sasaran, dan interaktif dengan menggunakan bahasa pemrograman HTML, PHP, Java Script, CSS dan mengguanakan basis data MySQL. Penulis akan menggunakan model diagram Use Case untuk menunjukan fungsional suatu sistem, dan juga menggunakan permodelan diagram kelas (Class Diagram) untuk menggambarkan suatu hubungan atau relasi dari masing-masing objek atau tabel yang terhubung dengan basis data, dan menggunakan diagram activity untuk mengetahui aktifitas apa saja yang ada dalam aplikasi tersebut. Tujuan penulis menggunakan permodelan seperti ini adalah agar aplikasi ini dapat dipahami dengan mudah.

5 Use Case Diagram Sistem Use Case digunakan untuk melihat semua aktifitas yang dilakukan oleh actor, berikut ini adalah use case dari Aplikasi Informasi Dan Pemesanan Berbasis Web. Gambar 3.1 Use Case Diagram Aplikasi Informasi Dan Pemesanan Penjelasan Terkait dari masing-masing use case dari gambar 3.2 dapat dilihat pada skenario berikut:

6 31 Berikut ini adalah keterangan dari use case yang dilakukan oleh Pengunjung atau Member: Tabel 3.1 Skenario Use Case Melihat Produk Nama Use Case Melihat Produk Aktor Deskripsi Pengunjung Pengunjung dapat melihat dan mencari informasi produk yang ada di aplikasi Tabel 3.2 Skenario Use Case Melihat Paket Nama Use Case Melihat Paket Aktor Deskripsi Pengunjung Pengunjung dapat melihat dan mencari informasi paket yang ada di aplikasi Tabel 3.3 Skenario Use Case Memesan Produk Nama Use Case Memesan produk Aktor Pengunjung Deskripsi Pengunjung dapat melakukan pemesanan produk baik itu produk yang disewakan ataupun produk yang hanya dipesan satu saja. Tabel 3.4 Skenario Use Case Memesan Paket Nama Use Case Memesan paket Aktor Pengunjung

7 32 Deskripsi Pengunjung dapat melakukan pemesanan berbagai macam paket yang disediakan oleh aplikasi selain pemesanan produk yang sifatnya terpisah Tabel 3.5 Skenario Use Case Mendaftar Menjadi Member Nama Use Case Mendaftar Menjadi Member Aktor Pengunjung Deskripsi Pengunjung bisa menjadi member aplikasi berbasis website Resta Wedding Organizer hanya dengan mendaftar saja Tabel 3.6 Skenario Use Case Mendapatkan Diskon Nama Use Case Mendapatkan Diskon Aktor Pengunjung Deskripsi Mendapatkan diskon dari setiap pemesanan produk yang dalam kurun waktu tertentu dan dibatasi. Tabel 3.7 Skenario Use Case Mendapatkan Nomor Diskon Nama Use Case Mendapatkan Nomor Diskon Aktor Pengunjung Deskripsi Pengunjung mendapatkan nomor diskon setelah mendaftar menjadi member dan dapat digunakan ketika sedang memesan produk atau paket dari aplikasi Berikut ini adalah keterangan dari use case yang dilakukan oleh Admin: Tabel 3.8 Skenario Use Case Mengelola Data

8 33 Nama Use Case Mengelola Data Aktor Admin Deskripsi Admin dapat mengelola data termasuk membuat, membaca, memperbarui dan menghapus data dalam aplikasi Diagram Activity Diagram activity adalah diagram yang menggambarkan sebuah skema aktifitas yang terjadi didalam penggunaan aplikasi tersebut Diagram Activity Melihat Produk Diagram activity ini memperlihatkan proses untuk melihat sebuah produk yang ada dalam aplikasi. Gambar 3.2 Diagram Activity Melihat Produk

9 Diagram Activity Memesan Produk Pada diagram ini menjelaskan bahwa pengunjung dari aplikasi ini dapat melakukan pemesanan tanpa perlu mendaftarkan diri sebagai member dan dapat mengakses kapanpun dan memesan produk sebanyak apapun dan juga disertai dengan syarat-syarat pemesanan produk. Gambar 3.3 Diagram Activity Memesan Produk

10 Diagram Activity Melihat Paket Diagram activity ini memperlihatkan proses untuk melihat sebuah paket yang ada dalam aplikasi. Gambar 3.4 Diagram Activity Melihat Paket Diagram Activity Memesan Paket Pada diagram ini menjelaskan bahwa pengunjung dari aplikasi ini dapat melakukan pemesanan tanpa perlu mendaftarkan diri sebagai member dan dapat mengakses kapanpun dan memesan paket yang mana saja disertai dengan syaratsyarat pemesanan paket.

11 36 Gambar 3.5 Diagram Activity Memesan Paket

12 Diagram Activity Sign In Member Pada diagram ini menjelaskan proses dari sign in member yang sudah mendaftar terlebih dahulu dan yang sudah menjadi member harus sign in terlebih dahulu untuk bisa menggunakan kode diskon yang didapat. Gambar 3.6 Diagram Activity Sign In Member

13 Diagaram Activity Sign In Admin Pada diagram ini menjelaskan proses dari sign in admin yang dapat mengalihkan langsung kehalaman admin untuk mengelola data produk, paket, report pemesanan, dan data member, dijelaskan pula dalam diagram ini ketika password salah maka admin akan diarahkan kembali kehalaman login untuk mengisi username dan password. Gambar 3.7 Diagram Activity Sign In Admin

14 Diagram Activity Sign Up Member Pada diagram ini pengunjung dapat menjadi member dalam aplikasi Pemesanan dan informasi dan tidak ada syarat tertentu untuk mendaftar menjadi member tetapi ketika akun yang sama mendaftar dengan nama dan yang sama maka akan ada peringatan bahwa akun sudah terdaftar dan pengunjung diarahkan untuk mendaftar ulang dengan nama dan yang berbeda. Gambar 3.8 Diagram Activity Sign Up member

15 Diagram Activity Halaman Profil Aktifitas untuk melihat halaman profil dapat dijelaskan dari diagram activity yang ada dibawah ini, bahwa untuk melihat profil dari Aplikasi ini pengunjung hanya cukup mengarahkan ke sub menu halaman profil. Gambar 3.9 Diagram Activity Halaman Profil

16 Diagram Activity Halaman Kategori Pada diagram activity ini untuk melihat kategori pengunjung hanya cukup mengarahkan ke sub menu halaman kategori, di dalam sub menu tersebut terdapat dropdown kategori Produk yang ada di aplikasi, sehingga mempermudah pengunjung untuk memilih produk mana saja yang ingin dilihat. Gambar 3.10 Diagram Activity Halaman Kategori Diagaram Activity Halaman Alamat Aktifitas untuk melihat halaman alamat dapat dijelaskan dari diagram activity yang ada dibawah ini, bahwa untuk melihat halaman alamat dari Aplikasi ini, pengunjung hanya cukup mengarahkan ke sub menu halaman alamat.

17 42 Gambar 3.11 Diagram Activity Halaman Alamat Class Diagram Sistem Diagram Class digunakan untuk mengetahui hubungan antar tabel. Gambar 3.12 Diagram Class 3.6 Perancangan Database Dalam pembuatan aplikasi ini dibutuhkan rancangan basis data yang memadai sesuai dengan kebutuhan sistem itu sendiri. Rancangan tabel merupakan garis besar dari seluruh proses komputerisasi pengelolaan data yang akan dilakukan, tanpa tabel sistem pengelolaan data dan komputerisasi tidak dapat berjalan. Perancangan ini mencakup penentuan kunci utama, kunci asing dan kunci lainnya untuk menghubungkan tabel satu dengan tabel yang lainnya. Berikut adalah tabel-tabel yang digunakan pada Aplikasi Informasi dan Pemesanan: Tabel User Tabel User digunakan untuk sign in user agar bisa mengelola data, membuat, memperbarui dan menghapus data.

18 43 Nama Tabel : tb_user Field_Kunci : user_id Jumlah_Field : 3 Tabel 3.9 Tabel User Nama Field Type field Keterangan user_id int(6) Primary_key nama varchar(30) Username user untuk melakukan sign in. Password user yang password varchar(32) digunakan untuk kata sandi melakukan sign in Tabel Member Tabel Member merupakan tabel yang berisi informasi Member yang diperlukan untuk mendapatkan diskon dari produk yang ada. Nama Tabel : tb_member Field_Kunci : kode_member Jumlah_Field : 7 Tabel 3.10 Tabel Member Nama Field Type Field Keterangan kode_member int(6) Primary_key nama Varchar(30) Berisi nama member varchar(30) member password varchar(15) Password untuk melakukan sign in Digunakan untuk kode_diskon varchar(11) mendapatkan kode diskon bagi setiap member yang mendaftar cek_diskon Tinyint(1) Untuk mengecek apakah

19 44 diskon sudah terpakai atau tidak tanggal_daftar varchar(10) Tanggal pendaftaran member Tabel Produk Tabel produk merupakan tabel yang berisi kumpulan-kumpulan produk untuk ditampilkan dalam aplikasi dan mencakup semua produk. Nama Tabel : tb_produk Field_Kunci : kode_produk Jumlah_Field : 8 Tabel 3.11 Tabel Produk Nama Field Type Field Keterangan kode_produk int(6) Primary_key Digunakan untuk kode_kategori int(11) menampilkan database ke dalam aplikasi nama varchar (30) Berisi nama-nama produk ukuran varchar(30) Berisi ukuran dari setiap produk warna varchar (10) Berisi warna dari produk yang ada harga varchar(20) Berisi daftar harga produk gambar varchar(50) Untuk mengunggah gambar sesuai dengan produk slug_produk varchar (30) Untuk merapihkan font ke huruf kecil yang ada di address bar Tabel Kategori Tabel Kategori berisi kategori-kategori yang terdapat dalam tabel produk. Nama Tabel : tb_kategori

20 45 Field kunci : kode_kategori Jumlah field : 3 Tabel 3.12 Tabel Kategori Nama Field Type File Keterangan kode_kategori int(6) Primary_key nama varchar(30) Nama dari kategori slug varchar (30) Untuk merapihkan font ke huruf kecil yang ada di address bar Tabel Paket Tabel paket merupakan tabel yang berisi kumpulan paket untuk ditampilkan dalam aplikasi dan mencakup semua paket. Nama Tabel : tb_paket Field kunci : kode_paket Jumlah field : 6 Tabel 3.13 Tabel Paket Nama Field Type Field Keterangan kode_paket int(6) Primary_key nama varchar (30) Berisi nama-nama paket harga varchar (20) Berisi harga dari setiap paket menu varchar(15) Berisi menu-menu dari setiap paket yang berbeda gambar varchar (50) Berisi gambar dari paket tersebut slug_paket varchar (30) Untuk merapihkan font ke huruf kecil yang ada di address bar

21 Tabel Order Tabel order berisi daftar pemesanan produk yang dilakukan oleh pengunjung dan member. Nama Tabel : tb_order Field kunci : id_order Jumlah field : 7 Tabel 3.14 Tabel Order Nama Field Type File Keterangan id_order int(10) Primary_key nama varchar(30) Nama dari pemesan alamat varchar (50) Berisi alamat dari pemesan varchar (20) Berisi dari pemesan total_harga varchar (20) Berisi total harga yang harus dibayar tanggal_pemesanan varchar (10) Berisi tanggal pemesanan pada saat pengunjung atau member memesan produk_pesanan varchar (200) Berisi produk apa saja yang dipesan oleh pengunjung atau member Tabel Order Paket Tabel order paket berisi daftar pemesanan paket yang dilakukan oleh pengunjung dan member. Nama Tabel : tb_order_paket Field kunci : kode_order_paket Jumlah field : 8 Tabel 3.15 Tabel Order Paket Nama Field Type File Keterangan

22 47 kode_order_paket int(10) Primary_key nama varchar(30) Nama dari pemesan alamat varchar (50) Berisi alamat dari pemesan varchar (20) Berisi dari pemesan no_telp varchar (15) Berisi nomor telepon dari pemesan total_harga varchar (20) Berisi total harga yang harus dibayar tanggal_pemesanan varchar (15) Berisi tanggal pemesanan pada saat pengunjung atau member memesan produk_pesanan Longtext Berisi produk apa saja yang dipesan oleh pengunjung atau member Tabel Slider Tabel Slider untuk mengunggah gambar untuk ditampilkan di bagian halaman utama. Nama Tabel : tb_slider Field_Kunci : id_slider Jumlah_Field : 4 Tabel 3.16 Tabel Slider Nama Field Type File Keterangan id_slider int(10) Primary_key gambar varchar(50) Gambar yang diunggah dari komputer untuk ditampilkan nama varchar (30) Nama dari gambar yang di

23 48 upload ke database slug_slider varchar (30) Untuk merapihkan font ke huruf kecil yang ada di address bar 3.7 Perancangan Antarmuka Perancangan Antarmuka pada aplikasi pemesanan dan informasi yang penulis buat meliputi halaman utama/home, halaman profil, halaman produk, halaman paket, halaman alamat, halaman sign in, halaman sign up Perancangan Antarmuka Halaman Utama Gambar 3.13 Rancangan Antarmuka Halaman Utama Antarmuka ini merupakan halaman utama dari aplikasi informasi dan pemesanan, yang menjelaskan tentang apa saja yang ada di aplikasi ini beserta informasi terbaru, mengenai produk maupun paket Perancangan Antarmuka Halaman Profil

24 49 Gambar 3.14 Rancangan Antarmuka Halaman Profil Antarmuka Halaman yang memuat Profil Resta Wedding Organizer yang ada dalam aplikasi pemesanan dan informasi Perancangan Antarmuka Halaman Produk Gambar 3.15 Rancangan Antarmuka Halaman Produk Antarmuka Halaman yang memuat daftar produk yang bisa dipesan di aplikasi pemesanan dan informasi Perancangan Antarmuka Halaman Detail Produk

25 50 Gambar 3.16 Rancangan Antarmuka Halaman Detail Produk Antarmuka Halaman yang memuat halaman dari setiap detail produk yang ada sesuai dengan produknya meliputi harga, warna dan ukuran produk Perancangan Antarmuka Halaman Form Pemesanan Produk Gambar 3.17 Rancangan Antarmuka Halaman Form Pemesanan Produk Antarmuka halaman ini memuat form pemesanan produk yang ada di Aplikasi sehingga pengunjung atau member dapat memesan lebih dari satu produk yang ada dan cukup mengisi produk apa saja yang ingin dipesan.

26 Perancangan Antarmuka Halaman Data Pemesan Produk Gambar 3.18 Rancangan Antarmuka Halaman Data Pemesan Produk Antarmuka halaman ini memuat pengisian data diri pemesan sebagai data dalam database, sebelum memesan produk Perancangan Antarmuka Halaman Paket Gambar 3.19 Rancangan Antarmuka Halaman Paket Antarmuka Halaman ini memuat daftar paket yang bisa dipesan di aplikasi pemesanan dan informasi beserta dengan keterangan harga dan menu.

27 Perancangan Antarmuka Halaman Detail Paket Pengantin Gambar 3.20 Rancangan Antarmuka Halaman Detail Paket Pengantin Antarmuka halaman ini membahas mengenai detail paket pengantin yang ada dalam paket pemesanan atau menu yang ditawarkan dalam paket pemesanan disertai dengan simulasi pemilihan menu paket Perancangan Antarmuka Halaman Detail Paket Catering

28 53 Gambar 3.21 Rancangan Antarmuka Halaman Detail Paket Catering Antarmuka halaman ini membahas mengenai detail paket pengantin yang ada dalam paket pemesanan atau menu yang ditawarkan dalam paket pemesanan disertai dengan simulasi pemilihan menu paket Perancangan Antarmuka Halaman Form Sign In Gambar 3.22 Rancangan Antarmuka Halaman Form Sign In Antarmuka halaman ini merupakan halaman untuk pengunjung yang ingin Sign In ke aplikasi pemesanan dan informasi, namun sudah mendaftarkan diri menjadi member terlebih dahulu Perancangan Antarmuka Halaman Sign Up

29 54 Gambar 3.23 Rancangan Antarmuka Halaman Sign Up Perancangan Antarmuka ini merupakan halaman untuk pengunjung yang ingin mendaftarkan diri sebagai member dari aplikasi pemesanan dan informasi jika nama dan yang digunakan untuk mendaftar digunakan kembali untuk mendaftar, maka sistem akan memberitahukan bahwa akun sudah terdaftar. 3.8 Analisis Kebutuhan Sistem Didalam pengembangan sistem Aplikasi ini, agar menjadi Aplikasi yang baik harus ditunjang dengan teknologi yang memadai baik dari perangkat keras maupun perangkat lunak. 3.9 Analisis Kebutuhan Perangkat Keras Kebutuhan perangkat keras yang dijelaskan meliputi perangkat keras yang dibutuhkan pada saat pembuatan program. Spesifikasi perangkat keras saat pembuatan aplikasi: Tabel 3.16 Kebutuhan Perangkat Keras Processor Intel core i3-2450m 2,5GHz RAM 2 GB DDR3 Memory Harddisk 500 GB HDD Graphics NVIDIA GeForce 610M 2GB Keyboard Keyboard PS/ Kebutuhan Perangkat lunak Berikut ini diuraikan kebutuhan perangkat lunak yang dibutuhkan pada saat pembuatan aplikasi. Beberapa software yang digunakan adalah : Tabel 3.17 Kebutuhan Perangkat Lunak Sistem Operasi Microsoft Windows 7 64 bit Database Engine XAMPP Website Server Apache Server Database MySQL dan PHPMyAdmin Tool Programing PHP 5.2.8

30 55 Editor Editor Gambar Editor Prototype Sublime Text Photoshop CS3 MockUp Screen