uml_sistem_informasi

85
TEKNIK TEKNIK ANALISA DESAIGN MENGGUNAKAN ERD DAN UML PADA PERANCANGAN PROGRAM BERBASISKAN OBJECT UNIVERSITAS PUTRA INDONESIA “ YPTK” PADANG 2011

Upload: imam-wardinanda

Post on 08-Jul-2015

601 views

Category:

Education


3 download

TRANSCRIPT

Page 1: Uml_sistem_informasi

TEKNIK – TEKNIK ANALISA DESAIGN

MENGGUNAKAN ERD DAN UML

PADA PERANCANGAN PROGRAM BERBASISKAN OBJECT

UNIVERSITAS PUTRA INDONESIA “ YPTK”PADANG

2011

Page 2: Uml_sistem_informasi

ERD UML

Studi Kasus Program VB

Studi Kasus WEB

Studi Kasus WEB - SI

Page 3: Uml_sistem_informasi

Entity Relationship Diagram (ERD)

Langkah – langkah membuat E_R Diagram :

1. Tentukan entity – entity yang diperlukan.

2. Tentukan relantionship antar entity-entity.

3. Tentukan cardinality ratio dan participation constraint.

4. Tentukan atribute-atribute yang diperlukan dari setiap entity.

5. Tentukan key diantara antribute-atribute.

6. Hindari penamaan entity, relationship dan atribute yang sama

Menu Utama

Contoh ERD penyewaan VCD Contoh ERD penggajian

Page 4: Uml_sistem_informasi

ARTIFACT UML (BAGAN YANG TERDAPAT PADA UML)

Actor A

Use Case 1

Use Case 2

Actor B

user : »ç¿ëÀÚ

mainWnd : MainWnd

fileMgr : FileMgr

repository : Repositorydocument : Document

gFile : GrpFile

9: sortByName ( )

L1: Doc view request ( )

2: fetchDoc( )

5: readDoc ( )

7: readFile ( )

3: create ( )

6: fillDocument ( )

4: create ( )

8: fillFile ( )

UI

MFC

RogueWave

global

DocumentApp

Persistence Window95

¹®¼­°ü¸® Ŭ¶óÀ̾ðÆ®.EXE

WindowsNT

¹®¼­°ü¸® ¿£Áø.EXE

WindowsNT

Windows95

Solaris

ÀÀ¿ë¼­¹ö.EXE

AlphaUNIX

IBM Mainframe

µ¥ÀÌŸº£À̽º¼­¹ö

Windows95

¹®¼­°ü¸® ¾ÖÇø´

ºÐ»ê ȯ°æÀÇ Çϵå¿þ¾î¹× ³×Æ®¿÷À¸·ÎÀÇ Á¤º¸ ½Ã½ºÅÛ ¿¬°á ¸ðµ¨ - À©µµ¿ì 95 : Ŭ¶óÀ̾ðÆ® - À©µµ¿ì NT: ÀÀ¿ë¼­¹ö - À ´̄нº ¸Ó½Å: ÀÀ¿ë ¼­¹ö ¹× µ¥ÀÌŸ ¼­¹ö, Åë½Å ¼­¹ö - IBM ¸ÞÀÎÇÁ·¹ÀÓ: µ¥ÀÌŸ ¼­¹ö, Åë½Å ¼­¹ö

Document

FileManager

GraphicFile

File

Repository DocumentList

FileList

user

mainWnd fileMgr : FileMgr

repositorydocument : Document

gFile

1: Doc view reques t ( )

2: fetchDoc( )

3: c reate ( )

4: c reate ( )

5: readDoc ( )

6: fil lDocument ( )

7: readFile ( )

8: fil lFile ( )

9: sortByName ( )

ƯÁ¤¹®¼­¿¡ ´ëÇÑ º¸±â ¦̧ »ç¿ëÀÚ°¡ ¿äûÇÑ´Ù.

È­ÀÏ°ü¸®ÀÚ´Â Àоî¿Â ¹®¼­ÀÇ Á¤º ¸ ¦̧ ÇØ´ç ¹®¼­ °´Ã¼¿¡ ¼³Á¤À» ¿äûÇÑ´Ù.

È­¸é °´Ã¼´Â ÀоîµéÀÎ °´Ã¼µé¿¡ ´ëÇØ À̸§º°·Î Á¤·ÄÀ» ½ÃÄÑ È­¸é¿¡ º¸¿©ÁØ´Ù.

Customernameaddr

withdraw()fetch()send()

receive()

<<entity>>

Forward Engineering(Code Generation)

and

Reverse Engineering

Executable System

User InterfaceDefinition

DomainExpert

Openning

Writing

ReadingClosing

add file [ numberOffile==MAX ] / flag OFF

add file

close file

close file

Use Case 3

Source Code edit, compile, debug, link

Use-Case

DiagramClass

Diagram

Collaboration Diagram

Sequence Diagram

Component

Diagram

State Diagram

Package

Diagram

Deployment

DiagramClass

Use Case Diagram

Activity diagram

Class Diagram

Sequence Diagram

Langkah – Langkah UML

Ke Menu

Collaboration Diagram

Componen Diagram

Deployment Diagram

Package Diagram

StateChart Diagram

Page 5: Uml_sistem_informasi

PENGERTIAN ACTIVITY DIAGRAM

Activity diagrams menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.

