Contoh Laporan

LAPORAN PROJEK PEMBANGUNAN PERANGKAT LUNAK
RANCANG BANGUN WEBSITE PROFILSMAN 1

PASAWAHAN
Logo STMIK Dharma Negara
Oleh:
Nama Anggota Kelompok
PROGRAM STUDI TEKNIK INFORMATIKA

STMIK DHARMA NEGARA
BANDUNG
TAHUN 2021
BAB I
1.1 Communication
Dalam perancangan sebuah sistem dengan metode waterfall, langkah
pertama yang harus dilakukan adalah komunikasi (communication). Komunikasi
yaitu melakukan pertemuan-pertemuan dengan orang yang terlibat di suatu sistem
yang akan di rancang dengan tujuan untuk mengumpulkan data dan informasi
yang dibutuhkan dalam perancangan website SMAN 1 Pasawahan.
1.1.1 Flowmap Berjalan
Flowmap sistem berjalan digunakan untuk mengambarkan kegiatan sistem
pengelolaan website yang ada di SMAN 1 Pasawahan.
Pada gambar 1 dibawah ini merupakan flowmap berjalan:
Gambar 1 Flowmap Sistem Berjalan
Gambar diatas menjelaskan bahwa website yang tentang website portal

berita ada di SMAN 1 Pasawahan tidak sepenuhnya dikelola oleh sekolah.
Pengembangan dari mulai kode program sampai database hanya dimiliki oleh
pengelola yaitu pihak ketiga. Sehingga disetiap pengembangan website sekolah
harus menghubungi pihak ketiga untuk dilakukan pembaharuan halaman website.
3
4
1.2 Planning
Setelah melakukan tahap communication, tahap selanjutnya merupakan
tahapan planning dimana dalam tahap ini informasi dan data yang telah di dapat
dari proses sebelumnya, akan dimulai perencanaan dan dituangkan kedalam
proses perancangan sistem.
1.2.1 FlowmapUsulan
Berdasarkan hasil dari tahap communication, penulis menyimpulkan bahwa
proses pengelolaan website di SMAN 1 Pasawahan hanya sebatas administrator,
sehingga penulis mengusulkan perancangan website baru yang bisa dikelola
secara keseluruhan oleh pihak sekolah.
Berikut adalah flowmap usulan yang terdapat pada gambar 2 dibawah ini:
Gambar 2 Flowmap Sistem Usulan
1.3 Modeling
Tahap ini mempresentasikan rancangan perangkat lunak berbasis web (web
based software). Perancangan perangkat lunak ini menggunakan Diagram Unified
Modeling Language (UML) yang merupakan pemodelan untuk perangkat lunak
berorientasi objek.
5
1.3.1 Use Case Diagram
Gambar 1 Use Case Diagram
Pada Tabel 1 adalah definisi actor yang terdapat dibawah ini:
Tabel 1 Deskripsi Aktor

No Actor Deskripsi
1 Admin Actor admin adalah seseorang yang mengelola website
profile SMA Negeri 1 Pasawahan, mulai dari create,
update, dan delete informasi di SMA Negeri 1 Pasawahan.
2 User Actor user adalah orang yang mengunjungi website profile
SMA Negeri 1 Pasawahan.
1.3.2 Skenario Use Case Diagram

a. Skenario Login
6
Tabel 2 Skenario Log in

No. Use Case 01
Nama Use Case Login
Description Actor melakukan login untuk dapat menggunakan
program.
Pre-condition Actor berada di halaman browser untuk mengakses
halaman admin SMA Negeri 1 Pasawahan.
Post-condition Actor berada di dashboard dan berinteraksi dengan
sistem
Actor Admin
Alur Admin Sistem
1. Admin mengakses
aplikasi pada browser.
2. Sistem menampilkan
halaman login.
3. Memasukan
username dan
password.
4. Klik login.
5. Validasi, jika tidak
sesuai kembali ke
halaman login jika
sesuai menampilkan
halaman administrator.
b. Skenario Mengelola Berita

Tabel 3 Mengelola Berita
No. Use Case 02
Nama Use Case Mengelola Berita
Description Actor mengelola berita
Pre-condition Actor sudah melakukan login ke sistem
Post-condition Actor dapat melakukan tambah, edit, hapus data
berita
Actor Admin
Alur Admin Sistem
1. Admin mengakses 2. Menampilkanmenu
halaman berita. berita
3. Adminmelakukan
tambah, edit, hapus
7
data berita
4. Klik simpan.
5. Sistem akan
menyimpan hasil kelola
berita.
c. Skenario Mengelola Data pengguna
Tabel 4 Mengelola Data pengguna

No. Use Case 03
Nama Use Case Mengelola Data Pengguna
Description Actor mengelola data pengguna
Post-condition Actor dapat tambah, edit, hapus data pengguna
Actor Admin
Alur Admin Sistem
1. Admin mengakses
halaman data induk.
2. Menampilkanmenu
pengguna
3. Adminmelakukan
tambah, edit,
hapus data
pengguna
4. Klik simpan.
5. Sistem akan
menyimpan hasil data
data pengguna yang
sudah dikelola.
d. Skenario Mengelola agenda
Tabel 5 Mengelola Agenda

No. Use Case 04
Nama Use Case Mengelola agenda
Description Actor mengelola kegiatan tambah, edit, hapus data
agenda
agenda
8
Actor Admin
Alur Admin Sistem
1. Admin mengakses
halaman agenda.
halaman agenda.
3. Admin
melakukantambah, edit,
hapus dataagenda.
4. Klik Simpan.
5. Sistem akan
menyimpan hasil kelola
data agenda
e. Skenario Mengelola pengumuman
Tabel 6 Mengelola pengumuman

No. Use Case 05
Nama Use Case Mengelola pengumuman
Description Actor mengelola kegiatan tambah, edit, hapus data
pengumuman
pengumuman
Actor Admin
Alur Admin Sistem
1. Admin mengakses
halaman
pengumuman.
2. Menampilkanmenu
pengumuman.
3. Admin
melakukantambah,
edit, hapus data
pengumuman.
4. Klik simpan.
5. Sistem akan
menyimpan hasil
pengumuman yang
9
sudah dikelola.
f. Skenario Mengelola Download
Tabel 7 Mengelola Download

