Journal of Social Sciences and Technology for Community Service (JSSTCS) https://ejurnal.teknokrat.ac.id/index.php/JSSTCS Vol 4, No 2, September 2023, Hal 302-307 E-ISSN 2723-2026 (Media Online) P-ISSN 2723-455X (Media Cetak) DOI : https://doi.org/10.33365/jsstcs.v4i1.3365

## Pembuatan Website Profil Dengan Foto 360 Pada SMA Katholik Laurentius Sebagai Media Pengenalan Sekolah
Aditya Lapu Kalua 1 , Wisard Widsli Kalengkongan 2* , Sanriomi Sintaro 3 , Sharon Tabita Sulung 4 , Shotya Goma 5 , Stephanie Marceline Raintung 6
1,2,3,4,5,6 Sistem Informasi, Fakultas MIPA, Universitas Sam Ratulangi Email: 1 adityalapu.kalua@unsrat.ac.id, 2* wisard.kalengkongan@unsrat.ac.id, 3 sanriomi@unsrat.ac.id,
4 sharontabita18@gmail.com, 5 shofyagoma@gmail.com, 6 stefaniraintung@gmail.com (Wisard Widsli Kalengkongan* : coressponding author)
Received Accepted Publish 4-September-2023 14-September-2023 15-September-2023
Abstrak − SMA  Katholik  Laurentius  merupakan  sekolah  yang  dibangun  sejak  tahun  1986,  saat  ini  SMA Katholik Laurentius masih belum memiliki media informasi digital seperti website yang dapat digunakan sebagai  pemasaran  dan  juga  pengenalan  sekolah  sehingga  pemanfaatan  teknologi  dapat  diterapkan dilingkungan  SMA  Katholik  Laurentius.  Oleh  karena  itu,  Tim  Pelaksana  PKM  menyelenggarakan pengembangan  aplikasi  Website  Profil  Dengan  Foto  360  Pada  SMA  Katholik  Laurentius  Sebagai  Media Pengenalan  Sekolah.    Pengenalan  profil  dengan  menggunakan  website  sudah  dimanfaatkan  sejak  awal diciptakannya website statis, saat ini dengan dinamisnya data yang bisa diubah-ubah menjadikan website adalah media pengenalan yang diperlukan oleh suatu pihak tertentu. Meskipun Website dapat dijalankan secara  lokal  namun  eksistensi  dari  website  berjalan  dengan  menggunakan  jaringan  internet  sebagai konektifitasnya agar dapat dibuka oleh banyak pihak. Dengan memanfaatkan internet dan juga dengan kemudahan website yang dapat dibuka dari berbagai perangkat, website menjadi media pengenalan yang mudah untuk dipasarkan dan juga mudah untuk dikembangkan.
Kata Kunci: SMA; Informasi; Pengenalan; Sekolah; Website Abstract − Laurentius Catholic High School is a school that was built in 1986, currently Laurentius Catholic High School still does not have digital information media such as a website that can be used for marketing and also as an introduction to the school so that the use of technology can be applied within the Laurentius Catholic High School environment. Therefore, the PKM Implementation Team is developing a profile website application with 360 photos at Laurentius Catholic High School as a school introduction medium. Profile recognition using websites has been used since the beginning of the creation of static websites, now with dynamic data that can be changed, websites are the recognition media needed by certain parties. Even though the website can be run locally, the existence of the website runs using the internet network as connectivity so that it can be opened by many parties. By utilizing the internet and also with the ease of websites that can be opened from various devices, websites become an introduction medium that is easy to market and also easy to develop.
Keywords : High School; Information; Introduction; School; Website

