12

BAB III

DESAIN DAN PERANCANGAN

3.1.1 Deskripsi Aplikasi

Aplikasi ini merupakan suatau aplikasi yang dibuat sebagai media pembelajaran yang

bertujuan untuk melakukan pengenalan kepada anak sekolah dasar (SD). Aplikasi ini

dirancang untuk siswa sekolah dasar dari kelas I sampai dengan kelas IV.

Pembuatan aplikasi ini untuk mengenalkan peraturan tata tertib rambu-rambu lalu

lintas kepada siswa sekolah dasar. Aplikasi ini disajikan dengan disertai objek objek

yang menarik guna mendukung ketertarikan siswa sekolah dasar dalam

memperhatikan presentasi. Selain itu juga untuk mengenalkan peraturan rambu lalu

lintas sedini mungkin kepada siswa sekolah dasar guna mengenalkan pentingnya

mentaati peraturan lalu lintas.

13

3.1.2 Fungsi Aplikasi

Aplikasi ini memiliki kemampuan sebagai berikut:

a. Menyajikan materi mengenai peraturan tata tertib tentang rambu lalu lintas ,

rambu tersebut antara lain rambu perintah, rambu larangan dan rambu

petunjuk.

b. Setiap materi yang disajikan disertakan objek yang menerik sehingga siswa

lebih tertarik dalam menyimak presentasi dibandingkan dengan hanya

memperhatikan media belajar lainnya.

3.1.3 Spesifikasi Pengguna

Sasaran pengguna aplikasi ini adalah siswa sekolah dasar, sebagai pembelajaran dini

mengenai peraturan tata tertib rambu-rambu lalu lintas untuk siswa sekolah dasar dari

kelas I sampai dengan kelas IV.

3.1.4 Analisis Kebutuhan

3.1.4.1 Perangkat Keras

Perangkat keras yang digunakan dalam kegiatan penyusunan tugas akhir ini disajikan

pada tabel 3.1.4.1. berikut:

NO Nama Keterangan

1 1 Unit Laptop RAM 2 GB, HDD 320GB, Processor 2,3 Intel, display 14”.

2 1 Unit Printer Resolusi cetak 5760 X 1440 dpi, kecepatan cetak hitam 28

ppm, cetak warna 15 ppm.

Tabel 3.1.4.1 : Perangkat Keras

14

3.1.4.2 Perangkat Lunak

Perangkat lunak yang digunakan untuk mendukung pelaksanaan kegiatan ini,

disajikan pada Tabel 3.1.4.2.

NO Nama Keterangan

1 Windows 7 Profesional Sistem Operasi

2 Microsoft Office 2007 Pengolah kata

3 CorelDraw 1.2 Desain grafis

4 Swish Max Desain Grafis

Tabel 3.1.4.2 : PerangkatLunak

3.2 Perancangan Aplikasi

3.2.1 Struktur Menu Utama

Struktur menu terdiri dari beberpa menu utama antara lain adalah:

1. Menu Home

2. Menu Pendahuluan

3. Menu materi

A. Peringatan

B. Petunjuk

C. Larangan dan perintah

4. Halaman about

5. Halaman video

6. Halaman kuis

15

3.2.2 Struktur Rancangan Aplikasi

a. Halaman Utama

Desain halaman utama merupakan salah satu desain yang digunakan oleh penyusun

dari tutorial pengenalan peraturan rambu lalu lintas, merupakan halaman awal.

Halaman pertama untuk ditampilan pada animasi tersebut, Berikut gambar desain

halaman utama.

Gambar 3.2.2 a : Desain Halaman Utama

GAMBAR

PENDAHULUAN MATERI ABOUT VIDEO HOME

LOGO

GAMBAR

GAMBAR

16

b. Halaman Peringatan

Desain halaman peringatan merupakan salah satu desain yang digunakan oleh

penyusun dari tutorial pengenalan peraturan rambu lalu lintas, yang berisi informasi

rambu peringatan. Sehingga semua materi yang berada pada halaman peringatan

dapat dipahami secara baik oleh siswa sekolah dasar tersebut. Berikut gambar desain

halaman peringatan.

Gambar 3.2.2 b : Desain Halaman Peringatan

PENDAHULUAN MATERI ABOUT VIDEO HOME

JALAN LICIN

TANJAKAN CURAM

TANJAKAN LADAI

JALAN SEMPIT

BANDARA

TANJAKAN LADAI

TIKUNGAN KANAN

TURUNAN CURAM

LAMPU MERAH

JALAN CEKUNG

TIKUNGAN KIRI

LOGO

GAMBAR

PERINGATAN

PETUNJUK

LARANGAN

JENIS RAMBU-RAMBU

JALAN CEMBUNG AWAS HEWAN LIAR

17

c. Halaman Petunjuk

Desain halaman petunjuk merupakan salah satu desain yang digunakan oleh

penyusun dari tutorial pengenalan peraturan rambu lalu lintas, yang berisi informasi

rambu petunjuk. Sehingga semua materi yang berada pada halaman petunjuk dapat

dipahami secara baik oleh siswa sekolah dasar tersebut. Berikut gambar desain

halaman petunjuk.

Gambar 3.2.2 c : Desain Halaman Petunjuk

