## Jurnal Teknologi Terpadu
https://journal.nurulfikri.ac.id/index.php/JTT ISSN : 2477-0043 ISSN ONLINE : 2460-7908

## PERANCANGAN WEBSITE SEBAGAI MEDIA INFORMASI DAN PENINGKATAN CITRA PADA SMK DEWI SARTIKA TANGERANG

## Wendy Andriyan, Sarwan Septiawan, Annisa Aulya
Teknik Informatika, Universitas Raharja JL. Jendral Sudirman, No.40, Modern Cikokol, Tangerang 15117 wendy@raharja.info, sarwan.septiawan@raharja.info, annisa.aulya@raharja.info

## Abstract
Many schools are currently competing to make information and promotional media as attractive as possible, which attract attention in obtaining prospective students and new students. Most of the media used by schools still have limitations in their delivery. They are deemed inefficient because people have to come to the school directly to get information about schools. This is experienced by SMK Dewi Sartika Tangerang, where the information and promotion media used are still printed media such as  brochures  and  banners.  As  a  private  school,  of  course,  this  is  a  problem  in  competition  with  other  schools  to  get  new students, and the image of the school is less well known by the public. Therefore, it is necessary to have additional media with a  broader  scope  of  information access  and  promotion  so  that  many  people  know  and  are  interested  in  SMK  Dewi  Sartika Tangerang. One of the efficient media that can be used to support information and promotion is a website in which there is information in the form of text, images, videos, sounds, and various other features to understand the information conveyed quickly and clearly. This study uses field research methods to collect data through observation, interviews, and documentation. There is also problem analysis, needs analysis, and testing methods using black-box testing to determine whether the website is as expected. This study produces a website design that can be implemented by SMK Dewi Sartika Tangerang so that the community's needs for information sought about schools can be fulfilled. With this research, the authors hope to increase the acquisition of target students who are higher and improve the school's image in the eyes of the community.
Keywords: Website, Wordpress, Information Media, Image Enhancement.

