#Chat&Paint Программный сервер размещён на Tencent Cloud, DEMO адрес http://chat.mirreal.net #Функции и инструкции по использованию ##Многопользовательский чат и конфиденциальные диалоги При первом входе необходимо войти, введите имя пользователя и нажмите [Войти], чтобы перейти на главный экран. Вы увидите список пользователей, который отображает всех пользователей, которые находятся в сети. В нижней части экрана расположены функциональные вкладки, нажав на [Чат], вы перейдёте в чат. Вы увидите системные сообщения, которые по умолчанию отображаются красным цветом. Сообщения по умолчанию являются открытыми, то есть их видят все, отправьте сообщение всем. Чтобы начать персональный диалог с определённым пользователем, перейдите на [Список пользователей], затем нажмите на пользователя, с которым хотите общаться. Персональные сообщения отображаются синим цветом, и они не видны другим пользователям. ##Многопользовательский рисовальный блок В нижней части экрана расположены функциональные вкладки, нажав на [Рисовальный блок], вы перейдёте в рисовальный режим. В центре находится рисовальный блок с сеткой. Внизу есть три опции: цвет, толщина линии и кнопка [Очистить]. Рисование происходит в реальном времени, когда один пользователь рисует на одном устройстве, результат сразу отображается на рисовальных блоках других пользователей. Если вы знакомы с игрой "ты рисуешь, я угадываю", вы поймёте этот эффект. Нажав на [Очистить], вы очистите рисовальный блок.

Технологии разработки и инструкции по использованию

Обзор

Серверная часть разработана на платформе Node.js и использует её библиотеки Socket.io и Express. Передняя часть разработана с использованием библиотеки JavaScript Jquery Mobile. Рисование выполнено с использованием HTML5 Canvas. В конце используется веб-компонент WebView для Android для упаковки приложения.

1. Node.js

Событийная серверная среда для JavaScript, основанная на движке Google Chrome V8, в последнее время наиболее популярная платформа.

2. Socket.io

Socket.io — это библиотека для Node.js, включающая сервер и клиент, которая предоставляет упрощённый API для работы с HTML5 WebSocket интерфейсом, обеспечивая реальное время общение, а также поддержку пониженного уровня для устройств, не поддерживающих WebSocket, и функции управления тайм-аутом.

3. Express

Самый популярный веб-фреймворк для Node.js, также рекомендованный официально.

4. Jquery Mobile

Версия библиотеки JavaScript Jquery для мобильных устройств, оптимизированная для касания, используется для создания мобильных приложений.

5. HTML5 Canvas Один из самых захватывающих технологий HTML5, предоставляющий нативные возможности рисования в браузере, включая 2D контекст и 3D WebGL.

##6. HTML5 WebSocket WebSocket — это сетевая технология, предоставляемая HTML5 для осуществления полнодуплексной коммуникации между браузером и сервером. #Перспективы проекта В настоящее время проект находится на начальной стадии, например, данные не сохраняются, функциональность довольно простая. Рассматриваемые для добавления функции:

• Интеграция с MongoDB для хранения данных в базе данных
• Передача файлов
• Более полная система приватных сообщений
• Динамические эмодзи . . .