Jelaskan Arsitektur Chat Sosmed

Saya sedang mempelajari cara kerja fungsi pesan dan chat pada sebuah aplikasi media sosial dan membutuhkan penjelasan menyeluruh yang mudah dipahami. Fokusnya adalah:

• Arsitektur backend
- Alur pengiriman dan penerimaan pesan secara real-time (mis. REST, WebSocket, atau MQTT)
- Skema database untuk penyimpanan percakapan, status terbaca, dan lampiran media
- Mekanisme sinkronisasi lintas-perangkat, antrian pesan, serta keamanan dan enkripsi end-to-end

• Antarmuka pengguna
- Flow UI mulai dari daftar percakapan, tampilan chat, hingga notifikasi in-app
- Contoh wireframe sederhana atau diagram alur yang menunjukkan transisi layar
- Praktik UX umum: penanganan pesan panjang, preview media, dan status online/ketik

Deliverable yang saya perlukan:
1. Dokumen ringkas (±10 halaman) berisi penjelasan konsep, diagram, dan contoh kode singkat jika relevan.
2. Dua diagram terpisah: satu arsitektur backend tingkat tinggi, satu flow UI.
3. Ringkasan poin penting untuk pemahaman cepat (1 halaman).

Silakan gunakan bahasa Indonesia, sertakan istilah teknis asli (WebSocket, NoSQL, push notification) tanpa diterjemahkan. Saya terbuka dengan pendekatan dan teknologi apa pun selama logis dan dapat dipertanggungjawabkan.