## ABSTRAK
Banyaknya sekolah saat ini berlomba-lomba membuat media informasi dan promosi semenarik mungkin yang digunakan untuk menarik perhatian dalam memperoleh calon siswa dan siswi baru. Kebanyakan media yang yang digunakan oleh sekolah masih memiliki keterbatasan dalam penyampaiannya dan dirasa masih kurang efesien. Hal itu yang dialami oleh SMK Dewi Sartika Tangerang, sebagai sekolah swasta, tentunya hal itu menjadi permasalahan dalam persaingan dengan sekolah lainnya untuk memperoleh siswa/i baru dan citra sekolah menjadi kurang dikenal oleh masyarakat. Maka dari itu, perlu adanya penambahan media dengan cakupan akses informasi dan promosi yang lebih luas agar banyak masyarakat yang mengetahui dan tertarik dengan SMK Dewi Sartika Tangerang. Penelitian ini menggunakam metode field research dengan proses pengumpulan data melalui observasi, wawancara dan dokumentasi. Terdapat juga analisa permasalahan, analisa kebutuhan dan metode pengujian menggunakan black box testing untuk mengetahui apakah website sesuai dengan yang diharapkan. Dengan adanya penelitian ini, penulis berharap dapat meningkatkan perolehan target siswa/i yang lebih tinggi serta dapat meningkatkan citra sekolah dimata masyarakat.
Kata kunci: Website , Wordpress, Media Informasi, Peningkatan Citra.
1. PENDAHULUAN
Website atau  situs  dapat  diartikan  sebagai  kumpulan halaman  yang  menampilkan  informasi  data  teks,  data gambar diam atau data gambar gerak, data animasi, suara, video dan gabungan dari semuanya baik yang bersifat statis maupun  dinamis  yang  membentuk  suatu  rangkaian
bangunan  yang  saling  terkait  dimana  masing-masing dihubungkan dengan jaringan-jaringan halaman [1]. Hal itu yang  membuat Website menjadi  media  informasi  paling tepat,  cepat  dan  akurat  untuk  digunakan,  karena  setiap informasi  yang  diuraikan  pada  halaman Website dapat disampaikan dengan jelas dan saling mendukung satu sama
lain  agar  penjelasan  informasinya  dapat  dipahami  dengan mudah, seperti mendeskripsikan suatu hal melalui teks lalu bisa  diperkuat  dengan  menambahkan  gambar  ataupun video.
Website merupakan bagian dari teknologi internet, dimana teknologi adalah sistem yang diciptakan oleh manusia untuk maksud  dan  tujuan  tertentu untuk  mempermudah  manusia dalam meringankan usahanya, meningkatkan hasilnya, dan menghemat tenaga dan sumber daya yang ada [2]. Saat ini, internet  menjadi  sumber  informasi  yang  paling  banyak digunakan  untuk  mencari  informasi  yang  dibutuhkan  [3] karena pada jaringan internet terdapat sebuah search engine atau  mesin  pencari  yang  dapat  digunakan  oleh  pengguna untuk mencari halaman-halaman web yang dibutuhkannya [4].  Ketika  menuliskan  informasi  yang  dibutuhkan  pada search  engine melalui  jaringan  internet,  yang  akan  tampil adalah  berbagai  halaman  web  beserta  informasi  di dalamnya.  Sebagai  bentuk  ciptaan  manusia,  sudah seharusnya memberikan kemudahan dalam berbagai aspek kehidupan, salah satunya dalam mencari informasi dimana informasi  yang  tepat  dan  cepat  diperlukan  untuk mendukung  aktivitas  kehidupan  [5].  Didukung  oleh perkembangan  berbagai  perangkat  seperti  tablet  dan smartphone yang  semakin  memudahkan  banyak  orang untuk mengakses informasi [6], menjadikan internet sebagai media alternatif dalam memperoleh informasi dengan biaya yang murah dan terjangkau dibandingkan dengan informasi yang  tersebar  melalui  media  cetak  ataupun  elektronik berbasis televisi dan radio dengan harga yang mahal.
Dalam  pemanfaatannya, website banyak  sekali  digunakan sebagai bentuk penyampaian informasi yang tepat sasaran, seperti penggunaan website dalam dunia pendidikan sebagai bentuk strategi marketing dalam memperkenalkan informasi sekolah ke masyarakat luas untuk meningkatkan perolehan  siswa/i  baru.  Tetapi,  hal  itu  menjadi  persaingan tersendiri  bagi  sekolah-sekolah  dalam  menarik  perhatian calon siswa-siswi baru, sehingga banyaknya sekolah saat ini berlomba-lomba  untuk  membuat  media  informasi  dan promosi  semenarik  mungkin.  Salah  satunya  adalah  SMK Dewi Sartika Tangerang yang merupakan sekolah swasta di jalan Gatot Subroto, KM.5, Jatiuwung, Tangerang.
Saat  ini,  media  yang  digunakan  oleh  SMK  Dewi  Sartika Tangerang dalam memperkenalkan identitas sekolah masih berupa  brosur  dan  spanduk.  Hal  ini  membuat  penyebaran informasi  dan  promosinya  masih  belum  luas  dan  kurang efesien. Karena masih memiliki keterbatasan cakupan akses informasi,  membuat  citra  sekolah  kurang  dikenal  dan masyarakat  luas  harus  mendatangi  lokasi  sekolah  terlebih dahulu  untuk  sekedar  mendapatkan  informasi  mengenai sekolah.  Maka  dari  itu,  penulis  membuatkan  rancangan website untuk  diimplementasikan  dan  digunakan  sebagai cara  dalam  mempermudah  penyebaran  informasi  yang sekarang  ini  banyak  digunakan  dimanapun  dan  oleh siapapun [7]. Website yang akan dibuat berbasis Wordpress dan  menggunakan  server  lokal  ( localhost ). Wordpress
adalah  sebuah  perangkat  lunak  yang  digunakan  untuk membuat website [8]  dan  salah  satu  dari  CMS  ( Content Managemen  System )  yang  merupakan  sebuah  sistem  yang memberikan  kemudahan  kepada  para  penggunanya  dalam mengelola  dan  mengadakan  perubahan  isi  sebuah website dinamis  tanpa  sebelumnya  dibekali  pengetahuan  tentang hal-hal  yang  bersifat  teknis  [9].  Dengan  kata  lain, website yang dibangun menggunakan platform Wordpress ini sangat mudah  dikelola  tanpa  harus  memiliki  skill  programming. Dengan  adanya  perancangan website ini  diharapkan  dapat membantu SMK Dewi Sartika Tangerang dalam menunjang efektifitas  dan  efesiensi  penyampaian  informasi  dan promosi. Sehingga dapat mencapai target perolehan siswa/i baru  serta  meningkatkan  citra  sekolah  dimata  masyarakat luas  melalui  pengelolaan  sumber  daya  informasi  berbasis website ini.

