Gambar 4-1. Use Case Diagram

Ukuran: px

Mulai penontonan dengan halaman:

Download "Gambar 4-1. Use Case Diagram"

Adi Iskandar
6 tahun lalu
Tontonan:

1 BAB 4. PERANCANGAN Perancangan adalah satu langkah untuk memberikan gambaran secara umum kepada manusia atau pengguna tentang sistem yang diusulkan. Perancangan sistem atau desain secara umum mendefenisikan komponenkomponen sistem informasi pemetaan yang akan dirancang Perancangan Sistem Untuk memudahkan pembuatan aplikasi sistem barang tercecer / tertinggal di Bandara Soekarno - Hatta, maka akan dibuat model menggunakan Unified Model Language (UML). Dengan menggunakan UML, akan dibuat diagram use case, activity,class. Diagram diagram ini akan membantu melihat interaksi yang terjadi di aplikasi. Dan dapat membantu melihat suatu permasalahan yang kompleks menjadi lebih sederhana Use case Diagram Diagram ini menggambarkan interaksi antar aktor atau pengguna dengan sistem atau aplikasi. Use case diagram untuk aplikasi sistem barang tercecer / tertinggal di Bandara Soekarno-Hatta dapat dilihat dari gambar berikut : Gambar 4-1. Use Case Diagram 4-1

2 Berikut adalah keterangan mengenai use case diagram di atas : a. Use Case Diagram User Tabel 4-1. Tabel Use Case Diagram User Nama Use Case Keterangan Menu Login Pada use case ini, aplikasi menampilkan form login Menu Tambah Pada use case ini, aplikasi menampilkan form barang yang ditemukan Menu Hapus Pada use case ini, aplikasi menampilkan barang yang diambil Menu Edit Pada use case ini, aplikasi menampilkan form barang yang akan diedit karena salah input Menu Exit Pada use case ini, aplikasi akan keluar Menu Laporan Pada use case ini, aplikasi menampilkan laporan Menu Help Pada use case ini, aplikasi menampilkan form about Menu Logout Pada use case ini, aplikasi menampilkan form login 4-2

3 b. Use Case Diagram Admin Tabel 4-2. Use Case Diagram Admin Nama Use Case Keterangan Menu Login Pada use case ini, aplikasi menampilkan form login Menu Tambah Pada use case ini, aplikasi menampilkan form barang yang ditemukan Menu Hapus Pada use case ini, aplikasi menampilkan barang yang diambil Menu Edit Pada use case ini, aplikasi menampilkan form barang yang akan diedit karena salah input Menu Exit Pada use case ini, aplikasi akan keluar Menu Laporan Pada use case ini, aplikasi menampilkan laporan Menu Help Pada use case ini, aplikasi menampilkan form about Menu Logout Pada use case ini, aplikasi menampilkan form login Menu User Pada use case ini, aplikasi menampilkan form user Activity Diagram Activity diagram menurut Martin Fowler (2005 :163) adalah teknik untuk menggambarkan logika procedural, proses bisnis, dan jalur kerja. Dalam beberapa hal, activity diagram memainkan peran mirip diagram alir, tetapi perbedaan prinsip antara notasi diagram alir adalah activity diagram mendukung behavior pararel. Node pada sebuah activity diagram disebut 4-3

4 sebagai action, sehingga diagram tersebut menampilkan sebuah activity yang tersusun dari action. 1. Diagram activity admin a. Diagram Activity Login Admin Gambar 4-2. Diagram Activity Login Admin b. Diagram Activity Menu Tambah Admin 4-4

5 Gambar 4-3. Diagram Activity Menu Tambah Admin c. Diagram Activity Menu Edit Admin Gambar 4-4. Diagram Activity Menu Edit Admin 4-5

6 d. Diagram Activity Menu Hapus Admin Gambar 4-5. Diagram Activity Menu Hapus Admin e. Diagram Activity Menu Exit Admin Gambar 4-6. Diagram Activity Menu Exit Admin f. Diagram Activity Menu Logout Admin 4-6

7 Gambar 4-7. Diagram Activity Menu Logout Admin g. Diagram Activity Menu Help Admin Gambar 4-8. Diagram Activity Menu Help Admin h. Diagram Activity Menu User Admin 4-7

8 Gambar 4-9. Diagram Activity Menu User Admin 2. Diagram Activity User a. Diagram Activity Login User 4-8

9 Gambar Diagram Activity Login User b. Diagram Activity Menu Tambah User Gambar Diagram Activity Menu Tambah User c. Diagram Activity Menu Edit User 4-9

10 Gambar Diagram Activity Menu Edit User d. Diagram Activity Menu Hapus User Gambar Diagram Activity Menu Hapus User e. Diagram Activity Menu Exit User 4-10

11 Gambar Diagram Activity Menu Exit User f. Diagram Activity Menu Logout User Gambar Diagram Activity Menu Logout User g. Diagram Activity Menu Help User 4-11

12 Gambar Diagram Activity Menu Help User ERD Perancangan ini dibuat agar dapat mengetahui secara jelas hubungan (relation) antara entitas- entitas yang ada di dalam sistem. Gambar ERD 4.2. Desain Antarmuka (Design Interface) Perancangan antar muka pada aplikasi barang tercecer / tertinggal ini meliputi 2 level yaitu admin dan user. Halaman pertama yang akan ditampilkan yaitu halaman 4-12

13 home,tambah,hapus,edit,laporan,exit maka user harus login terlebih dahulu. Dan admin harus melakukan login terlebih dahulu untuk dapat memanagemen data-data yang terdapat pada database aplikasi ini. 1. Menu Login Username Password OK Close Gambar Rancangan Menu Login Keterangan : ini adalah halaman menu login. Untuk melanjutkan ke dalam aplikasi. 2. Menu Tambah Nomor Barcer : Tanggal ditemukan : Tanggal diinput : Hari : Jam : Isi Barcer : Kategori : Tempat Ditemukan : Yang Menyerahkan : Yang Menerima : Save Close Gambar Rancangan Menu tambah Keterangan : ini adalah menu tambah untuk menyimpan data barang masuk / ditemukan 4-13

14 3. Menu Hapus Nomor Barcer : Tanggal ditemukan : Tanggal diinput : Hari : Jam : Isi Barcer : Kategori : Tempat Ditemukan : Yang Menyerahkan : Yang Menerima : Hapus Close Gambar Rancangan Menu Hapus Keterangan : ini adalah menu hapus untuk menginput data barang keluar / diambil. 4. Menu Edit Nomor Barcer : Tanggal ditemukan : Tanggal diinput : Hari : Jam : Isi Barcer : Kategori : Tempat Ditemukan : Yang Menyerahkan : Yang Menerima : Edit Close Gambar Rancangan Menu Edit Keterangan : ini adalah menu hapus untuk mengubah data barang yang salah input. 4-14

dokumen-dokumen yang mirip

BAB III ANALISA DAN PERANCANGAN SISTEM

BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Analisa Sistem Hasil penentuan jarak terdekat akan menjadi sebuah pertimbangan dalam proses pengambilan keputusan untuk menentukan jalur yang akan ditempuh. Perangkat