RANGKUMAN PRAKTIKUM REKAYASA PERANGKAT LUNAK
RANGKUMAN PRAKTIKUM REKAYASA PERANGKAT LUNAK
POKOK BAHASAN 1 - 5
Disusun oleh :
Nama : Mohammad Krisna Rifkiansyah
NIM : 221080200046
Kelompok : 10
Assalamu'alaikum Wr.Wb.
Berikut saya lampirkan hasil rangkuman dari materi praktikum Rekayasa Perangkat Lunak satu semester ini dan menjadi salah satu syarat untuk memenuhi tugas Praktikum Rekayasa Perangkat Lunak. Saya merupakan Mahasiswa Universitas Muhammadiyah Sidoarjo Program Studi Informatika. Jika ingin lebih tahu tentang Universitas Muhammadiyah Sidoarjo bisa langsung mengakses link umsida.ac.id atau fst.umsida.ac.id
POKOK BAHASAN 1
Penggunaan platform digital untuk berkomunikasi dan berbagi
informasi telah menjadi bagian penting dari kehidupan masyarakat modern. Forum
Komunitas online hadir sebagai media yang memungkinkan pengguna untuk
berinteraksi, bertukar informasi, serta mendiskusikan berbagai topik. Tujuan
dari pembuatan website Forum Komunitas ini adalah memberikan ruang yang aman
dan terstruktur untuk komunitas, baik itu untuk para pengguna umum maupun
admin. Fitur-fitur seperti registrasi, login, postingan, dan dashboard admin
dirancang untuk memudahkan pengelolaan serta menjaga kualitas interaksi di
platform.
a. Bagaimana merancang sistem yang mampu menampung
interaksi antar pengguna dengan fitur seperti postingan teks yang disimpan di
dalam basis data?
- Bagaimana
menampilkan konten secara dinamis di halaman profil user beserta tanggal
dan waktu posting?
- Bagaimana
mendesain sebuah dashboard untuk admin yang mampu menampilkan data user
dan data post secara komprehensif?
Tujuan dari sistem Forum Komunitas ini adalah untuk:
a. Menyediakan platform interaksi antar anggota
komunitas dengan fitur user-friendly.
- Mengelola
dan menyimpan setiap postingan dari user serta menampilkannya di halaman
profil mereka.
- Menyediakan
dashboard bagi admin untuk mengontrol data user dan data posting dengan
akses khusus yang membantu pengelolaan komunitas secara efisien
POKOK BAHASAN II
|
FLOWCHART, DFD, EFD |
Flowchart berikut menggambarkan alur sistem dari sudut
pandang user dan admin:
A.
User Flowchart:
Gambar 1.1 Diagram
Flowchart User
Penjelasan :
Mulai : Proses dimulai.
Halaman Awal: Pengguna pada
saat pertama kali mengakses website akan diarahkan ke halaman awal.
Memilih: Pengguna memilih
ingin mengakses profil user lain atau Register/Login.
Mengunjungi Profil User Lain:
pengguna dapat melihat postingan user lain secara spesifik dengan mengkases
profilnya.
Registrasi/Login: Pengguna melakukan
register jika belum memiliki akun, jika sudah dapat memilih login.
Halaman Profil: Setelah
login pengguna akan diarahkan ke halaman profil.
Membuat Postingan: Pengguna menginput
data berupa teks atau gambar sehingga dapat menulis dan memposting teks.
Menampilkan Hasil Post ke Profil
User: Postingan yang sudah disimpan akan ditampilkan di halaman profil
pengguna, bersama dengan informasi tanggal dan waktu.
Selesai : pengguna dapat
Kembali kehalaman utama atau mengakhiri proses.
B.
Admin Flowchart:
Gambar 1.2 Diagram
Flowchart Admin
Penjelasan :
Mulai : Proses dimulai.
Halaman Awal: admin pada
saat pertama kali mengakses website akan diarahkan ke halaman awal.
Memilih: Admin memilih ingin
mengakses profil user lain atau Login.
Mengunjungi Profil User Lain:
pengguna dapat melihat postingan user lain secara spesifik dengan mengkases
profilnya.
Login: admin melakukan login
untuk ke proses selanjutnya.
Halaman Dashboard: Setelah
login admin akan diarahkan ke halaman dashboard yang menampilkan seluruh user
data dan post data.
Memilih: Admin memilih ingin
mengakses profil, kehalaman utama, atau selesai
Halaman Profil: tampilan
halaman profile admin yang berisi postingan yang telah dibuat..
Membuat Postingan: admin
juga dapat menginput data berupa teks atau gambar sehingga dapat menulis dan
memposting teks.
Menampilkan Hasil Post ke Profil
Admin: Postingan yang sudah disimpan akan ditampilkan di halaman profil
pengguna, bersama dengan informasi tanggal dan waktu.
Selesai : pengguna dapat
Kembali kehalaman utama atau mengakhiri proses.
Data Flow Diagram (DFD) untuk sistem ini terbagi
menjadi beberapa level:
A.
DFD Level 0: Menunjukkan
aliran data utama dari interaksi antara user, sistem, dan database. User dapat
melakukan registrasi, login, membuat postingan, dan mengakses profil. Admin
dapat mengakses data user dan post dari dashboard.
Gamar 1.3 DFD Level 0
Penjelasan alur diagram DFD
Level 0 untuk sistem Forum Komunitas:
1. User:
a.
Melakukan registrasi/login dan mengirimkan data user
ke sistem
b.
Melakukan posting dan mengirimkan data posting
ke sistem.
c. Postingan
yang ingin dilihat user akan dikirimkan data postingannya.
2. Admin:
a. Login
dan mengakses dan mengitimkan data admin ke sistem untuk mengakses Dashboard
Admin.
b. Dapat
melihat data user yang telah dikirimkan sistem.
c. Dapat
melihat data posting yang telah dikirimkan sistem.
d.
Melakukan posting dan mengirimkan data posting
ke sistem.
Diagram ini menggambarkan alur
utama data antara user, admin, dan sistem penyimpanan.
- DFD
Level 1:
Gambar 1.4 DFD Level
1
Penjelasan alur diagram DFD
Level 1 dari sistem Forum Komunitas, yang memperinci proses dari DFD Level
0:
1. Proses
1.0: Register
a.
User yang belum memiliki akun bisa melakukan
proses registrasi, user mengirimkan data user ke database user
2. Proses
2.0: Login
a.
Pengguna mengirimkan data login (username dan
password), yang diverifikasi dengan data di databases user atau admin
b.
Sistem mengirimkan data user atau admin untuk
memberikan akses ke proses selanjutnya.
3. Proses
3.0: Posting
a.
Pengguna yang sudah login dapat memposting teks
mengirimkan data posting ke database untuk disimpan
b.
Data posting dikirim ke pengguna utuk
menampilkan hasil postingan yang telah dibuat.
Entity Relationship Diagram (ERD) menggambarkan
hubungan antara entitas dalam sistem:
A.
Entitas User:
Menyimpan informasi user seperti ID, nama, dan status.
B.
Entitas Post:
Menyimpan teks postingan, waktu posting, dan ID user sebagai foreign key untuk
menghubungkan setiap posting dengan pengguna terkait.
C.
Entitas Admin:
Menyimpan data admin yang berfungsi untuk login dan mengelola data user dan
posting.
Hubungan antar entitas ini memastikan keterkaitan yang kuat
antara data posting, data user, dan data yang diakses oleh admin.
Gambar 1.5 ERD
Penjelasan untuk Entity Relationship Diagram (ERD)
dari sistem Forum Komunitas yang telah dibuat. ERD ini menggambarkan struktur
data dan hubungan antara entitas utama.
Entitas dan Atribut:
1. User
a. user_id
(Primary Key)
b. username
c. email
d. password
e. created_at
(Tanggal registrasi)
2. Post
a. post_id
(Primary Key)
b. user_id
(Foreign Key, hubungan dengan User)
c. content
(Isi teks posting)
d. created_at
(Tanggal dan waktu posting)
- Admin
a. admin_id
(Primary Key)
b. username
c. email
d. password
- Relationship
a. User
dapat membuat banyak Post (Relasi one-to-many
antara User dan Post), dapat membagikan informasi User ke Admin (Relasi
many-to-many antara User dan Admin).
b. Post
dapat membagikan informasi Post ke User lain
(Relasi many-to-one antara Post dan User), dapat membagikan informasi Post ke
Admin (Relasi many-to-many antara Post dan Admin).
c. Admin
dapat membuat banyak Post (Relasi one-to-many
antara User dan Post), menerima informasi dari User dan Post (Relasi
many-to-many antara Post, User, Admin)
POKOK BAHASAN III
|
USE CASE, CLASS DIAGRAM, SEQUENCE DIAGRAM |
3.1 UML
(Use Case, Class Diagram, Sequence Diagram) dan Penjelasan
Unified Modeling Language (UML) digunakan untuk
menggambarkan alur dan struktur dari sistem Forum Komunitas ini:
A.
Use Case Diagram:
1.
User: Meliputi
kasus penggunaan seperti registrasi, login, posting teks, dan melihat profil.
2.
Admin: Meliputi
kasus penggunaan seperti login dan akses dashboard untuk pengelolaan data dan
hal yang User lakukan Admin juga bisa lakukan apa yang User lakukan.
Gambar 2.1 Use Case
Diagram
Penjelasan Use Case Diagram untuk
sistem Forum Komunitas:
Use Cases dan Actors
Actors:
1. User
Actions:
a.
Register
b.
Login as User
c.
Post Text
d.
View User Posts
2. Admin
Actions:
a.
Login as Admin
b.
View Users
c.
View Posts
d.
Post Text
e.
Akses dashbard admin
f.
View all user data
g.
View all post data
Use
Case :
1. User
melakukan registrasi jika belum memiiki akun.
2. User
login jika sudah memiliki akun.
3. User
dapat membuat
postingan
4. User
dapat melihat Post User lain dengan
mengunjungi profilnya.
5. Admin
login untuk dapat melihat User info dan Post
info dari dashboard.
6. Admin
login untuk membuat Post.
7. Admin
dapat melihat Post User langsung dengan
mengunjungi profilnya.
B.
Class Diagram:
1.
Menunjukkan
kelas utama dalam sistem, yaitu User, Post, dan Admin.
2.
Setiap kelas
memiliki atribut seperti username, email, password untuk User; text, date_time
untuk Post; dan admin_id, admin_password untuk Admin.
Gambar
2.2 Class Diagram
Penjelasan Class Diagram untuk
sistem Forum Komunitas:
Class Diagram Struktur:
1. Class
User
Attributes:
a.
user_id* : int (10) (primary key)
b.
username_user** : char (30) (Foreign Key -
Relasi dengan Post)
c.
email: char (30)
d.
password: char (20)
e.
created_at: datetime
Methods:
a.
register()
b.
login()
c.
post_text()
d.
view_user_posts()
2. Class
Post
Attributes:
a.
post_id: int (10) (primary key)
b.
user_id: int (10) (Foreign Key - Relasi dengan
User)
c.
admin_id* : int (10) (Foreign Key - Relasi
dengan Admin)
d.
content: text
e.
created_at: datetime
Methods:
a.
save_post()
3. Class
Admin
Attributes:
a.
admin_id* : int (10) (primary key)
b.
admin_username** : char (30) (Foreign Key -
Relasi dengan User dan Post)
c.
email: char (30)
d.
password: char (20)
Methods:
a.
login()
b.
view_users()
c.
view_posts()
d.
post_text()
e.
view_user_posts()
Hubungan Antar Class
1. User
memiliki relasi one-to-many dengan Post karena
setiap user dapat membuat banyak posting.
2. User
memiliki relasi many-to-many dengan Admin
untuk membagikan informasi User.
3. Post memiliki relasi many-to-one dengan User dan Admin karena
Post dapat membagikan informasi Post User ke User/Admin yang mengakses profil
User lain.
4. Post memiliki relasi many-to-many dengan Admin untuk
membagikan informasi Post.
5. Admin
memiliki relasi one-to-many dengan Post karena
setiap Admin dapat membuat banyak posting.
6. Admin
memiliki relasi many-to-many dengan User dan
Post untuk membagikan informasi Post dan User untuk ditampilkan ke
admindashboard.
C.
Sequence Diagram:
1.
Proses Posting: Menunjukkan alur
interaksi dari user yang login, membuat postingan, hingga penyimpanan di
database.
2.
Dashboard Admin: Menunjukkan alur dari
admin yang login, mengakses dashboard, dan melihat data user serta data
posting.
-
User Registrasi
Gambar 2.3 Sequence Diagram User Registrasi
-
User Login
Gambar 2.4 Sequence Diagram User Login
-
User Post
Gambar 2.5 Sequence Diagram User Post
-
Admin Login
Gambar 2.6 Sequence Diagram Admin Login
-
Admin Post
Gambar 2.7 Sequence Diagram Admin Post
-
Dashboard Admin
Gambar 2.8 Sequence Diagram Dashboard Admin
Penjelasan Sequence Diagram untuk
sistem Forum Komunitas:
Sequence Diagram Struktur:
1. Sequence:
Registrasi
a.
User mengirim permintaan register()
ke Sistem.
b.
User menginput data register
c.
Sistem memvalidasi data, menyimpan data
ke Database, lalu mengirim konfirmasi pendaftaran.
d.
Sistem mengirim respons sukses mendaftar kepada
User.
2. Sequence:
Login User
a.
User mengirim permintaan login()
ke Sistem.
b.
Sistem memvalidasi data login dengan Database.
c.
User diarahkan ke halaman profilnya.
d.
Jika gagal, Sistem mengirim respons login
gagal kepada User.
3. Sequence:
User Post
a.
User yang sudah login mengirim permintaan
post_text() ke Sistem.
b.
User mengisi data postingan
c.
Sistem menyimpan teks dan waktu posting
ke Database.
d.
Sistem mengonfirmasi bahwa posting
berhasil disimpan dan mengarahkan user Kembali ke profile.
4. Sequence:
Login Admin
a.
Admin mengirim permintaan login()
ke Sistem.
b.
Sistem memvalidasi data login dengan Database.
c.
Jika valid, Sistem akan mengarahkan ke
dashboard admin.
5. Sequence:
admin Post
a.
Admin yang sudah login mengirim
permintaan post_text() ke Sistem.
b.
Admin mengisi data postingan
c.
Sistem menyimpan teks dan waktu posting
ke Database.
d.
Sistem mengonfirmasi bahwa posting
berhasil disimpan dan mengarahkan user Kembali ke profile.
6. Sequence:
Melihat Data User dan Post
a.
Admin mengirim permintaan view_users() dan
view_posts() ke Sistem.
b.
Sistem mengambil data dari Database dan
mengirimkan data kepada Admin untuk dilihat.
Diagram-diagram ini memberikan pemahaman menyeluruh mengenai
alur interaksi, struktur kelas, dan urutan proses yang terjadi dalam sistem.
USER INTERFACE DAN PENJELASAN
|
User Interface (UI) merupakan tampilan atau tampilan design aplikasi
atau sistem yang dirancang serta penjelasannya.
a.
Halaman Awal
Halaman
awal adalah halaman paling awal ketika pengguna website mengakses sistem
informasi Forum Komunitas.
Gambar 3.1 Halaman Awal
a. Halaman Profile User Lain
Merupakan gambar dari halaman profile user lain
dari. Pada halaman ini terdapat informasii tentang postingan yang telah dibuat
oleh user yang dituju.
Gambar 3.2 Halaman Profile User
Lain
b. Halaman Register
Merupakan antarmuka dari halaman register yang digunakan oleh Pengguna
untuk melakukan pendaftaran akun. Pengguna wajib memiliki akun untuk dapat
melakukan proses berjalannya sistem.
Gambar 3.3 Halaman
Register
c. Halaman Login
Merupakan halaman login dari pengguna website sistem informasi Forum
Komunitas, pengguna yang sudah login dapat melakukan proses penggunaan sistem
dari sistem informasi Forum Komunitas.
Gambar 3.4 Halaman
Login
d. Halaman Profil
Merupakan tampilan dari halaman profil Penggun. Pada halaman ini Pengguna
dapat melihat posttingan yangg telah dibuatnya dan ke halaman buat postingan.
Gambar 3.5 Halaman Profile
e.
Halaman Buat
Postingan
Merupakan tampilan dari halaman buat postingan, disini
pengguna dapat membuat postingan berupa teks atau gambar.
Gambar 3.6 Halaman
Buat Postingan
f.
Halaman
Dashboard Admin
Merupakan tampilan dari halaman dashboard admin yang
hanya dapat diakses oleh admin, berisikan semua data user dan postingan.
Gambar 3.7 Halaman Dashboard Admin
Komentar
Posting Komentar