3.

2 UML (Unified Modeling Language) The Unified Modeling Language (UML) adalah bahasa standart untuk melakukan spesifikasi, visualisasi, konstruksi, dan dokumentasi dari komponen-komponen perangkat lunak. 3.2.1 Use Case

earching materi setting prof il tam!ah komen mana$emen materi mana$emen latihan

<< extend >>

Help(pertolongan

<< extend >>

mana$emen istilah

<< extend >>

<< extend >> << extend >>

mana$emen % ideo % iew materi

Ikuti #orum

iswa(mem!er

View Istilah

% iew latihan

% iew istilah % iew % ideo

<< extend >>

View Video

<< extend >>

"ana$emen Animasi

tam!ah topik

View Animasi

% iew animasi

,uru )Admin* isi polling

<< extend >>

Ikuti f orum )khusus admin*

<< extend >>

% iew help View ila!us tam!ah komen

<< extend >>

&u!lik "ana$emen +ser isi !uku tamu

delete komentar

tam!ah topik

<< extend >> << extend >>

% iew sila!us

% iew prof il mem!er melakukan Registrasi View "ateri View hasil latihan )nilai*

<< extend >>

"ana$emen &olling mana$emen sila!us

Login << include >>

<< include >>

View History f orum Ikuti Latihan Cek Hasil Latihan

impan Hasil

delete mem!er

setting

"ana$emen 'uku tamu

Gambar 3.1 Use Case Diagram Penjelasan Use Case diagram: Publik (user umum)

Publik atau user umum hanya bisa melihat menu-menu yang ditampilkan sa a tanpa login dan regristrasi, yaitu melihat materi, istilah, video, animasi, silabus, help, searching, mengisi polling, dan buku tamu. Untuk Men adi member sis!a harus melakukan regristrasi, dan nantinya dapat melakukan latihan sebagai evaluasi Member

"etelah sukses login, member tidak hanya bisa melihat menu-menu yang ditampilkan untuk publik, tetapi member uga mendapat menu tambahan khusus berupa latihan "oal, dan beberapa menu yang lain sebagai berikut: - #ilai, member bisa melihat histori nilai-nilai latihan yang telah diker akanya - Setting, member bisa melakukan edit profil. - Forum, memungkinkan member untuk melakukan diskusi mengenai topik-topik tertentu. $iskusi bisa dilakukan dengan member yang lain dan dengan admin (guru). - Setting, member bisa melakukan perubahan profil yang telah disikan sebelumnya pada saat regristrasi. Admin (Guru)

"etelah sukses login, %dministrator bisa melihat menu-menu untuk publik dan member. %dministrator mempunyai tugas khusus memana emen dan mengelola pembela aran dengan baik, sehingga kualitas pembela aran tetap baik. Menu-menu untuk admin adalah sebagai berikut: - Mana emen Materi, administrator dapat melakukan insert, update dan delete Materi dan "ubmateri

- Mana emen Latihan, administrator dapat melakukan insert, update dan delete latihan, dan menentukan berapa banyak soal yang dapat diker akan oleh user. - Mana emen istilah, administrator dapat melakukan insert, update dan delete istilah - Mana emen istilah, administrator dapat melakukan insert, update dan delete istilah - Mana emen video, administrator dapat melakukan insert, dan delete video - Mana emen animasi, administrator dapat melakukan insert, update dan delete animasi - Mana emen &uku 'amu, administrator berhak menampilkan dan tidak menampilkan buku tamu yang telah diisi oleh user. %dmin uga dapat melakukan delete. - Mana emen polling, administrator dapat melakukan insert, update, delete, dan pengelolaan polling. - Mana emen silabus, administrator dapat melakukan perubahan terhadap silabus. - (orum untuk administrator, administrator dapat memberikan komentar, tambah topik dan delete komentar - Mana emen user, administrator dapat melihat profil member yang telah terdaftar, melakukan delete member, melihat hasil-hasil latihan yang dilakukan oleh member (berupa grafik dan angka) - Setting, administrator dapat melakukan perubahan username dan password. 3.2.2 Activity Diagram Acti it! $iagram digunakan untuk Memodelkan alur ker a "wor#flow$ sebuah proses dan urutan aktivitas dalam suatu proses. %dapun Acti it! Diagram perangkat lunak ini adalah sebagai berikut: a. Activity Diagram View Materi

Gambar 3.2 Acti it! Diagram %iew Materi b. Activity Diagram View Istilah

Gambar 3.3 Acti it! Diagram %iew )stilah c. Activity Diagram View Video

Gambar 3.4 Acti it! Diagram %iew *ideo d. Activity Diagram View Animasi

Gambar 3.5 Acti it! Diagram %iew %nimasi e. Activity Diagram View ilabus

Gambar 3.! Acti it! Diagram %iew "ilabus ". Activity Diagram Isi #uku $amu

Gambar 3.% Acti it! Diagram &si &uku 'amu

