## PERANCANGAN WEBSITE RADAR GARUT DI PERUSAHAAN WAHANA SEMESTA GARUT
Abdu Rohman Iqbal 1 , Leni Fitriani 2
Jurnal Algoritma Sekolah Tinggi Teknologi Garut Jl.Mayor Syamsu No.1 Jayaraga Garut 44151 Indonesia Email: jurnal@sttgarut.ac.id
1 1206001@sttgarut.ac.id
2 leni.fitriani@sttgarut.ac.id
Abstrak - Surat Kabar Harian Pagi Radar Garut merupakan sebuah koran lokal yang diterbitkan PT. Wahana Semesta Garut yang merupakan bagian dari Group Jawa Pos. Koran ini terbit setiap hari Senin sampai Sabtu. Koran ini berisikan 12 Halaman. Yatiu 4 halaman warna dan 8 halaman hitam  putih.  Perancangan  website  Radar  Garut  menggunakan  metode  Rekayasa  Web  (web engineering)  dari  Roger  S  Pressman  yang  diawali  dengan  formulasi,  perencanaan,  analisis, perancangan, pembuatan halaman, sampai dengan pengujian. Pemodelan dalam merancang website Radar  Garut  dengan  menggunakan    Work  Breakdown  Structure  (WBS)  digunakan  untuk menggambarkan  alur  proyek  dari  awal  sampai  selesai.  Perancangan  website  Radar  Garut menggunakan software notepad ++ dan pengujian dilakukan dengan blackbox testing. Berdasarkan hasil perancangan ini,  akhirnya dapat ditarik kesimpulan bahwa perancangan ini berupa website berbentuk  berita  dan  juga  promosi  yang  telah  memenuhi  kebutuhan  website  Radar  Garut  yang dirancang.
Kata kunci : Perancangan website Radar Garut, Web Engineering.

## I. PENDAHULUAN
Surat  Kabar  Harian  Pagi  Radar  Garut  merupakan  sebuah  koran  lokal  yang  di  terbitkan  PT Wahana  Semesta  Garut  yang  merupakan  bagian  dari  Group  Jawa  Pos.  Harian  Pagi  Radar  Garut berisikan 12 Halaman. 4 Halaman Warna dan 8 Halaman hitam  putih. Isi  berita dari koran Radar Garut itu sendiri terdiri dari beberapa rubrik yaitu berita umum atau halaman utama yang berisikan berita paling menarik dan lagi ramai dibicarakan baik itu berita lokal ataupun nasional, selain itu ada juga halaman Metropolis, Garut Utara dan Garut Selatan yang semua konten beritanya adalah berita lokal. Untuk orang-orang yang ingin mempromosikan produk atau hasil usahanya Koran Radar Garut juga menyediakan halaman Radar Bisnis. Selain berita-berita lokal tadi ada juga beberapa halaman yang menyediakan berbagai  informasi lainnya seperti Pendidikan, Selebritis, Persib, Total Footbal, Jabar Ekpress, dll.
Seiring  dengan  perkembangan  teknologi  informasi,  maka  dalam  penyampaian  informasi kepada masyarakat perlu ditingkatkan. Selama ini dengan menggunakan media cetak pendistribusian koran Radar Garut ke daerah-daerah  belum merata dan juga ditambah dengan kurangnya daya beli masyarakat terhadap koran. Oleh sebab itu diperlukan sebuah website yang bisa menjadi solusi agar penyampaian informasi menjadi lebih luas dan mudah di akses.
Bagi perusahaan, website bisa memberikan keuntungan dari orang-orang ataupun perusahaan yang memasang iklan dan berita advertorial. Selain itu Radar Garut akan semakin dikenal masyarakat.
Sebelumnya sudah ada penelitian tentang website dengan judul “Perancangan Website Taman Satwa  Cikembulan”  oleh  Dani  Hamdan  (2013).  Maka  dari  itu  penulis  membuat  judul “PERANCANGAN WEBSITE RADAR GARUT DI PT. WAHANA SEMESTA GARUT”.

## II. URAIAN PENELITIAN

## A. Definisi Informasi
Informasi  merupakan  suatu  hal  yang  sangat  dibutuhkan  di  dalam  suatu  organisasi  ataupun instansi berdasarkan kebutuhan manajemen masing-masing. Definisi informasi menurut  (Amsyah, 2005) adalah data yang sudah diolah, dibentuk, atau dimanipulasi sesuai dengan keperluan tertentu.

