BAB III - Repository USM

16

BAB III

PERENCANAAN DAN ANALISA PERANCANGAN SISTEM

3.1 Perencanaan

Produk yang dirancang dalam penelitian Tugas Akhir ini adalah Aplikasi

Media Pembelajaran Interaktif Persandian dan Tali Temali Pramuka dengan

actionscript 3.0 berbasis android. Aplikasi ini akan dibuat dengan bahasa

pemrograman Action Script 3.0 menggunakan Adobe Flash CS 6, program

ini dirancang untuk dapat di jalankan pada smartphone android. Dalam

program aplikasi ini akan memuat tentang Persandian yang didalamnya

berjumlah 10 sandi. Selain sandi juga terdapat isi materi yang lain yaitu

mengenai Tali Temali yang berjumlah 15. Setiap materi yang disajikan baik

persandian dan tali temali mengandung unsur Visual Grafis yang menarik

yaitu gambar, text dan audio sebagai penunjang media pembelajaran

berbasis android itu sendiri. Dalam pendistribusian itu sendiri penulis

mendesaian mulai dari tampilan background dan konten konten yang ada

pada tiap halaman.

3.2 Analisa Sistem

Program aplikasi yang dibuat berupa aplikasi berbasis mobile dimana

dibuka lewat smartphone android, diharapkan dapat membantu pengguna

(User) dalam belajar tentang kepramukaan , khususnya persandian dan tali

temali dilengkapi dengan unsur Visual Grafis yang mendukung media

pembelajaran berbasis mobile ini, sehingga lebih menarik dan mudah

dimengerti oleh pengguna. Fasilitas yang disajikan dalam aplikasi mobile

ini, berupa menu menu yang mudah dimengerti dan praktis dalam

penggunaannya.

17

3.3 Analisa Kebutuhan Sistem

Dalam pembuatan suatu sistem diperlukan perancangan serta segala sesuatu

yang dibutuhkan untuk pembuatan sistem tersebut. Demikian halnya dalam

merancang program aplikasi persandian dan tali temali dengan actionscript

3.0 berbasis android, juga perlu merencanakan dan menganalisa kebutuhan

yang akan digunakan agar aplikasi tersebut sesuai dengan apa yang user

inginkan serta dapat berjalan seperti yang diharapkan. Dalam

mengimplementasikan aplikasi ini terdapat beberapa analisa kebutuhan

yaitu:

3.3.1 Kebutuhan Hardware

Berikut kebutuhan hardware (perangkat keras) yang dipakai dalam

pembuatan sistem dengan spesifikasi minimum:

a. Komputer

1. Laptop/PC

2. RAM 4 GB

3. Keyboard dan mouse

4. Processor Intel Core i3

5. Speaker

b. Smartphone android

1. Sistem Operasi Android Minimal Versi 4.1 (Jelly Bean)

2. Layar 4.7 inch

3. Ram 2 GB

4. Internal phone 16 GB

5. Android 4.4 (KitKat)

3.3.2 Kebutuhan Software

Adapun beberapa software yang digunakan untuk mendukung

pembuatan Program Aplikasi yaitu:

1. Adobe Flash CS 6

2. Corel Draw X7

3. Photoshop CS 6

4. Balsamiq Mockup

18

3.3.3 Kebutuhan User

Pengguna/User dibutuhkan untuk pengoperasian sistem yang dibuat,

karena sistem tidak akan bermanfaat apabila tidak ada penggunanya.

Pengguna yang dibutuhkan untuk mengoperasikan sistem yaitu

masyarakat awam, pelajar maupun para pendidik yang ada, sebagai

media dalam belajar dan mengenal materi kepramukaan khususnya

persandian dan tali temali pramuka menggunakan smartphone

android.

3.4 Analisa Perancangan Sistem

3.4.1 Story Board Aplikasi

NO Nama

Tampilan Desain Tampilan Deskripsi

1. Halaman

Loading

Halaman loading

