LAPORAN AKHIR PRAKTIKUM

Mata Praktikum : Dasar Komputer dan Pemrogaman

Kelas : 1ID06
Praktikum ke- :3
Tanggal : 10 November 2021
Materi : Activity Diagram
NPM : 30421666
Nama : Irma Rahmawati
Ketua Asisten : Muhammad Imam Prasojo
Nama Asisten :
Paraf Asisten :
Jumlah Lembar : 7 lembar

LABORATORIUM TEKNIK INFORMATIKA

UNIVERSITAS GUNADARMA
2021
LISTING PROGRAM
Aktivitas Praktikum Lab. TI
 LOGIKA PROGRAM

Activity diagram, dalam bahasa Indonesia diagram aktivitas, yaitu diagram yang dapat
memodelkan proses-proses yang terjadi pada sebuah sistem. Runtutan proses dari suatu sistem
digambarkan secara vertikal. Activity diagram merupakan pengembangan dari Use Case yang
memiliki alur aktivitas.
Proses pembuatan diagram aktivitas di atas menggunakan app draw.io. Saya
menggunakan dua swinlane dalam aktivitas diagram di atas, yaitu Mahasiswa dan Sistem
website Laboratorium Teknik Informatika.

1. Pada aktivitas praktikum lab. ti, ada dua swinlane yang berperan yaitu Mahasiswa dan
Sistem website lab ti. Mahasiswa adalah aktor yang memulai aktivitas dan menentukan
aktivitas yang akan dilakukan selanjutnya. Sistem website lab ti adalah tempat yang
akan menerima respon dan melakukan perintah yang dipilih oleh mahasiswa.

Pertama-tama saya membuat dua buah kotak yang berisikan nama aktor pada diagram
aktivitas. Saya menggunakan simbol Container. Untuk kotak pertama saya menamakan
“Mahasiswa” dan untuk kotak kedua saya menamakan “Sistem Website Lab TI”.

2. Dalam membuat aktivitas diagram, harus dimulai dengan menggunakan simbol Initial
Node. Initial Node digunakan sebagai penanda bahwa program dimulai dari tempat
dimana simbol ini berada.

Saya menggunakan simbol Intial Code dan meletakannya di kotak “Mahasiswa” yang
artinya aktivitas diagram dimulai dari aktor mahasiswa.

3. Hal pertama yang harus dilakukan dalam aktivitas praktikum lab ti yaitu mahasiswa
harus pergi ke website lab ti yang ada di internet. Website lab ti ini akan menjadi tempat
mahasiswa melakukan segala aktivitas praktikum.

http://ti.lab.gunadarma.ac.id/praktikum/login/index.php (alamat website lab. ti)

Saya menggunakan simbol Activity dan menuliskan teks “Masuk ke alamat website
login Lab. Teknik Informatika” di dalamnya. Saya meletakkannya di bawah tanda
panah simbol Initial Code. Setelah itu saya memberikan tanda panah ke arah kotak
“Sistem Website Lab. TI”. Karena setelah aktivitas ini akan ada respon dari sistem
website lab ti.

4. Setelah mahasiswa berada di website lab. ti, maka website akan merespon dan
menampilkan halaman login sebagai bentuk pintu menuju ke dalam ruangan website.
Halaman login berisi form pengisian username dan password.

Saya menggunakan simbol Activity dan menuliskan teks “Menampilkan halaman login”
di dalamnya. Saya meletakannya di kotak 2 dan di samping tanda panah dari aktivitas
 sebelumnya. Setelah itu saya memberikan tanda panah ke arah kotak 1. Karena setelah
dimunculkannya halaman login, aktivitas selanjutnya mahasiswa yang harus
mengerjakannya.

5. Setelah ditampilkannya halaman login, aka nada form yang berisi Username dan
Password. Form ini harus diisi oleh mahasiswa agar bisa memasuki ruangan website.
Username dan password yang diisi harus tepat dan sesuai yang dimiliki oleh mahasiswa
itu sendiri.

