2.9 Tools Pendukung dalam Membangun Sistem
2.9.1 Flow Chart
Menurut Ladjamuddin 2005 flowchart adalah bagan-bagan yang mempunyai arus yang menggambarkan langkah-langkah penyelesaian suatu
masalah. Flowchart merupakan cara penyajian dari suatu algoritma. Menurut Ladjamuddin 2005 ada dua macam flowchart yang
menggambarkan proses dengan komputer, yaitu: 1.
Flowchart Sistem System Flowchart Flowchart sistem adalah bagan yang memperlihatkan urutan proses dalam
sistem dengan menunjukkan alat media input, output, serta jenis media penyimpanan dalam proses pengolahan data.
2. Flowchart Program Program Flowchart
Flowchart program adalah bagan yang memperlihatkan urutan instruksi yang digambarkan dengan symbol tertentu untuk memecahkan masalah dalam
suatu program. Langkah-langkah yang dilakukan dalam membuat flowchart menurut
Jogiyanto 2005 adalah sebagai berikut: 1.
Sebaiknya digambar dari atas ke bawah dan mulai dari bagian kiri suatu halaman.
2. Kegiatannya harus ditunjukkan dengan jelas.
3. Ditunjukkan dengan jelas dimulai dan berakhirnya suatu kegiatan.
4. Masing-masing kegiatan sebaiknya digunakan suatu kata yang mewakili
suatu pekerjaan. 5.
Kegiatannya sudah dalam urutan yang benar
Tabel 2.5 Legenda Flowchart Diagram
Simbol Nama
Keterangan
Terminator Terminator adalah terminal
untuk memulai
dan mengakhiri
suatu programaktifitas
Input Input adalah suatu symbol
yang menunjukkan
setiap masukan yang dilakukan oleh
user dalamm system. Process
Process adalah suatu symbol yang
menunjukkan setiap
pengolahan yang dilakukan oleh komputer.
Document Document merupakan simbol
untuk data yang berbentuk informasi.
Connector Connector merupakan symbol
suatu prosedur akan masuk dan keluar melalui simbol ini
dalam lembar yang sama
Arsip Adapun pengertian dari Arsip
adalah symbol
untuk menyimpan data
Manual Process
Manual Process adalah suatu symbol yang menunjukkan
setiap pengolahan
yang dilakukan oleh actor secara
manual. Decision
Decision adalah suatu kondisi yang
akan menghasilkan
beberapa kemungkinan
jawaban atau pilihan
Contoh Penggunaan Flowchart:
No Deskripsi
Admin Eksekutif
Manajer Keuangan Pegawai
Keterangan
1. Pegawai berhalangan Hadir atau
tidak? Ya
Tidak 2.
Pegawai Melakukan Absensi Pegawai
Tabel Absensi
3. Admin mengelola absensi pegawai,
pegawai Hadir, Sakit, atau Izin Admin
Laporan absensi Tabel Absensi
4.. Eksekutif melihat laporan absensi
Eksekutif Laporan Absensi
Tabel Absensi
Gambar 2.18 Flowchart Diagram
A
Mulai
Selesai
Contoh di atas merupakan flowchart diagram dalam kegiatan absensi. Proses diawali pegawai dapat hadir atau tidak, apabila pegawai hadir, maka
pegawai dapat melakukan absensi, dan apabila tidak dapat hadir, maka admin akan mengelola absensi pegawai tersebut berdasarkan laporan yang telah
diberikan pada pegawai tersebut. Dari data tersebut eksekutif dapat melihat laporan kehadiran pegawai sebagai bahan pertimbangan kinerja pegawai.
2.9.2 Rich Picture
“a rich picture is an informal drawing that presents the illustrator’s understanding of a situation
”. Dapat diterjemahkan bahwa rich picture merupakan sebuah gambaran informal yang mempresentasikan pemahaman illustrator dari
suatu situasi Mathiassen, 2000. Dengan demikian, dapat digunakan untuk memfasilitasi komunikasi di antara pemakai dalam sistem dan mendapatkan
sebuah gambaran dari situasi dengan cepat. Untuk memulai rich picture adalah dengan menggambarkan entitas yang
penting, seperti orang, objek fisik, organisasi, peran, dan tugas. Orang dapat berupa pengembangan sitem system developer, pengguna user, pelanggan, dan
lain-lain. Objek fisik dapat berupa mesin, perangkat, atau persediaan di gudang. Tempat mendeskripsikan lokasi orang dan benda. Organisasi dapat berupa
keseluruhan perusahaan, departemen atau proyek yang melibatkan beberapa perusahaan. Peran dan tugas mengikat orang kepada organisasi yang
merefleksikan tanggung jawab atas tugas-tugas spesifik Mathiassen, 2000.
Setelah entitas yang relevan dideskripsikan, lalu hubungan di antara entitas-entitas tersebut di deskripsikan. Proses merupakan hubungan yang paling
mendasar di antara entitas dalam suatu rich picture. Sebuah proses mendeskripsikan aspek-aspek dari situasi yang berubah, tidak stabil, atau di
bawah pengembangan. Secara grafis, proses dapat diilustrasikan dengan arah panah. Proses meliputi pekerjaan, produksi, pemrosesan informasi, perencanaan,
pengendalian, proyek pengembangan, dan perubahan organisasi Mathiassen, 2000.
Pegawai Eksekutif Direktur Utama
LoginLogout Lihat Data pegawai
Lihat absensi Lihat penilaian kinerja
Lihat laporan gaji Cetak laporan gaji
Menampilkan menu eksekutif
Loginlogout Absen
Cetak slip gaji Menampilkan menu
pegawai LoginLogout
Manajemen data Pegawai Absensi
Penilaian kinerja Cetak slip gaji
Menampilkan menu Admin
Sistem Informasi Penggajian dan Penilaian Kinerja
Admin Kepala Bagian Kepegawaian
Manajer Keuangan Loginlogout
Lihat data pegawai Validasi slip gaji
Menampilkan menu Keuangan
Gambar 2.19 Contoh Rich Picture
Contoh di atas menggambarkan kegiatan sebuah sistem kepegawaian yang diterapkan pada perusahaan. Aktor yang terlibat di dalamnya yaitu Eksekutif yang
merupakan direktur utama perusahaan, pegawai, manajer keuangan, serta admin
pada perusahaan tersebut. Masing-masing aktor memiliki tanggung jawab masing- masing terhadap kegiatan tertentu yang semuanya terfokus pada satu sistem.
2.9.3 XAMPP
Dari pengalaman banyak orang, diketahui bahwa tidak mudah untuk menginstalasi sebuah web Server Apache dan juga akan berusaha lebih keras lagi
apalagi ingin menambahkan MySQL, PHP dan Perl. XAMPP merupakan paket yang terdiri dari Apache, MySQL, PHP dan Perl.