analisa & perancangan

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 1/61

Oleh: Tri Surano, S.Kom.,M.Kom

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 2/61

Flowchart adalah penggambaran secara grafkdari langkah-langkah dan urut-urutanprosedur dari suatu program.

Flowchart menolong analis dan programmeruntuk memecahkan masalah kedalamsegmen-segmen ang lebih kecil danmenolong dalam menganalisis alternati!-alternati! lain dalam pengoperasian.

Flowchart biasan a mempermudahpen elesaian suatu masalah khususn amasalah ang perlu dipela"ari dan die#aluasilebih lan"ut.

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 3/61

Menggambarkan suatutahapan pen elesaianmasalahSecara sederhana,

terurai, rapi dan "elasMenggunakan simbol-simbol standar

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 4/61

$ila seorang analis dan programmer akan membuat %owchart,ada

beberapa petun"uk ang harus diperhatikan, seperti :&. Flowchart digambarkan dari halaman atas ke bawah dan

dari kiri ke kanan .'. (kti#itas ang digambarkan harus didefnisikan secara hati-

hati dan defnisi ini harus dapat dimengerti olehpembacan a.

). Kapan akti#itas dimulai dan berakhir harus ditentukan

secara "elas.*. Setiap langkah dari akti#itas harus diuraikan denganmenggunakan deskripsi kata ker"a, misalkanMENGHITUNG PAJAK PENJUALAN .

+. Setiap langkah dari akti#itas harus berada pada urutanang benar.

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 5/61

. ingkup dan range dari aktiftas ang sedangdigambarkan harus ditelusuri dengan hati-hati.

ercabangan-percabangan ang memotong

akti#itas ang sedang digambarkan tidak perludigambarkan pada %owchart ang sama. Simbolkonektor harus digunakan dan percabangann adiletakan pada halaman ang terpisah atauhilangkan seluruhn a bila percabangann a tidakberkaitan dengan sistem.

/. 0unakan simbol-simbol %owchart ang standar.

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 6/61

