SlideShare a Scribd company logo
PERANCANGAN DAN
IMPLEMENTASI WEB
SERVICE PERGIMMIKAN
UNTUK DOKUMENTASI KENANGAN DAN MANAJEMEN
TABUNGAN KOLEKTIF PADA LINGKARAN PERTEMANAN
MAHASISWA
Diajukan oleh: Nama Mahasiswa
NIM: 123456789
Latar Belakang Masalah
Kenangan Mahasiswa
Tidak Terdokumentasi
dengan Baik
Momen berharga sering hilang
dan terlupakan seiring waktu
Manajemen Keuangan
Kelompok Informal
Pengelolaan iuran dan tabungan
masih manual dan rawan
kesalahan
Kebutuhan Platform
Terintegrasi
Belum ada sistem yang
menggabungkan dokumentasi
dan keuangan kelompok
Rumusan Masalah
• Bagaimana merancang web service yang
mengintegrasikan dokumentasi dan manajemen
keuangan?
• Bagaimana implementasi REST API untuk pengelolaan
data kenangan dan tabungan?
• Bagaimana tingkat kebergunaan sistem bagi kelompok
mahasiswa?
Batasan Masalah
• Sistem dibatasi untuk lingkaran pertemanan mahasiswa
• Fokus pada dokumentasi kenangan dan tabungan
kolektif
• Tidak mencakup integrasi dengan sistem perbankan
Tujuan Penelitian
1
Merancang Sistem
Terintegrasi
Membangun web service
dokumentasi kenangan dan
tabungan kolektif
2
Implementasi RESTful
API
Mengembangkan interface
pemrograman yang standar
dan mudah digunakan
3
Evaluasi Kebergunaan
Mengukur tingkat kebergunaan sistem bagi mahasiswa
Landasan Teori: RESTful API
• Representational State Transfer
• HTTP methods: GET, POST, PUT, DELETE
• Stateless protocol dan format JSON
• Endpoint resources berbasis URL
Landasan Teori: Dokumentasi Digital & Sistem Keuangan
Dokumentasi Digital
Penyimpanan terstruktur untuk
konten multimedia sebagai
arsip kenangan
Sistem Keuangan
Komunitas
Pengelolaan transparansi,
akuntabilitas, dan efisiensi
transaksi kelompok
Keamanan Data
Enkripsi, autentikasi, dan
otorisasi untuk melindungi
privasi pengguna
Metodologi Penelitian
Analisis Kebutuhan
Wawancara dan survei mahasiswa
Perancangan
Desain UI/UX, database, dan arsitektur
Implementasi
Pengembangan backend dan frontend
Pengujian
Black box, white box, dan user acceptance
Arsitektur Sistem PERGIMMIKAN
Frontend: React.js & Bootstrap
Backend: Node.js & Express
Database: PostgreSQL
Cloud Storage: AWS S3
ERD dan Skema Database
8 tabel utama: Users, Groups, Memberships, Posts, Media, Savings, Transactions, Comments
UML: Use Case Diagram
Aktor:
• Anggota
• Admin Grup
• Admin Sistem
Fungsi Utama:
• Kelola Dokumen
• Kelola Tabungan
• Kelola Anggota
UML: Activity Diagram
UML: State Diagram
1
Draft
Transaksi baru dibuat
2 Pending
Menunggu verifikasi
3
Verified
Diverifikasi admin
4 Completed/Rejected
Status akhir transaksi
Implementasi Sistem: Halaman Utama
Dashboard Ringkas
Tampilan statistik kenangan dan tabungan
Navigasi Intuitif
Menu sederhana untuk semua fitur utama
Implementasi Sistem: Dokumentasi Kenangan
Upload Multi-Format
Foto, video, dan teks
Tagging & Kategorisasi
Pengelompokan berdasarkan
acara/lokasi
Timeline Kronologis
Penyajian berdasarkan waktu
Implementasi Sistem:
Manajemen Tabungan
Fitur:
• Setoran & Penarikan
• Laporan Keuangan
• Notifikasi Iuran
Keamanan:
• Verifikasi Multi-level
• Pencatatan Audit
• Enkripsi Data
Hasil Pengujian Sistem
92%
Fungsionalitas
Black box testing
88%
Kebergunaan
User acceptance testing
95%
Performa
Response time dan throughput
30 responden mahasiswa dari 5 fakultas berbeda
Kesimpulan
Sistem Berhasil
Diimplementasikan
Web service PERGIMMIKAN
mengintegrasikan dokumentasi
kenangan dan tabungan kolektif
RESTful API Terbukti
Efektif
Memudahkan pengembangan dan
integrasi dengan aplikasi lain
Tingkat Kebergunaan
Tinggi
88% responden menilai sistem
mudah digunakan dan bermanfaat
Saran Pengembangan
• Pengembangan versi aplikasi mobile
• Integrasi dengan platform media sosial
• Penambahan fitur analitik keuangan
• Perluasan untuk komunitas di luar kampus
Terima Kasih