## B. Metodologi Rekayasa Web (Web Engineering)
Rekayasa web adalah proses  yang digunakan untuk membuat  aplikasi  web  yang berkualitas tinggi  (Pressman,  2001).  Tahapan  proses  dalam  rekayasa  web  terdiri  dari  tahap  formulasi, perencanaan, analisis, perancangan, pembuatan halaman, dan pengujian, serta evaluasi.
1. Formulasi
Tahap  formulasi  merupakan  tahap  untuk  melakukan  identifikasi  tujuan,  objek  pembuatan aplikasi web, dan batasan pengembangan sistem. Pada tahap formulasi juga dilakukan analisis model sesuai dengan spesifikasi kebutuhan sistem, dan penentuan sarana yang akan digunakan dengan tujuan untuk menjapatkan hasil output yang baik.
2. Perencanaan
Tahap perencanaan merupakan tahap untuk melakukan perkiraan biaya secara keseluruhan, dan mengevaluasi resiko yang mungkin terjadi. Pada tahap ini juga dilakukan pendefinisian jadwal pengembangan aplikasi.
3. Analisis
Tahap  analisis  merupakan  tahap  untuk  mengidentifikasi  isi  yang  akan  ditampilkan  dalam aplikasi. Pada tahap analisis juga dilakukan pendefinisian kebutuhan desain grafis (estetika).
4. Perancangan
Tahap perancangan merupakan tahap untuk melakukan penerjemahan hasil analisis ke dalam bentuk  presentasi  aplikasi.  Pada  tahap  ini  dirancang  arsitektur  perangkat  lunak,  antarmuka, input, dan output aplikasi.
5. Pembuatan Halaman
Tahap  pembuatan  halaman  (page  generation)  menghasilkan  halaman  web  yang  dapat dieksekusi. Pada tahapan ini dilakukan penggabungan isi yang telah didefinisikan pada tahap perancangan yaitu desain arsitektur, desain navigasi, dan desain antarmuka.
6. Pengujian
Pengujian merupakan proses yang dilakukan untuk menemukan error. Setelah diperoleh error dilakukan perbaikan untuk memastikan web akan berjalan dengan baik. Salah satu pengujian yang  dapat  digunakan  adalah  pengujian  Black-Box.  Fokus  pengujian  Black-Box  adalah kebutuhan fungsional.

## C. Website
Website merupakan sebuah halaman berisi informasi yang dapat dilihat jika komputer Anda terkoneksi  dengan internet.  Dengan  adanya website,  semua orang di  dunia bisa mendapatkan dan mengelola informasi dengan berbagai sumber yang tersedia di internet.
Website sendiri saat ini bisa memuat berbagai macam media, mulai dari teks, gambar, suara, bahkan video. (Wahana Komputer, 2010).

## D. PHP
Menurut  dokumen  resmi  PHP,  PHP  singkatan  dari  Hypertext  Preprocessor.  Ia  merupakan bahasa  berbentuk  skrip  yang  ditempatkan  dalam  server  dan  diproses  di  server.  Hasilnyalah  yang dikirimkan ke klien, tempat pemakai menggunakan browser. (Kadir, 2003).

## E. Xampp
XAMPP  adalah  program  aplikasi  pengembang  yang  berguna  untuk  pengembangan  website
berbasis PHP dan MySQL. Sampe saat tutorial ini dibuat, versi terbaru XAMP adalah XAMP 1.8.3.0.

## III. KERANGKA KERJA

## A. Skema Proyek Tugas Akhir
Terdapat beberapa alur aktifitas proyek tugas akhir yang dilakukan untuk mencapai tujuan, adapun alur tahapan aktifitas proyek tugas akhir tersebut digambarkan sebagai berikut :

## Gambar 3.1 Alur Aktifitas Penelitian
Aktivitas dimulai dengan merumuskan masalah yang muncul untuk dijadikan acuan dalam merumuskan  tujuan  dari  penelitian.  Perumusan  Tujuan  penelitian  dimaksudkan  agar  penelitian menjadi lebih terarah dan jelas. Setelah penelitian dirumuskan maka dilakukan studi literatur yang dimaksudkan untuk mendukung penelitian dari sisi ilmiah. Dengan berdasarkan kepada studi literatur dibuatlah work breakdown structure.
Gambar 3.2 Work Breakdown Structure (Dawson, 2003)

