Diterima 10 Agustus 2018, Direvisi 27 Mei 2019, Diterima untuk publikasi 30 Mei 2019

## Perancangan Sistem Informasi Pembuatan Jasa Website
Ela Nurelasari 1 & Taat Kuspriyono 2
1,2 Universitas Bina Sarana Informatika, Jl. R.S Fatmawati No.24, Pondok Labu, Jakarta Selatan Email: e-mail:ela.eur@bsi.ac.id 1 , taat.tat@bsi.ac.id 2
Abstrak. Dalam  proses  penjualan  jasa  desain website sistem  promosi  dan penjualan  yang  dilakukan  hanya  menggunakan  media  promosi  dari  relasi  kerja yang  terbatas.  Merancang  dan  membuat  suatu  sistem  dalam  bentuk website sebagai media alternatif dari sisi pemesanan, promosi dan penjualan produk yang akan  disediakan.  Metode Waterfall adalah  model  proses  yang  digunakan  dalam aplikasi  ini.  Teknik  pengumpulan  data  yang  digunakan  dalam  melakukan pengumpulan  data  yaitu  observasi  dan  studi  pustaka.  Pemodelan  diagram  basis data  yang  digunakan  adalah  dengan  menggunakan  ERD,  LRS  (Logical Relational  Diagram),  dan  Struktur  Navigasi.  Sedangkan  aplikasi  ini  dibuat dengan menggunakan beberapa software yaitu Adobe Dreamweaver CC sebagai software  editor serta  XAMPP  yang  merupakan  gabungan  dari  Apache  Web Server, PHP, dan MySQL. Aplikasi berbasis web yang dibangun ini mempunyai kelebihan dalam kemudahan, kecepatan dan ketepatan dalam proses pengolahan data  penjualan  dan  pembelian,  sehingga  dapat  mempermudah User dalam bertransaksi. Aplikasi ini juga mempunyai banyak pilihan desain yang menarik, sehingga mempermudah User untuk memilih desain website dan membeli secara langsung.
Kata kunci: Billing, ERD, LRS, Sistem, Tiket, Web, Waterfall

## 1 Pendahuluan
Di dalam dunia bisnis, penjualan dan pemasaran merupakan bagian yang sangat penting  sehingga  banyak  cara  yang  ditempuh  oleh  perusahaan  untuk memperbaiki  sistem  yang  mereka  miliki,  dimulai  dari  cara  tradisional  sampai cara yang modern. Seiring dengan pertumbuhan teknologi yang semakin cepat, banyak  sekali  perusahaan-perusahaan  yang  memanfaatkan  teknologi  untuk memperbaiki sistem penjualan dan pemasaran perusahaan mereka. Perdagangan elektronik atau yang lebih dikenal dengan e-commerce merupakan penyebaran, pembelian,  penjualan,  pemasaran  barang  dan  jasa  melalui  sistem  elektronik seperti  internet,  televisi  atau  jaringan  komputer  lainnya. E-commerce memberikan banyak kemudahan dan kelebihan, selain bisa menjadi lebih cepat, biasanya  informasi  tentang  barang  dan  jasa  yang  disediakan  lebih  lengkap, sehingga  apabila  membeli  secara online pun  konsumen  bisa  mendapatkan banyak informasi penting dan akurat untuk memilih suatu produk atau jasa yang diinginkan.  Saat  ini  internet  telah  menjadi  salah  satu  infrastruktur  komunikasi