## 1. PENDAHULUAN
Pengenalan  profil  dengan  menggunakan  website  sudah  dimanfaatkan  sejak  awal diciptakannya  website  statis,  saat  ini  dengan  dinamisnya  data  yang  bisa  diubah-ubah menjadikan  website  adalah  media  pengenalan  yang  diperlukan  oleh  suatu  pihak  tertentu (Lamaluta et al., 2023). Meskipun Website dapat dijalankan secara lokal namun eksistensi dari website  berjalan  dengan  menggunakan  jaringan  internet  sebagai  konektifitasnya  agar  dapat dibuka  oleh  banyak  pihak  (Prasetyo  et  al.,  2023).  Dengan  memanfaatkan  internet  dan  juga dengan kemudahan website yang dapat dibuka dari berbagai perangkat, website menjadi media pengenalan yang mudah untuk dipasarkan dan juga mudah untuk dikembangkan. Dengan begitu website  dapat  melakukan  hampir  semua  kegiatan  seperti  penjualan  ataupun  pemasaran (Sintaro, 2022) .
Website  menggunakan  HTML  sebagai  bahasa  pemrogramannya  namun  saat  ini  website dapat  dikembangkan  dengan  menggunakan  bahasa  Pemrograman  yang  bermacam-macam, mulai  dari  Javascript,  PHP,  python  dan  lain  sebagainya  (Wiryawan  &  Rosyid,  2019).  Namun
Journal of Social Sciences and Technology for Community Service (JSSTCS) https://ejurnal.teknokrat.ac.id/index.php/JSSTCS Vol 4, No 2, September 2023, Hal 302-307 E-ISSN 2723-2026 (Media Online) P-ISSN 2723-455X (Media Cetak) DOI : https://doi.org/10.33365/jsstcs.v4i1.3365
umumnya  website  dibagi  menjadi  dua  bagaian,  disain  dan  logika.  Disain  yang  dibuat  untuk website  merupakan  tampilan  yang  dapat  dilihat  oleh  pengguna,  desain  tersebut  juga  dapat menampilkan  foto,  musik  bahkan  video  (Staiano,  2022).  Sedangkan  logika  merupakan pengolahan data yang akan ditampilkan oleh website, bisa untuk memanggil data dari database ataupun mememberikan pilihan apabila terdapat kesalahan dalam memasukkan data (Elgamar, 2020).
Database  adalah  media  yang  digunakan  sebagai  tempat  untuk  menampung  data-data yang  dapat  digunakan  apabila  dibutuhkan,  dapat  diubah  apabila  diperlukan  dan  juga  dapat dihapus  apabila  diharuskan  (Surbakti,  2019).  Terdapat  berbagimacam  jenis  Database  salah satunya  adalah Relational  Database yang  antara  data  memeiliki  sifat  saling  relasional  serta tersimpan dalam kolom dan baris. Bahasa Pemrograman yang umum digunakan dalam database relasional  adalah  Structured  Query  Language  (SQL)  yang  menggunakan  perintah  untuk melakukan  penyimpanan  ( insert ),  ubah  data  ( update )  ataupun  hapus  ( delete )  (Christudas  & Christudas,  2019;  Fitri  et  al.,  2020).  Kemampuan  database  dapat  dikembangkan  dengan memanfaatkan  logika  pada  Pemrograman  web.  Dengan  menggunakan  logika  dalam Pemrograman  web  yang  digabungkan  dengan  database,  pengguna  dapat  menyimpan  foto ataupun video untuk nantinya ditampilkan dalam tatap muka website (Damanik et al., 2022).
Foto 360 merupakan jenis foto yang dapat menampilkan keseluruhan tempat secara 360 derajat, sehingga foto yang ditampilkan dapat dilihat dari berbagai sisi (Manabung et al., 2019). Kita  dapat  menggerakan  foto  360  dengan  memanfaatkan  mouse  pada  komputer  ataupun sentuhan layar pada telepon genggam pintar (Sintaro et al., 2023).

## 2. METODE PELAKSANAAN
SMA  Katholik  Laurentius  atau  SMA  Katolik  St.  Laurentius  Manado  merupakan  sekolah swasta yang berada di JL. Maesa No.6, Tikala Baru, Kecamatan Tikala, Kota Manado, Provinsi Sulawesi Utara. Sekolah yang dikepalai oleh Bapak Hermanus Alosius Kumokong ini merupakan sekolah swasta dengan akreditasi C.

## Gambar 1. Papan Nama SMA Katolik Laurentius
Saat ini SMA Katholik Laurentius memiliki balasan guru dan tendik yang bertugas untuk memberi pelajaran kepada para peserta didik.
Journal of Social Sciences and Technology for Community Service (JSSTCS) https://ejurnal.teknokrat.ac.id/index.php/JSSTCS Vol 4, No 2, September 2023, Hal 302-307 E-ISSN 2723-2026 (Media Online) P-ISSN 2723-455X (Media Cetak) DOI : https://doi.org/10.33365/jsstcs.v4i1.3365
SMA Katholik Laurentius saat ini memiliki bangunan yang berdekatan dengan SMP Katholik Laurentius  dan  SD  Katholik  Laurentius,  apabila  dilihat  dari  bangunan  yang  dimiliki  oleh  SMA Katholik Laurentius yang dapat dilihat pada Gambar 3.

## Gambar 3. Lingkungan SMA Katholik Laurentius
Sekolah yang dibangun sejak tahun 1986 saat ini masih belum memiliki media informasi digital seperti website yang dapat digunakan sebagai pemasaran dan juga pengenalan sekolah sehingga pemanfaatan teknologi dapat diterapkan dilingkungan SMA Katholik Laurentius. Oleh karena  itu,  Tim  Pelaksana  PKM  menyelenggarakan  pengembangan  aplikasi  Website  Profil Dengan Foto 360 Pada SMA Katholik Laurentius Sebagai Media Pengenalan Sekolah. Berkenaan dengan  hal  tersebut,  tujuan  jangka  panjang  dari  pengabdian  ini  adalah  untuk  memberitakan kepada masyarakat akan segala informasi yang dimiliki oleh SMA Katholik Laurentius. Sehingga sekolah  mitra  dapat  memberikan  informasi  kepada  para  peserta  didik  dan  juga  melakukan pemasaran  yang  dapat  menampilkan  kondisi  sebenaranya  dari  lingkungan  yang  ada  di  SMA Katholik Laurentius.

