Asep Setiawan, Yanyan Agustian, Bambang Eko Widyanto, Raden Herdian Bayu AshSiddiq, Fuad Hasan, Sandy Radhitya Akbar JITTER (Jurnal Ilmiah Teknologi Informasi Terapan) Volume 9, No 1, 15 Desember 2022
E-ISSN : 2407 – 3911 P-ISSN : 2686 - 0333

## DESAIN WEBSITE SEBAGAI MEDIA INFORMASI DAN PROMOSI PADA PROGRAM STUDI TEKNIK SIPIL, FAKULTAS TEKNIK – UNIVERSITAS WIDYATAMA
Asep Setiawan 1 , Yanyan Agustian 2 , Bambang Eko Widyanto 3 , Raden Herdian Bayu AshSiddiq 4 , Fuad Hasan 5 , Sandy Radhitya Akbar 6
Teknik Sipil Universitas Widyatama
Jl. Cikutra No. 204A Bandung asep.setiawan@widyatama.ac.id 1

## Abstrak
Kegiatan pengabdian kepada masyarakat ini bertujuan untuk membuat desain website yang bisa dimanfaatkan  sebagai  media  penyedia  informasi  dan media  promosi  bagi  Program  Studi  Teknik  Sipil, Fakultas  Teknik  -  Universitas  Widyatama.  Metode pelaksanaan pada kegiatan ini yaitu proses perancangan situs web secara terstruktur dan berurutan dimulai  dari  penentuan  masalah,  analisa  kebutuhan, perancangan  implementasi,  integrasi,  uji  coba  sistem dan  sosialisasi.  Luaran  dari  kegiatan  ini  adalah pembuatan  desain  website    yang  akan  membantu mahasiswa untuk mencari informasi terkait pembelajaran  di  kampus, memperdalam  pengetahuan tentang  berbagai  topik,  mengembangkan  keterampil atau  bakat  tertentu,  dan  lain  sebagainya.  Bagi masyarakat  serta  stakeholder  dengan  adanya  website ini  diharapkan  akan  mampu  memberikan  pintu informasi  seluas-luasnya  terkait  informasi  prodi  serta sebagai media promosi prodi.
Kata  kunci  : website,  online,  kualitatif,  informasi, promosi

## Abstract
This  community  service  activity  aims  to  create  a website  design  that  can  be  used  as  a  medium  for providing information and promotional media for the Civil  Engineering  Study  Program,  Faculty  of Engineering, Widyatama University. The implementation  method  in  this  activity  is  the  process of designing a  website in  a structured and sequential manner  starting  from  problem  determination,  needs analysis,  implementation  design,  integration,  system trials  and  socialization.  The  output  of  this  activity  is
the creation of a website design that will help students to  find  information  related  to  learning  on  campus, deepen  knowledge  about  various  topics,  develop certain skills or talents, and so on. For the public and stakeholders  with  the  existence  of  this  website,  it  is hoped  that  it  will  be  able  to  provide  the  widest possible  information  door  related  to  study  program information  and  as  a  promotional  medium  for  study programs.
Keywords  :  website,  online,  qualitative,  information, promotion