Activity diagram merupakan state diagram khusus, di mana sebagian besar state adalah action dan sebagian besar transisi di-trigger oleh selesainya state sebelumnya (internal processing). Oleh karena itu activity diagram tidak menggambarkan behaviour internal sebuah sistem (dan interaksi antar subsistem) secara eksak, tetapi lebih menggambarkan proses-proses dan jalur-jalur aktivitas dari level atas secara umum.

Sebuah aktivitas dapat direalisasikan oleh satu use case atau lebih. Aktivitas menggambarkan proses yang berjalan, sementara use case menggambarkan bagaimana aktor menggunakan sistem untuk melakukan aktivitas

Page 6: Uml_sistem_informasi

Simbol Activity DiagramSimbol Keterangan

Start Point

End Point

Activities

Fork (Percabangan)

Join (Penggabungan)

Decision

Swimlane

Sebuah cara untuk mengelompokkan activity berdasarkan Actor (mengelompokkan activity dalam sebuah urutan yang sama)

Ke UML

Contoh Sistem berjalan Kasus Web

Contoh Sistem Berjalan Kasus VB

Page 7: Uml_sistem_informasi

PENGERTIAN USE CASE

‘use case’ adalah rangkaian/uraian sekelompok yang saling terkait dan membentuk sistem secara teratur yang dilakukan atau diawasi oleh sebuah aktor. ‘use case’ digunakan untuk membentuk tingkah-laku benda/ things dalam sebuah model serta di Realisasikan oleh sebuah collaboration.

Umumnya ‘use case’ digambarkan dengan sebuah ‘elips’ dengan garis yang solid, biasanya mengandung nama

Page 8: Uml_sistem_informasi

Use case menggambarkan proses system (kebutuhan system dari sudut pandang user)

Secara umum use case adalah:

Pola perilaku system

Urutan transaksi yang berhubungan yang dilakukan oleh satu actor

Use case diagram terdiri dari

Use case

Actors

Relationship

System boundary boxes (optional)

Packages (optional)

Page 9: Uml_sistem_informasi

Association

Associations bukan menggambarkan aliran data/informasi

Associations digunakan untuk menggambarkan bagaimanaactor terlibat dalam use case

Ada 4 jenis relasi yang bisa timbul pada use case diagram

1. Association antara actor dan use case

2. Association antara use case

3. Generalization/Inheritance antara use case

4. Generalization/Inheritance antara actors

Ke UML

Contoh KS VB

Contoh KS Web

Page 10: Uml_sistem_informasi

CLASS DIAGRAM

Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi objek.

Class menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut (metoda/fungsi).

Class diagram menggambarkan struktur dan deskripsi class, package dan objek beserta hubungan satu sama lain seperti containment, pewarisan, asosiasi, dan lain-lain.

Class memiliki tiga area pokok :

1.Nama, merupakan nama dari sebuah kelas

2. Atribut, merupakan peroperti dari sebuah kelas. Atribut melambangkan batas nilai yang mungkin ada pada obyek dari class

3. Operasi, adalah sesuatu yang bisa dilakukan oleh sebuah class atau yang dapat dilakukan oleh class lain terhadap sebuah class

Page 11: Uml_sistem_informasi

CLASS DIAGRAM (LANJUTAN)

Atribut dan metoda dapat memiliki salah satu sifat berikut :

Private, tidak dapat dipanggil dari luar class yang bersangkutan

Protected, hanya dapat dipanggil oleh class yang bersangkutan dan anak-anak yang mewarisinya

Public, dapat dipanggil oleh siapa saja

Package, hanya dapat dipanggil oleh instance sebuah class pada paket yang sama

Nama Class

Atribut

Metode/operasi

Page 12: Uml_sistem_informasi

HUBUNGAN ANTAR CLASS

1. Asosiasi, yaitu hubungan statis antar class. Umumnya menggambarkan class yang memiliki atribut berupa class lain, atau class yang harus mengetahui eksistensi class lain. Panah navigability menunjukkan arah query antar class.

2. Agregasi, yaitu hubungan yang menyatakan bagian (“terdiri atas..”).

3. Pewarisan, yaitu hubungan hirarkis antar class. Class dapat diturunkan dari class lain dan mewarisi semua atribut dan metoda class asalnya dan menambahkan fungsionalitas baru, sehingga ia disebut anak dari class yang diwarisinya. Kebalikan dari pewarisan adalah generalisasi.

4. Hubungan dinamis, yaitu rangkaian pesan (message) yang di-passing dari satu class kepada class lain. Hubungan dinamis dapat digambarkan dengan menggunakan sequence diagram yang akan dijelaskan kemudian.

Page 13: Uml_sistem_informasi

CONTOH CLASS DIAGRAM

Page 14: Uml_sistem_informasi

MULTIPLICITY

2..4

0..1

1..*

0..*

1

*

Unspecified

Exactly one

Zero or more (many, unlimited)

One or more

Zero or one (optional scalar role)

Specified range

Multiple, disjoint ranges

2, 4..6

Ke UML

Contoh KS VB

Contoh KS Web

Page 15: Uml_sistem_informasi

Sequence Diagram

Sequence diagram (diagram urutan) adalah suatu diagram yang memperlihatkan atau menampilkan interaksi-interaksi antar objek di dalam sistem yang disusun pada sebuah urutan atau rangkaian waktu. Interaksi antar objek tersebut termasuk pengguna, display, dan sebagainya berupa pesan/message.

Sequence Diagram digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai sebuah respon dari suatu kejadian/even untuk menghasilkan output tertentu. Sequence Diagram diawali dari apa yang me-trigger aktivitas tersebut, proses dan perubahan apa saja yang terjadi secara internal dan output apa yang dihasilkan.

