## RANCANG BANGUN OFFICIAL WEBSITE PANTI ASUHAN SEBAGAI MEDIA INFORMASI
Nanik Susanti Fakultas Teknik, Program Studi Sistem Informasi Universitas Muria Kudus Email: nanik.susanti@umk.ac.id
Yudie Irawan Fakultas Teknik, Program Studi Sistem Informasi Universitas Muria Kudus Email: yudie.irawan@umk.ac.id
Wiwit Agus Triyanto Fakultas Teknik, Program Studi Sistem Informasi Universitas Muria Kudus Email: wiwit.agus@umk.ac.id

## ABSTRAK
Panti Asuhan Darussalamah terletak di daerah Dawe telah berdiri sejak tahun 2004, dalam perkembangannya sampai saat ini telah memiliki binaan 63 anak, dengan jumlah laki - laki 30 anak dan jumlah perempuan 33 anak. Dengan kreatifitas dan inisiatif pemuda panti, maka teknologi menjadi satu hal yang harus dimiliki oleh panti asuhan Darussalamah. Hal tersebut salah satunya diwujudkan dalam pengadaan website panti asuhan. Website panti asuhan diharapkan dapat mengoptimalkan penyampaian sosialisasi kegiatan panti ke masyarakat luas. Perancangan official website ini menggunakan diagram use case. Dari hasil penelitian yang telah dilakukan dapat disimpulkan bahwa Official website panti asuhan memudahkan interaksi dengan semua stake holder, memudahkan pihak pengurus dalam menyampaikan serta meningkatkan profil kepada masyarakat luas Official website panti asuhan dapat mengatasi permasalahan dalam penyampaian informasi sosialisasi kegiatan panti asuhan, serta memebrikan informasi yang up to date kepada para alumni panti asuhan. Implementasi official panti asuhan dapat diakses melalui URL http://yayasandarussalamah-elqudsy.com.
Kata kunci: Panti, Asuhan , Website, Use Case.

## ABSTRACT
Panti Asuhan Darussalamah located in Dawe has been established since 2004, in its development to date has been built 63 children, with the number of male - 30 children and 33 women, the number of children. With creativity and initiative of youth homes, the technology is one thing that must be owned by the Panti Asuhan Darussalamah. It is one of the procurement website created panti asuhan. Website panti asuhan is expected to optimize the delivery of home socialization activities to the general public. Planning official website is using use case diagrams. From the research that has been done can be concluded that the Official website panti asuhan facilitate interaction with all stakeholders, simplify management and increase the profile presented to the public Official website panti asuhan can solve the problems in the delivery of information dissemination activities of the panti asuhan, as well as give you information up to date on the panti asuhan alumni. Implementation of official panti asuhan can be accessed through the URL http://yayasandarussalamah-elqudsy.com.
Keywords : Panti, Asuhan, Website, Use Case.

## 1. PENDAHULUAN
Website merupakan sebuah media baru hasil dari perkembangan teknologi informasi dan komunikasi yang bernama internet. Dari sekian banyak produk layanan internet yang paling banyak dimanfaatkan adalah website dibandingkan dengan layanan lain seperti ftp , gopher , news atau bahkan email. Pada dasarnya website adalah cara menampilkan profil seseorang atau perusahaan di internet. Sampai saat ini pemanfaatan website bukan sekedar mempermudah jalinan komunikasi dengan netter, tetapi lebih untuk menimbulkan kesan profesional lembaga.
Panti Asuhan Darussalamah terletak di daerah Dawe telah berdiri sejak tahun 2004, dalam perkembangannya sampai saat ini telah memiliki binaan 63 anak, dengan jumlah laki - laki 30 anak dan jumlah perempuan 33 anak.  Dari jumlah tersebut 10 anak bersekolah di Madrasah ibtidaiyah, 22 anak bersekolah di Madrasah Tsanawiyah, 29 anak sekolah di Madrasah Aliyah dan 2 anak melanjutkan kuliah. Dari luas area 324 m2, telah dibangun masjid, asrama dan kantor untuk pengelolaan panti dan menerima tamu. Pengelolaan panti sebagian besar diserahkan kepada pemuda panti, pemilik panti memposisikan diri sebagai pengawas jalannya kegiatan.
Dengan kreatifitas dan inisiatif pemuda panti, maka teknologi menjadi satu hal yang harus dimiliki oleh panti asuhan Darussalamah. Hal tersebut salah satunya diwujudkan dalam pengadaan website panti asuhan. Website panti asuhan diharapkan dapat mengoptimalkan penyampaian informasi sosialisasi kegiatan panti ke masyarakat luas.