PENDAHULUAN MATERI ABOUT VIDEO HOME

PARKIR

POM

ARAH KANAN

RUMAH MAKAN

TELEPON

KEDAI KOPI

BUNDARAN

LAMPU MERAH

JALAN CEKUNG

GAMBAR PERINGATAN

PETUNJUK

LARANGAN

JENIS RAMBU-RAMBU

BALAI PERTOLONGAN

KHUSUS PEJALAN KAKI

LOGO

18

d. Halaman Perintah dan Larangan

Desain halaman Perintah dan Larangan merupakan salah satu desain yang digunakan

oleh penyusun dari tutorial pengenalan peraturan rambu lalu lintas, yang berisi

informasi rambu Perintah dan Larangan. Sehingga semua materi yang berada pada

halaman perintah dan larangan dapat dipahami secara baik oleh siswa sekolah dasar

tersebut. Berikut gambar desain halaman perintah dan larangan.

Gambar 3.2.2 d : Desain Halaman Perintah dan Larangan

PENDAHULUAN MATERI ABOUT VIDEO HOME

DILARANG PARKIR

DILARANG MASUK

LOGO

GAMBAR

PERINGATAN

PETUNJUK

LARANGAN

JENIS RAMBU-RAMBU

DILARANG MENYEBRANG

DILARANG JALAN KAKI

DILARANG BELOK KIRI

DILARANG BELOK KANAN

MOTOR DILARANG

MASUK

MOBIL DILARANG MASUK

DILARANG BERHENTI

SEPEDA DILARANG MASUK

BECAK DILARANG MASUK

GEROBAK DILARANG MASUK

DILARANG BALIK ARAH

19

e. Halaman About

Desain halaman about merupakan salah satu desain yang digunakan oleh penyusun

yang merupakan informasi dari tutorial pengenalan peraturan rambu lalu lintas.

Berikut gambar desain halaman about.

Gambar 3.2.2 e : Halaman About

GAMBAR

PENDAHULUAN MATERI ABOUT VIDEO HOME

LOGO

KETERANGAN

20

f. Halaman Pendahuluan

Desain halaman pendahuluan merupakan salah satu desain yang digunakan oleh

penyusun untuk menjelaskan pendahuluan dari tutorial pengenalan peraturan rambu

lalu lintas. Berikut gambar desain halaman Pendahuluan.

Gambar 3.2.2 f : Halaman Pendahuluan

GAMBAR

PENDAHULUAN MATERI ABOUT VIDEO HOME

LOGO

KETERANGAN

GAMBAR

21

g. Halaman Video

Desain halaman video merupakan salah satu desain yang digunakan oleh penyusun

untuk contoh video dari tutorial pengenalan peraturan rambu lalu lintas. Berikut

gambar desain halaman video.

Gambar 3.2.2 g : Halaman Video

GAMBAR

PENDAHULUAN MATERI ABOUT VIDEO HOME

LOGO

LANTA

MATE

22

4.2.1 Halaman Utama

Halaman utama merupakan salah satu halaman penyusun dari tutorial pengenalan

peraturan rambu lalu lintas, yang berisi informasi rambu menu utama. Berikut gambar

interface halaman utama tersebut.

Gambar 4.2.1 : Halaman utama

23

4.2.2 Halaman Peringatan

Halaman peringatan merupakan salah satu halaman penyusun dari tutorial pengenalan

peraturan rambu lalu lintas, yang berisi informasi rambu peringatan. Berikut gambar

interface halaman peringatan tersebut.

Gambar 4.2.2 : Halaman Peringatan

24

4.2.3 Halaman Petunjuk

Halaman petunjuk merupakan salah satu halaman penyusun dari tutorial pengenalan

peraturan rambu lalu lintas, yang berisi informasi rambu petunjuk, Berikut gambar

interface halaman petunjuk tersebut.

Gambar 4.2.3 : Halaman Petunjuk

25

4.2.4 Halaman Perintah dan Larangan

Halaman Perintah dan Larangan merupakan salah satu halaman penyusun dari tutorial

pengenalan peraturan rambu lalu lintas, yang berisi informasi rambu perintah dan

larangan. Berikut gambar interface halaman perintah dan larangan tersebut.

Gambar 4.2.4 : Halaman Perintah dan larangan

26

4.2.5 Halaman About

Halaman about merupakan salah satu halaman informasi dari tutorial pengenalan

peraturan rambu lalu lintas, berikut gambar interface halaman about tersebut.

Gambar 4.2.5 : Halaman About

27

4.1.3.4 Halaman Pendahuluan

Halaman pendahuluan merupakan salah satu halaman penyusun dari tutorial

pengenalan peraturan rambu lalu lintas, yang berisi informasi atau kata pendahuluan.

Berikut gambar interface halaman pendahuluan tersebut.

Gambar 4.1.3.4 :. Halaman Pendahuluan

28

4.2.6 Halaman Video

Halaman video merupakan salah satu halaman penyusun dari tutorial pengenalan

peraturan rambu lalu lintas, yang berisi informasi atau contoh rambu lalu lintas.

Berikut gambar interface halaman video tersebut.

Gambar 4.2.6 : Halaman Video