Релиз "Системы переписки" на аяксе (Instant 1.8-1.9)

+49
2.42K
Приветствую!

С момента написания предыдущего поста, посвященного подготовке к релизу прошло меньше недели — за это время полностью переработан дизайн (СПАСИБО yuri за отличный вариант шаблона) и исправлено некоторое количество багов, найденных при тестировании системы на своем проекте.
Дизайн стал резиновым — растягивается исходя из размеров экрана пользователя.

Повторю описание функционала

А теперь, собственно, функционал:
В блоке контактов можно:
1. Открыть переписку с любым посетителем
2. Добавить в список любого пользователя, набрав в поле ввода первые буквы Никнейма
3. По прилету нового сообщения, автор сообщения перемещается вверх списка с пометкой "Новое сообщение".
4. Возможность переместить нужный контакт вверх списка двойным кликом.

В блоке чата можно:
1. Отправить сообщение выбранному пользователю, используя смайлы и редактирование
2. Увеличить размер окна чата, скрыв контакты.
3. Найти сообщения (исходящие/входящие) по ключевому слову/фразе (живой поиск)
4. Удалить любое сообщение (как старое, так и только что написанное).

На странице настроек можно:
1. Выбрать комбинацию для отправки сообщения (Enter либо Ctrl+Enter) — по умолчанию второй вариант.
2. Выбрать формат отображения новых сообщений — снизу либо сверху.
2. Выбрать цветовую гамму из шести возможных — бордовая, зеленая, голубая, серая, желтая, синяя.
В основном неделя была посвящена исправлению ошибок и редизайну, но добавился и один небольшой пункт на странице настроек — возможность выбора цветовой гаммы. Из серого варианта, который прислал yuri, я сделал еще пять — каждый пользователь сам сможет выбрать наиболее приятный и удобный вариант.

Потрогать вживую можно тут
Зайти можно под любым из пользователей: demo1, demo2, demo3, demo4, demo5. Пароль у всех 12345.
Увидеть можно из любого профиля (своего либо чужого) и из меню пользователя (ссылка Сообщения).
В своем профиле ссылка "Мои сообщения", в чужом ссылка "Переписка".

Система работает как на Инстанте 1.9, так и на версии 1.8 (есть некоторые отличия, при покупке уточните вашу версию Инстанта.)



PS Разработка системы на этом не закончена, есть масса мыслей как сделать ее еще лучше и интереснее. Сейчас же не хочу сильно увлекаться перфекционизмом и откладывать запуск этого проекта. "Друзья", "спам", "черный список" и прочие интересные вещи будут уже во второй версии.

Иллюстрации:

Серый вариант с открытым чатом
Иллюстрация
Настройки в зеленом варианте
Иллюстрация
Поиск сообщений в бордовом
Иллюстрация
Широкий синий вариант (контакты свернуты)
Иллюстрация
0
Black-Raven90 Black-Raven90 10 лет назад #
Шикарно, вот это уже серьезная альтернатива существующим аналогам. По дизайну - 9 баллов из 10. Пользователям приятно будет общаться.
0
Олег Олег 10 лет назад #
супер!!!+++++++
0
GarikKR GarikKR 10 лет назад #
Красиво получилось!
0
Patriot Patriot 10 лет назад #
Система обалденная! +++
+1
Dost Dost 10 лет назад #
Дизайнер и программер это хорошая связка. Много сравнений на функциионалу вконтакте. Это хороший пример что можно лучше! Очень понравилось. Хотелось бы видеть передачу файлов, если это возможно.+++
0
Def Def 10 лет назад #
Хотелось бы видеть передачу файлов, если это возможно.+++
да, это тоже планировалось и думаю будет
+1
Александр Александр 10 лет назад #
Диз лучше прежнего, но всё равно не айс. Не солидно выглядит. и имхо сами диалоги нужно в новом окне выводить, а аяксом только написать одиночное сообщение. и ещё одно, а в левом окошке, где находится спесок пользователей, показывается кто онлайн?
0
Алфей Алфей 10 лет назад #
Диз лучше прежнего, но всё равно не айс.
В чем проблема, сделай другой дизайн.
По мне дык вообще молодцы ребята, делают вещи, и денежку не жалко дать.
0
stasis stasis 10 лет назад #
Отличная разработка +++++, а обновления будут бесплатные?
0
FreeLancer FreeLancer 10 лет назад #
Служба рассылки
NULL
0
SJen SJen 10 лет назад #
да, заметил такую штуку, поправлю
0
reload reload 10 лет назад #
Красава) диз отличный - простота сестра таланта! мне нравится!)
только вывод смайлов и панели редактирования не совсем айс - но это мелочи) поправимо)

