Program Studi Ilmu Komputer, STMIK Nusa Mandiri Jakarta 1* 2* Abstrak

Evolusi Vol.II No.2 September 2014 ISSN: 2338-8161

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 1* [email protected] 2* [email protected]

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 informasiinformasi 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.

75

Perancangan Sistem Informasi Panti Asuhan Sebagai Media Untuk Mempermudah Ranting Dalam Merekomendasikan Anak Panti (Studi Kasus: Panti Asuhan Muhammadiyah Cabang Purwokerto)

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.

3.

76

Wawancara Pada metode wawancara mengajukan beberapa pertanyaan secara lisan kepada kepala bagian tata usaha dan ketua pimpinan panti asuhan setempat. 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.


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 informasiinformasi 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 77


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 masingmasing 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.

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.

Header

Home

Profil

Informasi

Artikel

Galeri

Hubungi Kami

Sejarah Isi

Login Anggota Visi & Misi

Header

Landasan

Menu

Struktur Organisasi Prestasi Tata Tertib

Isi

Panel Kanan

Sarana Prasarana

Kalender

Alqur’an Playlist Komentar

Footer

Gambar II.1. Tampilan Halaman Utama

Footer

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.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. Header

Header

Home Home

Profil

Informasi

Artikel

Galeri

Profil

Informasi

Artikel

Galeri

Hubungi Kami

Hubungi Kami Program Kerja Login Anggota

Isi

• •

Login Anggota

Gedung Panti Putri Informasi Kegiatan

.

Sumber Pendanaan Penyaluran Donasi Prestasi

Prestasi Kalender

Kalender

Alqur’an Playlist Komentar

Alqur’an Playlist Komentar Footer

Footer

Gambar II.4. Tampilan Halaman Informasi Gambar II.2. Tampilan Halaman Home 78


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 : Header

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”.

Beranda

Web Utama

Olah menu

Olah konten

Komentar

Isi

Prestasi

Web Anggota

Olah menu

Olah konten

Gambar II.7. Struktur Navigasi Web Panti

Olah anggota

Ke halaman utama

2.5.

Keluar

Footer

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 :

Header

Home

Pendaftaran

Pengumuman

Ke Halaman

Log Out

Isi

Footer

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

Gambar II.6. Tampilan Halaman Ruang Anggota 79


3.

Login admin

Beranda

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

Kelola Web Utama Admin Web Utama

Kelola Web Anggota

Pengunjung

Profil dan Artikel

Lihat Web Utama

Komentar

Keluar

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.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.

Login anggota

Home

Pendaftaran Anggota

Pengumuman

Gambar II.11. User Interface Halaman Utama

Halaman Utama

2. Log Out

Gambar II.9. Use Case Diagram Anggota 80

User Interface Ruang Anggota Di ruang anggota pengguna harus login terlebih dahulu untuk bisa masuk ke ruang angota.


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.

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 uraianuraian 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

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. 81


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 Dasardasar, 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.

82

Program Studi Ilmu Komputer, STMIK Nusa Mandiri Jakarta 1* 2* Abstrak

Recommend Documents