&.

Activity Diagram 'e&ristrasi

Gambar 3.( Acti it! Diagram +egristrasi h. Activity Diagram Polling

mulai

lihat pertanyaan polling &ilih $awa!an polling

proses

lihat hasil polling

akhir

Gambar 3.) Acti it! Diagram 'olling i. Activity Diagram Hel

mulai

"emilih "enu &ertolongan &roses

Hasil

akhir

Gambar 3.1* Acti it! Diagram (elp j. Activity Diagram !earching Materi
mulai

Input -ata

&roses

.ampilkan Hasil &encarian &ilih Hasil &encarian &roses Halaman &encarian .ampilkan Hasil Halaman Hasil &encarian
akhir

Gambar 3.11 Acti it! Diagram Searching Materi

k.

Activity Diagram Ikuti Latihan

Gambar 3.12 Acti it! Diagram )kuti Latihan l. Activity Diagram +,rum
mulai

Login

"asukkan +sername "asukkan &assword gagal sukses #orm #orum

#orm -omentar Insert -omentar !aru

/elete -omentar yang diisikan se!elumnya

.am!ah .opik

Insert .opik

akhir

Gambar 3.13 Acti it! Diagram (orum m. Activity Diagram !etting Pr,"il Member

mulai

login

masukkan username masukkan password gagal

%alidasi sukses setting

u!ah username u!ah password u!ah nama lengkap

u!ah alamat

u!ah e0mail

u!ah $enis kelamin

u!ah tanggal lahir

u!ah foto

akhir

Gambar 3.14 Acti it! Diagram Setting Member

n. Activity Diagram Manajemen Materi

Gambar 3.15 Acti it! Diagram Mana emen Materi

,.

Activity Diagram Manajemen Latihan

"ulai

Login

"asukkan +sername "asukkan &assword Validasi sukses &ilih 'a! Latihan "ana$emen Latihan Latihan gagal

View Latihan

Insert1 updete1 delete Latihan

"enentukan $umlah soal yang ditampilkan

Akhir

Gambar 3.1! Acti it! Diagram Mana emen Latihan -. Activity Diagram Mana"emen Istilah
mulai

login

"asukkan username "asukkan &assword %alidasi "ana$emen istilah gagal sukses

Insert Istilah

+pdate Istilah

/elete Istilah

akhir

Gambar 3.1% Acti it! Diagram Mana emen )stilah .. Activity Diagram Manajemen /ide,

mulai

login

"asukkan username "asukkan &assword %alidasi "ana$emen %ideo gagal sukses

Insert %ideo

/elete Video

akhir

Gambar 3.1( Acti it! Diagram Mana emen *ideo r. Activity Diagram Manajemen Animasi
mulai

login

"asukkan username "asukkan &assword %alidasi "ana$emen animasi gagal sukses

Insert animasi

/elete animasi

akhir

Gambar 3.1) Acti it! Diagram Mana emen %nimasi s. Activity Diagram #orum untuk Administrat,r

mulai

Login

"asukkan +sername "asukkan &assword gagal sukses #orm #orum Admin mempunyai hak men0delete komentar siswa )mem!er*

#orm -omentar Insert -omentar !aru

/elete -omentar yang diisikan se!elumnya

.am!ah .opik

Insert .opik

akhir

Gambar 3.2* Acti it! Diagram (orum untuk %dministrator t. Activity Diagram Mana"emen ilabus
mulai

login

"asukkan username "asukkan &assword %alidasi "ana$emen sila!us gagal sukses

Insert sila!us

update sila!us

/elete sila!us

akhir

Gambar 3.21 Acti it! Diagram Mana emen "ilabus u. Activity Diagram Mana"emen User

mulai

Login

"asukkan +sername "asukkan &assword gagal Validasi sukses "ana$emen +ser

View Latihan mem!er

View profil mem!er

/elete "em!er

View hasil latihan mem!er

/elete Hasil Latihan mem!er

View ,rafik latihan

akhir

Gambar 3.22 Acti it! Diagram Mana emen user v. Activity Diagram Mana"emen Polling
mulai

login

masukkan username

masukkan password %alidasi sukses gagal

reset

"asukkan pertanyaan polling

delete opsi $awa!an

masukkan opsi $awa!an

akhir

Gambar 3.23 Acti it! Diagram Mana emen 'olling 0. Activity Diagram Manajemen #uku tamu

mulai

login

masukkan username

masukkan password %alidasi sukses gagal

reset

"asukkan pertanyaan polling

delete opsi $awa!an

masukkan opsi $awa!an

akhir

Gambar 3.24 Acti it! Diagram &uku 'amu 1. Activity Diagram !etting Administrat,r
mulai

login

"asukkan username "asukkan &assword %alidasi setting gagal sukses

u!ah username

u!ah password

akhir

Gambar 3.25 Acti it! Diagram Setting %dministrator