Надеюсь, если что, обновление на 2.0 будет?) если конечно оно там понадобится)
+1
st.Puh st.Puh 10 лет назад #
Система супер,после открытия редактора например смайлы вставил смайл отправил сообщения а смайлы остаюца открытыми и перекрывают собой отправленное сообщения чтоб его увидеть надо вручную закрывать редактор смайлов.неудобно немного надо чтоб после отправки сообщения редактор закрываться.
0
st.Puh st.Puh 10 лет назад #
Вошол с главной где светило сообщения 1 прочитал его закрыл окно вернулса на главную светит непрчитаное сообщения оновил страничку тоже самое сообщения 1 хотя оно уже прочитано
0
dekartwork dekartwork 10 лет назад #
Отличный коспонент, вот только действительно со смайлами разобраться надо
0
Def Def 10 лет назад #
В идеале он такой и к этому идем
+1
reload reload 10 лет назад #
ярлычки можно в 1 ряд поставить

и выводить смайлы с панелью наверное ниже основного окна ввода...
+2
Алексей Т Алексей Т 10 лет назад #
вот как я его вижу:)
0
Black-Raven90 Black-Raven90 10 лет назад #
Так это даже лучше) Правда полоса прокрутки списка контактов не показана и кнопка настройки. Но в целом, всё интуитивно понятно.
0
Legioner Legioner 10 лет назад #
Да, такой дизайн самый разумный. И в стиле самой системы.
+1
Upliner Upliner 10 лет назад #
Именно за такой вид системы соообщений со всем функционалом, что писал SJen для второй версии сообщений, я уже готов отвалить на 300р больше! Без шуток.
0
Олег Олег 10 лет назад #
система отличная
ещё добавать: где список пользователей, чтоб выделялся пользователь с кем идёт переписка и показывать кто онлайн
+1
Def Def 10 лет назад #
выделение уже есть в макете, просто недореализовано в бетке.
0
Олег Олег 10 лет назад #
супер!!!
как приобрести систему можно?
0
SJen SJen 10 лет назад #
Александр:
Не солидно выглядит. и имхо сами диалоги нужно в новом окне выводить, а аяксом только написать одиночное сообщение. и ещё одно, а в левом окошке, где находится спесок пользователей, показывается кто онлайн?

В новом окне для диалогов не вижу смысла. Но соглашусь, что существует 100500 способов организовать общение пользователей. Я лишь выбрал тот, что понравился мне и попытался превратить мысли в исходный код. Онлайн никак не отображается в текущей версии.

stasis:
Отличная разработка +++++, а обновления будут бесплатные?
Так принято, будут бесплатные) По крайней мере до появления чего-то мега грандиозного, но я пока такого не могу придумать)

pivua):
Надеюсь, если что, обновление на 2.0 будет?) если конечно оно там понадобится)
Обязательно будет. Для 1.8-1.9 почти идентичные версии. Думаю, что и в 2.0 ничего особо не изменится.

st.Puh:
неудобно немного надо чтоб после отправки сообщения редактор закрываться.
Поправлю, будет закрываться.

pivua):
ярлычки можно в 1 ряд поставить и выводить смайлы с панелью наверное ниже основного окна ввода...
Возможно, дизайн еще подправляю - есть некоторые баги.
BilarИuss:
вот как я его вижу:)
Супер! Только еще нужно добавить полосу прокрутки в контакты.