Page 16: Uml_sistem_informasi

Simbol Sequence DiagramContoh KS VB

Contoh KS Web

Ke UML

Page 17: Uml_sistem_informasi

Collaboration Diagram

Adalah perluasan dari objek dan diagram (objek diagram menunjukkan objek-objek dan hubungannya satu dengan yang lain). Collaboration Diagram menunjukkan message-

message objek yang dikirim satu sama lain

Ke UMLContoh KS Web

Page 18: Uml_sistem_informasi

Component Diagram

Component diagram menggambarkan struktur dan hubungan antar komponen piranti lunak, termasuk ketergantungan (dependency) diantaranya. Komponen piranti lunak adalah modul berisi code, baik berisi source code maupun binary code, baik library maupun executable, baik yang muncul pada compile time, link time maupun run time. Umumnya komponen terbentuk dari beberapa class dan atau package, tapi dapat juga berupa interface, yaitu kumpulan layanan yang disediakan sebuah komponen untuk komponen lainnya.

Ke UMLContoh KS web

Page 19: Uml_sistem_informasi

Deployment Diagram

Deployment/physical diagram menggambarkan detail bagaimana komponen di-deploy dalam infrastruktur sistem, dimana komponen akan terletak (pada mesin, server atau piranti keras apa), bagaimana kemampuan jaringan pada lokasi tersebut, spesifikasi server, dan hal-hal lain yang bersifat fisikal. Sebuah node adalah server, workstation atau piranti keras lain yang digunakan untuk men-deploy komponen dalam lingkungan sebenarnya.

Ke UML

Contoh KS web

Page 20: Uml_sistem_informasi

Package Diagram

Adalah sebuah bentuk pengelompokkan yang memungkinkan untuk mengambil sebuah bentuk di UML dan mengelompokkan elemen-elemennya dalam tingkatan unit yang lebih tinggi. Kegunaan package yang paling umum adalah untuk mengelompokkan class

Ke UML

Contoh KS Web

Page 21: Uml_sistem_informasi

Langkah-langkah pembuatan UML:

1. Buat Dekomposisi Fungsi yang menggambarkan sistem secara keseluruhan, baik sistem yang berjalan maupun Usulan.

2. Membuat activity Diagram berdasarkan sistem berjalan.

3. Buat ERD berdasarkan File yang digunakan pada sistem Usulan untuk menunjang pembuatan Use case, Package, Class, Sequence diagram.

4. Tentukan Package diagram

5. Tentukan class diagram berdasarkan file data yang dibutuhkan

6. Usecase dibuat berdasarkan program atau sistem usulan dari suatu sistem

Page 22: Uml_sistem_informasi

Collaboration diagram dibuat berdasarkan tampilan utama dari program

Sequence Diagram dibuat berdasarkan form yang ada disistem usulan

Langkah terakhir buatlah Deployment diagram, Componen Diagram

Ke UML

Page 23: Uml_sistem_informasi

Statechart Diagram

Statechart Diagram menggambarkan transisi dan perubahan keadaaan (dari satu state ke state lainnya) suatu objek pada sistem sebagai akibat dari stimuli yang diterima. Pada umumnya statechart diagram menggambarkan class tertentu(satu class dapat memiliki lebih dari satu statechart diagram). Dalam UML, state digambarkan berbentuk segi empat dengan sudut membulat dan memiliki nama sesuai kondisinya saat itu. Transisi antar state umumnya memiliki kondisi guard yang merupakan syarat terjadinya transisi yan bersangkutan, dituliskan dalam kurung siku. Action yang dilakukan sebagai akibat dari event tertentu dituliskan dengan diawali garis miring. Titik awal dan akhir digambarkan berbentuk lingkarang berwarna penuh dan berwarna setengah. Ke UMLContoh KS Web

Page 24: Uml_sistem_informasi

Contoh kasus

Penggajian menggunakan visual basic

Page 25: Uml_sistem_informasi

Prosedur Sistem berjalan:

Proses pembuatan Daftar Data Pegawai dan Gaji pada SMP PGRI 1 Depok

adalah sebagai berkut :

1. Proses Absensi

Pegawai melakukan absensi harian melalui form daftar hadir pegawai.

Berdasarkan form daftar hadir pegawai tersebut bagian Tata Usaha (TU)

akan membuat Rekap Absen (RA) harian untuk diserahkan kepada

Administrasi.

2. Proses Pemberian Rekap Biodata Pegawai (RBP)

Pegawai memberikan data pribadi pegawai, data pendidikan, data keluarga

yang dijadikan satu menjadi data pegawai kepada bagian Tata Usaha yang

kemudian diarsipkan menjadi Rekap Biodata Pegawai (RBP). Lalu Rekap

Biodata Pegawai (RBP) diserahkan kepada bagian administrasi untuk

proses pengolahan Daftar Data Pegawai Dan Gaji (DDPG).

Page 26: Uml_sistem_informasi

3. Proses Pengolahan Daftar Data Pegawai dan Gaji (DDPG)

Setelah bagian administrasi menerima Rekap Biodata Pegawai (RBP)

dan Rekap Absen (RA) akan mengolah kedua data tersebut untuk

dibuatkan menjadi Daftar Data Pegawai dan Gaji (DDPG) yang

kemudian diserahkan kepada Kepala Sekolah untuk ditanda tangani

atau di Acc.

4. Proses Pembuatan Laporan

Daftar Data Pegawai dan Gaji (DDPG) yang sudah diterima dan

ditanda tangani oleh Kepala Sekolah akan diserahkan kembali kepada

