## PEMBUATAN BACK-END WEBSITE ORGANISASI PD IGRA KOTA BOGOR
Ilham Marsudi 1 ,  Fitrah Satrya Fajar Kusumah 2
Jurusan Teknik Informatika, Fakultas Teknik, Universitas Ibn Khaldun Bogor E-mail: ilham@gmail.com 1

## Abstrak
Web  organisasi  adalah  salah  satu  jenis  nya,  dengan  adanya  web  organisasi  merupakan  sesuatu  yang  sangat menguntungkan  bagi  organisasi  tertentu.  Di  Indonesia  sendiri  web  organisasi  sudah  banyak  digunakan  karena memudahkan  mencari  informasi  tentang  organisasi  tersebut.  Disaat  situasi  pandemi  saat  ini  yang  tidak memungkinkan  untuk bertatap  muka  secara  langsung  untuk  mencari  informasi,  web organisasi  sangat  diminati oleh banyak orang karena selain memudahkan, juga bisa memperkecil biaya pengeluaran yang tadinya mencetak brosur setiap ingin memberikan informasi tertentu,sekarang hanya tinggal memasukan nya kedalam web tersebut. Tujuan  penelitian  ini  adalah  Membuat  back-end  website,untuk  mengatur  data  bulletin/berita,  pengumuman, agenda,  galeri,  dan  guru  pada  website  IGRA.  Metode  Penelitian  yang  digunakan  adalah  waterfall.  Pembuatan Back-end   website Organisasi  PD  IGRA  Kota  Bogor  yaitu,  mempermudah  memberikan  informasi seperti berita,  agenda,  ataupun pengumuman  melalui  daring,  dan  dapat  di  akses dengan mudah tanpa harus surat menyurat. Pada Back-end Website PD IGRA dapat menambah, mengubah, dan menghapus data. Dapat diakses melalui login administrator dengan akun yang tersedia.
Kata kunci: Web, Informasi, Pandemi,Back-end

## Abstract
Organizational web is one of its types, with organizational web it is something that is very beneficial for certain organizations. In Indonesia, the organization's web has been widely used because it makes it easier  to  find  information  about  the  organization.  When  the  current  pandemic  situation  makes  it impossible to meet face-to-face to find information, the organization's web is in great demand by many people because in addition to making it easy, it can also reduce the cost of spending, which used to print brochures every time you want to provide certain information, now you just need to enter it into the web. the.  The  purpose  of  this  research  is  to  create  a  back-end  website,  to  manage  data  bulletins/news, announcements, agendas, galleries, and teachers on the IGRA website. The research method used is the waterfall. Making the back-end website of the Bogor City PD IGRA Organization, namely, making it easier to provide information such as news, agendas, or announcements via online, and can be accessed easily without having to write letters. On the Back-end Website, PD IGRA can add, modify, and delete data. Accessible via administrator login with available account.
Keywords: Web, Information, Pandemic, Back-end

## 1. PENDAHULUAN
Web pertama kali mulai dikenal oleh masyarakat pada  tahun  1994,Web  organisasi  adalah  salah satu  jenis  nya,  dengan  adanya  web  organisasi merupakan sesuatu yang sangat menguntungkan bagi organisasi tertentu.Di Indonesia sendiri web organisasi  sudah  banyak  digunakan  karena memudahkan mencari informasi tentang organisasi  tersebut.  Disaat  situasi  pandemi  saat ini  yang  tidak  memungkinkan  untuk  bertatap muka  secara langsung untuk  mencari  informasi, web organisasi sangat diminati oleh banyak orang karena selain memudahkan, juga bisa
memperkecil  biaya  pengeluaran  yang  tadinya mencetak  brosur  setiap  ingin  memberikan informasi tertentu,sekarang hanya tinggal memasukan nya kedalam web tersebut.
Penggunaan web organisasi merupakan kebutuhan bagi organisasi agar dapat memudahkan  penyampaian  informasi  secara cepat.  IGRA  (Ikatan  Guru  Raudathul  Athfal) merupakan  organisasi  guru  yang  merupakan pembinaan dan kerjasama antara kepala dan guru Raudathul  Athfal  untuk  menyamakan  visi,  misi dan persepsi dalam penyelenggaraan pendidikan prasekolah.  Oleh  karena  itu  IGRA  memerlukan Web organisasi  ini  untuk  menyampaikan  semua
informasi    kepada    siswa    siswi    secara  cepat. Rumusan  masalah  pada  penelitian  ini  adalah Bagaimana  cara  mengelola  website  IGRA  agar mudah  diakses.  Tujuan  penelitian  ini  adalah Membuat back-end website,untuk mengatur data bulletin/berita, pengumuman, agenda, galeri, dan guru pada website IGRA.

