WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA...

14
[1] WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA LINTAS NUSA PALEMBANG MEMAKAI METODE REKAYASA WEB Sendi Arif Cahyono Reza Pahlevi Sistem Informasi STMIK PalComTech Palembang ABSTRAK Pada penelitian ini penulis bertujuan membuat website haji dan umroh dengan menggunakan metode extame programming dan menggunakan bahasa pemrograman php dan mysql. Penelitian ini akan menghasilkan website dengan fitur sistem mulai dari konsuemn mengambil layanan haji dan umroh sampai proses administrasi. Hasil penelitina ini meliputi, layanan pendaftaran haji dan umroh, alur pembelian layanan, dan proses pembayaran. Dengan adanya website haji dan umroh PT. Bayang prima lintas nusa untuk membantu perusahaan meningkatkan pelayan terhadap konsumen. Kata Kunci : Website, Haji dan umroh, exteme programming, PENDAHULUAN Perkembangan teknologi informasi pada saat ini sangat pesat yang berdampak pada semakin mudahnya penyebaran informasi di masyarakat. Ada banyak media yang dapat menyampaikan informasi, salah satu media yang sering digunakan saat ini adalah website dikarenakan untuk mengakses informasi yang update kita tidak perlu mengeluarkan dana ekstra serta tidak terbatas dengan ruang (penjual) dan waktu (waktu terbit) untuk mengakses informasi, dibandingkan dengan media penyampaian informasi konvensional seperti koran dan majalah. Informasi di dalam website lebih mudah dijangkau oleh semua orang. Sekarang sudah banyak orang yang memanfaatkan website sebagai media informasi dan promosi usaha, hal ini tidak aneh mengingat jumlah pengguna internet yang terus berkembang pesat dapat menjadi sebuah pasar yang pontensial untuk dimanfaatkan para pebisnis. Dengan adanya website sebagai media informasi dan promosi, merupakan salah satu kegiatan pemasaran yang penting untuk menentukan keberhasilan dalam menginformasikan dan mempromosikan usaha. PT.Bayang Prima Lintas Nusa Palembang adalah perusahaan yang bergerak di bidang penyedia Haji dan Umroh, Tujuan PT.Bayang Prima Lintas Nusa Palembang adalah melayani dan menfasilitasi masyarakat Sumatera Selatan yang mempunyai niat menunaikan ibadah haji dan umroh, adapun langkah awal yang diambil PT.Bayang Prima Lintas Nusa Palembang untuk mempromosikan dengan memasang iklan di koran dan majalah. Pada awalnya langkah tersebut cukup banyak mendatangkan konsumen untuk menggunakan layanan, lambat laun dengan beralihnya habits (kebiasan) masyarakat menggunakan media cetak menjadi media website, Berdasarkan permasalahan yang terjadi pada PT. Bayang Prima Lintas Nusa Palembang maka penulis tertarik untuk mengangkat penelitian dengan judul “Website Haji dan Umroh PT. Bayang Prima Lintas Nusa Palembang memakai metode rekayasa web”.

Transcript of WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA...

Page 1: WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA …news.palcomtech.com/wp-content/uploads/downloads/2016/03/Jurnal... · dan interaksi diantara ... formulir bentuk ynag bermanfaat dan dapat

[1]

WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA LINTAS NUSA

PALEMBANG MEMAKAI METODE REKAYASA WEB

Sendi Arif Cahyono

Reza Pahlevi

Sistem Informasi

STMIK PalComTech Palembang

ABSTRAK

Pada penelitian ini penulis bertujuan membuat website haji dan umroh dengan menggunakan metode

extame programming dan menggunakan bahasa pemrograman php dan mysql. Penelitian ini akan

menghasilkan website dengan fitur sistem mulai dari konsuemn mengambil layanan haji dan umroh

sampai proses administrasi. Hasil penelitina ini meliputi, layanan pendaftaran haji dan umroh, alur

pembelian layanan, dan proses pembayaran. Dengan adanya website haji dan umroh PT. Bayang prima

lintas nusa untuk membantu perusahaan meningkatkan pelayan terhadap konsumen.

Kata Kunci : Website, Haji dan umroh, exteme programming,

PENDAHULUAN

Perkembangan teknologi informasi pada saat ini sangat pesat yang berdampak pada

semakin mudahnya penyebaran informasi di masyarakat. Ada banyak media yang dapat

menyampaikan informasi, salah satu media yang sering digunakan saat ini adalah website

dikarenakan untuk mengakses informasi yang update kita tidak perlu mengeluarkan dana ekstra

serta tidak terbatas dengan ruang (penjual) dan waktu (waktu terbit) untuk mengakses informasi,

