## RANCANG BANGUN WEBSITE PROFIL HOTEL AGUNG PRABUMULIH MENGGUNAKAN FRAMEWORK BOOTSTRAP
Ridwan Sanjaya 1 , Sebri Hesinto 2 1 Sistem Informasi, 2 Sistem Informasi Ridwan_sanjaya@yahoo.com , Sebrivirgo@yahoo.com

## ABSTRAK
Hotel Agung merupakan salah satu perusahaan yang bergerak dibidang jasa penginapan dan dapat ditemui di Kota Prabumulih Propinsi Sumatera selatan. Hotel Agung terletak di Jln.Veteran  No.91 Kota  Prabumulih,  masih  di  sekitar  kawasan  Stasiun  Prabumulih. Hotel tersebut  menyediakan  fasilitas  berupa  kamar  -kamar  yang  beragam  jenis  seperti Standard  room,  vip  singgel  room  dan  vip  double  room,  serta  vip  family  room. Perbedaan  kelas  kamar  ini  didasarkan  pada  kapasitas,  harga,  dan  fasilitas  yang  ada  di masing-masing  kamar.  Selain  fasilitas  kamar  hotel  Agung  Prabumulih  juga menyediakan fasilitas-fasilitas lain seperti Laundry, Lobby, hall room, Security Office, dan Parking area. Selama ini Hotel Agung belum mempunyai website sendiri  sehingga informasi  yang  dilakukan  oleh  pihak  hotel  pada  umumnya  hanya  berupa  selebaran brosur  atau  media  cetak  lainnya,  dimana  informasi  yang  diberikan  sangat  terbatas karena  adanya  keterbatasan  sumber  daya  manusia  yang  dimiliki,  sehingga  dalam  hal penyebaran  informasi  dan  kinerjanya  dirasa  kurang  maksimal.  Untuk  mengatasi  hal tersebut,  diperlukan  penggunaan  teknologi  komputer  seperti  website  yang  diharapkan dapat  membantu  menyampaikan  informasi  tentang  hotel  kepada  calon  tamu  dan pelanggan.  Dalam  pembuatan  website  ini  penulis  menggunakan  framework  bootstrap, untuk  membuat  tampilan  website  yang  lebih  menarik  dan  responsive  ,  sehingga memungkinkan  tampilan  website  tersebut  tetap  rapi  sesuai  dengan  berbagai  jenis resolusi.
Kata kunci  : Hotel Agung, website, framework bootstrap

## I. PENDAHULUAN

