analisis dan perancangan sistem informasi...
TRANSCRIPT
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
Pengolahan data profil
Input data profil
Tblikpm_profil
Data anggota
Pengolahan data anggota
Input data anggota
Tblikpm_anggota
Data fasilitas
Pengolahan data fasilitas
Input data fasilitas
Tblikpm_fasilitas
Data inventaris
Pengolahan data inventaris
Input data inventaris
Tblikpm_inventaris
Data buku tamu
Pengolahan data buku tamu
Input data buku tamu
Tblikpm_bukuTamu
Data link
Pengolahan data link
Input data link
Tblikpm_link
Data group link
Pengolahan data group link
Input data group link
Tblikpm_groupLink
A
Gambar 1 Flowchart sistem yang diusulkan (1)
A
Data berita
Pengolahan data berita
Input data berita
Tblikpm_berita
Pengolahan informasi-informasi
Data group berita
Pengolahan data group berita
Input data group berita
Tblikpm_groupBerita
Data beasiswa
Pengolahan data beasiswa
Input data beasiswa
Tblikpm_beasiswa
Data lowongan kerja
Pengolahan data lowongan kerja
Input data lowongan kerja
Tblikpm_loker
Data galery
Pengolahan data galery
Input data galery
Tblikpm_galery
Data group polling
Pengolahan data polling
Input data polling
Tblikpm_polling
Gambar 2 Flowchart sistem yang diusulkan (2)
Data modules
Pengolahan data modules
Input data modules
Tblfw_modules
Pengolahan informasi-informasi
Data menu
Pengolahan data menu
Input data menu
Tblfw_menu
Data group menu
Pengolahan data group menu
Input data group menu
Tblfw_groupMenu
Data group menu
Pengolahan data group menu
Input data group menu
Tblfw_groupMenu
Data user
Pengolahan data user
Input data user
Tblfw_user
Data group user
Pengolahan data group user
Input data group user
Tblfw_groupUser
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+password
Administrator Pengunjung
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
groupLink
+ Edit Group Link+ Hapus Group Link+ Lihat Data Group Link+ Tambah Group Link
Manajemen Anggota
+ Anggota Baru+ Detail Anggota+ Edit Anggota+ Hapus Anggota+ Lihat Daftar Anggota
Manajemen Buku Tamu
+ Hapus Buku Tamu+ Isi Buku Tamu+ Lihat Buku Tamu
Manajemen Galery
+ Detail Galery+ Edit Galery+ Hapus Galery+ Lihat Galery + Tambah Galery
Manajemen Inv entaris
+ Detail Inventaris+ Edit Inventaris+ Hapus Inventaris+ Lihat Inventaris+ Tambah Inventaris
Manajemen Link
+ Edit Link+ Hapus Link+ Lihat Daftar Link+ Tambah Link
Manajemen Polling
+ Edit Poll ing+ Hapus Poll ing+ Lihat Hasil+ Lihat Poll ing+ Tambah Polling
Manajemen Berita
+ Berita Terbaru+ Detail Berita+ Edit Berita+ Hapus Berita+ Lihat Daftar Berita+ Tambah Berita
Manajemen Pengumuman
+ Detail Pengumuman+ Edit Pengumuman+ Hapus Pengumuman+ Lihat Daftar Pengumuman+ Tambah Pengumuman
groupBerita
+ Detail Group Berita+ Edit Kategori Berita+ Hapus KategoriBerita+ Lihat Daftar Kategori Berita+ Tambah Kategori Berita
Manajemen Beasiswa
+ BasiswaTerbaru+ Detail Basiswa+ Edit Basiswa+ Hapus Basiswa+ Lihat Daftar Basiswa+ Tambah Basiswa
Manajemen Loker
+ Detail Loker+ Edit Loker+ Hapus Loker+ Lihat Daftar Loker+ Loker Terbaru+ Tambah Loker
Manajemen Profil
+ Detail Profi l+ Edit Profi l+ Hapus Profi l+ Lihat Profi l+ Tambah Profil
Manajemen Agenda
+ Detail Agenda+ Edit Agenda+ Hapus Agenda+ Lihat Daftar agenda+ Login+ Tambah Agenda
Manajemen Module
+ Edit Module+ Hapus Module+ Lihat Daftar Module+ Lihat Module Detail+ Tambah Module
Manajemen Menu
+ Edit Menu+ Hapus Menu+ Lihat Daftar Menu+ Lihat Menu Detail+ Tambah Menu
Manajemen User
+ Edit Account+ Hapus Account+ Lihat Account Detail+ Lihat Daftar Account+ Login+ Tambah Account+ Use Case1
Gambar 5 Paket use case administrator
3.2.1.3 Use case pengunjung uc Pengunjung
Pengunjung
(from Actors)
Lihat Daftar Link
Lihat Daftar Pengumuman
Seputar Jogja
Lihat Daftar Loker
Lihat Daftar Anggota
Lihat Shoutbox
Lihat Galery
Lihat Agenda
Isi Polling
Isi Shoutbox
Lihat Polling
Lihat Daftar Beasiswa
Lihat dari muara enim
«extend»
«extend»
Gambar 6 Use case pengunjung
3.2.2 Activity diagram
3.2.2.1 Activity diagram proses tambah act Activ ity Tambah
start
v alidasi form
input data 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
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
Tampilkan pesan sukses
Tampilkan pesan kesalahan
Cek kelengkapan data
Exit
Request Halaman TambahLK/ANG/BE/BR/BT/LI/PN/PL/PR/ GLR/GB/GL/GUS/GMDL/
GMN/INV/USR/MDL/MN
Exit
KETERANGAN:LK=Lowongan kerjaANG=AnggotaBE=BeasiswaBR=BeritaBT=Buku TamuLI=LinkPN=PengumumanPL=PollingPR=ProfilGB=Group BeritaGL=Group LinkGUS=Group UserGMN=Group MenuINV=Inv entarisUSR=UserMDL=ModuleMN=Menu
tidak
Iya
Valid danlengkap?
Gambar 7 Activity diagram proses tambah
3.2.2.2 Activity diagram proses edit act Activ ity Edit
Start
pil ih data yang akandil ihat detail
Ambil data dari database
Cek Validasi Data
Simpan data baru kedatabase
Cek Kelengkapan Data
Tampilkan PesanKesalahan
Tampilkan Pesan Sukses
Edit data 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
Tampilkan Datasheet LK/ANG/BE/BR/BT/LI/PN/PL/PR GLR/GB/GL/GUS/GMDL/
GMN/INV/USR/MDL/MN
FlowFinal
KETERANGAN:LK=Lowongan kerjaANG=AnggotaBE=BeasiswaBR=BeritaBT=Buku TamuLI=LinkPN=PengumumanPL=PollingPR=ProfilGB=Group BeritaGL=Group LinkGUS=Group UserGMN=Group MenuINV=InventarisUSR=UserMDL=ModuleMN=Menu
Valid danlengkap?
Tidak
Iya
Gambar 8 Activity diagram proses edit
3.2.2.3 Activity diagram proses hapus
act Activ ity Hapus
Start
Pilih data yg dihapus
Konfirmasi hapus data
Hapus Data terpil ih daridatabase
Tampilkan Pesan Sukses
exit
Tampilkan Datasheet LK/ANG/BE/BR/BT/LI/PN/PL/PR GLR/GB/GL/GUS/GMDL/
GMN/INV/USR/MDL/MN
KETERANGAN:LK=Lowongan kerjaANG=AnggotaBE=BeasiswaBR=BeritaBT=Buku TamuLI=LinkPN=PengumumanPL=PollingPR=ProfilGB=Group BeritaGL=Group LinkGUS=Group UserGMN=Group MenuINV=Inv entarisUSR=UserMDL=ModuleMN=Menu
Iya
Tidak
Hapus data?
Gambar 9 Activity diagram proses hapus
3.2.3 Sequence diagram sd Sequence manajemen data
Administrator
(from Actors)
DatasheetAnggota
Model Controller Halaman Detail Validator Form tambah /edit
Requst Handler
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()
Gambar 10 Sequence diagram proses manajemen data
3.2.4 Collaboration diagram
sd MVCCollaboration
Controller
Datasheet Anggota
Form tambah / edit Halaman Detail
Model
Validator
Administrator
(from Actors)
1: setAction(view)
1.1: setQueryView()
1.2: viewDatasheet()
1.3: setAction(detail) 1.4: geId() :id
1.5: setQueryDetail()
1.6: viewDetail()
1.7: setAction(add)
1.8: viewAddForm()
1.9: input data() 1.10: isValid()
1.11: isValid()
1.12: setQueryAdd()
1.13: setAction(edit)1.14: getId() :id
1.15: setQueryDetail()
1.16: viewEditForm()
1.17: edit data()
1.18: isValid()
1.19: isValid()
1.20: setQueryEdit()
1.21: setAction(delete) 1.22: getId() :id1.23: setQueryDelete()
Gambar 11 Collaboration diagram proses manajemen data
3.2.5 Class diagram
• Paket class diagram
class putFramework
administrator
+ components+ functions+ modules+ validator
components
+ pagging
config
+ DatabaseConfig
libs
+ ckeditor+ configuration+ jpgraph+ nice-edit+ putLibs+ smarty
main
+ components+ modules
temp
+ templates_c
Gambar 12 Paket class diagram
3.3 Perancangan Database
3.3.1 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_pengumuman id_pengumuman* jdl_pengumuman tgl_publish isi_pengumuman aktif
ikpm_fasilitas id_fasilitas* nm_fasilitas ket_fasilitas aktif
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_galery id_galery* Jdl_galery Group_galery Gbr_galery keterangan aktif
ikpm_polling id_polling* pertanyaan jawaban hits aktif
ikpm_group_link id_group_link* nm_group_link
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 Tambah Edit Hapus Hasil
1 2 3 4 5 6 7 8 9
10 11 12 13 14 15 16 17
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
√ √ √ √ √ √ √ √ - √ √ √ √ √ √ √ √
√ √ - √ √ √ √ √ √ √ √ √ √ √ √ √ √
√ √ √ √ √ √ √ √ - √ √ √ √ √ √ √ √
OK OK OK OK OK OK OK OK OK OK OK OK OK OK OK OK OK
4.1.2 Pengujian sistem pengunjung
Tabel 2 Tabel Pengetesan Sistem pada pengunjung
No Pengetesan view input Hasil
1 2 3 4 5 6 7 8 9 10 11 12
Beasiswa Profil Berita Shoutbox Fasilitas Galery Kontak Polling Agenda Statistik Lowongan Pengumuman
√ √ √ √ √ √ √ √ √ √ √ √
- - - √ - - √ - - - - -
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