Gambaran Umum Sistem Arsitektur Sistem

61

3.2.2.3 Use Case Diagram

TAMBAH DATA ISYARAT EDIT DATA ISYARAT HAPUS DATA ISYARAT LIHAT DATA ISYARAT ADMIN PENGGUNA LOGIN Kamus Bahasa Isyarat LOGOUT CARI DATA ISYARAT Gambar 3.1 Diagram Use Case Kamus Bahasa Isyarat TAMBAH KATEGORI EDIT KATEGORI HAPUS KATEGORI LIHAT KATEGORI ADMIN PENGGUNA LOGIN Kategori Bahasa Isyarat LOGOUT CARI KATEGORI Gambar 3.2 Diagram Use Case Kategori Bahasa Isyarat 62 TAMBAH GAMBAR EDIT GAMBAR HAPUS GAMBAR LIHAT GAMBAR ADMIN PENGGUNA LOGIN Gambar Bahasa Isyarat LOGOUT Gambar 3.3 Diagram Use Case Gambar Bahasa Isyarat TAMBAH VIDEO EDIT VIDEO HAPUS VIDEO LIHAT VIDEO ADMIN PENGGUNA LOGIN Video Bahasa Isyarat LOGOUT Gambar 3.4 Diagram Use Case Video Bahasa Isyarat 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 68 Admin Pengguna Data kamus Data kamus Data kamus Data kamus Data kategori Data kategori Data kategori Data kategori Data gambar Data gambar Data gambar Data gambar Data video Data video Data video Data video Data agenda Data agenda Data agenda Data agenda Data agenda Data agenda Data agenda Data agenda Data video Data video Data video Data video Data gambar Data gambar Data gambar Data gambar Data kategori Data kategori Data kamus Data kamus Data kamus Data kamus Data kategori Kamus Kategori Gambar Video Agenda Data admin Data admin Admin Data admin Data admin Data kategori 1 KAMUS BAHASA ISYARAT 2 KATEGORI BAHASA ISYARAT 3 AGENDA 4 ADMIN 1.2 VIDEO 1.1 GAMBAR F F Gambar 3.11 Overview Diagram DFD Level 1