## SISTEM INFORMASI E-MADING (SI-EMA) BERBASIS WEBSITE SEBAGAI SARANA PENYALURAN KREASI PADA LITERASI SEKOLAH
Hasan Basri 1) , Muhamad Tabrani 2) , Suhardi 3) , Eko Budiyono 4) 1,2,3,4 Teknik dan Informatika, Universitas Bina Sarana Informatika email: hasan.hhi@bsi.ac.id, muhammad.mtb@bsi.ac.id, suhardi.sdw@bsi.ac.id, bdyono.eko@gmail.com

## Abstract
An information system is a set of tools used to obtain and manage information. At this time, the use  of  information  systems  in  everyday  life  is  very  much  and  varied.  Many  companies  or institutions  are  switching  from  conventional  systems  to  computerized  systems.  This  is  because information  systems  can  simplify  business  processes  from  traditional  or  conventional  systems. School  wall  magazines  are  an  important  facility  for  students  and  schools  to  convey  important information  related to  education,  talent  development  and  student  careers.  However,  over  time, conventional  wall  magazines  have  many  problems  such  as  damaged  information  sheets  and limited information display space, the information on display must be accessed. directly causing students  to  crowd  to  get  information,  limiting  access  rights  to  display  information.  By  using  a qualitative  method,  this  study  succeeded  in  developing  a  software  called  the  e-mading information system (SI EMA). in a structured way, SI EMA can be explained using the waterfall method.  The  creation  of  a  website-based  wall  magazine  aims  to  add  value  and  function  to conventional wall magazines to become more efficient and of high quality. The SI EMA website has changed the publication of conventional papers to be computerized, the use of paper media or printed documents has become electronic media, articles or written works are not easily lost because they have been documented on the website, the appearance of written works has become more  attractive.  With  this  renewal,  problems  can  be  resolved  properly  and  are  able  to  help schools and students not only in obtaining information more effectively and efficiently but also as a creative means to express their creativity.
Keywords: Information System, Electronic Wall Magazines, Website, Waterfall

## 1. PENDAHULUAN
Kemajuan dunia teknologi saat ini sudah mulai bisa dirasakan bersama. Mulai dari elemen masyarakat, elemen pendidikan, elemen ekonomi  dan  bisnis,  elemen  dunia  industri  dan pemerintahan. Sistem informasi menurut O’Brien adalah suatu kombinasi antara manusia, hardware , software , jaringan komputer, jaringan komunikasi data, dan database yang digunakan untuk mengumpulkan, mengubah, dan menyebarkan  informasi  [1].  Secara  garis  besar sistem  informasi  bertujuan  untuk  memudahkan dalam  proses  transformasi  informasi  dalam jangkauan  luas  [2]–[11].  Sebagai  salah  satu
contoh adalah sistem informasi berbasis website. Adanya sistem informasi berbasis website  dapat memudahkan  para  penulis  atau  pembaca. Pemanfaatan  sistem  informasi  berbasis  website akan  merubah  cara  konvensional  kedalam  cara yang elektronik. Media informasi yang umumnya  adalah  kertas  termasuk  media  yang mudah  rusak,  sobek,  pudar  dan  kotor  [12], Terbatasnya ruang pajang informasi dan sulitnya melakukan update informasi  [13],  Informasi yang  dipajang  secara onsite mengharuskan warga  sekolah    mendatanginya  langsung  untuk mendapatkan informasi [14], Kurang menariknya mading menurunkan minat
membaca  melalui  mading  [13].  Mading  yang identik  hanya  diisi  oleh  pihak-pihak  tertentu seperti  guru,  staff  TU,  dan  organisasi  siswa seolah-olah  menimbulkan  adanya  batasan  hak akses  penyampaian  informasi  [15].  Hal  ini berdampak  pada  siswa  yang  memiliki  bakat menulis  tidak  tersalurkan  dengan  baik.  Untuk menumbuhkan  kreativitas  menulis  siswa  maka diperlukan  adanya  sistem  informasi  mading berbasis  website  yang  bertujuan  agar  siswa dapat menulis karya dan kreativitas nya. Metode waterfall yaitu suatu classic life cycle atau siklus hidup  klasik  dalam  pengembangan software yang  menekankan  pada  fase  secara  berurutan dan sistematis dan  dapat dianalogikan seperti air terjun,  dimana  tahap-tahapnya  dilakukan  secara berurutan dari atas ke bawah [16].

