5. Sequence Diagram untuk latihan percakapan
Gambar 4.20 Sequences Diagram Evaluasi
6. Sequence Diagram untuk Kamus
Gambar 4.21 Sequence Diagram Kamus
Siswa HalamanEvaluasi
HalamanListLatihan HalamanLatihanPercakapan
1 : Pilih_Menu_Evaluasi 2 : Tampil_Halaman_Evaluasi
3 : Klik_Enter_Dan_Masukan_Nama 4 : Tampil_Halaman_List_Latihan
5 : Pilih_Halaman_Latihan_Percakapan 6 : Tampil_Halaman_Latihan_Percakapan
7 : Melakukan_Latihan_Percakapan 8 : Tampil_Halaman_Akhir_Latihan_Percakapan
Siswa HalamanKamus
Pencarian 1 : Pilih_Menu_Kamus
2 : Tampil_Halaman_Kamus 3 : Pilih_Jenis_Kamus
4 : Masukan_Keyword_Pada_Kolom_Pencarian 5 : Tampil_Hasil_Pencarian
7. Sequence Diagram untuk Budaya
Gambar 4.22 Sequence Diagram Budaya 8. Sequence Diagram untuk Profil
Gambar 4.23 Sequence Diagram Profil 9. Sequence Diagram untuk Bantuan
Gambar 4.24 Sequence Diagram Bantuan
Siswa HalamanBudaya
1 : Pilih_Menu_Budaya 2 : Tampil_Halaman_List_Budaya
3 : Pilih_Budaya
4 : Tampil_Halaman_Budaya
Siswa HalamanProfil
1 : Pilih_Menu_Profil 2 : Tampil_Halaman_Profil
Siswa HalamanBantuan
1 : Pilih_Menu_Bantuan 2 : Tampil_Halaman_Bantuan
4.2.3.5 Class Diagram
Class digambarkan dengan sebuah kotak dibagi menjadi tiga bagian. Bagian paling atas diisikan nama class, bagian tengah diisikan variable yang
dimiliki class, dan bagian bawah diisikan method-method dari class.
Gambar 4.25 Class Diagram Aplikasi Mobile Learning pembelajaran bahasa jepang yang Diusulkan
HomeActivity
+onCreateView +onClick
HomeActivityDetail
+onCreate +onOptionsItemSelected
EvaluasiActivity
+onCreateView +onClick
MateriActivity
+pics; +imageView;
-cardAdapter; -text;
+onCreateView +Operation2
KamusActivity
+onCreateView +onDetach
ProfilActivity
+onCreate
HomeScreenActivity
+mDrawerLayout; +mDrawerList;
+mDrawerToggle; +mMenuAdapter;
+title; +subtitle;
+void onCreate +selectItem
+onKeyDown +onNavigationItemSelected
+onPostCreate
PertanyaanActivity
-currentQ; -currentGame;
-mCountDown; -time;
+onCreate +timeUp
+onClick +setQuestions
+onKeyDown -checkAnswer
-getSelectedAnswer
CategoriQuiz
-japan; -adapter;
-userName; +onCreate
goToQuiz -onActivityResult
-getQuestionSetFromDb
JapansIndo
-sqliteDB; -enablePopup;
+onCreate -onTextChanged
-beforeTextChanged -afterTextChanged
+onDestroy -getBitmapFromMemCache
NamaUserActivity
-username; -ok;
-tempName; -userName;
+onCreate +onBackPressed
+finish
ScoreActivity
+result; +comment;
+image; +onCreate
+onKeyDown +onClick
DropDownAdapterKamus
+context; +data;
+sqliteDB; +DropDownAdapter
+getView +onClick
+runOnUiThread
BantuanActivity
+onCreate
IndoJapans
-sqliteDB; -enablePopup;
+onCreate -onTextChanged
-beforeTextChanged -afterTextChanged
+onDestroy -getBitmapFromMemCache
BudayaActivity
-ActionBar: abs; -cardAdapter: card;
+onCreate +onOptionsItemSelected
+GoogleCardsAdapter
BudayaDetailActivity
-actionBar: abs; +onCreate
+onOptionsItemSelected
MateriDetailFirst
-abs; -cardAdapter;
+onCreate +GoogleCardsAdapter
+onOptionsItemSelected
MateriDetail
+onCreate
KosakataActivity
-abs; +cardAdapter;
+onCreate +GoogleCardsAdapter
+onOptionsItemSelected
KosakataDetail
-a; +onCreate
+onOptionsItemSelected
LatihanSoal
-userName; +onCreate
LatihanPercakapan
-userName; +onCreate
4.2.3.6.Diagram Objek
Diagram Objek mendeskripsikan bagaimana kumpulan objek tertentu saling berhubungan.
Gambar 4.26 Objek Diagram Aplikasi Mobile Learning pembelajaran bahasa jepang yang Diusulkan
HomeActivity
+onCreateView +onClick
HomeActivityDetail
+onCreate +onOptionsItemSelected
EvaluasiActivity
+onCreateView +onClick
MateriActivity
+Integer: pics; +Imageview: imageView;
-Cardadpter: cardAdapter; -TextView: text;
+onCreateView +Operation2
KamusActivity
+onCreateView +onDetach
ProfilActivity
+onCreate
HomeScreenActivity
+DrawerLayout: mDrawerLayout; +mIndicatorListView: mDrawerList;
+ActionBarDrawerToggle: mDrawerToggle; +MenuListAdapte: mMenuAdapter;
+String: title; +String: subtitle;
+void onCreate +selectItem
+onKeyDown +onNavigationItemSelected
+onPostCreate
PertanyaanActivity
-Question: currentQ; -GamePlay: currentGame;
-CountDownTimer: mCountDown; -long: time;
+onCreate +timeUp
+onClick +setQuestions
+onKeyDown -checkAnswer
-getSelectedAnswer
CategoriQuiz
-String: _japan; -SimpleAdapter: adapter;
-String: userName; +onCreate
goToQuiz -onActivityResult
-getQuestionSetFromDb
JapansIndo
-SQLiteDatabase: sqliteDB; -boolean: enablePopup;
+onCreate -onTextChanged
-beforeTextChanged -afterTextChanged
+onDestroy -getBitmapFromMemCache
NamaUserActivity
-EditText: username; -Button: ok;
-String: tempName; -String: userName;
+onCreate +onBackPressed
+finish
ScoreActivity
+String: result; +String: comment;
+int: image; +onCreate
+onKeyDown +onClick
DropDownAdapterKamus
+Context: context; +ArrayListString: data;
+SQLiteDatabase: sqliteDB; +DropDownAdapter
+getView +onClick
+runOnUiThread
BantuanActivity
+onCreate
IndoJapans
-SQLiteDatabase: sqliteDB; -boolean: enablePopup;
+onCreate -onTextChanged
-beforeTextChanged -afterTextChanged
+onDestroy -getBitmapFromMemCache
BudayaActivity
-ActionBar: abs; -cardAdapter: card;
+onCreate +onOptionsItemSelected
+GoogleCardsAdapter
BudayaDetailActivity
-actionBar: abs; +onCreate
+onOptionsItemSelected
MateriDetailFirst
-ActionBar: abs; -SimpleAdapter: cardAdapter;
+onCreate +GoogleCardsAdapter
+onOptionsItemSelected
MateriDetail
+onCreate
KosakataActivity
-ActionBar: abs; +SimpleAdapter: cardAdapter;
+onCreate +GoogleCardsAdapter
+onOptionsItemSelected
KosakataDetail
-MediaPlayer: a; +onCreate
+onOptionsItemSelected
LatihanSoal
-String: userName; +onCreate
LatihanPercakapan
-String: userName; +onCreate
4.2.3.6 Component Diagram
Component diagram yaitu memperlihatkan struktur fisik dari source code dalm terminology code components. Komponen berisi informasi tentang logical
class dapat berupa komponen source code, komponen biner atau komponen yang
dapat di eksekusi.
Gambar 4.27 Component diagram
4.2.3.7 Deployment Diagram
Deployment diagram menampilkan rancangan fisik jaringan dimana berbagai komponen akan terdapat disana. Diagram deployment aplikasi rute
pariwisata jawa barat dapat dilihat pada gambar di bawah ini.
JLHome.java SQlite
Bantuan.java Profil.java
Budaya.java
List Budaya.java Kamus.java
Indojapan.java Japanindo.java
Evaluasi
Nameuser.java
Categoriquiz.java Latihansoal.java
Latihanpercakapan.java Pertanyaan.java
Score.java Materi.java
Kosakata.java Materifirst.java
Gambar 4.28 Gambar Deployment Diagram
4.2.4. Perancangan Antar Muka
Perancangan antar muka merupakan penggambaran tampilan yang digunakan secara langsung oleh pengguna, interaksi yang dapat dilakukan oleh
pengguna dalam sistem. Adapun dalam antar muka ini terdapat beberapa bagian yang harus dilakukan,yaitu dari mulai menentukan struktur menu yang ada dalam
program, tampilan input dan output pada setiap fungsi yang telah ditentukan, diuraikan sebagai berikut.
4.2.4.1 Struktur Menu
Struktur menu adalah penggambaran alur menu yang ada pada aplikasi. Berikut ini struktur menu aplikasi Mobile Learning Mata Pelajaran Bahasa Jepang
berbasis android.
Android Device Database
SQLite Android OS
Aplikasi
Class
