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

1948
Приветствую!

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

Повторю описание функционала
Спойлер
В основном неделя была посвящена исправлению ошибок и редизайну, но добавился и один небольшой пункт на странице настроек - возможность выбора цветовой гаммы. Из серого варианта, который прислал yuri, я сделал еще пять - каждый пользователь сам сможет выбрать наиболее приятный и удобный вариант.

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

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



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

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

Серый вариант с открытым чатом

Настройки в зеленом варианте

Поиск сообщений в бордовом

Широкий синий вариант (контакты свернуты)
Шикарная система сообщений, подготовка к релизу | "Система переписки" на аяксе (Instant 1.8-1.9). Версия 1.1
Комментарии (78)
Black-Raven90 8 апреля 2012 в 02:48 0
Шикарно, вот это уже серьезная альтернатива существующим аналогам. По дизайну - 9 баллов из 10. Пользователям приятно будет общаться.
Олег 8 апреля 2012 в 03:05 0
супер!!!+++++++
GarikKR 8 апреля 2012 в 03:29 0
Красиво получилось!
Patriot 8 апреля 2012 в 03:50 0
Система обалденная! +++
Dost 8 апреля 2012 в 03:54 +1
Дизайнер и программер это хорошая связка. Много сравнений на функциионалу вконтакте. Это хороший пример что можно лучше! Очень понравилось. Хотелось бы видеть передачу файлов, если это возможно.+++
Def 8 апреля 2012 в 11:36 0
Хотелось бы видеть передачу файлов, если это возможно.+++
да, это тоже планировалось и думаю будет
Александр 8 апреля 2012 в 04:23 +1
Диз лучше прежнего, но всё равно не айс. Не солидно выглядит. и имхо сами диалоги нужно в новом окне выводить, а аяксом только написать одиночное сообщение. и ещё одно, а в левом окошке, где находится спесок пользователей, показывается кто онлайн?
Алфей 8 апреля 2012 в 05:41 0
Диз лучше прежнего, но всё равно не айс.
В чем проблема, сделай другой дизайн.
По мне дык вообще молодцы ребята, делают вещи, и денежку не жалко дать.
stasis 8 апреля 2012 в 07:30 0
Отличная разработка +++++, а обновления будут бесплатные?
FreeLancer 8 апреля 2012 в 08:36 0
Служба рассылки
NULL
SJen 8 апреля 2012 в 20:04 0
да, заметил такую штуку, поправлю
reload 8 апреля 2012 в 08:43 0
Красава) диз отличный - простота сестра таланта! мне нравится!)
только вывод смайлов и панели редактирования не совсем айс - но это мелочи) поправимо)

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

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

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

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

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

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

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

Олег:
ещё добавать: где список пользователей, чтоб выделялся пользователь с кем идёт переписка и показывать кто онлайн
Вы бы сразу написали, что хотите один в один как в одноклассниках:) Меня уже посещала мысль сделать вариант дизайна - клон того, но это будет не очень интересно.. Но мысль про "онлайн" и "друзей" найдет реализацию, сделаю
Ne OS 8 апреля 2012 в 14:36 0
Ну SJen ну МОЛОДЕЦ!!! Вот за это денег не жалко! +
lezginka.ru 8 апреля 2012 в 15:06 0
записываюсь в покупатели :)
аватары слева активные(можно переходить) а слева нет, это можно поправить ?
lezginka.ru 8 апреля 2012 в 15:08 0
и еще, можно ли предусмотреть возможность вставки баннера(или контекста) ?
Def 8 апреля 2012 в 15:23 0
по макету да, это будет возможно
Марат 8 апреля 2012 в 15:27 0
Огромный плюс!!! Просто суперски сделано. Молодца!
Маленький недочет. Слева стрелочка, по которому закрываем список контактов, показывает налево. Когда контакты убираем тоже показывает налево. Нужно, чтобы менялось направо.
reload 8 апреля 2012 в 17:33 0
тоже заметил и сразу придумал вместо стрелочки три точки вертикальные поставить - так можно просто картинку сменить)
хотя это как кому нравится)
Алфей 8 апреля 2012 в 15:55 0
Я наверно был первым покупателем, сделка состоялась в 03:51:22 по Москве:)) Возможно мне полагается БОНУС!!! :)))
RIM5 8 апреля 2012 в 18:43 0
Тоже с радостью приобрету данное творение smile
Только пожелание, с панелью смайликов нужно что-то придумать... допустим, смайликов больше или используются более красивые, но большие смайлики.. как-то окно тогда теряется..
SJen 8 апреля 2012 в 19:45 0
lezginka.ru:
аватары слева активные(можно переходить) а слева нет, это можно поправить ?
и еще, можно ли предусмотреть возможность вставки баннера(или контекста) ?
В смысле в чате? - подправить можно, главное придумать что должно происходить.
Про вставку модуля тоже подумаю, сделать вполне реально.

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

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

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

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

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

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


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

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

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

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

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

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

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