No. Use Case 06
Nama Use Case Mengelola Download
Description Actor mengelola Download
Post-condition Actor dapat melakukan tambah, edit, hapus file
Download
Actor Admin
Alur Admin Sistem
1. Admin mengakses
halaman
Download
2. Menampilkanmenu
download
3. Admin
melakukantambah,
edit, hapus data
Download.
4. Klik simpan.
5. Sistem akan
menyimpan hasil
Downloadyang
sudah dikelola.
g. Skenario Mengelola Galeri
Tabel 8 Mengelola Galeri

No. Use Case 07
Nama Use Case Mengelola Galeri
Description Actor mengelola galeri
Post-condition Actor dapat melakukan tambah, edit, hapus galeri
Actor Admin
Alur Admin Sistem
1. Admin mengakses
halaman galeri
2. Sistem
10
menampilkan
halaman galeri
3. Admin
melakukantambah,
edit, hapus galeri.
4. Klik simpan.
5. Sistem akan
menyimpan hasil
galeri yang sudah
dikelola.
h. Skenario mengelola Giri
Tabel 9 Mengelola Guru

No. Use Case 08
Nama Use Case Mengelola Guru
Description Actor mengelola halaman guru
guru
Actor Admin
Alur Admin Sistem
1. Admin mengakses
halaman guru.
halaman guru.
3. Admin melakukan,
tambah, edit, hapus
data guru.
4. Klik Simpan.
5. Sistem akan
menyimpan hasil guru
yang sudah Simpan.
i. Skenario Mengelola inbox
Tabel 10 Mengelola inbox

No. Use Case 09
Nama Use Case Mengelola inbox
Description Actor mengelola halaman inbox
11

Post-condition Actor dapat melakukan kelola data inbox
Actor Admin
Alur Admin Sistem
1. Admin mengakses
halaman inbox.
halaman inbox.
3. Admin
melakukankelola inbox.
4. Klik inbox.
5. Sistem akan
menyimpan hasil
kelolainbox.
j. Skenario mengelola komentar
Tabel 11 Mengelola komentar

No. Use Case 10
Nama Use Case Mengelola komentar
Description Actor mengelola halaman komentar
Post-condition Actor dapat melakukan kelola data komentar
Actor Admin
Alur Admin Sistem
1. Admin mengakses
halaman komentar.
halaman komentar.
3. Admin
melakukankelola
komentar.
4. Klik komentar.
5. Sistem akan
menyimpan hasil
kelolakomentar.
k. Skenario Logout
Tabel 12 Skenario Logout

No. Use Case 11
12
Nama Use Case Logout

Description Use case logout, actor keluar dari sistem.
Post-condition Actor dapat keluar
Actor Admin
Alur Admin Sistem
1. Admin memilih
menu keluar.
halaman login.
l. Skenario melihat home
Tabel 13 Skenario melihat home

No. Use Case 12
Nama Use Case Melihat home
Description Melihat halaman home di website.
Pre-condition Actor membuka website dan mengakses menu home
Post-condition Actormelihat halaman home
Actor User
Alur User Sistem
1.Aktor mengakses
website
2.Pilih menu Home
3. Menampilkan
halaman Home
4.Melihat halaman
Home
m. Skenario melihat About
Tabel 14 Skenario melihat About

No. Use Case 13
Nama Use Case Melihat About
Description Melihat halaman About di website.
Pre-condition Actor membuka website dan mengakses menu
About
Post-condition Actormelihat halaman About
Actor User
Alur User Sistem
1. Aktor mengakses
website
2.Pilih menu About
3. Menampilkan
13
halaman About
4.Melihat halaman
About
n. Skenario melihat Guru
Tabel 15 Skenario melihat Guru

No. Use Case 14
Nama Use Case Melihat Guru
Description Melihat halaman Guru di website.
Pre-condition Actor membuka website dan mengakses menu Guru
Post-condition Actormelihat halaman Guru
Actor User
Alur User Sistem
1. Aktor mengakses
website
2.Pilih menu Guru
3. Menampilkan
halaman Guru
4.Melihat halaman
Guru
o. Skenario melihat Blog
Tabel 16 Skenario melihat Blog

No. Use Case 15
Nama Use Case Melihat Blog
Description Melihat halaman Blog di website.
Pre-condition Actor membuka website dan mengakses menu Blog
Post-condition Actormelihat halaman Blog
Actor User
Alur User Sistem
1. Aktor mengakses
website
2.Pilih menu Blog
3. Menampilkan
halaman Blog
4.Melihat halaman
Blog
p. Skenario melihat Pengumuman
Tabel 17 Skenario melihat Pengumuman

No. Use Case 16
Nama Use Case Melihat Pengumuman
14
Description Melihat halaman Pengumuman di website.

Pengumuman
Post-condition Actormelihat halaman Pengumuman
Actor User
Alur User Sistem
1. Aktor mengakses
website
2.Pilih menu
Pengumuman
3. Menampilkan
halaman
Pengumuman
4.Melihat halaman
Pengumuman
q. Skenario melihat Agenda
Tabel 18 Skenario melihat Agenda

No. Use Case 17
Nama Use Case Melihat Agenda
Description Melihat halaman Agenda di website.
Agenda
Post-condition Actormelihat halaman Agenda
Actor User
Alur User Sistem
1. Aktor mengakses
website
2.Pilih menu Agenda
3. Menampilkan
halaman Agenda
4.Melihat halaman
Agenda
r. Skenario melihat Download
Tabel 19 Skenario melihat Download

No. Use Case 18
Nama Use Case Melihat Download
Description Melihat halaman Download di website.
Agenda
Post-condition Actormelihat halaman Downloaddan mengunduh
15
file.
Actor User
Alur User Sistem
1. Aktor mengakses
website
2.Pilih menu
Download
3. Menampilkan
halaman Download
4. Klik Download
5. Menampilkan file
hasil download
6.Melihat file hasil
download
s. Skenario melihat Gallery
Tabel 20 Skenario melihat Gallery

No. Use Case 19
Nama Use Case Melihat Gallery
Description Melihat halaman Gallery di website.
Gallery
Post-condition Actormelihat halaman Gallery
Actor User
Alur User Sistem
1. Aktor mengakses
website
2.Pilih menu Gallery
3. Menampilkan
halaman Gallery
4.Melihat halaman
Gallery
t. Skenario melihat Contact