Saya menggunakan simbol Activity dan menuliskan teks “Mengisi username dan
password” di dalamnya. Saya meletakannya di kotak 1 dan di bawah tanda panah dari
aktivitas sebelumnya. Setelah itu saya memberikan tanda panah menuju kotak 2.

6. Saat form pengisian diisi, website akan melakukan respon dengan mengecek data yang
terisi terdaftar pada sistem website atau tidak. Pengecekan data terdaftar ini
menghasilkan dua kemungkinan yaitu data terdaftar atau data tidak terdaftar. Jika data
terdaftar artinya username dan password diisikan benar dan sebaliknya untuk data tidak
terdaftar.
Jika data yang diisi salah, maka sistem website akan memberikan respon “Invalid login,
please try again”. Artinya terjadi kesalahan login dan mahasiswa diminta untuk
mengisi form login kembali di halaman login. Jika data yang diisi benar, maka sistem
akan merespon dengan membawa ke dalam isi website.
Saya menggunakan simbol Decision dan menuliskan teks “Data terdaftar?” di
dalamnya. Saya meletakannya di kotak 2 dan di samping tanda panah dari aktivitas
sebelumnya. Saya memberikan tanda panah di bagian kanan simbol Decision dengan
teks “no” dan mengarahkannya ke aktivitas “Menampilkan halaman login”. Kemudian
saya juga memberikan tanda panah di bagian bawah simbol Decision dengan teks “yes”
menuju aktivitas yang akan terjadi di kotak 2.

7. Mahasiswa yang melakukan login dengan benar akan bisa masuk ke dalam website.
Kemudian sistem website akan menampilkan halaman Dashboard.

Saya menggunakan simbol Activity dan menuliskan teks “Menampilkan halaman

dashboard” di dalamnya. Saya meletakannya di kotak 2 dan di bawah tanda panah
simbol Decision sebelumnya. Setelah itu saya beri tanda panah ke kotak 1 menuju
aktivitas selanjutnya dari mahasiswa.

8. Di halaman Dashboard terdapat 2 bagian yang ditampilkan yaitu :

1) Profil Page
• Customize this page
2) Course Overview
• Timeline
• Courses
Aktivitas berikutnya, mahasiswa harus memilih pilihan courses di bagian Course
Overview. Di pilihan Courses ini terdapat kelas yang berisi courses.
 Saya menggunakan simbol Activity dan menuliskan teks “Pilih Courses di bagian
Course Overview” di dalamnya, Lalu saya meletakannya dalam kotak 1 di samping
tanda panah dari aktivitas sebelumnya. Setelah itu saya beri tanda panah ke bawah
menuju aktivitas selanjutnya di kotak 1.

9. Saat mahasiswa telah mengklik Courses di Course Overview, akan disuguhkan dengan
kelas yang berisi courses. Langkah selanjutnya yaitu mahasiswa mengklik kelas yang
dituju. Setelah itu, sistem website lab ti akan merespon tindakan ini.

Saya menggunakan simbol Activity dan menuliskan teks “Pilih kelas” di dalamnya.
Saya meletakannya dalam kotak 1 di bawah tanda panah dari aktivitas sebelumnya.
Setelah itu, saya memberikan tanda panah menuju kotak 2.

10. Ketika mahasiswa mengklik pilihan kelasnya, sistem website akan merespon dengan
menampilkan halaman kelas yang telah dipilih mahasiswa. Di halaman kelas ini berisi
courses yang berupa topik.

Saya memakai simbol Activity dan menuliskan teks “Menampilkan halaman kelas” di
dalamnya. Saya meletakkannya di kotak 2 dimana sistem website berada dan di bawah
tanda panah dari aktivitas sebelumnya. Setelah itu saya memberikan tanda panah ke
kotak 1. Karena telah mendapat respon dari sistem website, mahasiswa bisa
melanjutkan aktivitas berikutnya.

11. Setelah memasuki halaman kelas, mahasiswa memilih courses yang akan dipilih.
Mahasiswa harus mengklik courses tersebut dan menunggu respon dari sistem website.

