BAB V

ANALISA DAN PERANCANGAN

5.1 Analisis Sistem

Untuk memulai membangun suatu aplikasi media pembelajaran yang berbasis
komputerisasi ini. Penulis terlebih dahulu merencanakan alur kerja berdasarkan
kebutuhan dari user yang akan meggunakan program aplikasi ini nantinya.
Rancang bangun aplikasi media pembelajaran ini diimplementasikan dengan
menggunakan bahasa pemograman HTML,PHP, ActionScript serta MySQL sebagai
basis datanya. Adapun fasilitas yang diberikan kepada guru selaku administrator
dalam aplikasi ini berupa fasilitas Content Management System. Fasilitas ini meliputi
tambah data, edit data dan hapus data dari keseluruhan tabel yang ada di dalam
database.
Sedangkan dari segi pengguna, fasilitas yang diberikan dalam fasilitas ini
adalah hak askes untuk mengeksplorasi berbagai informasi atau materi yang
disajikan, hak akses untuk menyelesaikan soal soal latihan dan fasilitas untuk
memberikan komentar dan saran.
5.2

Desain Sistem
Desain sistem merupakan perencanaan dan pembuatan sketsa dari elemen -

elemen yang terpisah ke dalam suatu kesatuan yang utuh dan berfungsi.

Pada

tahapan perancangan sketsa dari aplikasi ini, penulis menggunakan beberapa alat
bantu peraga yaitu Use case diagram, Diagram Konteks, Data Flow Diagram dan
Kamus Data.

5.2.1

Use Case Aplikasi Media Pembelajaran Negara Benua Asia

Gambar 5.1 Use Case Aplikasi Pembelajaran Negara di Benua Asia (Guru / Admin)

Gambar 5.2 Use Cas Aplikasi Pembelajaran Negara Benua Asia ( Murid / Umum )
Berdasarkan Use Case yang disajikan diatas maka dapat disimpulkan bahwa,
ada 2 Aktor dalam pemakaian aplikasi media pembelajaran yang akan dibuat ini.
Adapun 2 Aktor ini adalah :
a. Guru : Sebagai administrator yang memiliki akses untuk melakukan perubahan
data pada tabel negara, tabel deskripsi, tabel tamu dan tabel admin.
5.2.2

Diagram Konteks ( Konteks Diagram )

Diagram Konteks menggambarkan secara umum entitas luar
yang terlibat, input yang dibutuhkan dan output yang dihasilkan oleh
sistem yang akan dibangun. Diagram Konteks dari Aplikasi Media
Pembelajaran Negara Benua Asia ini dapat dilihat pada gambar

berikut.

Gambar 5.3 Diagram Konteks Aplikasi Media Pembelajaran Negara Benua Asia
5.2.3

Data Flow Diagram ( DFD )

Data

Flow

Diagram

merupakan

suatu

bagan

yang

menggambarkan arus data dan proses yang terjadi dalam suatu sistem
aplikasi ke dalam bentuk logika. Gambaran ini tidak tergantung dari
perangkat keras, perangkat lunak ataupun organisasi file yang
digunakan. Adapun keuntungan dari penggunaan Data Flow Diagram
yaitu memudahkan pemakai aplikasi yang tidak memiliki pengetahuan
di bidang komputer dalam memahami sistem yang dikembangkan
dalam aplikasi ini.
a. Bagan Berjenjang ( Hierarcy Chart )
Bagan berjenjang ( Hierarcy Chart ) digunakan untuk
mempersiapkan penggambaran Arus data ke level level yang lebih

bawah lagi. Bagan berjenjang dapat digambar dengan menggunakan

notasi proses yang digunakan di Diagram Arus Data. Gambaran bagan
berjenjang dapat dilihat pada gambar dibawah ini.

Gambar 5.4 Bagan Berjenjang Apilkasi Media Pembelajaran Negara Benua Asia
a. Data Arus Diagram
Kemudian dari Hierarchy Chart

dapat diketahui tabel tabel yang

dibutuhkan dalam desain basisdata. Pada gambar dapat diketahui proses utama dari
sistem aplikasi ini terdiri dari 4 proses utama. Gambaran dari Data Arus Diagram
level 0 dapat dilihat pada gambar di bawah ini.

Gambar 5.5 Data Arus Diagram level 0

Data Arus Digaram untuk level satu pada proses nomor dua dapat
digambarkan seperti pada gambar dibawah ini .

Admin

2.1

Input Data
Admin

2.2

Input Data
Negara

2.3

Input Saran
dan
Komentar

B
Users

Gambar 5.6 Data Arus Diagram level 1 proses 2

Data Arus Digaram untuk level satu pada proses nomor empat dapat
digambarkan seperti pada gambar dibawah ini .

4.1

Tampilkan
Informasi
Data
Negara

4.2
B

Users

Tampilkan
Desekripsi
Negara

4.3

Tampilkan
Saran dan
Komentar

Gambar 5.7 Data Arus Diagram level 1 proses 4

5.2.4

Kamus Data ( Data Dictionary )

Fungsi dari Kamus dari kamus data adalah untuk membuat detail

