ANALISIS DAN PERANCANGAN SISTEM INFORMASI BERBASIS WEB UNTUK PENINGKATAN KUALITAS INFORMASI PADA IKPM SUMATERA SELATAN YOGYAKARTA
Naskah Publikasi
diajukan oleh Putera Kahfi 07.22.0820
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2010
ANALYSIS AND DESIGNING INFORMATION SYSTEM WEB BASED FOR IMPROVEMENT QUALITY OF INFORMATION AT IKPM SOUTH SUMATERA YOGYAKARTA
ANALISIS DAN PERANCANGAN SISTEM INFORMASI BERBASIS WEB UNTUK PENINGKATAN KUALITAS INFORMASI PADA IKPM SUMATERA SELATAN YOGYAKARTA
Putera kahfi Jurusan Sistem Informasi STMIK AMIKOM YOGYAKARTA
ABSTRACT
The need for information recently made a lot of organizations providing services to the public with better, there are many ways used by, among others is to use the website. Website is one effective means in which the public can reach the system compared with other means. So infromasi resulting quality becomes better. IKPM SUMSEL YOGYAKARTA as one of the student organization responsible for the progress of the sons of the region felt the need to participate in presenting information to the public, so as to provide a positive contribution that can be perceived by the public. In this thesis, the author tries to provide solutions to IKPM SUMSEL to the website using as a means to improve the quality of information, so as to provide accurate, timely and can reach a wider community
Keywords: Organization, quality of information, information, website
1.
Pendahuluan IKPM SS (Ikatan Pelajar dan Mahasiswa Sumatera Selatan) merupakan
organisasi yang bergerak dibidang pendidikan dan kemasyarakatan, yang menjadi pusat informasi untuk masyarakat yang ingin meneruskan pendidikannya di Yogyakarta yang berasal dari kabupaten Muara Enim khususnya dan di seluruh Indonesia umumnya, Permasalahan yang di hadapi adalah keterbatasan dari penyampaian informasi yang ada kepada masyarakat dikarenakan media yang digunakan hanya terbatas, untuk itulah diperlukan media yang mampu menyampaikan informasi kepada masyarakat luas, sehingga informasi yang di sampaikan lebih tepat sasaran dan lebih bermanfaat bagi masyarakat yang membutuhkan.
2.
Landasan teori
2.1
Kualitas informasi Informasi dapat dikatakan berkualitas jika minimal memenuhi tiga hal,
yaitu
akurat(accurate), tepat waktu(timeliness) dan releven (relevance). Akurat(accurate), berarti informasi bebas dari kesalahan-kesalahan serta tidak bias yang dapat menyesatkan si penerima informasi tersebut. Akurat juga informasi harus jelas dan mencerminkan maksudnya. Tepat waktu(timeliness), berarti bahwa informasi yang sampai ke penerima tidak boleh terlambat, hal ini akan berpengaruh pada pengambilan keputusan. Relevan (Relevance), berarti informasi mempunyai manfaat untuk pemakai, dengan kata lain informasi tersebut diterima oleh orang yang memang membutuhkan informasi tersebut.
3.
Analisis
3.1 Physical model sistem Secara fisik model dari sistem yang akan di usulkan digambarkan kedalam bentuk flowchart sistem yang menggambarkan model fisik secara keseluruhan. Adapun flowchart sistem yang saya usulkan untuk sistem website IKPM SS KSS adalah sebagai berikut:
Data profil
Data anggota
Data fasilitas
Data inventaris
Data buku tamu
Data link
Data group link
Input data profil
Input data anggota
Input data fasilitas
Input data inventaris
Input data buku tamu
Input data link
Input data group link
Pengolahan data profil
Pengolahan data anggota
Pengolahan data fasilitas
Pengolahan data inventaris
Pengolahan data buku tamu
Pengolahan data link
Pengolahan data group link
Tbl ikpm_profil
Tbl ikpm_anggota
Tbl ikpm_fasilitas
Tbl ikpm_inventaris
Tbl ikpm_bukuTamu
Tbl ikpm_link
Tbl ikpm_groupLink
A
Gambar 1 Flowchart sistem yang diusulkan (1)
Data group polling
Data berita
Data group berita
Data beasiswa
Data lowongan kerja
Data galery
Input data polling
Input data berita
Input data group berita
Input data beasiswa
Input data lowongan kerja
Input data galery
Pengolahan data polling
Pengolahan data berita
Pengolahan data group berita
Pengolahan data beasiswa
Pengolahan data lowongan kerja
Pengolahan data galery
Tbl ikpm_polling
Tbl ikpm_berita
Tbl ikpm_groupBerita
Tbl ikpm_beasiswa
Tbl ikpm_loker
Tbl ikpm_galery
Pengolahan informasi-informasi
A
Gambar 2 Flowchart sistem yang diusulkan (2)
Data modules
Data menu
Data group menu
Data user
Data group user
Input data modules
Input data menu
Input data group menu
Input data user
Input data group user
Pengolahan data modules
Pengolahan data menu
Pengolahan data group menu
Pengolahan data user
Pengolahan data group user
Tbl fw_modules
Tbl fw_menu
Tbl fw_groupMenu
Tbl fw_user
Tbl fw_groupUser
Pengolahan informasi-informasi
Gambar 3 Flowchart sistem yang diusulkan (3)
3.2
Logical model sistem Logical model sistem dari sistem yang saya usulkan digambarkan dalam bentuk
UML (Unified Modelling Language)
3.2.1
Use case diagram
3.2.1.1 Actors Pada sistem yang di usulkan actor yang terlibat adalah administrator dan visitor. Administrator merupakan user yang bertanggung jawab terhadap sistem. Sedangkan visitor merupakan user yang mengunjungi halaman website. Administrator dan visitor merupakan generalisasai dari actor user.
uc Actors
User +Username +passw ord
Administrator
Pengunj ung
Gambar 4 aktor yang terlibat
3.2.1.2 Paket use case admin Paket use case admin berisi use case-use case yang berhubungan dengan pengolahan data pada website untuk administrator. uc Admin Manaj emen User Manaj emen Berita groupBerita + Detail Group Berita + Edit Kategori Berita + Hapus KategoriBerita + Lihat Daftar Kategori Berita + Tambah Kategori Berita
Manaj emen Link
+ Hapus Account
+ Edit Link
+ Detail Berita
+ Lihat Account Detail
+ Hapus Link
+ Edit Berita
+ Lihat Daftar Account
+ Lihat Daftar Link
+ Hapus Berita
+ Login
+ Tambah Link
+ Lihat Daftar Berita
+ T ambah Account
+ Tambah Berita
+ Use Case1 Manaj emen Anggota
Manaj emen Pengumuman
Manaj emen Polling
+ Detail Pengumuman + Edit Pengumuman + Hapus Pengumuman + Lihat Daftar Pengumuman + T ambah Pengumuman
+ Edit Account
+ Berita Terbaru
+ Anggota Baru
+ Edit Polling
+ Detail Anggota
+ Hapus Polling
+ Edit Anggota
+ Lihat Hasil
+ Hapus Anggota
+ Lihat Polling
+ Lihat Daftar Anggota
+ Tambah Polling Manaj emen Buku Tamu
Manaj emen Loker
Manaj emen Galery
+ Detail Loker
+ Detail Galery
+ Edit Loker
+ Edit Galery
+ Hapus Loker
+ Hapus Galery
+ Lihat Daftar Loker
+ Lihat Galery
+ Loker Terbaru
+ Tambah Galery
+ Tambah Loker
+ Hapus Buku T amu + Isi Buku Tamu + Lihat Buku T amu
+ Edit Module + Hapus Module + Lihat Daftar Module + Lihat Module Detail + Tambah Module
+ Edit Group Link + Hapus Group Link + Lihat Data Group Link + Tambah Group Link
Manaj emen Beasisw a + BasiswaTerbaru + Detail Basiswa + Edit Basiswa + Hapus Basiswa
Manaj emen Inv entaris + Detail Inventaris
+ Lihat Daftar Basiswa + Tambah Basiswa
+ Edit Inventaris + Hapus Inventaris
Manaj emen Module
groupLink
Manaj emen Profil + Detail Profil
+ Lihat Inventaris + T ambah Inventaris
+ Edit Profil
+ T ambah Profil
+ Detail Agenda + Edit Agenda + Hapus Agenda
+ Hapus Profil + Lihat Profil
Manaj emen Agenda
Manaj emen Menu
+ Lihat Daftar agenda
+ Edit Menu
+ Login
+ Hapus Menu
+ Tambah Agenda
+ Lihat Daftar Menu + Lihat Menu Detail + T ambah Menu
Gambar 5 Paket use case administrator
3.2.1.3 Use case pengunjung uc Pengunj ung
Lihat Daftar Anggota Lihat Shoutbox
Lihat Daftar Loker
Seputar Jogj a «extend»
Isi Shoutbox
Lihat dari muara enim
Lihat Daftar Beasisw a
Pengunj ung (from Actors)
Lihat Galery
Lihat Daftar Pengumuman Lihat Agenda
Lihat Daftar Link
Isi Polling «extend»
Lihat Polling
Gambar 6 Use case pengunjung
3.2.2
Activity diagram
3.2.2.1 Activity diagram proses tambah act Activ ity Tambah start
Request Halaman Tambah LK/ANG/BE/BR/BT/LI/PN/PL/PR/ GLR/GB/GL/GUS/GMDL/ GMN/INV/USR/MDL/MN
Tampilkan form Tambah LK/ANG/BE/BR/BT/LI/PN/PL/PR/ GLR/GB/GL/GUS/GMDL/ GMN/INV/USR/MDL/MN
input data LK/ANG/BE/BR/BT/LI/PN/PL/PR/ GLR/GB/GL/GUS/GMDL/ GMN/INV/USR/MDL/MN
Tampilkan pesan kesalahan
tidak Cek kelengkapan data v alidasi form Valid dan lengkap?
simpan data ke database
Tampilkan Datasheet LK/ANG/BE/BR/BT/LI/PN/PL/PR GLR/GB/GL/GUS/GMDL/ GMN/INV/USR/MDL/MN
exit
Iya
Tampilkan pesan sukses
Exit
Gambar 7 Activity diagram proses tambah
Exit
KETERANGAN: LK=Low ongan kerj a ANG=Anggota BE=Beasisw a BR=Berita BT=Buku Tamu LI=Link PN=Pengumuman PL=Polling PR=Profil GB=Group Berita GL=Group Link GUS=Group User GMN=Group Menu INV=Inv entaris USR=User MDL=Module MN=Menu
3.2.2.2 Activity diagram proses edit act Activ ity Edit Start
Tampilkan Datasheet LK/ANG/BE/BR/BT/LI/PN/PL/PR GLR/GB/GL/GUS/GMDL/ GMN/INV/USR/MDL/MN
pilih data yang akan dilihat detail
Ambil data dari database
Tampilkan Pesan Kesalahan
Tampilkan form Tambah LK/ANG/BE/BR/BT/LI/PN/PL/PR/ GLR/GB/GL/GUS/GMDL/ GMN/INV/USR/MDL/MN
Edit data LK/ANG/BE/BR/BT/LI/PN/PL/PR/ GLR/GB/GL/GUS/GMDL/ GMN/INV/USR/MDL/MN Tidak
Cek Validasi Data Valid dan lengkap?
Cek Kelengkapan Data
Simpan data baru ke database KETERANGAN: LK=Low ongan kerj a ANG=Anggota BE=Beasisw a BR=Berita BT=Buku Tamu LI=Link PN=Pengumuman PL=Polling PR=Profil GB=Group Berita GL=Group Link GUS=Group User GMN=Group Menu INV=Inv entaris USR=User MDL=Module MN=Menu
Tampilkan Pesan Sukses
FlowFinal
Gambar 8 Activity diagram proses edit
Iya
3.2.2.3 Activity diagram proses hapus act Activ ity Hapus
Start
KETERANGAN: LK=Low ongan kerj a ANG=Anggota BE=Beasisw a BR=Berita BT=Buku Tamu LI=Link PN=Pengumuman PL=Polling PR=Profil GB=Group Berita GL=Group Link GUS=Group User GMN=Group Menu INV=Inv entaris USR=User MDL=Module MN=Menu
Tampilkan Datasheet LK/ANG/BE/BR/BT/LI/PN/PL/PR GLR/GB/GL/GUS/GMDL/ GMN/INV/USR/MDL/MN
Pilih data yg dihapus
Tidak
Hapus data?
Konfirmasi hapus data
Iya
Hapus Data terpilih dari database
Tampilkan Pesan Sukses exit
Gambar 9 Activity diagram proses hapus
3.2.3
Sequence diagram
sd Sequence manaj emen data
Administrator
Requst Handler Controller
Model
Datasheet Anggota
Halaman Detail
Validator
setAction(view)
setQueryView()
viewDatasheet()
setAction(detail)
getId() :id setQueryDetail() viewDetail(id) setAction(add)
viewAddForm() masukkan data() submit() isValid()
serQueryInsert() viewDatasheet() setAction(edit)
getId() setQueryDetail() viewEditForm() isValid() setQueryUpdate() viewDatasheet() setAction(delete)
getId() setQueryDelete() viewDatasheet()
(from Actors)
Gambar 10 Sequence diagram proses manajemen data
Form tambah / edit
3.2.4
Collaboration diagram
sd MVCCollaboration 1.1: setQueryView() 1.5: setQueryDetail()
1: setAction(view)
1.12: setQueryAdd() 1.3: setAction(detail) 1.7: setAction(add) Administrator (from Actors)
1.4: geId() :id
1.15: setQueryDetail()
1.14: getId() :id
1.20: setQueryEdit()
1.13: setAction(edit) 1.21: setAction(delete)
Controller
Model
1.23: setQueryDelete()
1.22: getId() :id 1.2: viewDatasheet()
1.9: input data()
1.10: isValid()
1.8: viewAddForm()
1.6: viewDetail()
1.18: isValid()
1.17: edit data() 1.11: isValid()
1.16: viewEditForm()
Datasheet Anggota
1.19: isValid()
Halaman Detail
Form tambah / edit Validator
Gambar 11 Collaboration diagram proses manajemen data
3.2.5 •
Class diagram Paket class diagram
class putFramew ork components + pagging
libs config + DatabaseConfig
+ ckeditor + configuration
temp
+ jpgraph + nice-edit + putLibs + smarty
administrator + components + functions + modules
main + components + modules
+ validator
Gambar 12 Paket class diagram
+ templates_c
3.3 3.3.1
Perancangan Database Bentuk Normal Ketiga (3NF) Suatu tabel dikatakan dalam bentuk normal ketiga jika berada dalam bentuk
normal kedua dan setiap kolom bukan kunci primer tidak memiliki ketergantungan secara transitif terhadap kunci primer. Ikpm_berita Id_berita* Id_kat_berita** Jdl_berita Hari_posting Jam_posting Tgl_posting Isi_berita Gbr_berita Stat_berita Ikpm_kat_berita Id_kat_berita* Nm_kat_berita Ikpm_link Id_link* id_group_link** Nm_link url_link stat ikpm_agenda id_agenda* jdl_agenda tgl_agenda tmpt_agenda ket_agenda aktif ikpm_shoutbox id_shoutbox* nm_pengirim email_pengirim web_pengirim pesan ikpm_menu id_menu* id_group_user** nm_menu link_menu
ikpm_komponen id_komponen* id_group_user** nm_komponen blok_komponen urutan aktif
ikpm_galery id_galery* Jdl_galery Group_galery Gbr_galery keterangan aktif
ikpm_pengumuman id_pengumuman* jdl_pengumuman tgl_publish isi_pengumuman aktif
ikpm_polling id_polling* pertanyaan jawaban hits aktif
ikpm_fasilitas id_fasilitas* nm_fasilitas ket_fasilitas aktif
ikpm_group_link id_group_link* nm_group_link
ikpm_lowongan id_lowongan* jdl_lowongan nm_perusahaan almt_perusahaan posisi syarat ket aktif ikpm_banner id_banner* jdl_banner link_banner gbr_banner group_banner urutan aktif
ikpm_modul id_modul* nm_modul link_modul group_user static_cont gbr aktif ikpm_user id_user* id_group_user** username password aktif ikpm_group_user id_group_user* nm_group_user
Gambar 13 Bentuk Normal Ketiga
4.
Hasil penelitian dan pembahasan
4.1 Pengujian sistem 4.1.1
Pengujian sistem admin
Tabel 1 Tabel Pengetesan Sistem pada User Admin (1) No
Pengetesan
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
4.1.2
Manipulasi Beasiswa Manipulasi Berita Manipulasi Shoutbox Manipulasi Fasilitas Manipulasi Galery Manipulasi Kategori Berita Manipulasi Lowongan Manipulasi Polling Manipulasi Profil Manipulasi User Manipulasi Menu Manipulasi User Manipulasi Group User Manipulasi Agenda Manipulasi Pengumuman Manipulasi link Manipulasi group link
Tambah
Edit
Hapus
Hasil
√ √ √ √ √ √ √ √ √ √ √ √ √ √ √ √
√ √ √ √ √ √ √ √ √ √ √ √ √ √ √ √
√ √ √ √ √ √ √ √ √ √ √ √ √ √ √ √
OK OK OK OK OK OK OK OK OK OK OK OK OK OK OK OK OK
Pengujian sistem pengunjung
Tabel 2 Tabel Pengetesan Sistem pada pengunjung No 1 2 3 4 5 6 7 8 9 10 11 12
Pengetesan Beasiswa Profil Berita Shoutbox Fasilitas Galery Kontak Polling Agenda Statistik Lowongan Pengumuman
view
input
Hasil
√ √ √ √ √ √ √ √ √ √ √ √
√ √ -
OK OK OK OK OK OK OK OK OK OK OK OK
4.1.3
Pengujian kompatibilitas sistem Pengujian ini dilakukan untuk memastikan bahwa sistem dapat berjalan dengan
baik pada berbagai web browser, adapun web browser yang digunakan sebagai pengujian adalah internet explorer 6, mozilla firefox 3 dan opera 10.00
Gambar 14 Pengujian menggunakan IE 6 ,mozilla firefox 3 dan opera 10.00
Dari hasil pengujian menggunakan ketiga web browser tersebut, sistem dapat berjalan dengan baik dan tampilan tidak mengalami
perubahan. Dengan demikian
website dapat dinyatakan sudah kompatibel.
5.
Kesimpulan Dari penjelasan dan uraian pada bab sebelumnya, serta analisis yang telah
dilakukan dengan melakukan studi kelayakan terlebih dahulu, dapat disimpulkan bahwa 1. Dengan diterapkannya atau dimanfaatkannya media internet di IKPM Sumsel komisariat serasan sekundang , penyampaian informasi tentang organisai akan lebih efektif dan efisien. 2. Pelayanan terhadap calon masyarakat lebih luas dan fleksibel 3. Informasi tentang organisaasi akan lebih mudah dan cepat diakses dimana saja dan kapan saja tanpa ada batasan waktu dan tempat setelah diterapkannya sistem baru yang memanfaatkan media internet. 4. Pendayagunaan personil lebih efisien karena hanya membutuhkan beberapa orang dalam menyampaikan informasi
Daftar Pustaka Hakim, lukmanul. 2008. Membongkar trik rahasia para master php, Yogyakarta:Penebit Lokomedia. Hakim, lukmanul. 2009. Jalan pintas menjadi master php, Yogyakarta:Penebit Lokomedia. Hakim, lukmanul. 2009. Trik rahasia
master php terbongar lagi, Yogyakarta:Penebit
Lokomedia. Jogiyanto, HM. 1989. Analisis dan Desain Sistem Informasi : pendekatan terstruktur teori dan praktek aplikasi bisnis, Yogyakarta: Penerbit Andi Kadir, Abdul, 2008. Dasar Pemrograman Web Dinamis Menggunakan PHP [ Edisi revisi]. Yogyakarta: Penerbit Andi Kurweni Ukar, 2001. Panduan Intenet Untuk Pelajar Microsoft Internet Explorer 5.5.Jakarta : PT.Elex Media Computindo Kusrini, 2007. Strategi perancangan dan pengolahan basis data. Yogyakarta:Andi publisher Prasetyo Didik D, Solusi menjadi webmaster melalui manajemen web dengan php, Jakarta:Elex Media Komputindo. Prihatna, Henky. 2005. Kiat Praktis Menjadi Webmaster Profesional. Jakarta: Elex Media Komputindo Pressman, Roger S. 2002. Rekayasa Perangkat Lunak Pendekatan Praktisi. Yogyakarta : Andi & Mc Graw-Hill Book Co. Purnama, Budi,
2001. 36 jam belajar computer. Mikrossoft Internet Explorer,
Jakarta : PT. Elex MediaComputindo Syafrizal, Melwin. 2005. Pengantar Jaringan Komputer. Yogyakarta:Andi publisher Sutiyadi, M. 2009. Pengenalan internet.http://www.ilmukomputer.com/populer/yad.php, diakses tanggal 26 November 2009 Siswoutomo, Wiwit.2005. Php undercover. Jakarta : PT. Elex MediaComputindo
