63
TAMBAH AGENDA
EDIT AGENDA
HAPUS AGENDA LIHAT AGENDA
ADMIN PENGGUNA
LOGIN
Agenda
LOGOUT
Gambar 3.5 Diagram Use Case Agenda
TAMBAH DATA ADMIN
EDIT DATA ADMIN
HAPUS DATA ADMIN
LIHAT DATA ADMIN
ADMIN LOGIN
Admin
LOGOUT CARI DATA
ADMIN
Gambar 3.6 Diagram Use Case Admin
64
3.2.3 Arsitektur Sistem
Sistem ini dibangun untuk memberikan informasi tentang materi-materi bahasa isyarat melalui media internet. Aplikasi pengajaran bahasa isyarat
berbasis web ini dikelola oleh admin. Data bahasa isyarat divisualisasikan dalam bentuk foto dan video, sehingga dapat memudahkan pengguna
untuk belajar dan memahami bahasa isyarat secara detail. Bentuk umum
arsitektur sistem dapat dilihat pada gambar 3.7
Gambar 3.7 Arsitektur Sistem
65
3.2.4 Spesifikasi Sistem
Spesifikasi kebutuhan dalam pembuatan Aplikasi Pengajaran Bahasa Isyarat Berbasis Web ini adalah sebagai berikut :
1. Pengguna, sistem bisa membantu untuk mendapatkan pelajaran bahasa isyarat berupa gambar, video dan keterangan, serta mendapatkan
informasi berupa agenda. 2. Admin, dapat mengambil materi secara manual tentang bahasa isyarat,
dapat melakukan proses login dan logout, serta dapat mengolah data bahasa isyarat, kategori, agenda, dan data admin.
Tampilan foto dan video digunakan di mana setiap materi bahasa isyarat dapat menampilkan pelajaran bahasa isyarat tersebut. Untuk
pengembangan sistem lebih lanjut, maka diperlukan perangkat lunak sebagai pendukungnya. Pemanfaatan gambar dan video untuk aplikasi
pengajaran bahasa isyarat berbasis web ini memerlukan perangkat lunak untuk pembuatan basis data dengan menggunakan Oracle dan untuk
pembuatan tampilan juga editor program dengan menggunakan bahasa pemrograman NetBeans.
3.2.5 Pemodelan Proses dengan Diagram Aliran Data
3.2.5.1 Diagram Konteks
ADMIN PENGGUNA
DATA BAHASA ISYARAT DAN AGENDA
DATA BAHASA ISYARAT DAN AGENDA
INFORMASI BAHASA ISYARAT
INFORMASI VALIDASI LOGIN, BAHASA
ISYARAT, DAN AGENDA APLIKASI PENGAJARAN
BAHASA ISYARAT BERBASIS WEB
Gambar 3.8 Diagram Konteks
66
3.2.5.2 Diagram Berjenjang
APLIKASI PENGAJARAN BAHASA ISYARAT BERBASIS
WEB
1 KAMUS BAHASA
ISYARAT 2
KATEGORI BAHASA ISYARAT
3 AGENDA
4 ADMIN
1.1 TAMBAH DATA
BAHASA ISYARAT 1.2
EDIT DATA BAHASA ISYARAT
1.3 HAPUS DATA
BAHASA ISYARAT 1.4
LIHAT DATA BAHASA ISYARAT
1.5 CARI DATA
BAHASA ISYARAT 2.1
TAMBAH KATEGORI BAHASA ISYARAT
2.2 EDIT KATEGORI
BAHASA ISYARAT 2.3
HAPUS KATEGORI BAHASA ISYARAT
2.4 LIHAT KATEGORI
BAHASA ISYARAT 2.5
CARI KATEGORI BAHASA ISYARAT
4.1 TAMBAH DATA
ADMIN 4.2
EDIT DATA ADMIN
4.3 HAPUS DATA
ADMIN 4.4
LIHAT DATA ADMIN
4.5 CARI DATA
ADMIN 3.1
TAMBAH DATA AGENDA
3.2 EDIT DATA
AGENDA 3.3
HAPUS DATA AGENDA
3.4 LIHAT DATA
AGENDA
Gambar 3.9 Diagram Berjenjang 1
67
1 KAMUS BAHASA
ISYARAT
1.1 GAMBAR BAHASA
ISYARAT 1.2
VIDEO BAHASA ISYARAT
1.11 TAMBAH DATA
GAMBAR BAHASA ISYARAT
1.12 EDITGANTI DATA
GAMBAR BAHASA ISYARAT
1.13 HAPUS DATA
GAMBAR BAHASA ISYARAT
1.14 LIHAT DATA
GAMBAR BAHASA ISYARAT
1.21 TAMBAH DATA
VIDEO BAHASA ISYARAT
1.22 EDITGANTI DATA
VIDEO BAHASA ISYARAT
1.23 HAPUS DATA
VIDEO BAHASA ISYARAT
1.24 LIHAT DATA
VIDEO BAHASA ISYARAT
Gambar 3.10 Diagram Berjenjang 2
3.2.6 Pemodelan Data
DFD Data Flow Diagram adalah model untuk menggambarkan asal dan tujuan penyimpanan data, proses yang akan menghasilkan data, dan
interaksi antar data yang tersimpan dalam proses tersebut Kadir, 1999. Proses perancangan aliran data menggunakan DFD yang terbagi menjadi
tiga level, yaitu DFD level 0, DFD level 1, dan DFD level 2.
3.2.6.1 Overview Diagram DFD Level 1
DFD level 1 merupakan representasi dari data pada DFD level 0 yang sudah dipartisi untuk memberikan penjelasan yang lebih detail. Pada
aplikasi pengajaran bahasa isyarat ini terdiri dari lima proses, yaitu proses kelola kamus bahasa isyarat, proses kelola kategori bahasa isyarat,
proses kelola gambar bahasa isyarat, proses video bahasa isyarat, dan proses kelola agenda dapat dilihat pada gambar 3.11