bagian Administrasi untuk dibuatkan Laporan Data Pegawai (LDP) dan

Laporan Gaji Pegawai (LGP).

Setelah bagian administrasi menerima Daftar Data Pegawai dan Gaji

yang sudah di Acc akan membuatkan Laporan Data Pegawai (LDP)

dan Laporan Gaji Pegawai (LGP) yang nantinya akan diserakan

kepada Kepala Sekolah.selain itu bagian Administrasi akan

membuatkan slip gaji untuk diserahkan kepada pegawai.

Page 27: Uml_sistem_informasi

Dekomposisi Fungsi sistem berjalan

Daftar Data

Pegawai dan Gaji

(DDPG)

Sistem Pengolahan

Data Pegawai

Laporan

Data

Pegawai

Laporan

Slip Gaji

Laporan

Data

Pendidikan

Rekap Biodata

Pegawai (RBP)

Data

Pegawai

Data

Pendidikan

Data

Keluarga

Absen

Rekap

Absen

Laporan

Data

Keluarga

Laporan

Absensi

Laporan

Gaji

Page 28: Uml_sistem_informasi

ACTIVITY DIAGRAM

1. Proses Absensi

Pegawai melakukan absensi harian melalui form daftar hadir pegawai. Berdasarkan form daftar hadir

pegawai tersebut bagian Tata Usaha (TU) akan membuat Rekap Absen (RA) harian untuk diserahkan

kepada Administrasi.

Melakukan absen

harian

Absen

Melakukan absen di

form daftar hadir

Pegawai melapor ke

TU

Menerima laporan

pegawai yang tidak

absen

Mencatat absen

pegawai

Merekap absensi

berdasarkan form

daftar hadir

Pegawai TU

Ya Absen

Tidak Absen

Page 29: Uml_sistem_informasi

Activity Diagram (Lanjutan…)

2. Proses Pemberian Rekap Biodata Pegawai (RBP)

Pegawai memberikan data pribadi pegawai, data pendidikan, data keluarga yang dijadikan satu menjadi

data pegawai kepada bagian Tata Usaha yang kemudian diarsipkan menjadi Rekap Biodata Pegawai

(RBP). Lalu Rekap Biodata Pegawai (RBP) diserahkan kepada bagian administrasi untuk proses

pengolahan Daftar Data Pegawai Dan Gaji (DDPG).

Memberikan data

pegawai

Data

Pegawai

Mengembalikan

berkas data pegawai

tidak lengkap

Menerima data

pegawai

Mengecek berkas

data pegawai

Data pegawai

diproses

Pegawai TU

Data LengkapData tidak Lengkap

Menerima

berkas data pegawai

tidak lengkap

Page 30: Uml_sistem_informasi

Activity Diagram (Lanjutan…)

3. Proses Pengolahan Daftar Data Pegawai dan Gaji (DDPG)

Setelah bagian administrasi menerima Rekap Biodata Pegawai (RBP) dan Rekap Absen (RA) akan mengolah

kedua data tersebut untuk dibuatkan menjadi Daftar Data Pegawai dan Gaji (DDPG) yang kemudian

diserahkan kepada Kepala Sekolah untuk ditanda tangani atau di Acc.

Memberikan data

Rekap Absen

Memberikan data

Pegawai

Menerima

rekap absen & data

pegawai

Menerima

daftar data pegawai

dan gaji

Menyetujui

daftar data pegawai

dan gaji

TU Administrasi

Membuat

daftar data pegawai

dan gaji

Menyerahkan

daftar data pegawai

dan gaji

Kepala Sekolah

Page 31: Uml_sistem_informasi

4. Proses Pembuatan Laporan

Daftar Data Pegawai dan Gaji (DDPG) yang sudah diterima dan ditanda tangani oleh Kepala

Sekolah akan diserahkan kembali kepada bagian Administrasi untuk dibuatkan Laporan Data Pegawai

(LDP) dan Laporan Gaji Pegawai (LGP).

Setelah bagian administrasi menerima Daftar Data Pegawai dan Gaji yang sudah di Acc akan

membuatkan Laporan Data Pegawai (LDP) dan Laporan Gaji Pegawai (LGP) yang nantinya akan diserakan

kepada Kepala Sekolah.selain itu bagian Administrasi akan membuatkan slip gaji untuk diserahkan kepada

pegawai.

Menyerahkan

daftar data pegawai

dan gaji acc

Menerima

daftar data pegawai

dan gaji acc

Menerima

Slip gaji

Kepala Sekolah Administrasi

Membuat

lap data pegawai dan

lap gaji pegawai

Membuat

Slip gaji

Pegawai

Menerima

Lap data pegawai dan

lap gaji pegawai

Page 32: Uml_sistem_informasi

ERD (Entity Relationship Diagram)

melengkapi

thn_lulus

jurusan

univ

pendk

nip

nama

input

tgl_lhir

tmpt

nama_anak1

nam_anak2

tgl_lahir

kelamin

tempat

jns_klmn agama

nip

jns_klm

status

nama_peg

tgl_lhr

nama_istri_suami

tmpat

angs_pjm_kop

asuransi

tanspot

fungsionalto_gajigapok

nip

pot_sim_sk

insentif

pks

gj_terima

pot_sim_kop

nama_p

1 1

1

1

Pendidikan Keluarga

Gaji

nama

Pegawaiagama

tgl_lahir

tempat

jns_klm

nip

melakukan

status

alamat

1

nama

nip

hari

tanggal

masuk

M 1Absensi

Masuk

nama

nip

hari