## 2.1 Tempat dan Waktu
Mitra  kegiatan  pengabdian  ini  adalah  SMA  Katholik  Laurentius  yang  mana  kegiatan berlangsung dalam bulan Juni hingga Agustus 2023.

## 2.2 Khayalak Sasaran
Khayalak  sasarn  pengabdian  ini  adalah  Pembuatan  website  yang  dikhususkan  dalam pengembangan website sebagai aplikasi untuk menampilkan foto 360, yang mana foto 360 yang ditampilkan akan mengenalkan ruang lingkup sekolah dengan lebih detail.

## 2.3 Teknik Pengumpulan Data
Data  dalam  kegiatan  pengabdian  ini  dikumpulkan  oleh  Tim  Pelaksana  PKM  dengan beberapa cara, observasi dilakukan dengan mendatangi langsung SMA Katholik Laurentius untuk melihat keadaan nyata yang sesungguhnya, wawancara dilakukan terhadap beberapa pegawai sekolah baik kepala sekolah maupun guru dan juga para siswa yang ada. Dokumentasi dilakukan
Journal of Social Sciences and Technology for Community Service (JSSTCS) https://ejurnal.teknokrat.ac.id/index.php/JSSTCS Vol 4, No 2, September 2023, Hal 302-307 E-ISSN 2723-2026 (Media Online) P-ISSN 2723-455X (Media Cetak) DOI : https://doi.org/10.33365/jsstcs.v4i1.3365
dengan mengambil gambar berupa foto lingkungan sekolah dan juga foto 360 yang dijadikan sebagai  poin  penting  dalam  pengabgian  ini.  Data-data  yang  tim  Pelaksana  PKM  kumpulkan dijadikan acuan dalam mengembangkan website foto 360.

## 2.4 Tahapan Pengabdian
Tim  Pelaksana  PKM  membagi  tahapan  pengabdian  yaitu  Persiapan,  Pengumpulan  Data, Implementasi dan Distribusi.

## 3. HASIL DAN PEMBAHASAN

## 3.1 Persiapan
Tim Pelaksana PKM datang ke SMA Katolik Laurentius untuk lebih memahami masalah yang ada di lokasi Mitra yang dapat dilihat pada Gambar 4.
Gambar 4. Tim Pelaksana PKM beserta perwakilan SMA Katholik Laurentius

## 3.2 Pengumpulan Data
Pengumpulan data yang dilakukan oleh tim Pelaksana PKM salah satunya adalah dengan observasi,  ketika  datang  ke  SMA  Katholik  Laurentius  tim  Pelaksana  PKM  melhat  apa  saja kebutuhan  yang  dapat  diberikan  solusi  dari  tim  Pelaksana  PKM,  setelah  menentukan permasalahan yang ada yaitu Pembuatan website untuk pengenalan sekolah dengan foto 360, langkah selanjutnya adalah melakukan dokumentasi untuk menghasilkan foto ataupun gambar yang  nantinya  akan  dimasukkan  kedalam  website  yang  akan  dikembangkan.  Salah  satu  foto yang dikumpulkan dapat dilihat pada Gambar 5.
Journal of Social Sciences and Technology for Community Service (JSSTCS) https://ejurnal.teknokrat.ac.id/index.php/JSSTCS Vol 4, No 2, September 2023, Hal 302-307 E-ISSN 2723-2026 (Media Online) P-ISSN 2723-455X (Media Cetak) DOI : https://doi.org/10.33365/jsstcs.v4i1.3365

## 3.3   Implementasi
Setelah  pengumpulan  data  selesai  dilakukan,  Tim  Pelaksana  PKM  kemudian mengembangkan aplikasi website yang disesuaikan dengan masalah yang ada pada lokasi mitra. Pengembangan website yang dapat menjalankan foto 360 membutuhkan bahasa Pemrograman javascript  untuk  menampilkan  foto360  sedangkan  logika  pada  website  menggunakan  bahasa Pemrograman  PHP  dan  database  menggunakan  MySQL.  Salah  satu  bagian  dari  website  yang telah dikembangkan dapat dilihat pada Gambar 6.

## Gambar 6. Foto360 yang sudah diletakkan pada Website

