1.

 Perancangan Unified Modeling Language (UML)

A. Use Case Diagram untuk sistem yang dikembangkan

Use Case Diagram terdiri dari aktor dan interaksi yang dilakukannya. Aktor tersebut
berinteraksi langsung terhadap sistem. Pada pengembangan perangkat lunak, use case
diagram menjelaskan tentang hubungan sistem dengan aktor. Hubungan ini dapat berupa
input ke sistem maupun output ke aktor. Use case diagram untuk media pembelajaran “lesson
study” adalah sebagai berikut :
1) Use Case Diagram Sistem
Use case diagram sistem secara keseluruhan dapat digambarkan sebagai berikut :

Gambar…….

Use case diagram menggambarkan semua aktor dengan skenario masing-masing.

Terlihat dalam use case diagram tersebut, media pembelajaran ini memiliki dua aktor yaitu
murid dan guru. Murid dapat melihat materi, memberikan review, melihat timeline review
dan mengikuti kuis dengan melalui use case login. Guru dapat melihat materi, memberikan
review, melihat timeline review dan melihat daftar nilai dengan melalui use case login.
2) Use Case Diagram guru
Use case diagram untuk guru dapat digambarkan sebagai berikut:

Gambar …………….

Penjabaran use case diagram untuk pengembangan sistem ini didefinisikan atas definisi aktor
dan definisi use case, sebagai berikut :

Aktor Deskripsi
Guru Guru merupakan aktor yang dapat mengakses informasi
materi, kompetensi, melihat daftar nilai dan membuat review
pada materi.
3) Use Case Diagram murid
Use case diagram untuk murid dapat digambarkan sebagai berikut :

Gambar …………….

Aktor Deskripsi
Murid Murid merupakan aktor yang dapat mengakses informasi materi
kompetensi, membuat review pada materi dan mengerjakan kuis
yang sediakan
B. Sequence Diagram untuk sistem yang dikembangkan
Sequence diagram menggambarkan interaksi antar objek di dalam dan di sekitar
sistem (termasuk pengguna, display, dan sebagainya) berupa pesan yang digambarkan
terhadap waktu. Sequence diagram terdiri atas dimensi vertikal (waktu) dan horizontal
(objek-objek terkait).
Sequence diagram biasa digunakan untuk menggambarkan skenario atau rangkaian
langkah-langkah yang dilakukan sebagai respon dari sebuah event untuk
menghasilkan output tertentu. Sequence diagram untuk media pembelajaran Lesson
Study digambarkan sebagai berikut :

1) Sequence Diagram Login
Sequence diagram login untuk media pembelajaran Lesson Study digambarkan
sebagai berikut:

Gambar…….

Terlihat dalam diagram tersebut, untuk login, aktor memasukkan username dan
password, kemudian dibaca oleh database dan dilakukan validasi. Jika valid maka aktor
menuju dashboard sesuai level aktor. Jika tidak valid maka aktor tetap berada pada
halaman login.
2) Sequence Diagram Lihat Materi
Sequence diagram lihat materi untuk media pembelajaran Lesson Study digambarkan
sebagai berikut :

Gambar………….

Terlihat dalam diagram tersebut, dalam melihat materi aktor melalui login terlebih
dahulu. Aktor memilih materi, selanjutnya database melakukan validasi dan
menampilkan materi judul yang dipilih.
3) Sequence Diagram Cari Materi
Sequence diagram cari materi untuk media pembelajaran Lesson Study
digambarkan sebagai berikut :

Gambar………………….

Terlihat dalam diagram tersebut, untuk melakukan pencarian materi, aktor

melakukan login terlebih dahulu. Jika login berhasil, aktor dapat melakukan pencarian
materi. Aktor memasukkan data kata kunci. Jika valid maka sistem akan menampilkan
judul materi yang sesuai. Jika tidak valid maka sistem akan menampilkan semua judul
materi.

4) Sequence Diagram Tambah Review

Sequence diagram tambah review untuk media pembelajaran Lesson Study
digambarkan sebagai berikut :

Gambar………………….

Terlihat dalam diagram tersebut, untuk melakukan tambah review, aktor melalui
login terlebih dahulu. Jika login berhasil, aktor dapat menambah review, kemudian jika
valid review disimpan dalam database dan sistem menampilkan riview timeline. Jika
tidak valid maka aktor tetap berada pada materi.
5) Sequence Diagram Tambah Komentar
Sequence diagram tambah komentar untuk media pembelajaran Lesson Study
digambarkan sebagai berikut :