## 1.1 Latar belakang
Perkembangan teknologi dalam berbagai bidang kehidupan berlangsung dengan amat  pesat,  khususnya  bidang  teknologi  infomasi  berbasis  komputer  yang menggunakan jaringan internet. Perkembangan teknologi informasi pada saat ini sangat berarti  bagi  semua  kalangan,  baik  segi  pendidikan  maupun  sampai  dunia  bisnis, sehingga  menuntut  sumber  daya  manusia  yang  siap  untuk  menghadapi  perkembangan tersebut.  Informasi  pada  umumnya  hanya  diperoleh melalui  media, seperti  surat  kabar atau  buku  maupun  media-media  elektronik  seperti  televisi  dan  radio.  Tetapi dibandingkan dengan media-media tersebut, internet merupakan suatu sarana informasi yang  paling  banyak  digunakan  oleh  instansi  perusahaan  maupun  perorangan.  Saat  ini banyak  perusahaan  khususnya  perusahaan  jasa  Perhotelan  memanfaatkan  teknologi informasi secara online dengan sistem komputerisasi yang menggunakan internet untuk
menunjang  kelancaran  promosi  Hotel  dan  membantu  meningkatkan  kualitas  dalam memberikan  pelayanan  informasi.  Melalui  internet,  selain  bisa  menjadi  lebih  cepat, informasi  tentang  barang  dan  jasa  tersedia  secara  lengkap,  sehingga  walaupun  tidak membeli  atau  memesan  secara  on-line,  para  user  bisa  mendapatkan  banyak  informasi penting dan akurat untuk memilih suatu produk atau jasa yang akan diinginkan.
Hotel  Agung  merupakan  salah  satu  perusahaan  yang  bergerak  dibidang  jasa penginapan  dan  dapat  ditemui  di  Kota  Prabumulih  Propinsi  Sumatera  selatan.  Hotel Agung  terletak  di  Jln.Veteran  No.91  Kota  Prabumulih,  masih  di  sekitar  kawasan Stasiun  Prabumulih.  Hotel  tersebut  menyediakan  fasilitas  berupa  kamar  -kamar  yang beragam jenis seperti Standard room, vip singgel room dan vip double room, serta vip family room. Perbedaan kelas kamar ini didasarkan pada kapasitas, harga, dan fasilitas yang ada di masing-masing kamar. Selain fasilitas kamar hotel Agung Prabumulih juga menyediakan fasilitas-fasilitas lain seperti Laundry, Lobby, hall room, Security Office, dan Parking area. Selama ini Hotel Agung belum mempunyai website sendiri  sehingga informasi  yang  dilakukan  oleh  pihak  hotel  pada  umumnya  hanya  berupa  selebaran brosur  atau  media  cetak  lainnya,  dimana  informasi  yang  diberikan  sangat  terbatas karena  adanya  keterbatasan  sumber  daya  manusia  yang  dimiliki,  sehingga  dalam  hal penyebaran  informasi  dan  kinerjanya  dirasa  kurang  maksimal.  Untuk  mengatasi  hal tersebut,  diperlukan  penggunaan  teknologi  komputer  seperti  website  yang  diharapkan dapat  membantu  menyampaikan  informasi  tentang  hotel  kepada  calon  tamu  dan pelanggan.  Dalam  pembuatan  website  ini  penulis  menggunakan  framework  bootstrap, untuk  membuat  tampilan  website  yang  lebih  menarik  dan  responsive  ,  sehingga memungkinkan  tampilan  website  tersebut  tetap  rapi  sesuai  dengan  berbagai  jenis resolusi.
Dari  uraian  diatas,  Maka  penulis  bermaksud  untuk  melakukan  penelitian  dengan judul:  “Rancang  Bangun  Website  Profil  Hotel  Agung  Prabumulih  Menggunakan Framework Bootstrap”.

## 1.2 Tujuan Penelitian
Adapun  tujuan  dari  penulisan  penelitian  ini  adalah  Membuat  sebuah  website berisikan  profil  hotel  menggunakan  framework  bootstrap  yang  dapat  menghasilkan informasi yang lebih tentang hotel kepada para calon tamu maupun pelanggan.

## 1.3 Manfaat Penelitian
Adapun manfaat dari penulisan ini, antara lain:
1.  Bagi  Hotel  Agung  Prabumulih  adalah  tersedianya  sebuah  website  profil  hotel yang  berguna  dalam  hal  penyebaran  informasi  yang  lebih  tepat  dan  akurat kepada para calon tamu maupun pelanggan.
2.  Untuk  mempromosikan  hotel  kepada  calon  tamu,  dan  dapat  memberikan informasi  terbaru  kepada  pelanggan.  Serta,  Website  yang  dibuat  diharapkan bisa membuat image yang lebih positif tentang hotel kepada masyarakat.
3.  Bagi  penulis  dapat  menambah  pengetahuan  penulis  dalam  pembuatan  sebuah website menggunakan framework bootstrap.

## II. KAJIAN PUSTAKA
2.1 Pengertian Rancang
Pengertian Rancang menurut (Purwanto, 2010:1), “rancang berarti mengatur segala sesuatu sebelum bertindak, mengerjakan atau melakukan sesuatu untuk merencanakan”.
Rancang    merupakan  serangkaian  prosedur    untuk    menerjemahkan    hasil  analisa dari  sebuah  sistem  ke  dalam  bahasa  pemrograman  untuk  mendeskripsikan    dengan detail  bagaimana  komponen-komponen  sistem diimplementasikan.

## 2.2 Pengertian Rancang Bangun
Menurut (Purwanto, 2010:1), “pengertian rancang bangun adalah tahap dari setelah analisis  dari  siklus  pengembangan  sistem  yang  merupakan  pendefinisian  dari kebutuhan-kebutuhan  fungsional,  serta  menggambarkan  bagaimana  suatu  sistem dibentuk  yang  dapat  berupa  penggambaran,  perencanaan  dan  pembuatan  sketsa  atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi,  termasuk  menyangkut  mengkonfigurasikan  dari  komponen-komponen perangkat keras dan perangkat lunak dari suatu sistem”.