tanggal

pulang

1 Absensi

Pulangmelengkapi

M

Ke ERD

Page 33: Uml_sistem_informasi

Use Case Absen

Deskripsi use case Absen

Nama : Use Case Diagram Absen

Actor : TU dan Administrasi

Deskripsi:TU mencetak Rekap Absen kemudian diserahkan kepadaAdministrasi

Nama Use Case :<<Include>> input data absen harian

Cetak Rekap Absen

TU Administrasi

Input Data Absen Harian

<<In

clud

e>>

Page 34: Uml_sistem_informasi

Use Case Rekap Biodata Pegawai

Cetak Rekap Biodata

Pegawai

TU Administrasi

Input Data Pegawai,

Pendidikan, Keluarga

<<In

clud

e>>

Deskripsi Use Case Rekap Biodata Pegawai

Nama : Use Case Rekap Biodata Pegawai

Actor : TU dan Administrasi

Deskripsi:TU mencetak Rekap Biodata Pegawai kemudian diserahkan

kepada Administrasi

Nama Use Case :<<Include>> input data pegawai, Pendidikan dan

Keluarga.

Page 35: Uml_sistem_informasi

Use Case Pengolahan Daftar Data Pegawai dan Gaji (DDPG)

Administrasi

Cetak Slip Gaji

Pegawai

Input Total Absensi Pegawai<<

Incl

ude>

>

Input Data Pegawai,data

pendidikan, data keluarga

PKS, Insentif, Fungsional,

Transport, Potongan

<<Include>>

Deskripsi Use Case Pengolahan Data Pegawai dan gaji (DDPG)

Nama : Use Case Pengolahan Data Pegawai dan Gaji

Actor : Administrasi dan Pegawai

Deskripsi:Administrasi Mencetak Slip Gaji kemudian diserahkan kepada

Pegawai

Nama Use Case:<<Include>> Input total absensi pegawai dan input data

pegawai, data pendidikan, data keluarga, PKS, insentif, fungsional, transport

dan potongan.

Page 36: Uml_sistem_informasi

Use Case Laporan

Cetak Laporan Gaji

Administrasi Kepala SekolahCetak Laporan Data

Pegawai, pendidikan dan

keluarga, Absen

Deskripsi Use Case Laporan

Nama : Use Case Laporan

Actor : Administrasi dan Kepala Sekolah

Deskripsi : Administrasi Mencetak laporan slip gaji dan

mencetak laporan data pegawai, pendidikan, keluarga dan absen

Page 37: Uml_sistem_informasi

Absensi Keluar

nip : text

nama : text

masuk : date/time

pulangt : date/time

tanggal : date/time

hari : int

- Cari

- Absen

- Masuk

- Keluar

- Pulang

Pegawai

nip : text

nama : text

jns_klm : text

tempat : text

tgl_lahir : text

agama : text

status : text

alamat : text

Gaji

nip : text

pks : currency

insentif : currency

tanspot : currency

fungsional : currency

gapok : currency

to_gaji : currency

nama_p : text

pot_sim_kop : currency

pot_sim_sk : currency

angs_pjm_kop : currency

asuransi : currency

gj_terima : currency

- Tambah

- Edit

- Hapus

- Cancel

- Simpan

- Keluar

Pendidikan

nip : text

nama : text

pendk : text

univ : text

jurusan : text

thn_lulus : text

- Tambah

- Edit

- Hapus

- Cancel

- Simpan

- Cari

- Keluar

Keluarga

nip : text

nama_peg : text

nama_istri_suami : text

status : text

kelamin : text

tempat : text

tgl_lahir : text

agama : text

nama_anak1 : text

jns_klmn : text

tmpt : text

tgl_lhr : text

nam_anak2 : text

jns_klm : text

tmpat : text

tgl_lhir : text

- Tambah

- Edit

- Hapus

- Cancel

- Simpan

- Cari

- Keluar

- Cetak

- Cari

- Keluar

1..1 1..1 1..~ 1..1

1..1

1..~1..~

Absensi Masuk

nip : text

nama : text

masuk : date/time

pulangt : date/time

tanggal : date/time

hari : int

- Cari

- Absen

- Masuk

- Keluar

- Pulang

1..~ 1..1

Page 38: Uml_sistem_informasi

Sequence Diagram Data pegawai

Administrasi Form Data Pegawai Control Data Pegawai

Open Olah DataDisplay Data

Pegawai

Simpan ()

Input NIP

Simpan ()

Keluar ()

Input Data

Pegawai

Tambah ()

Edit ()

Batal ()

Simpan () Rec Data Pegawai

Kepala Sekolah

Display Data

Pegawai

Page 39: Uml_sistem_informasi

AdministrasiForm Data

Pendidikan

Control Data

Pendidikan

Open

Simpan ()

Get NIP ()

Rec Data Pendidikan

Display NIP,

Nama

Pegawai

Simpan ()

Keluar ()

Tambah ()

Edit ()

Batal ()

Simpan ()

Display Data

Pendidikan

Input Data

Pendidikan

Kepala Sekolah

Get NIP ()

Sequence Diagram Data pendidikan

Page 40: Uml_sistem_informasi

Pegawai Form Absen Control Absen

Open

Get NIP ()

Display NIP,

Nama

Pegawai

Simpan ()

Display

Absen Masuk

Input Absen

Masuk

Absen

Get NIP ()

Simpan ()Rec Data Absen

Masuk

Keluar ()

Simpan ()

Absen ()

Sequence Diagram Absensi

Page 41: Uml_sistem_informasi