Saya memakai simbol Activity dan menuliskan teks “Memilih Course” di dalamnya.
Saya meletakkannya dalam kotak 1 di samping tanda panah dari aktivitas sebelumnya.
Setelah itu saya memberikan tanda panah menuju kotak 2.

12. Sistem website akan merspon dari tindakan pemilihan kelas tersebut dengan
menampilkan menu-menu yang ada pada course yang dipilih. Menu-menu tersebut
yaitu:
1) Absensi Pertemuan
2) Video Pertemuan
3) Materi Pertemuan
4) Pre Test
5) Post Test
6) ACT
7) Laporan Akhir

Saya memakai simbol Activity dan menuliskan teks “Menampilkan menu course” di
dalamnya. Saya meletakannya dalam kotak 2 di bawah tanda panah dari aktivitas
sebelumnya. Lalu saya memberikan tanda panah ke kotak 1.

13. Praktikum lab ti dimulai dengan kegiatan absen, mahasiswa yang ingin melihat materi
maupun mengerjakan tes tidak bisa jika belum melakukan absensi. Oleh karena itu,
terlebih dahulu mahasiswa harus mengisi absen.
 Saya menggunakan simbol Activity dan menuliskan teks “Mengisi absen” di dalamnya.
Saya meletakkannya dalam kotak 1 di samping tanda panah dari aktivitas sebelumnya.
Kemudian saya beri tanda panah menuju kotak 2.
14. Saat mahasiswa telah mengisi absen pertemuan, data absen tersebut akan disimpan
oleh sistem website lab ti. Penyimpanan data absen tersebut akan membuka akses ke
aktivitas berikutnya.

Saya menggunakan simbol Activity dan menuliskan teks “Menyimpan absen” di

dalamnya. Saya letakkan dalam kotak 2 di samping tanda panah dari aktivitas
sebelumnya. Lalu saya juga beri tanda panah ke bawah menjju aktivitas berikutnya
yaitu respon dari sistem website.

15. Setelah data absen disimpan oleh sistem website, maka sistem website akan
memproses data tersebut sebagai kunci untuk membuka akses ke materi, tes atau tugas.

Saya menggunakan simbol Activity dan menuliskan teks “Membuka akses materi dan
tes” di dalamnya. Saya letakkan dalam kotak 2 di bawah tanda panah dari aktivitas
sebelumnya. Kemudian saya juga beri tanda panah ke kotak 1.

16. Jika akses untuk membuka materi, tes atau tugas sudah terbuka, maka mahasiswa bisa
melihat materi atau mengerjakan tes. Mahasiswa bisa memilih melakukan kedua
aktivitas tersebut.

Saya membuat simbol Synchronization Fork yang arti dari simbol tersebut yaitu
pemecahan aktivitas dari satu menjadi lebih dari satu aktivitas yang berbeda. Simbol
ini dibentuk dengan sebuah tanda panah yang terhubung dengan pemecahan kedua
tanda panah. Kedua tanda panah tersebut menuju dua aktivitas yang berbeda.
1) Tanda panah pertama menuju simbol Acitivity yang saya gunakan. Di dalam
simbol Activity ditulikan teks “Melihat Materi”.
2) Tanda panah kedua menuju simbol Activity yang saya gunakan. Di dalam
simbol tersebut dituliskan teks “Mengerjakan Pre Test dan Post Test”.

Setelah itu saya beri tanda panah pada kedua simbol Activity tersebut untuk menuju
kotak 2 dimana sistem website akan merespon.

17. Mahasiswa yang memilih untuk melihat materi harus mengunduh file materi yang ingin
dilihat. Proses pengunduhan materi ini dilakukan di sistem website yang akan
mentransfer file yang mereka punya di website tersebut ke perangkat elektronik yang
dipakai mahasiswa seperti smartphone, laptop, komputer, dan lainnya. Singkatnya
mahasiswa mengambil file yang ada pada website tersebut. Setelah file materi
terdownload, mahasiswa bisa membuka file tersebut dengan cara yang dia pilih pada
perangkat elektroniknya. Kemudian akhirnya proses membuka file tersebut telah
selesai.