## 2. TINJAUAN PUSTAKA
Antony Senjaya dan Doro Edi menjelaskan tentang pemanfaatan website untuk membantu pihak pengurus panti dalam menyampaikan kepada masyarakat atau calon orang tua asuh tentang tata cara proses adopsi. Selain itu memberikan kemudahan bagi pihak sponsor dalam memberikan dukungan di setiap kegiatan panti asuhan [1].
Supriyanta dan Eunika Nova Dwi Floren Rindani Nussy menerangkan keadaan dimana keberadaan panti asuhan tidak banyak diketahui karena kurangnya penyebaran informasi. Desain website ini bertujuan untuk memberikan informasi tentang Panti Asuhan Batu Penjuru di Kulon Progo. Informasi dari website ini diharapkan menjadi media untuk menyampaikan data di Panti Asuhan Batu Penjuru di Kulon Progo kepada masyarakat luas [2].

## 3. METODOLOGI

## 3.1 Metode Pengumpulan Data
Metode pengumpulan data yang digunakan dalam penelitian ini adalah sebagai berikut:
a. Metode Observasi, meliputi proses penyampaian informasipanti asuhanserta proses sosialisasi kegiatan panti asuhan.
b. Metode Kepustakaan, yaitu buku, literatur, catatan, diktatyang dapat menunjang penyusunan penelitian tentang official website panti asuhan.
c. Metode Wawancara, berkaitan dengan permasalahan yang terjadi dalam penyampaian informasipanti asuhanserta proses sosialisasi kegiatan panti asuhan.
d. Metode Dokumentasi, meliputi proses sosialisasi kegiatan panti asuhan yang selama ini sudah dilakukan.

## 3.2 Analisa Kebutuhan
Dalam membangun officialwebsite panti asuhan dibutuhkan data, diantaranya:
a. Data Anak Asuh
b. Data Pengasuh
c. Data Kegiatan
Berdasarkan data-data tersebut, diharapkan dapat menghasilkan sebuah website sekolah yang dapat mengelola beberapa hal berikut:
a. Kelola Struktur Organisasi
b. Kelola Profil
c. Kelola Agenda Kegiatan
d. Kelola Galeri Kegiatan
e. Kelola Menu
f. Kelola Berita
g. Kelola Statistik
h. Kelola Banner
i. Kelola Layout

## 3.3 Perancangan Sistem
Dalam Perancangan Sistem menggunakan pemodelan proses untuk mengilustrasikan aktivitas- aktivitas yang dilakukan dan bagaimana data berpindah diantara aktivitas-aktivitas tersebut. Cara untuk merepresentasikan proses model dengan menggunakan UML ( Unified Modeling Language ). UML merupakan sistem arsitektur yang bekerja dengan Object Oriented Arcitechture Design (OOAD) dengan satu bahasa yang konsisten untuk menentukan, visualisasi, mengkontruksi, dan mendokumentasikan artifact yang terdapat dalam sistem software [3].

## 4. HASIL DAN PEMBAHASAN

## 4.1 Hierarki Menu
Official website panti asuhan terdiri dari beberapa menu utama, yaitu: Beranda, Tentang Kami, Visi Misi, Berita, Galeri Foto, Galeri Video, Agenda. Official website panti asuhan ini juga terdapat beberapa modul seperti: Profil, Kategori, Kontak, Berita Acak, Berita Terpopuler, Berita Terbaru, Statistik Pengunjung dan Banner. Pada modul profil terdiri dari beberapa menu, yaitu: Struktur Organisasi, Kegiatan Anak Asuh, Jumlah Anak Asuh, Data Anak Asuh, Profil Anak Asuh dan Data Pengasuh.