Administrasi Form Gaji Control Gaji

Open

Simpan ()

Get NIP ()

Display NIP,

Nama, Jenis

Kelamin,

Status

Pegawai

Get Bulan ()

Get NIP ()

Display

Bulan

Input PKS,

intensif,

fungsional

Display PKS,

insentif, fungsional,

Jmlh Tunjangan

GajiIsi

Simpan ()

Keluar ()

Tambah ()

Edit ()

Batal ()

Simpan ()

Display

Jumlah Yang

Diterima

LOOPINGInput Pot_sim_kop, Pot_Sim_sukarela,

Asuransi,

Pot_angsuran_Pinjmn_koperasi

Input Jmlh

Hari Kerja

Display Jmlh hari

kerja, Transport,

Gaji pokok, Total

gaji

Jumlah yang

diterima

Tambah Tambah

Simpan ()

Tambah ()

Edit ()

Batal ()

Keluar ()

Simpan ()

Keluar ()

Batal ()

Edit ()

Tambah ()

Tambah

Sequence Diagram Gaji

Page 42: Uml_sistem_informasi

Kepala Sekolah

Administrasi Form Laporan

Gaji

Control Laporan

Gaji

Open

Display Form

Laporan Gaji

Laporan Gaji

Simpan ()

Cetak Laporan ()

Simpan ()

Cetak Laporan () Cetak Laporan () Simpan ()

Hapus ()Hapus ()

Keluar () Keluar ()

Sequence Diagram Laporan Gaji pegawaiKe Studi Kasus VB

Page 43: Uml_sistem_informasi

Contoh kasus

Penyewaan VCD menggunakan WEB

Page 44: Uml_sistem_informasi

Adapun prosedur sistem berjalan adalah sebagai berikut :

a. Proses pendaftaran anggota

Untuk mendapatkan film yang dipinjam maka anggota rental harus terlebih dahulu mendaftarkan diri sebagai anggota. Calon anggota mengisi formulir anggota, kemudian dicatat oleh petugas lalu anggota tersebut mendapatkan kartu anggota baru, setelah mendapatkan kartu anggota baru, barulah anggota tersebut diperbolehkan untuk meminjam film yang ada di rental DVD Dreamz

b. Proses peminjaman film

Setelah mendapatkan kartu anggota, maka untuk meminjam film, anggota harus menyerahkan kartu anggota, lalu petugas rental mengecek nomor anggota. Kemudian anggota memilih film yang akan dipinjam lalu diserahkan kepada petugas rental untuk dicatat film yang dipinjam, mulai dari judul film, kode film serta batas waktu peminjaman film yang dipinjam

Page 45: Uml_sistem_informasi

c. Proses pengembalian film

Setelah batas waktu peminjaman film telah habis, maka anggota wajib mengembalikan film yang dipinjam sambil menyerahkan kartu anggota, lalu petugas rental akan memeriksa keadaan film yang dipinjam, dan bila film yang dipinjam tersebut dalam keadaan rusak atau batas waktu peminjaman telah habis, maka anggota tersebut dikenakan sangsi atau denda. Akan tetapi apabila film tersebut dalam keadaan baik dan batas waktunya tidak telat maka petugas akan memberikan kartu anggota kembali kepada anggota tersebut

d. Proses pembuatan laporan

Semua kegiatan yang terjadi pada rental yang meliputi dari data anggota, data peminjaman film serta data pengembalian film yang telah dicatat oleh petugas rental akan dibuatkan laporannya dan akan dilaporkan petugas rental setiap satu

Page 46: Uml_sistem_informasi

Dekomposisi Fungsi Usulan

Rental DVD

Dreamz

Laporan

Pengembalian

Laporan

Denda /

Sangsi

Laporan Data

.Anggota

Laporan

Peminjaman

Pengembalian

Film

Peminjaman

Film

Pendaftaran

Anggota

Anggota

Page 47: Uml_sistem_informasi

Activity Diagram Proses Pendaftaran Anggota

Mendaftar Sebagai

Anggota

Menerima

Pendaftaran

Memberi Formulir

Terima Data Tidak

Lengkap

Menerima

Formulir

Mengembalikan

Formulir Dan KTP

Menerima Formulir

dan KTP

Data LengkapMenerima Data

Lengkap

Memberikan KAMenerima KA

Anggota Petugas

Konfirmasi Data

Data Tidak

Lengkap

Data

Lengkap

Page 48: Uml_sistem_informasi

Activity Diagram Proses Peminjaman Film

Memilih Film

Mengecek Kartu

Aanggota

Mencatat Film

Yang Disewa

Menerima Film

Anggota Petugas

Menyerahkan

Kode Film

Menyerahkan

Kartu Anggota

Menerima Kode

Film

Menyerahkan

Film

Setuju

Menyewa Film

Tidak Setuju

Menyewa Film

Page 49: Uml_sistem_informasi

Activity Diagram Proses Pengembalian Film

Menyerahkan

Kartu Anggota

Membayar

Denda

Menerima Kartu

Anggota

Anggota Petugas

Mengecek Kartu

Anggota

Sangsi/

Denda

Denda

Dibayar

Mengecek

Keadaan Film

Mengembalikan

Film Yang Disewa

Menerima

Denda

Menyerahkan

Kartu Anggota

Film rusak/

telat

Page 50: Uml_sistem_informasi

Activity Diagram Proses Pembuatan Laporan

Menerima

Laporan

Petugas Pemilik

Laporan Data

Anggota,

Peminjaman Dan

Pengembalian

