Sebuah bahasa yang berdasarkan grafik/gambar...

51
4

Transcript of Sebuah bahasa yang berdasarkan grafik/gambar...

Page 1: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

4

Page 2: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Sebuah bahasa yang berdasarkan grafik/gambar untuk

memvisualisasi, menspesifikasikan, membangun, dan

pendokumentasian dari sebuah sistem pengembangan

software berbasis OO (Object-Oriented).

▰ UML memberikan standar penulisan sebuah sistem blue print,

yang meliputi

• konsep bisnis proses,

• penulisan kelas-kelas dalam bahasa program yang spesifik,

• skema database,

• dan komponen-komponen yang diperlukan dalam sistem

software

Page 3: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ UML tidak hanya merupakan sebuah bahasa pemogramanvisual saja, namun juga

• dapat secara langsung dihubungkan ke berbagai bahasapemograman, seperti JAVA, C++, Visual Basic, ataubahkan

• dihubungkan secara langsung ke dalam sebuah object-oriented database.

• pendokumentasian dapat dilakukan seperti; requirements, arsitektur, design, source code, project plan, tests, danprototypes.

Page 4: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

Sejarah Singkat UML

▰ Pendekatan analisa & rancangan dengan menggunakan model

OO mulai diperkenalkan sekitar pertengahan 1970 hingga akhir

1980 dikarenakan pada saat itu aplikasi software sudah

meningkat dan mulai komplek.

▰ Jumlah yang menggunakaan metoda OO mulai diuji

cobakandan diaplikasikan antara 1989 hingga 1994, seperti

halnya oleh

• Grady Booch dari Rational Software Co., dikenal dengan

OOSE (Object-Oriented Software Engineering), serta

• James Rumbaugh dari General Electric, dikenal dengan

OMT (Object Modelling Technique).

Page 5: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

Sejarah Singkat UML

▰ Secara resmi bahasa UML dimulai pada bulan oktober 1994,

ketika Rumbaugh bergabung Booch untuk membuat sebuah

project pendekatan metoda yang uniform/seragam dari masing-

masing metoda mereka. Saat itu baru dikembangkan draft metoda

UML version 0.8 dan diselesaikan serta di release pada bulan

oktober 1995.

▰ Bersamaan dengan saat itu, Jacobson bergabung dan UML

tersebut diperkaya ruang lingkupnya dengan metoda OOSE

sehingga muncul release version 0.9 pada bulan Juni 1996.

▰ Hingga saat ini sejak Juni 1998 UML version 1.3 telah diperkaya

dan direspons oleh OMG (Object Management Group), Anderson

Consulting, Ericsson, Platinum Technology, ObjectTime Limited,

dll serta di pelihara oleh OMG yang dipimpin oleh Cris Kobryn.

Page 6: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

Elemen Utama UML

▰ 3 Elemen Utama UML

• Building block,

• Aturan-aturan yang menyatakan bagaimana

building block diletakkan secara bersamaan,

• Mekanisme umum .

Page 7: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

Elemen UML

BUILDING BLOCKS

▰ Tiga macam yang terdapat dalam building block

• Benda (Things) :abstraksi yang pertama dalam sebuah model

• Hubungan (Relationships) :sebagai alat komunikasi dari benda-benda,

• Bagan (Diagrams) :sebagai kumpulan / group dari benda-benda/things.

Page 8: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,
Page 9: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Bentuk dari beberapa Benda (Things) adalahsebagai berikut:

• Classes.

• Interfaces

• Collaboration.

• Use Cases

• Nodes

Page 10: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Merupakan sekelompok dari object yang mempunyai atribute,

operasi, hubungan yang semantik.

PESANAN

No Pesanan

Tanggal Pesanan

Status Pesanan

dll

Tambah

Ubah

Hapus

Tampilkan

dll

Sebuah kelas mengimplementasikan 1

atau lebih interfaces.

Sebuah kelas dapat digambarkan sebagai