## I. P ENDAHULUAN
Teknologi  komputer  dan  informasi  dewasa  ini telah  mengalami  perkembangan  yang  sangat pesat  baik  dalam  segi  piranti  perangkat  keras (hardware) maupun perangkat  lunak (software). Perkembangan  tersebut  bisa  dilihat dimana  jumlah daya  simpan  data  dan  daya  kecepatan (performance) terus meningkat , hingga  kualitas  hasil  yang  semakin baik  dan  akurat.  Dengan  kemajuan  teknologi komputer  dan  informasi  ini  juga  maka  informasi dapat  disampaikan  secara  tepat  waktu,  akurat  dan memadai, termasuk tentunya melalui website .
Bagi        instansi      pemerintahan,  instansi  swasta maupun        dunia  pendidikan,  keberadaan  sebuah website  sangatlah  penting.  Website  saat  ini  tidak hanya  merupakan    sebuah  halaman      online      yang hanya      dapat  dibaca  atau  statis,  namun  telah berkembang  menjadi  web  yang  lebih  dinamis      dan interaktif    yang    mampu  memberikan dan  menerima respon  dari  dan  ke  pengakses.  Website  juga  memiliki
Asep Setiawan, Yanyan Agustian, Bambang Eko Widyanto, Raden Herdian Bayu AshSiddiq, Fuad Hasan, Sandy Radhitya Akbar JITTER (Jurnal Ilmiah Teknologi Informasi Terapan) Volume 9, No 1, 15 Desember 2022
E-ISSN : 2407 – 3911 P-ISSN : 2686 - 0333
beberapa  fungsi,  diantaranya  bisa  berfungsi  sebagai media penyedia informasi dan media promosi.
Bagi  kalangan  mahasiswa,  salah  satu  fungsi terpenting website adalah untuk melakukan pencarian informasi.  Informasi  yang  diperoleh  dari  website dapat  digunakan  untuk  berbagai  keperluan,  misalnya sebagai  media  pembelajaran,  sumber  referensi  untuk mengerjakan  tugas-tugas  dari  kampus,  memperdalam pengetahuan tentang berbagai topik, mengembangkan keterampil atau bakat tertentu, dan lain sebagainya.
Bagi masyarakat dan stakeholder dengan adanya akses  informasi  yang  cepat  ini  diharapkan  akan mampu  memberikan  pintu  informasi  seluas-luasnya terkait  informasi  prodi.    Sedangkan  bagi  calon mahasiswa  baru  dapat  mengakses  informasi  seputar penerimaan  mahasiswa  baru,  info  UKM,  info beasiswa  dan  informasi  terkait  masing-masing  prodi yang  semuanya  dapat  dijadikan  pertimbangan  bagi calon mahasiswa baru sebelum mendaftar.
Berdasarkan  latar  belakang  tersebut  di  atas maka  dilaksanakan  kegiatan  pengabdian  kepada masyarakat  dengan  maksud  untuk  mendesain website  yang  bisa  dimanfaatkan  sebagai  media penyedia  informasi  dan  media  promosi  bagi Program  Studi  Teknik  Sipil,  Fakultas  Teknik  - Universitas  Widyatama.  Dengan  pembuatan  website ini diharapkan menjadi sumber informasi dan sumber pembelajaran  bagi  mahasiswa  serta  media  promosi sehingga masyarakat    dapat mengenal  lebih  jauh tentang Prodi Teknik Sipil - Universitas Widyatama.

## II. M ETODE P ENELITIAN
Metode pelaksanaan kegiatan pengabdian kepada  masyarakat  yang  kami  lakukan  yaitu  proses perancangan  website  secara  terstruktur  dan  berurutan dimulai  dari  penentuan  masalah,  analisa  kebutuhan, perancangan  implementasi,  integrasi,  uji  coba  sistem, dan sosialisasi.

## a. Penentuan Masalah
Pada  tahap  ini  dilakukan  diskusi  untuk menentukan  tujuan  pembuatan  website,  keuntungan dan manfaat dari perancangan website tersebut.
b. Analisa Kebutuhan
Pada  tahap  ini  dilakukan  analisa  kebutuhan  dan spesifikasi  lengkap  tentang  isi,  jenis  skrip  yang digunakan,  menentukan  web  statis  atau  dinamis, penggunaan  multimedia  dan  kebutuhan-kebutuhan lainnya.  Pada  tahap  ini  harus  menerangkan  sejelas- jelasnya terhadap website yang akan dibangun.

## c. Perancangan
Pada  tahap  ini  kelompok  web  desainer  dan kelompok  web  programmer  berkolaborasi  dalam menentukan  rancangan  website  sesuai  dengan spesifikasi  yang  diberikan.  Kelompok  web  desainer membuat  rancangan  tampilan  visual  sedangkan  web programer  menentukan  rancangan  program  yang dibutuhkan  dalam  pembuatan  fasilitas-fasilitas  yang ada pada website.

## d. Implementasi
Pada  tahap  ini  dilakukan  proses  implementasi terhadap seluruh website sesuai dengan tugas masing- masing kelompok. Pada tahap ini dilakukan proses uji coba  masing-masing  unit,  sehingga  dapat  diketahui bagian mana yang masih harus diperbaiki.
e. Integrasi
Pada  tahap  ini  dilakukan  penggabungan  dari semua  komponen  penyusun  website,  sehingga menjadi  website  yang  solid  dan  sesuai  dengan spesifikasi yang ada.
f. Uji Coba Sistem dan Sosialisai
Pada  tahap  ini  dilakukan  proses  uji  coba terhadap sistem yang dibangun termasuk di dalamnya sistem navigasi, fasilitas situs web seperti buku tamu, counter,  login  pengguna  dan  fasilitas  lainnya  diuji kinerjanya,  sehingga  dapat  diketahui  bagian-bagian mana yang belum berfungsi dengan baik. Selanjutnya dilakukan  sosialisasi  sebagai  tahap  awal  sosialisasi ditujuakn kepada dosen dan mahasiswa Program Studi Teknik Sipil, Fakultas Teknik - Universitas Widytama.
Asep Setiawan, Yanyan Agustian, Bambang Eko Widyanto, Raden Herdian Bayu AshSiddiq, Fuad Hasan, Sandy Radhitya Akbar JITTER (Jurnal Ilmiah Teknologi Informasi Terapan) Volume 9, No 1, 15 Desember 2022

