Сайт и блог Александра Сидоренко

MacBook Pro: русская раскладка клавиатуры и EVE Online

Bounz — Sat, 22 Oct 2011 18:07:00 +0400

В поездке в США осуществил давнюю задумку обновить ноутбук и приобрёл MacBook Pro небезызвестной яблочной компании.

Одной из первых проблем, с которой я столкнулся, как завзятый пользователь ПК, стало несоответствие русской раскладки клавиатуры, поставляемой с MacOS X 10.7 Lion привычной ПКшной. К счастью помимо раскладки «Русская» в новых версиях MacOS есть раскладка «Русская — ПК», в которой знаки препинания находятся в привычных местах. С ней возникла только одна проблема: отсутствие буквы «ё». Порыскав по форумам я так и не понял, характерна ли эта проблема только для американских макбуков, или ей подвержены все. Вроде в европейских моделях ноутбуков на клавиатуре на одну клавишу больше.

В любом случае, мне нужна была буква «ё» на клавише с тильдой (~), а вместо неё там были квадратные скобки. Ещё немного покопавшись в интернетах набрёл на статью, посвящённую созданию собственных раскладок для MacOS. Сделать это в удобном графическом режиме можно с помощью бесплатной программы Ukelele. С её помощью я исправил системную русскую раскладку так, что теперь она соответствует обычной раскладке в Windows. Скачать архив с файлом.keylayout и иконкой можно здесь.

Так же, не так давно я вернулся в мир EVE Online, и, находясь в отпуске, решил попробовать клиент игры под MacOS. Все работало хорошо, за исключением того, что в полноэкранном режиме невозможно было переключить раскладку клавиатуры с русской на английскую и обратно с помощью стандартных комбинаций клавиш. Она менялась только при переключении игры в оконный режим, но и тут была проблема. Из-за жёстко заданных возможных размерах окна и строки меню самой MacOS часть окна игры выходила за нижнюю границу экрана, что тоже было весьма и весьма печально. Но, к счастью, я вспомнил как в одном из выпусков подкаста Радио-Т ведущие обсуждали программу Punto Switcher для MacOS и высказали мнение, что она отлично подходит для выполнения задачи смены раскладки клавиатуры.

Отчаявшись решить проблему имеющимися средствами я скачал Punto Switcher и установил его. И вот что я теперь хочу вас сказать — это было самое оно. В конечном счёте я отключил автоматическую смену раскладки и настроил в качестве хоткея для переключения языков ввода ⌘+Shift, так эти клавиши больше всего подходят под расположение клавиш Alt+Shift на предыдущем ноутбуке. Вся прелесть заключается в том, что эта комбинация клавиш работает везде. И полноэкранном режиме клиента EVE Online тоже.

Так что теперь все клавиатурные вопросы решены, ибо отсутствие русских букв на клавиатуре уже давно не проблема =)

Быстрого вам набора текстов!

Русская раскладка клавиатуры для MacBook Pro

Bounz — Sat, 22 Oct 2011 08:01:00 +0400

Русская раскладка клавиатуры для MacBook Pro, соответствующая раскладке в Windows. На правильных местах расположены как знаки препинания, так и буква "ё".

Находящиеся в архиве файлы необходимо извлечь в папку /Library/Keyboard Layouts, после чего выйти и войти в систему. После этого в настройках клавиатуры появится новая раскладка "Русская - Win".

Настройка сжатия gzip для WCF в IIS6 и IIS7

Bounz — Sat, 07 May 2011 14:49:00 +0400

В нашем рабочем проекте мы используем связку APS.Net — RIA Services — Silverlight. Объем передаваемых данных от сервера к клиенту бывает достаточно большим, несколько мегабайт.

Неплохо было бы использовать компрессию gzip, как для статического содержимого типа html-страниц, css и javascript файлов, так и для динамических данных, в том числе от WCF сервиса (ибо в основе RIA Services лежит WCF).

На рабочем сервере системы используется IIS7, а на тестовом — IIS6. Озадачившись вопросом компрессии я использовал руководство для IIS6 и руководство для IIS7 по настройке сжатия в gzip. В результате система работала на обоих серверах, но данные от веб-сервиса не сжимались, что меня весьма огорчало.

В поисках решения вот тут было найдено предложение насильно жать ответ от веб-сервиса с помощью gzip или deflate компрессии, если по заголовкам запроса видно, что клиент готов принять сжатые данные. После реализации данного метода компрессия заработала в IIS7, однако при работе с системой на сервере с IIS6 стали происходить ужасные вещи: сервер в заголовке указывал один размер сообщения, а по факту отдавал другой (спасибо Fiddler2), большая часть запросов завершалась по тайм ауту. Говоря простыми словами, система не работала.

В конечном счёте решение было найдено, оно связано с более правильной настройкой серверов IIS.

Для IIS6 с помощью инструкции по решению проблем выполняем шаги 1, 2, 3, 4 и на четвертом шаге добавляем расширение «svc» в список компрессируемых файлов (т. к. если посмотреть на запрос к веб-сервису в Fiddler2 можно увидеть, что генерируемый веб-сервис имеет расширение .svc). Перезапускаем w3svc и радуемся.

Для IIS7 надо указать MIME-типы данных, которые должны сжиматься. Для запросов RIA Services это «application/msbin1». Настроить эти типы данных можно в файле конфигурации IIS7 C:\Windows\System32\inetsrv\config\applicationhost.config в секции httpCompression примерно таким образом:

Сжимайте на здоровье!

301 редирект в MODx Revolution

Bounz — Fri, 15 Apr 2011 11:00:00 +0400

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