sebuah persegi panjang, yang mempunyai

sebuah Nama, Atribute, dan Metoda

pengoperasiannya.

Page 11: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Merupakan sebuah antar-muka yang menghubungkan dan

melayani antar kelas dan atau elemen.

• ‘Interface’ mendefinisikan sebuah set / kelompok dari

spesifikasi pengoperasian, umumnya digambarkan dengan

sebuah lingkaran yang disertai dengan namanya.

• Sebuah antar-muka berdiri sendiri dan umumnya

merupakan pelengkap dari kelas atau komponen.

ISpelling

Page 12: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

<<application>>

Order Management

Customer

Order

<<infastructure>>

Persistence

DatabaseJDBC

I Customer

I Order

Contoh Interface :

Page 13: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Didefinisikan dengan interaksi dan sebuah kumpulan/kelompok

dari kelas-kelas/elemen-elemen yang bekerja secara bersama-

sama.

• Collaborations mempunyai struktur dan dimensi.

• Pemberian sebuah kelas memungkinkan berpartisipasi

didalam beberapa collaborations dan digambarkan dengan

sebuah ‘elips’ dengan garis terpotong-potong.

Command

Collaborations

Page 14: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

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

Fault

Localization

Use Case

Page 15: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

Contoh Use Case :

Page 16: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Merupakan fisik dari elemen-elemen yang ada pada saat

dijalankannya sebuah sistem, contohnya adalah sebuah

komputer

• Sekelompok komponen mungkin terletak pada sebuah

node dan juga mungkin akan berpindah dari node satu ke

node lainnya.

• Umumnya node ini digambarkan seperti kubus serta

hanya mengandung namanya.

Server

Nodes

Page 17: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

Contoh Nodes :

Page 18: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,
Page 19: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Ada 4 macam hubungan didalam penggunaan UML

• Dependency

• Association

• Generalizations

• Realizations

Page 20: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Hubungan semantik antara dua benda/things yang mana

sebuah benda berubah mengakibatkan benda satunya akan

berubah pula.

• Umumnya sebuah dependency digambarkan sebuah

panah dengan garis terputus-putus.

Dependency

Page 21: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Hubungan antar benda struktural yang terhubung diantara

obyek.

• Kesatuan obyek yang terhubung merupakan hubungan

khusus, yang menggambarkan sebuah hubungan

struktural diantara seluruh atau sebagian.

• Umumnya assosiation digambarkan dengan sebuah garis

yang dilengkapi dengan sebuah label, nama, dan status

hubungannya

0..1*

employer employee

Association

Page 22: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,
Page 23: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Menggambarkan hubungan khusus dalam obyek anak/child

yang menggantikan obyek parent/induk .

• Dalam hal ini, obyek anak memberikan pengaruhnya

dalam hal struktur dan tingkah lakunya kepada obyek

induk.

• Digambarkan dengan garis panah.

Generalizations

Page 24: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,
Page 25: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Merupakan hubungan semantik antara pengelompokkan yang

menjamin adanya ikatan diantaranya.

• Hubungan ini dapat diwujudkan diantara interface dan

kelas atau elements, serta antara use cases dan

collaborations.

• Model dari sebuah hubungan realization.

Realizations

Page 26: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,
Page 27: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,
Page 28: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Use Case Diagram ▰ Class Diagram▰ Object Diagram

▰ State Diagram▰ Sequence Diagram

▰ Collaboration Diagram▰ Activity Diagram▰ Component Diagram

▰ Deployment Diagram

Page 29: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Menggambarkan apa saja aktifitas yang dilakukan oleh suatu

sistem dari sudut pandang pengamatan luar.

• Yang menjadi persoalan itu apa yang dilakukan bukan

bagaimana melakukannya.

• Diagram use case dekat kaitannya dengan kejadian-

kejadian

Page 30: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,
Page 31: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

Buat janji

PASIEN

Use CaseActor Communication

