Sistem Informasi Dokumentasi Ekspor Barang Berbasis Website

8d ago
0 Views
0 Downloads
975.45 KB
22 Pages
Last View : 8d ago
Last Download : n/a
Upload by : Azalea Piercy
Transcription

SISTEM INFORMASI DOKUMENTASI EKSPOR BARANGBERBASIS WEBSITEDicki Rohman, Kemal Ade Sekarwati, Romdhoni SusiloatmadjaFakultas Ilmu Komputer dan Teknologi Informasi, Universitas GunadarmaJL. Margonda Raya No. 100, Pondok Cina, Depok 16424, Jawa [email protected], .ac.idABSTRAKPT. Tunas Samudra Kurnia merupakan sebuah perusahaan swasta yangmelayani pengangkutan barang ekspor (freight forwarding) dari Indonesiake berbagainegara. Sistem dokumentasi ekspor yang sudah ada pada PT. Tunas Samudra Kurniamasih terdapat kendala, yakni pengelolaan data ekspor masih kurang optimal, prosespemesanan ekspor dan informasi harga masih menggunakan cara manual, pengelolaandata barang, data pelanggan, data pemesanan, dan data kapal sebagian masihmenggunakan catatan di Microsoft Word. Pada penelitian ini dikembangkan sisteminformasi dokumentasi ekspor barang berbasis website pada PT. Tunas SamudraKurnia untuk memperbaiki layanan agar kinerja perusahaan meningkat, lebih efektif,dan efisien. Sistem yang dibuat menggunakan Bahasa pemrograman PHP dan databaseMYSQL. Sistem informasi ini menghasilkan penjadwalan ekspor, pemesanan eksporbarang secara online, laporan ekspor, bukti bayar dan lembar penagihan kepadapelanggan. Pengujian Black Box dari hasil analisis input data bahwa proses input databerjalan lancar kecuali terjadi kesamaan nama kapal dan nomor container akanmembuat sistem memunculkan pesan eror. Hasil uji coba bagi pimpinan menunjukkanbahwa aplikasi yang telah dibuat dapat membantu perusahaan PT. Tunas SamudraKurnia dalam kegiatan bisnisnya di bidang ekspor. Hasil uji coba bagi karyawan PT.Tunas Samudra Kurnia menunjukkan bahwa aplikasi yang telah dibuat dapatmembantu karyawan dalam pengarsipan kegiatan ekspor, penyimpanan dan pemesananekspor menjadi lebih efektif dengan pelanggan. Hasal uji coba bagi pelangaanmenunjukkan bahwa aplikasi yang telah dibuat dapat mempermudah pelanggan dalammelakukan pemesanan untuk ekspor barang ke PT. Tunas Samudra Kurnia.Kata Kunci : dokumentasi ekspor, sistem informasi, websiteABSTRACTPT. Tunas Samudra Kurnia is a private company serving the transportation ofexport goods (freight forwarding) from Indonesia to various countries. Exportdocumentation system that already exists at PT. Tunas Samudra Kurnia still hasproblems, namely the management of export data is still not optimal, the export orderprocess and price information are still using manual methods, management of goodsdata, customer data, order data, and ship data, some of which still use notes inMicrosoft Word. In this study, a website-based export documentation informationsystem was developed at PT. Tunas Samudra Kurnia to improve services so that thecompany's performance is increased, more effective, and efficient. The system iscreated using the PHP programming language and MYSQL database. This informationsystem produces export scheduling, online orders for export of goods, export reports,1