## III. A NALISIS DAN P ERANCANGAN
Pelaksanaan kegiatam pengabdian kepada masyarakat  ini  menghasilkan  desain  website  sebagai berikut:
a. Halaman Beranda
Pada  halaman  berita  terdiri  atas  menu  home, profil,  berita,  repositori,  sisitem  informasi,  loker, aplikasi,  event,  dan  tombol  contact  us.  Pada  halaman ini  terdapat  “Tentang  Kami”  yang  berisi  deskripsi penjelasan organisasi,  lalu  “Galeri” untuk menjukkan dokumentasi  aktivitas  yang  telah  dilaksanakan,  dan “Berita  Terbaru”  yang  berisi  tampilan  berita  yang terakhir ditambahkan.
Gambar 1. Tampilan Halaman Beranda
b. Halaman Profil
Pada  halaman  profil  berisi  deskripsi,  visi  dan misi,  dan  struktur  organisasi.  Untuk  deskripsi,  visi, dan misi dapat di tambahkan melalui admin.
Gambar 2. Tampilan Halaman Profil

## c. Halaman Berita
Pada  halaman  berita  terdapat  gambar  sampul berita  terbaru  yang  berada  diposisi  atas,  tampilan berita,  fitur  pencarian,  berita  populer,  dan    kategori berita.
Gambar 3. Tampilan Halaman Berita
d. Repositori
Pada  halaman  repositori  terpadat  tabel  yang berisikan judul, kategori, jenis, tombol view, dan fitur pencarian.
Gambar 4. Tampilan Halaman Repositori
Asep Setiawan, Yanyan Agustian, Bambang Eko Widyanto, Raden Herdian Bayu AshSiddiq, Fuad Hasan, Sandy Radhitya Akbar JITTER (Jurnal Ilmiah Teknologi Informasi Terapan) Volume 9, No 1, 15 Desember 2022
E-ISSN : 2407 – 3911 P-ISSN : 2686 - 0333
e. Halaman Menu Aplikasi
Gambar 5. Tampilan Halaman Aplikasi
f. Halaman Menu Sistem Informasi
Gambar 6. Tampilan Halaman Sistem Informasi
Sedangkan  rencana  target  luaran  yang  akan dihasilkan  dari  Pelaksanaan  kegiatan  pengabdian kepada masyarakat ini adalah:
a. Publikasi  pada  Jurnal  Nasional  dan  Media Cetak/Online  untuk  menginformasikan  kegiatan yang  telah  dilaksanakan  kepada  masyarakat pendidikan dan masyarakat umum.
Menghasilkan  desain  website  Program  Studi Teknik  Sipil,  Fakultas  Teknik  –  Universitas Widyatama  sebagai  media  informasi  dan  media promosi bagi program studi.

## IV. K ESIMPULAN
Kesimpulan  dari  kegiatan  yang  telah  dilakukan maka dapat ditarik beberapa kesimpulan, yaitu:
a. Di  era  globalisasi  seperti  sekarang  ini  desain website sangat diperlukan bagi prodi Teknik Sipil Universitas  Widyatama  baik  sebagai  media informasi maupun media promosi.
b. Website  akan  membantu  mahasiswa  untuk mencari  informasi  terkait  pembelajaran  di kampus,  memperdalam  pengetahuan  tentang berbagai  topik,  mengembangkan  keterampil  atau bakat tertentu, dan lain sebagainya.
c. Masyarakat dan stakeholder dengan adanya akses informasi yang cepat ini diharapkan akan mampu memberikan  pintu  informasi  seluas-luasnya terkait informasi prodi.
d. Calon mahasiswa baru dapat mengakses informasi  seputar  penerimaan  mahasiswa  baru, info  UKM,  info  beasiswa  dan  informasi  terkait prodi yang semuanya dapat dijadikan pertimbangan  bagi  calon  mahasiswa  baru sebelum mendaftar

## R EFERENSI
Jogiyanto,  H.M.,  2005,  Analisa  dan  Desain  Sistem Informasi:  Pendekatan  Terstruktur  Teori  dan Praktik Aplikasi Bisnis, ANDI, Yogyakarta
Moleong,    J.    Lexy.    2007.    Metode    Penelitian Kualitatif  Edisi    Revisi    Cetakan  Keduapuluh Tiga. PT. Rosdakarya: Bandung, Indonesia.
https://willykatuuk.wordpress.com/2016/10/29/peranc angan-tahapan-web-design-yang-tepat/