1

WEBSITE MONITORING PELAYANAN PENYEWAAN KAPAL ANGKUTANBARANG PT. PAYUNG SAMUDRA DENGAN METODE UML-BASED WEB

ENGINEERING (UWE)

Atika MeliyantiMike Juliandi

Rub ShellaJurusan Sistem Informasi

STMIK PalComTech Palembang

Abstrak

Website merupakan media infromasi kumpulan dari halaman web yang merupakan bagian darisuatu nama domain. PT. Payung Samudra merupakan perusahaan pelayaran yang bergerakdalam bidang penyewaan kapal angkutan barang. Proses monitoring PT.Payung Samudra tidakdilakukan secara rutin dan cenderung tidak efisien. Hal ini menjadi kendala bagi perusahaan,karena proses monitoring memerlukan banyak waktu dan tenaga. Metode penelitian yangdigunakan penulis menerapkan metode UML-Based Web Engineering (UWE) dengan tujuanmenjadikan proses sistem monitoring menjadi terarah. Serta diharapkan mampu membantu prosesmonitoring bagi staf PT.Payung Samudra. Aplikasi ini dapat terhubung langsung dengan internetsehingga dapat diakses dimanapun yang terdapat koneksi internet, menjadikan bisnis PT.Payungsamudra lebih mudah.Kata Kunci : Website, Monitoring, Kuisioner, UWE, PHP, MySQL.

PENDAHULUAN

Perkembangan aplikasi web yang semakin pesat sejak munculnya teknologi internetsangat membantu dalam kemudahan serta kecepatan pengiriman, penyampaian danpenerimaan informasi. Seperti perusahaan-perusahaan, perguruan tinggi, dan lembaga atauorganisasi lainnya telah banyak memanfaatkan aplikasi web dalam kegiatan penjualan,promosi, belajar dan kegiatan lainnya dimana dibutuhkan pengiriman, penyebaran danpenerimaan informasi sehingga memberikan kemudahan bagi pengguna yang membutuhkan.

PT.Payung Samudra merupakan perusahaan pelayaran yang bergerak dalam bidangpenyewaan kapal angkutan barang. Awal berdirinya PT.Payung Samudra memang belumbegitu dikenal oleh pengguna jasa angkutan, namun seiring berjalannya waktu PT.PayungSamudra mampu dikenal oleh pengguna jasa tidak hanya di kota Palembang bahkan sampailuar Kota Palembang, terbukti dengan banyaknya pelanggan yang berasal dari luar KotaPalembang seperti Jakarta¸ Jambi, dan Lampung.

Proses monitoring PT.Payung Samudra tidak dilakukan secara rutin dan cenderungtidak efisien. Hal ini menjadi kendala bagi perusahaan, karena proses monitoring memerlukanbanyak waktu dan tenaga. Proses monitoring yang baik dan benar di harapkan dapatmeningkatkan kinerja bagi perusahaan, karena kepuasan pelanggan sangat berpengaruhterhadap kemajuan perusahaan itu sendiri, apabila ada pelanggan yang mendapat pelayananyang kurang maksimal maka pelanggan dapat mempengaruhi pelanggan lainnya, oleh karenaitu PT.Payung Samudra yang bergerak dalam bidang pelayanan dan jasa khususnya jasapelayanan penyewaan kapal angkutan barang harus lebih mengutamakan sistem monitoringpelayanan yang baik dan benar, baik dari segi pelayanan penyewaan, ketepatan berlayar, danjuga berita kapal, serta tanggung jawab perusahaan itu sendiri.

UWE (UML-Based Web Engineering) sejalan dengan UML didefinisikan sebagaiprofil UML. Metode UWE menfokuskan pada tahap desain proyek web, menggunakan

2

teknologi berdasarkan analisis menggunakan persyaratan kasus dan UML dalam notasistandar untuk mendefinisikan dengan tepat.

TINJAUAN PUSTAKAWebsite

Menurut Yuhefizar (2008:161), situs web (website) adalah kumpulan dari halamanweb yang terdapat pada suatu domain, yang terdiri dari dua atau lebih halaman web.

MonitoringMenurut Lestari (2007:57), monitoring adalah program yang continue yang terdiri atas

observasi pengukuran dan memutuskan, dalam rangka mengenali bahasa kesehatan yangpotensial dan memutuskan apakah proteksinya telah cukup baik.

PelayananMenurut Tangkilisan (2005:208), pelayanan adalah proses pemenuhan kebutuhan

melalui aktifitas orang lain secara langsung.

Rekayasa WebMenurut Simarmata (2010:01), Rekayasa Web adalah sebuah aplikasi yang

menggunakan pendekatan sistematis, disiplin, dan terukur untuk pengembangan, operasi danpemeliharaan aplikasi berbasis Web (Web-based applications).