## IV. HASIL DAN PEMBAHASAN
A.

## Analisis Isi
Pada tahap ini dilakukan analisis user dengan website untuk mengetahui konten apa saja yang bisa diakses user dan analisis admin dengan website dengan menggunakan use case ditujukan pada gambar 4.1:
Gambar 4.1 Use case user terhadap web

## B. Analisis Interaksi
Pada  tahap  ini  dilakukan  analisis  interaksi  yang  terjadi  diantara user dengan website dan admin dengan website berdasarkan use case pada tahap analisis konten.
Tabel 4.2 Tabel Analisis Interaksi User dengan website No. Use Case Aktor Prekondisi Goals Skenario 1. Use case lihat home User User memasukan url web Radar Garut Browser menampilkan page home User memasukan url, kemudian browser memproses url, lalu kemudian
browser menampilkan page yang di
request. 2. Use case lihat
Garut Metropolis
User User telah berada pada page home , lalu memilih menu Garut Metropolis Browser menampilkan halaman Garut Metropolis User telah berada di page Home ,
kemudian memilih menu Garut Metropolis, lalu browser menampilkan halaman Garut Metropolis. 3. Use case lihat Nasional User User telah berada di menu Garut Metropolis kemudian memilih menu Nasional Browser menampilkan halaman Nasional User telah berada di halaman Garut Metropolis, kemudian memilih menu
Nasional, lalu browser menampilkan halaman Nasional 4. Use case lihat Jabar Ekspres User User telah berada di menu Nasional kemudian memilih menu Jabar Ekspres Browser menampilkan halaman Jabar Ekspres User telah berada di halaman Nasional, kemudian memilih menu Jabar Ekspres, lalu browser menampilkan halaman Jabar Ekspres 5. Use case lihat Garut Bisnis User User telah berada di menu Jabar Ekspres kemudian memilih menu Garut Bisnis Browser menampilkan halaman Garut Bisnis User telah berada di halaman Jabar Ekspres, kemudian memilih menu Garut Bisnis, lalu browser
menampilkan halaman Garut Bisnis 6. Use case lihat Olahraga User User telah berada di menu Garut Bisnis kemudian memilih menu Olahraga Browser menampilkan halaman Olahraga
User telah berada di halaman Garut Bisnis, kemudian memilih menu Olahraga, lalu browser menampilkan halaman Olahraga 7. Use case lihat Insiden User User telah berada di menu Olahraga kemudian memilih menu Insiden Browser menampilkan halaman Insiden
User telah berada di halaman Olahraga kemudian memilih menu Insiden, lalu browser menampilkan halaman Insiden
8.
Use case lihat Aneka Berita dan Pilih Pendidikan User User telah berada di menu Insiden kemudian memilih menu Aneka Berita dan Pilih Pendidikan Browser menampilkan halaman Pendidikan User berada di halaman Insiden kemudian memilih menu Aneka Berita dan pilih Pendidikan, lalu browser menampilkan halaman Pendidikan
No. Use Case Aktor Prekondisi Goals Skenario 9. Use case lihat Aneka berita dan pilih Garut Utara User User telah berada di menu Pendidikan kemudian memilih menu Aneka Berita dan pilih Garut Utara Browser menampilkan halaman Garut Utara User berada di halaman Pendidikan kemudian memilih menu Aneka Berita dan pilih Garut Utara, lalu browser menampilkan halaman Garut Utara
10. Use case lihat Aneka Berita dan pilih Garut Selatan User User telah berada di menu Garut Utara kemudian memilih menu Aneka Berita dan pilih Garut Selatan Browser menampilkan halaman Garut Selatan User berada di halaman Garut Utara kemudian memilih menu Aneka Berita dan pilih Garut Selatan, lalu browser menampilkan halaman Garut Selatan
11. Use case lihat Aneka Berita dan pilih Opini User User telah berada di menu Garut Selatan kemudian memilih menu Aneka Berita dan pilih Opini Browser menampilkan halaman Opini User berada di halaman Garut Selatan kemudian memilih menu Aneka Berita dan pilih Opini, lalu browser menampilkan halaman Opini
12. Use case lihat Galery User User telah berada di menu Opini kemudian memilih menu Galery Browser menampilkan halaman Galery User berada di halaman Opini kemudian memilih menu Galery, lalu browser menampilkan halaman Galery
13. Use case lihat Dulur Persib User User telah berada di menu Galery kemudian memilih menu Dulur Persib Browser menampilkan halaman Dulur Persib User berada di halaman Galery kemudian memilih menu Dulur Persib, lalu browser menampilkan halaman
Dulur Persib