sebelum masuk ke

dalam menu utama

dari aplikasi

persandian dan tali

temali pramuka.

19

2. Halaman

Menu

Utama

(Home)

Halaman menu utama

muncul otomatis

setelah halaman

loading selesai, pada

halaman ini berisi sub

menu yaitu persandian

dan tali temali, juga

ada tombol di bagian

bawah kanan untuk

keluar dari aplikasi.

3. Halaman

Menu

Persandian

Jika menu persandian

di tap maka akan

keluar halaman menu

persandian yang berisi

sepuluh sub menu

yang bisa dilihat

dengan cara di tap

pada tombol menu

yang diinginkan. Dan

ada juga tombol home

untuk kembali ke

menu utama.

4. Halaman

Materi

Sandi

Morse

Ketika user tap tombol

sandi morse

selanjutnya akan

muncul tampilan awal

dari menu tersebut

yang berisi penjelasan

mengenai sandi morse

beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.

Jika tombol kembali di

tap maka akan

kembali ke halaman

menu persandian

sedangkan jika tombol

home di tap maka

akan kembali ke menu

utama.

20

5. Halaman

Materi

Semaphore


semaphore

selanjutnya akan


dari menu tersebut


mengenai semaphore

beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman

menu persandian


home di tap maka


utama.

6. Halaman

Materi

Sandi

Kompas


sandi kompas

selanjutnya akan

muncul tampilan dari

menu tersebut yang

berisi penjelasan

mengenai sandi

kompas beserta

contoh. Kemudian di

bagian bawah ada

tombol kembali dan

home. Jika tombol

kembali di tap maka

akan kembali ke

halaman menu

persandian sedangkan

jika tombol home di

tap maka akan

kembali ke menu

utama.

21

7. Halaman

Materi

Sandi

Angka


sandi angka

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai sandi angka

beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman

menu persandian


home di tap maka


utama.

8. Halaman

Materi

Sandi

Kotak 1


sandi kotak 1

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai sandi sandi

kotak 1 beserta

contoh. Kemudian di

bagian bawah ada

tombol kembali dan

home. Jika tombol

kembali di tap maka

akan kembali ke

halaman menu


jika tombol home di

tap maka akan

kembali ke menu

utama.

22

9. Halaman

Materi

Sandi Bata


sandi bata selanjutnya

akan muncul tampilan

dari menu tersebut


mengenai sandi bata

beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman

menu persandian


home di tap maka


utama.

10. Halaman

Materi

Sandi

Kotak 3


sandi kotak 3

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai sandi kotak

3 beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman

menu persandian


home di tap maka


utama.

23

11. Halaman

Materi

Sandi

Rumput


sandi rumput

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai sandi

rumput beserta

contoh. Kemudian di

bagian bawah ada

tombol kembali dan

home. Jika tombol

kembali di tap maka

akan kembali ke

halaman menu


jika tombol home di

tap maka akan

kembali ke menu

utama.

12. Halaman

Materi

Sandi Balik


sandi balik

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai sandi balik

beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman

menu persandian


home di tap maka


utama.

24

13. Halaman

Materi

Sandi AND


sandi AND

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai sandi AND

beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman

menu persandian


home di tap maka


utama.

14. Halaman

Menu Tali

Temali

pertama

Jika menu tali temali

di tap maka akan

keluar halaman menu

tali temali pertama

yang berisi sembilan

sub menu yang bisa

dilihat dengan cara di

tap pada tombol menu



dan next dibagian

bawah. Jika tombol

next di tap maka akan

menampilkan halaman

tali temali kedua

sedangkan tombol

home untuk kembali

ke menu utama.

25

15. Halaman

Materi

Simpul

Mati


simpul mati

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai simpul mati

beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman

menu tali temali yang

pertama sedangkan

jika tombol home di

tap maka akan

kembali ke menu

utama.

16. Halaman

Materi

Simpul

Prusik


