BAB III METODE PENELITIAN
2) Activity Diagram
Activity diagram menunjukkan aliran proses yang terjadi pada sistem. Ada
beberapa Activity diagram yang akan dijelaskan sebagai berikut:
a. Activity Diagr am Login Admin
Activity Diagram yang digambarkan pada Gambar 3.6 menjelaskan tentang
proses dari login ketika admin ingin masuk ke dalam website khusus administrator. l ogin
m em beri kom entar posti ng topi k
l ogin user
m anage i nform asi dan data w ebsi te adm in Latihan Soal sim ulasi pencari an m ateri artikel forum <<include>> <<include>> <<include>> <<extend>> <<extend>> user polling
Deskripsi Activity Diagram :
Admin membuka website halaman khusus administrator, sistem akan menampilkan form login untuk dapat memasuki halaman admin dengan cara admin memasukkan username dan password admin, lalu sistem akan mengecek username dan password pada database apabila cocok dengan data yang ada dalam database admin maka sistem menampilkan halaman utama website administrator apabila tidak cocok maka sistem akan kembali pada awal tampilan form login.
Gambar 3.6 Activity Diagram Login Admin
c. Activity Diagr am Manage Infor masi dan Data
Activity Diagram yang digambarkan pada Gambar 3.7 menjelaskan tentang
proses dari manipulasi informasi dan data pada sistem yang dilakukan oleh admin. Informasi dan data ini meliputi data artikel, materi, soal latihan, forum, dan data admin.
buka halaman adminis trator
input username dan pas sword
menam pilkan halam an login
cek us ername dan pas s word pada database
menam pilkan halam an utam a cocok ya tidak s i s tem admin
Gambar 3.7 Activity Diagram Manage Informasi & Data
Deskripsi Activity Diagram :
Admin harus login terlebih dahulu untuk dapat memasuki halaman administrator, lalu sistem akan menampilkan halaman utama administrator. Untuk dapat memanipulasi informasi dan data yang ada pada sistem admin dapat memilih salah satu menu yang ingin dimanipulasi informasi dan datanya. Lalu sistem akan memberikan pilihan edit, insert, dan hapus. Tetapi tidak semua menu yang ada terdapat pilihan aksi edit, insert dan hapus. Setelah admin memilih salah satu aksi sistem akan memproses aksi ke dalam database.
login administrator
manage informasi & data : pilih sakah satu menu
edit insert hapus
menampilkan halaman administrator data terupdate s is tem admi n
d. Activity Diagr am Login User
Activity Diagram yang digambarkan pada Gambar 3.8 menjelaskan tentang
proses dari login ketika user ingin masuk ke dalam website sebagai member.
Gambar 3.8 Activity Diagram Login User
Deskripsi Activity Diagram :
User membuka website dan user harus memilih menu login. Kemudian sistem akan menampilkan form login untuk dapat memasuki halaman area member dengan cara user memasukkan username dan password dengan benar, lalu sistem akan mengecek username dan password pada database apabila cocok dengan data yang ada dalam database user maka sistem menampilkan halaman utama website apabila tidak cocok maka sistem akan kembali pada awal tampilan form login.
buka halaman website
input us ername dan pas s word
pilih menu login
menampilkan form login
cek us ername dan pas s word pada databas e
cocok ? menampilkan halam an area member ya tidak s is tem us er
e. Activity Diagr am Pencarian
Activity Diagram yang digambarkan pada Gambar 3.9 menjelaskan tentang
proses dari pencarian keyword yang ada pada data artikel dan materi.
Gambar 3.9 Activity Diagram Pencarian
Deskripsi Activity Diagram :
User memasukkan keyword yang ingin dicari pada form pencarian yang ada pada website. Sistem akan melakukan pengecekan keyword pada database artikel dan materi. Sistem memproses apabila keyword yang diinputkan ditemukan pada database artikel atau materi maka sistem akan menampilkan artikel atau materi yang terdapat kata yang sama dengan keyword yang diinputkan.
masukkan keyword pencarian
pengecekan keyword pada database artikel dan materi
ditemukan hasil pencarian ? tempilkan hasil pencarian ya tidak s is tem us er
f. Activity Diagr am Artikel
Activity Diagram yang digambarkan pada Gambar 3.10 menjelaskan tentang
proses dari pengaksesan menu artikel.
Gambar 3.10 Activity Diagram Artikel
Deskripsi Activity Diagram :
User memilih menu home untuk dapat melihat informasi artikel atau pada saat pertama user membuka website halaman yang tampil adalah halaman home yang berisi artikel, lalu sistem akan menampilkan semua artikel yang diposting admin. Apabila user ingin melihat salah satu artikel user hanya klik pada judul artikel, lalu sistem akan menampilkan detail artikel yang dipilih.
g. Activity Diagr am Materi
Activity Diagram yang digambarkan pada Gambar 3.11 menjelaskan tentang
proses dari pengaksesan menu materi.
memilih menu home
pilih artikel yang ingin dibaca menampilkan semua artikel menampilkan detail artikel sis tem user
Gambar 3.11 Activity Diagram Materi
Deskripsi Activity Diagram :
Untuk dapat melihat isi dari materi user dapat memilih menu materi pada website, lalu sistem akan menampilkan semua materi gerak melingkar.
h. Activity Diagr am Simulasi
Activity Diagram yang digambarkan pada Gambar 3.12 menjelaskan tentang
proses dari pengaksesan menu simulasi.
Gambar 3.12 Diagram Simulasi
memilih menu materi melihat informasi materi menampilkan halaman materi s is tem us er memilih m enu sim ulasi menjalankan sim ulasi menam pilkan sim ulasi s is tem us er
Deskripsi Activity Diagram :
Untuk dapat melihat dan menjalankan simulasi user dapat memilih menu simulasi pada website, sistem akan menampilkan simulasi gerak melingkar. Dan user dapat menjalankan simulasi dengan menginputkan angka yang ada pada perhitungan simulasi, lalu simulasi berjalan sesuai inputan yang diproses.
i. Activity Diagr am Latihan Soal
Activity Diagram yang digambarkan pada Gambar 3.13 menjelaskan tentang
proses dari pengerjaan latihan soal. Untuk pengaksesan latihan soal hanya bisa diakses oleh user yang sudah terdaftar menjadi member.
Gambar 3.13 Activity Diagram Latihan Soal
Deskripsi Activity Diagram :
Untuk dapat mengikuti latihan soal user dapat memilih menu latihan soal pada website, sistem akan menampilkan semua soal-soal latihan. User dapat menekan tombol “Mulai” apabila ingin mengikuti latihan soal, apabila user sudah selesai menjawab semua soal-soal, sistem akan menampilkan score yang diperoleh user.
mengerjakan latihan soal memilih menu latihan s oal menampilkan hasil nilai menampilkan halaman latihan soal
s is tem us er
j. Activity Diagr am Forum
Activity Diagram yang digambarkan pada Gambar 3.14 menjelaskan tentang
proses dari pengkasesan menu forum. Untuk pengaksesan forum hanya bisa diakses oleh user yang sudah terdaftar menjadi member.
Gambar 3.14 Activity Diagram Forum
Deskripsi Activity Diagram :
Untuk dapat mengakses forum user dapat memilih menu forum pada website, sistem akan menampilkan semua topic forum yang di diskusikan. Pada forum ini user dapat membuat topic baru yang ingin di diskusikan atau hanya melihat isi dari topik yang ada. Pada topik yang dipilih user juga dapat memberikan tanggapan komentar.
k. Activity Diagr am Posting Topik
Activity Diagram yang digambarkan pada Gambar 3.15 menjelaskan tentang
proses dari user memposting forum.
memilih menu forum
buat topik baru
lihat detail diskusi pada topik
beri komentar
menampilkan semua topik forum
sistem user
Gambar 3.15 Activity Diagram Posting Topik
Deskripsi Activity Diagram :
User dapat memposting topik yang ingin di diskusikan dengan cara memilih buat topik lalu mengisi form topik, sistem akan memproses penyimpanan topik yang telah dibuat ke dalam database dan menampilkan halaman forum.
l. Activity Diagr am Komentar
Activity Diagram yang digambarkan pada Gambar 3.16 menjelaskan tentang
proses dari user memberikan tanggapan komentar pada topik yang dipilih. Deskripsi Activity Diagram :
User dapat membalas tanggapan topik yang sudah ada dalam forum. Untuk dapat membalas tanggapan user harus buka topik yang ada pada forum, apabila ingin memberikan tanggapan pilih balas, sistem akan memproses penyimpanan tanggapan yang telah dibuat ke dalam database dan menampilkan halaman forum.
mem ilih buat topik
is i form topik baru
menampilkan form topik baru
sim pan topik baru ke databas e
menampilkan halaman forum
s is tem us er
Gambar 3.16 Activity Diagram Komentar
m. Activity Diagr am Polling
Activity Diagram yang digambarkan pada Gambar 3.17 menjelaskan tentang
proses dari user memberikan voting pada polling. Deskripsi Activity Diagram :
User dapat memberikan voting pada polling yang ada dalam website. Untuk dapat melakukan vote pada polling, user harus memilih salah satu jawaban dari pertanyaan polling. Kemudian sistem akan memproses penyimpanan jawaban polling dari user ke dalam database dan kemudian menampilkan hasil polling pada halaman
pilih topik forum isi komentar pilih m enu forum menampilkan halaman semua topik forum
ambil data topik dari database dan menampilkan diskusi komentar s im pan is i komentar kedalam databas e menampilkan kembali diskusi forum ya tidak s is tem us er
Gambar 3.17 Activity Diagram Polling