Мне пришлось озадачиться этим вопросом в тот момент, когда я все же решил перейти с самописной системой архивов на расширение Archivist, а заодно изменить структуру сайта таким образом, чтобы разделить записи в блоге в контейнеры по годам, т. к. хоть за 4 года существования сайта постов было и не огромное количество, но стало заметно неудобно раскрывать ветвь Блог и искать в ней нужный документ.

Раньше все блогозаписи были дочерними документами контейнера Блог и поэтому имели адреса вида blog/blog-page-alias.html. При создании же дополнительных контейнеров для годов и перемещении в них документов их URL изменился на blog/year/blog-page-alias.html. В связи с этим все внешние ссылки на мои статьи становились нерабочими, что, конечно же, весьма печально. Для решения этой проблемы существует прекрасная вещь — код ответа сервера 301 Moved Permanently, известный в народе как 301-й редирект. Реализовать его можно различными способами, но мне не хотелось возиться с прописыванием регулярных выражений в .htaccess, поэтому я решил поискать готовые расширения для MODx Revolution. И таковое нашлось — Redirector.

Работает довольно просто. После установки через менеджер пакетов в меню Компоненты главного меню появляется пункт Redirector, при нажатии на который появляется таблица созданных редиректов. Реализован компонент через плагин, который срабатывает на системное событие OnPageNotFound и пытается найти запрашиваемый URL в. своей таблице. Если таковой находится-то он возвращает ответ с перенаправлением на новый адрес. Все легко и просто.

Единственный момент, с которым я столкнулся в начале — это формат записи URL. В самом начале я использовал адреса вида /blog/blog-page-alias.html, и они не работали. Потом попробовал писать полные адреса, т. е. http://bounz.net/blog/blog-page-alias.html, но они тоже не работали. После того, как посмотрел в исходный код плагина понял, как следовало записывать адреса: без слеша в начале, т. е. просто blog/blog-page-alias.html. После этого все заработало.

Теперь внутреняя структура блога меня полностью устраивает, а старые ссылки прекрасно работают.

Быстрых вам редиректов!

Открытая картография: OpenStreetMap и Google Map Maker

Bounz — Sun, 03 Apr 2011 11:50:00 +0400

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

На фоне всех подобных проектов OpenStreetMap (в дальнейшем OSM) значительно выделяется: данные, созданные участниками проекта свободны и доступны всем желающим безвозмездно на основании условий лицензии CC-BY-SA (в настоящее время проект голосует за переход на лицензию ODbL). Таким образом, вся картографическая информация может быть использована в любых приложениях. Например: можно сконвертировать данные в формат для навигационной программы Navitel, залить полученные карты на навигатор и ездить по ним; или вот информационный ресурс, предоставляющий информацию о движении общественного транспорта в реальном времени в Саранске bus13.ru использует карту OSM в качестве подложки.

Однако, у OSM есть достаточно особенностей, которые могут отпугнуть многих желающих сделать доброе дело и внести свою лепту в развитие электронной картографии. Во-первых, редакторы карт. Существует большое количество как web-редакторов, так и десктопных и мобильных приложений. Каждый выглядит по-своему, у каждого свои особенности. Одним из лучших на мой взгляд является десктопный JOSM. Но чтобы понять, какой понравится именно вам, придётся их все попробовать.
Во-вторых, сам процесс создания карты и доступные сущности. В качестве исходной информации можно использовать опять-таки только свободные источники: в основном это GPS-треки, а также спутниковые снимки, бесплатно предоставленные компаниями Yahoo, Microsoft и другими. К сожалению, по снимкам от Google или Яндекса рисовать нельзя (хотя способы есть). Карта в OSM состоит из точек, линий и отношений. Линии могут образовывать полигоны. Вся остальная информация описывается с помощью атрибутов. В принципе, можно использовать любые атрибуты, но чтобы не было полного разброда и шатания основная их часть была стандартизирована. А так как этих стандартных атрибутов очень много, то начинающему осмеру на первых порах приходится нелегко: неясно, каким набором объектов и их атрибутов лучше и правильнее отрисовать какой-либо объект реального мира.
И в-третьих — отображение карты. Рендерить карту может, опять-таки, любой человек так, как считает это нужным. Стандартный рендерер Mapnik, который используется на сайте openstreetmap.org, опираясь на значения атрибутов объектов рисует примерно такие картинки. В общем, я хочу сказать что имеющаяся в данном проекте свобода привносит дополнительные сложности. Но, я постепенно прихожу к выводу, что оно того стоит.

Google Map Maker доступен не для всех регионов. Например в России, в Москве и области не доступен, а в Узбекистане доступен. Узнать, есть ли возможность использования Map Maker в определённом регионе очень просто: достаточно на Google Maps на приблизить интересующий участок на максимально крупном масштабе и если в верхней панели карты рядом с кнопкой Печать появится кнопка Изменить — значит Map Maker доступен.

В Google Map Maker все объекты также создаются их двух примитивов: точки и линии. В отличии от OSM, где редактор сам проставляет атрибуты объектам и их значения, в GMM количество возможных атрибутов ограничено, равно как и их значения. Это облегчает описательную часть работы. В GMM действует система модераторов и одобрений. Ваш объект появится на карте только после достаточного количества одобрений со стороны других пользователей. После одобрения объект рендерится в обычные карты Google и его можно увидеть на всех сервисах, использующих Google Maps.

В качестве иллюстрации один и тот же участок Ташкента в трех сервисах: НЯК, OSM и GMM:

Вот в общем-то и всё. Присоединяйтесь к созданию карт!

5000 для Народной карты

Bounz — Fri, 18 Mar 2011 10:30:00 +0300

Недавно произошло небольшое, но достаточно знаковое событие: я создал 5000 объектов на Народной карте Яндекса. Любовь к круглым числам во всей своей красе.

