BAB 3
METODOLOGI PENELITIAN
Langkah-langkah yang dilakukan untuk penelitian ini adalah:
3.1 User Story
Tahap pertama yang dilakukan adalah mengenalisa kebutuhan atau requirement yang kemudian akan dijadikan tujuan dari aplikasi yang akan dibuat.
Kebutuhan mendasar sistem diperoleh dengan cara melakukan indepth interview dengan owner production house yang telah secara langsung merasakan masalah yang sedang dihadapi. Berdasarkan interview yang telah dilakukan, dapat disimpulkan beberapa kebutuhan yang diperlukan untuk aplikasi website yang akan dikembangkan, yaitu:
1. Guest
• Guest dapat melakukan login dan register akun.
• Guest dapat melihat halaman portofolio.
• Guest dapat melihat package yang disediakan oleh Onestep Production.
• Guest dapat melihat detail package dari package yang disediakan oleh Onestep Production.
• Guest dapat melakukan kontak terhadap admin Onestep Production melalui link yang ter-direct ke Whatsapp.
2. Admin
• Admin memiliki dashboard admin yang terdapat total pendapatan bulanan dan total transaksi bulanan.
• Admin dapat melakukan read users.
• User dapat melihat detail package dari package yang disediakan oleh Onestep Production.
• User dapat melakukan kontak terhadap admin Onestep Production melalui link yang ter-direct ke Whatsapp.
• User dapat melihat package yang sudah pernah dipesan di dalam history.
• User dapat melakukan update akun profilnya yang terdiri dari nama, nomor handphone, dan password.
• User dapat menambahkan dan melihat package yang sedang dipesan di dalam cart sekaligus melakukan checkout.
• User dapat melakukan pembayaran menggunakan payment gateway.
3.2 Perancangan Sistem
Setelah diketahui requirement yang dibutuhkan, dirancanglah pemodelan sistem menggunakan UML (Use Case Diagram and Activity Diagram) sebagai acuan dalam pembangunan sistem.
3.2.1 Use Case Diagram
ke admin. Tetapi, user harus melakukan registrasi dan login untuk dapat meng- update profile, melakukan pemesanan jasa event, dan melihat history transaksi yang sudah pernah dilakukannya. Di sisi lain, digambarkan bahwa admin memiliki halaman dashboard yang berisi pendapatan perbulan, total pendapatan, total transaksi perbulan, total transaksi keseluruhan dan jumlah customer yang telah terdaftar pada website. Kemudian admin dapat melihat daftar user yang telah terdaftar pada website. Selain itu, admin juga dapat melakukan Read, Update atas transaksi yang telah masuk ke website.
3.2.2 Activity Diagram
Terdapat 11 activity diagram yang telah dirancang yaitu Register, Login, Portofolio, Package & Detail Package, Admin Contact, History & Payment, Update Profile, Add to Cart, Admin-Dashboard, Admin-Read Users dan Admin- Transaction.
Gambar 3.2. Activity Diagram Register
Gambar 3.2 merupakan diagram yang menggambarkan aktivitas yang dilakukan pengguna ketika ingin membuat akun pada website Onestep Production.
Gambar 3.3. Activity Diagram Login
Gambar 3.3 merupakan diagram yang menggambarkan aktivitas yang dilakukan pengguna yang ingin login ke website Onestep production.
Gambar 3.4. Activity Diagram Portofolio
Gambar 3.4 merupakan diagram yang menggambarkan aktivitas yang dilakukan oleh user yang belum memiliki akun atau yang sudah memiliki akun pada website Onestep Production dan ingin melihat halaman portofolio.
Gambar 3.5. Activity Diagram Package dan Detail Package
Gambar 3.5 merupakan diagram yang menggambarkan aktivitas yang dilakukan oleh user yang belum memiliki akun, yang sudah login, atau yang sudah terdaftar pada sistem, kemudian ingin melihat package yang dijual oleh Onestep Production beserta detail dari package tersebut.
Gambar 3.6. Activity Diagram Admin Contact
Gambar 3.6 merupakan diagram yang menggambarkan aktivitas yang dilakukan oleh user yang belum memiliki akun,yang sudah login, atau yang sudah terdaftar pada sistem, kemudian ingin menghubungi admin dari Onestep Production.
Gambar 3.7. Activity Diagram History dan Payment
Gambar 3.7 merupakan diagram yang menggambarkan aktivitas sistem dalam melakukan pembayaran. Aktivitas ini dapat dilakukan oleh user yang sudah login dan terdaftar pada sistem dan ingin melakukan checkout transaksi, yang kemudian dapat dilanjutkan dengan melakukan pembayaran (payment).
Gambar 3.8. Activity Diagram Update Profile
Gambar 3.8 merupakan diagram yang menggambarkan aktivitas pengguna yang sudah login atau terdaftar pada sistem dan ingin mengakses profile atau mengubah data pada profile.
Gambar 3.9. Activity Diagram Add to Cart
Gambar 3.9 merupakan diagram yang menggambarkan aktivitas yang dilakukan pengguna yang telah login atau terdaftar pada sistem yang kemudian
Gambar 3.10. Activity Diagram Admin Dashboard
Gambar 3.10 merupakan diagram aktivitas yang dapat diakses oleh admin yang telah login. Pada halaman ini, admin dapat melihat jumlah user yang telah terdaftar pada sistem, kemudian admin juga dapat mengetahui total pendapatan dan total transaksi per bulan maupun secara keseluruhan.
Gambar 3.11. Activity Diagram Admin Users
Gambar 3.11 merupakan diagram aktivitas yang dapat diakses oleh admin yang telah login. Pada halaman ini admin dapat melihat informasi mengenai seluruh akun user yang telah terdaftar ke dalam website berupa nama, nomor handphone, dan email.
Gambar 3.12. Activity Diagram Admin Transaction
Gambar 3.12 merupakan diagram aktivitas yang dapat diakses oleh admin yang telah login. Admin dapat melakukan kegiatan pada halaman fitur transaction yaitu melihat daftar data transaction yang sudah terjadi, membuat transaksi baru,
3.2.3 Sequence Diagram
Gambar 3.13. Sequence Diagram Register
Sequence diagram pada Gambar 3.13 menggambarkan urutan interaksi proses sistem ketika pengguna ingin melakukan register pada website Onestep Production, mulai dari input data hingga data tersimpan dalam database.
Gambar 3.14. Sequence Diagram Login
Sequence diagram pada Gambar 3.14 menggambarkan urutan interaksi proses sistem ketika pengguna ingin melakukan login ke dalam sistem mulai dari
Gambar 3.15. Sequence Diagram Portofolio
Sequence diagram pada Gambar 3.15 menggambarkan urutan interaksi proses sistem ketika user maupun guest ingin membuka halaman portofolio yang dapat diinisiasikan dengan cara menekan tombol portofolio pada navigation bar.
Gambar 3.16. Sequence Diagram Package dan Detail Package
Gambar 3.17. Sequence Diagram Admin Contact
Sequence diagram pada Gambar 3.17 menggambarkan urutan interaksi proses sistem ketika user maupun guest ingin menghubungi admin melalui Whatsapp dimulai dengan cara menekan ikon Whatsapp pada pojok kanan bawah halaman website yang kemudian sistem akan redirect ke Whatsapp admin.
harus sudah login dan menekan tombol history pada navigation bar yang kemudian user dapat melakukan payment dengan menekan tombol pay.
Gambar 3.19. Sequence Diagram Update Profile
Sequence diagram pada Gambar 3.19 menggambarkan urutan interaksi proses sistem ketika user ingin melakukan update profile yang dimulai dari user tersebut harus sudah login dan menekan tombol profile pada navigation bar, kemudian user tersebut dapat update profile dan save hingga database sistem ter- update.
Gambar 3.20. Sequence Diagram Add to Cart
Sequence diagram pada Gambar 3.20 menggambarkan urutan interaksi proses sistem ketika user ingin melakukan add to cart yang dimulai dari user tersebut harus sudah login terlebih dahulu, kemudian memilih salah satu package, dan saat user sudah yakin dengan package yang diinginkannya maka user dapat menekan tombol add to cart yang tersedia dihalaman detail package.
proses sistem ketika admin ingin melihat admin dashboard dengan cara admin tersebut harus login terlebih dahulu.
Gambar 3.22. Sequence Diagram Admin Users
Sequence diagram pada Gambar 3.22 menggambarkan urutan interaksi proses sistem ketika admin ingin melihat daftar user yang sudah mendaftar di sistem dengan cara admin tersebut harus login kemudian menekan tombol user pada navigation bar.
Gambar 3.23. Sequence Diagram Admin Transaction
Sequence diagram pada Gambar 3.23 menggambarkan urutan interaksi proses sistem ketika admin ingin melihat daftar transaksi yang sudah terjadi di sistem dengan cara admin tersebut harus login kemudian menekan tombol transaction pada navigation bar. Pada halaman ini admin dapat melakukan update or delete transaksi.
3.2.4 Class Diagram
Gambar 3.24. Class Diagram
3.3 Pengembangan Sistem
Pengembangan sistem terdiri dari proses pembangunan, pengujian, dan evaluasi. Proses pembangunan sistem dalam penelitian ini menggunakan framework laravel dengan memanfaatkan sistem kelola database dan menggunakan laravel blade sebagai frontend. Selain itu, digunakan juga bootstrap untuk mempercepat pembangunan website dan mysql sebagai proses dari dabatase.
Pembangunan sistem akan menggunakan kerangka kerja scrum yang terdiri dari product backlog, sprint planning, sprint backlog, daily scrum, sprint review, dan sprint retrospective. Kerangka kerja scrum akan dilakukan secara berulang-ulang hingga pembangunan sistem selesai atau yang biasa disebut dengan sprint.
Setelah sistem selesai dibangun, maka dilakukan pengujian dan evaluasi.
Pengujian dilakukan agar sistem dapat berjalan dengan baik sesuai dengan analisa kebutuhan yang sudah dilakukan sebelumnya. Pengujian dilakukan dengan metode Black Box Testing yang dilakukan oleh peneliti bersama owner. Sedangkan evaluasi dilakukan untuk mengukur tingkat kepuasan dan penerimaan dari pengguna yang dilakukan dengan media kuesioner berdasarkan teori Technology Acceptance Model (TAM) dengan skala Likert. Kuesioner disebarkan ke calon konsumen dan partner potensial seperti Make Up Artist, Wedding Organizer, calon pengantin, photographer dan videographer.
