STMIK NUSA MANDIRIJl. Kramat Raya No.25

Jakarta Pusat

ERD UML

Studi Kasus Program VB

Studi Kasus WEB

Studi Kasus WEB - SI

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

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 ( )

GrpFile

read( )open( )create( )fillFile( )

rep

Repository

name : char * = 0

readDoc( )readFile( )

(from Persistence)

FileMgr

fetchDoc( )sortByName( )

DocumentList

add( )delete( )

Document

name : intdocid : intnumField : int

get( )open( )close( )read( )sortFileList( )create( )fillDocument( )

fList

1

FileList

add( )delete( )

1

File

read( )

read() fill the code..

UI

MFC

RogueWave

global

DocumentApp

Persistence Window95

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

WindowsNT

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

WindowsNT

Windows95

Solaris

ÀÀ¿ë¼ ¹ö.EXE

AlphaUNIX

IBM Mainframe

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

Windows95

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

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

Document

FileManager

GraphicFileFile

Repository DocumentList

FileList

user

mainWnd fileMgr : FileMgr

repositorydocument : Document

gFile

1: Doc view request ( )

2: fetchDoc( )

3: create ( )

4: create ( )

5: readDoc ( )

6: fillDocument ( )

7: readFile ( )

8: fillFile ( )

9: sortByName ( )

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

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

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

Customernameaddr

withdraw()fetch()send()

receive()

<<entity>>

Forward Engineering(Code Generation)and

Reverse Engineering

Executable System

User InterfaceDefinition

Domain Expert

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 Diagram

Class 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

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

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

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

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

Secara umum use case adalah:Pola perilaku systemUrutan transaksi yang berhubungan yang

dilakukan oleh satu actorUse case diagram terdiri dari

Use caseActorsRelationshipSystem boundary boxes (optional)Packages (optional)

Association

Associations bukan menggambarkan aliran data/informasi

Associations digunakan untuk menggambarkan bagaimana actor terlibat dalam use case

Ada 4 jenis relasi yang bisa timbul pada use case diagram

1. Association antara actor dan use case2. Association antara use case3. Generalization/Inheritance antara use case4. Generalization/Inheritance antara actors

Ke UML

Contoh KS VB

Contoh KS Web

CLASS DIAGRAMClass 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 kelas2. 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

CLASS DIAGRAM (LANJUTAN)

Atribut dan metoda dapat memiliki salah satu sifat berikut :Private, tidak dapat dipanggil dari luar class

yang bersangkutanProtected, hanya dapat dipanggil oleh class

yang bersangkutan dan anak-anak yang mewarisinya

Public, dapat dipanggil oleh siapa sajaPackage, hanya dapat dipanggil oleh instance

sebuah class pada paket yang sama Nama Class

Atribut

Metode/operasi

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.

CONTOH CLASS DIAGRAM

MULTIPLICITY

2..4

0..1

1..*

0..*

1

*

UnspecifiedExactly oneZero or more (many, unlimited)

One or moreZero or one (optional scalar role)Specified rangeMultiple, disjoint ranges

2, 4..6

Ke UML

Contoh KS VB

Contoh KS Web

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.

Simbol Sequence DiagramContoh KS VB

Contoh KS Web

Ke UML

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

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 UML Contoh KS web

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 UMLContoh KS web

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

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 diagram5. Tentukan class diagram berdasarkan file data

yang dibutuhkan6. Usecase dibuat berdasarkan program atau

sistem usulan dari suatu sistem

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

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

Contoh kasus

Penggajian menggunakan visual basic

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).

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.

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

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

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

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

4. Proses Pembuatan LaporanDaftar 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

MembuatSlip gaji

Pegawai

Menerima Lap data pegawai dan

lap gaji pegawai

ERD (Entity Relationship Diagram)

melengkapi

thn_lulus

jurusan

univpendk

nip

nama

input

tgl_lhir

tmpt

nama_anak1

nam_anak2

tgl_lahir

kelamin

tempatjns_klmn agama

nipjns_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 1AbsensiMasuk

nama

nip

hari

tanggal

pulang

1 AbsensiPulangmelengkapi

M

Ke ERD

Use Case Absen

Deskripsi use case AbsenNama : Use Case Diagram AbsenActor : TU dan AdministrasiDeskripsi:TU mencetak Rekap Absen kemudian diserahkan

kepada AdministrasiNama Use Case :<<Include>> input data absen harian

Cetak Rekap Absen

TU Administrasi

Input Data Absen Harian