More Related Content

PDF
Storytelling For The Web: Integrate Storytelling in your Design Process
PDF
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
PDF
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
PDF
2024 Trend Updates: What Really Works In SEO & Content Marketing
PPTX
PERANCANGAN-DAN-IMPLEMENTASI-WEB-SERVICE-PERGIMMIKAN.pptx
PDF
2024 State of Marketing Report – by Hubspot
PDF
Everything You Need To Know About ChatGPT
PDF
Product Design Trends in 2024 | Teenage Engineerings
Storytelling For The Web: Integrate Storytelling in your Design Process
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
2024 Trend Updates: What Really Works In SEO & Content Marketing
PERANCANGAN-DAN-IMPLEMENTASI-WEB-SERVICE-PERGIMMIKAN.pptx
2024 State of Marketing Report – by Hubspot
Everything You Need To Know About ChatGPT
Product Design Trends in 2024 | Teenage Engineerings

Recently uploaded (11)

PPTX
BERPIKIR KOMPUTASI UNTUK SMP KELAS 8 INFORMATIKA
PPTX
BERPIKIR KOMPUTASIONAL UNTUK KELAS 7 SMP
PPTX
PERANCANGAN DAN PENGEMBANGAN VIDEO GAME SEBAGAI MEDIA TERAPI DEPRESI
PPTX
pptkeanekaragamanhayatikelasx-230420031343-b57cdeb4.pptx
PPTX
Slide_Diskusi_Modul_5_Pembelajaran_Mendalam.pptx
DOCX
Antivirus Versi.FULL.JALiN.KB.PRO Keutuhan Aplikasi Konsep dan Praktik dalam ...
DOCX
Keutuhan Aplikasi Konsep dan Praktik dalam Upaya menciptakan aplikasi Anti Vi...
PPTX
Implementasi Microservices pada Manufaktur
PPTX
presentasi penerapan struktur data pada dunia komputer
PPTX
Peranan AI dalam Dunia Pendidikan dan Industri Aplikasinya
PPTX
power point tentang perangkat keras Harddisk
BERPIKIR KOMPUTASI UNTUK SMP KELAS 8 INFORMATIKA
BERPIKIR KOMPUTASIONAL UNTUK KELAS 7 SMP
PERANCANGAN DAN PENGEMBANGAN VIDEO GAME SEBAGAI MEDIA TERAPI DEPRESI
pptkeanekaragamanhayatikelasx-230420031343-b57cdeb4.pptx
Slide_Diskusi_Modul_5_Pembelajaran_Mendalam.pptx
Antivirus Versi.FULL.JALiN.KB.PRO Keutuhan Aplikasi Konsep dan Praktik dalam ...
Keutuhan Aplikasi Konsep dan Praktik dalam Upaya menciptakan aplikasi Anti Vi...
Implementasi Microservices pada Manufaktur
presentasi penerapan struktur data pada dunia komputer
Peranan AI dalam Dunia Pendidikan dan Industri Aplikasinya
power point tentang perangkat keras Harddisk
Ad
Ad