Олег:
ещё добавать: где список пользователей, чтоб выделялся пользователь с кем идёт переписка и показывать кто онлайн
Вы бы сразу написали, что хотите один в один как в одноклассниках:) Меня уже посещала мысль сделать вариант дизайна - клон того, но это будет не очень интересно.. Но мысль про "онлайн" и "друзей" найдет реализацию, сделаю
0
Ne OS Ne OS 10 лет назад #
Ну SJen ну МОЛОДЕЦ!!! Вот за это денег не жалко! +
0
lezginka.ru lezginka.ru 10 лет назад #
записываюсь в покупатели :)
аватары слева активные(можно переходить) а слева нет, это можно поправить ?
0
lezginka.ru lezginka.ru 10 лет назад #
и еще, можно ли предусмотреть возможность вставки баннера(или контекста) ?
0
Def Def 10 лет назад #
по макету да, это будет возможно
0
Марат Марат 10 лет назад #
Огромный плюс!!! Просто суперски сделано. Молодца!
Маленький недочет. Слева стрелочка, по которому закрываем список контактов, показывает налево. Когда контакты убираем тоже показывает налево. Нужно, чтобы менялось направо.
0
reload reload 10 лет назад #
тоже заметил и сразу придумал вместо стрелочки три точки вертикальные поставить - так можно просто картинку сменить)
хотя это как кому нравится)
0
Алфей Алфей 10 лет назад #
Я наверно был первым покупателем, сделка состоялась в 03:51:22 по Москве:)) Возможно мне полагается БОНУС!!! :)))
0
RIM5 RIM5 10 лет назад #
Тоже с радостью приобрету данное творение smile
Только пожелание, с панелью смайликов нужно что-то придумать... допустим, смайликов больше или используются более красивые, но большие смайлики.. как-то окно тогда теряется..
0
SJen SJen 10 лет назад #
lezginka.ru:
аватары слева активные(можно переходить) а слева нет, это можно поправить ?
и еще, можно ли предусмотреть возможность вставки баннера(или контекста) ?
В смысле в чате? - подправить можно, главное придумать что должно происходить.
Про вставку модуля тоже подумаю, сделать вполне реально.

Марат:
Маленький недочет. Слева стрелочка, по которому закрываем список контактов, показывает налево. Когда контакты убираем тоже показывает налево
Да, есть такое, сделаю.
Алфей:
Возможно мне полагается БОНУС!!! :)))
Точно, первый покупатель, про бонус пока промолчу)

Project-S:
Только пожелание, с панелью смайликов нужно что-то придумать...
Думаем, на самом деле вопрос состоит в 5-10 строчках в css файле. Главное - это найти интересное решение.
0
Алфей Алфей 10 лет назад #
SJen:
Точно, первый покупатель, про бонус пока промолчу)
Да я шучу насчет БОНУСА :)) Ты уже много бонусов дал сообществу!
0
lezginka.ru lezginka.ru 10 лет назад #
В смысле в чате? - подправить можно, главное придумать что должно происходить.
1.быть активным, чтобы можно было перейти в профиль
2.(опционально)при удержании всплывает окно инфа - емейл,скайп
+3
SJen SJen 10 лет назад #
В ближайших планах (помимо исправления багов):
1. добавление звука при получении сообщения даже при закрытом окне "переписки"
2. пометка онлайн-оффлайн в списке контактов.
+2
reload reload 10 лет назад #
1. добавление звука при получении сообщения даже при закрытом окне "переписки"
главное не переборщить чтоб нагрузка не увеличивалась)
или там где возможно увеличение потребления ресурсов, делать вкл/выкл) на выбор админа.

В шапке выводится обрезанное имя так же как и в боковой панели - желательно в шапке вывести полное)
0
SJen SJen 10 лет назад #
да, есть такая штука, поправлю.
Нагрузка будет приемлемая (в смысле минимальная)
0
fact fact 10 лет назад #
а сейчас как с нагрузкой?
0
SJen SJen 10 лет назад #
никаких особенных ресурсов не требуется. Сайт не будет работать медленнее, чем до внедрения этой системы. Быстрее - возможно (за счет того, что не придется юзерам открывать лишние страницы для отправки или чтения сообщений), а медленнее - точно нет.
+2
reload reload 10 лет назад #
в переписке текст обтекает аватар - криво смотрится при объемных сообщениях!
лучше так, как допустим здесь, аватар слева текст справа - чтоб под аватар текст не зализал...
+1
Legioner Legioner 10 лет назад #
Очень понравилась работа. Дорабатывать, конечно, можно. Но даже в таком виде очень удобно и нужно. Спасибо!
0
reload reload 10 лет назад #
Но даже в таком виде очень удобно и нужно.
стопудово!) доработки мелочные в сравнении с тем что есть)
а когда будет так:

плюс пометки кто онлайн - вообще сказка будет.
0
SJen SJen 10 лет назад #
а когда будет так:
А сейчас что не так? - в смысле добавить ссылки "переписка", "друзья онлайн" и модуль?
ну и поправить отображение кнопки "ОК" и смайлов.