## C. Analisis Fungsional
Berdasarkan  analisis  sebelumnya,  berita  adalah  hasil  analisis  fungsionalitas  website  yang diranang :
1. Website dapat menampilkan informasi berupa teks dan gambar.
2. User dapat berinteraksi dengan website dengan menggunakan menu pada website.
3. Navigasi dalam website diatur oleh menu dan secondary menu.
4. Ketika mengakses gambar, user dapat melakukan interaksi dengan gambar tersebut berupa aksi slide gambar.

## D. Analisis Konfigurasi
Hasil  dari  analisa  konfigurasi  website  yang  akan  dibuat  yaitu  shared  server  menggunakan localhost.

## E. Perancangan Arsitektur Web
Gambar 4.3 Arsitektur Web
Pada gambar 4.3 menunjukkan arsitektur dua lapisan atau client/server  yang menggunakan server web untuk menyediakan layanan untuk client. Permintaan client ditunjukan pada server web yang kemudian di tunjukan ke halaman HTML.
Sedangkan  prancangan  arsitektur  yang  mengacu  pada  penjelasan  menurut  Pressman  (2001) website ini menggunakan arsitektur Networked, dimana komponen-komponen arsitekturral (dalam kasus  ini,  halaman-halaman  web)  didesain  sedemikian  rupa  sehingga  mereka  dapat  melewatkan kontrol (melalui hypertext link) kepada setiap komponen lain di dalam sistem secara virtual tertuju pada gambar 4.4:

## Gambar 4.4 Struktur Network

## C. Perancangan Navigasi
Desain  navigasi  dilakukan  untuk  mempermudah  pengguna  mengakses  informasi  yang terdapat pada web .

## Gambar 4.5 Rancangan Navigasi

## D. Perancangan Antarmuka
Pada tahap ini dilakukan perancangan antarmuka website Radar Garut.
Gambar 4.6 Stuktur Menu
Tampilan menu utama website (page home)
Gambar 4.11 Tampilan Page Home

## V. KESIMPULAN

## A. Kesimpulan
Dari hasil perancangan web yang dilakukan, dapat diambil kesimpulan bahwa:
1. Perancangan website Radar  Garut  yaitu  menampilkan  informasi  berita-berita  terbaru  seputar Garut dan juga memberikan ruang untuk perusahaan yang akan memasang iklan di website.
2. Untuk pengembangan selanjutnya diharapkan dapat menambahkan fasilitas berupa komentar, membagikan berita dan juga ada fasilitas berupa e-papper yaitu koran dalan bentuk digital.

## UCAPAN TERIMA KASIH
Penulis  mengucapkan  terima  kasih  banyak  kepada  kedua  orang  tua  tercinta  serta  seluruh keluarga yang telah memberi dukungan dalam bentuk moril atau materil sehingga bisa menjadi seperti ini  sekarang.  Untuk  Pembimbing  yang  telah  memberikan  pengarahan,  pengetahuan,  waktu  dan tenanganya selama proses bimbingan menyelesaikan laporan.

## DAFTAR PUSTAKA
[1]    Amsyah, Z,. (2005), “Manajemen Sistem Informasi” , Jakarta, Gramedia Pustaka Utama. [2]    Betha,  Pohan,  H.I.,  (2001), “Pemrograman  Web  dengan  HTML” , Bandung,  Informatika Bandung.
[3]    Daryanto, (2010), “Teknologi Jaringan Internet dan Pemahaman” , Bandung, Sarana Tutorial Nurani Sejahtera.
[4]  Dawson,  C.W.,  (2005), “Projects  in  Computing  and  Information  Systems:  A  Student’s Guide” , London, Pearson Education Limited. [5]    Kadir, A., Triwahyuni., THC, (2005), “Pengenalan Teknologi Informasi” , Yogyakarta, Andi. [6]   Pressman,  R.S.,  (2001), “Software  Engineering: A  Practitioner’s Approach (5 th ed.)” New York.
[7]  Rosa, (2013), “Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek”, Bandung, Informatika Bandung.
[8]   Utdirartatmo, Firrar, (2007), “Trik Mendayagunakan Visio” , Edisi I, Graha Ilmu,   Yogyakarta.