## 2.3 Pengertian Sistem
Menurut (Deddy  Hidayat, 2010)  dalam  jurnal  Cyber Raharja  ,  “sistem  berasal  dari bahasa Latin (systēma) dan bahasa Yunani (sustēma) adalah suatu kesatuan yang terdiri dari  komponen  atau  elemen  yang  dihubungkan  bersama  untuk  memudahkan  aliran informasi, material atau energi”.
Menurut  (Yakub,  2012:1),  “sistem  adalah  sekelompok  elemen-elemen  yang terintegrasi dengan tujuan yang sama untuk mencapai tujuan.
2.4 Pengertian Informasi
Menurut  (Yakub,  2012:8),  “informasi  adalah  sekumpulan  fakta  (data)  yang diorganisasikan dengan cara tertentu sehingga mereka mempunyai arti bagi si penerima, data  yang  diolah  menjadi  bentuk  lebih  berguna  dan  lebih  berarti  bagi  yang menerimanya”.
Informasi  adalah  hasil  dari  pengolahan  data  kedalam  bentuk  yang  lebih  bermakna dan  bermanfaat  bagi  penerimanya  dan  menggambarkan  suatu  peristiwa/kejadian  yang real yang digunakan untuk mengambil keputusan.

## 2.5 Pengertian Sistem Informasi
Menurut  (Yakub,  2012:17),  “sistem  informasi  adalah  suatu  sistem  di  dalam  suatu organisasi  yang  mempertemukan  kebutuhan  pengolahan  data  transaksi  harian, mendukung operasi, bersifat manajerial, dan kegiatan strategi dari suatu organisasi”.

## 2.6 Pengertian Website
Website (situs web) adalah merupakan alamat (URL) yang berfungsi sebagai tempat penyimpanan data dan informasi dengan berdasarkan topik tertentu. Web adalah sistem hypertext, terdiri dari jutaan halaman teks yang dihubungkan oleh hyperlink-hyperlink.

## 2.7 Pengertian Website profil
Website  profil  adalah  sebuah  website  yang  hanya  menampilkan  informasi  tentang visi,  misi,  sejarah  perkembangan  organisasi,  jasa  atau  produk  yang  ditawarkan  tetapi tidak secara langsung menjual produk hanya sebatas informasi..

## 2.8 Pengertian Hotel
Menurut  Kamus  Besar  Bahasa  Indonesia  (2010:408),  “hotel  adalah  bangunan berkamar  banyak  yg  disewakan  sebagai  tempat  untuk  menginap  dan  tempat  makan orang  yg  sedang  dalam  perjalanan;  bentuk  akomodasi  yg  dikelola  secara  komersial, disediakan  bagi  setiap  orang  untuk  memperoleh  pelayanan,  penginapan,  makan  dan minum”.

## 2.8 Pengertian Bosstrap
Menurut (Eko, 2016:11), “bootstrap merupakan salah satu framework HTML, CSS, Dan  JS  yang  digunakan  untuk  membuat  website  yang  bersifat  responsive  atau  bisa menyesuaikan  tampilan  layout  nya  berdasarkan  ukuran  viewport  dari  device pengaksesnya, mulai dari smartphone, tablet, maupun layar PC”.
Bootstrap  adalah sebuah  framework  yang  dibuat  dengan  menggunakan  bahasa  dari HTML  dan  CSS,  namun  juga  menyediakan  efek  javascript  yang  dibangun  dengan menggunakan jquery. Bootstrap telah menyediakan kumpulan komponen class interface dasar yang telah dirancang sedemikian rupa untuk menciptakan tampilan yang menarik, bersih  dan  ringan.  Selain  itu,  bootstrap  juga  memiliki  fitur  grid  yang  berfungsi  untuk mengatur layout yang bisa digunakan dengan sangat mudah dan cepat. Kita juga diberi keleluasaan  dalam  mengembangkan  tampilan  website  yang  menggunakan  bootstrap yaitu  dengan  mengubah  tampilan  bootstrap  dengan  menambahkan  class  dan  CSS sendiri.