## 2. TINJAUAN PUSTAKA
Penelitian yang dilakukan oleh Abdur Rochman, dkk (2020) [10]  dengan  judul  "Implementasi Website Profil  SMK Kartini  Sebagai  Media  Promosi  dan  Informasi  Berbasis Open  Source ".  Penelitian  ini  membahas  mengenai implementasi website profil  sekolah  SMK  Kartini Tangerang yang  dirancang menggunakan  platform Wordpress sebagai salah satu media penyampaian informasi dan promosi. Media ini dipilih karena dianggap lebih efektif untuk  menyampaikan  informasi  kepada  masyarakat dibandingkan  media cetak yang telah  digunakan sebelumnya  dikarenakan  penyampaian  informasi  menjadi luas dan mudah untuk didapatkan.
Penelitian  yang  dilakukan  oleh  Yulianti,  dkk  (2020)  [11] dengan judul "Pengembangan dan Sosialisasi Website untuk Meningkatkan Penyebaran Informasi SMP Islam Madinatul I’lmi Ciputat - Tangerang Selatan". Penelitian ini membahas mengenai  pembuatan website SMP  Islam  Madinatul  Ilmi menggunakan Wordpress sebagai  alternatif  penyampaian informasi  yang  lebih  efisien  dan  mudah  diakses. Website yang  telah  dibuat  selanjutnya  disosialisasikan  kepada murid-murid SMP Islam Madinatul Ilmi dan menyampaikan cara  pengelolaan website ke  guru  dan  staf Information Technology (IT).
Penelitian  yang  dilakukan  oleh  Andik  Prakasa  Hadi  dan Faiz  Abdul  Rokhman  (2020)  [12]  dengan  judul "Implementasi Website Sebagai  Informasi  dan  Promosi Pada  Pondok  Pasantren  Putra-Putri  Addainuriyah  2 Semarang". Penelitian ini membahas cara untuk mengatasi permasalahan  promosi  yang  digunakan  melalui  video. Berdasarkan penelitian ini, brosur dan spanduk masih belum mampu memberikan banyak informasi sehingga menyebabkan  pasantren  menjadi  kurang  dikenal  oleh masyarakat luas. Oleh karena itu, dibuatlah media website agar  informasi  dan  promosi  yang  disampaikan  bisa disebarkan secara luas dan dapat diakses dengan mudah.
Berdasarkan  tinjauan  pustaka  di  atas  yang  memiliki kemiripan  dengan  penelitian  ini  maka  dapat  disimpulkan
81 | Jurnal Teknologi Terpadu Vol. 6 No. 2 Desember 2020
bahwa  media website sangat  efektif  digunakan  dalam menyampaikan  informasi  maupun  promosi  dengan  skala akses  yang  cukup  luas  dengan  menggunakan  jaringan internet. Perancangan website menggunakan Wordpress pun sangat  diuntungkan  karena  bersifat open  source ,  dimana pengelolaannya cukup  mudah dan website dapat dikembangkan lagi.

## 3. METODE PENELITIAN
Pada  penelitian  ini  penulis  menggunakan  metode field research (penelitian  lapangan)  yaitu  dengan  mendatangi SMK  Dewi  Sartika  Tangerang  selaku  tempat  yang  diteliti untuk mendapatkan data yang diperlukan melalui observasi, wawancara  dan  dokumentasi.  Adapun  metode  lainnya seperti  metode  analisa  permasalahan  untuk  mengetahui masalah  apa  saja  yang  dihadapi  dalam  penggunaan  media informasi  saat  ini,  metode  Analisa  kebutuhan  dan  metode black-box testing untuk melakukan pengujian pada website yang akan dibuat.
Gambar 1. Metode Penelitian