Tabel 21 Skenario melihat Contact
No. Use Case 20
Nama Use Case Melihat Contact
Description Melihat halaman Contact di website.
Contact
Post-condition Actormelihat halaman Contact dan formulir pesan.
Actor User
Alur User Sistem
1. Aktor mengakses
16
website
2.Pilih menu Contact
3. Menampilkan
halaman Contact dan
formulir pesan
4. Mengisi pesan
5. Klik Submit
6. Menampilkan
notifikasi
submitpesan.
1.3.3 Activity Diagram

a. Activity Login
Activity Loginpada gambar dibawah ini menunjukan aksi-aksi yang berkaitan
dengan aktivitas login kedalam aplikasi. Username dan Password akan divalidasi
sesuai dengan data yang ada dalam database.
17
Gambar 4 Activity Login
b. Activity Mengelola Berita

Activity mengelola beritapada gambar dibawah ini menunjukan aksi actor
admin dalam mengelola data berita.Actor dapat melalukan proses tambah, edit,
hapus data berita.
18
Gambar 2 Activity Mengelola Berita

c. Activity Mengelola Pengguna
Activity mengelola pengguna pada gambar dibawah ini menunjukan aksi
actor admin dalam mengelola data pengguna. Actor dapat melalukan proses
tambah, edit, hapus data pengguna.
19
Gambar 3 Activity Mengelola Pengguna

d. Activity Mengelola Agenda
Activity mengelola Agendapada gambar dibawah ini menunjukan aksi actor
admin dalam mengelola data agenda.Actor dapat melalukan proses tambah, edit,
hapus data agenda.
20
Gambar 4 Activity Mengelola Agenda

e. Activity Mengelola Pengumuman
Activity mengelola Pengumumanpada gambar dibawah ini menunjukan aksi
actor admin dalam mengelola data pengumuman.Actor dapat melalukan proses
tambah, edit, hapus data pengumuman.
21
Gambar 5 Activity MengelolaPengumuman
f. Activity Mengelola Download

Activity mengelola Downloadpada gambar dibawah ini menunjukan aksi
actor admin dalam mengelola data download.Actor dapat melalukan proses
tambah, edit, hapus data download.
22
Gambar 6Activity MengelolaDownload
g. Activity Mengelola Galeri

Activity mengelola Galeripada gambar dibawah ini menunjukan aksi actor
admin dalam mengelola data galeri.Actor dapat melalukan proses tambah, edit,
hapus data galeri.
23
Gambar 7 Activity MengelolaGaleri
h. Activity Mengelola Guru

Activity mengelola Gurupada gambar dibawah ini menunjukan aksi actor
admin dalam mengelola data guru.Actor dapat melalukan proses tambah, edit,
hapus data guru.
24
Gambar 8 Activity MengelolaGuru
i. Activity MengelolaInbox
Activity mengelolainboxpada gambar dibawah ini menunjukan aksi actor
admin dalam mengelola data inbox.Actor dapat melalukan proses lihat dan hapus
data inbox.
25
Gambar 9 Activity Mengelola inbox
j. Activity Mengelola Komentar

Activity mengelola komentarpada gambar dibawah ini menunjukan aksi actor
admin dalam mengelola data komentar.Actor dapat melalukan proses lihat dan
hapus data komentar.
26
Gambar 10 Activity MengelolaKomentar
k. Activity Logout
Activity Logoutpada gambar dibawah ini menunjukan aksi actor admin dalam
proses logout.
Gambar 11Activity Logout
l. Activity Melihat Home

Activity melihat homepada gambar dibawah ini menunjukan aksi actor
27
userdalam proses melihat halaman home pada website.
Gambar 12Activity Melihat Home
m. Activity Melihat About

Activity melihat aboutpada gambar dibawah ini menunjukan aksi actor user
dalam proses melihat halaman about pada website.
Gambar 13Activity Melihat About
n. Activity Melihat Guru

Activity melihat gurupada gambar dibawah ini menunjukan aksi actor user
dalam proses melihat halaman gurupada website.
28
Gambar 14Activity Melihat Guru
o. Activity Melihat Blog

Activity melihat blogpada gambar dibawah ini menunjukan aksi actor user
dalam proses melihat halaman blogpada website.
Gambar 15Activity Melihat Blog
p. Activity Melihat Pengumuman

Activity melihat pengumumanpada gambar dibawah ini menunjukan aksi
actor user dalam proses melihat halaman pengumumanpada website.
29
Gambar 16Activity Melihat Pengumuman
q. Activity Melihat Agenda

Activity melihat agendapada gambar dibawah ini menunjukan aksi actor user
dalam proses melihat halaman agenda pada website.
Gambar 17Activity Melihat Agenda
r. Activity Melihat Download

Activity melihat downloadpada gambar dibawah ini menunjukan aksi actor
user dalam proses melihat halaman download dan proses mengunduh file pada
website.
30
Gambar 18Activity Melihat Download
s. Activity Melihat Gallery

Activity melihat galerrypada gambar dibawah ini menunjukan aksi actor user
dalam proses melihat halaman galerrypada website.
31
Gambar 19Activity Melihat Gallery
t. Activity Melihat Contact

Activity melihat contactpada gambar dibawah ini menunjukan aksi actor user
dalam proses melihat halaman contact dan juga mengisi formulir pesan pada
website.
32
Gambar 20Activity Melihat Contact

33
1.3.4 Sequence Diagram

1. Sequence Diagram Login
Gambar 21Sequence Diagram Login
Pada gambar sequence diagram 24 terdapat actor yaitu Admin dan 4 (empat)
objek diantaranya Form Login sebagai boundary, Login sebagai controller, Akun
sebagai entity dan Halaman Admin sebagai boundary. Penjelasan sequence
diagram diatas sebagai berikut:
1) Admin masuk ke halaman web admin dan akan muncul formlogin jika
kondisi admin belum melakukan login.
2) Admin melakukan input username dan password kedalam form login.
3) Sistem akan melakukan validasi username dan password.
Admin melakukan proses login, jika username dan password berhasil
tervalidasi, maka sistem akan menampilkan halaman awaladmin. Jika gagal maka
sistem akan mengirimkan notifikasi gagal login pada form login.
34
2. Sequence Diagram Berita
Gambar 22Sequence DiagramBerita
Pada gambar sequence diagram 25 terdapat actor yaitu Admin dan 3 (tiga)
objek diantaranya Form Beritasebagai boundary, Beritasebagai controller,
M_Berita sebagai entity. Penjelasan sequence diagram diatas sebagai berikut:
1) Admin masuk ke halaman web admin menuju menu berita, lalu admin
melakukan edit data berita pada halaman form berita.
2) Admin melakukan proses simpan untuk meng-update data berita. Ketika data
berhasil disimpan maka sistem akan menampilkan data berita yang sudah di
update.
3. Sequence Diagram Pengguna