Пользуясь случаем, хочу рассказать о Народной карте и о других подобных проектах. Суть Народной карты сводится к тому, что Яндекс даёт пользователям инструмент для создания карт на основе своих спутниковых снимков. Таким образом можно создавать карты для тех мест, которые плохо или никак не представлены в больших Яндекс.Картах, а также поддерживать их в актуальном состоянии (например, недавно нам надо было заехать на улицу Беломорская, 20к2; этого дома ни на Яндекс.Картах ни на Google Maps не было; на народной же карте было обозначено, что на месте снесённого дома 22к1 построили три дома 20к1, 20к2 и 20к3). Любой пользователь может рисовать объекты на карте, пользуясь спутниковыми снимками, а так же вносить правки в уже созданные объекты (менять их геометрию и атрибуты).

Когда народные карты только появились, хороших спутниковых снимков Ташкента ещё не было, и я, нарисовав немного зданий и дорог вокруг работы успокоился. После анонса обновления спутниковых снимков, в которые попал и Ташкент, я принялся за отрисовку карты родного города. И вот результат. 5000 объектов, и 5400 правок из которых большая часть принадлежит именно Ташкенту. Изначально, активность других пользователей в данном регионе была минимально и основной каркас карты нарисовал я. Сейчас же, после нескольких комментариев на различных форумах с призывом развивать проект, активизировались и другие участники, за что им, конечно, большое спасибо. Ведь никто не знает на отлично весь город, каждый знает в основном те районы, в которых живёт и в которых часто бывает.

Вот один из примеров хорошо проработанного участка карты, на котором обозначены и пронумерованы практически все дома, размечены дороги, внутри-дворовые проезды и пешеходные дорожки.

К вопросу о применимости и используемости этих карт. Как рассказывают мои друзья и знакомые в Ташкенте, Google Maps там заблокирован. Есть конечно, окольные пути, как посмотреть карту от Google, но обычным пользователям сделать это будет довольно тяжело. А для Яндекс.Карт есть мобильный клиент почти для всех моделей телефонов, и в этом клиенте есть слой Народной карты. Так что, народные карты уже сейчас отлично подходят для ориентирования на незнакомой территории, особенно если у вас в телефоне есть GPS.

Продолжение разговора про аналогичные сервисы (OpenStreetMap и Google MapMaker) в следующем посте.

Про подкасты

Bounz — Tue, 01 Mar 2011 20:20:00 +0300

В конце моей прошлой заметки про обесценивание музыки, я написал, что в пути стал заменять музыку подкастами, и обещал рассказать о том, что интересно лично мне.

Итак, что же такое подкасты? По своей сути — это обычные звуковые файлы, чаще всего в формате mp3 или aac, которые регулярно записывает один или несколько человек, придерживаясь в них определённой тематики, и выкладывает для свободного скачивания в интернете. Таким образом имеем мысли человека записанные в аудио-формате. Что делает подкасты по-настоящему удобными — это стандартизированный способ получения их обновлений. В качестве основы используется формат RSS. Таким образом, чтобы следить за понравившимся подкастом, достаточно добавить в свой подкаст-клиент ссылку на RSS-поток.

Подкаст-клиент — это программа, которая периодически опрашивает RSS-потоки на предмет появления новых выпусков, и если таковые имеются — скачивает их. Так же, они зачастую следят за тем, какие выпуске подкаста уже прослушаны, показывают шоуноты (текстовые комментарии к подкастам, содержащие обычно темы, освящённые в данном выпуске и другую полезную информацию) и другую информацию, позволяют удобно управлять процессом воспроизведения подкастов.

Много полезной информации о подкастинге есть на одном из крупнейших российском подкаст-терминале podfm.ru в разделе "Подкастерам".

Вот на какие подкасты подписан я:

Радио-Т — еженедельное русскоязычное Hi-Tech шоу, публикуемое в виде подкаста и выходящее в прямой эфир по субботам в 23:00 по московскому времени. Рад, что они сделали первые выпуски месяца по-настоящему гиковскими.
Radio Grinch — подкаст, который ведёт Денис aka Radio Grinch, в котором интересно рассказывает как о событиях в собственной жизни, так и об общественно-политических событиях. В регулярных рубриках так же есть лайфхаки и объяснения английских идиом. Иногда случаются выпуски — диалоги с интересными людьми.
Еженедельный подкаст от Умпутуна — истории из жизни нашего человека в Америке. К сожалению, в последнее время не совсем еженедельный.
Подкаст 42 — подкаст, основанный на сообщениях сайта lifehacker.ru. Ведущие рассказывают о разнообразным методах улучшения этого несовершенного мира. Так же у них есть подкаст «Вечерний кефир», но до него ещё руки/уши мои не дошли.
Сегодня четверг — общественно-политический подкаст, проявляющий промахи нашей власти, показывающий всю дурь наших чиновников. К сожалению, в последнее время практически не выходит.
Янки после пьянки — размышления о жизни, науки и многом другом. Слушаю, когда настаёт философское настроение.
ТиПЗ (Теория и практика звукозаписи) — ещё один подкаст от Умпутуна. Сейчас выходит редко, все самое вкусное можно послушать в архивах подкаста.
UTP (Upmutun Technical Podcast) — технический подкаст от Умпутуна. Выпусков было не много, но благодаря им я перешёл на распределённую систему контроля ревизий Mercurial, чему несказанно рад.

Теперь 2 слова про подкаст-клиенты. Владеющие техникой Apple используют iTunes и крутят фонарики. Я же скажу, что лучший подкаст-клиент под Android — это BeyondPod. Он полностью оправдывает те 7 долларов, которые просят заплатить после демонстрационного периода. Из RSS-лент подгружает как аудио-подкасты, так и видео, а заодно ещё и просто заметки, которые могут оказаться в ленте. В общем владельцам Android устройств всячески рекомендую.