## Perancangan Sistem Informasi Pembuatan Jasa Website  25
yang  termurah  dan  jangkauan  penerimaan  yang  luas  dan  tanpa  batas,  maka internetpun sering digunakan sebagai media alternatif untuk menjalankan suatu usaha  maupun  bisnis.  Selain  digunakan  sebagai  media  informasi  dan komunikasi, internet juga dapat digunakan sebagai proses jual beli produk, jasa dan  media  informasi  yang  lengkap  secara  online.  Dengan  keunggulan  internet yang dapat melakukan pelayanan tanpa ada batas waktu, akses yang mudah dan biaya yang terjangkau serta kemudahan-kemudahan lainnya, membuat semakin banyak pembisnis yang berkecimpung kedalam e-commerce. Begitu pula dalam pembuatan  jasa  website  dimana  perusahaan  berusaha  mengimbangi perkembangan  jaman  dengan  memanfaatkan  sebuah  aplikasi  website  untuk menunjang  produktivitas  kerja  perusahaan,  karena  pada  kenyataannya perusahaan  pembuatan  jasa  website  belum  memanfaatkan  layanan  internet dengan baik sehingga kurang memuaskan terhadap layanan konsumen dan juga dalam  pembuatan  laporan  belum  maksimal.  Selama  ini  transaksi  pemesanan pembuatan jasa website dilakukan oleh perusahaan dengan brosur ataupun dari mulut  ke  mulut  atau  relasi  kerja.  Permasalahan  juga  muncul  pada  pemesanan pembuatan jasa website dengan menggunakan brosur akan membutuhkan waktu yang  cukup  lama  untuk  menyampaikan  informasi  mengenai  jasa  pembuatan website per paket nya. Selain itu permasalahan muncul pada proses pencataatan pemesanan  pembuatan  jasa  website  yang  memakan  waktu  cukup  lama  karena masih  dilakukan  secara  manual.  Serta  dengan  menggunakan  brosur  informasi- informasi  tidak  bisa  tersampaikan  ke  banyak  konsumen.  Selama  ini  sistem promosi dan penjualan yang dilakukan hanya menggunakan media promosi dari relasi  kerja  yang  terbatas.  Pemesanan,  penjualan  dan  media  promosi  hanya melalui diskusi atau media sosial yang memakan waktu dan biaya dengan hasil yang  kurang  memuaskan.  Berdasarkan  dari  permasalahan  tersebut  maka  harus dirancang  program  yang  berbasis  web  untuk  mempermudah  khususnya  dalam pemasaran dan mengelola proses transaksinya.

## 2 Metode Penelitian
Metode  penelitian  yang  digunakan  terdiri  dari  Metode  Pengembangan Perangkat Lunak dan Metode Pengumpulan Data.

## 2.1 Analisis Kebutuhan
Dalam  penelitian  ini  digunakan  beberapa  metodologi  yang  bertujuan  untuk mempermudah  pembuatan  dan  perancangan  sistem  informasi  berbasis  website dengan menggunakan model waterfall. Menurut sommerville [1] waterfall adalah sebuah  contoh  dari  proses  perencanaan,  dimana  semua  proses  kegiatan  harus terlebih dahulu direncanakan dan dijadwalkan sebelum dikerjakan.

## Ela Nurelasari & Taat Kuspriyono
Terbagi menjadi tiga tahapan, yaitu:
1. Analisis Kebutuhan.
Ini  sangat  menekan  pada  masalah  pengumpulan  kebutuhan User pada tingkatan  sistem  dengan  menentukan  konsep  sistem  beserta  antarmuka yang  menghubungkannya  dengan  lingkungan  sekitar.  Hasilnya  berupa spesifikasi sistem.
2. Perancangan Sistem dan Perangkat Lunak. Proses  perancangan  sistem  ini  difokuskan  pada  empat  atribut,  yaitu struktur  data,  representasi  antarmuka,  arsitektur  perangkat  lunak,  dan interaksi antar objek di dalam kelas.
3. Implementasi dan Pengujian Unit.
Pada  tahap  ini,  perancangan  perangkat  lunak  direalisasikan  sebagai serangkaian  program  atau  unit  program.  Kemudian  pengujian  unit melibatkan  verifikasi  bahwa  setiap  unit  program  telah  memenuhi spesifikasinya.
Gambar 1 Ilustrasi Model Waterfall

## 2.2 Teknik Pengumpulan Data
Teknik  pengumpulan  data  yang  digunakan  terdiri  dari  observasi  dan  studi pustaka.

## 2.2.1 Observasi
Dalam  hal  ini  dilakukan  pengumpulan  informasi-informasi  dari  hasil pengamatan mengenai jasa desain website dari website yang terdaftar di mesin pencari google diantaranya, www.mdesain.com dan www.websitekeren.com.

## Perancangan Sistem Informasi Pembuatan Jasa Website  27

## 2.2.2 Studi Pustaka
Mengumpulkan  dan  mempelajari  serta  mencari  informasi  tentang  pembuatan sistem  informasi  berbasis  web  melalui  buku-buku  referensi,  khususnya  yang berhubungan dengan sistem informasi jasa website.

## 3 Hasil dan Pembahasan

## 3.1 Analisis Kebutuhan
Hal  pertama  yang  perlu  dilakukan  dalam  analisis  kebutuhan  sistem  adalah menentukan  dan  mengungkapkan  kebutuhan  sistem.  Kebutuhan  sistem  terbagi menjadi  dua  yaitu  kebutuhan  sistem  fungsional  dan  kebutuhan  sistem  non- fungsional, yang diperlukan untuk mencapai tujuan yang ingin dicapai.