35
Gambar 23Sequence DiagramPengguna
objek diantaranya Form penggunasebagai boundary, penggunasebagai controller,
M_Pengguna sebagai entity. Penjelasan sequence diagram diatas sebagai berikut:
1) Admin masuk ke halaman web admin menuju menu pengguna, lalu admin
melakukan edit data pengguna pada halaman form pengguna.
2) Admin melakukan proses simpan untuk meng-update data pengguna. Ketika
data berhasil disimpan maka sistem akan menampilkan data penggunayang
sudah di update.
36
4. Sequence Diagram Agenda
Gambar 24Sequence DiagramAgenda
objek diantaranya Form agendasebagai boundary, agenda sebagai controller,
M_agenda sebagai entity. Penjelasan sequence diagram diatas sebagai berikut:
1) Admin masuk ke halaman web admin menuju menu agenda, lalu admin
melakukan edit data agenda pada halaman form agenda.
2) Admin melakukan proses simpan untuk meng-update data agenda. Ketika
data berhasil disimpan maka sistem akan menampilkan data agenda yang
sudah di update.
37
5. Sequence Diagram Pengumuman
Gambar 25Sequence DiagramPengumuman
objek diantaranya Form pengumumansebagai boundary, pengumumansebagai
controller, M_pengumumansebagai entity. Penjelasan sequence diagram diatas
sebagai berikut:
1) Admin masuk ke halaman web admin menuju menu pengumuman, lalu admin
melakukan edit data pengumumanpada halaman form pengumuman.
2) Admin melakukan proses simpan untuk meng-update data pengumuman.
Ketika data berhasil disimpan maka sistem akan menampilkan data
pengumumanyang sudah di update.
38
6. Sequence Diagram Download
Gambar 26Sequence DiagramDownload
objek diantaranya Form Download sebagai boundary, Download sebagai
controller, M_Download sebagai entity. Penjelasan sequence diagram diatas
sebagai berikut:
1) Admin masuk ke halaman web admin menuju menu Download, lalu admin
melakukan edit data Download pada halaman form Download.
2) Admin melakukan proses simpan untuk meng-update data Download. Ketika
data berhasil disimpan maka sistem akan menampilkan data Download yang
sudah di update.
39
7. Sequence Diagram Galeri
Gambar 27Sequence DiagramGaleri
objek diantaranya Form galerisebagai boundary, galerisebagai controller,
M_galerisebagai entity. Penjelasan sequence diagram diatas sebagai berikut:
1) Admin masuk ke halaman web admin menuju menu galeri, lalu admin
melakukan edit data galeripada halaman form galeri.
2) Admin melakukan proses simpan untuk meng-update data galeri. Ketika data
berhasil disimpan maka sistem akan menampilkan data galeriyang sudah di
update.
40
8. Sequence Diagram Guru
Gambar 28Sequence DiagramGuru
objek diantaranya Form gurusebagai boundary, gurusebagai controller,
M_gurusebagai entity. Penjelasan sequence diagram diatas sebagai berikut:
1) Admin masuk ke halaman web admin menuju menu guru, lalu admin
melakukan edit data gurupada halaman form guru.
2) Admin melakukan proses simpan untuk meng-update data guru. Ketika data
berhasil disimpan maka sistem akan menampilkan data guruyang sudah di
update.
41
9. Sequence Diagram inbox
Gambar 29Sequence DiagramInbox
objek diantaranya Form inbox sebagai boundary, inbox sebagai controller,
M_inbox sebagai entity. Penjelasan sequence diagram diatas sebagai berikut:
1) Admin masuk ke halaman web admin menuju menu inbox, lalu admin
melakukan edit data inbox pada halaman form inbox.
2) Admin melakukan proses simpan untuk meng-update data inbox. Ketika data
berhasil disimpan maka sistem akan menampilkan data inbox yang sudah di
update.
42
10. Sequence Diagram Komentar
Gambar 30Sequence DiagramKomentar
objek diantaranya Form komentarsebagai boundary, komentarsebagai controller,
M_komentarsebagai entity. Penjelasan sequence diagram diatas sebagai berikut:
1) Admin masuk ke halaman web admin menuju menu komentar, lalu admin
melakukan edit data komentarpada halaman form komentar.
2) Admin membalas komentar pengunjung website.
3) Admin melakukan proses simpan untuk meng-update data komentar. Ketika
data berhasil disimpan maka sistem akan menampilkan data komentaryang
sudah di update.
43
11. Sequence Diagram Logout
Gambar 31Sequence DiagramLogout
Pada gambar sequence diagram 34 terdapat actor yaitu Admin dan 2 (dua)
objek diantaranya Form Logout dan Form Login sebagai boundary. Penjelasan
sequence diagram diatas sebagai berikut:
1) Admin masuk ke halaman web admin, lalu melakukan proses logout.
2) Ketika admin berhasil logout maka akan menampilkan halaman login.
12. Sequence Diagram Melihat Home

Dibawah ini merupaka sequence diagram melihat home
Gambar 32Sequence DiagramMelihat Home

44
Pada gambar sequence diagram 35 terdapat actor yaitu User dan 3 (tiga)
objek diantaranya halamanwebsitesebagai boundary, C_Homesebagai controller,
halaman home sebagai boundary. Penjelasan sequence diagram diatas sebagai
berikut:
1) User masuk ke halaman website menuju menu home.
2) Sistem menampilkan halaman home.
13. Sequence Diagram Melihat About
Dibawah ini merupaka sequence diagram melihat about
Gambar 33Sequence DiagramMelihat About
objek diantaranya halamanwebsitesebagai boundary, C_Aboutsebagai controller,
halaman about sebagai boundary. Penjelasan sequence diagram diatas sebagai
berikut:
1) User masuk ke halaman website menuju menu about.
2) Sistem menampilkan halaman about.
45
14. Sequence Diagram Melihat Guru