proof of payment and billing sheets to customers. Black Box testing from the results ofthe data input analysis shows that the data input process runs smoothly unless there is asimilarity in ship name and container number which will cause the system to generatean error message. The test results for the leadership show that the application that hasbeen made can help the company PT. Tunas Samudra Kurnia in its business activitiesin the export sector. Test results for employees of PT. Tunas Samudra Kurnia showsthat the application that has been made can help employees in archiving exportactivities, storing and exporting orders more effectively with customers. The trialresults for customers show that the application that has been made can make it easierfor customers to place orders for export of goods to PT.Tunas Samudra KurniaKeywords: export documentation, information system, website1. PendahuluanSalah satu perusahaan yangbergerak dalam bidang ekspor adalahPT. Tunas Samudra Kurnia yangberlokasi di Harmoni, Jakarta Pusat.Perusahaan ini merupakan sebuahperusahaan swasta yang melayanipengangkutan barang ekspor (freightforwading).Perusahaaninididedikasikan untuk mengoperasikanlayanan pengiriman barang ekspor dariIndonesia ke berbagai negara. Jenispengiriman bisa melalui laut maupunudara. Perusahaan ini berkomitmenuntuk menyediakan layanan pengirimansecara cepat dan berkualitas yang akanmemberikankeunggulanyangkompetitif bagi pelanggan pengekspor.Bagi PT. Tunas SamudraKurnia, data ekspor barang merupakandata yang sangat vital. Penyajianinformasi yang akurat, cepat dan tepatsangat dibutuhkan untuk mendukungkelancarandalammemberikaninformasi data pemesanan dan databarang yang akan dikirimkan. Namundemikian, penggunaan sistem informasiyang sudah ada pada perusahaan inimasihterdapatkendala,yaknipengelolaan data ekspor masih kurangoptimal.Sistem yang berjalan saat inipada perusahaan tersebut, penggunaansisteminformasihanyauntukkebutuhan internal. Proses pemesananekspor dan informasi harga masihmenggunakan cara manual, yaitudengan berkomunikasi melalui telepon.Data barang, data pelanggan, datapemesanan, dan data kapal sebagianmasih menggunakan catatan di bukutulis.Pembuatandokumenpengangkutan barang (bill of lading)menggunakan Microsoft Word denganmenggunakan data yang ada padacatatan di buku tulis.Sistem yang diterapkan tersebutkurang efektif dan efisien karena dapatmenimbulkan beberapa permasalahan.Salah satu permasalahannya adalahpencarian data yang relatif lama,sehingga ketika diperlukan tidak dapatdipenuhi dengan cepat. Permasalahantersebut dapat muncul terutama ketikasemakin banyak data yang berupacatatan di buku tulis. Permasalahanlainnya adalah terdapat resiko terjadikehilangan data. Proses pembuatandokumen pengangkutan barang jugarentan adanya permasalahan humanerror pada saat pada input data.Permasalahan human error tersebutyaitu adanya salah ketik atau salah bacatulisan di buku tulis.Berdasarkanbeberapapermasalahan yang mungkin bisaterjadi, maka salah satu solusinya yaituditerapkan sistem informasi berbasiswebsite. Tujuannya adalah untukkelancaran kegiatan bisnis dengan2

okumen dan laporan.Berdasarkan permasalahan yangdihadapi, maka pada penelitian inidikembangkansisteminformasidokumentasi ekspor barang berbasiswebsite pada PT. Tunas SamudraKurnia. Tujuannya untuk memperbaikilayanan agar kinerja perusahaanmeningkat, lebih efektif, dan efisien.2. EksporMenurut Djauhari Ansyar danAmirullah (2002) Ekspor adalahperdagangan dengan cara mengeluarkanbarang dari dalam ke luar wilayahpabean suatu negara dengan memenuhiketentuan yang berlaku.MenurutMankiw(2010)kegiatan ekspor terbagi menjadi 2,yaitu: Ekspor langsung dan Eksportidak langsung.MenurutSadonoSukirno(2010), manfaat dari kegiatan eksporadalah: Memperluas pasar bagi produkIndonesia, Menambah devisa negara,dan Memperluas lapangan kerja.3. Metode PenelitianMetode yang digunakan dalampengembangan sistem informasi iniadalah metode air terjun (waterfall).Metode ini merupakan salah satu metodepengembangan perangkat lunak dalammetode SDLC (Sequential DevelopmentLife Cycle). Menurut Rosa danShalahuddin (2015) metode air terjunmenyediakan pendekatan alur terurutdimulaidarianalisis,desain,pengkodean, pengujian, dan tahappendukung (support). Ilustrasi darimetode air terjun adalah seperti padaGambar 1.1.Gambar 1.1 Metode air terjun. Sumber:Rosa dan M. Shalahuddin (2015)Langkah-langkah pengembangan sisteminformasi menggunakan metode airterjun dalam penelitian ini terdiri darilima tahap, yaitu:a. Tahap analisa kebutuhan, yaitudilakukan analisa kebutuhan sistemyang akan dibuat. Analisa tersebutmeliputi analisa kebutuhan data,analisa kebutuhan fungsional, dananalisa kebutuhan non fungsional.b. Tahap desain sistem, yaitu dibuatdesain atau rancangan strukturnavigasi, diagram use case, diagramactivity, entity relationship diagram,database, struktur tabel data,dokumen output sistem, tampilansistem (user interface), rancangantampilan data ekspor barang,rancangan pemilihan jadwal kapal,rancangan pembuatan dokumen billof lading, dan rancangan pmesananuntuk ekspor barang.c. Tahap penulisan kode program,yaitu mengimplementasikan hasildesain yang telah dibuat kedalamkode program. Software yangdigunakan yaitu HTML, PHP, CSSdan MySQL.d. Tahap pengujian program, yaitudilakukan pengujian program padalocal host untuk mengetahui adatidaknya kesalahan program. Jikaterdapat kesalahan, maka dilakukanperbaikan program.3

