Flowchart Sistem Use Case Diagram Activity Diagram

3.1.2.3 Perangkat Lunak Perangkat lunak yang dibutuhkan untuk menjalankan aplikasi ini adalah : a. Adobe Flash Player b. Adobe Shockwave Player Perangkat lunak yang digunakan untuk membuat aplikasi pembelajaran servis sepeda motor Honda BeAT adalah sebagai berikut : a. Sistem Operasi Windows 7 b. Maxon Cinema 4D 11.5 c. Adobe Flash CS5 d. Adobe Director 11.5 e. Adobe Photoshop CS5 f. Adobe Ilustrator CS5 g. Corel Draw X5 h. Adobe Audition CS3

3.2 Perancangan Sistem

3.2.1 Flowchart Sistem

Pada Gambar 3.2 dijelaskan bahwa setelah user memulai menjalankan aplikasi, user akan masuk ke dalam menu utama apikasi. Pada menu utama, user dihadapkan dengan enam pilihan menu utama yaitu menu yang dinamakan menu spesifikasi, menu komponen, menu alat servis, menu servis ringan, menu latihan soal dan menu bantuan. Pada tiap menu terdapat tombol untuk keluar atau mengakhiri aplikasi. Gambar 3.2 Flowchart Sistem

3.2.2 Use Case Diagram

Gambar 3.3 menjelaskan fungsi-fungsi dari user pada sistem atau aplikasi ini. User dapat mengakses semua tools yang ada pada aplikasi tanpa harus login terlebih dahulu. Gambar 3.3 Use Case Diagram

3.2.3 Activity Diagram

Gambar 3.4 menggambarkan aktivitas user saat berada pada spesifikasi sepeda motor Honda BeAT. Saat user menginput “Spesifikasi”, user akan masuk pada materi spesifikasi meliputi spesifikasi mesin, transmisi, kelistrikan, dimensi, rangka, performa serta model 3D sepeda motor Honda BeAT. Gambar 3.4 Activity Diagram pada Menu Spesifikasi Gambar 3.5 menggambarkan aktivitas user saat berada pada “Komponen”. Saat user menginput “Komponen”, user akan masuk pada materi komponen yang di dalamnya terdapat bagian komponen sepeda motor Honda BeAT. User menginput bagian komponen, kemudian aplikasi akan menampilkan materi komponen sepeda motor Honda BeAT yang dipilih oleh user. . Gambar 3.5 Activity Diagram pada Menu Komponen Gambar 3.6 menggambarkan aktivitas user saat berada pada “Alat Servis”. Saat user menginput “Alat Servis”, user akan masuk pada materi peralatan servis yang dibutuhkan dalam pelaksanaan servis Honda BeAT. Gambar 3.6 Activity Diagram pada Menu Alat Servis Gambar 3.7 menggambarkan aktivitas user saat berada pada “Servis Ringan”. Saat user menginput “Servis”, user akan masuk pada materi tata cara servis sepeda motor Honda BeAT. User dapat menginput materi tata cara servis ringan dengan memilih pilihan servis. Pada halaman ini user akan melihat tata cara servis ringan sepeda motor Honda Beat dengan animasi 3D. User bebas mengerakkan pergerakan kamera dari aplikasi dengan menggunakan bantuan mouse atau keyboard. Gambar 3.7 Activity Diagram Pada Menu Servis Gambar 3.8 menggambarkan aktivitas user saat berada pada “Latihan Soal”. Saat user menginput “Latihan Soal”, user diminta untuk memasukan nama. Setelah itu, user akan mengerjakan soal latihan yang berhubungan dengan servis sepeda motor Honda BeAT, dimana soal yang disajikan berbentuk pilihan ganda dengan empat pilihan jawaban. Setelah menyelesaikan soal yang ada, user akan mendapatkan tambahan 10 angka bila menjawab tiap pertanyaan, kemudian score total hasil akan muncul pada akhir dari soal yang telah dikerjakan . Gambar 3.8 Activity Diagram Pada Latihan Soal

3.2.4 Skenario Aplikasi