Dibawah ini merupaka sequence diagram melihat guru
Gambar 34Sequence DiagramMelihat Guru
objek diantaranya halamanwebsitesebagai boundary, C_Gurusebagai controller,
halaman guru sebagai boundary. Penjelasan sequence diagram diatas sebagai
berikut:
1) User masuk ke halaman website menuju menu guru.
2) Sistem menampilkan halaman guru.
15. Sequence Diagram Melihat Blog
Dibawah ini merupaka sequence diagram melihat blog
Gambar 35Sequence DiagramMelihat Blog
46
objek diantaranya halamanwebsitesebagai boundary, C_Blogsebagai controller,

halaman blog sebagai boundary. Penjelasan sequence diagram diatas sebagai
berikut:
1) User masuk ke halaman website menuju menu blog.
2) Sistem menampilkan halaman blog.
16. Sequence Diagram Melihat Pengumuman
Dibawah ini merupaka sequence diagram melihat pengumuman
Gambar 36Sequence DiagramMelihat Pengumuman
objek diantaranya halamanwebsitesebagai boundary, C_Pengumumansebagai
controller, halaman pengumuman sebagai boundary. Penjelasan sequence
diagram diatas sebagai berikut:
1) User masuk ke halaman website menuju menu pengumuman.
2) Sistem menampilkan halaman pengumuman.
47
17. Sequence Diagram Melihat Agenda

Dibawah ini merupaka sequence diagram melihat agenda
Gambar 37Sequence DiagramMelihat Agenda
objek diantaranya halamanwebsitesebagai boundary, C_Agendasebagai
controller, halaman agenda sebagai boundary. Penjelasan sequence diagram
diatas sebagai berikut:
1) User masuk ke halaman website menuju menu agenda.
2) Sistem menampilkan halaman agenda.
48
18. Sequence Diagram Melihat Download

Dibawah ini merupaka sequence diagram melihat download
Gambar 38Sequence DiagramMelihat Download
Pada gambar sequence diagram 41 terdapat actor yaitu User dan 4 (empat)
objek diantaranya halamanwebsitesebagai boundary, C_Download sebagai
controller, halaman download sebagai boundary, database sebagai tempat file
yang akan di unduh. Penjelasan sequence diagram diatas sebagai berikut:
1) User masuk ke halaman website menuju menu download.
2) Sistem menampilkan halaman download.
3) User mengunduh file
4) Sistem menampilkan file hasil download
49
19. Sequence Diagram Melihat Gallery

Dibawah ini merupaka sequence diagram melihat gallery
Gambar 39Sequence DiagramMelihat Gallery
objek diantaranya halamanwebsitesebagai boundary, C_Gallerysebagai
controller, halaman gallery sebagai boundary. Penjelasan sequence diagram
diatas sebagai berikut:
1) User masuk ke halaman website menuju menu gallery.
2) Sistem menampilkan halaman gallery.
20. Sequence Diagram Melihat Contact
Dibawah ini merupaka sequence diagram melihat contact
Gambar 40Sequence DiagramMelihat Contact
Pada gambar sequence diagram 43 terdapat actor yaitu User dan 4 (empat)
50
objek diantaranya halamanwebsitesebagai boundary, C_Contact sebagai

controller, halaman contact sebagai boundary, database sebagai penyimpan
pesan. Penjelasan sequence diagram diatas sebagai berikut:
1) User masuk ke halaman website menuju menu contact
2) Sistem menampilkan formcontact.
3) User melakukan submit pesan
1.3.5 Class Diagram
Classdiagram menggambarkan kelas-kelas objek yang menyusun sebuah
sistem dan juga hubungan antar kelas objek yang terjadi di dalam sistem Berikut
gambar class diagramyang dibuatdapat dilihat pada gambar 44
class Class Model
Kategori Tulisan
Agenda - kategori_id: int - id_tulisan: int
- kategori_nama: varchar - tuli san_isi: varchar
- agenda_deskripsi: text
- kategori_tanggal: date - tuli san_judul: varchar Inbox
- agenda_mulai: date 1 1..* - tuli san_kategori_id: teks
- agenda_selesai: date + edi t() - inbox_email: varchar
- tuli san_kategori_nama: varchar
- agenda_tempat: varchar + hapus() - inbox_id: int
- tuli san_tgl: date
- id_agenda: int + tambah() - inbox_kontak: varchar
- nama_agenda: varchar + edi t() - inbox_nama: varchar
- tgl_agenda: date 1..* + hapus() - inbox_pesan: varchar
+ tambah() - inbox_status: varchar
+ edit() 1..*
+ hapus() 1..* - inbox_tgl: date
1..*
+ tambah() + hapus()
1 1
1 admin
Album
- password: int 1
- album_cover: varchar Pengumuman
- username: varchar
- album_nama: varchar 1 1 - id_pengumuman: int
- album_tgl: date + login()
1..* - pengumuman_deskripsi: varchar
- id_album: int + Logout()
1 1..* - pengumuman_judul: varchar
1 - pengumuman_tgl: date
+ edit() 1 1
+ hapus()
+ edi t()
+ tambah()
+ hapus()
1..* + tambah()
1
1..*
Galeri Files
1..* 1..* Komentar
- galeri_album_id: int - file_data: varchar
- galeri_gambar: varchar - id_komentar: int - file_deskripsi: text
guru
- galeri_id: int - komenta_parent: int 1..* - file_download: int
- galeri_judul: varchar - guru_id: int - komentar_email: varchar - file_judul: varchar
- galeri_pengguna_id: varchar - guru_nama: varchar - komentar_isi: varchar - file_oleh: varchar
- galeri_tgl: timestamp - guru_nip: varchar - komentar_nama: varchar - file_tgl: date
- guru_tgl_lahir: date - komentar_status: varchar - id_file: int
+ edit() - komentar_tgl: timestamp
+ hapus() + edi t() + edi t()
+ tambah() + hapus() + balas() + hapus()
+ tambah() + hapus() + tambah()
+ publish()
Gambar 44 Class Diagram
1.3.6 Interface
Berikut ini merupakan perancangan interface untuk tampilan back-end
(Admin) dan front-end user yang telah dirancang untuk kemudian di
implementasikan pada website admin:
1. Interface back-end Login
Pada Interface login terdapat textfield username yang berfungsi untuk
menginput data username, textfield passwordyang berfungsi untuk menginput
51
password dan button login berfungsi untuk memvalidasi data username dan
password pada database agar dapat mengakses aplikasi.
Gambar 41Interfaceback-end Login
2. Interface back-end mengelola berita