## 3.1.1 Kebutuhan Fungsional
Kebutuhan  fungsional  adalah  kebutuhan-kebutuhan  yang  memiliki  keterkaitan langsung dengan sistem. Kebutuhan fungsional dari web ini meliputi :
1. Admin:  Data  admin,  Data staff ,  Data User ,  Data Billing ,  Data  Konfirmasi,
Data Faktur, Data Layanan, Data Tiket Bantuan, Data Desain.
2. Staff :  Data staff, Data Billing, Data  Konfirmasi,  Data  layanan,  Data  faktur,
Data tiket bantuan.
3. User :  Data User, Data Billing, Data  konfirmasi,  Data  layanan,  Data  faktur, Data tiket bantuan.

## 3.1.2 Kebutuhan Non Fungsional
1. Kebutuhan  perangkat  keras:  Prosesor  :  Intel  Core  2  Quad  CPU  Q9450  @ 2.66GHz  2.67GHz,  RAM  :  8GB,  Graphic  Card  :  NVidia  Geforce  1GB 128bit, Monitor : Dell 23 Inch resolusi 1920x1080.
2. Kebutuhan  perangkat  lunak:  Sistem  operasi Windows 7 Ultimate 64  bit,
Adobe Dreamweaver CC, Web Browser Google Chrome

## 3.2 Rancangan Basis Data

## 3.2.1 Entity Relationship Diagram
Menurut  Winarko  [2],  “ Entity  Relationship  Diagram adalah  sebuah  diagram yang  menggambarkan  hubungan/relasi  antar  entitas  (e ntity ),  dan  setiap  e ntity terdiri  atas  satu  atau  lebih attribute yang  mempresentasikan  seluruh  kondisi (fakta) dari Dunia Nyata yang kita tinjau”.
Ela Nurelasari & Taat Kuspriyono paket_web_kategori paket_web_demo kode_pos tgl_lahir tlp level id_paket memiliki konfirmasi_pembayaran waktu_batas waktu_order status_bayar tag_pertahun harga mobile_responsive social_media time link id_paket desc propinsi kota alamat password nama email_us tag_pertahun pesanan_web_temp total_harga keteranagan free_domain hosting nama_domain id_demo id_kategori id_paket email_us id_order nama_kategori id_paket id_kategori nama_demo picture id_demo livechat email security bandwitch hosting domain add_pages pages theme nama_paket memiliki timestamp metode nomor_rek nama_rek dr_rek_bank nominal wkt_byr tgl_byr tujuan_bank id_transaksi id_order paket_web 1 1 memiliki 1 1 1 1 1 user timestamp 1

## Gambar 2  Entity Relationhip Diagram

## 3.2.2 Logical Record Structure (LRS)
Menurut  Iskandar  dan  Rangkuti[3],  “LRS  terdiri  dari link-link di  antara  tipe record . Link ini  menunjukkan  arah  dari  satu  tipe record lainnya.  Banyak link dari  LRS  yang  diberi  tanda field-field yang  kelihatan  pada  kedua link tipe record .
Gambar 3  Logical Record Structure

## Perancangan Sistem Informasi Pembuatan Jasa Website  29

## 3.3 Rancangan Struktur Navigasi
Menurut  Kurniawan  [4],“Struktur  navigasi  adalah  urutan  alur  informasi  dari satu  aplikasi  multimedia.  Menurut  Sutopo  [5]  dalam  pembuatan  aplikasi multimedia  terdapat  empat  macam  bentuk  dasar  struktur  navigasi  yang digunakan  yaitu  struktur  navigasi linear ,  struktur  navigasi non-linear ,  struktur navigasi hierarki , dan struktur navigasi composite .

## 3.3.1 Struktur Navigasi Admin
Profil Perusahaan Profil Admin Data Staf Data Billing Data Users Data Konfirmasi Data Layanan Data Faktur Tiket Bantuan Slider --Halaman Desain-- Sample Demo Tentang Kami Fitur Kontak Kami Paket Web Info Paket Footer Klien Index Admin Update Hapus Edit Hapus Edit Edit Buat Faktur Hapus Edit Detail Detail Hapus Lihat Hapus Edit Hapus Edit Hapus Edit Hapus Edit Hapus Edit Hapus Edit Hapus Edit Hapus Edit Hapus Edit Hapus Edit Layanan Akun Logout Gambar 4 Struktur Navigasi Admin

## 3.3.2 Struktur Navigasi Staff
Profil Perusahaan Profil Admin Data Staf Data Billing Data Users Data Konfirmasi Data Layanan Data Faktur Tiket Bantuan Index Admin Update Hapus Edit Hapus Edit Edit Buat Faktur Hapus Edit Detail Detail Hapus Lihat Hapus Edit Layanan Akun Logout Gambar 5 Struktur Navigasi Staff

## 3.2. Implementasi
Implementasi tampilan antar muka pada program ini diantaranya:

