• Tidak ada hasil yang ditemukan

BAB III ANALISA DAN PERANCANGAN APLIKASI

N/A
N/A
Nguyễn Gia Hào

Academic year: 2023

Membagikan "BAB III ANALISA DAN PERANCANGAN APLIKASI"

Copied!
47
0
0

Teks penuh

(1)

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.

(2)

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

(3)

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.

(4)

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

(5)

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

(6)

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

(7)

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.

(8)

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

(9)

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

(10)

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.

(11)

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.

(12)

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

(13)

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

(14)

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

(15)

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,

(16)

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,

(17)

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.

(18)

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.

(19)

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.

(20)

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

(21)

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

(22)

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

(23)

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

(24)

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

(25)

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

(26)

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

(27)

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

(28)

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

(29)

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

(30)

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

(31)

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

(32)

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

(33)

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 :

(34)

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.

(35)

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.

(36)

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.

(37)

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

(38)

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.

(39)

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.

(40)

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.

(41)

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.

(42)

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.

(43)

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.

(44)

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.

(45)

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.

(46)

70 13. Tampilan menu History nilai

Gambar 3 41 Tampilan About

Tampilan About ini berisi tentang persembahan penulis dan sumber materi yang di ambil.

(47)

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

Gambar

Tabel 3.4 Use Case Menu Bab II Software dan Hardware Pendukung
Tabel 3.9 Use Case Menu Tutorial
Gambar 3.5 Activity Diagram Menu Pengenalan Multimedia
Gambar 3.6 Activity Diagram Menu Dasar Multimedia
+7

Referensi

Garis besar

Dokumen terkait

Hasil perhitungan Current Ratio yang menunjukkan kemampuan perusahaan dalam melunasi liabilitas lancar dengan menggunakan aset lancar dari yang paling baik adalah PT Asuransi Bina Dana

pengelolaan administrasi dan pelaporan pelaksanaan kegiatan pemberdayaan masyarakat, penyelenggaraan ketentraman dan ketertiban umum, penerapan dan penegakan Perda dan Peraturan Bupati,