## 4. HASIL DAN PEMBAHASAN
4.1. Analisa Permasalahan
Media cetak yang digunakan SMK Dewi Sartika Tangerang dalam  menginformasikan  dan  mempromosikan  sekolah  ke masyarakat  luas  masih  terdapat  beberapa  permasalahan sebagai berikut:
1. Media informasi yang digunakan saat ini masih belum efesien  karena  masyarakat  luas  harus  mendatangi sekolah  secara  langsung  untuk  sekedar  mendapatkan informasi yang dibutuhkan.
2. Penyampaian  informasi  dan  promosi  mengenai sekolah  masih  terbatas.  Hal  itu  dikarenakan  media yang  digunakan  masih  berupa  media  cetak,  sehingga informasi yang ingin disampaikan masih kurang luas skala penyebarannya.
3. Keterbatasan  penyebaran  informasi  yang  dilakukan, membuat citra sekolah kurang dikenal oleh masyarakat dan sulit mengetahui informasi sekolah. Hal seperti ini akan  menciptakan  opini  dimana  sekolah  tidak  serius dalam  mengelola  sumber  daya  informasi  yang dibutuhkan untuk masyarakat.
4.2. Pemecahan Masalah
Berdasarkan  permasalahan  yang  telah  diuraikan,  terdapat pemecahan masalah sebagai berikut:
1. Perlu  adanya  penambahan  media  informasi  dan promosi  baru  sebagai  bentuk  dukungan  media  yang sudah ada saat ini sehingga penyebaran informasi dan promosi yang dilakukan menjadi efektif dan efesien.
2. Perlu  merancang  media website sebagai  media informasi  dan  peningkatan  citra  yang  memiliki cakupan akses yang luas. Dimana untuk mendapatkan informasi  sekolah,  masyarakat  luas  hanya  perlu terhubung dengan internet sehingga tidak ada batasan tempat dan waktu dalam memperoleh informasi yang dibutuhkan.
3. Perlu meningkatkan citra sekolah melalui pengelolaan informasi  akademik  yang  nantinya  masyarakat  akan menilai bahwa sekolah benar-benar serius memperhatikan  sumber  daya  informasi  dalam  aspek akademiknya. Hal itu dapat membangun citra sekolah dimata masyarakat.
4.3. Analisa Kebutuhan Fungsional
Berikut adalah kebutuhan fungsional dari website yang akan dibuat:
1. Website harus  memiliki  informasi  yang  dibutuhkan oleh masyarakat luas dan masyarakat sekolah.
2. Website harus  bisa  menyajikan  konten  berupa  artikel yang  akan  dijadikan  informasi  seputar  pelaksanaan kegiatan sekolah.
3. Website harus memiliki menu navigasi yang jelas dan terstruktur  dengan  baik  sebagai  petunjuk  bagi pengguna  untuk  lebih  leluasa  mengakses  informasi yang ada pada website .
4.4. Analisa Software Perancangan  media website ini  menggunakan  aplikasi XAMPP sebagai localhost (jaringan lokal) dan Wordpress sebagai  platform  yang  digunakan  untuk  membangun  dan mengelola website .  Terdapat  juga  plugin  yang  merupakan fitur  tambahan  pada Wordpress sebagai  pendukung perancangan Website ini,  diantaranya plugin  Elementor, plugin addon Elementor, plugin Yoast SEO, plugin Everest Form, plugin TablePress, plugin VVAme Chat, plugin Use Any Font dan plugin Classic Editor serta Adobe Premiere CC dan Adobe Photoshop CC.