## 2. METODE PENELITIAN
Metode  waterfall  pada  penelitian  ini digunakan untuk mempermudah dalam pembuatan  e-mading  berbasis  website.  pada metode  waterfall  terdapat  beberapa  tahapan diantaranya  :  analisis  kebutuhan  sistem,  desain, pengkodean,  pengujian,  dan  support  [17]. Tahapan  waterfall  tersebut  pada  penelitian dijadikan sebagai metode penelitian.

## Gambar 1 Metode Waterfall SI EMA
Konsep  dasar  sebuah  website  atau kumpulan  halaman  web  yang  saling  terkait, dipublikasikan dalam jaringan internet, memiliki domain/URL  (Unified  Resource  Locator),  dan dapat  diakses  pengguna  internet  dengan  cara mengetikkan  alamatnya  [18].  Website  dapat menyajikan  informasi  dengan  lengkap  dan mudah  diakses  [19].  Agar  dapat  mengakses
sebuah  website  diperlukan  beberapa  instrumen seperti  internet,  web  browser,  dan  web  server. Internet  pertama  kali  dibentuk  pada  tahun  1969 oleh  Departemen  Pertahanan  Amerika  Serikat dalam  proyek  ARPA  yang  disebut  ARPANET ( Advanced  Research  Project  Agency  Network ) yang  mendemonstrasikan  cara  suatu hardware dan software basis  UNIX  berkomunikasi  jarak jauh  melalui  saluran  telepon  [20].  Hadirnya internet telah mempercepat transformasi informasi dari belahan dunia. Instrumen pendukung  dari  sebuah  website  yaitu  web browser.  Web  browser yang  lebih  dikenal dengan  sebutan  browser  adalah  aplikasi  yang digunakan  untuk  menjelajah  internet  [21]. Setelah internet dan web browser tersedia, tentu harus  ada  web  server  sebagai  software  yang berfungsi  untuk  menerima  permintaan  HTTP atau  HTTPS  dari  klien  (web  browser)  dan mengembalikan  hasil  berupa  halaman-halaman website yang secara garis besar adalah dokumen HTML [22].
Pada  pengembangan  sebuah  website diperlukan bahasa pemrograman untuk menerjemahkan  dari  sebuah  alur  atau  flow program yang dibuat kedalam bahasa pemrograman yang ditentukan, sehingga program dapat berjalan sesuai dengan harapan.
Program  merupakan  sekumpulan  instruksi yang  tersusun  secara  logis  dan  sistematis  dalam bahasa  komputer  [23].    Pada  proses  website bahasa  pemrograman  yang  biasa  digunakan adalah  HTML,  CSS,  PHP,  JavaScript.  HTML Menurut  Setiawan  HTML  (Hypertext  Markup Language) merupakan
suatu bahasa
pemrograman  terstruktur  yang  dapat  membuat halaman web diakses oleh  browser [24]. Selain itu  bahasa  pemrograman  CSS  Menurut Sibero  CSS  ( Cascading  Style  Sheet )  berarti suatu gaya yang digunakan untuk mendesain halaman  secara  bertingkat,  dimana  ketika suatu  elemen telah  di  format,  maka  elemen anak  akan  mengikuti  elemen  induknya  [25]. Selanjutnya bahasa pemrograman yang digunakan dalam yaitu PHP. PHP (PHP:Hypertext  Preprocessor)  yang  dimaksud sebagai  suatu  bahasa  pemrograman  yang  biasa digunakan untuk web development dan memiliki sifat  server  side  scripting  atau  membutuhkan web  server  untuk  dapat  menggunakannya  [26].
Analisa Kebutuhan Sistem • Menggali kebutuha n Design Website • Merancang Website Coding • Pengkod ean Siste Testing Support
Selain  itu  untuk  untuk  mengendalikan  perintah yang terdapat pada bagian sistem informasi yaitu bahasa pemrograman Java script [27].
Aplikasi  berbasis  website,  dekstop,  dan berbasis  android  tidak  terlepas  dari  basis  data. Karena basis data memiliki peran penting dalam pengembangan  sebuah  sistem  informasi[28]. Baik  untuk  input  data,  hapus  data,  bahkan sampai  pembaharuan  (update)  informasi  data data  sehingga  website  yang  diciptakan  tetap menjawab  kebutuhan  masyarakat  luas  [29]. Desain  dari  basis  data  dapat  digambarkan dengan  diagram  entity  relationship  diagram, logika relationship structure [30].

