PERANCANGAN SISTEM INFORMASI BERBASIS WEB PADA FORUM SILATURAHMI PARA PEMBANGKOL MANIA (FISPABA) KABUPATEN PRINGSEWU SONI RIYANTO Program Strata Satu , Jurusan Sistem Informasi Sekolah Tinggi Menejemen Informatika dan Komputer ( STMIK ) PRINGSEWU LAMPUNG E-mail:
[email protected],
[email protected]
ABSTRAK Pada saat ini fispaba mempromosikan perkumpulannya dengan cara promosi door to door disekitar Prengsewu, terkadang juga menggunakan telepon sebagai media promosi, mungkin semua ini kurang efektif untuk meningkatkan popularitas forum. Bermula dari terbatasnya kegiatan hobi memencing yang dilakukan, maka pihak Fispaba berharap dapat melakukan kegiatan forum dengan menggunakan teknologi web untuk membantu proses perkrutan anggota. Sangatlah tepat jika pihak fispaba menggunakan aplikasi web untuk mendukung proses kegiatannya yang akan semakin maju dikemudian hari. Fispaba bermaksud akan mengembangkan setiap proses kegiatan yang dilakukan selama ini dengan menggunakan Aplikasi system informasi. Dalam pengimplementasian aplikasi system informasi ini digunakan software pendukung seperti PHP MyAdmin, Dreamweaver 8, dan MySOL Server. Aplikasi ini juga dapat menghasilkan informasi kegiatan yang dilakukan forum, serta menyajikan laporan -laporan yang ditujukan kepada ketua Fispaba diantaranya: laporan kegiatan , laporan rekrutmen member dan laporan anggota. Kata Kunci: Sistm Informasi, Web, PHP MyAdmin 1.
PENDAHULUAN
1.1 Latar Belakang FISPABA merupakan perkumpulan para pemancing diarea Pringsewu. Selama ini semua proses administrasi perkumpulan masih menggunakan pencacatan manual saat ada member baru dicatat dalam buku keanggotaan, saat ada anggota baru melakukan regristrasi dicatat dalam buku pendaftaran anggota baru, setelah dicatat dalam buku manual data masih harus di input ke MS. EXCEL untuk mempermudah dalam pembuatan laporan di akhir bulan, terkadang pihak pengurus perkumpulan sangat kesulitan dalam menginformasikan kegiatan-kegiatan perkumpulan karena koordinasi masih simpang siur, terkadang jika ada calon member yang melakukan pendaftaran terkadang pengurus tidak ada. Pada saat ini Fispaba mempromosikan perkumpulannya dengan cara promosi door to door disekitar Pringsewu, terkadang juga menggunakan telepon sebagai media promosi, mungkin semua ini kurang efektif untuk meningkatkan perekrutan anggota, maka dari semua permasalahan yang ada ini, sangatlah tepat jika pihak Fispaba menggunakan aplikasi berbasis web untuk mendukung proses informasi ke masyrakat yang akan semakin maju dikemudian hari. Fispaba bermaksud akan mengembangkan setiap proses informasi yang dilakukan selama ini dengan menggunakan Aplikasi berbasis web. Alasan Fispaba mengubah setiap kegiatan perkumpulannya dengan mengunakan teknologi E-Commerce
dikarenakan forum mengalami kesulitan dalam melakukan informasi kegiatan, promosi acara dan pengolaan data member yang dilakukan. Bermula dari terbatasnya kegiatan forum yang dilakukan, maka pihak fispaba berharap dapat melakukan kegiatan atau promosi acara dengan menggunakan teknologi berbasis Web untuk membantu proses kegiatan dan menjadi solusi permasalahan untuk mempromosikan Fispaba secara luas, mengola member/anggota, mengeola rekrutmen member dan informasi kegiatan member yang ada selama ini, karena kegiatan forum yang ada sekarang ini akan makin berkembang pesat dikemudian hari. Aplikasi Web di Fispaba akan sangat membantu dalam melakukan pengelolaan anggota, rekrutmen anggota dan promosi forum karena bisa dilakukan dimanapun dan kapanpun karena semua proses informasi dilakukan secara online dan juga memudahkan dalam pembuatan laporan kegiatan, rekrutmen dan data anggota. Pihak fispaba juga dapat mengontrol kegiatan forum, mempermudah dalam mengola data seperti anggota, data perekrutan anggota baru, cara bergabung, cetak id member/anggota dan pastinya menjadikan kegiatan hobi yang sudah dijalankan lebih terstruktur. 1.2 Tujuan Tujuan dari penelitian tugas akhir ini adalah untuk membangun aplikasi web, untuk mengatasi masalah yang ada pada Fispaba.
Adapun tujuan yang akan dicapai dari penelitian tugas akhir ini adalah sebagai berikut : 1. Memudahkan dalam mempromosikan forum yang akan ditawarkan kepada penghobi mancing karena bisa menjangkau area yang luas sampai keluar kota. 2. Mempermudah mengolah pencatatan data anggota dan kegiatan anggota, karena semua dilakukan secara otomatis tidak perlu melakukan pencatatan dibuku dan di Input lagi ke Komputer. 3. Memudahkan dalam melakukan proses rekrutmen anggota yang berada jauh dari lokasi atau base camp fispaba. 4. Memudahkan dalam pembuatan laporan data anggota, kegiatan, informasi dan rekrutmen anggota baru. 2.
TINJAUAN PUSTAKA
2.1. Sistem Sistem adalah sekumpulan sub-sistem yang saling berhubungan, berkumpul bersama, saling bekerja sama untuk mencapai tujuan tertentu. Suatu sistem dapat terdiri dari beberapa sub-sistem. Subsistem tersebut dapat pula terdiri dari beberapa subsistem yang lebih kecil. (Al Bahra bin Ladjamudin, 2005 dalam jurnal Rindo, 2012). 2.2. Informasi Informasi adalah data yang telah diolah menjadi bentuk yang lebih berarti bagi penerimanya. Data adalah kenyataan yang menggambarkan kejadiankejadian dan kesatuan nyata. Kejadian adalah sesuatu yang terjadi pada saat tertentu (Al Bahra bin Ladjamudin, 2005 dalam jurnal Rindo, 2012). 2.3. Sistem Informasi Sistem informasi adalah suatu sistem yang dibuat oleh manusia yang terdiri dari komponenkomponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan informasi bagi pengambil keputusan dan atau mengendalikan organisasi (Al Bahra bin Ladjamudin, 2005 dalam jurnal Rindo 2012). 2.4.
Web
Web adalah salah satu aplikasi yang berisikan dokumen - dokumen multimedia (teks, gambar, suara, animasi, video) didalamnya yang menggunakan protocol HTTP (hypertext transfer protokol) dan untuk mengaksesnya menggunakan perangkat lunak yang disebut browser (Arief, 2011).
2.5. PHP PHP(PHP:Hipertext Preprocessor) adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis(Arief, 2011). 2.6.
HTML
HTML atau Hipertext Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan pada halaman web browser(Arief, 2011). 2.7. jQuery jQuery adalah Javascript library yang berisikan kode-kode Javascript yang bertujuan untuk mempersingkat dalam penulisan kode Javascript dan pastinya cepat dan ringan , Dengan adanya jQuery ini lebih mempermudah pejuang – pejuang dalam membuat suatu program , karena banyak tool yang menarik dan juga perlu di ketahui, dalam jurnal Handrian Agus Setioko. (2013). 2.8. CSS CSS(Cascading Style Sheet) merupakan salah satu bahasa pemrograman web yang bertujuan untuk membuat web kita menjadi lebih menarik dan terstruktur, dalam jurnal Handrian Agus Setioko. (2013). 2.9.
MySQL
MySQL merupakan database yang paling populer digunakan untuk membangun aplikasi web yang menggunakan database sebagai sumber dan pengelola datanya. Kepopuleran MySQL dimungkinkan karena kemudahannya untuk digunakan, cepat secara kinerja query, dan mencukupi untuk kebutuhan database perusahaanperusahaan skala menengah kecil. MySQL merupakan database yang digunakan oleh situs-situs terkemuka di Internet untuk menyimpan datanya. Software database MySQL kini dilepas sebagai software manajemen database yang open source, sebelumnya merupakan software database yang shareware. Shareware adalah suatu software yang dapat didistribusikan secara bebas untuk keperluan penggunaan secara pribadi, tetapi jika digunakan secara komersial maka pemakai harus mempunyai lisensi dari pembuatnya. Software open source menjadikan software dapat didistribusikan secara bebas dan dapat dipergunakan untuk keperluan pribadi atau pun komersial, termasuk di dalamnya source code dari software tersebut. (Suryatiningsih 2008 dalam jurnal Basten dkk, 2012). MySQL
adalah aplikasi atau sistem untuk mengelola database atau manajemen data. Untuk menyimpan data dan informasi kekomputer kita menggunakan data, contoh kita menyimpan data karyawan pada suatu perusahaan dan memasukan padasuatu file. File data inilah yang disebut database, dan MySQL bertugas mengatur dan mengelola data-data pada database. 2.10. Internet Istilah internet berasal dari bahasa latin, inter yang berarti “antara”. Secara kata per kata internet berarti jaringan antara atau penghubung. Memang itulah fungsinya, internet menghubungkan berbagai jaringan yang tidak saling bergantungan pada satu sama lain dengan sedemikian rupa sehingga mereka dapat berkomunikasi. Internet adalah jaringan computer yang saling terhubung keseluruh dunia tanpa mengenal batasan teritorial, hukum dan budaya. Menurut Lani Sudharto (dalam e-jurnal Rara Sri Artati Rejeki, 2011 ) walaupun secara fisik internet adalah inter koneksi antar jaringan computer namun secara umum internet harus dipandang sebagai sumber daya informasi. Protocol TCP/IP menyatukan bahasa dan kode berbagai computer didunia sehingga menjadi standart utama jaringan computer. TCP/IP berkembang cepat dan kaya fasilitas karena bersifat terbuka dan bebas digunakan, ditambahkan kemampuan baru oleh siapapun dan gratis karena tidak dimiliki siapapun. Oleh karena itu, hingga saat ini jaringanjaringan tersebut saling terhubung di seluruh belahan dunia. 2.11. Pengertian Analisis dan Perancangan Sistem Menurut Jogiyanto (dalam e-jurnal Rara Sri Artati Rejeki, 2011), mengatakan analisis sistem sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan dan kesempatan. 3.
METODELOGI PENELITIAN
Tahap pengembangan dalam pembuatan Perancangan Aplikasi Sistem Informasi Berbasis Web ini menggunakan model waterfall yang meliputi beberapa proses diantaranya : 1. System Engineering Tahap untuk menetapkan berbagai kebutuhan dari semua elemen yang diperlukan sistem dan mengalokasikannya ke dalam pembentukan perangkat lunak. 2. System Analisis Merupakan tahap menganalisis hal-hal yang diperlukan dalam pelaksanaan pembuatan perangkat lunak, seperti menganalisis data apa
saja yang diperlukan, tool apa saja yang akan digunakan, analisis kerja sistem, menganalisa aliran data yang akan berjalan pada sistem. 3. System Design Tahap penerjemahan dari data yang dianalisis kedalam bentuk yang mudah dimengerti oleh user dengan membuat design sesuai kebutuhan, tidak memasukkan data yang tidak perlu, sehingga design mudah dipahami. 4. System Coding Tahap penerjemahan data atau pemecahan masalah yang telah dirancang keadalam bahasa pemrograman tertentu 5. System Testing Merupakan tahap pengujian terhadap perangkat lunak yang dibangun. Pengujian dilakukan sesuai dengan kerja sistem yang diinginkan, misalnya menguji penambahan data produk, produk diskon, pencarian produk, produk promosi dan lain-lain, pengujian dilakukan untuk memastikan apakah semua kinerja dari sistem sudah berjalan dengan baik. 6. System Maintenance Tahap akhir dimana suatu perangkat lunak sudah selesai, karena sudah bisa dipastikan semua sistem berjalan dengan baik sesuai dengan kebutuhan pengguna, dapat juga mengalami perubahan - perubahan atau penambahan sesuai dengan permintaan user. System Engineering System Analysis System Testing System Design System Coding System Maintenance Feedback System Engineering Analysis
Design
Testing
Coding
Maintenance
Gambar 1 3.1 Model Waterfall ( Pressman, 2002 )
4.3.3 Data Flow Diagram
4.
PERANCANGAN SYSTEM
4.1 Kebutuhan Perangkat Lunak
Tabel 1 Kebutuhan Perangkat Lunak No
Perangkat Lunak
Gambar 3. Diagram Konteks
Nama Perangkat Lunak
1
Sistem Operasi
WindowsXP, Windows 7, 8
2
Web server
Xammp Versi 1.7.7
3
Web Browser
Internet Explorer 8.0
4
Database Server
Mysql 5.0.51
5
Program Editor
Macromedia Dreamwever 8.0
6
Gambar Editor
Photoshop Cs 3
7
Pembuatan Diagram dan Dokumentasi
Microsoft Visio 2007, Microsoft Word 2007
4.4 Perancangan Halaman Web HEADER HOME
BUKU TAMU
PROFIL
MEMBER BARU
ARTIKEL
KONTAK KAMI
PENCARIAN Login Member Cari INFO KEGIATAN
HALAMAN AWAL WEB
LIVE CHAT
LOGIN ADMIN
BCA
4.2Kebutuhan Perangkat Keras
FOOTER
Tabel 1 Kebutuhan Perangkat Keras N0
Kebutuhan
1
Perangkat Keras Procesor
2
Hard disk
320 GB
3
Memory RAM
2 GB
4
VGA
384 MB
5
Pendukung
Monitor, Keybord, Mouse, Modem
Gambar 4 Desain Halaman Awal
Intel Pentium (R) Dual-Core
HEADER HOME
BUKU TAMU
PROFIL
KONTAK KAMI
PENCARIAN Login Member Cari INFO KEGIATAN
4.3 Perancangan Basis Data 4.3.1 Relasi Antar Tabel
MEMBER BARU
ARTIKEL
HALAMAN PROFIL FISPABA
LIVE CHAT
LOGIN ADMIN
BCA
FOOTER
Gambar 5 Desain Halaman Profil HEADER HOME
BUKU TAMU
PROFIL
MEMBER BARU
ARTIKEL
KONTAK KAMI
PENCARIAN Login Member Cari
Gambar 1. Relasi antar tabel 4.3.2 ERD
INFO KEGIATAN
HALAMAN FORM PENDAFTARAN ONLINE
LOGIN ADMIN
BCA
FOOTER
Gambar 6 Desain Halaman Form Pendaftaran Member
LOGIN ADMINISTRATOR Username
:
Pasword
: Login
Batal
Gambar 7 Desain Halaman Login Admin Gambar 2. ERD
LIVE CHAT
HEADER MENU UTAMA
HALAMAN ADMINISTRATOR
ARTIKEL PROFIL BUKU TAMU INFO KEGIATAN JENIS KEGIATAN PENDAFTARAN KEGIATAN PENDAFTARAN MEMBER MEMBER UBAH PASSWORD
FOOTER
2. Perlu adanya kemudahan dalam penggunakan Website yang telah dibuat, antara Sistem Aplikasi system informasi web dengan pengguna. 3. Perlu adanya tambahan dalam proses pemesanan misalnya melalui mobile, proses pembayaran pendaftaran melalui mobile-banking atau internet banking. Untuk mempermudah member dalam proses transaksi. DAFTAR PUSTAKA
Gambar 8 Desain Halaman Administrator 4.5 Pengujian Sistem Pengujian sistem bertujuan untuk menemukan kesalahan yang mungkin masih terdapat dalam aplikasi dan untuk mengetahui apakah program yang dibuat telah sesuai dengan tujuan yang telah ditetapkan. Dalam pengujian ini dilakukan dengan pengecekan input dan output dimana memungkin masukan hacker jahat maka dibuat lah validasi validasi. 5.
KESIMPULAN DAN SARAN Pada bab ini akan diulas tentang kesimpulan yang berisi hasil-hasil yang diperoleh setelah dilakukan analisis, desain, dan implementasi dari perancangan perangkat lunak yang dibangun dan telah dikembangkan, serta saran-saran yang akan memberikan catatan penting dan kemungkinan perbaikan yang perlu dilakukan untuk pembangunan perangkat lunak selanjutnya. 5.1 Kesimpulan Kesimpulan yang dapat diambil setelah melalui tahap–tahap pembangunan aplikasi web di Fispaba ini adalah sebagai berikut: 1. Member yang berada diluar kota dapat melihat informasi tanpa harus datang ke base camp Fispaba. 2. Calon member menjadi mudah mendapatkan informasi tentang fispaba maupun detailnya tanpa harus datang base camp dan memudahkan pihak pengelola fispaba dalam mengelola data member dan menginformasikan kegiatan. 3. Dengan adanya website ini memudahkan pihak pengurus fispaba untuk mempromosikan forum tersebut dengan biaya yang sangat terjangkau. 4. Dengan adanya website ini memudahkan pihak pengurus untuk memperbesar forum karena dilakukan secara online dan mempermudah dalam pembuatan laporan data member, kegiatan forum dan rekrutmen member baru. 5.2 Saran Saran-saran terhadap penggunaan sistem yang telah dibuat adalah sebagai berikut : 1. Perlu adanya pengembangan pada desain tampilan website agar lebih menarik.
Arief, dan M.Rudyanto. (2011). Pemograman Web Dinamis Menggunakan PHP dan MySQL. Yogyakarta: Andi Offset. Bahtiar,A. (2008), PHP Script Most Wanted, Andi, Yogyakarta. Basten dkk. Aplikasi Penjualan Online Berbasis Web Pada CV Monreal,Politeknik Telkom Bandung, 2011 Fendy Antonius Kristanto (2012), “Pembangunan Aplikasi E-Commerce Di Toko DamaiCelluler” ; Jakarta Hakim,L. (2010), Bikin Website Super Keren dengan PHP dan jQuery, LokoMedia, Yogyakarta. Handrian Agus Setioko. (2013). Sistem Informasi Penjualan Pakaian Distro Berbasis Web Pada Bahana Shop. STMIK Pringsewu: Lampung. Kadir.A. (2008), Dasar Pemrograman Web Dinamis Menggunakan PHP, Andi, Yogyakarta. Kadir.A. (2008), Dasar Perancangan dan Implementasi Database Relational, Andi, Yogyakarta. Mulyanto,A. (2009), Sistem Informasi Konsep & Aplikasi, Pustaka Pelajar, Yogyakarta. Rara Sri Artati Rejeki (2011), Perancangan dan Pengaplikasian E-Commerce, Semarang Rindo, Akhmad dan Riansti, BK. Pembangunan Sistem Informasi Geografis Usaha Micro Kecil Dan Menengah Di Kabupaten Kudus Berbasis Web,Jurnal Speed 13 FTI UNSA Vol 9 No 2, Agustus 2012 Sugiyono. (2010), Metode Penelitian Kuantitatif Kualitatif dan R & D, Alfabeta, Bandung. Sugiyono. (2010), Metode Penelitian Kuantitatif Kualitatif dan R & D, Alfabeta, Bandung.