25
BAB III
ANALISA DAN PERANCANGAN APLIKASI
3.1 Analisa Kebutuhan Aplikasi
Dalam kebutuhan pembuatan aplikasi pertama yang harus dilakukan adalah menganalisa berbagai kebutuhan yang di perlukan dalam rancang bangun sebuah sistem untuk dijadikan sebagai bahan masukan atau acuan dalam pengembangan rancang bangun sistem aplikasi tersebut. Kebutuhan - kebutuhan ini diperlukan sebagai input yang diperlukan, output yang diharapkan oleh pembuatan desain antar muka yang mudah dipahami dan mudah digunakan oleh pengguna.
Pada penelitian ini penulis menemukan permasalahan yang terjadi, masalah yang dihadapi adalah kurangnya sistem pembelajaran untuk orang yang ingin mengetahui tentang ilmu multimedia, mengetahui cara membuat suatu media informasi, baik berbentung 2 dimensi ataupun 3 dimensi.
3.1.1 Identifikasi Masalah
Pada identifikasi masalah ini bertujuan untuk mengetahui permasalahan apa saja yang terjadi. Menganalisis yang terjadi merupakan awal yang harus dilakukan.
Berikut ini permasalahannya sebagai berikut:
1. Pembuatan aplikasi edukasi unuk mengenal lebih jauh Multimedia dan dasar dasarnya.
2. Memberikan sistem edukasi yang gratis dan mudah untuk digunakan.
3. Membuat aplikasi yang bisa bibuka dimana saja dan kapan saja.
26 3.1.2 Analisa Kebutuhan Aplikasi
Setelah melakukan identifikasi masalah dan mengevaluasi masalah di atas, penulis dapat merumuskan masalah kebutuhan yang akan dibutuhkan saat perancangan aplikasi, adapun kebutuhan-kebutuhan tersebut adalah:
1. Analisa Kebutuhan Software
Software yang dibutuhkan untuk merancang aplikasi Android yaitu dengan spesifikasi sebagai berikut:
1. Sistem Oprasi Windows 10 2. Android Studio
3. Android SDK Manager 4. Photoshop CS6 Portable 5. Corel Draw X7
2. Analisa Kebutuhan Hardware
Hardware yang dibutuhkan untuk merancang aplikasi Android yaitu dengan spesifikasi sebagai berikut:
1. Lamptop/computer
2. Prosessor AMD E1 Essential 3. Printer
4. RAM 6GB 5. HDD 500GB
6. Smartphone Android v0.8 Oreo
27 3. Analisa Kebutuhan Pengguna
1. Berjalan hanya pada sistem operasi Android
2. Minimal android versi 4.0. Ice Cream Sandwich (API Level 17)
Hasil dari analisa kebutuhan aplikasi yang telah dirumuskan oleh penulis, menjadi dasar untuk membangun sebuah aplikasi pembelajaran multimedia.
3.2 Desain
Perancangan sistem atau desain, dimaksudkan agar memberikan gambaran umum mengenai sistem yang akan dibangun. Perancangan ini mengidentifikasi komponen sistem informasi yang akan dibangun secara detail. Adapun perancangan sistem yang dimaksud adalah sebagai berikut:
3.2.1 Rancangan algoritma
Dibutuhkan algoritma untuk diimplementasikan ke dalam program aplikasi ini, yaitu langkah-langkah instruksi sehingga dicapai hasil yang diinginkan. Algoritma yang digunakan dalam aplikasi ini.
Dibawah ini adalah, flowchart aplikasi pembelajaran multimedia.
Gambar 3.1 Flowchart Aplikasi Pembelajaran Multimedia.
28
Gambar 3.2 Flowchart Menu History Nilai dan About 3.2.2 Software Architecture
Perancangan sistem dilakukan untuk merencanakan, menggambarkan, dan membuat sketsa pada beberapa elemen yang terpisah menjadi satu kesatuan yang utuh.
Perancangan ini adalah hasil transformasi analisa kedalam perancangan yang akan diimplementasikan.
Untuk itu berikut adalah arsitektur yang digunakan untuk membuat aplikasi sistem pembelajaran Multimedia.
A. Use Case Diagram
Use Case Diagram merupakan suatu aktifitas yang menggambarkan urutan interaksi antar satu atau lebih aktor dan sistem. Use Case yang akan dirancang yaitu
29
Use Case diagram untuk mengakses melalui perangkat android. Gambar dibawah menjelaskan aliran Use Case diagram pengaksesan melalui perangkat android.
Gambar 3.3 Use Case Aplikasi Pembelajaran Multimedia.
Gambar 3.4 Use Case Menu History dan Menu About.
Untuk menjelaskan gambar-bambar di atas silahkan lihat table di bawah, yang sudah penulis buat :
Tabel 3.1 Use Case Menu Utama
Nama Use Case Use Case Utama
Deskripsi Pengguana mengakses menu utama
untuk memilih menu yang ada
30
Aksi Memilih menu permainan yang
disediakan
Kondisi Awal Aplikasi sudah dimulai pengguna ada di menu utama
Kondisi Akhir Pemain akan beralih ketampilan menu yang di pilihnya
Tabel 3.2 Use Case Pengenalan Jurusan Multimedia
Nama Use Case Use Case Utama
Deskripsi Pengguana mengakses menu utama
untuk memilih menu Menu Pengenalan Jurusan Multimedia
Aksi Membaca materi Pengenalan Jurusan
Multimedia
Kondisi Awal Aplikasi sudah dimulai pengguna ada di Menu Pengenalan Jurusan Multimedia Kondisi Akhir Pemain akan beralih kemenu Kuis untuk
mengerjakan Kuis.
Tabel 3.3 Use Case Menu Bab I Dasar Multimedia
Nama Use Case
Use Case Menu Bab I Dasar Multimedia
31
Deskripsi Pengguana mengakses menu utama
untuk memilih menu Menu Bab I Dasar Multimedia
Aksi Membaca materi Dasar Multimedia
Kondisi Awal Aplikasi sudah dimulai pengguna ada di Menu Bab I Dasar Multimedia
Kondisi Akhir Pemain akan beralih kemenu Kuis untuk mengerjakan Kuis.
Tabel 3.4Use Case Menu Bab II Software dan Hardware Pendukung
Nama Use Case
Use Case Menu Bab II Software dan Hardware Pendukung.
Deskripsi Pengguana mengakses menu utama
untuk memilih menu Menu Bab II Software dan Hardware Pendukung.
Aksi Membaca materi Software dan
Hardware Pendukung.
Kondisi Awal Aplikasi sudah dimulai pengguna ada di Menu Bab II Software dan Hardware Pendukung.
Kondisi Akhir Pemain akan beralih kemenu Kuis untuk mengerjakan Kuis.
32
Tabel 3.5 Use Case Menu Bab III Pengenalan alat Informasi
Nama Use Case
Use Case Menu Bab III Pengenalan alat Informasi
Deskripsi Pengguana mengakses menu utama
untuk memilih menu Menu Bab III Pengenalan alat Informasi
Aksi Membaca materi Pengenalan alat
Informasi
Kondisi Awal Aplikasi sudah dimulai pengguna ada di Menu Bab III Pengenalan alat Informasi Kondisi Akhir Pemain akan beralih kemenu Kuis untuk
mengerjakan Kuis.
Tabel 3.6 Use Case Menu Bab IX Animasi 2D
Nama Use Case Use Case Menu Bab IX Animasi 2D
Deskripsi Pengguana mengakses menu utama
untuk memilih menu Menu Bab IX Animasi 2D
Aksi Membaca materi Animasi 2D
33
Kondisi Awal Aplikasi sudah dimulai pengguna ada di Menu Bab IX Animasi 2D
Kondisi Akhir Pemain akan beralih kemenu Kuis untuk mengerjakan Kuis.
Tabel 3.7 Use Case Menu Bab X Animasi 3D
Nama Use Case Use Case Menu Bab X Animasi 3D
Deskripsi Pengguana mengakses menu utama
untuk memilih menu Menu Bab X Animasi 3D
Aksi Membaca materi Animasi 3D
Kondisi Awal Aplikasi sudah dimulai pengguna ada di Menu Bab X Animasi 3D
Kondisi Akhir Pemain akan beralih kemenu Kuis untuk mengerjakan Kuis.
Tabel 3.8Use Case Menu History
Nama Use Case Use Case Menu History
Deskripsi Pengguana mengakses menu History
Aksi Melihat history nilai yang telah di dapat
34
Kondisi Awal Aplikasi sudah dimulai pengguna ada di Menu History
Kondisi Akhir Pemain akan beralih kemenu About
untuk melihat tentang aplikasi
Tabel 3.9Use Case Menu Tutorial
Nama Use Case Use Case Menu Tutorial
Deskripsi Pengguana mengakses menu Tutorial
Aksi Membaca materi Tutorial
Kondisi Awal Aplikasi sudah dimulai pengguna ada di Menu Tutorial
Kondisi Akhir Pemain akan memulai atau memutar
video yang ada di dalam materi.
B. Activity Diagram
Activity Diagram yaitu alur kerja pada setiap use case, Activity Diagram pada analisa ini mencangkup tiap-tiap usecase.
35
1. Activity Diagram Menu Pengenalan Multimedia.
Gambar 3.5 Activity Diagram Menu Pengenalan Multimedia
Activity Diagram Menu Pengenalan, akan dimulai setelah Pengguna mebuka aplikasi, setelah itu aplikasi akan memunculkan Splash Screen dan jiak di klik akan masuk ke menu utama, setelah itu menuju ke menu Bab I dasar-dasar Multimedia, di menu tersebut diberikan materi tentang dasar multimedia, setelah itu di bawah materi ada menu untuk masuk kuis yang bisa di isi pengguna.
36 2. Activity Diagram Menu Dasar Multimedia.
Gambar 3.6 Activity Diagram Menu Dasar Multimedia
Activity Diagram Menu Dasar Multimedia, akan dimulai setelah Pengguna mebuka aplikasi, setelah itu aplikasi akan memunculkan Splash Screen dan jiak di klik akan masuk ke menu utama, setelah itu menuju ke menu dasar-dasar Multimedia, di
37
menu tersebut diberikan materi tentang dasar multimedia, setelah itu di bawah materi ada menu untuk masuk kuis yang bisa di isi pengguna.
3. Activity Diagram Menu Software dan Hardware Pendukung
Gambar 3.7 Activity Diagram Menu Software dan Hardware Pendukung Activity Diagram Menu Software dan Hardware Pendukung, sama seprti, akan dimulai setelah Pengguna membuka aplikasi, setelah itu aplikasi akan memunculkan Splash Screen dan jika di klik akan masuk ke menu utama, setelah itu menuju ke menu Software dan Hardware Pendukung, di menu tersebut diberikan materi tentang
38
Software dan Hardware yang di butuhkan, setelah itu di bawah materi ada menu untuk masuk kuis yang bisa di isi pengguna.
4. Activity Diagram Menu Pengenalan Media Informasi.
Gambar 3.8Activity Diagram Menu Pengenalan alat Informasi.
Activity Diagram Menu Pengenalan alat Informasi, sama seprti, akan dimulai setelah Pengguna membuka aplikasi, setelah itu aplikasi akan memunculkan Splash Screen dan jika di klik akan masuk ke menu utama, setelah itu menuju ke menu Pengenalan alat Informasi, di menu tersebut diberikan materi tentang alat penampilan
39
informasi tersebut, setelah itu di bawah materi ada menu untuk masuk kuis yang bisa di isi pengguna.
5. Activity Diagram Menu Animasi 2D
Gambar 3.9 Activity Diagram Menu Animasi 2D
Activity Diagram Menu Animasi 2D, sama seprti, akan dimulai setelah Pengguna membuka aplikasi, setelah itu aplikasi akan memunculkan Splash Screen dan jika di klik akan masuk ke menu utama, setelah itu menuju ke Menu Animasi 2D,
40
di menu tersebut diberikan materi tentang animasi 2D, setelah itu di bawah materi ada menu untuk masuk kuis yang bisa di isi pengguna
6. Activity Diagram Menu Animasi 3D
Gambar 3.10 Activity Diagram Menu Animasi 3D
Activity Diagram Menu Animasi 3D, sama seprti, akan dimulai setelah Pengguna membuka aplikasi, setelah itu aplikasi akan memunculkan Splash Screen dan jika di klik akan masuk ke menu utama, setelah itu menuju ke Menu Animasi 3D,
41
di menu tersebut diberikan materi tentang animasi 3D, setelah itu di bawah materi ada menu untuk masuk kuis yang bisa di isi pengguna.
7. Activity Diagram Menu History
Gambar 3.11 Activity Diagram Menu History
Activity Diagram Menu History akan dimulai setelah Pengguna membuka aplikasi, setelah itu aplikasi akan memunculkan Splash Screen dan jika di klik akan masuk ke menu utama, setelah itu masuk ke menu History dan menampilkan nilai dari kuis yang di kerjakan.
42 8. Activity Diagram Menu About
Gambar 3.12 Activity Diagram Menu About
Activity Diagram Menu About akan dimulai setelah Pengguna membuka aplikasi, setelah itu aplikasi akan memunculkan Splash Screen dan jika di klik akan masuk ke menu utama, setelah itu masuk ke menu History dan menampilkan nilai dari kuis yang di kerjakan, setelah itu biwah daftar nilai ada menu about, untuk menampilkan informasi pembuatan aplikasi ini.
43 9. Activity Diagram Menu Tutorial
Gambar 3.13 Sequence Diagram Menu Tutorial
Activity Diagram Menu About akan dimulai setelah Pengguna membuka aplikasi, setelah itu aplikasi akan memunculkan Splash Screen dan jika di klik akan masuk ke menu utama, setelah itu masuk ke menu Tutorial. Di dalam menu tutorial akan di sajikan materi yang bisa di buka dan dibaca oleh user.
44 C. Sequence Diagram
Rangkaian kegiatan aplikasi ini juga digambarkan melalui sequence diagram.
Untuk lebih detailnya akan dijelaskan pada gambar – gambar dibawah ini:
1. Sequence Diagram Menu Bab.
Gambar 3.14 Sequence Diagram Menu Bab
45 2. Sequence Diagram Menu History
Gambar 3.15 Sequence Diagram Menu History 3. Sequence Diagram Menu About
Gambar 3.16 Sequence Diagram Menu About
46 3.3 Implementasi
Implementasi merupakan bagian dari tahap dalam pembangunan sebuah aplikasi. Implementasi Aplikasi Pembelajaran Berbasis Android Dengan Menggunakan Metode Computer Assisted Instruction (Cai) menggunakan software Android Studio.
1. Tampilan Splash Screen
Saat membuka aplikasi, akan di sambut dengan tampilan splash screen.
Keterangan : 1. Logo Aplikasi
Gambar 3.17 Tampilan Splash Screen
47 2. Tampilan Menu utama
Keterangan : 1. Header
2. Menu Pengenalan MM 3. Menu bab I Dasar-dasar
4. Menu bab II software dan hardware 5. Menu bab III alat informasi
6. Menu bab IX animasi 2d 7. Menu bab X animasi 3d 8. Menu Tutorial
9. Menu Skor Nilai
Gambar 3.18 Tampilan Menu utama
48 3. Tampilan Menu Sub Materi
Keterangan : 1. Sub Materi 1 2. Sub Materi 2 3. Sub Materi 3 4. Sub Materi 4 5. Tombol Suara Info 6. Menu kuis Pengenalan
Gambar 3.19 Tampilan Menu Sub Materi 4. Tampilan Menu Materi Pengenalan Jurusan Multimedia
Keterangan : 1. Logo aplikasi
2. Tombol kembali/keluar 3. Gambar materi terkait 4. Materi yang di sampaikan 5. (8) Suara Materi
Gambar 3.20 Tampilan Pengenalan Jurusan Multimedia
49 5. Tampilan Menu Dasar-dasar Multimedia
Keterangan : 6. Logo aplikasi
7. Tombol kembali/keluar 8. Gambar materi terkait 9. Materi yang di sampaikan 10. (8) Suara Materi
Gambar 3.21 Tampilan Menu Dasar-dasar Multimedia 6. Tampilan Menu Software dan Hardware Pendukung
Keterangan : 1. Logo aplikasi
2. Tombol kembali/keluar 3. Gambar materi terkait
4. Materi yang di sampaikan (Software) 5. Materi yang di sampaikan (Hardware) 6. Tobol suara materi
Gambar 3.22 Tampilan Menu Software dan Hardware Pendukung
50
7. Tampilan Menu Pengenalan Media Informasi Keterangan :
1. Logo aplikasi
2. Tombol kembali/keluar 3. Gambar materi terkait
4. Materi yang di sampaikan (banner, poster dan lain- lain )
5. Gambar materi terkait
6. Materi yang di sampaikan (video dam websait) 7. Tombol suara materi
Gambar 3 23Tampilan Menu Pengenalan Alat Informasi 8. Tampilan Menu Animasi 2D dan Animasi 3D
Keterangan : 1. Logo aplikasi
2. Tombol kembali/keluar 3. Gambar materi terkait
4. Materi yang di sampaikan (animasi 2d dan animasi 3d) 5. Gambar contoh animasi terkait
6. Tombol suara materi
Gambar 3.24 Tampilan Menu Animasi 2D Animasi 3
51 9. Tampilan Menu Tutorial
Keterangan : 1. Logo aplikasi
2. Tombol kembali/keluar 3. Video Tutorial
4. Sumber terkait 5. (8) Suara Sumber
Gambar 3.25 Tampilan Menu materi Tutorial
52 10. Tampilan Menu History
Keterangan : 1. Logo aplikasi
2. Tombol kembali/keluar
3. Nilai kuis tertinggi, terakhir dan tanggal mengerjakan kuis dasar-dasar multimedia 4. Nilai kuis tertinggi, terakhir dan tanggal
mengerjakan kuis software dan hardware pendukung.
5. Nilai kuis tertinggi, terakhir dan tanggal mengerjakan kuis pengenalan alat informasi 6. Nilai kuis tertinggi, terakhir dan tanggal
mengerjakan kuis animasi 2d
7. Nilai kuis tertinggi, terakhir dan tanggal mengerjakan kuis animasi 3d
8. Tombol reset history 9. Tombol about
Gambar 3.26 Tampilan Menu History
53 11. Tampilan Menu About
Keterangan : 1. Judul about
2. Referensi aplikasi dan informasi penulis.
Gambar 3.27 Tampilan Menu About 12. Tampilan Menu Kuis
Keterangan :
1. Soal yang di tampilkan 2. Tombal Jawab
Gambar 3 28 Tampilan Menu Kuis
54 3.4 Testing
Testing atau pengujian sistem adalah salah satu hal yang paling penting yang bertujuan untuk menemukan kesalahan-kesalahan atau kekurangan-kekurangan pada aplikasi yang akan diuji. Pengujian ini bermaskud untuk mengetahui aplikasi yang dibuat sesuai dengan kinerjanya dan juga sesuai dengan perancangan aplikasinya.
3.4.1 Black-Box
Sebuah spesifikasi black-box menggambarkan sebuah abstraksi, rangsangan, dan respon. Banyak dari konsep-konsep yang diperkenalkan untuk sistem berorientasi objek juga berlaku untuk black-box.
Tabel 3.10 Black-Box Aplikasi Pembelajaran Multimedia
NO
Nama Fungsi yang di uji
Skenario pengujian
Hasil yang di
harapkan Kesimpulan 1
Tampilan Splash
Screen Memulai aplikasi
Masuk ke tampilan
Utama sukses
2 Menu utama
Menekan menu Dasar-dasar Multimedia
Masuk ke tampilan materi dasar
multimedia sukses Menekan menu
Pengenalan Jurusan Multimedia
Masuk tampilan matri Pengenalan
Jurusan
Multimedia sukses Menekan menu
software dan hardware
Masuk ke tampilan materi software
dan hardware sukses
55 Menekan menu pengenalan alat
informasi
Masuk ke tampilan materi pengenalan
alat informasi sukses Menekan menu
Animasi 2D
Masuk ke tampilan
materi Animasi 2D sukses Menekan menu
Animasi 3D
Masuk ke tampilan
materi Animasi 3D sukses Memilih menu
tutorial
Masuk materi
tutorial sukses Menekan menu
history nilai
Masuk ke tampilan
history nilai sukses Menekan tombol
keluar aplikasi
Keluar aplikasi dan muncul
konfirmasi sukses
3
Tampilan menu pengenalan multimedia
Menekan tombol
kuis Tampil menu kuis sukses
4
Tampilan menu Dasar-dasar Multimedia
Menekan tombol
kuis Tampil menu kuis sukses
5
Tampilan menu software dan
hardware
Menekan tombol
kuis Tampil menu kuis sukses
6
Tampilan menu pengenalan alat
informasi
Menekan tombol
kuis Tampil menu kuis sukses 7
Tampilan menu Animasi 2D
Menekan tombol
kuis Tampil menu kuis sukses
56 8
Tampilan menu Animasi 3D
Menekan tombol
kuis Tampil menu kuis sukses 9
Tampilan menu tutorial
Meilih mareri tutorial
Memurar materi
video tutorial sukses
10
Tampilan menu history nilai
Melihat nilai dan tanggal di kerjakan kuis
Dasar-dasar Multimedia
Menapilkan nilai dan tanggal di
kerjakan kuis Dasar-dasar
Multimedia sukses Melihat nilai dan
tanggal di kerjakan kuis
software dan hardware
Menapilkan nilai dan tanggal di
kerjakan kuis software dan
hardware sukses Melihat nilai dan
tanggal di kerjakan kuis
software dan hardware
Menapilkan nilai dan tanggal di
kerjakan kuis software dan
hardware sukses Melihat nilai dan
tanggal di kerjakan kuis pengenalan alat
informasi
Menapilkan nilai dan tanggal di
kerjakan kuis pengenalan alat
informasi sukses Melihat nilai dan
tanggal di kerjakan kuis
Animasi 2D
Menapilkan nilai dan tanggal di
kerjakan kuis
Animasi 2D sukses
57 Melihat nilai dan
tanggal di kerjakan kuis
Animasi 3D
Menapilkan nilai dan tanggal di
kerjakan kuis
Animasi 3D sukses Menekan tombol
reset nilai
Terhapus semua nilai yang sudah
ada sukses
Memilih tombol About
Masuk ke tampilan
about sukses
3.5 User interface
User interface adalah tampilan grafis yang berhubungan langsung dengan pengguna yang bertujuan untuk memperlihatkan bagaimana bentuk perangkat lunak yang telah dibuat oleh penulis. Berikut user interface dari aplikasi meliputi :
58 1. Tampilan Splash Screen
Gambar 3.29 Tampilan Splash Screen
Tampilan SplashScreen adalah tampilan yang pertama kali terbuka jika aplikasi di jalankan, kemudia tampilan akan ke redirect otomatis ke menu utama setelah 2 detik yang sudah diatur dalam programnya.
59 2. Tampilan Menu Utama
Gambar 3.30 Tampilan Menu Utama
Tampilan menu utama ini terdiri dari 6 menu dan semua di susun secara sederhana untuk memudahkan pengguna. Menu utama terdiri dari beberapa menu di antaranya, Dasar-dasar Multimedia, software dan hardware, pengenalan Media informasi, Animasi 2D, Animasi 3D dan Skor History.
60 3. Tampilan Sub materi
Gambar 3.31 Sub Materi
Tampilan Sub materi, menu ini terdapat judul materi yang diperlukan dalam, Seluruh materi yang ada,. Dan di menu ini juga memiliki menu kuis, yang bisa di kerjakan pengguna.
61
4. Tampilan menu Materi Pengenalan Jurusan Multimedia
Gambar 3.32 Pengenalan Jurusan Multimedia
Tampilan menu Materi Pengenalan Multimedia, menu ini terdapat materi yang diperlukan dalam, Pengenalan Jurusan multimedia, meliputi Tentang jurusan multimedia dan keuntungan jurusan multimedia
62 5. Tampilan menu Dasar-dasar Multimedia
Gambar 3.33 Dasar-dasar Multimedia
Tampilan menu Dasar-dasar Multimedia, menu ini terdapat materi yang diperlukan dalam, dasar-dasar multi media, meliputi pengertian, macam-macam multimedia dan lain-lain.
63 6. Tampilan Menu Software Dan Hardware
Gambar 3.34 Software dan Hardware
Tampilan Menu Software Dan Hardware, menu ini terdapat materi yang diperlukan dalam, Software Dan Hardware yang diperlukan, meliputi perangkat keras dan lunak yang dibutuhkan, spesifikasi perangkat dan lain-lain.
64
7. Tampilan Menu Pengenalan Media Informasi
Gambar 3.35 Pengenalan Media Informasi
Tampilan Menu Pengenalan Media Informasi, menu ini terdapat materi yang diperlukan dalam Pengenalan Media Informasi, meliputi brosur, poster, video dan lain- lain, media tersebut memiliki pengertian dan fungsi yang akan dijelaskan di materi ini, dari mulai kegunaan dan cara pembuatan.
65 8. Tampilan menu Animasi 2D
Gambar 3.36 Animasi 2D
Tampilan menu Animasi 2D, menu ini terdapat materi yang diperlukan, Animasi 2D, meliputi pengertian, macam-macam animasi dan lain-lain.
66 9. Tampilan menu Animasi 3D
Gambar 3.37 Animasi 3D
Tampilan menu Animasi 3D, menu ini terdapat materi yang diperlukan, Animasi 3D, meliputi pengertian, macam-macam animasi dan lain-lain.
67 10. Tampilan Menu Materi Tutorial
Gambar 3.38 Materi Tutorial
Ini adalah tampilan menu Tutorial, menu ini bisa di akses oleh user, didalam menu ini bisa di temukan video tutorial dan sumber yang bisa di akses.
68 11. Tampilan menu Kuis
Gambar 3.39 Menu Kuis
Ini adalah tampilan menu kuis, menu ini bisa di akses di semua materi yang tersedia, kuis ini memiliki 5 atau 10 soal, yang bisa dikerjakan oleh pengguna.
69 12. Tampilan menu History nilai
Gambar 3.40 Tampilan History
Tampilan History, ini bisa di akses ketika pengguna menekan tombol history di bagian bawah kanan pada menu utama, di dalam menu ini memiliki nilai yang didapat dari mengerjakan kuis, permateri yang ada, pada menu ini hanya skor tertinggi saja yang tercantum, menu ini pula memiliki tombol reset, yang berguna untuk menghapus data nilai.
70 13. Tampilan menu History nilai
Gambar 3 41 Tampilan About
Tampilan About ini berisi tentang persembahan penulis dan sumber materi yang di ambil.
71 3.6 Support
Bagian ini merupakan perangkat yang mendukung untuk menjalankan Aplikasi Pembelajaran Berbasis Android Dengan Menggunakan Metode Computer Assisted Instruction (Cai). Perangkat yang digunakan adalah Smartphone dengan sistem operasi Android dengan ketentuan sebagai berikut.
Tabel 3.11 Support
No Kebutuhan Keterangan
1 Tipe Asus Zenfone Max M1
2 Sistem Operasi Android Oreo 8.1
3 Processor Snapdragon SD 430
4 RAM 3 GB
5 Kapasitas 32 GB