## Ela Nurelasari & Taat Kuspriyono

## 3.2.1. Admin atau Staff
1. Halaman Login Admin atau Staff Admin  atau staff harus  melakukan  login  terlebih  dahulu  untuk  dapat menggunakan  modul-modul  yang  tersedia  jika  login  berhasil,  maka  kanal- kanal yang sesuai dengan level akses tersebut akan ditampilkan.
Gambar 6 Halaman Login Admin dan Staff
2. Halaman Profil Admin
Admin dapat mengubah atau menambah data-data yang diperlukan.
Gambar 7

## Halaman Profil Admin
3. Halaman Data Staff
Admin dapat menambahkan dan mengubah data staff dengan mengisi data- data yang dibutuhkan.

## Perancangan Sistem Informasi Pembuatan Jasa Website  31
4. Halaman Data User
Admin  atau staff dapat  mengubah  dan  menghapus  data User yang dibutuhkan.
Gambar 8 Halaman Data User 5. Halaman Data Billing
Admin atau staff dapat melihat dan menghapus data Billing Gambar 9 Halaman Data Billing
6. Halaman Faktur
Admin atau staff dapat membuat faktur
Gambar 10
Halaman Faktur

## Ela Nurelasari & Taat Kuspriyono
7. Halaman Detail Faktur
Admin atau staff dapat melihat detail faktur
Gambar 11 Halaman Detail Faktur 3.2.2. User
1. Halaman Login User
User harus  melakukan login terlebih  dahulu  untuk  dapat  melakukan transaksi.
Gambar 12

## Halaman Login

## 2. Halaman Paket Web
User dapat melihat paket web yang telah disediakan.
Gambar 13
Halaman Paket Web

## Perancangan Sistem Informasi Pembuatan Jasa Website  33
3. Halaman Proses Pemesanan
User dapat melakukan pemesanan
Gambar 14

## Halaman Proses Pemesanan
4. Halaman Billing
User dapat melihat invoice dan konfirmasi pembayaran
Gambar 15 Halaman Billing 5. Halaman Lihat Invoice
User dapat melihat invoice
Gambar 16
Halaman Lihat Invoice

## Ela Nurelasari & Taat Kuspriyono
6. Halaman Layanan
User dapat melihat layanan akun
Gambar 17 Halaman Layanan 4 Kesimpulan
Dengan  adanya  program  perancangan  sistem  penjualan  jasa  desain website online berbasis web keuntungan diantaranya:
1. Dapat mempermudah penjual dan pembeli dalam melakukan transaksi.
2. Memudahkan kecepatan dan ketepatan dalam bertransaksi.
3. Tampilan User friendly dan mobile responsive yang dapat menarik banyak pengunjung.
5 Saran
1. Selalu  dilakukan  pembaruan  data,  sehingga  informasi  yang  disampaikan dapat terus disesuaikan dengan penjualan. Melakukan pelatihan bagi admin dan staff yang akan menggunakan sistem informasi ini, sehingga akan lebih mudah  mengoperasikannya  serta  meminimalisir  terjadinya human  error atau kesalahan penginputan yang dilakukan oleh admin dan staff .
2. Menambahkan  fitur-fitur  baru  seperti  forum  diskusi  dan news agar  lebih menarik pengunjung pada jasa desain web ini.
3. Selalu memperhatikan sistem keamanan untuk mencegah dari hacker yang dapat merusak sistem.
6 Referensi
[1] Sommerville,  Ian.  Software  Engineering  (Rekayasa  Perangkat  Lunak). Jakarta: Erlangga, 2011.
[2] Winarko,  Edi.Perancangan  Database  dengan  Power  Desainer.  Jakarta: Prestasi Pustaka, 2006.
[3] Iskandar,  Agus  dan  A.  Haris  Rangkuti.  Perancangan  Sistem  Informasi Penjualan Tunai Pada PT. Klaten Bercahaya. Jakarta : Jurnal Basis Data, 2008.
[4] Kurniawan,  Erick.Cepat  Mahir  ASP.NET  3.5  untuk  Aplikasi  Web. Interaktif. Yogyakarta : Andi Publisher, 2010.

## Perancangan Sistem Informasi Pembuatan Jasa Website  35
[5] Sutopo,  Ariesto  Hadi.  Pemrograman  Flash  dengan  PHP  dan  MySQL. Yogyakarta : Graha Ilmu, 2007.
[6] Akbar,  A.Pembuatan  Website  Menggunakan  Content  Management System. Yogyakarta : Andi, 2006.
[7] Anhar.Panduan  Menguasai  PHP  &  MySQL  Secara  Otodidak.  Jakarta: Mediakita, 2010.