dibandingkan dengan media penyampaian informasi konvensional seperti koran dan majalah.

Informasi di dalam website lebih mudah dijangkau oleh semua orang. Sekarang sudah banyak

orang yang memanfaatkan website sebagai media informasi dan promosi usaha, hal ini tidak aneh

mengingat jumlah pengguna internet yang terus berkembang pesat dapat menjadi sebuah pasar

yang pontensial untuk dimanfaatkan para pebisnis. Dengan adanya website sebagai media

informasi dan promosi, merupakan salah satu kegiatan pemasaran yang penting untuk

menentukan keberhasilan dalam menginformasikan dan mempromosikan usaha.

PT.Bayang Prima Lintas Nusa Palembang adalah perusahaan yang bergerak di bidang

penyedia Haji dan Umroh, Tujuan PT.Bayang Prima Lintas Nusa Palembang adalah melayani dan

menfasilitasi masyarakat Sumatera Selatan yang mempunyai niat menunaikan ibadah haji dan

umroh, adapun langkah awal yang diambil PT.Bayang Prima Lintas Nusa Palembang untuk

mempromosikan dengan memasang iklan di koran dan majalah. Pada awalnya langkah tersebut

cukup banyak mendatangkan konsumen untuk menggunakan layanan, lambat laun dengan

beralihnya habits (kebiasan) masyarakat menggunakan media cetak menjadi media website,

Berdasarkan permasalahan yang terjadi pada PT. Bayang Prima Lintas Nusa Palembang

maka penulis tertarik untuk mengangkat penelitian dengan judul “Website Haji dan Umroh PT.

Bayang Prima Lintas Nusa Palembang memakai metode rekayasa web”.

Page 2: WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA …news.palcomtech.com/wp-content/uploads/downloads/2016/03/Jurnal... · dan interaksi diantara ... formulir bentuk ynag bermanfaat dan dapat

[2]

LANDASAN TEORI

Website

Menurut Dokum (2011:5), website adalah sebutan bagi sekelompok halaman web (web

page), yang umumnya merupakan bagian dari suatu nama domain (domain name) atau sub

domain di word wide web (WWW) di internet. WWW terdiri dari seluruh situs web yang tersedia

kepada publik. Halaman-halaman sebuah situs web di akses dari sebuah URL yang menjadi

“akar” (root), yang disebut homepage (halaman induk; sering diterjemahkan menjadi “beranda”,

“halaman muka”) dan biasanya disimpan didalam server yang sama.

Menurut Rahmat (2010:2), website adalah kumpulan halaman-halaman yang digunakan

untuk menampilkan informasi digunakan untuk menampilkan informasi teks, gambar diam atau

bergerak, animasi, suara, dan maupun gabungan dari semuannya.

PHP

Menurut Bunafit Nugroho (2004:139) ada beberapa pengertian tentang PHP. Akan tetapi,

kurang lebih PHP dapat kita ambil arti sebagai PHP Hypertext Preprocesor. Ini merupakan bahasa

yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien. Interpreter

PHP dalam mengeksekusi kode PHP pada sisi server (disebut server-side) berbeda dengan mesin

maya Java yang mengeksekusi program pada sisi klien (client-side). PHP merupakan bahasa

standar yang digunakan dalam dunia website. PHP adalah bahasa program yang berbentuk script

yang diletakkan di dalam server web.

MySQL

Menurut Bunafit Nugroho (2004:29) MySQL (My Strukture Query Language) atau yang

biasa dibaca “mai-se-kuel” adalah sebuah program pembuat database yang bersifat open source,

artinya siapa saja boleh menggunakannya dan tidak dicekal. Saat kita mendengar open source,

kita ingat dengan sistem operasi handal keturunan Unix, yaitu Linux. MySQL sebenarnya produk

yang berjalan pada platform Linux. Karena sifatnya yang open source, dia dapat dijalankan pada

semua platform baik Windows maupun Linux. Selain itu, MySQL juga merupakan program

pengakses database yang bersifat jaringan sehingga dapat digunakan untuk aplikasi Multi User

(Banyak Pengguna). Saat ini database MySQL telah digunakan hampir oleh semua programmer

database, apalagi dalam pemrograman web.

Flowchart

Menurut Krismiaji (2010:71) dalam bukunya yang berjudul Sistem Informasi Akuntansi,

menjelaskan bahwa: Bagan alir merupakan teknik analitis yang digunakan untuk menjelaskan

aspek-aspek sistem informasi secara jelas, tepat dan logis. Bagan alir menggunakan serangkaian