## 3. HASIL DAN PEMBAHASAN

## 3.1.   Analisa Kebutuhan Sistem
Analisa kebutuhan sistem pada pembuatan  website  e-mading  Sistem  informasi ini akan memiliki dua pengguna yang dibedakan secara  garis  besar,  yang  penulis  beri  nama sebagai  admin  dan user [31].  Admin  adalah petugas  yang  mengelola  e-mading,  sedangkan user adalah sebutan yang penulis gunakan untuk member atau  pengguna  utama  e-mading  (siswa, guru,  dan  staff  TU).  Berikut  ini  hasil  analisa kebutuhan:
1. Admin Master
a. Admin dapat melakukan login.
b. Admin master dapat melakukan konfirmasi data user.
c. Admin master dapat melihat data user.
d. Admin  master  dapat  mengubah  status user.
e. Admin master dapat menghapus user.
f. Admin master dapat melakukan konfirmasi karya tulis.
g. Admin  master  dapat  memasukkan karya  tulis  ke  dalam  daftar  karya  yang direkomendasikan.
h. Admin master dapat  menghapus  karya tulis
i. Admin master dapat membuat pengumuman
j. Admin master dapat melihat pengumuman k. Admin master dapat mengubah pengumuman
l. Admin master dapat menghapus pengumuman m. Admin master dapat  mengubah  profil sekolah n. Admin master dapat  melihat  pelaporan karya tulis o. Admin master dapat menghapus pelaporan karya tulis p. Admin master dapat melihat karya tulis yang dilaporkan
q. Admin master dapat  melihat  pelaporan komentar r. Admin master dapat menghapus pelaporan komentar
s. Admin master dapat  melihat  komentar yang dilaporkan
t. Admin master dapat menghapus komentar yang dilaporkan u. Admin master dapat  menambahkan admin v. Admin master dapat  mengubah  data admin
w. Admin master dapat menghapus admin x. Admin master dapat mengubah password miliknya y. Admin master dapat melakukan logout Sama  seperti  admin, user pun  dibagi  dua,  yaitu user terdaftar  dan user tidak  terdaftar. User terdaftar  adalah user yang  telah  melakukan registrasi dalam e-mading, sedangkan user tidak terdaftar  adalah user yang  tidak  melakukan registrasi  atau  dengan  kata  lain  hanya  sebagai pengunjung  [32].  Di  bawah  ini  adalah  rincian analisa kebutuhan user 2. User Terdaftar yang Dapat Melakukan Login a. User aktif dapat melakukan login
b. User aktif dapat membaca pengumuman
c. User aktif dapat membaca karya tulis d. User aktif  dapat  membaca  profil sekolah
e. User aktif  dapat  mengubah profile miliknya
f. User aktif dapat mengubah password miliknya
g. User aktif  dapat  melihat profile author atau profil user lain
h. User aktif dapat membuat karya tulis
i. User aktif  dapat  mengubah  karya tulis miliknya
j. User aktif  dapat  menghapus  karya tulis miliknya
k. User aktif  dapat  memberi  komentar dalam karya tulis miliknya
l. User aktif  dapat  memberi  komentar dalam  karya  tulis  milik user atau author lain m. User aktif dapat melakukan
pelaporan terhadap karya tulis
bermuatan negatif n. User aktif dapat melakukan pelaporan terhadap komentar bermuatan negatif
o. User aktif dapat melakukan logout

## 3.2.   Desain Perangkat Lunak
Desain perangkat lunak pada pembuatan website e-mading diperlukan agar dapat
tergambar  secara jelas rancangan  sistem informasi yang dibutuhkan.
1. Entity Relationship Diagram
Gambar 2. Entity Relationship Diagram
Pada  gambar  ERD  terdapat  entitas  entitas  yang saling  berhubungan dalam  proses  pembuatan  E- mading berbasis website.
2. Logical Record Structure
Gambar 3. Logical Relationship Structure
Pada gambar LRS merupakan gambaran logika hubungan atau keterkaitan dari setiap entitas yang ada.