## III. METODE PENELTIAN

## 3.1 Metode Penelitian
Metode  ini  digunakan  untuk  membahas  dan  menjabarkan  data  yang  diperoleh, kemudian  menyimpulkan  masalah  agar  mendapat  jawaban  yang  tepat.  Metode  yang digunakan  penulis  adalah  metode  deskriptif  kualitatif  yaitu  metode  yang  menjelaskan data  yang  telah  diperoleh  sehingga  mendapat  gambaran  secara  jelas  mengenai permasalahan  didalam  merancang  website  profil  hotel  menggunakan  framework bootstrap.
3.2 Metode Pengumpulan Data 3.2.1 Studi Pustaka (Library)
Menurut (Sandjaja, 2011:146),“studi pustaka adalah upaya mengumpulkan data dengan  cara  peneliti  menelusuri  berbagai  macam  dokumen  antara  lain  buku,  majalah, koran, dll”. Dalam hal ini data yang dikumpulkan berupa visi dan misi hotel, struktur organisasi hotel, serta data tentang karyawan hotel.

## 3.2.2 Studi Observasi
Menurut  (Sandjaja,  2011:143),  “observasi  adalah  perbuatan  jiwa  secara  aktif dan  penuh  perhatian  untuk  menyadari  adanya  rangsangan,  rangsangan  tadi  setelah mengenai indra menimbulkan kesadaran untuk melakukan pengamatan”. Dalam hal ini data diperoleh dengan cara datang dan melakukan pengamatan secara langsung di hotel.

## 3.2.4 Studi Interview
Menurut  (Sandjaja,  2011:147),  “Interview  atau  wawancara  yaitu  Suatu  tanya jawab secara tatap muka yang dilaksanakan oleh pewawancara dengan orang yang yang diwawancarai  untuk  memperoleh  informasi  yang  dibutuhkan”.  Dalam  hal  ini  data diperoleh dengan melakukan tanya jawab secara lansung kepada narasumber yang ada di hotel.

## 3.3 Metode Pengembangan
Metode  Pengembangan  Sistem  yang  digunakan  penulis  adalah  Metode Prototyping.  Prototyping  adalah  pengembangan  yang  cepat  dan  pengujian  terhadap model  kerja  (prototipe)  dari  aplikasi  baru  melalui  proses  interaksi  dan  berulang-ulang yang biasa digunakan ahli sistem informasi dan ahli bisnis.
Tahapan–tahapan pengembangan sistem menggunakan prototype adalah:
1.  Identifikasi kebutuhan pemakai Pada  tahap  awal  ini  pengembang  dan  pemakai  sistem  bertemu,  kemudian pemakai sistem menjelaskan tentang kebutuhan sistem kepada pengembang.
2.  Membangun prototipe
Pengembang  mulai  membuat  prototipe  sesuai  dengan  kebutuhan  sistem  yang diminta oleh pemakai sistem.
3.  Menguji prototipe
Pemakai  sistem  menguji  dan  menggunakan  prototipe  kemudian  memberikan masukan    apabila   pemakai   sistem  masih   menemukan  beberapa hal yang kurang sesuai dengan kebutuhan sistem.
4.  Memperbaiki prototipe
Pengembang   melakukan   modifikasi   terhadap   sistem  yang   telah   dibuat sebelumnya berdasarkan keinginan dan masukan dari pemakai sistem.
5.  Mengembangkan versi produksi
Pengembang  merampungkan  sistem  sesuai  dengan  keinginan dan masukan terakhir dari pemakai sistem, jika  prototipe sudah lengkap dan sesuai  dengan keinginan, maka proses iterasi dihentikan. (Abdul Kadir, 2011 : 417)

## IV.HASIL DAN PEMBAHASAN

## 4.1 Implementasi
Tahap  implementasi  merupakan  tahap  penerapan  sistem  supaya  dapat dioperasikan.  Pada  tahap  ini  dijelaskan  mengenai,  Implementasi  Perangkat  Lunak, Implementasi  Perangkat  Keras,  Implementasi  Basis  Data,  Implementasi  Instalasi Program, Penggunaan Program dan Implementasi Antar Muka