simbol standar untuk menguraikan prosedur pengolahan transaksi yang digunakan oleh sebuah

perusahaan, sekaligus menguraikan aliran data dalam sebuah sistem.

Menurut Romney (2006:191) Flowchart (Bagan Alir) adalah teknik analisis yang

dipergunakan untuk mendeskripsikan beberapa aspek dari sistem informasi secara jelas, ringkas, dan

logis. Bagan alir menggunakan serangkaian simbol standar untuk mendeskripsikan melalui gambar

prosedur pemrosesan transaksi yang digunakan perusahaan, dan arus data yang melalui sistem.

Page 3: WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA …news.palcomtech.com/wp-content/uploads/downloads/2016/03/Jurnal... · dan interaksi diantara ... formulir bentuk ynag bermanfaat dan dapat

[3]

Model Extrame Programming

Metode Extrame Programming merupakan metodologi pengembangan cepat atau biasa

disebut AGILE dalam pengembangan sistem informasi adalah sebuah pendekatan atau model

pengembangan perangkat lunak yang mencoba menyederhanakan berbagai tahapan dalam proses

pengembangan tersebut sehingga menjadi lebih adaptif dan fleksibel. Walaupun menggunakan

kata programming, XP bukan hanya berfokus pada coding tetapi meliputi seluruh area

pengembangan perangkat lunak. Ada empat nilai utama menjadi ciri utama dalam metodelogi

Extreme Programming (Hunt, 2006)

Usecase

Use-case diagram adalah gambaran graphical dari beberapa atau semua actor, use-case,

dan interaksi diantara komponen-komponen tersebut yang memperkenalkan suatu sistem yang

akan dibangun. Use-case diagram menjelaskan manfaat suatu sistem jika dilihat menurut

pandangan orang yang berada di luar sistem. Diagram ini menunjukkan fungsionalitas suatu

sistem atau kelas dan bagaimana sistem tersebut berinteraksi dengan dunia luar.

Class Diagram

Class Diagram adalah diagram yang menunjukan class-class yang ada dari sebuah sistem

dan hubungannya secara logika. Class diagram menggambarkan struktur statis dari sebuah sistem.

Karena itu class diagram merupakan tulang punggung atau kekuatan dasar dari hampir setiap

metode berorientasi objek termasuk UML (Henderi, 2008). Sementara menurut (Whitten L.

Jeffery et al 2004:432) class diagram adalah gambar grafis mengenai struktur objek statis dari

suatu sistem, menunjukan class-class objek yang menyusun sebuah sistem dan juga hubungan antara class objek tersebut.

Elemen-eleman class diagram dalam pemodelan UML terdiri dari: Class-class, struktur

class, sifat class (class behavior), perkumpulan/gabungan (association), pengumpulan atau

kesatuan (agregation), ketergantungan (dependency), relasi-relasi turunannya, keberagaman dan

indikator navigasi, dan role name (peranan/tugas nama).

State Transition Diagram (STD)

Menurut Indrajani (2011:17), state Transition Diagram (STD) adalah suatu kondisi yang

menunjukkan keadaan tertentu, dimana suatu sistem dapat ada transisi menghasilkan keadaan

tertentu yang baru. Modelling tool yang menggambarkan sifat ketergantungan terhadap waktu

pada sistem. STD digunakan untuk mengidentifikasikan sebagaimana sistem harus berprilaku

seperti resiko dari kejadian eksternal.

PHP

Menurut Bunafit Nugroho (2004:139) ada beberapa pengertian tentang PHP. Akan tetapi,

kurang lebih PHP dapat kita ambil arti sebagai PHP Hypertext Preprocesor. Ini merupakan bahasa

yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien.

Page 4: WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA …news.palcomtech.com/wp-content/uploads/downloads/2016/03/Jurnal... · dan interaksi diantara ... formulir bentuk ynag bermanfaat dan dapat

[4]

Sistem

Menurut Sutarman (2009:5), “Sistem adalah kumpulan elemen yang saling berhubungan

dan saling berinteraksi dalam satu kesatuan untuk menjalankan suatu proses pencapaian suatu

tujuan utama”.

Informasi

Menurut Jimmy (2008:8), informasi adalah data yang sudah dibentuk ke dalam sebuah

formulir bentuk ynag bermanfaat dan dapat digunakan untuk manusia.

HASIL DAN PEMBAHASAN

Metode Extrame Programming merupakan metodologi pengembangan cepat atau biasa

disebut AGILE dalam pengembangan sistem informasi adalah sebuah pendekatan atau model

pengembangan perangkat lunak yang mencoba menyederhanakan berbagai tahapan dalam proses