Use Case Rekap Biodata Pegawai

Cetak Rekap Biodata

Pegawai

TU Administrasi

Input Data Pegawai, Pendidikan, Keluarga

Deskripsi Use Case Rekap Biodata PegawaiNama : Use Case Rekap Biodata PegawaiActor : TU dan AdministrasiDeskripsi:TU mencetak Rekap Biodata Pegawai kemudian diserahkan kepada AdministrasiNama Use Case :<<Include>> input data pegawai, Pendidikan dan Keluarga.

Use Case Pengolahan Daftar Data Pegawai dan Gaji (DDPG)

Administrasi

Cetak Slip Gaji

Pegawai

Input Total Absensi Pegawai

Input Data Pegawai,data pendidikan, data keluarga PKS, Insentif, Fungsional,

Transport, Potongan

Deskripsi Use Case Pengolahan Data Pegawai dan gaji (DDPG)Nama : Use Case Pengolahan Data Pegawai dan GajiActor : Administrasi dan PegawaiDeskripsi:Administrasi Mencetak Slip Gaji kemudian diserahkan kepada PegawaiNama Use Case:<<Include>> Input total absensi pegawai dan input data pegawai, data pendidikan, data keluarga, PKS, insentif, fungsional, transport dan potongan.

Use Case Laporan

Cetak Laporan Gaji

Administrasi Kepala SekolahCetak Laporan Data Pegawai, pendidikan dan

keluarga, Absen

Deskripsi Use Case LaporanNama : Use Case LaporanActor : Administrasi dan Kepala SekolahDeskripsi : Administrasi Mencetak laporan slip gaji dan mencetak laporan data pegawai, pendidikan, keluarga dan absen

Absensi Keluar

nip : textnama : textmasuk : date/timepulangt : date/timetanggal : date/timehari : int

- Cari - Absen- Masuk- Keluar- Pulang

Pegawai

nip : textnama : textjns_klm : texttempat : texttgl_lahir : textagama : textstatus : textalamat : text

Gaji

nip : textpks : currencyinsentif : currencytanspot : currencyfungsional : currencygapok : currencyto_gaji : currencynama_p : textpot_sim_kop : currencypot_sim_sk : currencyangs_pjm_kop : currencyasuransi : currencygj_terima : currency

- Tambah- Edit- Hapus- Cancel- Simpan- Keluar

Pendidikan

nip : textnama : textpendk : textuniv : textjurusan : textthn_lulus : text

- Tambah- Edit- Hapus- Cancel- Simpan- Cari- Keluar

Keluarga

nip : textnama_peg : textnama_istri_suami : textstatus : textkelamin : texttempat : texttgl_lahir : textagama : textnama_anak1 : textjns_klmn : texttmpt : texttgl_lhr : textnam_anak2 : textjns_klm : texttmpat : texttgl_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 : textnama : textmasuk : date/timepulangt : date/timetanggal : date/timehari : int

- Cari - Absen- Masuk- Keluar- Pulang

1..~ 1..1

Sequence Diagram Data pegawai

Administrasi Form Data Pegawai Control Data Pegawai

Open Olah Data Display Data Pegawai

Simpan ()

Input NIP

Simpan ()

Keluar ()

Input Data Pegawai

Tambah ()

Edit ()

Batal ()

Simpan () Rec Data Pegawai

Kepala Sekolah

Display Data Pegawai

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

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

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

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

Contoh kasus

Penyewaan VCD menggunakan WEB

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

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

Dekomposisi Fungsi UsulanRental DVD

Dreamz

LaporanPengembalian

Laporan

Denda / Sangsi

Laporan Data .Anggota

LaporanPeminjaman

Pengembalian Film

Peminjaman Film

Pendaftaran Anggota

Anggota

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

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

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

Activity Diagram Proses Pembuatan Laporan

Menerima Laporan

Petugas Pemilik

Laporan Data Anggota,

Peminjaman Dan Pengembalian

Use Case Diagram (Sistem Usulan) Proses Pendaftaran Anggota

PetugasAnggota

Data Anggota

Cetak Kartu Anggota

<<Include>>

Deskripsi Use CaseNama Use Case : Proses Pendaftaran AnggotaActor : Petugas, AnggotaDeskripsi : Petugas akan memberikan Kartu Anggota kepada anggota setelah anggota melengkapi formulir yang diberikan untuk menjadi anggota rental

Proses Peminjaman Film

PetugasAnggota

Input Kode Film

Cetak Bukti Pinjam

Data Anggota