Page 51: Uml_sistem_informasi

Use Case Diagram (Sistem Usulan)

Proses Pendaftaran Anggota

PetugasAnggota

Data Anggota

Cetak Kartu Anggota

<<Include>>

Deskripsi Use Case

Nama Use Case : Proses Pendaftaran Anggota

Actor : Petugas, Anggota

Deskripsi : Petugas akan memberikan Kartu Anggota kepada anggota setelah

anggota melengkapi formulir yang diberikan untuk menjadi anggota rental

Page 52: Uml_sistem_informasi

Proses Peminjaman Film

PetugasAnggota

Input Kode

Film

Cetak Bukti Pinjam

Data Anggota

<<Include>>

<<Extended>>

Nama Use Case : Proses Peminjaman Film

Actor : Petugas, Anggota

Deskripsi : Anggota pertama kali datang kerental dan memilih film yang akan disewa,

setelah mendapatkan film yang ingin disewa lalu menyerahkan kartu anggota dan

kode film-film yang akan disewanya kepada petugas rental, kemudian petugas rental

mengecek data anggota. Lalu memasukan kode film-film yang disewa beserta batas

waktu pengembaliannya. Dan mencetak bukti peminjaman.

Page 53: Uml_sistem_informasi

Proses Pengembalian Film

PetugasAnggota

Data Anggota

Cetak Laporan

Pengembalian

Data Pinjam

Sangsi/Denda

<<Include>>

<<Extended>>

<<Extended>>

Nama Use Case : Proses Pengembalian Film

Actor : Petugas, Anggota

Deskripsi : Anggota mengembalikan film pada batas waktu penyewaan, petugas

mengecek data pinjam dan data anggota. Jika film tepat waktu dan dalam keadaan

baik, maka petugas mengembalikan kartu anggota. Tapi jika batas sewa telah lewat

atau film dalam keadaan rusak, maka anggota dikenakan denda atau sangsi.

Page 54: Uml_sistem_informasi

Laporan

Cetak Pengembalian

Film

Petugas Pemilik

Cetak Peminjaman

film

Nama Use Case : Laporan

Actor : Petugas, Pemilik

Deskripsi : Petugas melakukan laporan peminjaman film dan

pengembalian film lalu diberikan kepada pemilik rental.

Page 55: Uml_sistem_informasi

Halaman Index

Page 56: Uml_sistem_informasi

Ke ERD

Page 57: Uml_sistem_informasi

Class Diagram

Page 58: Uml_sistem_informasi

SEQUENCE DIAGRAM

Page 59: Uml_sistem_informasi
Page 60: Uml_sistem_informasi
Page 61: Uml_sistem_informasi

Ke Studi Kasus WEB

Page 62: Uml_sistem_informasi

Contoh kasus

MERANCANG WEB DI SDN KEBON BAWANG 05 PAGI JAKARTA UTARA DENGAN MENGGUNAKAN PHP DAN

MYSQL

Ke Studi Kasus - SI

Page 63: Uml_sistem_informasi

Procedure Berjalan

A. Prosedur Penerimaan Murid Baru.Dalam Proses Penerimaan Murid Baru yang dilakukan oleh panitia penerimaan murid baru SDN Kebon Bawang 05 Pagi adalah penyebaran informasi kepada masyarakat mengenai tanggal dibukanya pendaftaran. Dimana Para Orang Tua dapat datang langsung ke sekolah untuk mengambil Formulir pendaftaran dan menyerahkan kembali ke panitia penerimaan murid baru disertai kelengkapan pendaftaran pada waktu – waktu dan tanggal yang sudah ditentukan oleh panitia.

B. Prosedur Seleksi Penerimaan Murid BaruSetelah panitia penerimaan murid baru menerima semua berkas

pendaftaran yang sudah diisi berserta kelengkapannya, maka panitia pendaftaran langsung akan mengirimkan seluruh berkas ke Walikota Jakarta Utara , sebagai tempat proses dan seleksi untuk mendapatkan calon – calon murid yang dapat diterima sesuai syarat dan ketentuan yang sudah ditetapkan.

Hasil dari proses ini akan langsung diserahkan kembali ke sekolah SDN Kebon Bawang 05 Pagi Jakarta Utara untuk dapat di informasikan ke seluruh masyarakat.

Page 64: Uml_sistem_informasi

C. Prosedur Pembuatan Majalah Dinding SekolahMajalah dinding sekolah di SDN Kebon Bawang 05 Pagi Jakarta Utara dilakukan perubahan setiap bulannya. Proses pembuatan majalah dinding ini dilakukan secara bertahap yaitu : untuk minggu pertama dan kedua setiap bulannya , murid – murid yang ingin menyumbangkan karyanya untuk di tampilkan di majalah dinding sekolah mengumpulkan hasil karyanya ke panitia majalah dinding sekolah, untuk para guru bertugas juga mencari berita-berita yang akan di tampilkan di majalah dinding yang berasal dari harian ibukota atau dari majalah sekolah.Untuk minggu ketiga disetiap bulannya dilakukan penyortiran oleh panitia majalah dinding, disini akan ditentukan karya-karya dari murid-murid yang pantas untuk ditampilkan di majalah dinding dan berita-berita apa saja yang akan di tampilkan juga di majalah dinding sekolah ini.Untuk minggu keempat, panitia majalah dinding akan mengajukan ke Kepala Sekolah untuk dilihat dan disetujui untuk ditampilkan sebagai majalah dinding.

Page 65: Uml_sistem_informasi

Activity Diagram Penerimaan Murid baru