## 3.4   Distribusi
Setelah website selesai dibangun, tim Pelaksana PKM kemudian mendistribusikan website dengan menggunakan alamat https://smalaurentiusmanado.infosekolah.co.id

## 4. KESIMPULAN
Pengembanga website dengan menggunakan foto360 membutuhkan cara Pengembangan khusus yaitu dengan menggunakan bahasa Pemrograman javasctipt untuk dapat menampilkan foto360 agar dapat dilihat oleh pengguna dengan menggunakan web browser . Foto360 dapat melihat  keseluruhan  dari  satu  titik  ke  tiap  sudut  yang  ada  pada  foto  tersebut  apabila dibandingkan dengan foto biasa yang hanya dapat menampilkan satu sudut saja membuktikan bahwa  penggunaan  foto360  dalam  memperkenalkan  keadaan  dan  lingkungan  sekolah  dapat memberikan informasi  yang lebih baik dibandingkan dengan hanya menggunakan foto biasa. Pemanfaatan  database  MySQL  juga  memudahkan  data  yang  tersimpan  untuk  kemudian ditampilkan  kepada  pengguna.  Dengan  aplikasi  webite  yang  sudah  dikembangkan  dan didistribusikanini diharapkan SMA Katholik Laurentius dapat menjadi salah satu sekolah favorit di Manado.

## DAFTAR PUSTAKA
Christudas, B., & Christudas, B. (2019). MySQL . Springer.
Damanik, A. R., Hartama, D., Saputra, W., & Hardinata, J. T. (2022). PENGUATAN KOMPETENSI DALAM PEMBELAJARAN  PHP  DAN  MYSQL  BAGI  SISWA  JURUSAN  MULTIMEDIA  SMK  NEGERI  1  SIANTAR. Martabe: Jurnal Pengabdian Kepada Masyarakat , 5 (2), 802 – 807.
Elgamar. (2020). Buku Ajar Konsep Pemrpgraman Website Dengan PHP . Malang: CV. Multimedia Edukasi. Fitri, R., Kom, S., & Kom, M. (2020). Pemrograman Basis Data Menggunakan MySQL . Deepublish.
Lamaluta, T. A., Montolalu, C. E. J. C., Kalua, A. L., Takaendengan, M. I., & Montolalu, V. Y. G. (2023). Web-Based School Information System in Permata Hati Speacial School for Autism Manado. Jurnal
Journal of Social Sciences and Technology for Community Service (JSSTCS) https://ejurnal.teknokrat.ac.id/index.php/JSSTCS Vol 4, No 2, September 2023, Hal 302-307 E-ISSN 2723-2026 (Media Online) P-ISSN 2723-455X (Media Cetak) DOI : https://doi.org/10.33365/jsstcs.v4i1.3365
Ilmiah Informatika Dan Ilmu Komputer (JIMA-ILKOM) , 2 (2), 65 – 74.
Manabung, S. E., Tulenan, V., & Rindengan, Y. D. Y. (2019). Virtual Tour Foto  360 Rumah Sakit Umum Pusat Prof. Dr. RD Kandou Manado. Jurnal Teknik Informatika , 14 (2), 221 – 226.
Prasetyo, G. E., Megawaty, D. A., & Putra, A. D. (2023). Sistem Pelayanan Jasa Tour and Travel Berbasis Web. Jurnal Ilmiah Informatika Dan Ilmu Komputer (JIMA-ILKOM) , 2 (2), 85 – 92.
Sintaro, S. (2022). Permodelan Sistem Informasi Pembelian dan Penjualan Berbasis Website. Jurnal Ilmiah Informatika Dan Ilmu Komputer (JIMA-ILKOM) , 1 (1), 25 – 32.
Sintaro,  S.,  Surahman,  A.,  Ngangi,  S.  C.  W.,  Kalengkongan,  W.  W.,  &  Johanes,  A.  B.  (2023).  Sistem Informasi  Pengenalan  Kampus  dengan  Foto  360  Berbasis  Website. Journal  of  Data  Science  and Information Systems (DIMIS) , 1 (1), 32 – 40.
Staiano,  F.  (2022). Designing  and  Prototyping  Interfaces  with  Figma:  Learn  essential  UX/UI  design principles by creating interactive prototypes for mobile, tablet, and desktop . Packt Publishing Ltd. Surbakti, K. (2019). Kajian mengenai pentingnya basis data bagi sekolah saat ini. Jurnal Curere , 2 (2).
Wiryawan,  R.  A.,  &  Rosyid,  N.  R.  (2019).  Pengembangan  Aplikasi  Otomatisasi  Administrasi  Jaringan Berbasis Website Menggunakan Bahasa Pemrograman Python. Simetris: Jurnal Teknik Mesin, Elektro Dan Ilmu Komputer , 10 (2), 741 – 752.