И да, слушайте подкасты в дороге, или когда занимаетесь какими-то рутинными делами (мытье посуды, например) - они созданы как раз для этого!

А какие подкасты слушаете вы?

Обесценивание музыки

Bounz — Mon, 21 Feb 2011 13:02:00 +0300

Идея написать этот пост родилась у меня давно, несколько лет назад. Наконец набралось достаточное количество слов, которые можно записать по этому поводу.

А повод есть и весьма грустный. На мой взгляд последнее время происходит обесценивание музыки. Под последним временем я понимаю и 5-20 лет, и 50-100.

Людям всегда нравилась хорошая музыка. Но в стародавние времена единственной возможностью послушать музыку и насладится ею было либо посещение концерта, либо приглашение музыкантов к себе в дом, либо самоличное музицирование. Для всех этих вариантов необходимо существование и реальное присутствие настоящих живых людей — музыкантов.

С развитием научно-технического прогресса были изобретены граммофоны, патефоны, проигрыватели пластинок. И это стало началом конца. Да, во времена патефонов они не были распространены очень широко (в каждом доме, каждой семье) и покупка пластинок для них было делом затратным. К тому же редкие пластинки достать было очень трудно. Благодаря этому и остаткам былой культуры прослушивания музыки люди её слушали. Собирались, ставили пластинку и слушали, наслаждались.

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

Последний гвоздь в этот процесс обесценивания музыки сейчас забивают музыкальные плееры типа iPod'а, мобильные телефоны и интернет, с помощью которого можно быстро и легко получить желаемые песни. Гигабайты песен. Теперь молодёжь и люди среднего возраста все чаще ходят в наушниках и слушают свою музыку. При этом уровень сосредоточения на музыке, включенности в неё, становится весьма малым. Да и сама современная популярная музыка в большинстве своём особой глубиной похвастаться не может.

Да, остались ещё любители классической музыки, ходящие на концерты, любители живого звука, посещающие концерты музыкальных групп, и просто любители высокого качества звучания музыки, собирающие у себя дома Hi-Fi аудиосистемы. Но что их отличает от всех остальных людей, бродящих как зомби по городу в наушниках? Они слушают музыку, они на ней сосредоточены, они следят за переходами, темами, вливаются в неё и переживают её. Ходящие же в наушниках люди в большинстве своем просто слышат музыку, но не слушают ее. Таким образом они используют портативные плееры для того, чтобы перебить звуки окружающего мира и чуточку скрасить себе поездку до работы и обратно, чтобы не скучать.

Я и сам бываю порой таким зомби, но для себя нашёл решение проблемы свободного времени при поездках на работу — прослушивание подкастов. Действительно, внимательно слушать некоторое конечное количество песен в музыкальном плеере много раз по кругу навряд ли получится. Слушать же человека, или нескольких людей в подкасте интереснее и полезнее. Если, конечно, вам нравится и интересен тот подкаст, который вы слушаете. Но о подкастах я напишу в другой раз (почитать).

Мой призыв: слушайте хорошую музыку, не часто и вдумчиво!

Блог на MODx Revolution: система комментирования

Bounz — Fri, 11 Feb 2011 15:59:00 +0300

Продолжу разговор про создание и развитие блога с помощью системы управления контентом MODx Revolution. На этот раз речь пойдет о системе публикации комментариев к записям в блоге. Действительно, автору блога очень важно иметь возможность обратной связи со своими читателями, одним из самых распространенных вариантов которой является комментирование записей.

В случае создания блога на MODx у нас есть два (даже три) варианта: использовать готовый компонент, написать систему самому, использовать стороннее решение. Вариант написания своей реализации системы комментариев я отметаю сразу из-за неоправданной трудоемкости. Не зря же мы используем систему управления контентом. Из готовых компонентов для MODx Revolution есть только Quip. Из сторонних решений подойдут любые, которые можно интегрировать путем использования JavaScript. К ним можно отнести такие популярные системы как Disqus и IntenseDebate.

