STATE MACHINE & ACTIVITY DIAGRAM

PROJECT DESAIN SISTEM INFORMASI PERPUSTAKAAN ONLINE MENGGUNAKAN UML

(elibrary.amikmitragama.ac.id)

DI SUSUN OLEH :

ZUNAIDI WAZIR SYAMSIATI NURVITA SARI YULIAN INDRA SWANDRI TAMBUNAN

AKADEMIK MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIK MITRA GAMA DURI KELAS 3 MI2 MALAM TP. 2011/2012

KATA PENGANTAR
Puji syukur kami ucapkan kepada Allah swt berkat petujuk serta Ridhonya akhirnya kami kelompok lima dengan penuh perjuangan serta kerja sama sesama teman,dapat menyelesaikan tugas ini.dengan baik.. Dan juga kami ucapan terimakasih kepada Ibu Jumria Rahman, dosen mata kuliah Analisis dan Perancangan Sistem yang telah memberi kami kesempatan untuk memperluas wawasan belajar untuk membuat suatu system yang berjudul

Project Desain Sistem Informasi Perpustakaan Online Menggunakan UML (elibrary.amikmitragama.ac.id).Tugas ini adalah yang pertama dan penuh dengan tantangan,yang membuka wawasan kami agar lebih fokus kepada suatu system yang terencana,akurat serta ekonomis dan praktis.Begitu juga dengani State Machine dan Activity Diagram yang merupakan komponen dari UML itu sendiri. Harapan kami, system yang kami buat dapat berguna serta bermanfaat bagi AMIK MITRAGAMA khususnya dan juga bagi kami kelompok lima dimasa yang akan datang. Sekali lagi,dengan penuh rasa terima kasih yang mendalam yang tak ternilai harganya di tujukan kepada Dosen kami yang dicintai,semoga Allah swt terus memberikan rahmat serta karunianya dan menjadikannya rezeki yang berlimpah,amin. Terakhir,kami dari kelompok lima memohon maaf yang dalam apabila ada yang tidak sesuai ataupun kejanggalan pada makalah ini.serta dengan penuh rendah hati kami juga mengharapkan masukan serta saran yang membangun,agar makalah ini lebih baik lagi dimasa yang akan dating. Terima kasih

DAFTAR ISI
Kata Pengantar ................................................................................................................... i Daftar isi .......................................................................................................................... 11 POKOK BAHASAN ......................................................................................................... 1 I. UML ........................................................................................................................... 1

II. STATE MACHINE DIAGRAM ............................................................................... 2 a. Simbol-simbol pada state diagram ........................................................................ 3 b. Contoh State Machine Diagram ............................................................................ 4 III. ACTIVITY DIAGRAM ............................................................................................. 4 a. Simbol-simbol pada activity diagram ................................................................... 5 b. Cara membuat diagram aktivitas ........................................................................... 7 c. Contoh activity diagram ........................................................................................ 9 IV. SISTEM INFORMASI PERPUSTAKAAN ONLINE

(elibrary.amikmitragama.ac.id) ................................................................................ 10 1. State Machine Diagram pada Sistem Informasi Perpustakaan Online (elibrary.amikmitragama.ac.id) ........................................................................... 10 2. Activity Diagram pada Sistem Informasi Perpustakaan Online

(elibrary.amikmitragama.ac.id) ........................................................................... 10 KESIMPULAN ............................................................................................................... 12 Penutup............................................................................................................................ 13 Daftar Pustaka ................................................................................................................. 14

POKOK BAHASAN
I. UML ( Unified Modelling Language )
Unified Modelling Language (UML) adalah sebuah "bahasa" yang telah menjadi standar dalam industri untuk visualisasi, merancang dan mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar untuk merancang model sebuah sistem. Tujuan UML : 1. Menyediakan bahasa pemodelan visual yang ekspresif dan siap pakai untuk mengembangkan dan pertukaran model-model yang berarti 2. Menyediakan mekanisme perluasan dan spesialisasi untuk

memperluas konsep-konsep inti 3. Mendukung spesifikasi independen bahasa pemrograman dan proses pengembangan tertentu 4. 5. 6. Menyediakan basis formal untuk pemahaman bahasa pemodelan Mendorong pertumbuhan pasar kakas berorientasi objek Mendukung konsep-konsep pengembangan level lebih tinggi seperti komponen, kolaborasi, framework dan pattern. UML mendefinisikan diagram-diagram berikut ini : Use Case Diagram Class Diagram Behaviour Diagram : State Chart Diagram

Activity Diagram

Interaction Diagram : Sequence Diagram Collaboration Diagram

II. STATE MACHINE DIAGRAM