pengembangan tersebut sehingga menjadi lebih adaptif dan fleksibel. Walaupun menggunakan

kata programming, XP bukan hanya berfokus pada coding tetapi meliputi seluruh area

pengembangan perangkat lunak. Ada empat nilai utama menjadi ciri utama dalam metodelogi

Extreme Programming (Hunt, 2006)

1. Flowchart Flowchart digunakan untuk mengelola dan mendokumentasikan proses sistem

Gambar 1 Flowchat diusulkan bagian 1

Page 5: WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA …news.palcomtech.com/wp-content/uploads/downloads/2016/03/Jurnal... · dan interaksi diantara ... formulir bentuk ynag bermanfaat dan dapat

[5]

Gambar 2 Flowchat diusulkan bagian 2

2. Class Diagram

Class diagram digunakan untuk mengelola dan mendokumentasikan proses sistem

Page 6: WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA …news.palcomtech.com/wp-content/uploads/downloads/2016/03/Jurnal... · dan interaksi diantara ... formulir bentuk ynag bermanfaat dan dapat

[6]

data_user

idUser : Number

Level : Number

User : String

Pass : String

lastLogin : Date

aktif : Number

QueryUser () : String

SessionUSer () : String

data_jamaah

idJamaah : Number

idUser : Number

noIdentitas : String

namaLengkap : String

namaPanggilan : String

tglLahir : Date

tempatLahir : String

alamat : String

kota : String

kdPos : String

emailUser : String

tlpRumah : String

nomorHp : String

nomrFax : String

jk : Number

ahliwaris : String

hubungan : String

ukuranBaju : String

noRekUser : String

atasNamaUser : String

bankUser : String

QueryJamaah () : String

QueryUSer () : String

data_periode

idPeriode : Number

awal : Date

akhir : Date

labelPeriode : String

del : Number

delTime : Date

QueryPeriode () : String

SessionUSer () : String

data_paket

idPaket : Number

idPeriode : Number

tglBerangkat : Date

nmrPesawatIn : String

tglKembali : Date

nmrPesawatOut : String

maks : Number

biaya : Number

dp : Number

QueryPaket () : String

SessionUSer () : String

data_transaksi

idTransaksi : Number

idJamaah : Number

idPaket : Number

idVoucher : Number

sisa : Number

kursRupiah : Number

tglTransaksi : Date

cek : Number

Lunas : Number

batal : Number

Keterangan : String

QueryTransaksi () : String

SessionUSer () : String

data_voucher

idVoucher : Number

besar : Number

kode : String

aktif : Number

QueryVoucher () : String

SessionUSer () : String

data_det_transaksi

idDetTransaksi : Number

idTransaksi : Number

id_bank : Number

uang : Number

cicilanke : Number

cek : Number

QueryDet () : String

SessionUSer () : String

data_bank

id_bank : Number

noRek : String

NmRek : String

atasNama : String

QueryBank () : String

SessionUSer () : String

1

1

1

1

1n

1

n

1

n

1

1

1

n

-memberName

Gambar 3 Class diagram

3. Desain halaman

a. Halaman home

Halaman home merupakan implementasi halaman awal dari tampilan frontend

Page 7: WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA …news.palcomtech.com/wp-content/uploads/downloads/2016/03/Jurnal... · dan interaksi diantara ... formulir bentuk ynag bermanfaat dan dapat

[7]

Gambar 4 Home

b. Halaman About Us

Halaman ini merupakan implementasi halaman about us

Gambar 5 Halaman about us

c. Halaman Produk

Halaman ini merupakan implementasi halaman produk

Page 8: WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA …news.palcomtech.com/wp-content/uploads/downloads/2016/03/Jurnal... · dan interaksi diantara ... formulir bentuk ynag bermanfaat dan dapat

[8]

Gambar 6 Desain tampilan produk

d. Halaman my profile

Halaman ini merupakan implementasi halaman my profile

Gambar 7 Halaman my profile

e. Halaman Login dan Register

Halaman ini merupakan implementasi halaman my profile.

Page 9: WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA …news.palcomtech.com/wp-content/uploads/downloads/2016/03/Jurnal... · dan interaksi diantara ... formulir bentuk ynag bermanfaat dan dapat

[9]

Gambar 8 Halaman Login dan Register

f. Halaman Dashboard Admin

Halaman ini merupakan implementasi halaman dashboard

Gambar 9 Halaman dashboard

g. Halaman Register

Halaman ini merupakan implementasi halaman register by admin

Page 10: WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA …news.palcomtech.com/wp-content/uploads/downloads/2016/03/Jurnal... · dan interaksi diantara ... formulir bentuk ynag bermanfaat dan dapat