e. Tahap penerapan program danpemeliharaan. Setelah pemrogramanselesai dan tidak ada kesalahanprogram,kemudiandilakukanpublish atau hosting website.Selanjutnya dilakukan pengujianuntuk melakukan pemesanan eksporserta pembuatan dokumen ujian sistem yaitu, usabilitytesting, regression testing, recoverytesting dan performance testing.Setelah tidak ada kesalahan programkemudian sistem informasi iniditerapkan di PT. Tunas SamudraKurnia.Selanjutnyadilakukanpemeliharaan agar sistem n Diagram UnifiedModelling Language (UML)Pemodelan (modelling) adalahtahap merancang perangkat lunaksebelum melakukan tahap pembuatanprogram (coding). Pada penelitian ini,perancangan sistem dilakukan denganmemodelkan dalam bentuk diagram–diagram UML.Menurut Windu Gata, Grace(2013: 4), Unified Modeling Language(UML) adalah bahasa spesifikasi standaryangdipergunakanuntukmendokumentasikan, menspesifikasikandan membangun perangkat lunak. UMLmerupakanmetodologidalammengembangkan sistem berorientasiobjek dan juga merupakan alat untukmendukung pengembangan sistem.enampackageyaitu,packagemengelola data kapal, mengelola datakontainer, mengelola data pelanggan,mengelola data jadwal, mengelola datapemesanan dan mengelola laporan data.Diagram package use case admin dapatdilihat pada Gambar 3.1.a. Diagram Use Case Admin.Diagram use case admin dapatdilihat pada Gambar 3.2. Pada Gambar3.2 terlihat bahwa seorang adminmelakukan login ke halaman admin.Kemudian setelah login, admin dapatmengelola data kapal, mengelola datakontainer, mengelola data pelanggan,mengelola data jadwal, mengelola datapemesanan dan mengelola laporan data.b. Diagram Use Case Mengelola DataKapal.Diagram use case mengeloladata kapal dapat dilihat pada Gambar3.3. Di dalam use case mengelola datakapal, admin dapat menampilkan datakapal di halaman data kapal. Kemudiandi tampilan data kapal admin dapatmenambah data kapal, menghapus datakapal, dan mengubah data kapal.Kemudian admin dapat menampilkanform kapal ketika admin inginmenambah data kapal, mengubah datakapal dan menyimpan data kapal.Perancangan Diagram Use CaseAdminDiagram Package Use Case Admin.Diagram package use casemerupakan diagram yang berguna untukmengelompokan diagram use case. Didalam package use case admin terdapat4