a. Sub menu list berita
Pada gambar 45 memperlihatkan rancangan interface untuk halaman list
berita. Halaman list beritauntuk memperlihatkan daftar berita yang tampil pada
website. Terdapat juga tombol post berita untuk menambahkan berita pada
website.
Gambar 42Interfaceback-endSubMenu List Berita

52
b. Sub menu post berita

Pada gambar 46 memperlihatkan rancangan interface untuk halaman post
berita. Halaman post beritauntuk menambahkan berita pada website.
Gambar 43Interface back-end SubMenu Post Berita
c. Sub menu kategori

Pada gambar 47 memperlihatkan rancangan interface untuk halaman kategori.
Pada halaman kategoriterdapat tombol add kategori untuk menambahkan kategori
berita pada website dan juga terdapat tabel daftar kategori yang telah disimpan.
Gambar 44Interface back-end SubMenu Post Berita

53
3. Interface back-end mengelola pengguna

Pada gambar 48 memperlihatkan rancangan interface untuk halaman
pengguna. Pada halaman penggunaterdapat tombol add pengguna untuk
menambahkan data pengguna website admin dan juga terdapat tabel daftar
pengguna yang telah disimpan.
Gambar 45Interfaceback-endmengelola pengguna
4. Interface back-end mengelola agenda

Pada gambar 49 memperlihatkan rancangan interface untuk halaman agenda.
Pada halaman agendaterdapat tombol add agenda untuk menambahkan data
agenda yang akan ditampilkan pada websitedan juga terdapat tabel daftar agenda
yang telah disimpan.
54
Gambar 46Interfaceback-endmengelola agenda
5. Interface back-end mengelola pengumuman

pengumuman. Pada halaman pengumuman terdapat tombol add pengumuman
untuk menambahkan pengumuman yang akan ditampilkan pada websitedan juga
terdapat tabel daftar pengumuman yang telah disimpan.
Gambar 47Interfaceback-endmengelola pengumuman
6. Interfaceback-endmengelola download
55
download. Pada halaman pengumuman terdapat tombol add file untuk

menambahkan file yang akan ditampilkan pada website agar bisa di download
oleh pengunjung dan juga terdapat tabel daftar filedownload yang telah disimpan.
Gambar 48Interfaceback-endmengelola download
7. Interface back-end mengelola galeri

a. Interface data album
Pada gambar 52 memperlihatkan rancangan interface untuk halaman album.
Pada halaman ini terdapat tombol add albumuntuk menambahkan album yang
akan mengelompokan foto yang ada di galeri pada websitedan juga terdapat tabel
daftar album yang telah disimpan.
56
Gambar 49Interfaceback-endmengelola album
b. Interface back-end gallery photos

Pada gambar 53 memperlihatkan rancangan interface untuk halaman galeri
foto. Pada halaman ini terdapat tombol add photos untuk menambahkan foto yang
akan ditampilkan pada websitedan juga terdapat tabel daftar foto beserta
keterangan yang telah disimpan.
Gambar 50Interfaceback-endmengelola gallery photos
8. Interface back-end mengelola data guru

Pada gambar 52 memperlihatkan rancangan interface untuk halaman data
57
guru. Pada halaman data guru terdapat tombol add guru untuk menambahkan data
guru yang akan ditampilkan pada websitedan juga terdapat tabel daftar data guru
yang telah disimpan.
Gambar 51Interfaceback-endmengelola data guru
9. Interfaceback-endmengelola inbox
Pada gambar 55 memperlihatkan rancangan interface untuk halaman inbox.
Pada halaman inbox terdapat tabel berisi pesan masuk yang dikirimkan oleh
pengunjung website.
Gambar 52Interfaceback-endmengelola inbox

58
10. Interfaceback-endmengelola komentar

komentar. Pada halaman komentar terdapat tabel berisi komentar masuk yang
dikirimkan oleh pengunjung website.
Gambar 53Interfaceback-endmengelola komentar
11. Interfacefront-endmelihat home

Pada gambar 57 dan 58 memperlihatkan rancangan interface untuk halaman
home. Pada halaman home berisi slide foto yang merupakan sampul dari menu
blog dan menu guru, setelah itu terdapat sambutan kepala sekolah .
Gambar 54Interface front-endmelihat home

59
Gambar 55Interface front-endmelihat home
12. Interfacefront-endmelihat about

Pada gambar 59 memperlihatkan rancangan interface untuk halaman about.
Pada halaman aboutberisi sejarah sekolah.
Gambar 56Interface front-endmelihat about
13. Interfacefront-endmelihat guru

Pada gambar 60 memperlihatkan rancangan interface untuk halaman guru.
Pada halaman guru berisi nama dan foto guru.
60
Gambar 57Interface front-endmelihat guru
14. Interfacefront-endmelihat blog

Pada gambar 61 memperlihatkan rancangan interface untuk halaman blog.
Pada halaman blog berisi artikel dan berita.
Gambar 58Interface front-endmelihat blog
15. Interfacefront-endmelihat pengumuman

pengumuman. Pada halaman pengumuman berisi pengumuman sekolah.
61
Gambar 59Interface front-endmelihat pengumuman
16. Interfacefront-endmelihat agenda

Pada gambar 63 memperlihatkan rancangan interface untuk halaman agenda.
Pada halaman agendaberisi agenda sekolah.
Gambar 60Interface front-endmelihat agenda
17. Interfacefront-endmelihat download

download. Pada halaman download berisi file download.
62
Gambar 61Interface front-endmelihat download
18. Interfacefront-endmelihat gallery

Pada gambar .65memperlihatkan rancangan interface untuk halaman gallery.
Pada halaman gallery berisi foto dokumentasi sekolah.
Gambar 62Interface front-endmelihat gallery
19. Interfacefront-endmelihat contact

Pada gambar 66 memperlihatkan rancangan interface untuk halaman contact.
Pada halaman contactberisi foto dokumentasi sekolah.
63
Gambar 63Interface front-endmelihat contact