PERANCANGAN-DAN-IMPLEMENTASI-WEB-SERVICE-PERGIMMIKAN (2).pptx

  • 1. PERANCANGAN DAN IMPLEMENTASI WEB SERVICE PERGIMMIKAN UNTUK DOKUMENTASI KENANGAN DAN MANAJEMEN TABUNGAN KOLEKTIF PADA LINGKARAN PERTEMANAN MAHASISWA Diajukan oleh: Nama Mahasiswa NIM: 123456789
  • 2. Latar Belakang Masalah Kenangan Mahasiswa Tidak Terdokumentasi dengan Baik Momen berharga sering hilang dan terlupakan seiring waktu Manajemen Keuangan Kelompok Informal Pengelolaan iuran dan tabungan masih manual dan rawan kesalahan Kebutuhan Platform Terintegrasi Belum ada sistem yang menggabungkan dokumentasi dan keuangan kelompok
  • 3. Rumusan Masalah • Bagaimana merancang web service yang mengintegrasikan dokumentasi dan manajemen keuangan? • Bagaimana implementasi REST API untuk pengelolaan data kenangan dan tabungan? • Bagaimana tingkat kebergunaan sistem bagi kelompok mahasiswa? Batasan Masalah • Sistem dibatasi untuk lingkaran pertemanan mahasiswa • Fokus pada dokumentasi kenangan dan tabungan kolektif • Tidak mencakup integrasi dengan sistem perbankan
  • 4. Tujuan Penelitian 1 Merancang Sistem Terintegrasi Membangun web service dokumentasi kenangan dan tabungan kolektif 2 Implementasi RESTful API Mengembangkan interface pemrograman yang standar dan mudah digunakan 3 Evaluasi Kebergunaan Mengukur tingkat kebergunaan sistem bagi mahasiswa
  • 5. Landasan Teori: RESTful API • Representational State Transfer • HTTP methods: GET, POST, PUT, DELETE • Stateless protocol dan format JSON • Endpoint resources berbasis URL
  • 6. Landasan Teori: Dokumentasi Digital & Sistem Keuangan Dokumentasi Digital Penyimpanan terstruktur untuk konten multimedia sebagai arsip kenangan Sistem Keuangan Komunitas Pengelolaan transparansi, akuntabilitas, dan efisiensi transaksi kelompok Keamanan Data Enkripsi, autentikasi, dan otorisasi untuk melindungi privasi pengguna
  • 7. Metodologi Penelitian Analisis Kebutuhan Wawancara dan survei mahasiswa Perancangan Desain UI/UX, database, dan arsitektur Implementasi Pengembangan backend dan frontend Pengujian Black box, white box, dan user acceptance
  • 8. Arsitektur Sistem PERGIMMIKAN Frontend: React.js & Bootstrap Backend: Node.js & Express Database: PostgreSQL Cloud Storage: AWS S3
  • 9. ERD dan Skema Database 8 tabel utama: Users, Groups, Memberships, Posts, Media, Savings, Transactions, Comments
  • 10. UML: Use Case Diagram Aktor: • Anggota • Admin Grup • Admin Sistem Fungsi Utama: • Kelola Dokumen • Kelola Tabungan • Kelola Anggota
  • 12. UML: State Diagram 1 Draft Transaksi baru dibuat 2 Pending Menunggu verifikasi 3 Verified Diverifikasi admin 4 Completed/Rejected Status akhir transaksi
  • 13. Implementasi Sistem: Halaman Utama Dashboard Ringkas Tampilan statistik kenangan dan tabungan Navigasi Intuitif Menu sederhana untuk semua fitur utama
  • 14. Implementasi Sistem: Dokumentasi Kenangan Upload Multi-Format Foto, video, dan teks Tagging & Kategorisasi Pengelompokan berdasarkan acara/lokasi Timeline Kronologis Penyajian berdasarkan waktu
  • 15. Implementasi Sistem: Manajemen Tabungan Fitur: • Setoran & Penarikan • Laporan Keuangan • Notifikasi Iuran Keamanan: • Verifikasi Multi-level • Pencatatan Audit • Enkripsi Data
  • 16. Hasil Pengujian Sistem 92% Fungsionalitas Black box testing 88% Kebergunaan User acceptance testing 95% Performa Response time dan throughput 30 responden mahasiswa dari 5 fakultas berbeda
  • 17. Kesimpulan Sistem Berhasil Diimplementasikan Web service PERGIMMIKAN mengintegrasikan dokumentasi kenangan dan tabungan kolektif RESTful API Terbukti Efektif Memudahkan pengembangan dan integrasi dengan aplikasi lain Tingkat Kebergunaan Tinggi 88% responden menilai sistem mudah digunakan dan bermanfaat
  • 18. Saran Pengembangan • Pengembangan versi aplikasi mobile • Integrasi dengan platform media sosial • Penambahan fitur analitik keuangan • Perluasan untuk komunitas di luar kampus Terima Kasih