## 4.2 Use Case Diagram
Pada Gambar1 menggambarkan diagram use case pada official website panti asuhan yang memiliki 2 aktor, yaitu: Admin dan Author . Admin dapat mengelola struktur organisasi, mengelola profil mengelola agenda kegiatan, mengelola galeri kegiatan, mengelola menu, mengelola berita, mengelola statistic, mengelola banner dan mengelola layout. Sedangkan Author hanya dapat mengelola berita, agenda kegiatan dan galeri kegiatan.
Gambar 1. Use case Diagram official Website Panti Asuhan

## 4.3 Implementasi Sistem
Implementasi official website panti asuhan dapat diakses melalui URL http://www.yayasandarussalamah-elqudsy.com dengan menggunakan web browser seperti: Mozilla firefox, Opera, InternetExplorer ataupun Google Chrome. Berikut beberapa tampilan official website panti asuhan:
a. Halaman Utama
Halaman utama official website panti asuhan bertema putih dan memiliki template 3 kolom. Pada bagian atas website terdapat banner dan menu utama. Pada bagian kiri website terdapat modul profil, kategori. Pada bagian kanan terdapat modul kontak, popular news , random news statistic pengunjung. Pada bagian tengah website terdapat slideshow kegiatan dan dibawahnya diikuti berita terbaru. Pada bagian bawah terdapat modul most popular , recent news dan random news . Untuk lebih jelasnya, halaman utama pada official website panti asuhan dapat dilihat pada gambar 2.

## Gambar 2. Halaman Utama Official Website Panti Asuhan
b. Halaman kelola artikel / berita
Official website panti asuhan terdiri dari 3 label artikel, yaitu: berita, utama dan profil dengan kegunaan sebagai berikut:
1) Label berita digunakan untuk artikel yang berupa berita kegiatan/informasi panti asuhan
2) Label utama digunakan untuk artikel yang akan menjadi slideshow (gambar bergerak di halaman utama)
3) Label profil digunakan untuk artikel yang berisi profil/biodata dari anak panti.
Pada dashboard , pilih pos – semua. Untuk lebih jelasnya, halaman kelola artikel official website dapat dilihat pada gambar 3.
Gambar 3. Halaman Kelola Artikel / Berita
c. Halaman input artikel / berita
Untuk menambah artikel pilih Entri baru.Untuk lebih jelasnya, halaman input artikel official website dapat dilihat pada gambar 4.
Gambar 4. Halaman Input Artikel / Berita
Keterangan:
1) Berikan judul artikel terlebih dahulu di bagian atas
2) Isikan artikel yang akan dibuat dibagian tengah
3) Tambahkan sebuah label (profil, utama, berita) di sebelah kanan
4) Untuk menambahkan gambar dapat dilakukan dengan klik ikon gambar dan memilih gambar yang akan di upload
5) Jika artikel sudah betul, klik publikasikan.
d. Halaman ubah dan hapus artikel / berita Untuk merubah / menghapus artikel dapat dilakukan dengan mengarahkan kursor mouse di atas judul artikel. Selanjutnya klik Edit jika ingin merubah artikel dan Hapus jika ingin menghapus artikel.Untuk lebih jelasnya, halaman ubah dan hapus artikel official website dapat dilihat pada gambar 5.
Gambar 5. Halaman Ubah Dan Hapus Artikel / Berita

## 5. KESIMPULAN
Dari hasil penelitian yang telah dilakukan dapat disimpulkan sebagai berikut:
a. Official website panti asuhan memudahkan interaksi dengan semua stake holder, memudahkan pihak pengurus dalam menyampaikan serta meningkatkan profil kepada masyarakat luas
b. Implementasi officialwebsite panti asuhan dapat diakses melalui URL http://yayasandarussalamah- elqudsy.com
c. Official website panti asuhan dapat mengatasi permasalahan dalam penyampaian informasisosialisasi kegiatan panti asuhan, serta memebrikan informasi yang up to date kepada para alumni panti asuhan.

## DAFTAR PUSTAKA
[1] Senjaya, A., Edi D. (2013) Website Adopsi dan Sponshorsip Anak Panti Asuhan, Jurnal Sistem Informasi Vol. 8 No.2.
[2] Supriyanta., Nussy, ENDFR. (2016). Perancangan Website Sebagai Media Informasi Panti Asuhan Batu Penjuru Kulon Progo, Journal Speed Vol. 8 No. 2
[3] Suhendar, A. dan Gunadi, H. (2002). Visual Modelling Menggunakan UML dan Rational Rose, Bandung: Informatika.