Page 32: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Diagram Use Case berguna dalam tiga hal :

• Menjelaskan fasilitas yang ada (requirements)Use Case baru selalu menghasilkan fasilitas baru ketika sistem di analisa, dan design menjadi lebih jelas.

• Komunikasi dengan klienPenggunaan notasi dan simbol dalam diagram Use Case membuat pengembang lebih mudah berkomunikasi dengan klien-kliennya.

• Membuat test dari kasus-kasus secara umumKumpulan dari kejadian-kejadian untuk Use Case bisa dilakukan test kasus layak untuk kejadian-kejadian tersebut.

Page 33: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Diagram Class memberikan pandangan secara luas dari suatu

sistem dengan menunjukan kelas-kelasnya dan hubungan

mereka.

• Diagram Class bersifat statis; menggambarkan hubungan

apa yang terjadi bukan apa yang terjadi jika mereka

berhubungan.

• Diagram Class mempunyai 3 macam relationalships (hubungan)

▻ Association

▻ Aggregation

▻ Generalization

Page 34: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ RELATIONSHIPS ASSOCIATION

Suatu hubungan antara bagian dari dua kelas.

• Terjadi association antara dua kelas jika salah satu bagian dari kelas mengetahui yang lainnya dalam melakukan suatu kegiatan.

• Di dalam diagram, sebuah association adalah penghubung yang menghubungkan dua kelas.

Page 35: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ RELATIONSHIP AGGREGATION

Suatu association dimana salah satu kelasnya merupakan bagian dari suatu kumpulan.

• Aggregation memiliki titik pusat yang mencakup keseluruhan bagian

Page 36: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ RELATIONSHIPS GENERALIZATION

Suatu hubungan turunan dengan mengasumsikan satu kelas merupakan suatu superClass (kelas super) dari kelas yang lain.

• Generalization memiliki tingkatan yang berpusat pada superClass.

Page 37: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

Credit

numbertypeexpDate

authorized

Cash

cashTendered

Check

namebankID

authorized

OrderDetail

quantitytaxStatus

calcSubTotalcalcWeight

Item

shippingWeightdescription

getPriceFor QuantitygetWeight

Payment

amount

Costumer

nameaddress

authorized

Order

datestatus

calcTaxcalcTotalgetTotalWeight

1 0..*

1..* 1

1

1..*

0..* 1

association

abstrac class

generalization

role name

line item

multiplicity

navigability

class name

attribute

operation

Page 38: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Untuk mengatur pengorganisasian diagram Class yang

kompleks, dapat dilakukan pengelompokan kelas-kelas

berupa package (paket-paket).

▰ Package adalah kumpulan elemen-elemen logika UML.

Page 39: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

Accounting Bank

Ordering Shipping UI

CostumerDB StockDB

dependency

package

Page 40: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Diagram Object adalah jenis khusus dari diagram Class. Kegunaannya untuk penjelasan yang sedikit dengan relasi yang sulit, khususnya relasi rekursif.

• Setiap tingkatan pada diagram berpengaruh pada single instance (bagian tunggal).

• Nama bagian digarisbawahi dalam diagram UML.

• Untuk Class name (nama kelas) maupun instance name (nama bagian) bisa mengambil dari diagram Object selama arti diagram tersebut masih jelas.

Page 41: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

Department

-degree:String[]={“graduate”,”undergraduate”,”both”}

subdepartment

0..*

1

mathStat:Department

statistic:Department math:Department

appliedMath:Department mathEd:Department

class nameinstance name

Page 42: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Diagram sequence merupakan salah satu diagram Interaction

yang menjelaskan bagaimana suatu operasi itu dilakukan;

message (pesan) apa yang dikirim dan kapan pelaksanaannya.

• Diagram ini diatur berdasarkan waktu.

• Obyek-obyek yang berkaitan dengan proses berjalannya

operasi diurutkan dari kiri ke kanan berdasarkan waktu

terjadinya dalam pesan yang terurut.