simpul prusik

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai simpul

prusik beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman


pertama sedangkan

jika tombol home di

tap maka akan

kembali ke menu

utama.

26

17. Halaman

Materi

Simpul

Kursi


simpul kursi

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai simpul kursi

beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman


pertama sedangkan

jika tombol home di

tap maka akan

kembali ke menu

utama.

18. Halaman

Materi

Simpul 8


simpul 8 selanjutnya


dari menu tersebut


mengenai simpul 8

beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman


pertama sedangkan

jika tombol home di

tap maka akan

kembali ke menu

utama.

27

19. Halaman Materi

Simpul Erat


simpul erat

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai simpul erat

beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman


pertama sedangkan

jika tombol home di

tap maka akan

kembali ke menu

utama.

20. Halaman

Materi

Simpul

Laso


simpul laso

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai simpul laso

beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman


pertama sedangkan

jika tombol home di

tap maka akan

kembali ke menu

utama.

28

21. Halaman

Materi

Simpul

Hidup


simpul hidup

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai simpul

hidup beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman


pertama sedangkan

jika tombol home di

tap maka akan

kembali ke menu

utama.

22. Halaman

Materi

Simpul

Anyam


simpul anyam

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai simpul

anyam beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman


pertama sedangkan

jika tombol home di

tap maka akan

kembali ke menu

utama.

29

23. Halaman

Materi

Simpul

Anyam

Berganda


simpul anyam

berganda selanjutnya


dari menu tersebut


mengenai simpul

anyam berganda

beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman


pertama sedangkan

jika tombol home di

tap maka akan

kembali ke menu

utama.

24. Halaman

Tali Temali

Kedua

Setelah user menekan

tombol next yang ada

pada halaman tali

temali yang pertama

sebelumnya, maka

akan muncul halaman

tali temali yang kedua

yang berisi enam sub

menu yang bisa dilihat

dengan cara di tap

pada tombol menu



dan kembali dibagian

bawah. Jika tombol

kembali di tap maka

akan menampilkan

halaman tali temali

yang pertama

sedangkan tombol

home untuk kembali

ke menu utama.

30

25. Halaman

Materi

Ikatan

Pangkal


ikatan pangkal

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai ikatan

pangkal beserta

contoh. Kemudian di

bagian bawah ada

tombol kembali dan

home. Jika tombol

kembali di tap maka

akan kembali ke

halaman menu tali

temali yang kedua


home di tap maka


utama.

26. Halaman

Materi

Ikatan

Tiang


ikatan tiang

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai ikatan tiang

beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman


kedua sedangkan jika

tombol home di tap

maka akan kembali ke

menu utama.

31

27. Halaman

Materi

Ikatan

Jangkar


ikatan jangkar

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai ikatan

jangkar beserta

contoh. Kemudian di

bagian bawah ada

tombol kembali dan

home. Jika tombol

kembali di tap maka

akan kembali ke

halaman menu tali

temali yang kedua


home di tap maka


utama.

28. Halaman

Materi

Ikatan

Tambat


ikatan tambat

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai ikatan

tambat beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman



tombol home di tap


menu utama.

32

29. Halaman

Materi

Ikatan

Tarik


ikatan tarik

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai ikatan tarik

beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman



tombol home di tap


menu utama.

30. Halaman

Materi

Ikatan

Turki


ikatan turki

selanjutnya akan


menu tersebut yang

berisi penjelasan

mengenai ikatan turki

beserta contoh.

Kemudian di bagian

bawah ada tombol

kembali dan home.


tap maka akan

kembali ke halaman



tombol home di tap


menu utama.

33

31. Halaman

Menu Kuis

Jika menu kuis di tap

maka akan keluar

halaman menu kuis

yang berisi tombol OK

dan tombol home.

Tombol OK untuk

memulai kuis,

sedangkan tombol

home untuk kembali

ke menu utama jika

user ingin

membatalkan untuk