[10]

Gambar 10 halaman register

h. Halaman Pembayaran

Halaman ini merupakan implementasi halaman pembayaran

Gambar 11 Halaman Pembayaran

i. Halaman Manajemen Periode

Halaman ini merupakan implementasi halaman manajemn periode

Page 11: WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA …news.palcomtech.com/wp-content/uploads/downloads/2016/03/Jurnal... · dan interaksi diantara ... formulir bentuk ynag bermanfaat dan dapat

[11]

Gambar 12 Halaman Manajemen Periode

j. Halaman Manajemen Paket

Halaman ini merupakan halaman implementasi manajemen paket

Gambar 13 Halaman manajemen paket

k. Halaman Manajemen Voucher

Halaman ini merupakan implementasi halaman Voucher

Page 12: WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA …news.palcomtech.com/wp-content/uploads/downloads/2016/03/Jurnal... · dan interaksi diantara ... formulir bentuk ynag bermanfaat dan dapat

[12]

Gambar 14 Halmana manajemen voucher

l. Halaman Manajemen Bank

Halaman ini merupakan implementasi halaman bank

Gambar 15 Halaman manajemen bank

PEMBAHASAN

Pembahasan akan mencangkup resume terhadap identifikasi masalah, usulan penyelesaian,

hasil implementasi dan pengujian.

Page 13: WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA …news.palcomtech.com/wp-content/uploads/downloads/2016/03/Jurnal... · dan interaksi diantara ... formulir bentuk ynag bermanfaat dan dapat

[13]

Tabel 1 Resume identifikasi masalah

No Identifikasi masalah Solusi

1 Penyampain informasi pelayanan ke

konsumen masih sangat bergantung dengan

media percetakan yaitu berupa brosur. Hal

tersebut merupakan penyebab lambannya

update informasi layanan.

Dibuat sebuah

website yang

akan

mempermudah

penyampaian

informasi dan

mempermudah

dalam hal akses

pencarian data,

pengolahan data,

dan pelaporan

data

2 Sistem booking haji dan umroh belum

maksimal dikarenakan pengecekan status

booking sudah dipesan atau belum, masih

dilakukan dengan manual. Hal tersebut

memungkinkan terjadinya kesalahan, seperti

rangkap pemesanan terhadap item yang sama.

3 Lemahnya pengawasan pada saat transaksi

pelunasan dikarenakan human error seperti

salah melakukan perhitungan biaya pelusan

PENUTUP

Dengan adanya website haji dam umroh PT. Bayang Pria Lintas Nusa penyampaian

informasi lebih cepat, terarah, dan mudah dijangkau sehingga konsumen dapat memesan paket

haji dan umroh dengan mudah. Human error dapat diminmalisir atau dikurangi seperti, salah

perhitungan harga dan selisih dalam pembayaran dikarenakan salah informasi Tujuan untuk

mempermudah karyawan untuk melayani konsumen haji dan umroh.

DAFTAR PUSTAKA

Bunafit, Nugroho, 2004. Membuat Website Sendiri Dengan PHP dan Mysql. Jakarta :Mediakita.

Dokum, Master, 2011. Menjadi Master Website dalam Hitungan Menit. Bekasi : Dunia

Komputer.

Hunt, Jhon. 2006. Agille Software Construction. London : Springer

Indrajani, 2011, Manajemen Sistem Informasi, Jakarta: PT. Gramedia Pustaka Utama

Jimmy. 2008. Sistem Informasi Manajemen Pemahaman dan Aplikasi. Jakarta : Penerbit

PT Grasindo.

Krismiaji, 2010. Sistem Informasi Akuntas. Jakarta: AMP.YKPN.

Romney, Marshall B., dan Paul John Steinbart. 2006. Sistem Informasi Akuntansi,

Edisi 9,Salemba Empat, Jakarta

Rahmat, Cara Praktis Membangun Website Gratis: Memanfaatkan Layanan Domain

Dan Hosting Gratis, Media Komputindo, Jakarta, 2010

Page 14: WEBSITE HAJI DAN UMROH PT. BAYANG PRIMA …news.palcomtech.com/wp-content/uploads/downloads/2016/03/Jurnal... · dan interaksi diantara ... formulir bentuk ynag bermanfaat dan dapat

[14]

Sutarman, Pengantar Teknologi Informasi, Edisi Pertama, Bumi Aksara, Jakarta, 2009

Whitten, Jeffrey L, et al, Metode Desain & Analisis Sistem, Edisi 6, Edisi International, Mc

GrawHill, ANDI, Yogyakarta: 2004