## 2. METODE PENELITIAN
1.  Analis
Pada  tahapan  ini  dilakukan  beberapa analisis yaitu analisis sistem yang sedang berjalan,  analisis  sistem  yang  diusulkan, analisis  kebutuhan  fungsional,  analisis kebutuhan  non  fungsional,  diagram konteks, dan use case diagram . 2.  Desain Sistem Pada tahap  ini melakukan proses perancangan  desain  menggunakan object oriented  programing dan  menggunakan UML  sebagai  bahasa  pemodelannya diantaranya activity diagram, deployment diagram .
3.  Implementasi
Pada  tahapan  ini  melakukan  proses implementasi  ke  dalam  kode  program menggunakan bahasa pemograman berbasis web .  Proses  ini  merupakan penerjemah desain ke dalam bahasa yang dikenali  oleh  komputer  dan  yang  sudah dipahami.
4.  Pengujian Sistem Pada  tahapan  ini  melakukan  proses pengujian  sistem  dengan  menggunakan Blacx Box.

## 3. HASIL DAN PEMBAHASAN Analisis Kebutuhan
Analisis  kebutuhan  adalah  hal    awal    yang dilakukan  ketika  ingin  membuat  suatu  sistem. Ditahap  ini  kita  akan  menentukan  apa  saja kebutuhan yang dibutuhkan oleh sistem tersebut.

## Kebutuhan Fungsional
Kebutuhan   fungsional   adalah   jenis   kebutuhan yang   berisi   tentang prosesproses apa saja yang nantinya  dilakukan  oleh  sistem.  Kebutuhan fungsional  juga  berisikan  tentang  informasi- informasi apa saja yang harus ada dan dihasilkan oleh sistem.
Berikut  ini  adalah  kebutuhan  fungsional  dari perancangan back-end website yang akan dibuat adalah sebagai berikut:
1.  Awal harus melakukan login agar dapat masuk ke dalam dashboard.
2.    Sistem  dapat  melakukan  manipulasi  data berita.
3.    Sistem  dapat  melakukan  manipulasi  data kategori berita.
4.    Sistem  dapat  melakukan  manipulasi  data pengguna.
5.    Sistem  dapat  melakukan  manipulasi  data agenda.
6.    Sistem  dapat  melakukan  manipulasi  data pengumuman.
7.    Sistem  dapat  melakukan  manipulasi  data gallery.
8.  Sistem dapat melakukan manipulasi data guru.

## Kebutuhan Non Fungsional
Kebutuhan   non   fungsional   adalah   kebutuhan yang  menitikberatkan  pada properti prilaku yang dimiliki oleh sistem.
Berikut ini adalah kebutuhan non fungsional dari perancangan back-end website yang akan dibuat adalah sebagai berikut:
1. Correctness, fitur dan kegunaan sistem tersedia sesuai requirement PD IGRA.
2.  Reability,  sistem  berjalan  lancar,  dan  sistem dapat membatalkan input data yang salah. 3.  Efficiency,  admin  dapat  mencari  data  berita, pengumuman,  agenda,  maupun  foto  tidak  akan kesulitan, hanya dengan menginputkan nama data yang ingin dicari.
4. Integrity, data pada sistem hanya dapat diakses oleh admin.
5.  Usability,  penempatan  menu  tertata  rapih dengan menggunakan sidebar. 6. Maintainability, tidak ada fungsi maintenance pada sistem ini.
7.  Flexibility,  website  ini  fleksibel  untuk dijalankan.
8. Testability,   sistem   ini  telah   melewati   uji coba    dalam      operasionalnya,  menggunakan apache sebagai server, MySQL sebagai database, dan google chrome untuk menampilkan hasilnya. 9.  Portability,    sistem    dapat    berjalan    jika melakukan    layanan    hosting,    dapat  dilihat melalui platform manapun, dengan menggunakan browser.
10.Re-usability,  sistem  dapat  digunakan  oleh PD    IGRA    bogor,    tapi    dapat  terhubung  ke website RA lainnya.
11.Inter-operability,  mampu  mengoperasikan beberapa halaman sekaligus.

## Penerapan
Website  organisasi  ini  dibuat  sebagai  media informasi  bagi  IGRA  yang  saat  ini  belum mempunyai  media  yang  mumpuni  untuk menyebar  luaskan  informasi.  Sehingga    dengan menggunakan    website    ini    IGRA    dapat memberikan    informasi  kapan  saja  tanpa  harus bertatap muka dengan orang tua atau wali murid. Orang  tua  atau  wali  murid  bisa  mendapatkan informasi tentang IGRA hanya dengan membuka website  organisasi  ini.  Implementasi      pada proses      penginputan      data      dapat      dilakukan dengan  memasuki  dashboard  admin  melalui halaman  login.  Saat  sudah  selesai  melakukan login dengan akun yang tersedia, akan masuk ke halaman  dashboard  dimana  dapat  memanipulasi data didalamnya. Didalam nya terdapat beberapa halaman  penginputan,    yaitu    terdiri    dari    : halaman    berita,    halaman    pengguna,    halaman agenda,  halaman  pengumuman,  halaman  galeri, dan  halaman  guru.  Langkah  –  langkah  dalam proses  login  dan  penginputan  data  dari  masing masing halaman :

