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 1 2
Nama
Keterangan
1 Unit Laptop 1 Unit Printer
RAM 2 GB, HDD 320GB, Processor 2,3 Intel, display 14”. 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 1 2 3 4
Nama Windows 7 Profesional Microsoft Office 2007 CorelDraw 1.2 Swish Max
Keterangan Sistem Operasi Pengolah kata Desain grafis 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.
LOGO PENDAHULUAN
MATERI
ABOUT
VIDEO
HOME
GAMBAR
GAMBAR GAMBAR
Gambar 3.2.2 a : Desain Halaman Utama
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.
LOGO PENDAHULUAN JENIS RAMBURAMBU
MATERI
ABOUT
VIDEO
TANJAKAN CURAM
TIKUNGAN KANAN
TANJAKAN LADAI
TURUNAN CURAM
TANJAKAN LADAI
TIKUNGAN KIRI
JALAN SEMPIT
LAMPU MERAH
BANDARA
JALAN CEKUNG
JALAN CEMBUNG
AWAS HEWAN LIAR
HOME
PERINGATAN PETUNJUK LARANGAN
JALAN LICIN
Gambar 3.2.2 b : Desain Halaman Peringatan
GAMBAR
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.
LOGO PENDAHULUAN JENIS RAMBURAMBU
PERINGATAN PETUNJUK LARANGAN
VIDEO
ABOUT
MATERI
PARKIR
KEDAI KOPI
POM
BUNDARAN
TELEPON
KHUSUS PEJALAN KAKI
ARAH KANAN
LAMPU MERAH
RUMAH MAKAN
JALAN CEKUNG
BALAI PERTOLONGAN
Gambar 3.2.2 c : Desain Halaman Petunjuk
HOME
GAMBAR
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.
LOGO PENDAHULUAN
JENIS RAMBURAMBU PERINGATAN
MATERI
DILARANG PARKIR
MOBIL DILARANG MASUK
DILARANG MENYEBRANG
DILARANG BERHENTI
DILARANG MASUK
SEPEDA DILARANG MASUK
DILARANG JALAN KAKI
BECAK DILARANG MASUK
DILARANG BELOK KIRI
GEROBAK DILARANG MASUK
DILARANG BELOK KANAN
DILARANG BALIK ARAH
PETUNJUK LARANGAN
HOME
VIDEO
ABOUT
GAMBAR
MOTOR DILARANG MASUK
Gambar 3.2.2 d : Desain Halaman Perintah dan Larangan
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.
LOGO PENDAHULUAN
MATERI
ABOUT
VIDEO
KETERANGAN
GAMBAR
Gambar 3.2.2 e : Halaman About
HOME
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.
LOGO PENDAHULUAN
MATERI
VIDEO
ABOUT
KETERANGAN
GAMBAR GAMBAR
Gambar 3.2.2 f : Halaman Pendahuluan
HOME
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.
LOGO PENDAHULUAN
MATERI
ABOUT
VIDEO
LANTA MATE
GAMBAR
Gambar 3.2.2 g : Halaman Video
HOME
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