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