## 1) Halaman Berita
Halaman  berita  dapat  melakukan  buat  berita baru, edit berita, hapus berita, dan di tampilkan di  halaman list berita  dengan  sebuah  tabel.
Berikut  semua  proses  yang  terdapat  pada halaman berita :    Post berita a.   Masuk  ke  halaman List Berita,  lalu klik  button Post Tulisan  untuk masuk ke
halaman Post Berita, seperti pada Gambar 1.
Gambar 1. Halaman List Berita
b. Setelah masuk ke halaman Post Berita, dihalaman terdapat 1 form input , 1 textarea , 1 dropdown , dan 1 form input file , lalu isi sesuai berita apa yang ingin di bagikan dan klik publish , maka akan seperti Gambar 2.
Gambar 2. Halaman Post Berita Maka  selanjutnya  berita  tersebut  berhasil dibagikan  dan  tampil  pada  halaman List
Berita, seperti Gambar 3.
Gambar 3. Halaman List Berita dengan berita baru

## 2. Halaman Kategori
Halaman  ini  terdapat  pada sidebar  dropdown dari  Berita.  Halaman  ini  dapat  melakukan menambahkan,  mengubah,  dan  menghapus kategori.  Menambah    kategori    dengan    klik button Add   Kategori,  seperti  pada  Gambar
4.

## Gambar 4. Halaman Kategori Berita
3. Halaman Agenda Halaman Agenda dapat menambah, mengubah dan menghapus agenda. Menambah  agenda baru  dengan  klik button  Add Agenda,  seperti pada Gambar 5.

## Gambar 5. Halaman Agenda

## 4. Halaman Pengumuman
Halaman  Pengumuman  dapat  menambah, mengubah  dan  menghapus  data pengumuman. Menambah Pengumuman baru dengan klik button Add Pengumuman, seperti pada Gambar 5
Gambar 5. Halaman Pengumuman 5. Halaman Album. Halaman Album dapat menambah, mengubah dan menghapus data Album. Menambah Album baru dengan klik button Add Album, seperti pada Gambar 6.
Gambar 6. Halaman Album

## 4. KESIMPULAN
Kesimpulan   dari   penelitian ini adalah Pembuatan   Back-end   website Organisasi  PD IGRA    Kota    Bogor    yaitu,    mempermudah memberikan    informasi  seperti    berita,    agenda, ataupun  pengumuman    melalui    daring,    dan dapat  di  akses dengan mudah tanpa harus surat menyurat.  Pada  Back-end  Website  PD  IGRA dapat  menambah,  mengubah,  dan  menghapus data.  Dapat  diakses  melalui  login  administrator dengan akun yang tersedia.

## DAFTAR PUSTAKA
[1] Muhammad  Robith  Adani,  “Pengertian
Internet,”  15 September 2021.  [Online]. Available: https://www.sekawanmedia.co.id/pengertian- internet/. [2] Anonim,“Profil,”20 September 2021.[Online]. Available:http://pdigrakotasurabaya.org/ sample page/. [3] Muhammad Robith Adani,“Tutorial Mudah  Belajar  Bahasa  Pemrograman PHP  untuk  Pemula,”  16  September 2021.[Online].Available:
https://www.sekawanmedia.co.id/penger tian-php/. [4] Zakaria, “Pengertian CodeIgniter Beserta Kegunaan, Kelebihan, serta Kekurangannya,” 16 September 2021.[Online]. Available: https://www.nesabamedia.com/pengertia n-codeigniter/. [5] Nawadwipa,  “  Pengertian  Dan  Fungsi HTML (HyperText Markup Language),” 16  September  2021.[Online].  Available: https://www.nawadwipa.co.id/pengertia n-dan-fungsi-html-hypertext-markup- language. [6] Andy  Nugroho,  “  Apa  Itu  CSS,  Inilah Pengertian, Cara Kerja dan Kegunaannya,”  16  september  2021. [Online]. Available: https://qwords.com/blog/apa-itu-css/. [7] Alexandromeo  L.G,  “Belajar  Bootstrap: Pengertian, Fungsi, dan Cara Menggunakannya,” 16 September 2021. [Online]. Available: https://makinrajin.com/blog/bootstrap- adalah.
[8] Gusmi Tasari, “Mengenal Visual Studio Code,”  16  September  2021.  [Online].
Available: https://www.gamelab.id/news/468-
mengena-visual-studio-code.
[9] Anonim,  “Pengertian  Google  Chrome,” 16 September 2021. [Online]. Available: https://sinaupedia.com/pengertian- google-chrome/.  Yasin    K,    “Pengertian
MySQL,    Fungsi,    dan    Cara    Kerjanya (Lengkap),”    16  September  2021. [Online]. Available: https://www.niagahoster.co.id/blog/mys ql- adalah/.