- PDF Download Gratis

Ukuran: px

Mulai penontonan dengan halaman:

Download ""

Siska Sanjaya
7 tahun lalu
Tontonan:

1 BAB III ANALISA DAN PERANCANGAN 3.1 Analisa Seperti langkah-langkah yang dilakukan pada salah satu model proses rekayasa perangkat lunak yaitu model MDLC, maka pada bab ini akan dibahas tentang tahap-tahap dalam membangun perangkat lunak. Proses analisis merupakan salah satu tahapan yang harus dilalui rekayasa perangkat lunak karena melalui analisis definisi masalah menjadi lebih jelas, kebutuhan sistem dapat dispesifikasi sehingga kriteria yang harus dipenuhi dalam aplikasi dapat ditentukan agar aplikasi yang dihasilkan nantinya menjadi solusi dari masalah tersebut. 3.2 Perancangan Aplikasi Perancangan adalah suatu bagian dari metodologi pengembangan pembangunan suatu perangkat lunak yang dilakukan setelah tahapan untuk memberikan gambaran secara terperinci. Agar aplikasi ini mudah dipahami penulis membuat Pemodelan Struktur Navigasi untuk rancangan alur program dimana desain harus mengenal dengan baik karena setiap model memberikan solusi untuk kebutuhan yang berbeda. Pemodelan Storyboard untuk gambaran dari scene yang hasil dari perancangan akan menjadi acuan dalam pembuatan tampilan pada tahap implementasi. Pemodelan Storyline merupakan sebuah naskah cerita dalam bentuk teks merancang naskah merupakan spesifikasi dari teks dan narasi dalam aplikasi multimedia Gambaran Sistem Yang Diusulkan Aplikasi pembelajaran bahasa inggris dasar untuk sekolah dasar ini menampilkan beberapa konten berupa gambar dan teks disertai dengan file suara yang dapat mendukung proses pembelajaran Perancangan Prosedur Yang Diusulkan Pemodelan Struktur Navigasi Struktur navigasi berfungsi untuk menggambarkan dengan jelas hubungan dan rantai kerja seluruh elemen yang akan digunakan dalam aplikasi. Dengan penggambaran

2 struktur navigasi, pembuatan sebuah aplikasi dapat sistematis dan mudah. Jenis struktur navigasi dikelompokkan menjadi 4 struktur yang berbeda yaitu linier, hirarki, non linier dan campuran yang mempunyai perbedaan dalam bentuk rangkaiannya. Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page (halaman utama pertama), halaman utama ini mempunyai halaman percabangan yang disebut Slave Page (halaman pendukung). Jika salah satu halaman pendukung dipilih atau diaktifkan, maka tampilan tersebut akan bernama Master Page (halaman utama kedua), dan seterusnya. Secara umum pemodelan struktur navigasi pada aplikasi ini dilihat pada gambar dibawah ini Gambar 3.1 Struktur Navigasi

3 Pemodelan StoryBoard Storyboard merupakan hal yang penting dalam pembuatan rancangan aplikasi karena memperlihatkan hubungan rantai kerja dari beberapa halaman atau form yang berbeda. Pada tahapan ini akan dibahas storyboard program yang dilakukan user terhadap aplikasi yang sudah siap digunakan. Gambar 3.2 StoryBoard

3.2.2.3 Rancangangan StoryLine 1) Halaman Progress Bar Sebelum masuk ke halaman utama, ada halaman sebelumnya yaitu ProgressBar.

4 Rancangangan StoryLine 1) Halaman Progress Bar Sebelum masuk ke halaman utama, ada halaman sebelumnya yaitu ProgressBar. Pada halaman ini hanya menampilkan gambar dari logo aplikasi pembelajaran bahasa inggris dasar dan progressbar atau yang lebih dikenal loading. Progress Bar Logo Aplikasi Progress Bar Gambar 3.3 Halaman Progress Bar 2) Halaman Menu Utama Setelah pada tampilan splash diatas selesai, akan ada halaman yang menampilkan menu utama. Pada menu utama tersebut menggunakan horizontal scrollview yang akan menampilkan menu dengan cara menggesernya. Terdapat 7 menu utaman, yaitu : 1. Menu Alphabet 2. Menu Number 3. Menu Body 4. Menu Family 5. Menu Color