Simbol-simbol %owchart ang biasan a dipakai adalah simbol-simbol %owchart standar ang dikeluarkan oleh (1S2 dan 2SO.

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 7/61

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 8/61

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 9/61

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 10/61

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 11/61

Flowchart terbagi atas lima "enis, aitu :Flowchart Sistem 3 System Flowchart 4Flowchart aperwork 5 Flowchart6okumen 3 Document Flowchart 4Flowchart Skematik 3 SchematicFlowchart 4

Flowchart rogram 3 ProgramFlowchart 4Flowchart roses 3 Process Flowchart 4

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 12/61

Flowchart Sistem merupakan bagan ang menun"ukkan alur ker"a

atau apa ang sedang diker"akan di dalam

sistem secarakeseluruhan dan men"elaskan urutan dariprosedur-prosedur ang ada di dalam sistem.

6engan kata lain, %owchart ini merupakandeskripsi secara grafk dari urutan prosedurprosedur ang terkombinasi ang membentuksuatu sistem.

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 13/61

Flowchart Sistem terdiri dari data angmengalir melalui sistem dan proses angentrans!ormasikan data tersebut.

6ata dan proses dalam %owchart sistemdapat digambarkan secara online3dihubungkan langsung dengan komputer4

atau ofine 3tidak dihubungkan langsungdengan komputer, misaln a mesin tik,cash register atau kalkulator4.

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 14/61

Menggambarkan suatu sistemperalatan komputer ang digunakandalam proses pengolahan data sertahubungan antar peralatan tersebut.

Tidak digunakan untukmenggambarkan urutan langkah

untuk memecahkan masalah.7an a untuk menggambarkanprosedur dalam sistem ang dibentuk

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 15/61

8ontoh sederhana untuk %owchart sistem dapatdilihat pada berikut :

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 16/61

Flowchart aperwork

menelusuri alur dari data angditulis melalui sistem. Flowchartaperwork sering disebut "uga

dengan Flowchart 6okumen.

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 17/61

Kegunaan utaman a adalah untuk menelusuri alur !orm danlaporan sistem dari satu bagian ke bagian lain baikbagaimana alur !orm dan laporan diproses, dicatat dandisimpan.

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 18/61contoh %owchart ini mengenai alur pembuatan kartu anggota untuk suatu perpustakaan

KETERANGAN :# : Masukkan data calon anggota ke dalam komputer (proses pengisian data)P : Tanda tangan dan validasi data

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 19/61

Flowchart Skematik mirip denganFlowchart Sistem ang menggambarkansuatu sistem atau prosedur.

Flowchart Skematik ini bukan han amenggunakan simbol-simbol %owchartstandar, tetapi "uga menggunakangambar-gambar komputer, peripheral,!orm-!orm atau peralatan lain angdigunakan dalam sistem.

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 20/61

Flowchart Skematik digunakan sebagai alatkomunikasi antara analis sistem denganseseorang ang tidak !amiliar dengan

simbol-simbol %owchart ang kon#ensional.

emakaian gambar sebagai ganti darisimbol-simbol %owchart akan menghemat

waktu ang dibutuhkan oleh seseoranguntuk mempela"ari simbol abstrak sebelumdapat mengerti %owchart.

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 21/61

0ambar-gambar tersebut mengurangikemungkinan salah pengertian tentangsistem, hal ini disebabkan oleh ketidak-

mengertian tentang simbol-simbol angdigunakan. 3-4

0ambar-gambar "uga memudahkan

pengamat untuk mengerti segala sesuatuang dimaksudkan oleh analis, sehinggahasiln a lebih men enangkan dan tanpa adasalah pengertian. 394

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 22/61

contoh flowchart Struktur pembacaan web server NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 23/61

Flowchart rogram dihasilkan dari Flowchart Sistem.

Flowchart rogram merupakan keterangan anglebih rinci tentang bagaimana setiap langkahprogram atau prosedur sesungguhn adilaksanakan. Flowchart ini menun"ukkan setiaplangkah program atau prosedur dalam urutan angtepat saat ter"adi.

(nalis Sistem menggunakan %owchart programuntuk menggambarkan urutan tugas-tugaspeker"aan dalam suatu prosedur atau operasi.

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 24/61

contoh Flowchart ProgramNEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 25/61

Flowchart roses merupakan teknik penggambaran reka asaindustrial ang memecah dan menganalisis langkah-langkahselan"utn a dalam suatu prosedur atau sistem. 6alam analisissistem, %owchart ini digunakan secara e!ekti! untuk menelusurialur suatu laporan atau !orm. Flowchart roses memiliki limasimbol khusus, seperti gambar di bawah :

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 26/61

Flowchart roses digunakan olehpereka asa industrial dalammempela"ari dan mengembangkanproses-proses manu!acturing.

6alam analisis sistem, %owchart ini

digunakan secara e!ekti! untukmenelusuri alur suatu laporan atau!orm.

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 27/61

contoh Flowchart ProsesSistem Pembelian

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 28/61

$uatlah (nalisis $isnis roses,dengan T M( terserah Sesuai

dengan tugas S;S<...$uatlah:Flowchart SistemFlowchart 6okumenFlowchart rogramFlowchart skematikFlowchart proses

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 29/61

Pe oman Men!!ambar "F"#&. 2dentifkasikan terlebih dahulu semua kesatuan luar 3e=ternal entities4 ang terlibat

di sistem. Misaln a untuk sistem pen"ualan mempun ai e=ternal entities angterlibat : elanggan, mana"er kredit, gudang dan bagian pengiriman.

'. 2dentifkasikan semua input dan output ang terlibat dengan e=ternal entities. Misaluntuk sistem pen"ualan ini, input5output ang terlibat dengan kesatuan luar :

). 0ambarlah terlebih dahulu suatu diagram konteks 3conte=t diagram4.

External Entities Input Output

Pelanggan Order pelanggan -

Gudang - Tembusan PermintaanPersediaan

Bagian Pengiriman Tembusan jurnal Faktur, tembusan Kredit dantermbusan Jurnal

Manajer Kredit - Status piutang

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 30/61

!

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 31/61

Merupakan alat g. digunakanpada metodologi pengembangansistem g. Terstruktur 3structuredanal sis and design 4Merupakan dokumentasi darisistem g. $aik, 3krn.

Menggambarkan arus data scr. >elas4

"

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 32/61

Tiga alasan ang men ebabkan sebaikn adilakukan

pemodelan sistem, aitu:

6apat melakukan perhatian pada hal-hal pentingdalam sistem tanpa mesti terlibat terlalu "auh.

Mendiskusikan perubahan dan koreksi terhadapkebutuhan pemakai dengan resiko dan bia a

minimal.

Mengu"i pengertian penganalisa sistem terhadapkebutuhan pemakai dan membantu pendesainsistem dan pemrogram membangun sistem.

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 33/61

Simbol ang digunakan :Demarco & Yourdan

SymbolsKeterangan Gane & Sarson

Symbols

E ternal Ent!ty "Kesatuan #uar

Data $lo%

roses

Data Store "eny!m'anan Data

NEXTBACK

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 34/61

=ternal entit pasti memilikibatasan sistem, g memisahkansuatu sistem dgn lingkungan

luarn a.6apat berupa oran!$ or!anisasiata% sistem lainn&a &!' bera a

i lin!k%n!an l%ar$ sb!' In(%t )o%t(%t ari sistem

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 35/61

(rus data sebaikn a diberikan namag. >elas ? mempun ai arti.

Konsep dari arus data*' Konse( (aket ari ata

$

%angganan

"&Proses'rder

langganan

'rderlangganan

Pemba aran

Sala(

B!la ada dua atau leb!(data

yg) *engal!r dar! asaldan tu+uan yg)) Sama(arus d!angga' arusdata yg) tunggal

,rder d!ter!ma & 'embayarannya

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 36/61

%angganan

"&Proses 'rder

langganan

'rderlangganan* pemba aran

BENAR

-!.a mem'unya! tu+uan yg)berbeda

%angganan

"&Proses'rder

langganan

'rderlangganan

+&Proses

Penerimaan,asembayaran

,rder d!ter!ma & 'embayarannya

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 37/61

+' Konse( ar%s ata men&ebar

-

-ad! / data 0 order 'en+ualan 1 mem'unya! sebanya. 2tembusan 3 ya!tu tembusan ut. +urnal dan tembusan .red!t

4)

Penerimaan,as

2)

,rderlanggana

5)

.erifikasi,redit

'rder pen/ualan

Tembusan +urnal

TembusanKred!t

Atau d! tul!s

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 38/61

,' Konse( ar%s ata men!%m(%l

0

4)Pembuatan