data yang akan dipersiapkan pada thap implementasi s elanjutnya.

Kamus Data

Nama Aliran

Data Login

Alias

Bentuk Data

Dokumen Dasar dan Tampilan Layar

Arus Data

A. Proses 1, D1

Deskripsi Data

Informasi keperluan Login

Struktur Data

Kamus Data

Nama Aliran

Data Konfirmasi Login

Alias

Bentuk Data

Dokumen Dasar dan Tampilan Layar

Arus Data

Deskripsi Data

A. Proses 1, D1
Kamus
Informasi
atas Data
Konfirmasi Login

Struktur Data

Nama Aliran

Data Admin

Alias

Bentuk Data

Dokumen Dasar dan Tampilan Layar

Arus Data

A. Proses 2, D1

Deskripsi Data

Informasi atas data admin yang dimasukan ke basisdata

Struktur Data

Kamus Data

Nama Aliran

Data Negara
Kamus Data
-

Alias

Bentuk Data
Nama Aliran
Arus Data
Alias
Deskripsi Data
Bentuk Data
Struktur Data
Arus Data

:
:
:
:
:
:
:
:

Dokumen Dasar dan Tampilan Layar

Data Negara
A. Proses 2, D2
Informasi atas data negara yang dimasukan ke basisdata
Dokumen Dasar dan Tampilan Layar

Deskripsi Data

Informasi atas data negara yang dimasukan ke basisdata

Struktur Data

A. Proses 2, D2

Sambungan Kamus Data Negara di atas

Kamus Data

Nama Aliran

Data Komentar

Alias

Bentuk Data

Dokumen Dasar dan Tampilan Layar

Arus Data

B. Proses 2, D4

Deskripsi Data

Informasi atas komentar dan saran dari Users

Struktur Data

Kamus Data

Nama Aliran

Data Negara

Alias

Bentuk Data

Dokumen Dasar dan Tampilan Layar

Arus Data

D2. Proses 4, B

Deskripsi Data

Informasi atas data negara yang diminta user

Struktur Data

:
Kamus Data

Nama Aliran

Data Deskripsi

Alias

Bentuk Data

Dokumen Dasar dan Tampilan Layar

Arus Data

A. Proses 3, D3

Deskripsi Data

Informasi data deskripsi dari suatu negara

Struktur Data

Kamus Data

Nama Aliran

Data Negara

Alias

Bentuk Data

Arus Data

Dokumen Dasar dan Tampilan Layar

Kamus Data
A. Proses 2, D2

Deskripsi Data

Informasi atas data negara yang dimasukan ke basisdata

Struktur
Data
Nama
Aliran

: :

Data Negara

Alias

Bentuk Data

Dokumen Dasar dan Tampilan Layar

Arus Data

D2. Proses 4, B

Deskripsi Data

Informasi atas data negara yang diminta user

Struktur Data

Kamus Data

Nama Aliran

Data Deskripsi

Alias

Bentuk Data

Dokumen Dasar dan Tampilan Layar

Arus Data

D3. Proses 4, B

Deskripsi Data

Informasi data deskripsi yang diminta users

Struktur Data

Nama Aliran

Data Komentar

Alias

Bentuk Data

Dokumen Dasar dan Tampilan Layar

Arus Data

D4. Proses 4, B

Deskripsi Data

Informasi atas komentar terdahulu yang diminta user

Struktur Data

Kamus Data

5.3

Analisa Kebutuhan Spesifikasi Perangkat

Pada penggunaan aplikasi ini terdapat standard spesifikasi kebutuhan
perangkat yang mesti dipenuhi agar aplikasi bisa berjalan. Adapun perangkat
keras (Hardware) dan Perangkat Lunak (Software) yang dibutuhkan adalah
5.3.1

Perangkat keras ( Hardware )

Untuk menggunakan aplikasi ini, maka dibutuhkan sebuah
perangkat keras berupa laptop, notebook atau PC dengan standar
spesifikasi sebagai berikut :

1. Processor intel pentium 4 atau diatasnya

2. Virtual graphic Accelarator on board atau eksternal
3. Monitor CRT, LCD, LED , PLASMA atau OLED
5.3.2

Perangkat Lunak ( Software )

Untuk menggunakan aplikasi ini, maka dibutuhkan beberapa

perangkat lunak yang telah terinstal di laptop, notebook atau PC yang

akan digunakan. Adapun perangkat lunaknya yaitu:
a. Sistem Operasi Windows 7, 8 atau 10
b. Internet browser seperti Mozilla, Internet Explorer atau Opera
c. Editor seperti notepad atau Wordpap
d. Webserver seperti Appserv dan Xampp
e. Flash player seperti Adobe Flash
5.4

Desain Pembuatan Aplikasi

Berikut adalah tampilan dari hasil pembuatan sistem yang telah
selesai dilakukan :
5.4.1

Desain Halaman Home

