Розробка мессенджера з використанням аудіо та відео зв’язку для спілкування на відстані

1.

Бакалаврська робота
Запорожский институт
экономики и информационных
технологий
РОЗРОБКА МЕССЕНДЖЕРА З
ВИКОРИСТАННЯМ АУДІО ТА ВІДЕО
ЗВ’ЯЗКУ ДЛЯ СПІЛКУВАННЯ НА
ВІДСТАНІ
Виконав
ст. гр. ІПЗ – 127сб
Керівник
ст. викл.
Д’яченко Д.М.
Лісіцина К.В.

2.

Бакалаврська робота
Запорожский институт
экономики и информационных
технологий
РОЗРОБКА МЕССЕНДЖЕРА З
ВИКОРИСТАННЯМ АУДІО ТА ВІДЕО
ЗВ’ЯЗКУ ДЛЯ СПІЛКУВАННЯ НА
ВІДСТАНІ
Актуальність теми:
У сучасному світі майже неможливо уявити суспільну
комуникацію без месенджерів, які відіграють значну роль
як у особистому спілкуванні, так і у робочих процеса. У
2019 році 3.4 мільярда осіб активно користувались
соціальними мережами та месенджерами. Особлива
актуальність обраної теми зумовлена пандемією, що була
спричинена поширенням вірусу COVID-19, яка майже
повністю змінила життя суспільства.

3.

Бакалаврська робота
Запорожский институт
экономики и информационных
технологий
РОЗРОБКА МЕССЕНДЖЕРА З
ВИКОРИСТАННЯМ АУДІО ТА ВІДЕО
ЗВ’ЯЗКУ ДЛЯ СПІЛКУВАННЯ НА
ВІДСТАНІ
Завдання бакалаврської дипломної роботи:
• розробити базу даних користувачів;
• розробити користувацький інтерфейс;
• розробити систему обміну повідомленнями у режимі
реального часу;
• розробити систему дзвінків/відеодзвінків між користувачами;
• розробити систему сповіщень про нові повідомлення/дзвінки;
• забезпечити коректну роботу додатку в офлайн режимі;
• забезпечити коректну роботу додатку у фоновому режимі;

4.

Інструментарій розробки
Мова програмування - JavaScript;
Фреймворк для створення інтерфейсу - React;
Бібліотека керування даними - Redux;
Фреймворк готових компонентів - Material UI;
Хмарні функції - Firebase Cloud Functions;
База даних - Firebase Cloud Firestore;
Сервер для сповіщення про дзвінки - Socket.io;
Технологія обміну аудіо/відео - WebRTC;
Технологія для забезпечення роботи офлайн - PWA

5.

Схеми бази даних
Ініціалізована база даних Firestore

6.

Схеми бази даних
Схема зареєстрованих користувачів

7.

Схеми бази даних
Схема чату

8.

Схеми бази даних
Схема токенів нотифікацій

9.

Інтерфейс програми
Домашня сторінка
Домашня сторінка з діалогом
Відкритий діалог

10.

Інтерфейс програми
Інтерфейс виклику
Інтерфейс вхідного виклику
Інтерфейс активного виклику

11.

Функціонал
Обмін повідомленнями у режимі реального часу
Обмін аудіо/відеодзвінками у режимі реального часу
Push-сповіщення про нові повідомлення
Сповіщення про вхідні дзвінки
Можливість роботи додатку у режимі офлайн
Можливість роботи додатку у фоновому режимі

12.

Демонстрація програми
Сhatify App

13.

English Русский Rules