Изначально я использовал для своего сайта компонент Quip (http://rtfm.modx.com/display/ADDON/Quip), настроил его под свои нужды, изменил внешний вид, чтобы он коррелировал с дизайном сайта и приготовился радоваться. Но не тут-то было. После того, как начали появляться первые комментарии к статьям, я с удивлением обнаружил, что через некоторое время они исчезают. Сами по себе. Просто р-раз - и нету комментария. Испугавшись, что они утеряны на совсем, я пошел в табличку с комментариями в базу данных и с облегчением нашел, что они не удалены совсем и навсегда, а лишь отмечены, как удаленные. Изменив значение поля "deleted" с "1" на "0", я вернул комментарии к жизни. Но спустя несколько дней ситуация повторилась. Я опять починил комментарии, но потом они снова исчезли, и так продолжалось до тех пор, пока мне это не надоело. На официальном форуме MODx у одного человечка была такая же проблема как и у меня, но работающих вариантов решения не предлагалось. Ковыряться в исходном коде Quip мне хотелось меньше всего, и тут мой взор упал на систему комментирования Disqus.

Меня сразу же привлек довольно приятный дизайн, а так же возможность авторизации как внутри системы Disqus (которая используется на множестве сайтов, в том числе такие крупные как CNN, TechCrunch, Fox News и другие), так и с помощью Twitter, Facebook, Yahoo, используя OpenID или обычную для всех сайтов форму "Имя - Почта - Сайт - Комментарий". Причем организовано все весьма удобно с точки зрения пользователя. Было принято решение использовать Disqus.

После регистрации на сайте disqus.com предлагается несколько инструкций по установке кода в популярные системы ведения блогов типа WordPress, Blogger, Joomla и другие. MODx в их числе не оказалось, но мы не лыком шиты, поэтому идем в раздел Universal Code. После ознакомления с разделом становится ясно, что система состоит из двух модулей: сам модуль комментирования, который следует использовать на странице с блогозаписью, и модуль, выводящий количество комментариев в заданном посте, который можно использовать на самой странице блога в ленте статей.

Разберемся для начала с основным модулем для просмотра комментариев к статье и собственно комментирования. Создадим чанк, в который поместим код, написанный на странице установки Disqus, и назовем его DisqusComments. В нем надо как минимум изменить переменную disqus_shortname, в которой указать короткое имя, выбранное вами при регистрации, и желательно изменить переменные disqus_identifier и disqus_url для более простой работы системы. В качестве идентификатора статьи можно использовать ее id в MODx, например так:

       var disqus_shortname = 'shortname_вашего_сайта';
       var disqus_identifier = '[[+id]]';
       var disqus_url = '[[+url]]';

Далее, в шаблоне для отображения страниц постов из блога в нужное место добавляем вызов этого чанка:

.. отображение содержания статьи .. [[$DisqusComments? &id=`bounz_net_[[*id]]` &url=`[[++site_url]][[~[[*id]]]]` ]] .. что-то еще ..

В данном случае я использую в качестве disqus_identifier конструкцию вида bounz_net_articleID, а переменной disqus_url присваиваю полный адрес страницы. Использование полного URL связано с тем, что изначально, пытаясь интегрировать Disqus со своим сайтом, и имея относительную адресацию страниц (в чанке заголовка был прописан тег <base />), возникала ошибка при формировании постоянных ссылок на комментарии. А т.к. до этого мне уже пришлось отказаться от относительных ссылок в разделе Галерея (т.к. они криво работали с хеш-тегами), то было принято решение вообще везде перейти на полную адресацию.

Но это было лирическое отступление. На данный момент система комментариев интегрирована в блог, их можно писать, читать и модерировать. Теперь было бы неплохо выводить количество комментариев в основной ленте записей блога. Это очень просто сделать. Создадим в чанке, ответственном за краткий вывод блогозаписи на главной странице блога, следующую ссылку:

<a href="/url_статьи#disqus_thread" class="leavecomment" data-disqus-identifier="bounz_net_[[+id]]"> Комментарии </a>

Магия данной ссылки заключается в добавлении хеш-тега #disqus_thread к ссылке на статью и добавлении небольшого javascript-кода в конец страницы. Дополнительно к хеш-тегу можно задать у ссылки аттрибут data-disqus-identifier, который поможет Disqus идентифицировать статью. Вообще говоря, можно обойтись и без него, тогда система будет идентифицировать статьи, основываясь на их URL. Но если адреса страниц со статьями изменятся (допустим, вы начнете использовать ЧПУ), то все сломается. Дабы такого не случилось, я добавил этот атрибут. Заметьте, что он строится точно так же, как и значение свойства disqus_identifier в вызове скрипта комментирования. Собственно все готово.

Напоследок немного оформительских работ. Текст ссылок для количества комментариев можно задать в настройках на сайте Disqus (раздел Admin, вкладка Settings, подраздел Appearance, группа настроек Comment Count Link). На этой же станице настроек можно добавить своих правил CSS. Так я избавился от ссылки "blog comments powered by Disqus". Впрочем, убрать эту ссылку можно еще проще: удалив строчку <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a> из того кода, который они дают.

Радостных вам комментариев!

Сумка от Яндекс.Маркета

Bounz — Sun, 06 Feb 2011 12:42:00 +0300

30 ноября 2010, в честь своего десятилетия, Яндекс.Маркетом проводилась викторина «10 лет Яндекс.Маркету». Задача викторины сводилась к тому, чтобы максимально быстро и максимально правильно ответить на 10 вопросов, связанных с различными группами товаров, в основном техники. 200 человек, показавших лучшие результаты, выйграли специальные сумки для покупок. Я оказался в их числе.

Яндекс как всегда был крайне неспешен, и лишь 8 декабря мне на почту пришло письмо с поздравлениями и просьбой прислать контактную информацию для отправки сумки. И вот, спустя почти еще 2 месяца в почтовом ящике оказалось заветное извещение.

В общем и целом сумка не представляет из себя чего-то особенного, зато приятно будет с ней ходить по магазинам - вещь редкая и на каждом углу не продающаяся. Довольно вместительная, изнутри проклеена полеэтиленом. На одной стороне надпись "Покупки без очереди", на другой - QR-код с адресом m.ya.ru/market. Таким образом, владельцы смартфонов с программой распознавания QR-кодов попадут на мобильную версию сайта маркета.

Что ж, я был очень рад поучаствовать в викторине и получить приз. Давно не участвовал в подобных мероприятиях.

А в каких онлайн-викторинах участвовали вы?

Календарь с оригами от Тануки

Bounz — Wed, 02 Feb 2011 00:22:00 +0300

Недавно сидели с друзьями в ресторане японской кухни Тануки, и, видимо, так хорошо посидели, что заведение подарило нам календарь на 2011 год. Причем не простой календарь, а с заготовками для складывания оригами, по одной на каждый месяц.

Судя по описанию акции на сайте ресторана, календари выдают за каждые 2000 рублей в счете пока они есть в наличии. Там же на сайте есть страницы календаря в различных разрешениях, чтобы можно было их использовать в качестве фонового изображения рабочего стола. Однако, там приведены только страницы с календарем, без заготовок для оригами. В бумажной же версии, перед каждой страницей месяца есть страница с заготовкой и инструкцией по складыванию фигурки. При этом страницы с месяцами более плотные, чем страницы с оригами.

Вместе с календарем прилагаются еще круглые кусочки двустороннего скотча. После того как очередная фигурка собрана ее можно прикрепить к календарю. Получается такой объемный и интерактивный календарь.

В общем, молодцы ребята из Тануки, придумавшие такую забаву. Да и вообще молодцы: нам понравилось оформление ресторанов и качество обслуживания. А так же интересные фишечки, такие как наливание чая из чайника с супер длинным носиком. Так что если вы любите японскую кухню - можно совместить приятное с полезным и даже получить за это интересный подарок.

Блог на MODx Revolution: как сделать архив

Bounz — Thu, 20 Jan 2011 23:27:00 +0300

Дорабатывая свой сайт, обнаружил, что на просторах отечественных интернетов тема MODx освещена весьма скудно, а там где освещена - в основном статьи по MODx Evolution, в то время как MODx Revolution широкой поступью набирает силу и мощь. Поэтому я решил написать несколько статей по MODx Revolution в ключе практических задач. Первая задача - организовать архив записей (фильтрацию по месяцам), как это сделано в небезызвестном Wordpress.

Начнем с начала: определимся с задачей и составим небольшую спецификацию, а-ля ТЗ.

Пользователь приходит на блог и просматривает записи. В специальном месте расположены ссылки на архивные записи по месяцам вида Декабрь 2010 (4), при нажатии на которую пользователю показываются только те блого-записи, которые были написаны в декабре 2010 года. В скобочках рядом с месяцем приведено количество записей за этот месяц (в данном примере - 4). Из описанного выше видно, что для наших целей необходимо каким-то образом передать выбранный месяц, пусть это будет параметр GET запроса с названием bymonth со значениями вида 201012, т.е. четыре цифры года и две цифры месяца. Также нам потребуется две функции, одна будет считать количество записей за месяц, проходя по всем блого-записям, чтобы сформировать ссыки архива, а другая - для выбора их базы данных только тех записей, которые были опубликованы в заданном месяце.

Сниппет getArchiveMonths для формирования ссылок архива:


$collection = $modx->getCollection('modResource', array(
    'published' => 1,
    'parent' => '2')
);
setlocale(LC_TIME, 'ru_RU.UTF8');
$output = "";
$months = array();
foreach ($collection as $resourceId => $resource) {
    $strmonth = date("Ym", $resource->publishedon);
    if(array_key_exists($strmonth, $months))
        $months[$strmonth]['count']++;
    else
    {
        $months[$strmonth]['count'] = 1;
        $months[$strmonth]['text'] = strftime("%B %Y", $resource->publishedon);
    }
}
krsort($months);
foreach ($months as $month => $count) {        
    $output .= $modx->getChunk($tpl, array(  
        'month' => $month,
        'text' => $count['text'] . ' (' . $count['count'] . ')'
    ));  
}
return $output;

В первом запросе мы получаем все документы, имеющие определенного родителя и опубликованные (при желании условия можно изменить, например на номер шаблона, который имеют блого-записи). Далее идет формирование словаря, ключом которого является месяц, а значением - пара значений: колчество записей в этот месяц и отформатированное название месяца. Потом этот словарь сортируется так, чтобы самые последние месяца шли раньше, и на его основе, а так же переданного чанка, генерируется кусок html-кода.

Вызов сниппета в моем случае (пробел между [ и [ сделан, чтобы MODx не обрабатывал его как вызов сниппета):

<ul> [ [getArchiveMonths? &tpl=`archiveMonthRow`]] </ul>

Пример чанка:

<li><a href="/blog/?bymonth="></a></li>

Прекрасно. Теперь у нас есть набор ссылок, по которым пользователь может нажать, осталось обработать эти запросы.

Т.к. для отображения документов в большинстве своем используется сниппет getResources, то для того, чтобы он показал лишь определенные записи достаточно задать ему параметр resources:

if (!empty($_GET['bymonth'])) {
    $month = (int)$_GET['bymonth']; // для защиты от всякой дряни
    $ids = $modx->runSnippet('getResourcesIds',array(
          'month' => $month
    ));
    $scriptProperties['resources'] = $ids;
}

Сниппет getResourcesIds возвращает список id ресурсов, опубликованных в заданном месяце:

$collection = $modx->getCollection('modResource', array(
    "EXTRACT(YEAR_MONTH FROM FROM_UNIXTIME(`publishedon`)) = '$month'",
    'published' => 1,
    'parent' => '2'));
$output = "";
foreach ($collection as $resourceId => $resource) {
    $output.=$resourceId.',';
    }
if(strlen($output)>0)
    $output = substr($output, 0, -1);
return $output;

Вот таким образом я решил вопрос с организацией архива на своем блоге. Самое забавное то, что в процессе работы над статьей, я наткнулся на уже готовое решение данной проблемы от комманды MODx, называется Archivist. Как я его не заметил несколько месяцев назад, когда делал сайт - уму непостижимо. Ну ничего. Изобрел свой велосипед - стал умнее и опытнее =)

Боты переводчики в Google Talk

Bounz — Wed, 12 Jan 2011 13:27:52 +0300

Недавно Google Talk предложил мне добавить в друзья нескольких человек. Так как я их не знаю, то и добавлять не стал. Однако, мое внимание привлек другой список, находившийся в том же окне. В нем перечислялись боты переводчики. Я добавил себе ботов английского языка ru2en и en2ru (@bot.talk.google.com). Работают они очень просто: пишешь боту сообщение на исходном языке - он тебе отвечает переводом.

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

Полный список ботов приведен на странице http://www.google.com/support/talk/bin/answer.py?hl=en&answer=89921.

Приятного вам общения!

Кинобаза

Bounz — Sun, 09 Jan 2011 02:07:00 +0300

Незадолго до Нового года, благодаря публикации на хабре, я познакомился с замечательным сервисом kinobaza.tv.

Уже давно в моей голове сидела мысль, что было бы неплохо как-то отмечать просмотренные фильмы, рейтинговать их и иметь возможность получать рекоммендации на основе уже сделанных мной оценок. И Кинобаза оказалась как раз тем самым и даже больше. Ключевыми моментами сервиса являются:

возможность получать рекоммендации
находить источники для скачивания
получать уведомления о появлении фильма в сети или скором выходе эпизода сериала

Очень порадовал пользовательский интерфейс и продуманность многих реакций сайта на действия пользователя. Так, например, если я искал какой-либо фильм и потом скачал .torrent файл с ним, то в разделе Мои фильмы на главной странице появится строка, в которой я могу его оценить. Таким образом довольно сложно забыть проставить оценку просмотренному фильму. Так же в этом разделе отображаются и более оффлайновые события с фильмами, которые я отметил как подлежащие просмотру: выход DVD или Blu-ray.

На странице с фильмом приведена вся необходимая информация: дата выхода, оценки IMDB и пользователей Кинобазы, прогноз моей оценки (удивительно, но в большинстве случаев он совпадал с моей оценкой!), продолжительность, жанры, быстрый переход к поиску источников или просмотру онлайн (реализовано через поиск в видеозаписях ВКонтакте, так что качество оставляет желать лучшего), описание, актерский состав и т.д. Отдельно меня радует слайдер действий для фильма (хочу посмотреть, смотрел, не хочу смотреть).

На закладке Скачать приведен список торрентов, с указанием качества, количеством сидов/пиров, типом перевода, размером файла. По всем этим параметрам можно быстро и легко отфильтровать результаты. Так же, при выставлении фильму статуса "хочу посмотреть" можно сразу подписаться на получение уведомлений о появлении фильма в сети, что, на мой взгляд, очень и очень удобно.

Хочу заметить, что на сайте имеется возможность улучшить свой аккаунт за небольшое вознаграждение. Что самое классное - так это то, что размер вознаграждения не ограничен ни с верху ни с низу! И хотя потребность в улучшенном аккаунте может у вас и не возникнуть, чтобы оценить его бесплатно, можно при регистрации на кинобазе указать промо-код: bounz. Это позволит вам в течении месяца пользоваться преимуществами улучшенного аккаунта. Внимание: промо-код действителен до 12 января 2011 года. Успейте получить улучшенный аккаунт!

В общем, сервис удался и я им с удовольствием пользуюсь. Желаю команде кинобазы дальнейшего развития, роста и процветания их сервиса!

P.S. Срок действия моего промо-кода кончился. Однако, вы можете создать свой собственный промо-код и использовать его для себя и своих друзей! Подробнее читайте на http://kinobaza.tv/help/blogger-special

Определение размеров экрана в JavaScript и IE

Bounz — Thu, 23 Dec 2010 16:13:00 +0300

При разработке web-приложений порой возникает необходимость определить размер экрана, на котором открыт браузер, и в зависимости от полученных результатов что либо изменить. Конкретно в моем случае была необходимость изменения расположения элементов интерфейса плеера курсов системы дистанционного обучения, написанного на Silverlight. Т.к. сам Silverlight средств для определения размеров экрана не предоставляет, пришлось использовать возможности JavaScript и обращаться к странице, на которой Silverlight-приложение было расположено.

var screenHeight = HtmlPage.Window.Eval("screen.height");

Приложение сделано таким образом, что если размеров экрана достаточно, то управляющие элементы выводятся в нижней части, а если экран по высоте мал (как, например, часто бывает на ноутбуках, где любят ставить широкоформатные дисплеи) - то они выводятся сбоку.

Вчера у нас была презентация системы для руководства, при этом в переговорной был установлен ноутбук, а к нему подключен проектор. Из браузеров - только Internet Explorer 8. Т.к. разрешение экрана ноутбука по высоте невелико, то, естественно, управляющие элементы расположились по второму варианту. Но мы то хотим чтобы все было красиво! Подумалось, что для экрана, коим является проектор, можно установить свое разрешение, и, по идее, места должно хватить для расположения кнопок управления внизу. Но не тут-то было. После перетаскивания окна браузера на второй экран, и работы с него, приложение в Internet Explorer упорно открывалось в компактном варианте. Бред, да и только. Дальнейшие эксперименты пришлось отложить из-за начала доклада.

Но сегодня я решил проверить, как работают функции определения размеров экрана в разных браузерах, благо на работе к компьютеру подключено два монитора. Создал тестовую страничку, в которую вставил небольшой javascript код, выводящий информацию о размерах экрана:

<script type="text/javascript"> setInterval(function () { var el = document.getElementById('test'); el.innerHTML = 'height = ' + screen.height + '<br/>aH = ' + screen.availHeight; }, 500); </script>

изменил разрешение одного из мониторов - и о чудо! В нормальных браузерах, таких как Google Chrome и Mozilla Firefox цифры менялись, при перетаскивании окна с экрана на экран. В IE - нет. Причем попробовал как в IE8, так и в IE9 Beta - результат одинаково отрицательный.

Чтобы все это мое исследование не осталось на только на уровне слов и моего знания - написал баг-репорт по этому поводу. Будем надеяться, к релизу IE9 эту ошибку исправят.

Настройка Mercurial в связке с IIS6

Bounz — Fri, 17 Dec 2010 15:10:00 +0300

Слушая весной подкаст UTP от Umputun'а, я не думал, что спустя всего полгода реально оценю всю прелесть распределенных систем контроля версий и в частности - Mercurial. Для начала я опробовал его дома для личных проектов, потом настроил для них связку с BitBucket, что придало мне еще больше восторга из-за встроенного баг-трекера и вики. И вот, наконец, я решил заменить им на работе порядком поднадоевший SVN.

Заменил волевым усилием, перенеся стабильную версию проектов без сохранения истории правок в SVN. Потом встал вопрос о создании центрального репозитория для более удобной командной работы. Создать репозиторий - очень просто, но захотелось организовать еще какой-нибудь web-интерфейс для всех репозиторев, чтобы визуально наблюдать за процессом разработки и иметь централизованные адреса для push/pull.

Беглый поиск по интернету дал результат: есть встроенный в Mercurial web-сервер, который может хостить один репозиторий. Для того, чтобы разместить несколько репозиториев по одному адресу - нужны дополнительные пляски с бубном. Тот же поиск вывел на несколько записей с инструкциями для более ранних версий Mercurial (например 1.4.3), который можно было скачать отдельно от TortoiseHg и в состав которого входил скрипт hgwebdir.cgi. У меня же была установлена последняя версия меркуриала 1.7.2 вместе с TortoiseHg 1.1.7, в котором данного скрипта нет. Путем проб и ошибок я смог настроить работу Mercurial с IIS6.

Итак, для начала нам понадобится скачать сам TortoiseHg и Python (если он не установлен на вашем сервере). Я использовал Python 2.7.1. Устанавливаем их с настройками по умолчанию.
Создаем папку, в которой будет обитать веб сервис.
Скачиваем исходники Mercurial - Mercurial 1.7.2 source release
Содержимое архива распаковываем в созданную папку. Таким образом, в корне этой папки окажется файлик hgweb.cgi.
Открываем Менеджер IIS из средств Администрирования
Создаем новый сайт, либо, как делал я, создаем виртуальную директорию в уже существующем сайте и настраиваем ее путь к ранее созданной папке.
В свойствах сайта/виртуальной директории открываем закладку Home Directory или Virtual Directory.
Жмем кнопку Configuration.
На закладке Mappings жмем кнопку Add.
Вводим расширение файла .cgi, исполняемый файл - <PythonInstallDir>\python.exe -u "%s". Отмечаем галочку Script engine.
Жмем OK, OK, OK, тем самым закрывая окна и возвращаясь непосредственно к менеджеру IIS.
Выбираем узел дерева Web Service Extensions
Жмем на нем правой кнопкой мыши и выбираем пункт Add a new Web service extension
В появившемся окне вводит имя расширения (например Python) и жмем кнопку Add для добавления файлов расширения.
Выбираем файл python.exe и прописываем параметры вызова. Должно получиться вот так: <PythonInstallDir>\python.exe -u "%s"
Ставим галочку Allowed и жмем OK.
Закрываем Менеджер IIS.

Теперь все должно работать. Однако, надо еще сконфигурировать web-сервис меркуриала. Для этого в папке, в которой лежит файл скрипта hgweb.cgi создаем файл hgweb.config с примерно следующим содержанием:

[collections] D:\RepositoriesHG\ = D:\RepositoriesHG\ [web] style = monoblue push_ssl = false allow_push = *

В данном конфиге я указываю не конкретные репозитории, которые хочу сделать доступными через Web, а папку, в которой они все находятся. Для этого служит секция [collections]. В секции [web] задается стиль отображения web-приложения, а также разрешение пушить всем, без необходимости использования SSL.

Финальным этапом необходимо указать меркуаловскому сервису на файл конфигурации. Для этого правим файл hgweb.cgi, изменяя путь, указанный в свойстве config, например:

config = "C:\Mercurial\hgweb.config"

Надеюсь данная статья будет полезна и сэкономит вам время на решение вопросов по настройке доступа к репозиториям через web-интерфейс.

Русская локализация DOCman 1.4.0 Stable в utf8

Bounz — Sat, 11 Dec 2010 16:16:21 +0300

Русская локализация для DOCman 1.4.0 Stable в нормальном utf8.

Time Machine v1.1

Bounz — Sat, 11 Dec 2010 16:14:31 +0300

Новая версия программы Time Machine. Теперь появилась возможность создавать текстовые заметки с событиями к датам, чтобы в последствии можно было легко вспомнить, что происходило в этот день.

Time Machine - простая программка, позволяющая быстро и легко отсчитывать даты в 9, 40 и 49 дней от заданной даты в любую сторону.

Быстрорастворимый чай

Bounz — Sat, 11 Dec 2010 15:56:00 +0300

Во время поездкт в Лондон мы познакомились с таким необычным для нас продуктом как быстрорастворимый чай.

Как и всем путешествующим в заморские страны, нам надо было купить подарков для друзей, родственников и т.д. Во время одной из многочисленных прогулок мы наткнулись на замечательный магазин "Whittard of Chelsea", в котором представлены разнообразные чаи, кофе, горячий шоколад, а также различные акксесуары для них. Там так же предлагались на пробу различные чаи и они нам понравились. Решили купить в качестве подарка. Но, как и полагается подаркам, до возвращения в Москву мы не открывали банку с чаем.

Какого же было наше удивление, когда внутри мы обнаружили не чайный листья, и даже не гранулы и не пакетики, а что-то структуре похожее на сахарный песок. Почитав еще раз банку и инструкцию по завариванию нашли, что это не чай, а чайный напиток, и заваривать его нужно просто разводя горячей или прохладной водой. По вкусу - прямо как в магазине, так что все честно и вкусно. Теперь у нас полке есть не только бытрорастворимый кофе но и чай.

ArtzMania Graffiti Issue

Bounz — Fri, 10 Dec 2010 23:38:00 +0300

Интерактивная версия отличного журнала по графическому дизайну ArtzMania. Выпуск ArtzMania Graffiti Issue. Формат - PDF.

Домашняя страница: http://artzmania.com

Лицензия на документ

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

Данный материал размещен на данном сайте исключительно для ознакомительных целей.