UMLMenurut Kroenke (2005:60) Unified Modeling Language (UML) adalah himpunan

struktur dan teknik untuk pemodelan dan desain program berorientasi objek (OOP) sertaaplikasinya.

PHPMenurut Wahana (2009:3), PHP (Hypertext Preprocessor) adalah bahasa

pemrograman berbasis web yang memiliki kemampuan untuk memproses dan mengolah datasecara dinamis.

HASIL DAN PEMBAHASAN

Bedasarkan hasil penelitian yang dilakukan pada PT. Payung Samudra yangberhubungan dengan sistem website monitoring pelayanan penyewaan kapal angkutan barangmaka dapat disimpulkan.

Pemodelan ProsesPemodelan proses adalah cara formal untuk menggambarkan bagaimana bisnis

beroperasi. Mengilustrasikan aktivitas–aktivitas yang dilakukan dan bagaimana databerpindah diantara aktivitas–aktivitas itu.

DefinisiSkenario terdiri dari deskripsi karakteristik dari aplikasi mengenai urutan langkah–

langkah.

Tabel 1. Definisi Use Case

3

No Aktor Deskripsi

1 Staf Orang yang bertugas dan memiliki hak akses untukmelakukan operasi pengelolahan user dan password,berita kapal, mengelola kuesioner, mengelola hasilkuesioner, mengelola detail hasil kuesioner, SPAL,mengelola data kapal, data booking, mengelolapembayaran, mengelola pelanggan.

2 Pelanggan Orang yang bisa mengakses website dan melihat isiwebsite serta bisa melakukan mengelola booking,mengelola kuesioner, mengelola registrasi, melihatberita kapal, melihat pembayaran dan melihat SPALdidalam website tersebut.

3 Manager Orang yang memiliki hak akses untuk melihatlaporan data kapal, melihat SPAL, melihat hasilkuesioner, melihat booking, dan lihat pembayaran.

Opening ke Tabel Login Pelanggan

Tabel 2. Skenario Login PelangganNama Use Case : Login PelangganSkenario :

Aksi Aktor Reaksi Sistem

Skenario normal1. Memasukan id dan password

Pelanggan

2. Mengecek valid tidaknya datamasukkan

3. Masuk keberanda Pelanggan

Skenario alternatif1. Memasukkan id dan password

Pelanggan

4. Memasukan id dan passwordPelanggan yang valid

2. Mengecek valid tidaknya datamasukkan

3. Menampilkan pesan logintidak valid

5. Mengecek valid tidaknya datamasukkan

6. Masuk ke beranda Pelanggan

Tabel 3. Skenario Login StaffNama Use Case : Login StaffSkenario :

Aksi Aktor Reaksi sistem

Skenario normal1. Memasukan id dan password

Staff

2. Mengecek valid tidaknyadata masukkan

3. Masuk keberanda StafSkenario alternative

1. Memasukkan id dan passwordStaf

2. Mengecek valid tidaknyadata masukkan

3. Menampilkan pesan logintidak valid

4. Memasukan id dan passwordstaf yang valid

5. Mengecek valid tidaknyadata masukkan

4

6. Masuk ke beranda Staf

Tabel 4. Skenario Login ManagerNama Use Case : Login ManagerSkenario :

Aksi aktor Reaksi sistemSkenario normal

1. Memasukan id dan passwordManager

2. Mengecek valid tidaknyadata masukkan

3. Masuk ke beranda ManagerSkenario alternative

1. Memasukkan id dan passwordManager

2. Mengecek valid tidaknyadata masukkan

3. Menampilkan pesan logintidak valid

4. Memasukan id dan passwordManager yang valid

5. Mengecek valid tidaknyadata masukkan

6. Masuk ke beranda Manager

Use Case DiagramUse-case diagram merupakan model diagram UML yang digunakan untuk

menggambarkan requirement fungsional yang diharapkan dari sebuah sistem.

5

Gambar 1. Use Case DiagramActivity Diagram

Diagram activity menggambarkan berbagai alir aktivitas dalam sistem yang sedangdirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, danbagaimana mereka berakhir, Diagram aktifitas merupakan diagram aktivitas yangmenggambarkan aktivitas sistem bukan apa yang dilakukan actor.

6

Gambar 2. Activity Diagram Staf

Pada gambar 2 dapat di jelaskan staf dapat melakukan login, input data pelanggan, beritakapal, kuisioner, hasil kuisioner, serta staf dapat melihat data booking.

Gambar 3. Activity Diagram Pelanggan

Pada gambar 3 dapat di jelaskan apabila pelanggan tidak memiliki id dan password pelanggandapat melakukan register untuk mendapat id dan password, pelanggan dapat melakukan login,booking , melihat berita kapal, pembayaran dan SPAL apabila pelanggan sudah mempunyaiid dan password.

7

Gambar 4. Activity Diagram Direktur