State machine diagram adalah Statechart diagram atau yang biasa juga disebut state diagram menunjukkan kondisi yang dapat dialami atau terjadi pada sebuah objek sehingga setiap objek memiliki sebuah diagram status. Diagram status diadopsi dari penggambaran kondisi mesin status (state machine) yang menggambarkan status apa saja yang dialami oleh mesin, misalnya mesin pembelian kopi dengan uang koin. Diagram Status mengambarkan seluruh state/status yang

memungkinkan obyek-obyek dalam class dapat dimiliki dan kejadiankejadian yang menyebabkan satus berubah. Perubahan dalam suatu state disebut juga transisi (transition). Suatu transisi juga dapat memiliki sebuah aksi yang dihubungkan pada status, lebih spesifik apa yang harus dilakukan dalam hubungannya dengan transisi status. Pada diagram ini, perilaku sistem ditunjukkan. Sebuah status adalah kondisi selama hidup objek atau interaksi selama memenuhi suatu kondisi, melaksanakan suatu aksi, atau menunggu suatu kejadaian. Statechart Diagram digunakan untuk mendokumentasikan beragam kondisi/keadaan yang bisa terjadi terhadap sebuah class dan kegiatan apa

saja yang dapat merubah kondisi/keadaan tersebut. State diagram justru biasanya hanya memodelkan transisi yang terjadi hanya pada sebuah class. Pada umumnya statechart diagram menggambarkan class tertentu (satu class dapat memiliki lebih dari satu statechart diagram). a. Simbol-simbol yang ada pada State Chart Diagram :

b.

Contoh State Machine Diagram pada kasus Peminjaman Barang

Ada Form Peminjaman

Mengecek Mengecek keadaan barang

Barang memenuhi syarat
Tambahkan

Persetujuan + Pesetujuan Peminjaman + Penyerahan Barang

Informasi barang Barang telah diterima Informasi telah diterima

Informasi + Memberi Info Ke Peminjaman

III. 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 prosesproses 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. a. Simbol-simbol pada Activity Diagram
Simbol Start Point End Point Activities Keterangan

Fork (Percabangan)

Join (Penggabungan)

Decision

Swimlane

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

1.

Activity Activity menggambarkan sebuah pekerjaan/tugas dalam workflow. Pada UML, activity digambarkan dengan simbol belah ketupat=lozenge (horizontal top and bottom with convex sides).

Activity

State

2.

Start State Start state dengan tegas menunjukkan dimulainya suatu workflow pada sebuah activity diagram. Hanya ada satu start state dalam sebuah workflow. Pada UML, start state digambarkan dengan simbol lingkaran yang solid.

Start State

3.

End State End state menggambarkan akhir atau terminal dari pada sebuah activity diagram. Bisa terdapat lebih dari satu end state pada sebuah activity diagram. Pada UML, end state

digambarkan dengan simbol sebuah bulls eye.

End State

4.

State Transition State transition menunjukkan kegiatan apa berikutnya setelah suatu kegiatan sebelumnya. Pada UML, state transition digambarkan oleh sebuah solid line dengan panah.

State Transition

5.

Decision Decision adalah suatu titik/point pada activity diagram yang mengindikasikan suatu kondisi dimana ada kemungkinan perbedaan transisi. Pada UML, decision digambarkan dengan sebuah simbol diamond.

Decision

6.

Swimlanes Object swimlane untuk menggambarkan objek mana yang bertanggung jawab untuk aktivitas tertentu.

b.

Cara membuat Diagram Aktivitas : Mulailah dengan node awal untuk titik awal. Tambahkan partisi jika relevan untuk analisis yang dibuat.

Tambahkan aksi untuk setiap langkah utama dari use case. Tambahkan alur dari setiap aksi ke aksi lain, keputusan atau node akhir. Setiap aksi hanya mendapat satu alur masuk dan satu alur keluar menuju ke forks, joins, decisions, dan merges.

Tambahkan decisions jika alur dipecah menjadi beberapa pilihan. Jangan lupa untuk menggabungkan kembali dengan merge.

Tambahkan forks dan joins jika aktivitas akan dilakukan secara paralel.

Akhiri proses dengan notasi untuk akhir

Start

Activity1 Activity1

Fork

Activity2 Activity2

Activity3 Activity3

Branch Activity4 Activity4 Activity5 Activity5

Join
Activity6 Activity6

End

c.

Contoh Diagram Aktivitas pada system order

Terima Order Terima Order

Isi Order Isi Order

Kirim Order Kirim Order

Terima Pembayaran Terima Pembayaran

Pengiriman Semalam Pengiriman Semalam

Pengiriman Biasa Pengiriman Biasa

Tutup Order Tutup Order

IV.

SISTEM INFORMASI PERPUSTAKAAN ONLINE (elibrary.amikmitragama.ac.id) a. State Machine Diagram pada Sistem Informasi Perpustakaan
Online (elibrary.amikmitragama.ac.id) Member
Form Daftar & Login