5 6. Menu Exercise 7. Menu About Menu Utama Logo Aplikasi Alphabet Number Family Colour Body Exercise About Gambar 3.4 Halaman Menu Utama 3) Halaman Menu Alphabet Pada menu Alphabet ini akan ada tampilan gambar huruf A-Z dan jika huruf tersebut ditekan atau diketuk akan keluar suara yang sama dengan huruf tersebut dalam bahasa inggris.

6 Alphabet Gambar Huruf A-Z Gambar 3.5 Halaman Menu Alphabet 4) Halaman Menu Number Pada menu Number ini akan ada tampilan gambar angka 1-20 dan jika huruf tersebut ditekan atau diketuk akan keluar suara yang sama dengan angka tersebut dalam bahasa inggris. Number Gambar Angka 1-20

Gambar 3.6 Halaman Menu Number 5) Halaman Menu Body Pada menu Body ini akan ada tampilan gambar tubuh dari rambut, mata, telinga, mulut, hidung, lengan dan kaki.

7 Gambar 3.6 Halaman Menu Number 5) Halaman Menu Body Pada menu Body ini akan ada tampilan gambar tubuh dari rambut, mata, telinga, mulut, hidung, lengan dan kaki. Jika gambar tersebut di ketuk akan keluar suara yang sesuai dengan gambar tersebut dalam bahasa inggris. Body Gambar Bagian Tubuh Gambar 3.7 Halaman Menu Body 6) Halaman Menu Family Pada menu Family ini akan ada tampilan gambar anggota keluarga dari ayah, mamah, kaka perempuan, kaka laki-laki, ade perempuan, ade laki-laki, nenek, kakek, paman, tante, sepupu laki-laki dan sepupu perempuan. Jika gambar tersebut di ketuk akan keluar suara yang sesuai dengan gambar tersebut dalam bahasa inggris.

8 Family Gambar Anggota Keluarga Gambar 3.8 Halaman Menu Family 7) Halaman Menu Color Pada menu Color ini akan ada tampilan gambar warna biru, coklat, hijau, hitam, jingga, kuning, merah, merah muda, ungu, puith. Jika warna tersebut ditekan atau diketuk akan keluar suara yang sama dengan warna tersebut dalam bahasa inggris.

9 Colour Gambar Warna-warna Gambar 3.9 Halaman Menu Colour 8) Halaman Menu Exercise Pada halaman Exercise ini akan ada tampilan soal latihan yang terdiri dari gambar, kolom untuk menjawab, tombol next dan tombol answer. Menu latihan ini berguna untuk melatih siswa untuk mengasah seberapa jauh pengetahuan siswa dalam menggunakan aplikasi pembelajaran bahasa inggris dasar ini.

10 Exercise Jawab dengan menggunakan bahasa inggris Contoh Gambar Kolom untuk menjawab Answer Next salahbenar Gambar 3.10 Halaman Menu Exercise 9) Halaman Menu About Halaman ini berisi tentang penjelesan dari aplikasi pembelajaran Bahasa Inggris tersebut.

11 About Terdapat Penjelasan Tentang Penulis Gambar 3.11 Halaman Menu About

dokumen-dokumen yang mirip

BAB III ANALISA DAN PERANCANGAN

BAB III ANALISA DAN PERANCANGAN 3.1 Analisa Seperti langkah-langkah yang dilakukan pada salah satu model proses rekayasa perangkat lunak yaitu model MDLC, maka pada bab ini akan dibahas tentang tahap-tahap