## 4.5. Analisis Pengguna ( User )
Ada  4  pengguna  yang  dapat  mengelola  dan  mengakses website ini, yaitu:
Field Research Analisa Kebutuhan
Analisa Permasalahan
Black Box Testing
Tabel 1. Analisis Pengguna
4.6. Strategi Desain Website
Desain  yang  digunakan  dalam  perancangan website ini adalah landing page . Landing page adalah halaman website yang  di  desain  untuk  menampilkan  informasi  yang  lebih spesifik pada halaman depan ( Homepage ) untuk mendorong pengunjung  agar  lebih  fokus  pada  informasi  yang ditampilkan. Landing  Page memiliki  desain  yang  berbeda dengan website pada umumnya, dimana landing page hanya memiliki 1 (satu) buah kolom saja tanpa adanya sidebar dan biasanya  di  dukung  oleh  informasi  tambahan  pada menu navigasi yang  disediakan  di Header dan Footer .  Untuk warna yang dipilih pada website ini adalah biru tua, merah tua, hijau tua, kuning, orange dan putih. Warna biru tua dan orange  pada website ini  menjadi  warna basic mengikuti tema  yang  digunakan,  sedangkan  untuk  warna  lainnya digunakan  sebagai  variasi  agar website menjadi  lebih menarik. Terdapat penggunaan typography yang digunakan pada website ini  seperti Verdana,  Quicksand  dan  Comic Sans  MS yang telah disesuaikan  agar  memiliki  tingkat kenyamanan  yang  tinggi  saat  dibaca.  Informasi  yang ditampilkan pada website ini memiliki 3 sumber kekuatan, yaitu teks, gambar dan video yang telah disesuaikan dengan kepadatan  informasi.  Dalam  strategi  desain  web ini ,  ada beberapa  unsur  penting  yang  diperhatikan  agar website dapat ditampilkan dengan baik, yaitu:
1. Menu Navigasi yang Jelas
Menu  navigasi  adalah  salah  satu  cara  untuk  mengarahkan pengunjung  ke  tempat  informasi  yang  semestinya, menjadikan  petunjuk  dan  akses  yang  lebih  mudah  dalam memperoleh  informasi  pada website .  Menu  navigasi  juga berfungsi untuk menampilkan informasi-informasi apa saja yang ada pada website .
2. Responsive
Tampilan yang responsive merupakan salah satu cara agar website dapat  ditampilkan  dan  menyesuaikan  ukuran resolusi layar pada saat dibuka melalui berbagai perangkat. Setiap perangkat yang digunakan oleh pengunjung pastinya memiliki resolusi layar yang berbeda, agar tampilan website
tidak berantakan dan tetap nyaman dilihat. Oleh karena itu, tampilan website yang responsive menjadi hal yang paling penting dalam proses perancangan website ini.
3. Tampilan Website Menarik
Agar menciptakan kesan bagi pengunjung, tampilan website dibuat semenarik mungkin agar pengunjung tertarik untuk berlama-lama ketika  sedang mencari informasi di website . Ada  beberapa  unsur  yang  diperhatikan  agar  tampilan website terlihat menarik, yaitu unsur warna, typography dan layout yang digunakan . Dalam proses perancangan tampilan website yang menarik, kecepatan loading website juga ikut serta  diperhatikan  agar  tidak  memberatkan  dan  mencegah pengunjung agar tidak bosan saat mengakses website .
4.7. Strategi Pengelolaan Website
Perancangan website ini  dibuat  menggunakan  platform Wordpress yang  merupakan  CMS  ( Content  Management System ). Artinya, proses pembuatan website sampai seluruh isinya telah tersistem dengan baik agar penggunanya dapat mengelola  dan  merubah  setiap  isi website dengan  mudah sekalipun tidak memiliki skill programming.
Gambar 2. Dashboard Wordpress
4.8. Strategi Penyampaian Informasi
Strategi  penyampaian  informasi  yang  digunakan  pada perancangan Website SMK  Dewi  Sartika  Tangerang  yaitu meletakan  informasi  yang  dirasa  penting  pada  halaman utama website yang  memiliki  model landing  page . Diantaranya  ada news yang  cara  kerjanya  seperti  papan pengumuman. News menampilkan informasi berupa artikel yang dapat diisi oleh berbagai pelaksanaan kegiatan sekolah ataupun  informasi  yang  ingin  disampaikan  kepada  para pengunjung  dan  juga  murid-murid  sekolah.  Selain  itu, terdapat  video  profil  singkat  sekolah  yang  memberikan gambaran  secara real  time mengenai  lingkungan  sekolah, terdapat  informasi  mengenai  fasilitas  sekolah  yang  dibuat dalam  bentuk list ,  terdapat  beberapa  gambar  kegiatan, terdapat  informasi  mengenai  jumlah  siswa  pertahunnya, terdapat  informasi  lokasi  sekolah  berupa maps dan footer sebagai navigasi tambahan pada website . Terdapat beberapa informasi  pendukung  lainnya  yang  dibuat  pada  halaman yang berbeda dan diletakan pada menu navigasi agar dapat dilihat dan diakses dengan mudah oleh pengunjung. Seperti informasi  sejarah  sekolah,  informasi  program  studi, informasi akademik, informasi materi berupa file yang bisa dimasukan  oleh  guru  dan  di  unduh  oleh  murid,  informasi
Pengguna Tugas Admin Orang  yang  bertugas  mengelola  w ebsite dan  memberikan  akses  kepada  pengguna lainnya. Guru Orang  yang  bertugas  membuat  konten artikel  seperti  materi  pelajaran  atau  tugas setelah mendapatkan akses dari admin. Siswa
Orang  yang  mengakses  informasi  pada
Website dan juga membuat konten artikel sesuai  dengan  intruksi  guru  setelah mendapatkan hak akses dari admin.
Masyarakat Luas
Orang  yang  hanya  mengakses  w ebsite
tanpa bisa masuk kebagian dalam w ebsite
untuk mengelola ataupun membuat konten artikel.
83 | Jurnal Teknologi Terpadu Vol. 6 No. 2 Desember 2020
galeri  foto,  dan  informasi contact yang  digunakan  untuk berkomunikasi secara langsung terhadap pihak sekolah.
4.9. Tujuan Perancangan
Website Tujuan dari perancangan website sekolah ini adalah untuk memperluas  cakupan  akses  media  informasi  dan  promosi dengan cara menambahkan medianya, sehingga pengenalan sekolah ke masyarakat bisa lebih luas dan citra sekolah akan mengalami peningkatan. Kemudahan akses informasi yang terdapat  pada website juga  menciptakan  peluang  untuk memperoleh  calon  siswa/i  baru  yang  hendak  melanjutkan pendidikannya sesuai dengan target.
Gambar 3. Desain Halaman Login