memulai kuis.

32. Halaman

Materi

Kuis


OK selanjutnya akan


dari menu tersebut

yang berisi soal-soal

untuk kuis. Didalam

halaman ini terdapat

soal dibagian atas.

Sedangkan dibagian

bawah tedapat kotak

yang berisi keterangan

poin dan hasil.

Kemudian

disampingnya terdapat

tombol next untuk

menuju ke pertanyaan

selanjutnya sampai

selesai.

34

33. Halaman

Materi

Hasil Kuis

Didalam halaman

materi hasil kuis,

terdapat tombol home

dan ulangi. Jika user

tap tombol home,


menu utama.

Sedangkan jika user

tap tombol ulangi,


halaman menu kuis.

Kemudian dibagian

atasnya ada kotak

yang berisi hasil nilai

user setelah menjawab

semua soal.

31. Halaman

Exit

Tombol exit hanya ada

di halaman menu

utama atau home.

Tombol ada di pojok

bawah sebelah kanan.

Apabila user menekan

tombol exit maka akan

muncul sebuah dialog

konfirmasi yang

apabila di tekan

YAKIN maka aplikasi

akan menutup namun

apabila BATAL maka


utama aplikasi.

35

3.4.2 Flowchart Menu Utama

Gambar 3.1 Flowchart Menu Utama

36

3.4.3 Flowchart Menu Persandian

Gambar 3.2 Flowchart Menu Persandian

37

3.4.4 Flowchart Menu Tali Temali

Gambar 3.3 Flowchart Menu Tali Temali

3.4.5 Flowchart Menu Kuis

Gambar 3.4 Flowchart Menu Kuis

38

3.5 Material Collecting

Material collecting adalah tahap dimana pengumpulan bahan yang sesuai

dengan kebutuhan diperlukan. Bahan-bahan tersebut antara lain gambar clip

art, foto, animasi, audio dan lain-lain. Tahap ini dapat dikerjakan secara

parallel dengan tahap assembly.

Topik Gambar Keterangan

Halaman

Loading

loading.png

Halaman

menu

utama

Menuutama.png

Halaman

menu

persandian

Menupersandian.png

39

Halaman

menu tali

temali

Menutali.png

Halaman

menu

materi

Menutali.png

Icon

aplikasi

Icon.png

Button

home

Home.png

Button next

Next.png

Button

kembali

Kembali.png

Button

keluar

Keluar.png

40

Button

ulangi

External library flash

cs6

Gambar

tenda

Tenda.png

Gambar

pohon

Pohon.png

Gambar

karakter

Char.png

Background

materi

Bgmateri.png

Button

persandian

Btsandi.png

Button tali

temali

Bttali.png

Button kuis

Btkuis.png

41

3.6 Assembly

Pada tahap ini dilakukan pembuatan model materi yang berdasarkan pada

tahap desain. Pembuatan modul materi dilakukan dengan cara

menggabungkan bahan-bahan yang sudah dikumpulkan pada tahap material

collecting. Penjelasan secara rinci tentang tahap ini dijabarkan pada bab IV

implementasi sistem

Gambar 3.5 Tahap pembuatan

Gambar 3.6 Contoh coding pada tahap pembuatan

42

3.7 Testing

Pada tahap ini pengembang melakukan uji coba pada aplikasi yang sudah

dibuat untuk melihat apakah terdapat kesalahan atau tidak. Penjelasan

secara rinci tentang tahap testing ini dijabarkan pada bab IV di bagian

pengujian sistem.

3.8 Distribution

Tahap penggandaan dan penyebaran hasil kepada pengguna. Pada tahap ini,

aplikasi yang telah selesai di uji dan dinyatakan baik sesuai dengan tujuan

pembuatan, akan didistribusikan dengan cara ditujukan kepada Pembina

pramuka yang selanjutnya akan diteruskan kepada anggota pramuka.

BAB III - Repository USM

Documents

Transcript of BAB III - Repository USM