Metode Penelitian T1 672011048 Full text

9

3. Metode Penelitian

Penelitian adalah serangkaian kegiatan ilmiah untuk dapat memecahkan suatu masalah dengan melalui beberapa tahap. Penjelasan dan jawaban tehadap permasalahan tersebut dapat bersifat abstrak dan umum[8].Tahapan penelitian yang digunakan dalam merancang website media sosialisasi jamu ini dapat dilihat pada Gambar 2 berikut: Gambar 2 Tahapan Penelitian Identifikasi Masalah ini dilakukan dengan pengamatan dan penelitian tentang masalah apa saja yang selama ini menghambat tingkat konsumsi dan perkembangan jamu. Pengamatan dilakukan dengan mengunjungi penjual bahan jamu dan memberikan kuisioner pada masyarakat umum di kota Salatiga dan Semarang. Tahap selanjutnya yaitu identifikasi kebutuhan Sistem. Berdasarkan permasalahan yang terjadi dapat dilakukan pengumpulan data yang akan digunakan dalam sistem, yaitu berupa hak akses, ruang lingkup sistem, sasaran pengguna serta hal-hal apa saja yang akan dan dapat dilakukan jika sistem ini telah berjalan. Perancangan Sistem merupakan penerapan dari identifikasi kebutuhan sistem, dalam tahap perancangan sistem menggunakan Unified Modeling Language UML meliputi usecase diagram, activity diagram, sequence diagram, class diagram dan deployment diagram. Setelah perancangan diagram, selanjutnya juga dilakukan perancangan database guna menampung data dan rancangan tampilan website. Pembuatan website merupakan penerapan dari rancangan-rancangan sistem dan diaplikasikan dalam pembuatan website. Pembuatan website menggunakan HTML5 dan CSS3, karena berbasis web maka untuk menghubungkan aplikasi dengan database menggunakan tambahan framework berupa PHP. Menyesuaikan dengan permasalahan maka dalam HTML5 audio, video serta drag and drop digunakan. Audio dan video digunakan sebagai media promosi, sedangkan sebagai media sosialisasi bahan jamu akan Identifikasi Masalah Identifikasi Kebutuhan Sistem Perancangan Sistem Pembuatan Website Implentasi dan Pengujian Sistem 10 disediakan permainan bahan jamu dengan drag and drop. Berdasarkan pengguna, dibedakan menjadi 2 yaitu admin sebagai pengelola website dan user yang mengakses website. Penggunaan HTML5 dan CSS3 diharapkan dapat sesuai dengan berbagai media elektronik pengguna, tampilan yang dinamis dan responsive. Implementasi dan Pengujian Sistem dilakukan untuk mengetahui apakah sistem dapat berjalan dengan baik dan sesuai dengan perancangan yang dilakukan. Pengujian pada aplikasi dilakukan sehingga kesalahan sistem dapat diketahui dan diselesaikan dengan baik. Perancangan sistem dan desain awal aplikasi menggunakan Unified Modeling Language UML. UML terdiri dari Use Case Diagram, Activity Diagram, Sequence Diagram, dan Deployment Diagram menggunakan aplikasi Star UML. Metode pengembangan sistem yang digunakan dalam penelitian ini adalah metode prototype. Prototype adalah pengembangan dan pengujian secara cepat dan berulang karena menyederhanakan desain sistem[9] . Penggunaan metode ini akan mempercepat proses pembuatan aplikasi, karena jika terdapat ketidaksesuaian atau kesalahan dapat segera dilakukan perbaikan sehingga sistem dapat memenuhi dan menyelesaikan permasalahan yang ada yaitu menyediakan media sosialisasi jamu. Gambar 3 Metode Pengembangan Sistem Pada tahap ini aplikasi yang telah sementara selesai dievaluasi. Evaluasi berupa pengaksesan website melalui device samsung galaxy grand neo plus dan dengan akses melalui laptop. Pengujian untuk semua menu dan fiturfungsi pada aplikasi, jika ditemukan bugerror maka akan dilakukan kembali proses analisis, proses analisis dilakukan untuk menemukan kesalahan yang menyebabkan erorrbug pada aplikasi dan melakukan perbaikan dan pengujian sampai aplikasi dapat berjalan dengan baik dan tanpa ada bugerror. Bentuk perancangan aplikasi dalam UML ditunjukkan pada Gambar 4: 11 user Lihat katalog bahan jamu Lihat video proses pembuatan memainkan permainan Lihat informasi jamu Lihat resep pembuatan Lihat ragam manfaat jamu Gambar 4 Use Case Diagram User Gambar 4 menunjukkan bahwa pada aplikasi sistem sosialisasi jamu, user dapat melihat katalog bahan jamu, memainkan permainan resep sederhana, melihat informasi seputar jamu yang meliputi apa itu jamu, sejarah jamu, resep jamu, serta ragam dan manfaat jamu untuk kesehatan, user juga dapat melihat video proses pembuatan jamu sederhana. Untuk mempermudah pengelolaan data pada website user maka digunakan aplikasi admin. Use case diagram admin dapat dilihat pada Gambar 5. admin kelola katalog bahan kelola data resep ubah tambah hapus tambah resep extend extend extend extend hapus resep ubah resep extend extend kelola data manfaat ubah data manfaat hapus data manfaat tambah data manfaat extend extend extend Gambar 5 Use Case Diagram Admin 12 menampilkan menu utama pilih menu permainan mengirim request ke database request data menampilkan pilihan resep memilih resep mengirim request ke database request data menampilkan permainan Gambar 5 menunjukkan bahwa pada aplikasi sistem sosialisasi, admin dapat melakukan kelola data admin, kelola katalog bahan, kelola data resep, kelola data jamu. Pengelolaan data meliputi tambah data, ubah data dan hapus data dapat lebih efektif dan efisien. Activity diagram menggambarkan aktifitas user dalam aplikasi. Berikut adalah activity diagram user dalam aplikasi. Gambar 6 Activity Diagram Memainkan Permainan Bahan Resep Gambar 6 menggambarkan aktivitas user ketika memainkan permainan bahan resep. User terlebih dahulu memilih menu permainan pada menu utama kemudian setelah sistem mengirimkan request ke database maka database akan menampilkan resep yang dapat dipilih oleh user, setelah itu sistem akan menampilkan bahan dan kotak yang disediakan. Dengan menggunakan drag and drop HTML5. User Sistem Database 13 Gambar 7 Activity Diagram Lihat Resep Jamu Gambar 7 menggambarkan aktivitas user ketika melihat resep jamu. Pada menu utama user memilih menu resep pembuatan, kemudian sistem akan mengirim request ke database, kemudian akan menampilkan kumpulan resep yang dapat dipilih oleh user. Terdapat pilihan resep yang dapat disesuaikan dengan kebutuhna user. Resep dihinpun dari berbagai buku kesehatan dan resep Buku Pintar Tanaman Obat Oleh Redaksi AgroMedia [10]. Menampilkan Menu Services Pilih Menu Resep Pembuatan Menampilkan Resep Pembuatan Mengirim Request ke Database Request Data Pilih Resep Menampilkan Resep Pilihan User Sistem Database 14 View Katalog Produk +nama_produk +harga +jumlah +gambar +ulasan_produk Menu Resep +nama_resep +gambar_jadi +bahan +proses_pembuatan Permainan +nama_resep +nama_bahan +gambar_bahan +gambar_jamu Informasi Jamu +apa_itu_jamu +sejarah_jamu +ragam_dan_manfaat Model Produk +id_produk +nama_produk +harga +jumlah +gambar +ulasan_produk Resep +id_resep +nama_resep +gambar_jadi +bahan +proses_pembuatan Jamu +id_jamu +nama_jamu +gambar_jamu Bahan +id_bahan +id_jamu +nama_bahan +gambar_bahan Controller KatalogProses +LihatKatalogProduk ResepProses +LihatDaftarResep BahanProses +Permainan JamuProses +MemilihResepPermainan Gambar 9 Activity Diagram Melihat Ragam Manfaat Gambar 9 menggambarkan aktivitas user ketika melihat ragam manfaat jamu. User memilih menu ragam manfaat pada menu utama kemudian sistem akan mengirim request ke database, kemudian akan menampilkan kumpulan ragam manfaat jamu. Pada menu ini akan ditampilkan ragam manfaat jamu dan bahan jamu yang dihimpun dari buku Tanaman Obat Indonesia [11]. Gambar 10 Class Diagram Menampilkan Menu Services Pilih Menu Ragam Manfaat Jamu Request Database Request Data Menampilkan Ragam Manfaat User Sistem Database 15 Gambar 10 merupakan class diagram dari aplikasi media sosialisasi jamu. Class diagram terdiri dari model, view dan controller. Model adalah penghubung antara fungsi dengan database. View adalah tampilanuser interface dari aplikasi. Controller adalah penggerak yang berfungsi menerima perintah dari view lalu meneruskan ke model. Deployment diagram adalah susunan fisik sebuah sistem, menunjukkan tata letak bagian-bagian software yang berjalan pada bagian-bagian hardware. Deployment diagram pada aplikasi ini dapat dilihat pada Gambar 10. Database Server Web Server PHP User Aplikasi Web Admin Aplikasi Web Gambar 11 Deployment Diagram Gambar 11 menggambarkan deployment diagram aplikasi media sosialisasi jamu. Terdapat dua aplikasi web yaitu aplikasi user dapat di akses user dan aplikasi admin, sebagai pengelola. web server dan PHP digunakan untuk menghubungkan antara database dengan aplikasi.

4. Hasil dan Pembahasan