## 4.10. Sasaran Media Website
Sebagai bentuk strategi untuk memperoleh siswa dan siswi baru  sekaligus  upaya  untuk  meningkatkan  citra  sekolah, terdapat sasaran yang telah direncanakan dalam merancang Website SMK  Dewi  Sartika  Tangerang  untuk  memenuhi empat aspek berikut ini:
1. Geografi: Wilayah Kota Tangerang dan Jatiuwung
2. Demografi:
a. Jenis Kelamin: Pria & Wanita
b. Kelas Ekonomi: Menengah
3. Sasaran:
a. Siswa/i sekolah menengah pertama SMP.
b. Siswa/i transfer atau pindahan.
c. Masyarakat Sekolah
d. Relasi
4. Psikografi:  Sebagai  sarana  untuk  menambah  cara mengkomunikasikan
4.11. Desain Website Proses  perancangan website sebagai  media  informasi  dan peningkatan  citra  pada  SMK  Dewi  Sartika  Tangerang dilakukan secara bertahap sesuai dengan tahapan yang telah ditentukan  untuk  mendapatkan  hasil  rancangan  yang menarik  dan  efektif.  Berikut  adalah  hasil  perancangan website yang telah dibuat:
Gambar 4. Desain Halaman Depan Website ( Homepage )
Gambar 5. Desain Halaman Sejarah Sekolah
Gambar 6. Desain Halaman Visi dan Misi
Gambar 7. Desain Halaman Struktur Organisasi

## Gambar 8. Desain Halaman Sarana dan Prasarana
Gambar 9. Desain Halaman Program Studi
Gambar 10. Desain Halaman Materi Pelajaran
Gambar 11. Desain Halaman Galeri
Gambar 12. Desain Halaman Contac t Gambar 13. Tampilan Login
4.12. Implementasi Website Website yang  dibuat  menggunakan  platform Wordpress , maka  dari  itu  halaman login pada website secara  otomatis mengikuti  platform  yang  digunakan.  Pada  bagian  ini, pengguna dapat langsung melakukan login untuk masuk ke dashboard atau bagian dalam website untuk mengelolanya apabila telah memiliki akun untuk akses masuknya.
Gambar 14. Tampilan Header dan Menu navigasi
Pada  tampilan header website ,  akan  menampilkan  logo sekolah,  nama  sekolah,  kolom  pencarian,  dan  menu navigasi.  Menu  navigasi  bertujuan  sebagai  petunjuk  atau peta  situs  agar  pengunjung  tidak  tersesat  ketika mengunjungi website sekolah dan memudahkan pengunjung dalam mengakses informasi dengan cepat dan mudah.
Gambar 15. Image Slider
Image  slider ini  terletak  setelah  menu  navigasi,  dimana nantinya akan menampilkan beberapa gambar pilihan untuk menarik  perhatian  calon  siswa/i  baru  yang  akan  berganti secara otomatis sesuai dengan waktu yang sudah ditentukan.

## Gambar 16. Tampilan News
Tampilan News akan  menampilkan  informasi  berupa artikel.  Artikel  ini  menjadi  informasi  yang  paling  penting ketika  ada  sesuatu  yang  ingin  disampaikan.  Bentuknya dibuat grid dan  postingan  akan  terganti  secara  otomatis apabila terdapat artikel yang baru dibuat. Untuk jumlahnya sendiri  dapat  disesuaikan  berdasarkan  kebutuhan  dan seberapa banyak informasi penting yang harus ditampilkan.
Gambar 17. Tampilan Video Profile Singkat
Pada halaman utama website telah disediakan video profile singkat  mengenai  sekolah,  hal  ini  dimaksudkan  agar pengunjung  dapat  melihat  informasi  melalui  gambaran langsung yang disajikan dalam bentuk video. Tidak hanya itu, untuk melengkapi dan mendukung informasi yang ada
pada halaman utama, ditambahkan juga informasi mengenai fasilitas sekolah dan beberapa gambar kegiatan siswa.

## Gambar 18. Tampilan Jumlah Siswa dan Lokasi
Terdapat  juga  informasi jumlah  siswa  pertahunnya berdasarkan  program  studi  yang  diminati.  Lalu  setelahnya terdapat informasi berupa lokasi sekolah yang dibuat dalam bentuk maps ,  hal  ini  bertujuan  agar  pengunjung  dapat mengetahui  lokasi  sekolah  secara  langsung  berdasarkan petunjuk yang diberikan pada maps .
Gambar 19. Tampilan Footer
Pada  bagian  akhir website terdapat footer yang  bertujuan untuk  menampilkan  informasi  tambahan  berupa  menu navigasi.  Tidak  hanya  itu  saja,  terdapat  tombol  chat whatsapp sebagai pusat bantuan secara langsung mengenai informasi yang ingin ditanyakan terhadap pihak sekolah.

## Gambar 20. Tampilan Halaman Sejarah Sekolah
Pada halaman sejarah sekolah akan menjelaskan mengenai identitas  sekolah  mulai  dari  tahun  berdirinya  SMK  Dewi Sartika  Tangerang,  luas  tanah,  alamat  sekolah  hingga program studi yang ada di dalamnya.

