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