Faktur

2)Pembuatan

Slippengepakan

#angganan

$a.tur

Sl!' 'enge'a.an

Atau d!tul!s.an

4)

Pembuatan Faktur

2)Pembuatan

Slippengepakan

#angganan

$a.tur

Sl!' 'enge'a.an

eng!r!man

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 39/61

-' Konse( s%mber . T%/%an Ar%s"ata #Semua arus data harus dihasilkandari suatu proses atau menu"u kesuatu proses.

1

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 40/61

&. roses mempun ai input, tetapitidakmenghasilkan output

'. roses menghasilkan output tetapitidak pernah menerima input

!

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 41/61

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 42/61

h sical 6F6 36(6F4$agaimana proses dari sistemditerapkanogical 6F6 36(6 4

roses apa ang terdapat disistem

+

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 43/61

roses manual "uga digambarkan1ama dari arus data menun"ukkan!akta penerapann a.3harian5Mingguan4, contohn a: telp,surat.Simpanan data dpt berupa 1onkomputer

roses menun"ukkan nama daripemroses 3 org, departemen 4

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 44/61

Men%n/%kkan keb' Proses arisistem &!' "i%s%lkan scr' Lo!ikaProses &!' "i!ambarkan scr'Kom(%terHemat (en!!ambarann&a

iban in! "A"F

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 45/61

&. 2dentifkasikan semua e=ternalentit g. Terlibat di sistem.8ontohn a:S2. en"ualan :

- angganan- Mana"er kredit- $ag. 0udang- $ag. pengiriman

$

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 46/61

'. 2dentifkasi 25O g. Terlibat dgne=ternal entit , contohn a :

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 47/61

-

External entit !nput Output"angganan Order

"angganan

-

Bag# Gudang - Tembusan permintaanpersediaan

Bag#

Pengiriman

Tembusan

Jurnal

Faktur, tembusan

kredit $ tembusan jurnal

Manajer kredit - Status piutang

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 48/61

). 0ambar dulu 8onte=t 6iagram 3Tope#el4

0

A) B)6X Y

Conte t D!agram

A) B)4

X Y

25

yy#e7el 6

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 49/61

b

a

d

Status "angganan

Order langganan

%

"angganan

Manajer Kredit

Tembusanpermintaanpersediaan

Faktur,Tembusankredit

Gudang

Pengiriman

Transaksi

Penjualan

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 50/61

&

TransaksiPenjualan