64
BAB II
2.1 Construction
Rancangan sistem dan antarmuka yang sudah dibuat sebelumnya
diimplementasikan dalam bentuk perangkat lunak. Berikut adalah tampilan
perangkat lunak yang telah dibuat berdasarkan rancangan.
2.1.1 Implementasi
Dalam tahap implementasi ini, interface yang kita buat diatas sama dengan
interface implementasi ini untuk memudahkan penulis dalam membangun
perangkat lunak berbasis web.
A. Implementasi Back-end (Admin)
1. Implementasi Back-end Login
Pada gambar 67 memperlihatkan implementasi back-end login admin dalam
perancangan website profile SMAN 1 Pasawahan.
Gambar 64 ImplementasiBack-end Login
2. Implementasi Back-end Berita

a. List berita
Pada gambar 68 memperlihatkan implementasi back-end list berita yang
merupakan sub menu dari menu berita pada admindalam perancangan website
profile SMAN 1 Pasawahan.
65
Gambar 65 ImplementasiBack-end List Berita
b. Post berita
Pada gambar 69 memperlihatkan implementasi back-end Postberita yang
profile SMAN 1 Pasawahan. Pada sub menu ini admin memasukkan berita dari
judul, deskripsi, kategori dan unggah foto.
Gambar 66 ImplementasiBack-end Post Berita
c. Kategori
Pada gambar 70 memperlihatkan implementasi back-end kategori yang
66
Gambar 67 ImplementasiBack-endKategori
3. Implementasi Back-end Pengguna

Pada gambar 71 memperlihatkan implementasi back-end pengguna yang
merupakan data pengguna untuk mengelola website dalam perancangan website
Gambar 68 ImplementasiBack-endPengguna
4. Implementasi Back-end Agenda

Pada gambar 72 memperlihatkan implementasi back-end agenda dalam
67
Gambar 69 ImplementasiBack-endAgenda
5. Implementasi Back-end Pengumuman

Pada gambar 73 memperlihatkan implementasi back-end pengumuman dalam
Gambar 70 ImplementasiBack-endPengumuman
6. Implementasi Back-end Download

Pada gambar 74 memperlihatkan implementasi back-end downloaddalam
68
Gambar 71 ImplementasiBack-endDownload
7. Implementasi Back-end Galeri

Dibawah ini merupakanimplementasi back-end galeri dalam perancangan
website profile SMAN 1 Pasawahan. Dalam menu galeri terdapat 2 sub
menuyaitu:
a. Data album
Pada gambar 75 merupakan implementasi back-end data album yang
terdapat pada menu galeri
Gambar 72 ImplementasiBack-enddata album
b. Photos
Pada gambar 76 merupakan implementasi back-end photos yang terdapat
pada menu galeri
69
Gambar 73 ImplementasiBack-endphotos
8. Implementasi Back-end Data Guru

Pada gambar 77 memperlihatkan implementasi back-end data guru dalam
Gambar 4. 74 ImplementasiBack-endData Guru
9. Implementasi Back-end Inbox

Pada gambar 78 memperlihatkan implementasi back-end inbox dalam
70
Gambar 75 ImplementasiBack-endInbox
10. Implementasi Back-end Komentar

Pada gambar 79 memperlihatkan implementasi back-end komentar dalam
Gambar 4. 76 ImplementasiBack-endkomentar
11. Implementasi Front-end Home

Pada gambar 80 dan 81 memperlihatkan implementasi front-end halaman
homedalam perancangan website profile SMAN 1 Pasawahan.
71
Gambar 77 ImplementasiFront-endhome
Gambar 78 ImplementasiFront-endhome
12. Implementasi Front-end About

Pada gambar 82 memperlihatkan implementasi front-end halaman
aboutdalam perancangan website profile SMAN 1 Pasawahan.
Gambar 79 ImplementasiFront-endabout
72
13. Implementasi Front-end Guru

Pada gambar 83 memperlihatkan implementasi front-end halaman guru
dalam perancangan website profile SMAN 1 Pasawahan.
Gambar 80 ImplementasiFront-endguru
14. Implementasi Front-end blog

Pada gambar 84 memperlihatkan implementasi front-end halaman blog dalam
Gambar 81 ImplementasiFront-endblog
15. Implementasi Front-end Pengumuman

Pada gambar 86 5memperlihatkan implementasi front-end halaman
pengumumandalam perancangan website profile SMAN 1 Pasawahan.
73
Gambar 82 ImplementasiFront-endpengumuman
16. Implementasi Front-end Agenda

Pada gambar 86 memperlihatkan implementasi front-end halaman agenda
dalam perancangan website profile SMAN 1 Pasawahan.
Gambar 83 ImplementasiFront-endagenda
17. Implementasi Front-end Download

Pada gambar 87memperlihatkan implementasi front-end halaman
downloaddalam perancangan website profile SMAN 1 Pasawahan.
74
Gambar 84 ImplementasiFront-enddownload
18. Implementasi Front-end Gallery

gallerydalam perancangan website profile SMAN 1 Pasawahan.
Gambar 4. 85 ImplementasiFront-end gallery
19. Implementasi Front-end Contact

contactdalam perancangan website profile SMAN 1 Pasawahan.
75
Gambar 86 ImplementasiFront-end contact
2.1.2 Pengujian
Pada tahap pengujian memastikan bahwa perangkat lunak berbasis web yang
dibuat sesuai dengan rancangan dan berfungsi dengan baik sesuai dengan
kebutuhan dengan menggunakan pengujian black-box.
Pengujian black-box menunjukan fungsi cara kerja perangkat lunak apakah
sudah berjalan sebagaimana mestinya. Pengujian ini dilakukan oleh pembuat
aplikasi sehingga dapat mengetahui apakah hasil pembuatan aplikasi website
profiledan setiap fungsi dari website sudah berhasil atau masih terdapat kesalahan.
Berikut adalah tabel hasil pengujian yang telah dilakukan:
Tabel 1 Tabel pengujian

Fungsi yang Hasil
No Skenario Pengujian Hasil yang diharapkan
diuji Pengujian
Admin masuk ke Admin berhasil masuk
1 Login Sukses
dalam sistem. kedalam sistem.
Admin meng-update Admin berhasil meng-
Update
2 tulisan pada menu update tulisan pada Sukses
tulisan
berita menu berita
Admin menambah Admin berhasil
Tambah
3 tulisan pada menu menambah tulisan Sukses
tulisan
berita pada menu berita
Tambah Admin berhasil
Admin mengunggah
4 gambar mengunggah gambar Sukses
gambar untuk tulisan
tulisan untuk tulisan
Admin menghapus Admin berhasil
5 Hapus tulisan tulisan pada menu menghapus tulisan Sukses
berita pada menu berita
Tambah Admin menambah Admin berhasil
6 Sukses
kategori kategori tulisan pada menambah kategori
76
tulisan pada menu