Halam home merupakan tampilan awal dari aplikasi ketika
diakses melalui nternet browser. Halaman home ini merupakan
representasi dari file index.php yang didukung oleh file header.php
dan footer.htm. Pada halaman home terdapat header yang menjadi
navigasi menu untuk membuka halaman berikutnya , seperti Halaman
Home, wilayah, Negara, Admin dan Tamu. Tampilan dari halaman
home, dapat dilihat pada gambar dibawah ini :

Gambar 5.8 Halaman Home

5.4.2

Tampilah Halaman Wilayah

Halaman wilayah memberikan informasi mengenai wilayah benua

Asia beserta pembagian wilayahnya. Setiap wilayah yang dipilih memiliki

link ke berbagai negara yang ada di dalam wilayah tersebut.

Gambar 5.9 Halaman Wilayah

5.4.3

Tampilan Halaman Negara

Pada Halaman Negara terdapat menu yang berisi daftar negara

negara di benua Asia yang telah dikelompokkan berdasarkan wilayhnya

masing masing. Setiap negara yang dipilih akan menampilkan informasi
yang dimilikinya, seperti letak geografis dan data umum lainnya.

Gambar 5.10 Halaman Negara

5.4.4

Tampilan Halaman Deskripsi

Halaman Deskripsi dilengkapi dengan menu yang berisi daftar judul

deskripsi ari negara yang dipilih sebelumnya di halaman negara. Halaman ini
menampilkan informasi berbagai deskripsi yang dimiliki suatu negara.

Gambar 5.11 Halaman Deskripsi

5.4.5

Tampilan halaman Admin

Pada halaman ini terdapat form login yang bisa digunakan oleh admin

untuk masu ke menu administrator miliknya.

Gambar 5.12 Halaman Admin

5.4.6

Tampilan Halaman Tamu

Halaman tamu ini diperuntukan bagi pengunjung atau pengguna yang

ingin memberikan komentarnya mengenai aplikasi ini, pengguna juga bisa

melihat komentar yang telah diposting oleh pengunjung atau pengguna
sebelumnya. Para pengunjung juga bisa mencoba menyelesaikan soal latihan
yang disediakan, dengan mengakses link evaluasi yang diletakkan di bawah
form komentar.

Gambar 5.13 Halaman Tamu

Gambar 5.14 Halaman Latihan

Gambar 5.15 Halaman Latihan

5.4.7

Tampilan Halaman Home Administrator

Halaman ini diperuntukan hanya bagi admin dalam melakukan

pengelolaan data pada Aplikasi ini. Halaman ini memiliki menu menu yang
menghubungkan ke halaman halaman pengolahan data.

Gambar 5.16 Halaman Home Admin

5.4.8

Halaman Tabel Negara

Halaman tabel negara menampilkan data data negara yang ada di

dalam database ke dalam bentuk tabel, data ditampilkan sesuai dengan urutan
wilayah dan id negara yang pertama di masing masing wilayah.
Administrator bisa melakukan perubahan data melalui halaman ini .

Halaman 5.17 Halaman Tabel Negara

5.4.9

Halaman update negara

Apabila Administrator ingin melakukan penambahan data negara karena ada

satu negara pecahan dari negara lain yang baru merdeka, maka admin bisa
mengkases halaman tambah negara dengan mengklik tombol tambah di atas tabel
negara sebelumnya. Pada halaman tambah negara, kode negara akan otomatis terisi
sendiri berdasarkan jumlah data negara yang pernah dimasukkan ke dalam database.
Saat edit data negara juga berdasarkan kode negara yang dimilikinya.

Gambar 5.18 Halaman Data Negara

5.4.10 Halaman Tabel Deskripsi
Pada halaman ini, seluruh data deskripsi akan ditambilkan dalam bentuk
tabel. Data yang ditampilkan akan berdasarkan abjad negara yang ada di dalam
basisdata.

Gambar 5.19 Halaman Tabel Deskripsi

5.4.11 Halaman Data deskripsi
Apabila ada data deskripsi dari suatu negara yang ingin ditambahkan, maka
Administrator bisa mengakses halaman ini dengan mengklik tombol tambah di atas
tabel sebelumnya. Data deskripsi adalah materi tentang suatu negara, suatu materi
harus diberi judul yang unik untuk membedakannya dari deskripsi lain yang ada pada
negara tersebut. Setiap data deskripsi yang baru akan diberi satu kode deskriptif
secara otomatis berdasarkan jumlah data yang pernah dimasukkan.

Begitu juga saat melakukan edit data, kode deskriptif akan sesuai dengan
kode deskriptifnya di dalam basisdata.

Gambar 5.20 Halaman Data Deskripsi

5.4.12 Halaman Tabel Tamu
Halaman Tabel tamu menampilkan data data komentar dan saran dalam
bentuk tabel. Pada halaman ini Administrator hanya memiliki akses untuk
menghapus komentar - komentar yang tidak ingin ditampilkan.

Gambar 5.21 Halaman Tabel Tamu

5.4.13 Halaman Tabel Admin
Halaman Tabel Admin menampilkan data data Administrator ke dalam
bentuk tabel. Administrator dapat mengupdate data admin pada halaman ini.

Gambar 5.22 Halaman Tabel Admin