• Tidak ada hasil yang ditemukan

ANALISIS DAN PERANCANGAN APLIKAS

3.2 Perancangan Sistem

3.2.1 Perancangan Pemodelan Visual Menggunakan UML

3.2.1.2 Activity Diagram

Activity diagram adalah teknik untuk menggambarkan logika procedural, proses bisnis

dan aplikasi kerja (Fowler, 2005). Activity diagram sebenarnya mirip dengan

flowchart namun diperluas dengan menunjukkan aliran kendali dari satu aktivitas ke

aktivitas lain. Berikut ini adalah tabel proses dan activity diagram aplikasi permainan congklak.

1) Single Player

Tabel 3.1 Proses Single Player

Use Case Single Player

Actors Pemain

Brief Description Use case ini mendeskripsikan proses memulai permainan baru untuk

1 orang pemain

Pre-condition Sudah masuk ke form home

Flow of events Kegiatan Pemain Respon Sistem

1.Klik menu “Single Player”

3. Pilih tingkat kesulitan permainan

2.Tampilkan formChoose

Level”

4.Tampilkan form permainan congklak sesuai dengan tingkat kesulitan yang dipilih pemain

Post-condition Tampilan form permainan congklak sesuai tingkat kesulitan yang

dipilih

Limitation Tidak ada

Penulis mendeskripsikan activity diagram Single Player yang dapat dilihat pada gambar berikut ini:

Pemain Sistem

Klik menu Single Player Tampilkan form Choose Level

Pilih level

Tampilkan form permainan sesuai dengan level yang dipilih

Gambar 3.14 Activity diagram Single Player

2) Choose Level

Tabel 3.2 Proses Choose Level

Use Case Choose Level

Actors Pemain

Brief Description Use case ini mendeskripsikan proses memilih tingkat kesulitan

permainan

Pre-condition Sudah masuk ke form choose level

Flow of events Kegiatan Pemain Respon Sistem

1.Pilih tingkat kesulitan (level) yang ingin dimainkan, yaitu

easy, medium, atau hard.

2.Tampilkan form permainan congklak sesuai dengan tingkat kesulitan yang dipilih

Post-condition Pemain bermain sesuai dengan tingkat kesulitan yang dipilih

Limitation Tidak ada

Penulis mendeskripsikan activity diagram Choose Level yang dapat dilihat pada gambar berikut ini:

Sistem Pemain

Pilih Level Tampilkan form permainan sesuai dengan level yang dipilih

Gambar 3.15 Activity diagram Choose Level

3) Multiplayer

Penjelasan proses Multiplayer dapat dilihat pada tabel berikut ini. Tabel 3.3 Proses Multiplayer

Use Case Multiplayer

Actors Pemain

Brief Description Use case ini mendeskripsikan proses memulai permainan baru untuk

2 orang pemain

Pre-condition Sudah masuk ke form home

Flow of events Kegiatan Pemain Respon Sistem

1.Klik menu “Multiplayer”

2.Tampilkan form pilih giliran pemain

3. Pilih giliran pemain

4. Tampilkan form permainan congklak untuk 2 orang pemain

Post-condition Tampilan form permainan congklak untuk 2 orang pemain

Limitation Tidak ada

Penulis mendeskripsikan activity diagramMultiplayer yang dapat dilihat pada gambar berikut ini:

Sistem Pemain

Klik menu Multiplayer

Tampilkan form permainan untuk 2 orang pemain Tampilkan form pilih giliran pemain

Pilih giliran pemain

Gambar 3.16 Activity Diagram Multiplayer

4) Play

Penjelasan proses Play dapat dilihat pada tabel berikut ini. Tabel 3.4 Proses Play

Use Case Play

Actors Pemain

Brief Description Use case ini mendeskripsikan proses menjalankan permainan

Pre-condition Sudah masuk ke form permainan congklak

Flow of events Kegiatan Pemain Respon Sistem

1.Player 1 memulai permainan

terlebih dahulu dan memilih lubang yang akan dijalankan

2. Update papan congkak sesuai

dengan perpindahan biji congkak

3. Mengevaluasi nilai biji

congkak dan generate langkah AI

4. Perpindahan biji congkak AI ditampilkan. Jumlah biji congkak sudah ter-update

5. Jika permainan berakhir maka sistem akan menampilkan

message dialogue menang,

kalah, atau seri.

Post-condition Tampilan message dialogue

Limitation Tidak ada

Penulis mendeskripsikan activity diagram Play yang dapat dilihat pada gambar berikut ini:

Sistem Pemain

Player 1 memilih lubang yang akan dijalankan

Update jumlah biji congkak

Tampilan perpindahan biji congkak player 2

Tampilan message dialogue menang, seri, atau kalah

Evaluasi nilai biji congkak

Generate langkah AI

Ya Tidak

End Game?

Gambar 3.17 Activity diagram Play

5) Rules

Penjelasan proses Rules dapat dilihat pada tabel berikut ini. Tabel 3.5 Proses Rules

Use Case Rules

Brief Description Use case ini mendeskripsikan proses menampilkan aturan bermain

Pre-condition Sudah masuk ke form home

Flow of events Kegiatan Pemain Respon Sistem

1.Klik menu “Rules”

3. Klik tombol “Home” 2.Tampilkan form Rules 4. Tutup form “Rules” dan

menampilkan form home

Post-condition Form rules ditutup dan kembali ke home

Limitation Tidak ada

Penulis mendeskripsikan activity diagram Rules yang dapat dilihat pada gambar berikut ini:

Sistem Pemain

Klik menu "Rules" Tampilkan form "Rules"

Klik tombol "Home"

Tampilkan form "Home"

Gambar 3.18 Activity diagram Rules

6) About

Penjelasan proses About dapat dilihat pada tabel berikut ini.

Tabel 3.6 Proses About

Use Case About

Actors Pemain

Brief Description Use case ini mendeskripsikan proses menampilkan tentang

Pre-condition Sudah masuk ke form home

Flow of events Kegiatan Pemain Respon Sistem

1.Klik menu “About”

3. Klik tombol “Home” 2.Tampilkan form About 4. Tutup form “About” dan

menampilkan form home

Post-condition Form about ditutup dan kembali ke home

Limitation Tidak ada

Penulis mendeskripsikan activity diagram About yang dapat dilihat pada gambar berikut ini:

Sistem Pemain

Klik menu "About" Tampilkan form “About”

Klik tombol "Home"

Tampilkan form "Home"

Gambar 3.19 Activity diagram About

7) Exit

Penjelasan proses Exit dapat dilihat pada tabel berikut ini. Tabel 3.7 Proses Exit

Use Case Exit

Actors Pemain

Brief Description Use case ini mendeskripsikan proses keluar dari aplikasi permainan

congklak

Pre-condition Sudah masuk ke form home

Flow of events Kegiatan Pemain Respon Sistem

2.Form home permainan congklak ditutup

Post-condition Permainan berakhir dan aplikasi permainan congklak ditutup

Limitation Tidak ada

Penulis mendeskripsikan activity diagramExit yang dapat dilihat pada gambar berikut ini:

Sistem Pemain

Klik menu "Exit"

Tampilkan form permainan sesuai dengan level yang dipilih

Gambar 3.20 Activity diagram Exit

Dokumen terkait