BAB-3 UML

28
27 BAB III ANALISA DAN DESAIN SISTEM A. Tinjauan Umum Aplikasi pengenalan Peribahasa dalam bahasa daerah Dayak Ngaju berbasis web mobile merupakan sebuah aplikasi yang dibuat menggunakan Framework PHP (CodeIgniter) dengan database MySQL sebagai media menyimpanan data. Untuk tampilan web versi mobile penulis menggunakan jQuery Mobile Framework agar tampilan aplikasi bisa menyesuaikan (responsive) terhadap berbagai macam ukuran layar pada perangkat mobile. Aplikasi ini dibuat dengan tujuan agar pengguna dapat mengenal dan mengetahui Peribahasa yang ada di kalangan Suku Dayak Ngaju yang tinggal di Kalimantan Tengah serta dilengkapi dengan terjemahan dan maknanya kedalam bahasa Indonesia. Aplikasi ini dibagi menjadi 2 bagian yaitu terdiri dari halaman pengunjung dan halaman administrator, semua data Peribahasa yang ada pada 27

description

Contoh UML

Transcript of BAB-3 UML

Page 1: BAB-3 UML

27

BAB IIIANALISA DAN DESAIN SISTEM

A. Tinjauan Umum

Aplikasi pengenalan Peribahasa dalam bahasa daerah Dayak Ngaju

berbasis web mobile merupakan sebuah aplikasi yang dibuat menggunakan

Framework PHP (CodeIgniter) dengan database MySQL sebagai media

menyimpanan data. Untuk tampilan web versi mobile penulis menggunakan

jQuery Mobile Framework agar tampilan aplikasi bisa menyesuaikan (responsive)

terhadap berbagai macam ukuran layar pada perangkat mobile. Aplikasi ini dibuat

dengan tujuan agar pengguna dapat mengenal dan mengetahui Peribahasa yang

ada di kalangan Suku Dayak Ngaju yang tinggal di Kalimantan Tengah serta

dilengkapi dengan terjemahan dan maknanya kedalam bahasa Indonesia. Aplikasi

ini dibagi menjadi 2 bagian yaitu terdiri dari halaman pengunjung dan halaman

administrator, semua data Peribahasa yang ada pada halaman pengunjung dapat

dikelola dari halaman administrator.

B. Analisis

Ada beberapa langkah analisis yang dilakukan oleh penulis dalam

melakukan penelitian ini. Langkah-langkah tersebut meliputi:

1. Analisis Kelemahan Sistem

Analisis terhadap kelemahan sistem yang lama bertujuan untuk

menunjukkan apa saja yang tidak optimal dalam sistem tersebut.

Untuk mengidentifikasi masalah, dilakukan analisis terhadap strengths

27

Page 2: BAB-3 UML

28

(kekuatan), weakness (kelemahan), opportunities (kesempatan), dan

threats (ancaman). Analisis ini berdasarkan logika yang dapat

memaksimalkan peluang namun secara bersamaan dapat meminimalkan

kekurangan dan ancaman.

a. Kekuatan (Strengths)

Adapun kekuatan dari aplikasi ini bisa diakses dari mana saja

dan kapan saja dengan syarat terhubung pada sebuah jaringan

telekomunikasi. Antarmuka (interface) dari aplikasi ini di desain

khusus untuk versi perangkat mobile sehingga menambah kemudahan

bagi pengguna perangkat mobile untuk mendapatkan informasi

tentang peribahasa dalam bahasa daerah Dayak ngaju serta terjemahan

dan makna peribahasa dalam bahasa Indonesia.

b. Kelemahan (Weakness)

Adapun kelemahan dari sistem aplikasi ini, user atau

pengguna aplikasi tidak bisa menambahkan, menghapus, dan

mengedit data Peribahasa. Aplikasi ini hanya menampilkan hasil

pencarian dari Peribahasa yang telah di input oleh admin dari

aplikasi.

c. Peluang (Opportunity)

Semakin Berkembangnya era teknologi mobile didunia

pendidikan merupakan sebuah peluang untuk diciptakannya sesuatu

yang sebelumnya berupa naskah cetak menjadi bentuk mobile

application sehingga lebih efesien dari model sebelumnya.

Page 3: BAB-3 UML

29

d. Ancaman (Threats)

Saat ini teknologi sudah sangat berkembang pesat bukan tidak

mungkin ada developer yang akan membangun aplikasi pengenalan

peribahasa khusus untuk seluruh Bahasa Daerah yang ada di

Indonesia.

2. Analisis Kebutuhan

a. Kebutuhan Perangkat Keras

Kebutuhan perangkat keras yang digunakan dalam pembuatan

aplikasi pengenalan peribahasa dalam bahasa daerah Dayak Ngaju

berbasis web mobile ini adalah sebagai berikut:

