http://blog.redgraphic.ru/ Заметки сографиков о прогрессивных веб-технологиях, о тенденциях, о корпоративной культуре ru info@redgraphic.ru Copyright (c) 2003 Red Graphic Systems PHP script http://blog.redgraphic.ru/sheiko/18-03-08_399/ http://blog.redgraphic.ru/sheiko/18-03-08_399/ <p><span>Этот корпоративный блог был впервые открыт в 2003 году. В том время мы были вынуждены писать пояснение на главное странице «Что такое блог». Не прошло и пяти лет, а такое ощущение, что это было в прошлом веке. Каждый год приходят новые технологии, новые идеи и решения. Часть из них теряется в истории, но часть принимается широкой общественностью и превращается в глобальные тренды. Тренды обретают популярность и их реализуют все в новых и новых проектах. Но чтобы это произошло, кто-то обязан предрекать их успех. Именно в этом я видел миссию нашего блога – открывать то, что может стать ключевым в Вебе будущего. Благие намерения и ненасытное тщеславие движут мною и по сей день. Чего не скажешь про остальных авторов блога. А так как материалов от прочих авторов давненько нет и не предвидится, корпоративный блог ныне более походит на личный блог Шейко. Это обстоятельство заставило собраться тех, кто некогда учреждал проект блога и принять решение. И вот оно принятое решение. Корпоративный блог </span><span lang="EN-US">Red Graphic </span><span>замораживается, а Шейко переносит свои материалы на личный сайт (</span><span lang="EN-US"><a href="http://blog.cmsdevelopment.com" target="_blank">http://blog.cmsdevelopment.com</a></span><span>), где он будет публиковаться в дальнейшем.</span></p> <p style="margin: 0cm 0cm 0pt;"><span lang="EN-US"></span></p> <p style="margin: 0cm 0cm 0pt;"><span>Тех кто был подписан на </span><span lang="EN-US">RSS </span><span>моей ленты, попрошу изменить адрес канала на </span><span lang="EN-US"><a href="http://blog.cmsdevelopment.com/rss/" target="_blank">http://blog.cmsdevelopment.com<span lang="RU">/</span>rss/</a> 2008-03-18T00:00:00 http://blog.redgraphic.ru/sheiko/06-03-08_398/ http://blog.redgraphic.ru/sheiko/06-03-08_398/ <p>То, что мы наблюдаем сегодня - это шквальный рост числа новых сервисов. Каждый день появляется что-то новое. Что можно сказать о пользователях, на которых рассчитаны все эти сервисы? Они растерянны, сбиты с толку этим бесконечным потоком предложений. Они мне представляются как несчастные граждане, не ведающие о своих правах, завязшие в водовороте бурлящего рынка. А есть ли какие-либо права у пользователей этого «дикого» социального веба? Участники группы <a href="http://opensocialweb.org/">Open Social Web</a> убеждены, что каждый пользователь имеет право владения персональными данными, право контроля над тем, с кем эти данные могут быть разделены и право предоставлять постоянный доступ к этим данным для определенных внешних сайтов. Но чем это может помочь нашим раздосадованным пользователям? Видите ли, для того чтобы в полной мере опробовать какой-либо новый сервис, требуется регистрироваться в нем, заполнять все свои персональные данные, формировать свой круг друзей, проявлять активность и накапливать авторитет. Вот она - проблема. <a name="habracut"> </a>Вам потребуется много времени и сил для того, чтобы узнать, нужен ли вам действительно этот сервис. Времени и сил уже потраченных на каком-то другом сервисе. Но если разработчики нового сервиса солидарны с идеями Open Social Web, то достаточно будет лишь делегировать новому сервису доступ к вашим персональным данным, к вашей активности. Вы войдете на новый сервис преисполненными собственной значимостью, со всем накопленным авторитетом, с вашими друзьями по социальным сетям и прочее. Более того, новый сервис импортирует структуру ваших предпочтений и покажет вам на переднем плане то, что вы хотели бы увидеть и в том виде в котором вам это понравиться. Звучит как фантастика. Но теоретически это достижимо. Как?</p> <p></p> <p>Международная группа достаточно известных в социальном вебе экспертов именуемая как <a href="http://www.dataportability.org/" target="_blank">Data Portability</a> рекомендует использовать определенные существующие технологии как раз для достижения описанной выше миссии. Так что же это за технологии и как их использовать в собственных проектах?</p> <p></p> <h2><em>Идентификация пользователя и данные его профиля</em></h2> <p></p> <p>Начнем с идентификации пользователя. Самый простой стандарт в этом отношении <a href="http://microid.org/" target="_blank">MicroID</a>. Он использует пару email + url для идентификации пользователя. Вот его формула:</p> <p></p><pre>microID = sha1(</pre><pre> sha1( "mailto:sheiko@mysite.com" ) </pre><pre>+ </pre><pre>sha1( "http://cmsdevelopment.com/" ) </pre><pre>)</pre> <p></p> <p>Для подтверждения того, что пользователь реально владеет указанной им страницей, достаточно лишь указать в ее секции HEAD следующее:</p> <p></p><pre>meta name="microid" content="mailto+http:sha1:код_microID"/</pre> <p></p> <p>Несмотря на всю видимую простоту стандарта его уже поддержали такие проекты как <a href="http://digg.com/">Digg</a>, <a href="http://plaxa.com/">Plaxa</a>, <a href="http://claimid.com/">ClaimID</a>, <a href="http://www.last.fm/">Last.fm</a>, <a href="http://ma.gnolia.com/">Ma.gnolia</a>, <a href="http://wikitravel.org/en/Main_Page">Wikitravel</a>, и <a href="http://yedda.com/">Yedda</a>. </p> <p></p> <p>Лично мне показалось интересным, что MicroID может быть использован не только для подтверждения подлинности пользователя при обратной связи, но и, скажем, для подтверждения его репутации на стороннем сервисе:</p> <p></p> <p><code>span class="score microid-mailto+http:sha1:fe98b5adf288318c0763e1d5b0855b3d2266338c"5/span</code></p> <p></p> <p>Второй стандарт по идентификации пользователя, полагаю, вам знаком – это OpenID. Я уже ранее рассматривал <a href="http://habrahabr.ru/blog/php/20899.html">этот стандарт на Хабрахабре</a> в отношении идентификации пользователя на собственном проекте (OpenID consumer). Однако коль уж мы заговорили о правах пользователей, то было бы справедливо предоставить пользователям вашего сервиса эдакий «виртуальный паспорт», который они смогли бы предъявлять на сторонних проектах. Для этого потребуется раздавать пользователям адрес личных страниц на сервисе в поддоменах типа <a href="http://sheiko.pozzzy.ru/">http://sheiko.pozzzy.ru</a>. Для тех, кому не случалось делать подобное, порекомендую использовать в конфигурации Apache (если вы используете этот сервер) в секции VirtualHost параметр ServerAlias на манер ServerAlias *.pozzzy.ru. После этого останется лишь разбирать содержание переменной $_SERVER["HTTP_HOST"] в стартовом скрипте PHP. Для того чтобы сделать свой сервис OpenID provider вам понадобиться соответствующее программное обеспечение. В общем случае можно использовать библиотеку от <a href="http://www.openidenabled.com/">OpenID Enabled</a> (имеются PHP, Python, Ruby версии). Однако меня покорил своей простотой крохотный фреймворк <a href="http://siege.org/projects/phpMyID">PHPMyID</a>. </p> <p></p> <p><img src="http://cmsdevelopment.com/views/delivery/img/blog/openid_provider.jpg" alt="Применение OpenID Provider" border="0" height="379" hspace="10" vspace="10" width="436"> </p> <p></p> <p>Имеется так же крохотный стандарт <a href="http://pavatar.com/" target="_blank">Pavatar</a>, позволяющий связать изображение 80x80px. (аватару) с пользователем. Допускаются форматы PNG, JPG и GIF. Достаточно лишь добавить на странице пользователя код:</p> <p></p> <p><code>link rel="pavatar" href="http://example.com/path/my-pavatar.png" /</code></p> <p></p> <p>Кстати говоря, pavatar и MicroID могут предоставляться с прочей информацией из профиля пользователя провайдером OpenID.</p> <p></p> <p></p> <p>Информация о пользователе так же может быть задана посредством микроформата <a href="http://microformats.org/wiki/hcard-examples">hCard</a>.</p> <p></p> <h2><em>Информация о социальных связях пользователя</em></h2> <p></p> <p>Ок. Мы разобрались с тем как можно идентифицировать пользователя и предоставить ему возможность делегировать право чтения данных его профиля. Но как можно получить информацию о его друзьях в различных социальных сетях? Как минимум это позволило бы нам показать пользователю, кто из его друзей представлен на нашем сервисе. </p> <p></p> <p>Небезызвестный Брэд Фицпатрик (<a title="Brad Fitzpatrick" href="http://en.wikipedia.org/wiki/Brad_Fitzpatrick">Brad Fitzpatrick</a>), основатель LiveJournal, автор стандарта OpenID последнее время активно продвигает концепцию <a href="http://code.google.com/apis/socialgraph/">Social Graph</a> и гугловский API к ней. Идея в том, что Google индексирует информацию о связях пользователей в социальных сетях если они, эти связи, представлены в заданных форматах (<a href="http://gmpg.org/xfn/">XFN</a> и <a href="http://www.foaf-project.org/">FOAF</a>). API позволяет получать эту информацию в удобном виде. Кстати, если вам вдруг не достаточно Google, воспользуйтесь <a href="http://www.plaxo.com/info/opensocialgraph">Plaxo Open Social Graph</a>.Т.е. когда пользователь вошел на наш сервис, мы можем опросить Social Graph по поводу его друзей в других сервисах. Далее останется лишь сравнить их идентификаторы по базе пользователей нашего сервиса и сообщить пользователю о его друзьях на проекте. Поскольку получить данные от Social Graph достаточно просто (предлагается ответ по вашему запросу в форме text, JSON, XML), имеет смысл остановиться над тем, как оформить данные для их дальнейшей индексации в граф. </p> <p></p> <p>Прежде всего, следует изменить код ссылок на страницах пользователей в рамках сервиса в соответствии с микроформатом <a href="http://gmpg.org/xfn/">XFN</a>.</p> <p></p> <p>Можно использовать a rel="me" ..../a для дополнительных ссылок, связанных с владельцем открытой страницы и a rel="friend" ..../a для ссылок на страницы его друзей. Если в вашем сервере доступны подробности отношения пользователя с его друзьями это можно отразить, скажем, как a rel="friend met" ..../a.</p> <p></p> <p><img src="http://cmsdevelopment.com/views/delivery/img/blog/xfn_usecase.gif" alt="Использование XFN" border="0" height="349" hspace="10" vspace="10" width="450"> </p> <p></p> <p>Что касается стандарта <a href="http://www.foaf-project.org/">FOAF</a> (The Friend of a Friend), то позволяет описать пользователя и его связи в более структурированной форме, в RDF. Вам следует указать в коде страницы пользователя ссылку на его RDF-документ:</p><pre>link rel="meta" type="application/rdf+xml" title="FOAF" href="http://sheiko.pozzzy.ru/foaf/"/</pre><pre></pre> <p>Сам RDF-документ должен формироваться автоматически на основании данных о пользователе и его связях в рамках проекта.</p> <p></p> <h2><em>Информация о предпочтениях пользователя</em></h2> <p></p> <p>Говоря о правах пользователя, я также упоминал возможность обмена информацией о предпочтениях пользователя между сервисами. Одной из наиболее любимой в еще одном коллективе почтенных джентльменов <a href="http://media2.0workgroup.org/">Media 2.0 Workgroup</a> является технология <a href="http://www.apml.org/">APML</a>. Существует множество различных методов учета предпочтений пользователя на основании его активности. Для этого служат и настольные приложения (<a href="http://www.particls.com/">Particls</a>) и такие онлайн сервисы как <a href="http://www.bloglines.com/">Bloglines</a>, <a href="http://www.cluztr.com/">Cluztr</a>, <a href="http://dandelife.com/">Dandelife</a> и конечно Google. Указанные сервисы за исключением Google используют язык разметки APML для описания профилей предпочтений пользователей. Что собственно и открывает возможность обмена этими профилями между сервисами с позволения пользователя. </p> <p></p> <p></p> <p>В заключении хотелось бы также отметить и технологию <a href="http://www.hueniverse.com/hueniverse/oauth/index.html">OAuth</a>. Она позволяет делегирование прав на постоянный или временный доступ к персональным данным пользователя для сторонних сервисов и их API. </p> <p></p> <p></p> <p></p> <p>Как видите это в наших руках - сделать социальный веб открытым, дать пользователям законные права касательно их личных данных. Умные люди уже продумали, как это может быть достижимо и задача разработчиков сервисов лишь воплотить эти идеи. </p> 2008-03-06T00:00:00 http://blog.redgraphic.ru/sheiko/01-02-08_397/ http://blog.redgraphic.ru/sheiko/01-02-08_397/ <p>Если мы говорим о социальных сетях в русскоязычном сегменте Интернета, то на ум приходят лишь три проекта <a href="http://vkontakte.ru/">vkontakte.ru</a>, <a href="http://odnoklasniki.ru/">odnoklasniki.ru</a> и <a href="http://moikrug.ru/">moikrug.ru</a>. Причем, две первые сети самые посещаемые сайты Рунета, если верить Alexa. В этой связи любопытно, что лидер чартов <a href="http://vkontakte.ru/">vkontakte.ru</a> в Беларуси практически не упоминается, в то время как <a href="http://odnoklasniki.ru/">odnoklasniki.ru</a> обсуждаются даже в очередях в магазинах.<br><br>Я опробовал все три сети и пришел к выводу, что вроде как конкурентные проекты, тем не менее, все они отвечают различным потребностям аудитории. Самая несовершенная в техническом плане сеть <a href="http://odnoklasniki.ru/">odnoklasniki.ru</a> опирается, как и ее прародитель <a href="http://classmates.com/">classmates.com</a> (<a href="http://chasinggoogle.blogspot.com/2007/11/12-years-of-social-networks-who-was.html">кстати, о том кто был первым</a>), на ностальгические чувства к утерянным в водовороте жизни «боевым друзьям» детства и юности. Ну, это общепринятая практика фактически для любой страны: <a href="http://xiaonei.com/">xiaonei.com</a>, <a href="http://nasza-klasa.pl/">Nasza-klasa.pl</a>, <a href="http://studivz.de/">studiVZ.de</a>, <a href="http://studiln.it/">studiLN.it</a>, <a href="http://estudiln.es/">estudiLN.es</a>, <a href="http://www.trombi.com/">trombi.com</a>, <a href="http://connect.com.ua/">connect.com.ua</a>. И надо отметить, как бы не расширялся список возможных зависимостей между пользователями в подобном проекте, едва ли он сможет конкурировать со специализированной сетью, опирающейся, скажем, на генеалогические связи <a href="http://myheritage.com/">MyHeritage.com</a>, <a href="http://geni.com/">Geni.com</a> или на отношения сложившиеся в туристических поездах <a href="http://travbuddy.com/">TravBuddy.com</a>, <a href="http://wayn.com/">WAYN.com</a>. Парадокс? Нет, просто в специализированной сети проще найти релевантных вашим запросам людей.</p> <br /><br /> <p><img src="http://blog.redgraphic.ru/img/classmates450.gif" alt=""><br><br>Что же касается сети <a href="http://vkontakte.ru/">vkontakte.ru</a>, было много сказано о том, что это прямой аналог <a href="http://facebook.com/">facebook.com</a>. Не бывает дыма без огня, чувствуется упор уже не на одноклассников, а на сокурсников. Нельзя упустить из виду знаменитую «стену» из <a href="http://facebook.com/">facebook.com</a>. Однако нынешний <a href="http://facebook.com/">facebook.com</a> примечателен уже ни сколько как социальная сеть, сколько как распределенная платформа для веб-приложений. Уже доступны многие тысячи таких приложений и некоторые мои знакомые просто удивляют своим энтузиазмом, подключая по десятку новых приложений на свой профиль ежедневно. Проект <a href="http://vkontakte.ru/">vkontakte.ru</a> ничего подобного вроде бы не предлагает, но является уникальным местом для создания локальных сообществ по интересам. Отличный сервис для загрузки изображений, кое-какой сервис для загрузки видео и аудио плюс лента коротких сообщений открывают широкие возможности для самовыражения. Если учесть потенциальную аудиторию в 6,5 млн. участников – есть, где постараться.</p> <br /><br /> <p><img src="http://blog.redgraphic.ru/img/facebook450.gif" alt="" height="318" width="450"><br><br>И, наконец, самая совершенная техническая реализация, <a href="http://svoikrug.ru/">svoikrug.ru</a> – типичная бизнес сеть. Во многом подобная <a href="http://linkedin.com/">LinkedIn.com</a>, <a href="http://plaxo.com/">Plaxo.com</a>, <a href="http://www.ecademy.com/">Ecademy.com</a>, <a href="http://xing.com/">XING.com</a> (бывший OpenBC).<br><br>Конечно, там тоже можно поискать друзей, но это малоэффективно. Зато поискать коллег очень даже полезно. Как правило, пользователи <a href="http://svoikrug.ru/">svoikrug.ru</a> представлены своими бизнес-карточками, у них заполнено CV, описана профессиональная деятельность, достижения и т.д., есть исчерпывающая информация о человеке, как о специалисте. Таким образом, <a href="http://svoikrug.ru/">svoikrug.ru</a> – отличная возможность не только восстановить утерянные бизнес-контакты, но и обрести новые. Попробуйте пройтись по спискам контактов ваших друзей первого круга. Действительно обнаруживается много интересного. Но более того, органично интегрированная в сеть система поиска работы в нынешние «трудные» времена, когда найти специалиста реально сложно, открывает новые перспективы. А возможность предварительно осведомиться о кандидате у общих друзей, обнаруженных в его кругах, делает такой путь особенно эффективным.</p> <br /><br /> <p><img src="http://blog.redgraphic.ru/img/linkedin450.gif" alt="" height="401" width="450"><br><br>Порадовали меня также и такие «фишечки» как блоги и обсуждения относительно указанных компаний. В общем и целом, похоже, этот проект из трех указанных наиболее полно раскрывает потенциал социальных сетей.<br><br>Но как полагается, должно быть место и критике. Почему-то ни одна из трех сетей пока не содержит сервиса рекомендаций. Даже странно – иметь такие огромные сообщества и не предоставить возможность пользователям рекомендовать друг другу книги, рестораны, клубы, туры и т.д. Как-то незаметно привязки пользователей, компаний, школ и ВУЗов к картам, пусть к тому же Google Map. Пользовательские интересы во всех сетях кликабельны, но под ними нет обсуждений и электронной коммерции. Я бы добавил в сеть moikrug.ru сервис «<a href="http://answers.yahoo.com/">Answers</a>» с автоматическим поступлением вопросов в специальные окна страниц специалистов запрошенного профиля. И главное, очень не хватает полноценной поддержки OpenID во всех трех сетях. Не малая часть пользователей зарегистрирована более чем в одной сети. Было бы удобно, если бы однажды заполненный профиль переносился автоматически при каждой новой регистрации.<br><br>В любом случае, все три сети вполне зрелые проекты. Если я пару лет назад на приглашения вступить в МойКруг смотрел эдак свысока, ныне нахожу каждую сеть по своему полезной.</p> 2008-02-01T00:00:00 http://blog.redgraphic.ru/sheiko/12-01-08_396/ http://blog.redgraphic.ru/sheiko/12-01-08_396/ <P>Речь пойдет о недавно открытом Open Source проекте SAPID CMF. Само по себе название SAPID кому-то может показаться чем-то смутно знакомым. Да, жила-была такая простенькая CMS SAPID, которая позволяла администрировать сайты inline, требовала лишь 1МБ дискового пространства и умудрялась обходиться без СУБД. Однако мало кто помнит, что создавалась эта система с целью продемонстрировать возможности парадигмы XML Sapiens. CMS SAPID благополучно и помпезно встретила свою первую годовщину, а затем 2 года никаких существенных ее новых релизов, как это ни прискорбно, не наблюдалось. Впрочем, последний год на сайте сообщества SAPID (<A href="http://www.sapid-club.com/">www.sapid-club.com</A>) время от времени проскакивала информация о работах над новой ветвью проекта SAPID CMF. Вуаля! Вот она - ветка, доступна для загрузки (<A href="http://sapidcmf.sourceforge.net/">http://sapidcmf.sourceforge.net</A>) и для «шапочного» знакомства (<A href="http://cmfdemo.xmlsapiens.org/">http://cmfdemo.xmlsapiens.org</A>). </P> <P></P><br /> <P>SAPID CMF – это, что-то вроде набора «два в одном», где SAPID – система управления контентом с базовым административным интерфейсом и CMF – конструктор для превращения это интерфейса в собственную кастомизированную систему. </P> <P></P><br /> <P>Любая CMS – это с одной стороны движок для веб-приложений, с другой – интерфейс для администрирования этих приложений. Логично было бы предположить, что приложения области доставки (те, что доступны пользователям сайта) и приложения административной панели CMS функционируют на базе одного движка, подчиняются единой логике, используют единый принцип шаблонов. Таким образом, CMS, позволяющая создание внешних веб-приложений, с той же легкостью должна обеспечить создание внутренних административных интерфейсов. Сердце SAPID – процессор XML Sapiens. <a href="http://xmlsapiens.org">XML Sapiens</a> - декларативный язык, для описания шаблонов структур данных, оформления и функциональности. С помощью языка можно создавать компоненты для всех трех уровней (данные, оформление, функциональность) и использовать их многократно (reusing), подобно кубикам конструктора, для получения самых различных решений. Процессор XML Sapiens компилирует эти компоненты в готовый пользовательский интерфейс приложения. </P> <P></P><br /> <img src="http://blog.redgraphic.ru/img/sapid02_450.gif" /> <br /> <P></P> <P>Для веб-приложений, в отличие от настольных программ, нет заданного набора элементов управления GTK. Это и достоинство и недостаток. При создании каждого нового приложения или группы приложений разработчики вынуждены создавать новый GTK. Дабы облегчить жизнь разработчикам, GTK административной панели SAPID CMF выполнена на манер Windows. В каждом ее приложении имеются рабочая область, меню, модальные окна, окна сообщений, диалогов, процессов. Доступны компоненты – tree view и list view. Таким образом, мы имеем эдакий «джентльменский набор» для быстрого создания приложений административной панели в едином стиле. </P> <P></P> <br /> <img src="http://blog.redgraphic.ru/img/sapid03_450.gif" /> <br /> <P></P> <H3>Готовность к развитию</H3> <P></P> <P>Вы скажете: «Отлично! Я добавлю в административную панель собственные приложения. Через месяц появится новый релиз фреймворка. Я выполню обновление и потеряю всю свою работу». На самом деле SAPID CMF организован так, что при обновлении заменяются лишь базовые компоненты, а дополнительные компоненты, добавленные разработчиком останутся нетронутыми. Возникает вопрос: «Как модифицировать базовые компоненты и защитить код модификации от перезаписи при обновлении?». В SAPID CMF используется событийная модель в стиле <a href="http://www.cmsdevelopment.com/ru/articles/aosdinphp/">аспект-ориентированного программирования</a>. В системе определены различные события. Вы можете добавить собственные обработчики различных событий, модифицирующие среду должным образом. Код модификации будет помещен в папку plugins, которая пропускается при обновлении фреймворка. В терминах АОП для внесения модификаций в базовые компоненты (библиотеки API, контроллеры и т.д.) вы определяете некоторый аспект модификации.</P> <P></P> <P>$ModalWindowCustomization = new Aspect(); </P> <P></P> <P>Задаете для него область прослушивания, скажем все классы и все методы </P> <P></P> <P>$pc = $ModalWindowCustomization->pointcut("call *::*");</P> <P></P> <P>и назначаете определенному событию код модификации </P> <P></P> <P>$pc->_event("ModalWindowSchemasDefined", "customizateModalWindow($obj);");</P> <P></P> <P></P> <P>Как уже говорилось сверхзадача SAPID CMF обеспечить эффективное многократное использование заготовок структур данных, оформления и функциональности при создании веб-приложений. Фреймворк содержит корневую папку VIEWS. В ней имеются папка DEFAULT для шаблонов темы оформления административной панели по умолчанию и папка DELIVERY для шаблонов приложений, созданных на базе фреймворка. Если вы добавите дополнительные темы оформления, здесь появятся соответствующие им папки. Любая из них содержит шаблоны функциональности (папка DDC), наборы полей (папка FIELDSETs), шаблоны запросов содержания (папка QCs) и шаблоны оформления (папка TEMPLATES). </P> <P></P> <H3>Однажды написав, используем многократно</H3> <P></P> <P>При создании веб-приложения в сверстанном скетче логической страницы определяются динамические области. К примеру, мы вырезаем блоки меню, блоки списков и т.д. и переносим их код оформления в соответствующие DDC. <a href="http://habrahabr.ru/blog/webdev/8832.html">DDC помимо кода оформления задает также и логику динамического блока</a>. Здесь могут быть использованы условия, перечисления данных у запрошенных приложений CMS, включения, выражения XML Sapiens, а также неограниченная вложенность данных структур. Для описания данной логики используется XML. XML Sapiens позволяет использовать один и то же DDC для формирования различных динамических блоков. При вызове DDC могут быть переданы параметры, которые могут быть рассмотрены в условиях DDC. </P> <P></P> <P><sapi:apply name="ddc.#submenu.value"></P> <P><sapi:param name="root">structure</sapi:param></P> <P></sapi:apply></P> <P></P> <P>Если в коде динамического блока или в коде шаблона логической страницы предполагается форма ввода данных, мы обращаемся к QC. QC определяет каким образом будут отображены или запрошены сообщенные ему данные. Скажем, если мы используем вызов типа <sapi:apply name="qc.contentblock.value" type="article" title="Введите содержание" />, в состоянии администрирования логической страницы мы увидим запрос с редактором WYSIWYG (соответствует типу article) и с заголовком "Введите содержание". В состоянии доставки содержания (просмотра) страницы, нам будет показано содержание контейнера contentblock, введенное по данному запросу при администрировании. </P> <P></P> <br /> <img src="http://blog.redgraphic.ru/img/sapid04_450.gif" /> <br /> <P></P> <P>Если набор полей формы запроса данных варьируется динамически (зависит от состояния среды), мы можем использовать вызов набора полей. Например, </P> <P></P> <P><sapi:include href="fieldset1.xml" parse="fieldset" state="admin" /></P> <P></P> <P>Данная конструкция вернет набор полей запроса содержания, соответствующий состоянию admin в файле fieldset1.xml.</P> <P></P> <H3>Какова теория на практике?</H3> <P></P> <br /> <img src="http://blog.redgraphic.ru/img/sapid01_450.gif" /> <br /> <P></P> <P>Вполне возможно дочитав до этого места, вы подумали: «Все эти нагромождения выглядят как-то страшновато. Интересно, а может ли хоть что-то на этом фреймворке реально заработать?». В дистрибутивном пакете вместе с фреймворком поставляется готовый демонстрационный сайт. Помимо типовых вещей сайт содержит пример формы авторизации/регистрации с использованием AJAX. Форма также включает возможность авторизации по OpenID. На сайте представлен пример рекламного места для баннеров, смешанных типов (GIF/Flash/DHTML/RichMedia). Имеется также пример использования технологии IntelliTXT. Термины, внесенные в тезаурус системы автоматически преобразовывается в текстах страниц сайта в ссылки tooltip (ссылки с двойным подчеркиванием). При наведении курсора мыши на ссылку всплывает окно с подсказкой. Система ведет статистику показов связанных со ссылками окон, так что этот механизм вполне можно использовать для контекстной рекламы. </P> <P>Демонстрационный сайт содержит пример многоуровневой галереи с возможностью комментирования фотографий. Допустимо голосование, как за фотографии, так и за комментарии. Пример каталога на сайте демонстрирует возможности группировки продуктов по тегам (схожие товары, облако тегов). В общем, есть с чем работать и более того есть некоторый базовый набор решений, которые можно смело использовать в своих проектах. </P> 2008-01-12T00:00:00 http://blog.redgraphic.ru/sheiko/19-10-07_395/ http://blog.redgraphic.ru/sheiko/19-10-07_395/ Уже некоторое время в Интернете циркулирует информация о социальной сети нового поколения от Google SocialStream. Звучит многообещающе, но, по сути, данный проект является скорее агрегатором, нежели полноценной социальной сетью нового образца. SocialStream позволяет вам связать ваши коммуникации из различных источников в едином пространстве. Скажем, вы видите на своей странице обновления фотоальбомов ваших друзей с Flickr и Picasa, видео с Youtube, новые сообщения друзей с популярных блоговых сервисов. <a name="habracut"> </a>На обошедшем Сеть малоразличимом скриншоте с сайта университета Карнеги (<a href="http://www.hcii.cs.cmu.edu/M-HCI/2006/SocialstreamProject/index.php" title="http://www.hcii.cs.cmu.edu/M-HCI/2006/SocialstreamProject/index.php">http://www.hcii.cs.cmu.edu/M-HCI/2006/So…</a>) не видно никаких особенных нововведений, что могло бы отразить новые тенденции и моду для социальных сетей. Я бы отметил лишь два специфичных виджета: список контактов и календарь событий. Причем первый – фактически калька Google Talk, зарекомендовавшего себя в Gmail. <br> <br> <img src="/img/screenshot.gif" alt="SocialStream" border="0" hspace="10" vspace="10"><br> <br> <br> Параллельно со слухами о SocialStream муссировалась информация о проекте Yahoo! Mash. С недавних пор интерес к последнему возрос в связи с началом публичного тестирования. Я вчера нежданно обнаружил инвайт в почте от контакта с Yahoo! 360. Любопытство взяло вверх и я на скорую руку заполнил профиль <a href="http://mash.yahoo.com/dsheiko" title="http://mash.yahoo.com/dsheiko">http://mash.yahoo.com/dsheiko</a>. <br> <br> Надо отдать должное разработчикам Mash, они таки абстрагировались от клеше в сфере разработки сервисов социальных сетей и попытались создать что-то новое. Суть сервиса – предоставить вам вашу личную страничку в Интернете, эдакую визитную карточку, посредством которых, виртуальные друзья обмениваются друг с другом. Само собой есть специальный механизм для коммуникаций с друзьями, наблюдения за их активностью. В этом нет ничего нового. Незамысловатая проекция простых потребностей человека в социуме (презентовать себя, наладить общественные отношения) на Веб. Но вот что мне показалось свежим решением – изначально виртуальное пространство, которое вы получаете под свою опеку исключительно аскетично. Всего несколько вопросов и тегов, характеризующих вас как личность, доска для самовыражения и список друзей. Все остальное как оформление, так и приложения вы добавляется на страницу по своему желанию. <br> <br> <img src="/img/mash02.gif" alt="SocialStream" border="0" hspace="10" vspace="10"><br> <br> <br> <br> Как показывает опыт MySpace - страсть широких масс к захламлению своей страницы безвкусицей не имеет границ. Сервис Facebook в свою очередь демонстрирует, что нет смысла разработчикам самим писать новые приложения для проекта, эту задачу можно поручить пользователям. Yahoo! Mash учел обе тенденции в лучшем виде, плюс к тому, добавил также возможность манипулировать блоками страницы подобно как в Netvibes. Однако то, что меня особенно удивило, Mash позволяет (при желании вы можете отключить эту опцию) вашим друзьям редактировать вашу страницу. Когда я осознал это факт, мое сознание какое-то время отказывалось следовать данной логике по инерции. Однако затем мне представилось как типичная представительница новой волны интернет-пользователей, в полной мере владеющая лишь ICQ, просит знакомого настроить ей личную страничку. По мере того как в ее профиле Mash появляются новые RSS-ленты, видео на доске, гаджеты настраиваемых приложений и гламурные фоны ее чело озаряет безграничная радость. Первое что она сделает затем – разошлет ссылку на эту страницу (то бишь на сервис Yahoo! Mash) всем своим неисчислимым знакомым. Можно сказать - мечта для промоутера стартапа. Но это еще не все. Разработчики добавили в изначальный состав страницы физиономию домашнего любимца. Это что-то вроде тамагочи. Его можно кормить, лелеять, бутузить и даже убивать. Уверен описанная выше «блондинка в Интернете» частенько будет возвращаться на свою страницу, дабы покормить и холить своего питомца. А когда выяснить что его могут кормить и друзья – всем им будет выдано соответствующее распоряжение. Потенциал вовлечение в сервис впечатляющий. <br> <br> <img src="/img/mash03.gif" alt="SocialStream" border="0" hspace="10" vspace="10"><br> <br> <br> К минусам сервиса я бы отнес вопросы раздела “About me”. Сама по себе попытка дать представление о человеке заслуживает уважения, но реализация, по-моему, провальная. Если на сервисах типа MySpace от пользователя требуют «опиши себя» (можно подумать, это так просто сделать, если, конечно, не описывать буквально), то здесь мы видим список вопросов из разряда тех, что любят задавать в интервью при устройстве на работу в западных компаниях. Едва ли они поощряют пользователя к заполнению. <br> Давайте подумаем, к чему вообще все эти социальные сети? Предполагается, что они должны помочь пользователю обрести новых друзей. Они должны помочь выбрать среди миллионов только тех людей, которые реально интересны пользователю. На MySpace по-прежнему есть армия пользователей, для которых единственным критерием при выборе друга является фотография в профиле. Они особенно не ищут смежные интересы и тому подобное. Они используют сервис как службу знакомств. Те же, кто заинтересован в расширении круга общения в сфере личных или профессиональных интересов желают, прежде чем начать общение понять, что представляет потенциальный собеседник, будет ли он интересен, стоит ли вообще тратить на него время. Т.е. должна быть соответствующая информация в профиле пользователя. Как ее получить? Мне попадалась реализация сети, где предлагалось 5 десятков вопросов, на языке практикующего психолога. Это скучно не только заполнять, но и читать. У пользователя стоит запрашивать что-то, на что ему легко ответить, где ему не придется ломать голову над формой и последовательностью подачи, что-то более близкое к живому общении. Ну, представьте себе – вы беседуете с человеком и он вам: «опишите себя». Было бы куда проще, если бы в профиле пользователя были вопросы типа «Расскажите о каком-нибудь запомнившемся случае из вашего детства / произошедшем с вами за последнее время ». Под ответом можно оставить кнопку для посетителей профиля «Расскажи о СВОЕМ случае». Тогда это будет похоже на ветку живого общения. Как в реальной жизни незнакомые люди (скажем в купе поезда) по началу не решаются общаться, но стоит кому-нибудь о чем-нибудь рассказать, как все включаются со своими аналогичными историями. Общение оживает, каждый участник открывается, становиться ясно кто вам ближе по духу, кто вовсе не интересен. Судя по нынешним заявкам, рано или поздно легкость живого общения будет воссоздана в социальных сетях. Как это будет сделано? Кто его знает, поживем - увидим. 2007-10-19T00:00:00 http://blog.redgraphic.ru/sheiko/10-10-07_394/ http://blog.redgraphic.ru/sheiko/10-10-07_394/ Все больше и больше случается разговоров про интернет-телевидение нового поколения и в этой связи про проект Joost (<a href="http://www.joost.com/"></a><a href="http://www.joost.com" title="http://www.joost.com">http://www.joost.com</a>). Признаться, когда я впервые увидел проект с его десктопной версией, я был поражен эффектностью этого решения. Дизайн приложения весьма ненавязчивый, свободный, но в тоже время все элементы управления хорошо продуманы, обогащены интерактивностью в лучших традициях RIA. Видео проигрывается в полноэкранном режиме во вполне приемлемом качестве (очевидный шаг вперед по сравнению с качеством YouTube-роликов). Все представленные видео-шоу в проекте созданы профессионалами, и для зрителя неизбалованного качеством западного ТВ все это производит, по крайней мере, по началу неизгладимое впечатление. Заявление самого Joost о наличии 1500 шоу в 250 каналах, прям таки, обещает бесконечное удовольствие. Однако что представляет собой Joost в действительности?<br> <br> <img src="http://blog.redgraphic.ru/img/joost01.jpg" alt="Видео-подкаст Reuters на Joost" border="0" hspace="10" vspace="10"> <br> <img src="http://blog.redgraphic.ru/img/joost02.jpg" alt="Опросник на канале Joost" border="0" hspace="10" vspace="10"> <br> <img src="http://blog.redgraphic.ru/img/joost03.jpg" alt="Список каналов Joost" border="0" hspace="10" vspace="10"> <br> <img src="http://blog.redgraphic.ru/img/joost04.jpg" alt="Список шоу Joost" border="0" hspace="10" vspace="10"> <br> <br> Идем на <a href="http://www.joost.com/download/"></a><a href="http://www.joost.com/download/" title="http://www.joost.com/download/">http://www.joost.com/download/</a> и загружаем себе настольное приложение. В ходе инсталляции программа предложит зарегистрироваться на сервере Joost, что позволит в дальнейшем нам персонализировать своей виртуальное пространство в проекте. Что это даст? Традиционный набор: список избранных шоу, возможность голосования за шоу, набор виджетов. Надо заметить, что Joost показывает рекламу в весьма ненавязчивом виде, что едва ли отвлекает вас от просмотра. Тоже касается различных опросов. <br> <br> Что касается минусов, на мой взгляд, есть неудобство в самой концепции проекта – Joost показывает не потоковое видео, а предзагруженные ролики. Т.е. Joost - это что-то средне между ТВ и Youtube. <br> <br> Для того чтобы определить насколько удачно реализован проект имеет смысл сравнить его с конкурентами (в данном случае с его клонами). Habrahabr уже писал о клоне DNAStream (<a href="http://dnastream.tv/"></a><a href="http://dnastream.tv" title="http://dnastream.tv">http://dnastream.tv</a>), однако это не лучший вариант для сравнения, по двум причинам. DNAStream полностью повторяет пользовательский интерфейс Joost во флеш-реализвации и данный проект не использует десктопное приложение. Давайте лучше взглянем на Babelgum (<a href="http://www.babelgum.com/"></a><a href="http://www.babelgum.com" title="http://www.babelgum.com">http://www.babelgum.com</a>). Babelgum реализован по тем же принципам что и Joost, но в собственной манере. Панель управления просмотром выполнена в стиле классического пульта дистанционного управления. Что интуитивно понятно зрителю, но весьма ограничивает его в новых возможностях интерактивного ТВ. Каналы Babelgum категоризированы посредством тегов, что закономерно в эпоху Веб 2.0, но едва ли удобно в данном случае. Кроме того, архивы шоу на Babelgum распределены по двум каналам TV и Video. Интерфейс построен, так что не очень понятно к чему раздел Видео. Возможно для создания собственных каналов, на основе своего видео-контента. <br> <br> <img src="http://blog.redgraphic.ru/img/babelgum02.jpg" alt="Просмотр шоу в Babelgum" border="0" hspace="10" vspace="10"> <br> <img src="http://blog.redgraphic.ru/img/babelgum01.jpg" alt="Выбор канала в Babelgum" border="0" hspace="10" vspace="10"> <br> <img src="http://blog.redgraphic.ru/img/babelgum03.jpg" alt="Раздел видео в Babelgum" border="0" hspace="10" vspace="10"> <br> <br> Проект Babelgum определенно найдет свою аудиторию, но есть такое впечатление, что Сильвио Скалья (учредитель проекта) несмотря на свои миллионы, похоже, выделил не достаточно инвестиций в Babelgum. В сравнении с Joost реализация Babelgum определенно проигрывает. Впрочем, качество, объем и скорость загрузки видео-контента на Joost пока тоже вне конкуренции. 2007-10-10T00:00:00 http://blog.redgraphic.ru/humor/22-08-07_393/ http://blog.redgraphic.ru/humor/22-08-07_393/ Ксюшин знакомый француз поехал в путешестивие по дальнему востоку. Давече прислал в письме:<br /><br /> Sibirsk otchin kracivaia, baikal toje no tolko russki naroda vsio vremia pianni i opasno jiznie. <br /> Mongoli prosto bila otlichna !! <br /> Kitai minia toje otchin n'ravitsa, liudi vsio vremia ulibaius i igraiout kak dieti ! Takoi nastroienie minia n'ravitsa !<br /> 2007-08-22T00:00:00 http://blog.redgraphic.ru/humor/21-08-07_392/ http://blog.redgraphic.ru/humor/21-08-07_392/ Админ: Георгиевич, мне нужен человек, подержать панель пока я буду с проводами разбираться.<br /> Директор: Программисты все заняты, возьми кого-нибудь из девочек. Вику возьми!<br /> Программисты: О! Вика рулез!<br /> Админ (на своей волне): да мне только подержать, минут десять не больше…<br /><br /> Директор сочувственно смотрит на админа, затем деловито достает калькулятор и начинает какие-то подсчеты. 2007-08-21T00:00:00 http://blog.redgraphic.ru/sheiko/20-08-07_391/ http://blog.redgraphic.ru/sheiko/20-08-07_391/ Не знаю как у вас, но у меня периодически возникает потребовать в онлайн-хранилище данных. Всегда есть файлы, которые могут потребоваться мне как на работе, так и дома – документация, фрагменты кода (snippets), наброски статей и т.д. Впрочем, иные документы, такие как карты, описания туристических маршрутов, материалы по истории городов и достопримечательностей могут понадобиться и вдалеке от родины. В первом случае можно обойтись синхронизацией данных домашнего и офисного компьютеров (что, кстати, не гарантирует вам отсутствие «головной боли»). Во втором случае можно воспользоваться популярным плагином Firefox Gspace. Однако едва ли вам принесет много радости обилие сообщений со страшными заголовками в вашем почтовом ящике Gmail. Кроме того, когда у вас возникнет необходимость поделиться с кем-то файлами, вам не останется ничего иного как высылать эти файлы ему почтой. Теперь можно представить, как блаженная улыбка озаряет лицо вашего знакомого, когда The Bat намекает, что ему придется ждать загрузки письма длинной 20Мб. <br /><br /> Совершенно очевидно, здесь требуется удаленное хранилище файлов, с веб-интерфейсом и прямыми ссылками для скачивания файлов. Требует возможность создать свою структуру файлов где-то на сервере, а при необходимости поделиться ссылкой со знакомыми. Конечно, мы должны управлять доступом к нашим файлам и когда следует надежно защитить их от несанкционированного доступа. Очень кстати здесь пришлось бы и удобное настольное приложение для загрузки и синхронизации файлов на сервер, а также возможность адекватного предпросмотра в Веб медиа-файлов различного формата. И главное – все эти прелести должны быть бесплатными. <br /><br /> 4 года назад, когда я пришел работать в Red Graphic Systems, мы владели собственной хостинговой компанией и грезили о сервис ориентированном будущем. Я раз за разом предлагал построить онлайн-хранилище файлов, для его дальнейшего коммерческого использования. Но тогда было крайне сложно обрисовать радужные перспективы бесплатного сервиса в Рунете. Теперь времена изменились и изменились кардинально. Но я думаю, будь у нас ныне собственное решение, было чертовски сложно выдержать его на уровне западных аналогов. Теперь же мне как пользователю остается лишь одна проблема – проблема выбора. <br /><br /> Ныне на рынке как наиболее заметные можно выделить следующие сервисы: <br /><br /> <A href="http://www.esnips.com/">http://www.esnips.com</A> – предоставляется 5Гб для хранения файлов, распознает медиаформаты, предоставляет настраиваемые виджеты, имеется настольное приложение для загрузки файлов; <br /><br /><img src="http://blog.redgraphic.ru/img/files/2007-08-20_133403.jpg" border=0 alt="Настройка виджетов в esnips.com" hspace=10 vspace=10> <br /><b>Настройка виджетов в esnips.com</b> <br /><br /> <A href="http://www.box.net/">http://www.box.net</A> – очень простой и удобный пользовательский интерфейс, предоставляет 1,5ГБ для хранения файлов, распознает медиа-форматы, предоставляет настраиваемые виджеты, доступен как приложение для netvibes.com; <br /><br /> <img src="http://blog.redgraphic.ru/img/files/2007-08-20_133312.jpg" border=0 alt="box.net и netvibes.com" hspace=10 vspace=10> <br /><b>box.net и netvibes.com</b> <br /><br /> <A href="http://www.omnidrive.com/">http://www.omnidrive.com</A> - предоставляет 1ГБ для хранения файлов, есть приложение для синхронизации данных локального компьютера с виртуальным хранилищем; <br /><br /> <img src="http://blog.redgraphic.ru/img/files/2007-08-20_140853.jpg" border=0 alt="Интеграция в проводник omnidrive.com" hspace=10 vspace=10> <br /><b>Интеграция в проводник omnidrive.com</b> <br /><br /> <A href="http://www.mediamax.com/">http://www.mediamax.com</A> - предоставляет 25ГБ(!) для хранения файлов, доступно приложение MediaMax XL Beta для синхронизации и резервного копирования; <br /><br /> <A href="http://skydrive.live.com/">http://skydrive.live.com</A> – ответ Microsoft. Ничего не могу о нем сказать, так как мне он сообщает следующее: «Эта бета-версия службы еще не доступна в вашем регионе. Однако можно использовать папки других пользователей при наличии разрешения. Чтобы узнать, когда служба будет доступна в вашем регионе, посетите <A href="http://go.microsoft.com/fwlink/?LinkId=85202">блог группы разработчиков</A>»; <br /><br /> <A href="http://www.pando.com/">http://www.pando.com</A> – предоставляет 1ГБ для хранения файлов, основной упор разработчики сделали на удобство обмена мультимедиа; <br /><br /> <A href="http://www.boxcloud.com/">http://www.boxcloud.com</A> – похоже что здесь нет ограничений на объем предоставляемого пространства (что откровенно говоря пугает). Для бесплатного аккаунта разрешено создание одного рабочего пространства для 3 пользователей; <br /><br /> <A href="http://www.tubesnow.com/">http://www.tubesnow.com</A> – сервис ориентирован преимущественно на синхронизации данных и резервное копирование, содержит приложение-панель в стиле ICQ; <br /><br /> <br /><br /> <A href="http://www.megaupload.com/">http://www.megaupload.com</A> – единственный сервис в обзоре (исключая Microsoft Skydrive) имеющий автоматическую локализацию интерфейса (русский язык), предоставляет 50ГБ для хранения файлов. Имеется настольное приложение - менеджер файлов и плагин-панель для облегчения загрузки файлов. Впрочем, не обольщайте этими возможностями – сервис предназначен для обмена файлами, но не для их хранения. Т.е. вы можете загрузить свой .AVI и сообщить другу, чтобы он поспешил скачать файл. Через несколько дней этот файл будет автоматически удален. <br /><br /> <A href="http://xdrive.com/">http://xdrive.com/</A> - предоставляет 5ГБ для хранения файлов, есть возможность резервного копирования. Разработчики сервиса умудрились выделиться на общем фоне с помощью приложения Xdrive® Shows. Идея шикарная. Пользователи удивительно простым образом создаются свои реально эффектные слайдшоу. Они просто перетаскивают фотоснимки на панель временной шкалы, затем назначают файл звукового оформления, задают видео эффекты из доступной библиотеки и в результате получают Flash-микрофильм, которым они тут же могут похвастаться своим друзьям; <br /><br /> <img src="http://blog.redgraphic.ru/img/files/show.jpg" border=0 alt="Приложение Xdrive® Shows" hspace=10 vspace=10> <br /><b>Приложение Xdrive® Shows</b> <br /><br /> <A href="http://openomy.com/">http://openomy.com</A> - предоставляет 1ГБ для хранения файлов. Изюминка сервиса в его социальности – даже файлы в нем рубрицируются тегами. Имеется API для взаимодействия с сервисом из вне; <br /><br /> <A href="http://mozy.com/">http://mozy.com</A> - предоставляет 2ГБ для хранения файлов, версионный контроль. В проекте предпринята попытка максимально обезопасить данные пользователя (448-bit Blowfish encryption, 128-bit SSL encryption); <br /><br /> <A href="http://www.4shared.com/">http://www.4shared.com</A> - предоставляет 1ГБ для хранения файлов, широкие возможности, которые сводит на нет то факт, что бесплатный аккаунт здесь более походит на trial-доступ. <br /><br /> Из всех этих сервисов особого внимания заслуживают box.net, esnips.com и omnidrive.com. Все три весьма популярны. Похоже ныне omnidrive.com - идеальное решение для удаленного резервного копирования. Работать с сервисом достаточно легко. После установки локального приложения в проводнике Windows появляется опция синхронизации файлов с веб-сервером. Можно указать график по которому программа сама будет синхронизировать файлы. В omnidrive.com также добавлена интеграция с виртуальным офисом Zoho, RSS-подписка на файлы подкастов, а также инструмент <A href="http://www.tangler.com/">www.tangler.com</A>. Сервису Box.net пошла на пользу интеграция с netvibes.com. Это действительно удобно зайти на свой виртуальный рабочий стол и получить там миниатюрный файловый менеджер. Кроме того, разработчикам Box.net удаются весьма симпатичный виджеты и пользователи с удовольствием размещают их на своих сайтах. С недавнего времени обладатели iPhone могут использовать хранилище фалов Box.net. Доступен плагин Box.net для Microsoft Office. <br /> <img src="http://blog.redgraphic.ru/img/files/eboxwidget.jpg" border=0 alt="Виджет box.net" hspace=10 vspace=10> <br /> Сервис esnips.com также позволяет пользователям настраивать виджеты, как на отдельные файлы, так и на папки. Здесь также можно ограничить доступ к фалам и папкам для пользователей и групп. Присутствует полный комплект социального веба: имеется возможность создания сетей друзей, показ публичных папок других пользователей, близких по содержанию вашим, сервис видео/аудио/текстовых комментариев к файлам, социальные закладки, плейлисты, сообщества. Сервис позволяет записывать видео и аудио напрямую из веб. <br /><img src="http://blog.redgraphic.ru/img/files/player.jpg" border=0 alt="Загрузка файлов на esnips.com" hspace=10 vspace=10> <br /><b>Загрузка файлов на esnips.com</b><br /><br /> <img src="http://blog.redgraphic.ru/img/files/2007-08-20_133620.jpg" border=0 alt="Виджет мультимедиа плеера в esnips.com" hspace=10 vspace=10> <br /><b>Виджет мультимедиа плеера в esnips.com</b> <br /><br /> Итог. Если вы желаете делиться с посетителями вашего блога файлами простым и симпатичным образом – пользуйтесь box.net. Если вас прельщает идея автоматического резервного копирования критичных для вас данных – используйте omnidrive.com. И, наконец, если вам хотелось бы обрести благодарную аудиторию для ваших медиа-файлов, попробуйте esnips.com. <br /><br /> Успешного и комфортного вам файл-шаринга! 2007-08-20T00:00:00 http://blog.redgraphic.ru/sheiko/18-08-07_390/ http://blog.redgraphic.ru/sheiko/18-08-07_390/ <P>В последнее время все чаще используются всплывающие слои для различных сообщений с эффектом тени. Возникает вопрос как эту тень корректно сверстать. Известный факт – Firefox корректно отображает «тени» сохраненные в PNG, а IE можно заставить их отображать посредством инструкций в HTC файле. По инструкциям существует множество решений. Мне понравилось следующее:</P> <br /><br /> <P>1) Располагаем в корневой папке файл png.htc со следующим содержанием:</P> <br /><br /> <P>PUBLIC:COMPONENT lightWeight="true"<BR> PUBLIC:ATTACH EVENT="oncontentready" ONEVENT="filterImage()" /<BR> SCRIPT LANGUAGE="JScript"<BR> var orignalImage = element.src;<BR> var spacerImage = "images/x.gif";<BR> var htcCapable = /MSIE ((5.5)|[6])/.test(navigator.userAgent) navigator.platform == "Win32"; </P> <P> function filterImage() {<BR> if(/.png$/.test(orignalImage)) {<BR> if(htcCapable) {<BR> element.src = spacerImage;<BR> element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + orignalImage + ",sizingMethod='scale')";<BR> }<BR> }<BR> element.style.visibility = 'visible';<BR> } </P> <P> /SCRIPT <BR>/PUBLIC:COMPONENT</P> <br /><br /> <P>Где x.gif - прозрачный GIF 1x1 пиксел. </P> <br /><br /> <P>2) Тень сохраняем в файле PNG и определяем класс shadow при декорации ее в HTML:</P> <br /><br /> <P> img class="shadow" src="images/shadow.png" alt="0" /</P> <br /><br /> <P>3) В PHP-скрипт формирующий HTML добавляем код:</P> <P>?<BR>if(preg_match("/sMSIEs/is", $_SERVER["HTTP_USER_AGENT"])) <BR>print 'style<BR>img.shadow { visibility:hidden; behavior: url(png.htc); } <BR>/style';<BR>? </P> <br /><br /> <br /><br /> <P>Все чаще ныне используются всплывающие диалоги подтверждений (confirm), «замораживающие» прочие элементы окна до принятия пользователем какого-либо решения. Для «заморозки» окна достаточно показать полупрозрачный слой на переднем плане (Z-index выше прочих элементов). Все просто, до тех пор, пока не выясняется, что ширина и высота этого слоя должны точно соответствовать актуальным габаритам рабочей области окна. Причем, эти показатели меняются не только при различных разрешениях экранов, но зависимости от числа баров браузера, его состояния и т.д. Самая удобная функция для определения текущей ширины и высоты окна их тех, что мне попадались:</P> <br /><br /> <P>window.size = function()<BR>{<BR>var w = 0;<BR>var h = 0;</P> <P>//IE<BR>if(!window.innerWidth)<BR>{<BR>//strict mode<BR>if(!(document.documentElement.clientWidth == 0))<BR>{<BR>w = document.documentElement.clientWidth;<BR>h = document.documentElement.clientHeight;<BR>}<BR>//quirks mode<BR>else<BR>{<BR>w = document.body.clientWidth;<BR>h = document.body.clientHeight;<BR>}<BR>}<BR>//w3c<BR>else<BR>{<BR>w = window.innerWidth;<BR>h = window.innerHeight;<BR>}<BR>return {width:w,height:h};<BR>}<BR></P> <br /><br /> <P>Использовать можно так </P> <P>window.center = function()<BR>{<BR>var hWnd = (arguments[0] != null) ? arguments[0] : {width:0,height:0};</P> <P>var _x = 0;<BR>var _y = 0;<BR>var offsetX = 0;<BR>var offsetY = 0;</P> <P>//IE<BR>if(!window.pageYOffset)<BR>{<BR>//strict mode<BR>if(!(document.documentElement.scrollTop == 0))<BR>{<BR>offsetY = document.documentElement.scrollTop;<BR>offsetX = document.documentElement.scrollLeft;<BR>}<BR>//quirks mode<BR>else<BR>{<BR>offsetY = document.body.scrollTop;<BR>offsetX = document.body.scrollLeft;<BR>}<BR>}<BR>//w3c<BR>else<BR>{<BR>offsetX = window.pageXOffset;<BR>offsetY = window.pageYOffset;<BR>}</P> <P>_x = ((this.size().width-hWnd.width)/2)+offsetX;<BR>_y = ((this.size().height-hWnd.height)/2)+offsetY;</P> <P>return{x:_x,y:_y};<BR>}</P> <br /><br /> 2007-08-18T00:00:00