Orang Tua Panitia PMB KepSek

Isi Formulir PMB

Penyerahkan Form

Dan kelengkapannya

Menerima Form

Dan kelengkapannya

Form dikembalikan

Menerima bukti

pendaftaran

Menerima laporan

Daftar PMB

Tidak lengkap

Lengkap

Page 66: Uml_sistem_informasi

Activity Diagram Proses Seleksi Penerimaan Murid Baru

Panitia PMB Panitia SeleksiPihak terkait

Panitia seleksi

Pemeriksaan

Berkas PMB

Penyerahan

Berkas PMB

Menerima hasil

MB yang diterima

Penyeleksian

Berkas PMB

Menerima laporan

Hasil MB yang diterima

Page 67: Uml_sistem_informasi

Activity Diagram Pembuatan Majalah Dinding Sekolah

Murid dan guru Panitia mading KepSek

Penyerahan

Hasil karya / berita

Penerimaan

Hasil Karya/berita

Penyeleksian

Hasil karya/berita

Menyetujui

Majalah Dinding

Pemasangan

Majalah Dinding

Page 68: Uml_sistem_informasi

PACKAGE DIAGRAM

Guru

Berita

admin

Siswa

Buku tamu

Kegiatan

Page 69: Uml_sistem_informasi

Class diagram

admin

idadmin

username

password

pin

berita

idberita

tanggalberita

judulberita

headberita

isiberita

pengirimberita

sumberberita

statusberita

buku_tamu

idtamu

tanggal

nama

email

pesan

guru

idguru

nip

password

nama

tgl_lhr

alamat

pendidikan

jabatan

gender

status

aktifkegiatan

idkegiatan

tanggalkegiatan

judulkegiatan

headerkegiatan

isikegiatan

statuskegiatan

siswa

idsiswa

nis

nama

alamat

wali

telpon

1 10..* 0..*

0..*

1

1

1

0..*

0..*

1 0..*

Page 70: Uml_sistem_informasi

Use Case Diagram Penerimaan Murid Baru

Orang Tua

Informasi

Formulir PMB

Panitia PMB

Page 71: Uml_sistem_informasi

Use Case Proses Seleksi Penerimaan Murid Baru

Panitia PMB Tim Penyeleksi

Berkas Form PMB

Form PMB

extend

Page 72: Uml_sistem_informasi

Use Case Pembuatan Majalah Dinding Sekolah

panitia mading Kepala Sekolah

hasil majalah

dinding sekolah

karya murid dan

berita

extend

Page 73: Uml_sistem_informasi

Statechart Diagram pengisian buku tamu

Pengisian

lengkap

Isi

Ulang

Kirim

Belum

Lengkap

Lengkap

Lengkap

Isi

Page 74: Uml_sistem_informasi

Statechart Diagram pengisian berita

Pengisian

Berita

Isi

Ulang

Kirim

Belum

Lengkap

Lengkap

Lengkap

Isi

Page 75: Uml_sistem_informasi

Statechart Diagram Input Data Siswa

Pengisian

kegiatan

Isi

Ulang

Kirim

Belum

Lengkap

Lengkap

Lengkap

Isi

Page 76: Uml_sistem_informasi

Buku Tamu

Page 77: Uml_sistem_informasi

user/adminForm buku tamu Control buku tamu T_buku_tamu

Input buku tamu Get buku tamu

Rec_buku tamu

Input_Rec_buku tamu

Rec_buku tamu

Input_Rec_buku tamu

open

Simpan()

Batal() Batal() Batal()

Simpan() Simpan()

Sequence Diagram Buku Tamu

Page 78: Uml_sistem_informasi

Entry Data Siswa

Page 79: Uml_sistem_informasi

user/adminForm entry siswa Control entry Siswa T_Siswa

Input Siswa Get siswa

Rec_siswa

Input_Rec_siswa

Rec_siswa

Input_Rec_siswa

open

Simpan()

Batal() Batal() Batal()

Simpan() Simpan()

Sequence Diagram Entry Data Siswa

Page 80: Uml_sistem_informasi

Entry Data Guru

Page 81: Uml_sistem_informasi

user/adminForm entry guru Control entry guru T_guru

Input guru Get guru

Rec_guru

Input_Rec_guru

Rec_guru

Input_Rec_guru

open

Simpan()

Batal() Batal() Batal()

Simpan() Simpan()

Sequence Diagram Entry Data Guru

Page 82: Uml_sistem_informasi

user

open

view

profile

visimisi

fasilitas

kontak

strukturview

view

view

view

viewBerita

view

Kalender

pendidikan

view

Kegiatan

sekolah

Ekstra

kurikuler

view

view

Prestasi

Login

GuruBuku

Tamu

Admin

view

view

view

view

view add

home

berita

kegiatan

guru

siswa

view

view view

view

view

view

view

view

add

delete

aktif

Non

view

view

add

delete

aktif

Non aktif

edit

add

delete

aktif

Non aktif

view

view

view

view

view

viewview

add

edit

delete

view

view

view

home

berita

siswa

biodata

view

view

view

add

edit

hapus

view

view

view

edit

Collaboration Diagram Profile Website

Page 83: Uml_sistem_informasi

COMPONENT DIAGRAM

Login

Kirim data

Isi Data

Simpan

kedatabase

Browsing

Page 84: Uml_sistem_informasi

DEPLOYMENT DIAGRAM

Client

Browser

Web

Server

Database

Server

Page Request

Database

Request

Ke Studi kasus SI

Page 85: Uml_sistem_informasi

TERIMA KASIH