menu berita
berita
Update
6 kategori tulisan pada update tulisan pada Sukses
kategori
menu berita menu berita
Admin berhasil
Admin menghapus
Hapus menghapus kategori
7 kategori tulisan pada Sukses
kategori tulisan pada menu
menu berita
berita
Admin berhasil
Tambah Admin menambah
8 menambah data Sukses
pengguna data pengguna
pengguna
Update Admin meng-update Admin berhasil meng-
9 Sukses
pengguna data pengguna update data pengguna
Admin berhasil
Hapus Admin menghapus
10 menghapus data Sukses
pengguna data pengguna
pengguna
Admin berhasil
agenda data agenda
agenda
Update Admin meng-update Admin berhasil meng-
12 Sukses
agenda data agenda update data agenda
Admin berhasil
agenda data agenda
agenda
Admin berhasil
pengumuman data pengumuman
pengumuman
Admin berhasil meng-
Updatepengu Admin meng-update
15 update data Sukses
muman data pengumuman
pengumuman
Admin berhasil
pengumuman data pengumuman
pengumuman
17 Tambah file Sukses
file menambah file
18 Updatefile Sukses
file update file
19 Hapus file Sukses
file menghapus file
Tambah
20 album pada menu menambah album Sukses
album
galeri pada menu galeri
21 Updatealbum album pada menu update album pada Sukses
galeri menu galeri
77

22 Hapus album Sukses
album menghapus album
Tambah
23 photo pada menu menambah photo pada Sukses
photo
galeri menu galeri
Admin meng- Admin berhasil meng-
24 Updatephoto updatephoto pada updatephoto pada Sukses
menu galeri menu galeri
25 Hapus photo Sukses
photo menghapus photo
Admin berhasil
Tambah data Admin menambah
guru data guru
guru
27 Updateguru Sukses
data guru update data guru
28 Hapus guru Sukses
data guru menghapus data guru
29 Hapus inbox Sukses
inbox menghapus inbox
Hapus Admin menghapus Admin berhasil
30 Sukses
komentar komentar menghapus komentar
Admin membalas
Balas Admin berhasil
31 komentar Sukses
komentar membalas komentar
pengunjung
Admin dapat keluar Admin berhasil keluar
32 Logout Sukses
dari sistem. dari sistem.
User dapat melihat User berhasil melihat
33 Lihat Home Sukses
isi konten home. isi konten home.
34 Lihat About Sukses
isi konten about. isi konten about.
35 Lihat Guru Sukses
daftar guru. daftar guru.
36 Lihat Blog Sukses
isi konten blog. isi konten blog.
Lihat
37 isi konten isi konten Sukses
Pengumuman
pengumuman. pengumuman.
38 Lihat agenda Sukses
isi konten agenda. isi konten agenda.
Lihat User dapat melihat User berhasil melihat
39 Sukses
download isi konten download. isi konten download.
Download User dapat User berhasil
40 Sukses
file mengunduh file mengunduh file
78

41 Lihat gallery Sukses
isi konten galeri. isi konten galeri.
42 Lihat contact Sukses
isi konten contact. isi konten contact.
User dapat mengirim User berhasil
43 Submit pesan Sukses
pesan. mengirim pesan.
79

Bahasa

Contoh Laporan

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Contoh Laporan

Diunggah oleh

Hak Cipta:

LAPORAN PROJEK PEMBANGUNAN PERANGKAT LUNAK

RANCANG BANGUN WEBSITE PROFILSMAN 1

Logo STMIK Dharma Negara

PROGRAM STUDI TEKNIK INFORMATIKA

Gambar 1 Flowmap Sistem Berjalan

Gambar diatas menjelaskan bahwa website yang tentang website portal

Gambar 2 Flowmap Sistem Usulan

1.3.1 Use Case Diagram

Gambar 1 Use Case Diagram

Pada Tabel 1 adalah definisi actor yang terdapat dibawah ini:

Tabel 1 Deskripsi Aktor

1.3.2 Skenario Use Case Diagram

Tabel 2 Skenario Log in

b. Skenario Mengelola Berita

c. Skenario Mengelola Data pengguna

Tabel 4 Mengelola Data pengguna

d. Skenario Mengelola agenda

Tabel 5 Mengelola Agenda

e. Skenario Mengelola pengumuman

Tabel 6 Mengelola pengumuman

f. Skenario Mengelola Download

Tabel 7 Mengelola Download

g. Skenario Mengelola Galeri

Tabel 8 Mengelola Galeri

h. Skenario mengelola Giri

Tabel 9 Mengelola Guru

i. Skenario Mengelola inbox

Tabel 10 Mengelola inbox

Pre-condition Actor sudah melakukan login ke sistem

j. Skenario mengelola komentar

Tabel 11 Mengelola komentar

Tabel 12 Skenario Logout

Nama Use Case Logout

l. Skenario melihat home

Tabel 13 Skenario melihat home

m. Skenario melihat About

Tabel 14 Skenario melihat About

n. Skenario melihat Guru

Tabel 15 Skenario melihat Guru

o. Skenario melihat Blog

Tabel 16 Skenario melihat Blog

p. Skenario melihat Pengumuman

Tabel 17 Skenario melihat Pengumuman

Description Melihat halaman Pengumuman di website.

q. Skenario melihat Agenda

Tabel 18 Skenario melihat Agenda

r. Skenario melihat Download

Tabel 19 Skenario melihat Download

s. Skenario melihat Gallery

Tabel 20 Skenario melihat Gallery

t. Skenario melihat Contact

1.3.3 Activity Diagram

Gambar 4 Activity Login

b. Activity Mengelola Berita

Gambar 2 Activity Mengelola Berita

Gambar 3 Activity Mengelola Pengguna

Gambar 4 Activity Mengelola Agenda

Gambar 5 Activity MengelolaPengumuman

f. Activity Mengelola Download

Gambar 6Activity MengelolaDownload

g. Activity Mengelola Galeri

Gambar 7 Activity MengelolaGaleri

h. Activity Mengelola Guru

Gambar 8 Activity MengelolaGuru

Gambar 9 Activity Mengelola inbox