'Mempr(sesOrder "angganan

)Mem*eri+ikasiKredit

MerekamTransaksi

an p(sting

.Membuat"ap(ran

'#'

Menge%ekPemenu/an(rder

'#)

MerekamBa%k(rder

'#

MembuatOrder penjualan

T(p "e*el

"e*el &

"e*el ''#.

MembuatFaktur dantembusan

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 51/61

1

'#'

Menge%ekPemenu/an(rder

'#)

MerekamBa%k(rder

'#MembuatOrder penjualan

'#.MembuatFaktur penjualan

a Manajer Kredit

% Manajer Kredit

bPengiriman

Order langganan

Faktur, tembusankredit

TembusanPermintaan

persediaan

Order tidak terpenu/i

0 PersediaanStatus persediaan

1 Ba%k (rder

rekam ba%k (rder

2 3 Order penjualan4ekam(rder penjualan

2

2 3 Order penjualan

' langganan5amalangganan

Order penjualan

3

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 52/61

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 53/61

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 54/61

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 55/61

Sistem !n+(rmasiPeng(la/an -ata

KP4! Marga B/aktiKe%# Geger, Kab# Madiun

6ser 7dmin

Ketua

-ata Sek(la/

-ata G(l(ngan

-ata 7ngg(ta

Bukti Simpanan

Bukti Pinjaman

Bukti Pengambilan Simpanan

Bukti 8i%ilan Pinjaman

-ata Tampil Gaji

-ata "(g !n 6ser

-ata K(n+irmasi 7ut/enti+ikasi 6ser

-ata "(g !n 7dmin

-ata K(n+irmasi 7ut/enti+ikasi 7dmin

-ata Sek(la/

-ata G(l(ngan

-ata 7ngg(ta

Bukti Simpanan

Bukti Pinjaman

Bukti Pengambilan Simpanan

Bukti 8i%ilan Pinjaman

-ata Tampil Gaji

-ata Per/itungan Gaji

-ata Per/itungan Simpanan

-ata Pengambilan Simpanan

-ata Per/itungan Pinjaman

-ata 8i%ilan Pinjaman

-ata Bunga

-ata Tampil 7ngg(ta

-ata Tam pil 7ngg(ta

"ap(ran -ata 7ngg(ta

"ap(ran Simpanan

"ap(ran Pinjaman

"ap(ran PengambilanSimpanan

"ap(ran Gaji

"ap(ran 8i%ilan Pinjaman

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 56/61

2iagram ,onteks Sistem 3nformasi 4awat 3nap

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 57/61

Operat(r

&Pr(ses "(g !n

danKel(la 6ser

"(g !n

!d 9alid

Tamba/ 6ser

-ata Simpan

-ata Kirim

pass

&Pr(ses

Bia a Pela anan

&Pr(ses Pasien

Keluar

&Pr(ses Pasien

Masuk

bia a:pela anan

pasien:masuk

pasien:keluar

-BP

-BP

-PM

-PM

-PK

-PK

!nput Bia a

!nput Pasien Keluar

!nput Pasien Masuk

KepalaPuskesmas

-BP

-PM

4in%ian:bia a

-4B

-4B

Pasien

4in%ian:bia a

"ap(ran Pasien Masuk

"ap(ran Pasien Keluar

"a p(ran Bia a

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 58/61

Operat(r

'#'Pr(ses "(g !n

danKel(la 6ser

"(g !n

!d 9alid

Tamba/ 6ser

ata Simpan

ata Kirim

pass

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 59/61

'#'Pr(ses !nput

Bia a Pela ananbia a:pela anan

-BP

-BP

Operat(r

'#)Pr(ses Edit

Bia a Pela anan

-BP

-BP-ata Bia a

-ata Bia a

7

-BP

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 60/61

)#'Pr(ses

Pasien Masukpasien:masuk

PM

PMOperat(r

!nput Pasien Masuk

7

PM

KepalaPuskesmas

"ap(ran Pasien MasukPili/

lap(ran

8/18/2019 Analisa & Perancangan

http://slidepdf.com/reader/full/analisa-perancangan 61/61

,#'Pr(ses

Pasien Keluar pasien:keluar

-PK

-PKOperat(r

!nput Pasien Keluar

7

4in%ian:bia a

KepalaPuskesmas

"ap(ran Pasien Keluar

Pili/lap(ran

Pasien

4in%ian:bia a-4B

-4B

"ap(ran Bia a

-BP-PM