<<Include>>

<<Extended>>

Nama Use Case : Proses Peminjaman FilmActor : Petugas, AnggotaDeskripsi : 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.

Proses Pengembalian Film

PetugasAnggota

Data Anggota

Cetak Laporan Pengembalian

Data Pinjam

Sangsi/Denda

<<Include>>

<<Extended>>

<<Extended>>

Nama Use Case : Proses Pengembalian FilmActor : Petugas, AnggotaDeskripsi : 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.

Laporan

Cetak Pengembalian Film

Petugas Pemilik

Cetak Peminjaman film

Nama Use Case : Laporan Actor : Petugas, PemilikDeskripsi : Petugas melakukan laporan peminjaman film dan pengembalian film lalu diberikan kepada pemilik rental.

Halaman Index

Ke ERD

Class DiagramClass Diagram

SEQUENCE DIAGRAMSEQUENCE DIAGRAM

Ke Studi Kasus WEB

Contoh kasus

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

MYSQL

Ke Studi Kasus - SI

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.

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.

Activity Diagram Penerimaan Murid baru Orang Tua Panitia PMB KepSek

Isi Formulir PMB

Penyerahkan Form Dan kelengkapannya

Menerima Form Dan kelengkapannya

Form dikembalikan

Menerima buktipendaftaran

Menerima laporanDaftar PMB

Tidak lengkap

Lengkap

Activity Diagram Proses Seleksi Penerimaan Murid Baru

Panitia PMB Panitia SeleksiPihak terkait

Panitia seleksi

PemeriksaanBerkas PMB

PenyerahanBerkas PMB

Menerima hasilMB yang diterima

PenyeleksianBerkas PMB

Menerima laporanHasil MB yang diterima

Activity Diagram Pembuatan Majalah Dinding Sekolah Murid dan guru Panitia mading KepSek

PenyerahanHasil karya / berita

PenerimaanHasil Karya/berita

PenyeleksianHasil karya/berita

Menyetujui Majalah Dinding

Pemasangan Majalah Dinding

PACKAGE DIAGRAM

Guru

Berita

admin

Siswa

Buku tamu

Kegiatan

Class diagram admin

idadminusernamepasswordpin

berita

idberitatanggalberitajudulberitaheadberitaisiberitapengirimberitasumberberitastatusberita

buku_tamu

idtamutanggalnamaemailpesan

guru

idgurunippasswordnamatgl_lhralamatpendidikanjabatangenderstatusaktif kegiatan

idkegiatantanggalkegiatanjudulkegiatanheaderkegiatanisikegiatanstatuskegiatan

siswa

idsiswanisnamaalamatwalitelpon

1 10..* 0..*

0..*

1

1

1

0..*

0..*

1 0..*

Use Case Diagram Penerimaan Murid Baru

Orang Tua

Informasi

Formulir PMB

Panitia PMB

Use Case Proses Seleksi Penerimaan Murid Baru

Panitia PMB Tim Penyeleksi

Berkas Form PMB

Form PMB

extend

Use Case Pembuatan Majalah Dinding Sekolah

panitia mading Kepala Sekolah

hasil majalahdinding sekolah

karya murid danberita

extend

Statechart Diagram pengisian buku tamu

Pengisianlengkap

Isi Ulang

Kirim

Belum Lengkap

Lengkap

Lengkap

Isi

Statechart Diagram pengisian berita

Pengisian Berita

Isi Ulang

Kirim

Belum Lengkap

Lengkap

Lengkap

Isi

Statechart Diagram Input Data Siswa

Pengisiankegiatan

Isi Ulang

Kirim

Belum Lengkap

Lengkap

Lengkap

Isi

Buku Tamu

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

Entry Data Siswa

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

Entry Data Guru

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

user

open

view

profile

visimisi

fasilitas

kontakstrukturview

view

view

view

viewBerita

view

Kalender pendidikan

viewKegiatan sekolah

Ekstrakurikuler

view

view

Prestasi

Login Guru

Buku Tamu

Admin

view

viewview

view

view add

home

berita

kegiatan

guru

siswa

viewview 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

viewview

view

home

berita

siswa

biodata

view

viewview

add

edit

hapus

view

viewview

edit

Collaboration Diagram Profile Website

COMPONENT DIAGRAM

Login

Kirim data

Isi Data

Simpan kedatabase

Browsing

DEPLOYMENT DIAGRAM

Client Browser

Web Server

Database Server

Page Request

Database Request

Ke Studi kasus SI

TERIMA KASIH