LAPORAN
“Perancangan Dan Implementasi Website Study Mate”
Diajukan Untuk Memenuhi Salah Satu Tugas Pada Mata Kuliah Rekayasa Perangkat Lunak Multimedia
Oleh:
Bulan Purnama Sari (236651044) Dosen Pengampuh:
Anton Topadang, S.Kom.,M.Kom.
PROGRAM STUDI TEKNIK INFORMATIKA MULTIMEDIA FAKULTAS TEKNOLOGI INFORMASI
POLITEKNIK NEGERI SAMARINDA
2025
KATA PENGANTAR
Puji dan syukur penulis panjatkan ke hadirat Allah SWT karena atas rahmat dan karunia-Nya, penulis dapat menyelesaikan laporan proyek pengembangan website StudyMate sebagai salah
satu tugas dalam mata kuliah Rekayasa Perangkat Lunak Multimedia dengan lancar.
Laporan ini berisi penjelasan mengenai proses perancangan dan pengembangan website StudyMate, yaitu sebuah aplikasi berbasis web yang dirancang untuk membantu mahasiswa dalam mengatur jadwal kuliah dan tugas perkuliahan secara efisien. Pengembangan aplikasi
ini dilakukan dengan pendekatan rekayasa perangkat lunak yang mencakup analisis kebutuhan, perancangan antarmuka, implementasi, serta pengujian.
Penulis menyadari bahwa laporan ini masih jauh dari sempurna. Oleh karena itu, kritik dan saran yang membangun sangat diharapkan guna perbaikan di masa yang akan datang.
Semoga laporan ini dapat memberikan manfaat bagi pembaca dan menjadi referensi bagi pengembangan aplikasi serupa.
Samarinda, 18 Mei 2025
Penulis
DAFTAR ISI
BAB I PENDAHULUAN...
1.1 Latar belakang ...
1.2 Rumusan Masalah...
1.3 Batasan Masalah...
1.4 Tujuan Pembuatan Aplikasi...
1.5 Manfaat Pembuatan Aplikasi...
BAB 2 KEBUTUHAN SUMBER DAYA...
2.1 Perangkat Keras...
2.2 Perangkat Lunak...
2.3 Sumber Daya Manusia...
BAB 3 RANCANGAN APLIKASI...
3.1 Rancangan Sistem...
a. Konteks Diagram...
b. DFD Level 0...
c. DFD Level 1...
d. ERD...
3.2 Rancangan Database...
3.3 Rancangan User Interface...
BAB 4 IMPLEMENTASI...
4.1 Halaman Beranda...
4.2 Halaman Login...
4.3 Halaman Daftar...
4.4 Halaman Akun...
4.5 Halaman Daftar Jadwal...
4.6 Halaman Tambah Jadwal...
4.7 Halaman Edit Jadwal...
4.8 Halaman Daftar Tugas...
4.9 Halaman Tambah Tugas...
4.10 Halaman Edit Tugas...
BAB 5 PENGUJIAN APLIKASI...
BAB 6 PENUTUP...
6.1 Kesimpulan...
6.2 Saran...
BAB I PENDAHULUAN 1.1 Latar Belakang
Mahasiswa seringkali kesulitan mengatur jadwal kuliah dan tugas secara efektif. Banyak dari mereka menggunakan media yang berbeda-beda sehingga informasi menjadi tidak terpusat. Oleh karena itu, aplikasi StudyMate hadir sebagai solusi untuk mengelola jadwal kuliah dan tugas secara terstruktur dalam satu platform.
1.2 Rumusan Masalah
Bagaimana merancang aplikasi yang dapat mengelola jadwal kuliah dan tugas mahasiswa dengan mudah?
Bagaimana cara menyimpan dan menampilkan data secara efisien?
1.3 Batasan Masalah
Aplikasi ini hanya digunakan untuk mencatat jadwal kuliah dan tugas.
Data pengguna tidak divalidasi ke server eksternal.
Fitur terbatas pada Login, Input, Edit, Hapus, dan Lihat data.
1.4 Tujuan Pembuatan Aplikasi
Membuat aplikasi sederhana untuk membantu mahasiswa mengatur jadwal kuliah dan tugas agar lebih terorganisir.
1.5 Manfaat Pembuatan Aplikasi
Memudahkan mahasiswa melihat jadwal dan tugas.
Menyediakan tempat penyimpanan yang terpusat.
Membantu pengguna menghindari keterlambatan tugas.
BAB II KEBUTUHAN SUMBER DAYA 2.1 Perangkat Keras
Laptop minimal RAM 4GB.
Koneksi internet.
2.2 Perangkat Lunak
Visual Studio Code.
XAMPP (Apache, MySQL).
Browser (Google Chrome).
2.3 Sumber Daya Manusia
1 Orang Developer.
1 Orang Penguji.
BAB III RANCANGAN APLIKASI
3.1 Rancangan Sistem a. Konteks Diagram
Gambar: Context Diagram Sistem StudyMate b. DFD Level 0
Gambar: DFD Level 0 Sistem StudyMate
c. DFD Level 1
Gambar: DFD Level 1 Sistem StudyMate
d. ERD
3.2 Rancangan Database
Tabel User (id_user, username, password, created at)
Tabel Tugas Kuliah (id_tugas, judul_tugas, deskripsi, batas_waktu, status, user_id)
Tabel Jadwal Kuliah (id_jadwal, mata_kuliah, hari, jam, ruang, user_id)
3.3 Rancangan User Interface
Halaman Beranda
Halaman Login
Halaman Daftar
Halaman Akun
Halaman Daftar Jadwal
Halaman Tambah Jadwal
Halaman Edit Jadwal
Halaman Daftar Tugas
Halaman Tambah Tugas
Halaman Edit Tugas
BAB IV IMPLEMENTASI
4.1 Halaman Beranda
4.2 Halaman Login
4.3 Halaman Daftar
4.4 Halaman Akun
4.5 Halaman Daftar Jadwal
4.6 Halaman Tambah Jadwal
4.7 Halaman Edit Jadwal
4.8 Halaman Daftar Tugas
4.9 Halaman Tambah Tugas
4.10 Halaman Edit Tugas
BAB V PENGUJIAN APLIKASI
No Pengujian Test Case
Hasil Yang Diharapk
an
Hasil Penguji
an
Kesimpul an
1.
Halaman Beranda – Tombol Mulai
Sekarang
1. Buka halaman beranda 2. Klik
tombol Mulai Sekarang
Berpindah ke halaman
Login (/login)
Berhasil berpinda
h ke halaman
Login
Berhasil
2. Halaman
Login – Login berhasil
1. Masukkan Username &
Password valid 2.
Klik Login
Arahkan ke halaman
Akun
Login berhasil
dan diarahka
n ke halaman
Akun
Berhasil
3.
Halaman Daftar – Registrasi akun baru
1. Klik tombol Daftar 2. Isi username &
password baru 3.
Klik Daftar
Akun berhasil dibuat dan
diarahkan ke halaman
Login
Registras i berhasil
dan diarahka
n ke halaman
Login
Berhasil
4.
Halaman Akun – Navigasi
menu
1. Klik Lihat Jadwal Kuliah → halaman
Daftar Jadwal 2. Klik Lihat Tugas
Mahasiswa → halaman Daftar Tugas
3. Klik Log Out → halaman Beranda
Semua tombol navigasi berfungsi
dan arah sesuai
Semua tombol bekerja sesuai fungsiny
a
Berhasil
5.
Daftar Jadwal –
Tambah/Edit/D elete/Back/Log
out
1. Klik Tambah Jadwal → halaman
Tambah Jadwal 2. Klik Edit → halaman Edit Jadwal
3. Klik Delete → hapus data 4. Klik Back →
halaman Akun 5. Klik Logout →
halaman Beranda
Semua tombol dan fungsi
bekerja dengan benar
Semua fungsi berjalan
sesuai alur
Berhasil
6. Tambah
Jadwal – Simpan &
Batal
1. Isi form jadwal 2. Klik Simpan
Data tersimpan
& kembali ke
Data berhasil disimpan
dan
Berhasil
halaman Daftar Jadwal
kembali ke halaman
daftar
7. Edit Jadwal – Perbarui data
1. Klik Edit 2. Ubah data 3. Klik Simpan
Data berhasil diperbarui
dan ditampilka
n
Data berhasil
diedit dan diperbar
ui
Berhasil
8.
Daftar Tugas – Tambah/Edit/D elete/Back/Log
out
1. Klik Tambah Tugas
→ halaman Tambah Tugas
2. Klik Edit → halaman Edit Tugas
3. Klik Delete → hapus data 4. Klik Back →
halaman Akun 5. Klik Logout →
halaman Beranda
Semua aksi dapat dilakukan dengan
benar
Semua fungsi berjalan
sesuai
Berhasil
9. Tambah Tugas – Simpan &
Batal
1. Isi form tugas 2. Klik Simpan
Data tersimpan
dan kembali ke
halaman daftar
Data tugas berhasil disimpan
Berhasil
10. Edit Tugas – Perbarui data
1. Klik Edit tugas 2. Ubah data 3. Klik Simpan
Data diperbarui
& terlihat di daftar
Data diperbar
ui &
terlihat di daftar
Berhasil
BAB VI PENUTUP 6.1 Kesimpulan
Aplikasi StudyMate berhasil membantu pengguna menyimpan dan mengelola jadwal kuliah serta tugas dengan efisien dan mudah digunakan.
6.2 Saran
Tambahan fitur notifikasi deadline tugas.
Peningkatan keamanan pada sistem login.