c.uc Usecase Admin – Model 2Mengelola Data Kapa lMengelola Data KontainerMengelola Data Pela ngganMengelola Data JadwalMengelola Data PemesananMengelola Laporan DataGambar 3.1 Diagram Package Adminuc Usecase Admin – Model 1Mengeloladata kapalMengeloladatakontainer extend extend LoginDiagram Use Case MengelolaData Kontainer.Diagram use case mengeloladata kontainer dapat dilihat padaGambar 3.4. Di dalam use casemengelola data kontainer admin dapatmenampilkan data kontainer di halamandata kontainer. Kemudian di tampilandata kontainer admin dapat menambahdata kontainer, menghapus datakontainer,danmengubahdatakontainer. Kemudian admin dapatmenampilkan form kapal ketika adminingin menambah data kontainer,mengubahdatakontainerdanmenyimpan data kontainer.d. Diagram Use Case Mengelola DataPelanggan.Diagram use case mengeloladata pelanggan dapat dilihat padaGambar 3.5. Di dalam use casemengelola data pelanggan admin dapatmenampilkan data pelanggan dan admindapat melakukan menghapus datapelanggan.Mengeloladatapelangganuc Mengelola Data KontainerAdminMengeloladata jadwalMenambahdata extend MengelolalaporandataMenge loladatapemesana nMenampilkandatakontainerGambar 3.2 Diagram Use Case Adminuc Mengelola Data KapalMenamba hdataMenampilkandata ka palAdmin(from UsecaseAdmin)Menampilkanform kapalMengh apusdataAdmin(from MengubahdataMenyimpandataMengu bahdataMenyimpandataGambar 3.4 Diagram Use CaseMengelola Data KontainerGambar 3.3 Diagram Use CaseMengelola Data Kapal5

uc Mengelola Data Pemesananuc Mengelola Data PelangganMenampilkandatapelanggan include Menampilkandatapemesanan include MengubahdataMenghapusdataAdmin(from UsecaseAdmin)Admin(from Gambar 3.5 Diagram Use CaseMengelola Data PelangganDiagram Use Case Mengelola DataJadwal.Diagram use case mengeloladata jadwal dapat dilihat pada Gambar3.6. Di dalam use case mengelola datajadwal admin dapat menampilkan datajadwal di halaman data jadwal.Kemudian di tampilan data jadwal,admin dapat menambah data jadwal,menghapus data jadwal, dan mengubahdata jadwal. Kemudian admin dapatmenampilkan form jadwal ketika adminingin menambah data jadwal, mengubahdata jadwal dan menyimpan datajadwal.Menyimpandatae.Gambar 3.7 Diagram Use CaseMengelola Data PemesananDiagram use case mengeloladata pemesanan dapat dilihat padaGambar 3.7. Di dalam use casemengelola data pemasanan, admin dapatmenampilkandatapemesanan.Kemudian di halaman data pemesananini admin dapat melakukan ubah data,dan admin juga dapat menampilkanform pemesanan. Di dalam formpemesanan, admin dapat mengubahdata, mencetak bukti dan menyimpandata.uc Mengelola Data Jadwalg.Menamba hdataMenampilkandata jadwalAdmin(from UsecaseAdmin)Menampilkanform ja dwa lMengh apusdataDiagram UseLaporan Data.CaseMengelolauc Mengelola Laporan DataMengelolalaporan datakapal include Menampilkanlaporan datakapal extend Mencetaklaporan datakapalMengelolalaporan datakontainer include Menampilkanlaporan datakontainer extend Mencetaklaporan datakontainerMengelolalaporan datapelanggan include Menampilkanlaporan datapelanggan extend Mencetaklaporan datapelangganMengelolalaporan datajadwal include Menampilkanlaporan datajadwal extend Mencetaklaporan datajadwalMengelolalaporan datapemesanan include Menampilkanlaporan datapemesanan extend Mencetaklaporan datapemesananMengu bahdataMenyimpandataGambar 3.6 Diagram Use CaseMengelola Data Jadwalf.Diagram Use Case Mengelola dataPemesanan.Admin(from Usecase Admin)Gambar 3.8 Diagram Use CaseMengelola Laporan Data6

Diagram use case mengelolalaporan data dapat dilihat pada Gambar3.8. Di dalam use case mengelolalaporan data admin dapat melakukanpengelolaan data kapal, menampilkanlaporan data kapal, mencetak datakapal, pengelolaan data kontainer,menampilkan laporan data kontainer,mencetak data kontainer, pengelolaandata pelanggan, menampilkan laporandatapelanggan,mencetakdatapelanggan, pengelolaan data jadwal,menampilkan laporan data jadwal,mencetak data jadwal, pengelolaan datapemesanan, menampilkan laporan datapemesanan,danmencetakdatapemesanan,Perancangan Diagram Use CasePelangganDiagram Use Case Package Pelanggan.Diagram package use casemerupakan diagram yang berguna untukmengelompokan diagram use case. Didalam package use case pelangganterdapat tiga package yaitu, packageinfo jadwal, mengelola data pemesanandan info riwayat transaksi. Diagrampackage use case pelanggan dapatdilihat pada Gambar 3.9.uc Usecase Pelanggan – Model 2Info JadwalMengelola Data PemesananInfo Riwayat TransaksiGambar 3.9 Diagram PackagePelanggana.Diagram Use Case Pelanggan.Diagram use case pelanggandapat dilihat pada Gambar 3.10. Didalam use case pelanggan, pelanggandapat melakukan registrasi jika belummempunyai akun, jika ingin registrasiakan tampil form registrasi kemudiandata registrasi akan disimpan, namunjika sudah mempunyai akun pelangganbisa langsung untuk melakukan login.Setelahloginpelanggandapatmenampilkan info jadwal, info riwayattransaksi,danmengeloladatapemesanan.7

uc Usecase Pelanggan – Model 1uc Mengelola Data PemesananMenamba hdataMenampil kanformregistrasi extend Menampilkandatapemesana nMengh mpil kaninfo jadwalPelanggan(from UsecasePelanggan)PelangganLogin extend Gambar 3.12 Diagram Use CaseMengelola Data PemesananMenampil kaninfo riwayattransaksib.Diagram Use Case Info Jadwal.Diagram use case info jadwaldapat dilihat pada Gambar 3.11. Didalam use case info jadwal, pelanggandapat melihat info jadwal danpelanggan juga dapat melakukanpencarian jadwal di dalam sistem ini.uc Info JadwalMenampil kaninfo jadwal extend Pelanggan(from Usecase Pelanggan)Menampil kanpencarianjadwalGambar 3.11 Diagram Use Case InfoJadwalc.Mengu bahdataMenyimpandataMengeloladatapemesananGambar 3.10 Diagram Use CasePelangganMenampilkanformpemesana nDiagram use case mengeloladata pemesanan dapat dilihat padaGambar 3.12. Di dalam use casemengelola data pemesanan, pelanggandapat menampilkan data pemesanan dihalaman data pemesanan. Kemudian ditampilan data pemesanan, pelanggandapat menambah data pemesanan,menghapus data pemesanan, danmengubah data pemesanan. Kemudianpelanggan dapat menampilkan formpemesanan ketika pelanggan inginmenambah data pemesanan, mengubahdata pemesanan dan menyimpan datapemesanan.d.Diagram Use Case Info RiwayatTransaksi.Diagram use case info riwayattransaksi dapat dilihat pada Gambar3.13. Di dalam use case info riwayattransaksi,pelanggandapatmenampilkan data riwayat transaksi danmenampilkan detail riwayat transaksi.Diagram Use Case Mengelola DataPelanggan.8

act Login Adminuc Info Riwayat TransaksiAdminMenampil kandat a riwayattransaksiSystemStartMenampilkanform login extend Pelanggan(from Usecase Pelanggan)Input username &passwordMenampil kandetail riwayattransaksiPilihtombol loginGambar 3.13 Diagram Use Case InfoRiwayat TransaksiValidasi logintidakValidusername& passwordyaPerancangan Diagram Activity AdminDiagram Activity Login.Proses admin untuk melakukanlogin pada sistem, yaitu adminmengakses halaman login, kemudiansistem akan menampilkan form login.Setelah tampil form login, adminmemasukan username dan passworddan pilih tombol login. Kemudiansistem akan memvalidasi login admintersebut. Jika username dan passwordbenar, maka login berhasil. Jikausername dan password salah, makaadmin diharuskan untuk menginputkembali username dan password.Setelah berhasil login, halaman admintampil. Diagram activity login dapatdilihat pada Gambar 3.14.Login berhasilMenampilkanhalaman adminEndGambar 3.14 Diagram Activity Logina.Diagram Activity Mengelola DataKapal.Diagram activity mengelola datakapal dapat dilihat pada Gambar 3.15.Di dalam mengelola data kapal, admindapat membuka halaman data kapalkemudian akan tampil data kapal. Dibagian data kapal terdapat aksipencarian data, hapus data, tambah data,dan ubah data. Jika admin inginmelakukan pencarian data, maka admindapat melakukan input data pencarian,kemudian pilih tombol cari. Setelah ituakan tampil data kapal. Jika pilihtombol hapus, maka data akan terhapus.Jika pilih tombol tambah data kapal danubah data kapal, maka sistem akanmenampilkan form kapal. Pada tampilanform kapal admin dapat melakukaninput data kapal. Setelah input datakapal, kemudian pilih tombol simpan.Jika tombol simpan digunakan untuk9

mengubah data, maka data yang sudahdiperbaharui akan langsung tersimpan.Jika tombol simpan untuk menambahdata, maka akan ada kemungkinan. Jikadata kapal sudah tersedia, maka admindiharuskan untuk memasukkan kembalidata kapal. Jika data tidak tersedia,maka data yang sudah ditambahkanakan tersimpan.b. Diagram Activity Mengelola DataKontaineract Mengelola Data KontainerAdminSystemStartMembukahalaman kontaineract Mengelola Data KapalAdminTampilkandata kontainerSystem[pencarian]StartMembukahalaman kapalTampilkandata kapalInput data pencarianPilih tombol cari[pencarian]Input data pencarian[hapus]Pilih tombol cari[tambah]Pilih tombol tambahTampilkanform kontainer[hapus]Pilih tombol hapus[tambah][ubah]Pilih tombol tambahPilih tombol ubahInput datakontainerTampilkanform kapal[ubah]Pilih tombol hapusHapus dataPilih tombol ubah[ubah]Pilih tombol simpan[tambah]Input datakapalHapus datayatidakid kontainertersedia[ubah]Pilih tombol simpanID kontainertersedia[tambah]Simpan dataID kapaltersediayatidakid kapal tersediaEndSimpan dataEndGambar 3.16 Diagram ActivityMengelola Data KontainerGambar 3.15 Diagram ActivityMengelola Data KapalDiagram activity mengelola datakontainer dapat dilihat pada Gambar3.16. Di dalam mengelola datakontainer, admin dapat membukahalaman data kontainer kemudian akantampil data kontainer. Di bagian datakontainer terdapat aksi pencarian data,hapus data, tambah data, dan ubah data.Jika admin ingin melakukan pencariandata, maka admin dapat melakukaninput data pencarian, kemudian pilihtombol cari setelah itu akan tampil data10

kontainer. Jika pilih tombol hapus,maka data akan terhapus. Jika pilihtombol tambah data kontainer dan ubahdata kontainer, maka sistem akanmenampilkan form kontainer. Padatampilan form kontainer, admin dapatmelakukan input data kontainer. Setelahinput data kontainer kemudian pilihtombol simpan. Jika tombol simpandigunakan untuk mengubah data, makadata yang sudah diperbaharui akanlangsung tersimpan. Jika tombol simpanuntuk menambah data akan adakemungkinan kembali. Jika datakontainer sudah tersediaadmindiharuskan untuk memasukkan kembalidata kontainer. Jika data tidak tersedia,maka data yang sudah ditambahkanakan tersimpan.act Mengelola Data PelangganAdminStartMembuka halamanpelangganTidakDiagram Activity Mengelola DataPelangganDiagram activity mengelola datapelanggan dapat dilihat pada Gambar3.17. Di dalam mengelola datapelanggan untuk pertama kali admindapatmembukahalamandatapelanggan, kemudian akan tampil datapelanggan. Jika admin ingin melakukanpencarian data, maka akan tampilbeberapa data sesuai dengan pencarian.Jika tidak, maka selesai.Tampilkan datapelangganLakukanpencarianYaTampilkanbeberapa dataEndGambar 3.17 Diagram ActivityMengelola Data Pelanggand.c.SystemDiagram Activity Mengelola DataJadwal11

admin, maka dapat pilih tombol tambahkemudian, sistem akan menampilkanformjadwal.Kemudianadmindiharuskan untuk memasukkan datajadwal. Setelah memasukan data jadwalpada form, kemudian pilih tombolsimpan. Sistem akan otomatis membuatid jadwal baru dan data akan tersimpanpada sistem. Jika admin inginmengubah data admin, maka dapat pilihtombol ubah, kemudian sistem akanmenampilkan form jadwal. Kemudianadmin diharuskan untuk memasukkandata jadwal. Setelah memasukan datajadwal pada form, kemudian pilihtombol simpan. Sistem akan otomatismengubah data yang diubah dan dataakan tersimpan pada sistem.act Mengelola Data JadwalAdminSystemStartMembukahalaman jadwalTampilkandata jadwal[pencarian]Input data pencarianPilih tombol cari[hapus]Pilih tombol hapus[tambah]Pilih tombol tambahTampilkanform jadwal[ubah]Pilih tombol ubahInput datajadwale.[tambah]Pilih tombol simpan[ubah]Membuat IDjadwalSimpan dataHapus dataEndGambar 3.18 Diagram ActivityMengelola Data JadwalDiagram activity mengelola datajadwal dapat dilihat pada Gambar 3.23.Di dalam mengelola data jadwal untukpertama kali admin dapat membukahalaman jadwal kemudian akan tampildata jadwal. Jika admin inginmelakukan pencarian data jadwal, makadapat memasukkan data yang ingindicari, kemudian pilih tombol cari danakan tampil data jadwal yang dicari.Jika admin ingin menghapus datajadwal admin, maka dapat klik tombolhapus, kemudian data akan terhapus.Jika admin ingin menambah dataDiagram Activity Mengelola DataPemesanan.Diagram activity mengelola datapemesanan dapat dilihat pada Gambar3.19. Di dalam mengelola datapemesanan admin dapat membukahalaman pemesanan dan akan tampildata pemesanan. Admin dapat memilihstatus pemesanan yang ada di sistem.Setelah memilih status data pemesanan,sistemakanmenampilkandatapemesanan sesuai dengan status yangdipilih. Admin juga dapat melakukanpencarian data pemesanan. Admin dapatmenginput data yang akan dicari,kemudian klik tombol cari. Jika tidakmelakukan pencarian, maka admindapat memilih tombol info dalamsebuah data. Kemudian sistem akanmenampilkanformpemesanan.Kemudian admin dapat melakukancetak bukti pemesanan, menyimpandata status pemesanan yang sudah ok,membatalkan pemesanan, dan menutupform pemesanan.12

pelanggandansistemakanmenampilkan data pelanggan. Admindapat membuka halaman laporan jadwaldan sistem akan menampilkan datajadwal. Admin dapat membuka halamanlaporan pemesanan dan sistem akanmenampilkan data pemesanan. Di setiaptampilan data kapal, data kontainer, datapelanggan, data jadwal, dan datapemesanan, admin dapat memilihtombol cetak. Setelah klik tombol cetak,sistem akan menampilkan laporan padasetiap data.act Mengelola Data PemesananAdminSystemStartMembukahalaman pemesananTampilkandata pemesananPilih statusTidakLakukanpencarianYaInput data pencarianact Mengelola Laporan DataPilih tombol cariAdminPilih tombol infoTampilkan formdetail pemesananStartPilih tombol aksi[cetak][status ok]Membuka halamanlaporan kapal[kapal]Membuka halamanlaporan kontainer[kontainer]Membuka halamanlaporan pelangganMembukafile cetak buktiMembuka halamanlaporan jadwalSimpan datastatus okMembuka halamanlaporan pemesanan[status cancel][tutup]SystemSimpan datastatus ok[pelanggan][jadwal]Tampilkandata kontainerTampilkandata pelangganTampilkandata jadwal[pemesanan]Tampilkandata pemesananTutup formdetail pemesananMemilihtombol cetak[kapal]End[kontainer]Gambar 3.19 Diagram ActivityMengelola Data Pemesanan[pelanggan][jadwal]f.Tampilkandata kapalDiagramActivityMengelolaLaporan DataDiagram activity mengelolalaporan data dapat dilihat pada Gambar3.20. Di dalam mengelola laporan data,admin dapat membuka halaman laporankapal dan sistem akan menampilkandata kapal. Admin dapat membukahalaman laporan kontainer dan sistemakan menampilkan data kontainer.Admin dapat membuka halaman laporanFile laporandata kapalFile laporandata kontainerFile laporandata pelangganFile laporandata jadwal[pemesanan]File laporandata pemesananEndGambar 3.20 Diagram ActivityMengelola Data Pemesanan13

Perancangan Diagram ActivityPelangganDiagram Activity Halaman Pelanggan.act Halaman PelangganPelangganNamun jika pelanggan belum registrasi,maka pelanggan dapat membukahalaman form registrasi, kemudianmengisi form registrasi. Jika sudahregistrasi, maka pelanggan dapat logindengan akun yang sudah didaftarkan.Systema.StartMembukaHalaman LogintidakSudahLakukanregistrasiyaInput username &passwordPilihtombol loginValidasi loginValidusername& passwordtidakDiagram Activity Mengelola DataJadwal.Diagram activity mengelola datajadwal dapat dilihat pada Gambar 3.22.Di dalam mengelola data jadwal,pelangaan dapat membuka wal.Jikapelanggan ingin melakukan pencariandata, maka akan tampil beberapa datasesuai dengan pencarian.yaMembukaform registrasiact Mengelola Data JadwalLogin berhasilMengisi formregistrasiMenampilkanhalaman pelangganPilihtombol simpanValidasi idpelangganPelangganEndSystemStarttidakMembuka halamanjadwalValidID pelangganyaSimpan datapelangganTidakTampilkan datajadwalLakukanpencarianYaGambar 3.21 Diagram Activity HalamanPelangganDiagramactivityhalamanpelanggan dapat dilihat pada Gambar3.21. Di dalam halaman pelanggan,pertama pelanggan dapat membukahalaman login. Jika pelanggan sudahmelakukan registrasi, maka dapat inputusername dan password, lalu pilihtombol login. Kemudian sistem akanmemvalidasi login pelanggan, apakahusername dan password sudah benaratau belum. Jika sudah benar, makasistem akan menampilkan halamanpelanggan. Jika belum benar, makapelanggan diharuskan untuk inputkembaliusername dan password.Tampilkanbeberapa dataEndGambar 3.22 Diagram ActivityMengelola Data Jadwalb.Diagram Activity Mengelola DataPemesanan.14

act Mengelola Data PemesananSystemPelangganStartMembukahalaman pemesananTampilkandata pemesanan[pencarian]Input data pencariantombol hapus pada sistem. Jikapelanggan ingin menambah data, makaakan tampil form pemesanan. Kemudianpelanggan input data pemesanan,kemudian pilih tombol simpan dansistem akan membuat id pemesananbaru. Jika pelanggan ingin mengubahdata pemesanan, maka pilih tombolubah, kemudian akan tampil formpemesanan, kemudian input data yangakan diubah dan simpan data.Pilih tombol caric.[hapus]Pilih tombol hapus[tambah]Pilih tombol tambahTampilkanform pemesanan[ubah]Pilih tombol ubahInput datapemesanan[tambah]Pilih tombol simpanDiagram Activity Info RiwayatTransaksi.Diagram activity info riwayattransaksi dapat dilihat pada Gambar3.24. Pelanggan dapat membukahalaman riwayat transaksi, kemudiansistem akan menampilkan data riwayattransaksi. Pelanggan dapat memilihtombol detail dan sistem akanmenampilkan form detail transaksi.[ubah]Membuat IDpemesananact Info Riwayat TransaksiUserSimpan dataHapus dataSystemStartMembuka halamanriwayat transaksiTampilkan datariwayat transaksiEndPilih tomboldetailGambar 3.23 Diagram ActivityMengelola Data PemesananDiagram activity mengelola datapemesanan dapat dilihat pada Gambar3.23. Pelanggan dapat membukahalaman pemesanan, kemudian sistemakan menampilkan data pemesanan.Pada tampilan data pemsanan inipelanggan dapat melakukan pencariandata, tambah data, hapus data dan ubahdata. Jika ingin mencari data, makapelanggan dapat melakukan pencariandata pada sebuah sistem. Jika pelangganingin menghapus data, maka pilihTampilkan formdetail transaksiEndGambar 3.24 Diagram Activity InfoRiwayat TransaksiPerancangan Class DiagramClass diagram dapat dilihatpada Gambar 3.25. Class diagram inimemiliki beberapa kelas, yaitu kapal,jadwal, pelanggan, kontainer danpemesanan. Pada tiap kelas terdapat15

attribute dan method yang dimilikiuntuk proses dalam sistem.Deployment ModelClass DiagramWEB ServerPelangganKapal-IdKapal : varNamaKapal : varDeskripsi : var read() : voidcreate() : voidupdate() : voiddelete() : void property get getIdKapal() : vargetNamaKapal () : vargetDeskripsi() : varsetIdKapal(var) : voidsetNamaKapal(var) : voidsetDeskripsi(var) : voidIdPelanggan : varNama : varAlamat

Pemodelan (modelling) adalah tahap merancang perangkat lunak sebelum melakukan tahap pembuatan program (coding). Pada penelitian ini, perancangan sistem dilakukan dengan memodelkan dalam bentuk diagram- diagram UML. Menurut Windu Gata, Grace (2013: 4), Unified Modeling Language (UML) adalah bahasa spesifikasi standar