## Gambar 21. Tampilan Halaman Visi dan Misi
Setiap  sekolah  pastinya  memiliki  visi  dan  misi,  tidak terkecuali SMK Dewi Sartika Tangerang. Oleh karena itu, dibuatlah  sebuah  halaman  pada website yang  akan menjelaskan visi dan misi SMK Dewi Sartika Tangerang.

## Gambar 22. Tampilan Halaman Struktur Organisasi
Pada halaman struktur organisasi berisi sebuah gambar yang akan  menjelaskan  nama-nama  orang  beserta  pembagian tugasnya yang telah dikordinasikan. Struktur organisasi ini perlu  ada  pada website karena  akan  menjadi  identitas sekolah  dan  pengunjung  bisa  mengetahui  tatanan  kerja  di SMK Dewi Sartika Tangerang.

## Gambar 23. Tampilan Halaman Sarana dan Prasarana
Pada halaman sarana dan prasarana akan dijelaskan fasilitas apa  saja  yang  ada  di  SMK  Dewi  Sartika  Tangerang  dan ditampilkan dalam bentuk tersusun kebawah ( list ).

## Gambar 24. Tampilan Halaman Program Studi
Selain  informasi  yang  ditampilkan  pada  halaman  utama website ,  terdapat  informasi  lainnya  seperti  program  studi sekolah  yang  terdapat  gambar  pendukung  dan  sebuah tombol  yang  akan  diarahkan  ke  informasi  mengenai program  studi  yang  ingin  diketahui,  diantaranya  ada program studi administrasi perkantoran, akuntansi keuangan, dan teknik komputer jaringan.

## Gambar 25. Tampilan Halaman Materi Pelajaran
Pada  halaman  materi  pelajaran  ini  terdapat  materi-materi PDF yang diunggah oleh guru dan diakses oleh para siswa/i sebagai  bahan  belajar  sesuai  dengan  program  studi  yang diambil.  Pada  halaman  ini  tersedia  gambar  dan  tombol, apabila  gambar  atau  tombol  tersebut  diklik  maka  akan mengarah  ke  halaman  baru  yang  berisi  materi  pelajaran dengan  format  PDF  pada  setiap  masing-masing  program studi.  Tidak  hanya  dalam  format  PDF,  guru  juga  bisa mengunggah  materi  dalam  bentuk  lainnya  seperti  dalam format .docx.
Gambar 26. Tampilan Contact
Terdapat  bagian  yang  paling  penting  pada  perancangan website ini yaitu halaman contact . Dimana pengunjung bisa bertanya  melalui  2  (dua)  opsi,  yaitu  melalui email dan melalui  tombol Whatsapp yang  sudah  disediakan.  Hal  ini bertujuan  untuk  memudahkan  pengunjung  bertanya  secara langsung mengenai informasi sekolah.
4.13. Pengujian
Pengujian website dilakukan  menggunakan black-box testing untuk  mengetahui  apakah website sudah  berjalan sesuai  yang  diharapkan.  Penelitian  ini  hanya  merancang sebuah website ,  maka  untuk  pengujiannya  memerlukan XAMPP sebagai localhost , Wordpress sebagai platform dan web browser untuk  menampilkan website .  Setelah pengujiannya berhasil, maka website siap untuk digunakan.
Tabel 2. Black Box Testing
Sekenario Pengujian Hasil  Yang Diharapkan Hasil Pengujian Kesimpulan Login dengan Username dan Password yang benar Berhasil masuk ke dashboard Website Valid Login dengan Username dan Password yang salah Gagal masuk ke dashboard Website Valid Menamba hkan user baru Berhasil menambahk an user baru Valid
Mengklik menu navigasi Menu navigasi berhasil teralihkan dengan baik Valid Mengisi Form Contact Pesan  dapat terkirim  dan diterima Valid Mencari konten artikel pada search form Konten artikel berhasil ditampilkan Valid

## 5. KESIMPULAN
Penelitian  ini  ditujukan  untuk  merancang  sebuah website yang  bisa  digunakan  sebagai  media  tambahan  dalam menyampaikan  informasi  dan  promosi  berbasis website pada  SMK  Dewi  Sartika  Tangerang.  Berdasarkan  hasil analisa dan pengujian yang dilakukan, perancangan website ini siap untuk digunakan dan diimplementasikan secara luas agar  bisa  diakses  oleh  siapapun  dan  dimanapun  melalui jaringan internet.
Penambahan media informasi dan promosi berbasis Website pada  SMK  Dewi  Sartika  Tangerang  dapat  membuat cakupan  akses  informasi  yang  ingin  disampaikan  kepada publik  menjadi  luas.  Media  informasi  ini  bersifat  efesien karena menghemat waktu dan biaya bagi masyarakat untuk sekedar  mengetahui  informasi  sekolah  serta  efektif  dalam mengetahui  informasi.  Selain  itu,  masyarakat  tidak  perlu mendatangi  lokasi  sekolahnya.  Masyarakat  cukup  dengan mengetahui  informasi  sekolah  yang  telah  disediakan  pada website .  Pengelolaan  informasi  sekolah  yang  diperhatikan dengan baik juga akan menciptakan pandangan positif dari masyarakat  mengenai  sumber  informasi  akademik  yang dikelola  dengan  baik  sehingga  dapat  meningkatkan  citra sekolah dimata masyarakat.