1) Processor Intel(R) Core(TM) i3 CPU M350 @ 2.27GHz 2.27GHz

2) Hardisk 320 GB

3) Memory 2 GB DDR3

4) LCD 14 inc

b. Kebutuhan Perangkat Lunak

Kebutuhan perangkat lunak yang digunakan dalam pembuatan

aplikasi pengenalan peribahasa dalam bahasa daerah dayak ngaju

berbasis web mobile ini adalah sebagai berikut:

1) Perangkat lunak untuk membuat aplikasi (PC Compiler) :

a) Sistem Operasi Windows 7 Ultimate 32-bit

b) Balsamiq Mockups For Dekstop

c) Microsoft Office Visio 2007

Page 4: BAB-3 UML

30

2) Perangkat lunak untuk Implementasi aplikasi :

a) Xampp

b) Opera Mobile For Windows

c) Mozilla Firefox

d) Google Chrome + Ripple Emulator (Beta)

c. Kebutuhan Informasi

Sasaran Output yang di capai pada penelitian ini yaitu sebagai

berikut :

1) Mempermudah pengguna dalam memperoleh informasi tentang

Peribahasa yang ada di kalangan Suku Dayak Ngaju di

Kalimantan Tengah.

2) Memberi pengetahuan kepada pengguna tentang makna

Peribahasa yang ada di kalangan Suku Dayak Ngaju di

Kalimantan Tengah.

d. Kebutuhan Pengguna (user)

Pengguna (user) yang menggunakan aplikasi ini bersifat umum

atau dapat digunakan oleh siapa saja tanpa terkecuali. Namun untuk

dapat menggunakan aplikasi ini nanti, pengguna harus menggunakan

sebuah aplikasi yang mendukung pembuatan website ini, yaitu web

browser (Mozilla Firefox, Google Chrome, Opera Mini, dll).

Page 5: BAB-3 UML

31

3. Analisis Kelayakan Sistem

a. Kelayakan Teknologi

Teknologi yang diberikan pada aplikasi ini adalah teknologi

web mobile, teknologi web mobile sangat berkembang dengan pesat

dan bisa diakses dari semua jenis web browser yang tersedia pada

perangkat mobile, sehingga aplikasi pengenalan Peribahasa Dayak

Ngaju berbasis web mobile ini dinilai layak digunakan dari sisi

teknologi.

b. Kelayakan Hukum

Dalam pembuatannya, aplikasi ini dibuat menggunakan

perangkat lunak yang bersifat open source (antara lain seperti

Notepad++, Xampp, CodeIgniter, jQuery Mobile, Bootstrap) sehingga

aplikasi ini dinilai tidak melanggar hukum.

c. Kelayakan Operasional

Aplikasi ini dapat membantu memberikan layanan pada

masyarakat yang ada di Kalimantan Tengah ataupun yang berada di

luar Kalimantan Tengah untuk mengetahui informasi tentang

Peribahasa dalam Bahasa aerah Dayak Ngaju dengan cepat, kapanpun

dan dimanapun asalkan terhubung dengan jaringan internet. Sehingga

dapat disimpulkan aplikasi ini layak untuk di operasikan / digunakan.

C. Desain Sistem

Berdasarkan konsep pemodelan sistem yang penulis gunakan, maka

penulis menguraikan konsep desain sistem dengan menggunaan tools sistem

Page 6: BAB-3 UML

32

untuk menggambarkan bentuk sistem dan untuk membantu analisis. Maka penulis

menggunakan langkah-langkah sebagai berikut :

1. Desain Proses

Pada tahap desain proses ini, penulis menggunakan UML (Unified

Modeling Language) untuk menggambarkan proses pada aplikasi

pengenalan Peribahasa dalam Bahasa Daerah Dayak Ngaju :

a. Use Case Diagram

Di bawah ini adalah use case diagram aplikasi pengenalan

Peribahasa dalam Bahasa Daerah Dayak Ngaju.

Gambar 3.1. Use Case Diagram

Page 7: BAB-3 UML

33

Dari Use Case Diagram pada Gambar 3.1 maka dapat dilihat

bahwa di dalam aplikasi pengenalan Peribahasa Dayak Ngaju ini

terdapat dua actor yaitu pengunjung dan admin dimana actor

dilambangkan dengan gambar orang. Pengunjung dan admin dapat

melakukan beberapa hal yang dilambangkan dengan use case (gambar

lingkaran).

Pada aplikasi pengenalan Peribahasa Dayak Ngaju ini

pengunjung dapat melihat daftar Peribahasa, melakukan pencarian

Peribahasa menggunakan kata kunci, dan melihat terjemahan serta

makna dari Peribahasa. Admin dapat melakukan beberapa hal, yaitu:

dapat login untuk melakukan tambah data Peribahasa, ubah data