## 3.3.   Implementasi Antar Muka
Implementasi antar muka merupakan hasil dari pembuatan website e-mading.
Implementasi antar muka memiliki beberapa form diantaranya :
1. Antar Muka Registrasi
Gambar 3. Antar Muka Registrasi
Pada  implementasi  antar  muka  registrasi digunakan  untuk  peserta  baru  yang  akan mendaftarkan  diri  sebagai  anggota.  Form  isian registrasi  diantaranya  Nama,  Email,  Jenis Kelamin,  Kartu  Pelajar,  Password.  Apabila sudah mendaftarkan diri maka selanjutnya dapat mengakses halaman login.

## 2. Antar Muka Login
Gambar 4. Antar Muka Login
Pada implementasi antar muka login digunakan oleh user atau anggota yang sudah memiliki akun berupa email dan password.
3. Antar Muka Karya Tulis
Gambar 5. Antar Muka Karya Tulis
Pada antar muka halaman karya tulis  digunakan untuk menambahkan artikel yang dapat dilakukan oleh user. User cukup dengan mengisi judul,  isi,  dan  upload  gambar,  setelah  itu  klik tombol kirim ke antrian.

## 4. KESIMPULAN
Berdasarkan  hasil  penelitian,  maka  dapat diambil  kesimpulan  diantaranya:  Website  e- mading  telah  merubah  publikasi  karya  tulis konvensional menjadi terkomputerisasi,
penggunaan  media  kertas  atau  dokumen  cetak telah  menjadi  media  elektronik,  artikel  atau karya  tulis  tidak  mudah  hilang  karena  sudah terdokumentasi kedalam website, tampilan karya tulis  menjadi  lebih  menarik.  Dengan  adanya  e- mading  berbasis  website  para  pembaca  bisa membaca tanpa dibatasi ruang dan waktu.

