75
PERANCANGAN SISTEM INFORMASI PANTI ASUHAN SEBAGAI MEDIA UNTUK MEMPERMUDAH RANTING DALAM
MEREKOMENDASIKAN ANAK PANTI
(STUDI KASUS: PANTI ASUHAN MUHAMMADIYAH CABANG PURWOKERTO)
Saghifa Fitriana 1*, Ridho Wijayanto 2*
Program Studi Ilmu Komputer, STMIK Nusa Mandiri Jakarta
Abstrak
Dalam lembaga sosial seperti panti asuhan, saat ini memanfaatkan kecanggihan Teknologi Informasi dan Komunikasi untuk mewujudkan sebuah sistem yaitu sistem informasi panti asuhan berbasis web. Sistem informasi panti asuhan berbasis web ini dirancang secara khusus untuk memenuhi kebutuhan panti sebagai salah satu lembaga sosial yang ingin memberikan pelayanan serta informasi-informasi mengenai panti asuhan ini secara informatif dengan memanfaatkan kecanggihan teknologi sekarang. Contoh dari sistem informasi yang memanfaatkan kecanggihan teknologi sekarang yaitu sistem informasi pendaftaran anak asuh pada panti asuhan yang bermanfaat untuk mengelola data-data calon anak asuh pada proses pendaftaran yang masih manual untuk dibuatkan sistem yang canggih dengan bantuan software agar mampu mengefektifkan waktu dan menghemat biaya bagi calon pendaftar.Dengan dibuatnya Sistem informasi Pendaftaran anak asuh mengguanakan berbasis web ini segala informasi atau pendaftaran dapat diakses pada waktu dan tempat yang tidak ditentukan serta dapat mempermudah dan mempercepat dalam proses penyeleksian terhadap anak panti
Kata Kunci : Sistem Informasi, Pendaftaran Anak Panti, Berbasis Web.
1. PENDAHULUAN 1.1. Latar Belakang
Perkembangan Teknologi Informasi saat ini semakin canggih dan mempermudah kinerja manusia dalam aktifitasnya. Dengan kemajuan teknologi tersebut memungkinkan suatu instansi untuk memberikan layanan informasi yang lebih baik. Dalam lembaga sosial seperti panti asuhan, memanfaatkan kecanggihan Teknologi Informasi dan Komunikasi untuk mewujudkan sebuah sistem yaitu sistem informasi panti asuhan berbasis web. Sistem informasi panti asuhan berbasis web ini dirancang secara khusus untuk memenuhi kebutuhan Panti sebagai salah satu lembaga sosial yang ingin memberikan pelayanan serta informasi- informasi mengenai panti asuhan ini secara informatif dengan memanfaatkan kecanggihan teknologi sekarang. Adapun sistem informasi yang terdapat didalam website Panti Asuhan meliputi profil Panti, sejarah, visi dan misi serta berbagai informasi yang terkait dengan Lembaga
Organisasi yang menaungi Panti Asuhan ini, yakni Muhammadiyah.
Sistem Pendaftaran anak asuh pada panti asuhan bermanfaat untuk mengelola data-data calon anak asuh pada proses pendaftaran yang masih manual untuk dibuatkan sistem yang canggih dengan bantuan software agar mampu mengefektifkan waktu dan menghemat biaya bagi calon pendaftar. Sistem Pendaftaran anak asuh berbasis web ini membantu Panti Asuhan untuk memberikan informasi kepada pengguna internet yang mengakses website Panti Asuhan ini. Sehingga pengguna internetpun dapat mengetahui seluk beluk tentang Panti dan tidak menutup kemungkinan bagi pengunjung website ini tertarik untuk menyumbangkan sebagian dari rezekinya untuk Panti Asuhan. Dengan dibuatnya Sistem Pendaftaran berbasis web ini segala informasi atau pendaftaran dapat diakses pada waktu dan tempat yang tidak ditentukan.
76
1.2. Maksud dan Tujuan 1. Maksud
Adapun maksud dari penulisan karya ilmiah ini adalah :
a. Menerapkan dan mengembangkan ilmu dari seluruh mata kuliah yang didapat selama perkuliahan.
b. Sebagai sarana belajar membuat website mandiri, mulai dari tahap awal merancang hingga menjadi sebuah website yang berfungsi sebagaimana mustinya.
c. Mengenalkan profil Panti Asuhan Putri Muhammadiyah Purwokerto.
d. Mengembangkan Sistem Informasi Pendaftaran berbasis web pada Panti Asuhan.
2. Tujuan
Adapun maksud dari penulisan karya ilmiah ini adalah :
a. Untuk mempermudah dalam melakukan penyeleksian terhadapat anak panti.
b. Mempermudah cabang panti muhammadiyah purwokerto dalam merekomendasikan anak panti untuk dapat masuk ke panti asuhan.
c. Mempercepat dalam proses penyeleksian anak panti.
1.3. Metode Pengumpulan Data
Dalam menyusun karya ilmiah menggunakan beberapa metode penelitian, yaitu :
1. Observasi
Pada metode ini melakukan tinjauan langsung terhadap tempat penelitian yaitu dengan mendatangi Kantor Pusat Panti Asuhan untuk mendapatkan beberapa data tentang Panti, meliputi sejarah berdirinya panti, profil, visi misi, tata tertib, dan data lain yang berkaitan dengan pengelolaan Panti Asuhan. Yang nantinya hasil analisis dari metode ini akan digunakan sebagai dasar atau konsep desain pembuatan website Panti Asuhan.
2. Wawancara
Pada metode wawancara mengajukan beberapa pertanyaan secara lisan kepada kepala bagian tata usaha dan ketua pimpinan panti asuhan setempat.
3. Studi Pustaka
Metode ini mengumpulkan data dengan membaca, mempelajari dan mencari informasi dari beberapa buku yang
berhubungan dengan masalah pokok penelitian.
1.4. Ruang Lingkup
Dalam pembuatan web ini hanya menggambarkan seputar profil dari Panti Asuhan Putri Muhammadiyah Purwokerto.
Untuk batasan ruang lingkup dari susunan karya ilmiah ini meliputi tiga ruang akses yaitu :
1. Ruang akses web untuk umum sebagai web utama yang didalamnya terdapat beberapa menu diantaranya : Home, Profil, Informasi, Artikel, Galeri dan Hubungi Kami. Dari menu-menu tersebut pengunjung akan mendapatkan seputar informasi dan profil mengenai Panti Asuhan dan didalam website tersebut juga terdapat sistem login yang dapat digunakan oleh Ranting Muhammadiyah Cabang wilayah dalam BARLINGMASCAKEB untuk mendaftarkan anak asuh yang akan dititipkan di Panti Asuhan.
2. Ruang akses web yang digunakan oleh Ranting Muhammadiyah Cabang wilayah BARLINGMASCAKEB setelah berhasil login melalui web utama untuk mendaftarkan anak asuh.
3. Ruang akses web untuk admin yang digunakan untuk memasukan informasi terbaru, mengolah isi web, posting artikel, mengedit dan mengolah menu yang ada didalam website tersebut, serta mengecek data pendaftaran yang masuk.
2. PEMBAHASAN 2.1. Landasan Teori 2.1.1. Program
Menurut Ema dan Sukrisno (2005:26) “Program adalah kata, ekspresi atau pernyataan yang disusun dan dirangkai menjadi satu kesatuan prosedur, yang berupa urutan langkah, untuk menyelesaikan masalah yang diimplementasikan dengan menggunakan bahasa pemrograman sehingga dapat dieksekusi oleh komputer”.
Jadi bisa disebut bahwa program adalah suatu implementasi dari bahasa pemrograman. “Bahasa program adalah suatu bahasa ataupun suatu tatacara yang dapat digunakan oleh manusia (programmer) untuk berkomunikasi secara langsung dengan komputer”(Edi dan Pulung, 2010:116). Sedangkan programmer adalah orang yang membuat program.
77 2.1.2. Internet / Website
Internet singkatan dari International Networking. Secara umum Internet adalah kumpulan dari jaringan komputer yang terhubung dan membentuk suatu jaringan luas yang tidak terbatas dan memungkinkan untuk melakukan pertukaran informasi. Dalam hal ini komputer yang dahulu masih stand alone datap berhubungan langsung dengan host-host atau komputer-komputer yang lainnya.
Secara ilmiah artinya jaringan yang terhubung. Sedangkan menurut Depdiknas (2008:560) “internet adalah jaringan komunikasi elektronik yang menghubungkan jaringan komputer yang terorganisasi diseluruh dunia melalui telepon atau satelit”. Internet sering disebut juga dengan istilah dunia maya, karena dengan internet dimungkinkan terjadi transaksi dan komunikasi sehingga segala kebutuhan dapat diperoleh dari internet.
Menurut Yuhefizar (2008:159)
“web, yang dalam bahasa resminya World Wide Web (www), adalah suatu metode untuk menampilkan informasi di internet, baik berupa teks, gambar, suara maupun video yang interaktif dan mempunyai kelebihan untuk menghubungkan (link) satu dokumen dengan dokumen lainnya (hypertext) yang dapat diakses melalui sebuah browser”.
2.1.3. Dreamweaver
Macromedia Dreamweaver merupakan salah satu software dari kelompok Macromedia yang banyak digunakan untuk mendesain situs web.
Adapun Macromedia Dreamweaver itu sendiri adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengolah situs atau halaman web.
Dreamweaver dikembangkan oleh perusahaan Macromedia dari versi 1 sampai 8, setelah itu dibeli oleh Adobe yang kemudian dinamakan Dreamweaver CS5 di versi 9 dan seterusnya sesuai dengan versi terbaru yang dikeluarkan oleh perusahaan tersebut. Salah satu keunggulan dari software ini adalah berbasis OOP, sehingga untuk membangun sebuah web sangat dimungkinkan tanpa mengetikkn coding / script karena secara otomatis software ini meng-generate coding sesuai dengan desain yang dibuat. (Heni A. Puspitosari (2010:98)).
2.1.4. Personal Home Page (PHP)
Menurut Dwiyoga (2005:12)
“Personal Home Page atau yang lebih dikenal dengan PHP adalah bahasa pemrograman yang digunakan untuk pemrograman berbasis web”. Sedangkan menurut Zaki (2008:2), “PHP adalah sebuah bahasa pemrograman scripting untuk membuat halaman web yang dinamis”. Agar dapat dibaca, PHP disisipkan diantara kode HTML. Sedangkan untuk PHP dalam bentuk file, disimpan dengan format ekstensi *.php.
2.1.5. MySQL
Menurut Kroenke (2005 : 220)
“MySql adalah produk DBMS open source yang berjalan pada UNIX, LINUX dan Windows”. MySQL merupakan turunan dari bahasa SQL. SQL adalah singkatan dari Structured Query Language dan sering disebut sequel.
2.2. Tinjauan Kasus
Berdasarkan hasil dari wawancara terhadap pihak panti asuhan tersebut menemukan ada beberapa permasalahan yang dialami oleh bagian tata usaha dalam mengumpulkan, mengolah dan merekap data-data anak didik yang pernah dan yang masih tinggal di Panti Asuhan tersebut.
Bagian tata usaha panti mengolah data seluruh anak didik, baik dari panti putri maupun panti putra. Sedangkan gedung panti putri dan panti putra tidak bertempat pada satu bangunan, melainkan sudah terpisah atau berbeda tempat. Kemudian dari pihak bagian tata usaha tersebut menginginkan agar pengolahan data panti putra dan panti putri supaya dipisah. Dalam hal ini panti tersebut sudah mempunyai website, namun tidak digunakan untuk pengolahan data anak panti. Hanya sekedar menginformasikan profil dan informasi- informasi mengenai panti asuhan saja.
Sehingga memberikan ide bagi penulis untuk membuatkan website khusus Panti Putri yang dapat digunakan juga untuk mendaftar tidak hanya sekedar menampilkan informasi seputar Panti.
2.3. Spesifikasi Rancangan Web
Sebagai web resmi dari sebuah organisasi lembaga sosial, rancangan tampilan pada web ini dibuat sesuai dengan kebutuhan Panti dalam hal mendapatkan calon anak asuh dan memperkenalkan Panti Asuhan Putri kepada para pengguna internet yang mengakses website ini. Tampilan pada
78
web ini dibuat cukup sederhana. Hal ini bertujuan agar proses penampilan saat load tidak terlalu berat karena sesuai tujuan dirancangnya web ini yaitu untuk mempermudah pengunjung dalam pengaksesan. Web ini memiliki tiga macam pengunjung atau pengguna yang masing- masing memiliki ruang akses tersendiri, yaitu :
1. Halaman Utama
Tampak pada rancangan tampilan diatas, halaman utama dari web ini meliputi lima bagian yaitu : Header, Menu, Isi, Panel Kanan, Footer.
Gambar II.1.
Tampilan Halaman Utama
2. Halaman Home
Tampak pada rancangan tampilan diatas, pada saat pertama kali web ini diakses yang pertama kali ditampilkan adalah isi dari menu home. Atau ketika pengguna memilih (mengklik) menu home akan tampil pada bagian isi yaitu : Gedung Panti Putri, Informasi Kegiatan.
Gambar II.2.
Tampilan Halaman Home
3. Halaman Profil
Dari tampilan diatas terlihat bahwa didalam menu profil ini terdapat beberapa submenu yaitu : Sejarah, Visi & Misi, Landasan, Struktur Organisasi, Tata Tertib, Sarana Prasarana.
Gambar II.3.
Tampilan Halaman Profil
4. Halaman Informasi
Tampak pada gambar tampilan diatas, didalam menu informasi terdapat beberapa submenu yaitu : Program Kerja, Sumber Pendanaan, Penyaluran Donasi.
.
Gambar II.4.
Tampilan Halaman Informasi
Header
Menu
Isi Panel Kanan
Footer
Header
Login Anggota
Prestasi
Kalender
Komentar
• Gedung Panti Putri
• Informasi Kegiatan
Footer Alqur’an Playlist
Home Profil Informasi Artikel Galeri Hubungi Kami
Header
Login Anggota
Prestasi
Kalender
Komentar Isi
Footer Alqur’an Playlist
Home Profil Informasi Artikel Galeri Hubungi Kami
Program Kerja
Sumber Pendanaan
Penyaluran Donasi Header
Login Anggota
Prestasi
Kalender
Komentar Isi
Footer Alqur’an Playlist
Home Profil Informasi Artikel Galeri Hubungi Kami
Sejarah
Visi & Misi
Landasan
Struktur Organisasi
Tata Tertib
Sarana Prasarana
79 5. Halaman Ruang Admin
Selain dari halaman tersebut, dalam rancangan web ini juga ada rancangan halaman ruang admin. Halaman ruang admin ini hanya dapat diakses oleh pengguna sebagai pengelola(admin) saja.
Adapun rancangannya adalah sebagai berikut :
Gambar II.5.
Tampilan Halaman Ruang Admin
6. Halaman Ruang Anggota
Bagi pengguna yang sudah terdaftar sebagai anggota, maka dapat mengakses halaman web anggota dengan melakukan login terlebih dahulu. Tampilan web didalam menu anggota terdapat beberapa menu yaitu : Home, Pendaftaran, Pengumuman, Ke Halaman Utama, Log Out. Berikut ini gambar tampilan web anggota :
Gambar II.6.
Tampilan Halaman Ruang Anggota
2.4. Struktur Navigasi
Menurut Hengky Prihatna(2005:51)
“Struktur navigasi adalah struktur (alur) dari suatu program yang merupakan rancangan hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan website dengan memberikan perintah atau pesan”.
Gambar II.7.
Struktur Navigasi Web Panti
2.5. Desain Sistem
Desain Aplikasi Sistem Informasi Panti asuhan ini menggunakan hasil perancangan dari sistem yang digambarkan dalam diagram use case untuk menggambarkan aksi yang dilakukan admin, anggota dan pengunjung.
2.5.1. Use Case Diagram
Menurut Munawar (2005:63) memberikan penjelasan bahwa “Use case adalah deskripsi fungsi dari sebuah sistem dari prespektif pengguna”. Use case terdiri dari sekumpulan skenario yang dilakukan oleh seorang actor (orang, perangkat keras, urutan waktu atau sistem yang lain).
Sedangkan use case diagram memfasilitasi komunikasi diantara analisis dan pengguna serta diantara analisis dan klien.
1. Use Case Diagram Admin
Pada Gambar II.8. digambarkan seorang admin yang berinteraksi dengan sistem. Adapun yang dapat dilakukan oleh aktor tersebut yaitu:
a. Login Admin
b. Mengolah Data Beranda c. Mengolah Data Web Utama d. Mengolah Data Web Anggota e. Melihat Web Utama
f. Keluar
Header
Isi
Footer
Home Pendaftaran Pengumuman Ke Halaman Log Out
Header
Isi
Footer Beranda
Web Utama Olah menu Olah konten Komentar Prestasi Web Anggota Olah menu Olah konten
Ke halaman utama Olah anggota
Keluar
80
Gambar II.8.
Use Case Diagram Admin
2. Use Case Diagram Anggota
Pada Gambar II.9. digambarkan seorang admin yang berinteraksi dengan sistem. Adapun yang dapat dilakukan oleh aktor tersebut yaitu:
a. Login Anggota b. Melihat Home c. Melihat Pendaftaran d. Melihat Pengumuman e. Melihat Halaman Utama f. Log out
Gambar II.9.
Use Case Diagram Anggota
3. Use Case Diagram Pengunjung Pada Gambar II.10. digambarkan seorang admin yang berinteraksi dengan sistem. Adapun yang dapat dilakukan oleh aktor tersebut yaitu:
g. Login Anggota h. Melihat Home i. Melihat Pendaftaran j. Melihat Pengumuman k. Melihat Halaman Utama l. Log out
Gambar II.10.
Use Case Diagram Pengunjung
2.6. User Interface
Antarmuka pengguna atau yang biasa disebut User Interface ini berfungsi untuk menghubungkan informasi kepada pengguna dengan sistem, sehingga sistem tersebut bisa digunakan.
1. User Interface Halaman Utama Di tampilan ini terdapat beberapa menu yaitu profil, informasi, artikel, galeri, hubungi kami.
Gambar II.11.
User Interface Halaman Utama
2. User Interface Ruang Anggota Di ruang anggota pengguna harus login terlebih dahulu untuk bisa masuk ke ruang angota.
Login admin
Beranda
Kelola Web Utama
Kelola Web Anggota
Lihat Web Utama
Keluar Admin
Halaman Utama Anggota
Home
Pendaftaran
Log Out Login anggota
Pengumuman
Web Utama
Komentar Profil dan Artikel Pengunjung
81 Gambar II.12.
User Interface Halaman Ruang Anggota
3. User Interface Ruang Admin
Di ruang admin ini dimana yang mengelola semua data yang berada web tersebut .
Gambar II.13.
User Interface Halaman Ruang Anggota
3. PENUTUP 3.1. Kesimpulan
Kesimpulan yang dapat diambil oleh penulis setelah membuat rancangan dan membuat website ini berdasarkan uraian- uraian dari bab sebelumnya adalah sebagai berikut :
1. Website Panti Asuhan ini merupakan media atau sarana untuk memberikan informasi kepada masyarakat yaitu dengan memperkenalkan profil Panti Asuhan Putri Muhammadiyah Purwokerto.
2. Dengan dibuatnya website ini diharapkan supaya mempermudah bagi Ranting Cabang Muhammadiyah dalam mendaftarkan calon anak asuh ke Panti Asuhan ini, sehingga bagi pihak Ranting
Cabang Muhammadiyah tidak lagi perlu datang langsung ke Panti Asuhan untuk mendaftarkan calon anak asuh.
3. Website ini dapat dikunjungi atau diakses oleh siapapun yang ingin melihat dan mengetahui profil Panti Asuhan beserta informasi-informasi yang ada didalamnya.
3.2. Saran-saran
Diakhir penulisan karya ilmiah ini, penulis memberikan beberapa saran kepada seluruh pengunjung website ini, antara lain : 1. Pengunjung supaya memanfaatkan
website ini dengan bijak. Sesuai dengan fungsi dari website yang telah dibuat ini yaitu untuk memperkenalkan profil Panti Asuhan Muhammadiyah Purwokerto secara keseluruhan kepada masyarakat dalam hal ini yaitu para pengguna internet yang berkunjung ke web ini.
2. Dikarenakan dalam web ini ada tiga macam pengunjung, diharapkan supaya masing-masing pengunjung dapat menggunakan hak aksesnya secara maksimal. Bagi pengunjung umum, dapat melihat seluruh informasi mengenai Panti Asuhan Putri Muhammadiyah Purwokerto.
3. Bagi pengunjung yang diperkenankan untuk mendaftar sebagai anggota yaitu hanya Ranting Cabang Muhammadiyah wilayah BARLINGMASCAKEB.
Setelah mendaftar sebagai anggota dihimbau agar selalu memperbaharui informasi yang ada di web anggota (Ruang Anggota) yaitu dengan mengecek web masing-masing anggota.
4. Diharapkan agar semua pengunjung yang mengakses web ini supaya memberikan komentar, kritik atau saran untuk kemajuan perkembangan web ini demi meningkatkan kualitas dan pembaharuan web panti ini.
4. DAFTAR REFERENSI
[1] A.Puspitosari, Heni. 2010. Membangun Website Interaktif dengan Adobe Creative Suite 5 Tingkat Dasar. Yogyakarta:
Skripta Media Creative.
[2] Depdiknas. 2008. Kamus Bahasa Indonesia. Jakarta: Depdiknas.
[3] Dwiyoga, Albertus. 2005. Membangun Mail Server Andal dengan Fedora dan Qmail. Jakarta:PT.
82
Elex Media Komputindo.
[4] Ema dan Sukrisno. 2005. 10 Langkah Belajar Logika dan Algoritma Menggunakan Bahasa C dan C++ di GNU/Linux.
Yogyakarta: CV. Andi Offset.
[5] Kroenke, David M (Terjemahan). 2005.
Database Processing Dasar- dasar, Design dan Implementasi. Surabaya:
Erlangga.
[6] Munawar. 2005. Pemodelan Visual dengan UML. Yogyakarta.
Graha Ilmu.
[7] Noersasongko, Edi, dan Andono N.
Pulung. 2010. Mengenal Dunia Komputer. Jakarta: PT.
Elex Media Komputindo.
[8] Prihatna, Hengky. 2005. Kiat Praktis
Menjadi Webmaster Professional. Jakarta: Elex
Media Komputer.
[9] Yuhefizar. 2008. 10 Jam Menguasai Internet Teknologi dan Aplikasinya. Jakarta: PT. Elex Media Komputindo.
[10] Zaki, Ali, dan SmitDev Community.
2008. 36 Menit Belajar Komputer PHP dan MySQL.
Jakarta: PT. Elex Media Komputindo.