Еще что-то я упустил? - я уже столько раз смотрел на эту картинку, что могу чего-то не заметить))
+1
Def Def 10 лет назад #
наверное рекламный модуль еще можно встроить)
0
Oleg Melikyan Oleg Melikyan 10 лет назад #
Если просто открывать когда нет новых сообщений то открывается диалог с последним добавленым в список контактов можно было сделать чтоб открывался диалог с последним кому написал!(Ну эт кому как удобно) А при поступившем новом сообщении чет не обратил внимание открывается ли сразу диалог с тем от кого пришло сообщение или такая же беда, открывается диалог с последним добавленым в список контактов!
0
Def Def 10 лет назад #
а если 10 человек вам написали. то какой открывать предлагаете?
+2
SJen SJen 10 лет назад #
Когда поступает новое сообщение - автор сообщения перемещается в самый верх списка (слева) с пометкой "Сообщение!". Автоматически чат с ним не открывается, что логично - вы ведь в это время можете что-то делать, например, писать другому юзеру или читать какие-то сообщения от другого отправителя.

Вы сами вольны открывать или не открывать новые сообщения, которые только что прилетели от других пользователей(как в аське). Если не откроете - они останутся непрочитанными. Если откроете - пометятся как прочитанные. Если же вы ведете какую-то беседу с "VIP" собеседником, то приход сообщений от других юзеров вам никак не помешает - задумывалось все именно так.
+4
• Mike • • Mike • 10 лет назад #
может быть сделать внизу что-то типа статус бара как в win? (как с аськой или скайпом) только не фиксированной высоты, а многострочный и пусть непрочитанные накапливаются там от тех кто онлайн, можно и без моргания, но с цветным акцентом… имя контакта и количество пропущенных вполне достаточно для инфо…
+1
RIM5 RIM5 10 лет назад #
Заметил еще такую штуку, которая не очень удобна на мой взгляд и мешает.
Смотрим, есть новые сообщения. Открываем.
Переписываемся. Закрываем окно. А у нас по прежнему показывается, что есть новые сообщения. Пользователь может запутаться и начать искать новые сообщения, которых на самом деле нет.
Моя точка зрения - чем юзер меньше думает, тем лучше smile
Можно ли это как-то поправить?
0
reload reload 10 лет назад #
Служба рассылки:


если нет ни одного нового письма и переписки нет - то открывается пустое окно...

SJen:
в смысле добавить ссылки "переписка", "друзья онлайн" и модуль?
онлайн и модуль + пометки под аватаром как на форуме - и желательна кнопочка "друзья" это если я жмякаю на сообщения в меню пользователя, а переписок нет - все окна пусты - и друзья якобы есть а написать в окне некому!(
Не каждый сообразит что нужно перейти в профиль друга и от туда жмякнуть - подумают что сообщения не работают)
Да и смысл то - чтоб не бродить по страницам, а нажать в меню пользователя и написать кому нужно из друзей.)
0
SJen SJen 10 лет назад #
ок, спасибо
будет исправлено
0
Bubble Gumoff Bubble Gumoff 10 лет назад #
А реализовать в виде чата, можете, чтобы гости могли отправлять сообщения администратору?
+1
reload reload 10 лет назад #
Кстати - классная идея!)
добавить кнопочку "администрация"
при клике выводить админов и/или модеров - смотришь кто онлайн и пишешь) нет онлайн пишешь любому или всем)
В идеале хорошо бы задавать в админке id той группы (или id нескольких групп) которую выводить в списке при клике на "администрация"

...это на будущее!)
+1
reload reload 10 лет назад #
для гостей правильней форма обратной связи почта, аська, но не сообщения - зачем лишняя нагрузка? да и доставать могут кому не лень и забанить некого будет)
+3
SJen SJen 10 лет назад #
Gumoff:
А реализовать в виде чата, можете, чтобы гости могли отправлять сообщения администратору?
Соглашусь с pivua), мне кажется для гостей эту штуку подключать не надо. Вы хотите немного другого, с системой переписки, наверное, не связанного..

pivua):
при клике выводить админов и/или модеров - смотришь кто онлайн и пишешь) нет онлайн пишешь любому или всем)
В идеале хорошо бы задавать в админке id той группы (или id нескольких групп) которую выводить в списке при клике на "администрация"
Про "админа" посещала мысль, да и с добавлением группы админов/модеров интересно, смысл есть в этом
0
Bubble Gumoff Bubble Gumoff 10 лет назад #
В виде онлайн-консультанта что то
0
Эдуард Машковский Эдуард Машковский 10 лет назад #
простите если повторюсь, но было бы лучше если общение происходило в режиме онлайн
0
Def Def 10 лет назад #
это ты о чем?
+1
SJen SJen 10 лет назад #
новые сообщения приходят автоматически в чат, если два человека одновременно хотят поговорить и открыли "систему переписки", то общение и происходит онлайн. Новые сообщения сами появляются в чате.
+4
reload reload 10 лет назад #
всегда звал знакомых в аську или скайп если нужно что то объяснить по сайту - теперь все в переписке от SJen!!!
Мега удобно - у меня последняя такая радость была после появления видео от Fuze