## 5. REFERENSI
[1] Ahmad,  “Pengertian  Sistem  Informasi,” www.yuksinau.id , 2021. [2] E. Damanik and I. M. Siregar, “PENGEMBANGAN SISTEM CUSTOMER RELATIONSHIP MANAGEMENT BERBASIS WEB
PADA  PT.  TERUS  MEGA  TARA JAKARTA,” J.  Tek.  Inf.  dan  Komput. , vol.  4,  no.  1,  pp.  60–69,  2021,  doi: 10.37600/tekinkom.v4i1.278. [3] D.  Y.  Siringoringo,  V.  Sihombing,  and M. Masrizal, “Sistem Informasi Penjualan Dan Persediaan Produk Peralatan  Pertanian  Berbasis  Web,” J. Tek.  Inf.  dan  Komput. ,  vol.  4,  no.  1,  pp. 54–59, 2021, doi: 10.37600/tekinkom.v4i1.232. [4] J. Simatupang and S. Sianturi, “Perancangan Sistem Informasi Pemesanan Tiket Bus Pada PO. Handoyo Berbasis  Online,” J.  Intra-Tech ,  vol.  3, no. 2, pp. 11–25, 2019.
[5] V.  M.  M.  Siregar  and  N.  F.  Siagian, “Sistem  Informasi  Front  Office  Untuk
Peningkatan Pelayanan Pelanggan Dalam Reservasi Kamar Hotel,” J. Tek. Inf. dan Komput. ,  vol.  4,  no.  1,  pp.  77–82,  2021, doi: 10.37600/tekinkom.v4i1.279.
[6] W.  Purba,  D.  Ujung,  T.  Wahyuni,  L.
Sihaloho, and J. Damanik, “Perancangan Sistem Informasi Pemesanan Tiket Online Pada Kmp . Ihan Batak Berbasis,” vol. 3, no. 2, pp. 65–75, 2020.
[7] V. M. M. Siregar, “Perancangan Website Sebagai  Media  Promosi  Dan  Penjualan Produk,” TAM  (Technology  Accept. Model. , vol. 9, no. 1, pp. 15–21, 2018.
[8] V.  M.  M.  Siregar,  E.  Damanik,  M.  R.
Tampubolon,  E.  I.  Malau,  E.  P.  S. Parapat,  and  D.  S.  Hutagalung,  “Sistem Informasi Administrasi Pinjaman
(Kredit)  Pada  Credo  Union  Modifikasi (CUM) Berbasis Web,” J. Tekinkom , vol.
3,  no.  2,  pp.  62–69,  2020,  doi: 10.37600/tekinkom.v3i2.193.
[9] F. Sinuraya et al. , “WEB-BASED FOOD ORDERING INFORMATION SYSTEM STUDI,” pp. 7–11, 2021.
[10] H.  A.  Simbolon  and  V.  M.  M.  Siregar, “Perancangan  Sistem  Informasi  Berbasis E-Commerce Untuk Peningkatan Penjualan  Produk  Jersey  Olah  Raga,” J.
Tek.  Inf.  dan  Komput. ,  vol.  1,  no.  2,  pp. 49–54, 2018.
[11] V. Sihombing, N. Siahaan, U. Labuhanbatu, F. Hukum, and U.

## Labuhanbatu,  “RANCANG  BANGUN
SISTEM  UJIAN  ONLINE  BERBASIS WEB  DI  SMK,” J.  TEKINKOM ,  vol.  2, no. 2, pp. 151–155, 2019, doi:
10.37600/tekinkom.v2i2.112.
[12] S.  Isnanto,  G.  F.  Laxmi,  and  H.  Fajri, “Rancang  Bangun  Sistem  Informasi  E-
Mading Manajemen Masjid (Studi Kasus:  Masjid  Al-Muhajirin  Taman
Griya  Kencana,  Tanah  Sareal  Kota Bogor),” Semin. Nas. Teknol. Inform. , pp. 630–638, 2018.
[13] H.  Ramasudha  and  Indera,  “Sistem Informasi Elektronik Mading ( E-Mading
) UKM dan Fakultas Ilmu Komputer IIB Darmajaya,” J.  Tek. ,  vol.  12,  pp.  1–7, 2018.
[14] W.  Firdaus,  “Rancang  Bangun  Mading Online  Berbasis  Web  (Studi  Kasus: Program Studi Sistem Informasi Fakultas Sains  dan  Teknologi  Universitas  Islam Negeri  Sultan  Syarif  Kasim  Riau),” J. Ilm.  Rekayasa  dan  Manaj.  Sist.  Inf. ,  vol.
2, no. 2, pp. 143–147, 2016.
[15] L. Magdalena and A. Rachman, “Aplikasi  Pendaftaran  Siswa  Baru Dengan  Sistem  Seleksi  Menggunakan Metode  Simple  Additive  Weighting (Saw) Pada Smk Miftahul Huda
Ciwaringin,” J.  Digit ,  vol.  7,  no.  1,  pp. 38–49, 2017.
[16] M.  R.  Adani,  “Tahapan  Pengembangan
Perangkat Lunak dengan Metode
Waterfall,” www.sekawan.co.id , 2020.
[17] H. Basri, S. Alfarizi, A. R. Mulyawan, A. Wiguna,  and  I.  Habiba,  “Perancangan Sistem Informasi Booking Perekaman E- Ktp  (  Si  Mbok  )  Berbasis  Web,” Pilar Nusa  Mandiri ,  vol.  Volume(15),  no.  1, pp. 69–76, 2019.
[18] M.  Tabrani  and  E.  Pudjiarti,  “Penerapan Metode  Waterfall  Pada  Sistem  Informasi Inventori PT. Pangan Sehat Sejahtera,” J. Inkofar ,  vol.  1,  no.  2,  pp.  30–40,  2017, doi: 10.46846/jurnalinkofar.v1i2.12.
[19] K.  Puspita,  Y.  Alkhalifi,  and  H.  Basri, “Rancang  Bangun  Sistem  Informasi
Penerimaan  Peserta  Didik  Baru  Berbasis Website Dengan Metode Spiral,”
Paradig.  -  J.  Komput.  dan  Inform. ,  vol. 23,  no.  1,  pp.  35–42,  2021,  doi: 10.31294/p.v23i1.10434.
[20] D.  Arisanti  and  M.  Subhan,  “Pengaruh Penggunaan  Media  Internet  Terhadap Minat  Belajar  Siswa  Muslim  di  SMP Kota  Pekanbaru,” J.  Pendidik.  Agama Islam Al-Thariqah , vol. 3, no. 2, pp. 61– 73, 2018, doi: 10.25299/althariqah.2018.vol3(2).2322. [21] D.  Maharani,  “Perancangan  Sistem
Informasi  Akademik  Berbasis  Web  Pada Sekolah  Islam  Modern Amanah,”  vol. 2, no. 1, pp. 27–32, 2017, doi: 10.31227/osf.io/r9szc. [22] A.  Christian,  S.  Hesinto,  and  Agustina,
“Rancang  Bangun  Website  Sekolah
Dengan Menggunakan Framework Bootstrap  (  Studi  Kasus  SMP  Negeri  6
Prabumulih  ),” J.  Sisfokom  (Sistem  Inf. dan  Komputer) ,  vol.  7,  no. 1,  pp. 22–27, 2018, doi: 10.32736/sisfokom.v7i1.278.
[23] A. Azis and Sarmidi, “Aplikasi Ekspedisi Barang  Di  PT.  Karya  Indah  Buana Tasikmalaya,” Jumantaka ,  vol.  1,  no.  1, pp. 51–60, 2018.
[24] C.  Kesuma  and  M.  D.  Juniati,  “Sistem Informasi  Administrasi  Kependudukan Desa  (SIAKSA)  Berbasis  Web  pada Desa  Alangamba  Kabupaten  Cilacap,” J. Speed-Sentra  Res.  Eng.  Educ. ,  vol.  12, no. 1, pp. 1–7, 2020.
[25] Supriyanta  and  E.  Murbiastuti,  “Sistem Informasi Pengolahan Nilai Siswa Berbasis Web Pada SMP Muhammadiyah  Imogiri  Yogyakarta,” Indones. J. Softw. Eng. , vol. 4, no. 1, pp.
1–7, 2018.
[26] A. Nurhadi, “Penerapan Metode Waterfall Dalam Sistem Informasi Penyedia  Asisten  Rumah  Tangga  Secara
Online,” J.  Khatulistiwa  Inform. ,  vol.  6, no. 2, pp. 97–106, 2018, doi: 10.31294/khatulistiwa.v6i2.150.
[27] M.  Tabrani  and  E.  Pudjiarti,  “Penerapan Metode  Waterfall  Pada  Sistem  Informasi Inventori PT. Pangan Sehat Sejahtera,” J. Inkofar ,  vol.  1,  no.  2,  pp.  30–40,  2018, doi: 10.46846/jurnalinkofar.v1i2.12.
[28] S.  Suhardi,  T.  Widyastuti,  B.  Bisri,  and W.  Prabowo,  “Forecasting  Analysis  Of New  Students  Acceptance  Using  Time Series  Forecasting  Method,” J.  Akrab Juara , vol. 4, no. 5, pp. 10–23, 2019.
[29] H. Basri, M. Jaelani, N. Mandiri Jakarta, J.  Damai  No,  and  W.  Jati  Barat  Jakarta Selatan  DKI  Jakarta,  “Web  Progresif
Sistem  Informasi  Pelelangan  Produk Online  pada  PT  Nusantara  Sarana  Outlet Jakarta,” vol. 6, no. 1, p. 21, 2018.
[30] D.  Wijaya  and  R.  Irawan,  “Prosedur Administrasi  Penjualan  Pada  Usaha  Jaya Teknika  Jakarta  Barat,” Perspektif ,  vol. 16, no. 1, pp. 26–30, 2018.
[31] N.  Maulida,  M.  Tabrani,  and  S.  Robi, “Penerapan  Metode  Waterfall  pada Sistem Informasi ‘ SILaundry ’ Berbasis Website,” vol. 1, no. 1, pp. 1–9, 2021.
[32] L. A. Latif and E. Harisun, “PENYEDIAAN  MCK  DARURAT  DI KAMP
PENGUNGSI BERBASIS
MASYARAKAT,” Pengamas , vol. 3, no. 1, pp. 47–52, 2020, doi: http://dx.doi.org/10.33387/pengamas.v3i 1.1497.