## 4.2 Implementasi Antar Muka
Implementasi  antar  muka  dilakukan  dengan  membuat  antar  muka  pada  form yang ada pada aplikasi ini. Setiap halaman yang dibuat akan dibentuk sebuah file yang berekstensi  PHP.  File-file  tersebut  selanjutnya  dapat  diakses  dan  akan  menjadi penghubung antara pengguna dengan sistem. Pada tahap implementasi antar muka ini, lebih  menitikberatkan  pada  implementasi  antar  muka  halaman  utama  yang  merupkan sentral penghubung dengan antar muka yang lain.

## 4.2.1 Halaman Utama
Halaman  utama  dapat  diakses  dan  menampilkan  data  banner  secara  cepat dengan mengklik bulatan yang berjumlah 5 (lima) sebagai navigasi tampilan banner.

## Gambar 1 halaman Utama

## 4.2.2 Halaman Data Utama
Halaman  data  utama  menampilkan  data  umum  dari  Hotel  Agung  Prabumulih dan berisi sejarah, visi dan  misi Hotel Agung Prabumulih. Halaman data umum  dapat diakses dengan baik dan cepat oleh klien
Gambar 2 halaman Data Utama

## 4.2.2 Halaman fasilitas
Halaman  fasilitas  menampilkan  salah  satu  photo  dari  kamar,  aula  dan  lobby sebagai gambaran umum Hotel Agung Prabumulih.

## Gambar 3 halaman fasilitas
4.2.3 Halaman kamar
Halaman kamar dapat diakses secara cepat dan akurat sesuai dengan data yang ada pada database dengan menampilkan gambar dari 4 (empat) jenis kamar.
Gambar 4 halaman Kamar

## V. KESIMPULAN
Adapun kesimpulan dari penelitian ini “Rancang Bangun Website Profil Hotel Agung Prabumulih Menggunakan Framework Bootstrap” adalah sebagai berikut :
1. Rancang  Bangun  website  Profil  Hotel  Agung  Prabumulih  Menggunakan Framework  Bootstrap  merupakan  media  untuk  menyampaikan  informasi
berupa  produk  barang  dan  jasa  yang  dimiliki  oleh  Hotel  Agung  Prabumulih yang  diharapkan  bisa  memberikan  informasi  yang  lebih  tentang  hotel  kepada masyarakat luas.
2. Pembuatan website profil hotel agung prabumulih berhasil dengan baik, menggunakan framework bootstrap. Dalam pembuatan website tersebut menggunakan sistem operasi windows 7 dan bahasa pemrograman PHP dan
Mysql. Dengan  nama database_ridwansanjayadb, dengan tabel yang berjumlah 5 tabel diantaranya tabel_pengguna, tabel_kamar, tabel_gallery, tabel_banner, tabel_komentar.

## DAFTAR PUSTAKA
[1]. Hernita, 2010. Membangun Website Tanpa Modal. Yogyakarta : Andi Offset.
[2]. Hidayat, Deddy. 2010. Definisi Sistem. Tangerang: Jurnal Cyber Raharja.
[3].Mustakini,  Jogiyanto  Hartono.  2010.  Metode  Penelitian  Sistem  Informasi. Yogyakarta: Andi Offset.
[4].Nugroho,  Adi.  2010.  Rekayasa  Perangkat  Lunak  Menggunakan  UML  &  Java. Yogyakarta: Andi Offset.
[5].Utomo,  Priyo  Eko.  2016.  Bikin  Sendiri  Toko  Online  Dinamis  Dengan  Bootstrap Dan PHP. Yogyakarta: MediaKom.
[6].Pratama,  Antonius  Nugraha  Widhi.  2010.  Codeigniter  :  Cara  Mudah  Membangun Aplikasi Php. Jakarta: Media Kita.
[7].Purwanto, Eko Budi. 2010. Perancangan & Analisis Algoritma. Yogyakarta: Graha Ilmu.
[8].Prastowo,  A.  2012,  Metode  Penelitian  Kualitatif  dalam  Perspektif  Rancangan Penelitian. Yogyakarta: Ar-Ruzz Media.
[9].Sandjaja, Dkk. 2011. Panduan Penelitian. Jakarta: Prestasi Pustakaraya.
[10].Yakub. 2012. Pengantar Sistem Informasi. Yogyakarta: Graha Ilmu