Peribahasa, cari data Peribahasa, hapus data Peribahasa, mengubah

password login admin, dan logout.

b. Activity Diagram

Activity diagram menggambarkan berbagai aliran aktivitas

dalam sistem yang sedang dirancang, bagaimana masing-masing

alir berawal, keputusan yang mungkin terjadi dan akhir dari

aktivitas. Activity Diagram juga dapat menggambarkan proses paralel

yang mungkin terjadi pada beberapa eksekusi.

Page 8: BAB-3 UML

34

1) Activity Diagram – Menampilkan Daftar Peribahasa (user)

Gambar 3.2. Activity Diagram – List Peribahasa

Page 9: BAB-3 UML

35

2) Activity Diagram – Pencarian Peribahasa (user)

3) Activity Diagram – Menampilkan Terjemahan dan Makna (user)

Gambar 3.3. Activity Diagram – Pencarian Peribahasa

Gambar 3.4. Activity Diagram – Menampilkan Terjemahan dan Makna

Page 10: BAB-3 UML

36

4) Activity Diagram – Login Admin (halaman admin)

Gambar 3.5. Activity Diagram – Login Admin

Page 11: BAB-3 UML

37

5) Activity Diagram – Ubah Password Login (halaman admin)

6) Activity Diagram – Cari Peribahasa (halaman admin)

Gambar 3.6. Activity Diagram – Ubah Password Login Admin

Gambar 3.7. Activity Diagram – Cari Peribahasa

Page 12: BAB-3 UML

38

7) Activity Diagram – Insert Peribahasa (halaman admin)

8) Activity Diagram – Edit Peribahasa (halaman admin)

Gambar 3.8. Activity Diagram – Insert Peribahasa

Gambar 3.9. Activity Diagram – Edit Peribahasa

Page 13: BAB-3 UML

39

9) Activity Diagram – Delete Peribahasa (halaman admin)

10) Activity Diagram – Logout (halaman admin)

Gambar 3.10. Activity Diagram – Delete Peribahasa

Gambar 3.11. Activity Diagram – Logout

Page 14: BAB-3 UML

40

c. Class Diagram

Class Diagram adalah suatu diagram yang memperlihatkan

atau menampilkan struktur dari sebuah sistem. sistem tersebut akan

menampilkan sistem kelas, atribut dan hubungan antara kelas ketika

suatu sistem telah selesai membuat diagram.

Adapun Class Diagram - pada aplikasi ini dapat dilihat pada

gambar berikut dibawah ini :

Gambar 3.12. Class Diagram Models

Page 15: BAB-3 UML

41

2. Desain

Basis Data

Adapun rancangan basis data yang akan diterapkan pada aplikasi

pengenalan Peribahasa Dayak Ngaju berbasis web mobile ini terdapat

beberapa struktur tabel basis data yang akan digunakan sebagai tempat

penyimpanan data,

Gambar 3.13. Class Diagram Views

Gambar 3.14. Class Diagram Controllers

Gambar 3.15. Struktur Basis Data

Page 16: BAB-3 UML

42

yaitu seperti gambar dibawah ini :

a. Tabel Admin

Nama File : tbl_admin

Primary Key : id

Foreign Key : -

Page 17: BAB-3 UML

43

b. Tabel Peribahasa

Nama File : tbl_peribahasa

Primary Key : id

Foreign Key : -

Tabel 3.1. Struktur Tabel Admin

Tabel 3.2. Struktur Tabel Peribahasa

Nama Field Type Data & Panjang Keterangan

id Int(10)id admin,

Auto Increment

username varchar(30) Username Admin

password varchar(50) Password Admin

Nama Field Type Data & Panjang Keterangan

id Int(10) id Peribahasa

peri_dayak varchar(100) Peribahasa Dayak

peri_indo varchar(100)Peribahasa Indonesia

makna_dayak

textMakna Peribahasa

dalam Bahasa Dayak

makna_indo textMakna Peribahasa

dalam Bahasa Indonesia

Page 18: BAB-3 UML

44

3. Desain Antarmuka (Interface)

Desain Interface dari aplikasi ini dibagi menjadi 2 bagian yaitu

halaman pengunjung dan halaman administrator, untuk mempermudah

perancangan penulis menggunakan software Balsamiq Mockups For

Desktop. Berikut ini adalah contoh tampilan halaman pengunjung:

Gambar 3.16. Halaman Utama Pengunjung

Page 19: BAB-3 UML

45

Page 20: BAB-3 UML

46

Di bawah ini adalah contoh rancangan halaman administrator

untuk mengelola konten yang ada pada halaman mengunjung:

Gambar 3.17. Halaman List Peribahasa

Gambar 3.18. Halaman Login Admin

Page 21: BAB-3 UML

47

Gambar 3.19. Halaman Utama Administrator