Object Oriented Analysis and Design

FANDY AHMAD JANUAR PRATAMA

2201010181 / R

SISTEM INFORMASI SOCIAL MEDIA

(INSTAGRAM)

I. Rincian Teknologi
Database : ArangoDB, yaitu basis data multi-model yang mendukung model data graf,
dokumen, dan key-value
Server : Vercel, yaitu platform cloud untuk deployment aplikasi web dan layanan backend
KV-Storage : Redis, yaitu sistem penyimpanan key-value open-source dan in-memory
Techstack : NextJS KoaJS, yaitu framework JavaScript untuk pengembangan aplikasi web
Language : Typescript, yaitu bahasa pemrograman open-source dan statis yang dikembangkan
dari JavaScript, namun dengan fitur tambahan seperti tipe data yang didefinisikan secara
eksplisit, dan dapat meningkatkan keamanan dan keandalan kode.

II. TEORI

- Class diagram: Class diagram adalah jenis diagram yang digunakan untuk
memodelkan struktur kelas dalam sistem atau aplikasi. Diagram ini menunjukkan
hubungan antara kelas, atribut, dan metode, serta asosiasi antara kelas-kelas tersebut.
- Use case diagram: Use case diagram adalah jenis diagram yang digunakan untuk
memodelkan interaksi antara pengguna dan sistem atau aplikasi. Diagram ini
menunjukkan berbagai kasus penggunaan (use case) dan aktor (actor) yang terlibat
dalam interaksi tersebut.
- Activity diagram: Activity diagram adalah jenis diagram yang digunakan untuk
memodelkan alur proses atau aktivitas dalam sistem atau aplikasi. Diagram ini
menunjukkan urutan langkah-langkah yang harus diambil dalam suatu proses, dan
kondisi yang mempengaruhi alur tersebut.
- Sequence diagram: Sequence diagram adalah jenis diagram yang digunakan untuk
memodelkan interaksi antara objek-objek dalam sistem atau aplikasi. Diagram ini
menunjukkan urutan pesan (message) yang dikirim antara objek-objek tersebut, dan
waktu kapan pesan tersebut dikirim.
 II. Class Diagram

Di class diagram ini menampilkan semua attribute yang dimiliki user, post data, activity data dan
story yang saling berelasi

Dan juga ada Authentication Method yang saya sediakan seperti :

Register Email Password

Pada umumnya semua aplikasi memiliki system authorization sebagai pembatas aksi atau
aktivitas di dalam sebuah software
OAuth Provider
Oauth merupakan alur Authentication yang disediakan oleh provider seperti
- Google Authentication
- Facebook
- Github
- Linkedin
- Dan masih banyak lainnya

III. Usecase

Ini merupacan system yang telah saya buat dan didalamnya ada beberapa usecase atau aksi
yang user bisa lakukan di dalam software ini

User Activity
User activity ini berisikan semua aktivitas mau itu (like, comment, repost, mention) dari user
satu ke user lainnya.
Security Management
Security management berisikan semua menu yang menyangkut pada credential author seperti
contohnya :
- Change Password, penggantian kata sandi
- Change Email, menganti email,
- Change Username, Displayname.
- Change Status/Bio

Create Post/Video
Ini merupakan cara user untuk mengunggah photo atau video dan disebarkan kepada friendlist
dan global

IV. Activity Diagram

Gambar Activity diatas merupakan alur login pada software,
Disitu menjelaskan pengecekan ke database lalu mengeluarkan data user jika ada

Jika invalid user atau user tidak ditemukan, maka akan memberi output berupa “Invalid User”

Jika User Benar atau exist

Maka software akan melakukan set cookie di client browser dan save refresh token di key value
storage
Lalu memindahkan user ke halaman utama atau halaman home

Halaman Home
Jika user sudah disuguhkan halaman home, maka step selanjutnya adalah “DATA FETCHING”

Data Fetching dilakukan untuk mendapatkan semua data yang berhak dimiliki pengguna
Disini data yang dimiliki user adalah

- Friend list
- User Profile
- Suggester user
- Friend story
- Last update post by user or other user

- NEXT -
Gambar diatas merupakan
Create Post Activity

Di halaman ini user dapat membuat post data yang bisa di unggah ke friend list dan global

Penggunaan MIDDLEWARE sangat diperlukan untuk pengecekan apakah user masih

AUTHORIZED atau sudah UNAUTHORIZED

User akan langsung di pindahkan ke login halaman jika statusnya UNAUTHORIZED

- NEXT -
V. Sequence Diagram

Login Sequence

Di sequence diagram ini alur pengerjaannya hampir sama seperti yang ada pada activity
diagram, di sini saya ada tambahan yaitu concurrent

CONCURRENT
Saya menggunakan concurrent disini untuk multiple task yang jalannya bersamaan

Concurrent diartikan sebuah proses yang jalannya bersamaan dan tanpa kita tau mana proses
yang duluan akan selesai.
Create Post Sequence

Pada alur post di Sequence diagram ini, saya melakukan pengecekan dan akan selalu
melakukan pengecekan saat user pindah halaman, gunanya agar hanya user tertentu yang
dapat mengakses PAGE dan API ROUTE pada BACKEND

____________________________________________________________________________

KESIMPULAN

Sistem informasi Social Media ini dirancang menargetkan kaum muda untuk mengunggah
content yang menghibur, bermanfaat dan baik, kami memberikan UI/UX yang kekinian dan
membuat pengguna merasa nyaman menggunakan software ini.

KRITIK DAN SARAN

Saya terbuka menerima saran dan kritik terhadap laporan singkat ini. Terima kasih atas
waktunya. Sistem Informasi Social Media dengan menggunakan UML dapat memudahkan
orang untuk berinteraksi secara cepat, responsif, dan aman tanpa khawatir tentang privasi data.
Terima kasih dan semoga harimu menyenangkan.