Page 43: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

Userinterfacewindow

HotelChainaChain

HotelaHotel

makeReservation():voidmakeReservation():void

*[for each day]isRoom:=availabled():boolen

[isRoom]Reservation

aReservation

ConvermationaNotice

object

message

deletion lifeline

activation bar

iteraction

condition

creation

note

If a room is available for each day of the stay, make reservation and send a confirmation.

Page 44: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Diagram Collaboration juga merupakan diagram interaction. Diagram membawa informasi yang sama dengan diagram Sequence, tetapi lebih memusatkan atau memfokuskan pada kegiatan obyek dari waktu pesan itu dikirimkan.

• Kotak kegiatan obyek diberi label dengan nama kelas atau obyek (atau keduanya). Nama kelas dibatasi dengan colons /titik dua ( : ).

• Setiap pesan pada diagram Collaboration mempunyai angka yang terurut. Pesan yang tingkatannya tertinggi adalah angka 1. Pesan yang berada pada tingkat yang sama memiliki prefix yang sama, namun suffix berbeda bergantung pada posisinya; hanya untuk angka 1, 2, dan seterusnya

Page 45: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

Window:UserInterface

1.1:makeReservation():void

aChain:HotelChain

aHotel:Hotel

1.1.1:makeReservation():void

aReservation:Reservation

1.1.1.2:[isRoom]

aNotice:Confirmation

1.1.1.2.1:

1.1.1.1:*[for each day]isRoom:=availabled():boolen

message

object

iteractionself link

sequence number

Page 46: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Diagram StateChart menunjukan kemungkinan dari keadaan

obyek dan proses yang menyebabkan perubahan pada

keadaannya.

• Behaviors dan state dimiliki oleh obyek.

• Keadaan dari suatu obyek bergantung pada kegiatan dan

keadaan yang berlaku pada saat itu.

Page 47: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

Rejecting

Retry/Clear SSN,PIN entries

Getting SSN

do/validate SSN and PIN

Validating

[no

t v

alid

]/D

isp

lay

err

or

mes

sag

e

Getting PIN

Press tab OR move cursor to PIN field/Cursor to PIN

Press shift-tab OR move cursor to SSN field/cursor to SSN

Press key[key:=tab]/Display key

Press key[key!=shift-tab]/Displaydot

[valid]/start transaction submit

subm

it

/cursor to SSN

Cancel/Quit

initial state

final state

action

state

transition

even guard activity

Page 48: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ Pada dasarnya diagram Activity sering digunakan oleh

flowchart. Diagram ini berhubungan dengan diagram

Statechart. Diagram Statechart berfokus pada obyek yang

dalam suatu proses (atau proses menjadi suatu obyek),

• diagram Activity berfokus pada aktifitas-aktifitas yang

terjadi yang terkait dalam suatu proses tunggal.

• diagram ini menunjukkan bagaimana aktifitas-aktifitas

tersebut bergantung satu sama lain.

Page 49: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

Insert card

Enter Pin Authorize

Enter Amount

Check Account Balance

Debit Account

Take Money from Slot

Show Balance

Eject Card

Take Card

[valid PIN] [invalid PIN]

[balance>=amount] [balance<amount]

start

activity

fork

end

join

merge

branch Guard expression

COSTUMER ATM Machine BANK

Page 50: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

▰ adalah sebuah code module (kode-kode module).

• Diagram Component merupakan fisik sebenarnya dari

diagram Class.

• Diagram Deployment menerangkan bahwa konfigurasi

fisik software dan hardware

Page 51: Sebuah bahasa yang berdasarkan grafik/gambar untukbambang_yulianto.staff.gunadarma.ac.id/Downloads/files...Sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

Customer DB

<<Database>> Mortgage Application

IMortgage Application

Listing

IListing

MultipleListing

<<Storage>>

BuyerInterface

interface

component

TCP/IP TCP/IP

node connection

Bank Server Real Estate Server

aPC