Дай бог тебе, SJen, здоровья и всем твоим близким!!! остальное приклеится.
0
Def Def 10 лет назад #
а пока ждемс релиз и будет вообще вкусно:)
0
reload reload 10 лет назад #
А предварительно можно узнать когда приблизительно будет следующий релиз?)
...очень интересно)
0
Def Def 10 лет назад #
находится в режиме тестирования. 99% готово)
+1
Upliner Upliner 10 лет назад #
Сегодня ночью с командой проекта зашли на демо. Тестили. Ребята просто в восторге. Сиджен просто молоток!
Жду релиза окончательной версии и беру + как и говорил раньше доплачу 300р, если будет такого вида как предложил BilarИuss. Реально этот компонент внесет на сайт динамики среди юзеров! Будут общаться начнется движуха.

pivua), с тобой на 1000% согласен, радость, как когда приобрел видео от Фьюза. Хотя этот еще не купил но предвкушение есть!
0
reload reload 10 лет назад #
Upliner:
если будет такого вида как предложил BilarИuss
не хочу не кого обидеть, но дизайн представленный yury самый оптимальный мне кажется - так как впишется в любой диз!
А диз от BilarИuss не везде плясать будет! он симпатичен - но не универсален! имхо.

Лично я за диз от yury - можно ставить без правки для любого шаблона.
0
reload reload 10 лет назад #
инстант сам свои ссылки режет )
диз от yury - http://instantcms.ru/blogs/poleznosti-ot-sjen/reliz-sistemy-perepiski-na-ajakse-instant-1-8-1-9.html#comment_32983
-1
letsgo letsgo 10 лет назад #
Дизайн Беларуса лучше. Имхо конечно, но он более облагорожен.
0
reload reload 10 лет назад #
Я и не говорю что он хуже!) он красив - но не универсален!
0
Def Def 10 лет назад #
диз беларуса содержит много эллементов, в связи с чем более отягощенно смотрится. но для игровых тематик или подобных-самое то наверное. я исходил из практических предпосылок, чтобы он был универсальным и с минимумом используемой графики, чтобы быстро подгружался, и т.д.
0
Upliner Upliner 10 лет назад #
Согласен с pivua), диз.от yury самый универсальный из представленных, но в данный момент мой ресурс будет идеально гармонично смотреться с дизайном,что предложил BilarИuss.
Хотя на тестировании был так воодушевлен,что с любым дизайном готов был взять! Но всему свое время. Буду ждать реализации желаемого дизайна в этом Чудо компоненте,что сближает людей! :)
0
abasia abasia 10 лет назад #
Система хорошая, но пользователи жалуются, что не приходят на почту уведомление о том что на сайте пришло сообщение. Может это только у меня проблема?
0
Def Def 10 лет назад #
а в ВК или одноклассниках приходят такие уведомления? если переписываться активно, то почта превратится в мусорку
0
abasia abasia 10 лет назад #
В стандартной системе сообщений такая возможность есть, а пользователь сам решает нужно ему уведомление на почту или нет, выставив правило в своём профиле. У меня на сайте человеку такая возможность оказалась необходима.
+2
Def Def 10 лет назад #
теперь и здесь есть. сегодня наверное будет релиз здесь. обкатали-вообще класснаясистема. однклассники и ВК отдыхают)
0
Алфей Алфей 10 лет назад #
Ждемс с нетерпением обновленный релиз!!!
0
Vyatich Vyatich 9 лет назад #
Уже июнь, может уже можно посчупать в реальности?

Еще от автора

Обновление компонента "Мне нравится"
Приветствую. Закончил версию с исправлением ошибок и багов, всем пользователям обновление выслано на электронку.
Обновление компонента  "Каталог дополнений в админку"
Приветствую. Обновление самого популярного аддона из официального каталога дополнений.
Обновленный парсер Яндекс.Карт
Приветствую Изменения довольно значительны, поэтому имеет смысл оформить их отдельным постом.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.