Gambar………………….

Terlihat dalam diagram tersebut, untuk melakukan tambah komentar, aktor

melalui login terlebih dahulu. Jika login berhasil, aktor dapat menambah komentar pada
review, kemudian jika valid komentar akan disimpan dalam database dan sistem
menampilkan review timeline. Jika tidak valid maka aktor tetap berada pada review
timeline.

6) Sequence Diagram Download
 Sequence diagram download untuk media pembelajaran Lesson Study digambarkan
sebagai berikut :

Gambar ………………

Terlihat dalam diagram tersebut, untuk melakukan download maka aktor

melewati login terlebih dahulu. Aktor melakukan download materi, maka aktor akan
mendapatkan review.

7) Sequence Diagram Mengerjakan Kuis

Sequence diagram mengerjakan kuis untuk media pembelajaran Lesson Study
digambarkan sebagai berikut :

Gambar ………………

Terlihat dalam diagram tersebut, untuk melakukan tambah komentar, aktor

melalui login terlebih dahulu. Jika login berhasil, aktor dapat mengikuti kuis. Aktor
memasukkan jawaban. Sistem akan mengecek jawaban dan menampilkan nilai serta
review pekerjaan.
8) Sequence Diagram Daftar Niai
Sequence diagram daftar nilai untuk media pembelajaran Lesson Study
digambarkan sebagai berikut :

Gambar ………………

Terlihat dalam diagram tersebut, untuk melakukan tambah komentar, aktor

melalui login terlebih dahulu. Jika login berhasil, aktor dapat mengikuti kuis. Aktor
memasukkan jawaban. Sistem akan mengecek jawaban dan menampilkan nilai serta
review pekerjaan.
C. Activity Diagram untuk sistem yang dikembangkan

Berdasarkan use case diagram dan sequence diagram yang telah dibuat, maka activity
diagram untuk setiap fungsi yaitu : login, add, edit, upload, download, delete, dan menampilkan
rapor.

1) Activity Diagram Login

Activity diagram login untuk media pembelajaran Lesson Study digambarkan
sebagai berikut :

Gambar 9. Activity Diagram Login

Berdasarkan diagram tersebut, terlihat untuk semua aktor melalui login dengan
memasukkan username dan password kemudian sistem melakukan validasi dan
menampilkan pesan apakah login berhasil atau gagal. Jika login berhasil maka aktor dapat
masuk ke dashboard sesuai level aktor, namun jika login gagal maka aktor diminta
mengisikan ulang username dan password.
2) Activity Diagram Lihat Materi
Activity diagram lihat materi untuk media pembelajaran Lesson Study digambarkan
sebagai berikut :

Gambar …………………..

Terlihat dalam diagram tersebut, untuk menampilkan materi, aktor memilih

kategori, kemudian sistem akan menampilkan data materi sesuai kategori.
3) Activity Diagram Cari Materi
Activity diagram cari materi untuk media pembelajaran Lesson Study digambarkan
sebagai berikut :

Gambar …………………..

Terlihat dalam diagram tersebut, untuk menampilkan materi, aktor memasukkan

kata kunci, kemudian sistem melakukan pencarian data terhadap judul. Sistem akan
menampilkan data materi.
4) Activity Diagram Kuis
Activity diagram kuis untuk media pembelajaran Lesson Study digambarkan
sebagai berikut :

Gambar ………………

Terlihat dalam diagram tersebut, untuk mengikuti kuis, aktor memilih menu kuis,
kemudian sistem menampilkan kuis. Aktor memilih jawaban yang sesuai. Sistem akan
menampilkan nilai dan review jawaban.
5) Activity Diagram Download
Activity diagram download untuk media pembelajaran Lesson Study digambarkan
sebagai berikut :

Gambar ………………..

Terlihat dalam diagram tersebut, untuk melakukan download materi, aktor memilih
menu menu mater, kemudian sistem menampilkan judul materi. Aktor memilih materi
yang ingin di download. Jika download berhasil maka data didapatkan oleh aktor. Jika
download gagal maka muncul pesan download data gagal.
6) Activity Diagram Daftar Nilai
Activity diagram daftar nilai untuk media pembelajaran Lesson Study digambarkan
sebagai berikut :

Terlihat dalam diagram tersebut, untuk menampilkan daftar nilai, aktor memilih menu
daftar nilai, kemudian sistem akan menampilkan data data daftar nilai sesuai hasil kuis
murid.