## Ucapan Terima Kasih
Terimakasih  kepada  SMK  Dewi  Sartika  Tangerang  yang telah  menyambut  penulis  dengan  ramah  dan  menerima penulis  untuk  melakukan  penelitian  ini,  khususnya  untuk bapak  kepala  sekolah  yang  telah  memberi  izin  dan  guru- guru yang mendukung penelitian ini.

## DAFTAR PUSTAKA
[1] D.  Puspita  and  S.  Aminah,  “Sistem  Informasi Manajemen Kewirausahaan Pedesaan Berbasis Web Multimedia,” JUSIM (Jurnal Sist. Inf. Musirawas) , vol. 03, no. 02, pp. 80–87, 2018.
[2] O.  Mukarromah,  “Peran  Teknologi  Pendidikan
Islam  Pada  Era  Global,” AN-NIDHOM  (Jurnal Manaj. Pendidik. Islam. , vol. 1, no. 2, pp. 91–105, 2016.
[3] S. D. Wijaya, “Studi Korelasi Pemanfaatan Internet
Pada  Bagian  Humas  Pemda  Singkil  Terhadap Peningkatan  Kinerja  Kehumasan,” J.  Simbolika , vol. 2, no. 1, 2016.
[4] D. Novitasari, “Perbandingan Algoritma Stemming
Porter  dengan  Arifin  Setiono  untuk  Menentukan Tingkat  Ketepatan  Kata  Dasar,” STRING  (Satuan Tulisan  Ris.  dan  Inov.  Teknol. ,  vol.  1,  no.  2,  pp. 120–129, 2017.
[5] S.  Yoga,  “Perubahan  Sosial  Budaya  Masyarakat
Indonesia Dan Perkembangan Teknologi Komunikasi,” J.  Al-Bayan ,  vol.  24, no.  1,  pp.  29– 46, 2019.
[6]
A.  Zakir,  “Rancang  Bangun  Responsive Web Layout Dengan Menggunakan Bootstrap Framework,” InfoTekJar (Jurnal Nas. Inform. dan Teknol. Jaringan) , vol. 1, no. 1, pp. 7–10, 2016.
[7] R. Dewi, I. Pusphitasari, and M. I. A. Yazid, “Disain Sistem  Informasi Website Jurusan  Komputerisasi
Akuntansi  D-Iii  Pada  Perguruan  Tinggi  Raharja,” vol. 5, no. 1, pp. 277–282, 2017.
[8] A. S. H. P. Prayitno and J. Sutrisno, “Implementasi
E-Commerce Mengggunakan Content Management System ( Cms ) Pada Toko Thanksgod Dalam,” I D E a L I S , vol. 3, no. 1, pp. 539–544, 2020.
[9] I. Risnaputra and G. Triyono, “Implementasi Cms
Wordpress Pada E-Commerce Untuk,” J. IDEALIS , vol. 3, no. 1, pp. 481–486, 2020.
[10] A.  Rochman,  M.  I.  Hanafri,  and  A.  Wandira, “Implementasi Website Profil SMK Kartini Sebagai Media  Promosi  dan  Informasi  Berbasis  Open Source,” AJCSR  (Academic  J.  Comput.  Sci.  Res. , vol. 2, no. 1, pp. 46–51, 2020.
[11] Yulianti, A. Saifudin, W. Haryono, A.  F. Zulfikar, and  T.  Desyani,  “Pengembangan  dan  Sosialisasi Website untuk Meningkatkan Penyebaran Informasi SMP  Islam  Madinatul  I’lmi  Ciputat  -  Tangerang Selatan,” KOMMAS J. Pengabdi. Kpd. Masy. Univ. Pamulang , vol. 1, no. 1, pp. 16–24, 2020.
[12] A.  P.  Hadi  and  F.  A.  Rokhman,  “Implementasi Website Sebagai  Media  Informasi  dan  Promosi
Pada Pondok Pesantren Putra-Putri Addainuriyah 2 Semarang,” vol. 13, no. 1, pp. 39–49, 2020.