Persetujuan Persetujuan + Menyetujui pendaftaran & Login + Menyetujui pendaftaran & Login + Memberikan User Name & Password + Memberikan User Name & Password
Masuk Ke elibrary AMIK

Memberikan Memberikan + Memberikan daftar buku + Memberikan daftar buku + Memberikan Laman Comment System + Memberikan Laman Comment System
Klik judul buku dan mengisi komentar

Menampilkan Menampilkan Menampilkan buku yang diterima Menampilkan buku yang diterima
Member membaca buku

Admin
Form Login

Persetujuan Persetujuan + Menyetujui Login + Menyetujui Login + Menampilkan Laman Administrator + Menampilkan Laman Administrator
Maintenance System

Menyimpan Menyimpan + Menyimpan hasil maintenance + Menyimpan hasil maintenance

Log Out

b.

Activity Diagram pada Sistem Informasi Perpustakaan Online (elibrary.amikmitragama.ac.id)

Daftar Daftar Mengisi Identitas, User Name & Password Mengisi Identitas, User Name & Password

Dosen Dosen

Mahasiswa Mahasiswa

Menerima Pendaftaran Menerima Pendaftaran Menyetujui Password & User Name Menyetujui Password & User Name Login Login

Member Member

Admin Admin

Dosen Dosen

Mahasiswa Mahasiswa

Pustakawan Pustakawan

Pimpinan Pustaka Pimpinan Pustaka

Menerima Login Menerima Login Open Library Open Library Memberikan Daftar Buku Memberikan Daftar Buku Klil Salah Satu Judul Buku Klil Salah Satu Judul Buku Menampilkan Laman Comment System Menampilkan Laman Comment System Mengisi Comment System Mengisi Comment System Menampilkan Buku yang diminta Menampilkan Buku yang diminta Baca Buku Baca Buku

Menerima Login Menerima Login Open Administrator Open Administrator Maintenance System Maintenance System Save Maintenace Save Maintenace

Logout Logout

KESIMPULAN

Unified Modelling Language (UML) adalah sebuah "bahasa" yang telah menjadi standar dalam industri untuk visualisasi, merancang dan

mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar untuk merancang model sebuah system. UML mendefinisikan Use Case Diagram, Class Diagram, Behaviour Diagram (State Chart Diagram & Activity Diagram), Interaction Diagram (Sequence Diagram & Collaboration Diagram). State machine diagram yang biasa juga disebut state diagram menunjukkan kondisi yang dapat dialami atau terjadi pada sebuah objek sehingga setiap objek memiliki sebuah diagram status. Diagram status diadopsi dari penggambaran kondisi mesin status (state machine) yang menggambarkan status apa saja yang dialami oleh mesin, misalnya mesin pembelian kopi dengan uang koin. 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. Seperti dalam tulisan ini contohh dari State Machine Diagram dan Activity Diagram pada Sistem Informasi Perpustakaan Online menggunakan UML (elibrary.amikmitragama.ac.id).

PENUTUP

Demikian akhir dari makalah yang kami buat. Mohon maaf jika masih banyak kesalahan dan kekurangan. Mudah-mudahan bermanfaat dan banyak pelajaran yang bisa diambil dari makalah ini. Harapan kami,system yang kami buat dapat berguna serta bermanfaat bagi AMIK MITRAGAMA khususnya dan juga bagi kami kelompok lima dimasa yang akan datang. Sekali lagi,dengan penuh rasa terima kasih yang mendalam yang tak ternilai harganya di tujukan kepada Dosen kami yang dicintai,semoga Allah swt terus memberikan rahmat serta karunianya dan menjadikannya rezeki yang berlimpah,amin. Terakhir,kami dari kelompok lima memohon maaf yang dalam apabila ada yang tidak sesuai ataupun kejanggalan pada makalah ini.serta dengan penuh rendah hati kami juga mengharapkan masukan serta saran yang membangun,agar makalah ini lebih baik lagi dimasa yang akan datang

DAFTAR PUSTAKA

http://www.scribd.com/doc/67154238/99/Contoh-Diagram-Aktivitas setia.staff.gunadarma.ac.id/Downloads/files/6077/Modul_UML.pdf https://webdosen.budiluhur.ac.id/dosen/960037/PSIoo/PSI5.ppt Hariyanto, Bambang, Ir.MT.(2004). Rekayasa Sistem Berorientasi Objek. Bandung: Penerbit Informatika

TABEL TUGAS ANGGOTA KELOMPOK

No

Nama

Tugas

Paraf

Zunaidi Wazir

Membuat Presentasi makalah

Syamsiati

Menyusun makalah

Nurvita Sari

Mencari materi

Swandri Tambunan

Mencari materi

Yulian Indra

Print Out dan Jilid