Pada gambar 4 dapat di jelaskan direktur melakukan login untuk melihat data kapal,booking, SPAL, pembayaran dan melihat hasil kuisioner.

Pemodelan DataData model adalah cara formal untuk menggambarkan data yang digunakan dan

diciptakan dalam suatu sistem bisnis. Berikut class diagram website monitoring pelayananpenyewaan.

8

Gambar 5. Class Diagram

9

Tampilan HomeTampilan home adalah tampilan awal sebuah website, pada gambar 6 dapat dijelaskan

tampilan website PT.Payung Samudra terdiri dari home, profil, contact person, galeri,e-servis.

Gambar 6. Tampilan Home

Tampilan RegisterTampilan register dapat diisi untuk melakukukan booking, berita kapal, dan lain-lain.

Registrasi harus diisi oleh pelanggan yang belum mempunyai id dan password. Adapuntampilan registrasi pada gambar 7 di bawah ini:

Gambar 7. Tampilan Register

Tampilan Pelanggan yang baru registrasi

10

Tampilan pelanggan yang baru registrasi belum mendapat id dan password kemudianid dan password dapat diisi oleh staf agar pelanggan dapat login untuk melakukan langkahselanjutnya. Adapun tampilan pelanggan yang baru registrasi pada gambar 8 di bawah ini:

Gambar 8. Tampilan Pelanggan yang baru registrasi

Tampilan Pelanggan yang sudah ada id dan passwordTampilan pelanggan yang sudah id dan password yang sudah diisi oleh staf dan

pelanggan bisa melakukan login untuk melakukan booking dan sebagainya. Adapun tampilanpelanggan yang baru registrasi pada gambar 9 di bawah ini:

Gambar 9. Tampilan pelanggan yang sudah id dan passwordTampilan Login

Tampilan login dapat diisi username dari admin dan pelanggan, bagi pelanggan yangmempunyai id dan password. Adapun tampilan home pada gambar 10 di bawah ini:

11

Gambar 10. Tampilan Input Login

Tampilan Output LoginBerikut pada gambar 11 tampilan bagi pelanggan yang sudah login.

Gambar 11. Tampilan Output Login

Tampilan Pembuatan Kategori kuisioner AdminKategori kuisioner admin merupakan pengisian kuisioner yang di input admin untuk

di berikan ke beberapa staf yaitu ,staf pelayanan kapal, pelayanan staf, ketepatan waktu,fasilitas kapal . berikut gambar 12 tampilan kategori kuisioner admin berikut ini:

12

Gambar 12. Tampilan Input Kateori kuisioner admin

Tampilan Input Kuisioner AdminInput kuisioner merupakan input pembuatan kuisioner. Adapun tampilan input

kuisioner pada gambar 13 berikut ini:

Gambar 13. Tampilan input kuisioner admin

Tampilan Input Kuisioner PelangganInput kuisioner merupakan input yang harus diisi oleh pelanggan untuk

menyampaikan keluhan-keluhan. Adapun tampilan input kuisioner pada gambar 14 berikutini:

13

Gambar 14. Tampilan Input kuisioner

Tampilan Output KuisionerOutput kuisioner merupakan output hasil kuisioner yang sudah diisi oleh pelanggan

yang telah menyewa kapal angkutan barang, dan wajib mengisi kuisioner untukmenyampaikan keluhan-keluhan pelanggan untuk membantu perusahan agar lebih baik.Adapun tampilan input kuisioner pada gambar 15 berikut ini:

Gambar 15. Tampilan Output Kuisioner

PENUTUP

Berdasarkan hasil pengamatan dan pembahasan pada bab-bab sebelumnya terhadapwebsite minitoring pelayanan penyewaan kapal angkutan barang pada PT. Payung samudraPalembang, maka dapat disimpulkan, telah dihasilkan sebuah website monitoring pelayanandan penyewaan kapal yang dapat membantu dalam memonitoring pelayanan dan penyewaankapal secara online serta dengan sistem informasi ini ruang lingkup operasional akan semakin

14

luas dan semakin mempermudah bagi penyewa dari luar daerah untuk melihat kapal yang diPT.Payung Samudra.

DAFTAR PUSTAKA

Kroenke, David. M. 2005 . Database Processing . Jakarta: Erlangga.

Lestari, Fatma. 2007. Bahaya Kimia: Sampling dan Pengukuran Kontamina Kimia DiUdara. Jakarta: Buku Kedokteran EGC.

Simarmata, Janner. 2010. Rekayasa Web. Yogyakarta: Andi.

Tangkilisan, Hessel Nogi S. 2005. Manajemen Publik. Jakarta: Grasindo.

Yuhefizar. 2008. 10 Jam Menguasai Internet. Jakarta: Elex Media Komputindo.

Wahana Komputer. 2009. PHP Programming. Semarang: Andi.