• Saya menggunakan simbol Activity dengan menuliskan teks “Mendownload file” di

dalamnya. Saya letakkan dalam kotak 2 di samping tanda panah dari simbol Activity
“Melihat Materi” sebelumnya. Lalu saya beri tanda panah ke kotak 1 dimana aktivitas
mahasiswa membuka file yang telah di download. Saya menggunakan simbol Activity
dengan menuliskan teks “Membuka file” di dalamnya. Saya letakkan dalam kotak 2 di
 samping tanda panah dari aktivitas sebelumnya. Lalu saya beri tanda panah ke simbol
akhir program.

18. Mahasiswa yang memilih untuk mengerjakan Pre Test atau Post Test, sistem website
akan merespon dengan menampilkan soal-soal yang ada pada test yang dipilih beserta
pilihan jawabannya.

• Pada aktivitas ini saya menggunakan simbol Activity dan menuliskan teks
“Menampilkan soal Pre Test atau Post Test” di dalamnya. Saya letakkan dalam kotak
2 di bawah tanda panah dari aktivitas “Mengerjakan Pre Test atau Post Test”. Lalu saya
beri tanda ke arah kotak 1 menuju aktivitas yang dilakukan mahasiswa.

Setelah sistem website menampilkan soal-soal dan jawaban, aktivitas selanjutnya yaitu
mahasiswa menjawab soal-soal tersebut dengan memilih pilihan jawaban A, B, C, D,
atau E. Setelah itu mensubmit jawaban test.

• Pada aktivitas ini saya menggunakan simbol Activity dan menuliskan teks “Menjawab
soal Pre Test atau Post Test” di dalamnya. Saya letakkan dalam kotak 1 di samping
tanda panah dari aktivitas “Menampilkan soal Pre Test atau Post Test” sebelumnya.
Setelah itu saya beri tanda panah ke kotak 2 lagi untuk menunjukkan respon sistem
website terhadap aktivitas yang mahasiswa lakukan.

Setelah mahasiswa menjawab soal-soal dari Pre Test atau Post Test, maka jawaban
tersebut kan disimpan oleh sistem website. Jawaban dari mahasiswa yang tersimpan
akan diproses dan akan menjadi penentu hasil nilai mahasiswa. Saat proses tersebut
telah selesai, sistem website akan menampilkan hasil nilai dan jawaban benar pada soal
yang salah dijawab oleh mahasiswa. Setelah itu proses pengerjaan tes telah selesai.

• Pada aktivitas ini saya menggunakan simbol Activity dan menuliskan teks “Menyimpan
jawaban” di dalamnya. Saya letakkan dalam kotak 2 di bawah tanda panah dari aktivitas
“Menjawab soal Pre Test atau Post Test”. Kemudian saya beri tanda panah ke aktivitas
berikutnya yang masih ada di kotak 2 yaitu sistem website. Setelah itu saya
menggunakan simbol Activity lagi dan menuliskan teks “Menampilkan hasil nilai” di
dalamnya. Saya letakkan di bawah tanda panah dari aktivitas “Menyimpan jawaban”
sebelumnya. Lalu saya beri tanda panah ke simbol akhir program.

19. Setelah mahasiswa sudah melihat materi dan mengerjakan tes, aktivitas sudah selesai.
Akhir program dari sebuah aktivitas diagram menggunakan simbol Final Node yang
sebagai penanda bahwa program atau diagram di akhiri di sini.

Untuk aktivitas “Melihat materi” akhir programnya ada di kotak 1. Saya menggunakan
simbol Final Node dan meletakkannya di samping tanda panah dari simbol Activity
“Membuka file”.

Untuk aktivitas “Mengerjakan Pre Test atau Post Test” akhir programnya ada di kotak 2.
Saya menggunakan simbol Final Node dan meletakkannya di samping tanda panah dari
simbol Activity “Menampilkan hasil nilai”.