AjaxBlog » Находки

Обзор CMS для создания социальной сети

admin — Thu, 28 May 2009 06:05:04 +0000

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

	BuddyPress это пакет специфических плагинов для WordPress MU позволяющих превратить движок блога в социальную сеть. Плохо только то, что не совсем стабильная еще сборка. Cайт: http://buddypress.org Пример: http://testbp.org
	Pligg — клон digg.com, сайтовый движок для создания новостных сайтов. Пользователи голосуют за понравившиеся новости, в результате самые интересные сообщения показываются на главной странице. Лучший бесплатный движок в этой нише. Cайт: http://www.pligg.com Пример: http://www.pligg.com/demo
	Sociall Web CMS – базируется на системе Pligg, которую начал разрабатывать AshDigg уже 2 года назад. В феврале 2008 года он покинул проект для начала новой разработки. Данная CMS построена по такому же принципу сайтов социальных новостей как Digg.com и reddit.com, пользователи представляют свои url/статью в предоставленные разделы сайта, а другие пользователи потом голосуют за неё. Когда статья получит определённое количество голосов, она попадёт на главную страницу. Cайт: http://socialwebcms.com
	AroundMe – CMS с множеством опций таких как: блоги, форумы, гостевая книга, вики, мультиязычность и многие другие. Cайт: http://www.barnraiser.org/aroundme Пример: http://www.ungdomstorget.se
	Elgg – хорошее решение для построение свой социальной сети. Из плюсов есть хорошая документация по движку, форум подержки, свое комьюнити. Cайт: http://elgg.org Пример: http://www.redpai.org
	Lovdbyless – написана на Ruby on Rails, ее особенность эта интеграция с популярными сервисами, такими как Flickr и YouTube. Cайт: http://lovdbyless.com Пример: http://try.lovdbyless.com
	Explay – «наш ответ» движкам социальной сети, поэтому проблем с русификация нет в принципе. К сожалению, весьма не доработанная. Cайт: http://explay.su
	Livestreet – Еще одна русская cms, клон хабры, как по функциональности так и по внешнему виду. Cайт: http://livestreet.ru
	Bigstreet – тоже русская cms, самая динамически развиваемая, и поэтому наверное самая перспективная. По функциональности очень напоминает хабру, но в последнем релизе, появились интересные новые модули. Разработчики стали отходит от «подражательство» хабре – и это хорошо. Cайт: http://bigstreet.ru
	InstantCMS это бесплатная многофункциональная система управления сообществами. В первую очередь система ориентирована на создание социальных сетей, сайтов знакомств и онлайн-клубов. Cайт: http://instantcms.ru

Скрещиваем Twitter и WordPress

admin — Sat, 23 May 2009 11:08:40 +0000

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

Глобальный подход

Есть официальная документация которая позволяет нам использовать предоставленный API интерфейс для работы с твиккером. Мне было лень разбираться с ним и я начал искать далее.

Готовые плагины для WordPress

SimpleTwitter – плагин который позволяет добовлять ваши посты в твиттер, достаточно много настроек.
The Twitter Updater – другой плагин который автоматически отправляет сообщения в twitter, при редактирование записи, обновлении ее или публикации, настраивайте плагин, как сами считаете нужным.
Twitter Tools – позволяет как постить в твитер, так и в блог постить свои твитты.

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

Сервисы для работы с твиттером

Пока из известных – TwitterFeed. Инструкция по применению очень проста.

Если есть OpenId – отлично. Если нет – заводим, (например: здесь myopenid, или здесь Yandex OpenID)

Логинемся в TwitterFeed под вашим OpenID

Создаем новый профиль

Заполняем форму

Вводим адрес вашего RSS
Устанавливаем частота обновления вашего твикера (по умолчанию: каждый час)
Сколько добавлять новых постов в твикер (по умолчанию: 1, максимальное количество 5)
Что выводит в твитер (по умолчанию: заголовок и описание)
Каким сервисом коротких ссылок мы будем пользоваться, а мы будем пользоваться так как длина сообщения для твикера ограничена 140 символами (если вы хотите без регистрации – то urlShot, если не поленитесь и зарегистрируетесь то – bit.ly. Помимо того что этот сервис сокращает ссылки, он ведет статистику кликов по ним.)
Публикация новых постов на основание их (по умолчанию: на дате).
Сообщение выводимое перед публикацией поста в твикер (по умолчанию: пусто). Не совсем нужная опция, у нас и так ограничено, так тратить дорогие знакосимволы на прикрепляемое сообщение – разорительно.
Если галочка стоить то идет публикация в ваш твикер. Если ее убрать то времено будет остановлен процесс публикации до тех пор пока вы ее снова не установите.
Думаю кнопочку «Create» вы сами найдете

Сервис работал «на ура», но под мои требования он не подошел, так-как максимальное количество публикуемых сообщений 5, а у меня может добовлятьса ежедневно более 10 новых плагинов.

Своими руками

Хочешь что-бы получилось как надо. сделай сам. Берем готовый PHP класс для работы с твикером. И на базе него пишем свой плагин для WordPress.

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


/*
Plugin Name: Twitter post
Plugin URI: http://www.youplugins.com/
Description: Updates Twitter when you create a new blog or publish one
Version: 1.00.0
Author: Denis Doroshenko
*/

function wp_twitter_post_shotlink($link)  {
	$shotlink = "";
	$url = "http://api.bit.ly/shorten?version=2.0.1&longUrl={$link}&login=******&apiKey=******";
	$bit = json_decode(file_get_contents($url), TRUE);
	if ($bit["errorCode"] == 0) {
		$shotlink = $bit["results"]["{$link}"]["shortUrl"];
	}
	return $shotlink;
}

function wp_twitter_post_add($post_ID) {
    include(dirname(__FILE__).'/twitterAPI.php');

	$post 			= get_post($post_ID);
	$postTitle 		= $post->post_title;
	$postLink 		= get_permalink($post_ID);
	$postContent 	        = $post->post_content;

	$twitter_username 	= '******';
	$twitter_psw 		= '******';
	$twitter_message	= "{$postTitle}: {$postContent}";
	$count = mb_strlen($twitter_message);
	if ($count < 1) {
		$twitter_message = "";
	} else if ($count > 115) {
		$twitter_message = mb_substr($twitter_message, 0, 115).'..';
	}
	$twitter_message .= ' '.wp_twitter_post_shotlink($postLink);
	$twitter_status = postToTwitter($twitter_username, $twitter_psw, $twitter_message);
	return $post_ID;
}

add_action('publish_post', 'wp_twitter_post_add');

?>

add_action(‘publish_post’, ‘wp_twitter_post_add’) – вызываем функцию wp_twitter_post_add, после события publish_post
wp_twitter_post_add() – функция которая производит публикацию поста в ваш твикер, для этого вам нужно знать логин и пароль вашего твикера.
wp_twitter_post_shotlink($link) – функция преобразования ваших урлов в их укороченный вариант, я для этого использовал сервис bit.ly, для его правильной работы вы должны быть на нем зарегистрированы. После регистрации сервис для вас с генерирует apiKey, который и нужно будет подставить в эту функцию.

Ссылки по данной тематике

Pencil – зарисовки и наброски прототипов интерфейсов с помощью Firefox

admin — Tue, 21 Oct 2008 18:41:44 +0000

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

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

Вот что я нашёл – Pencil.

Доступ ко всем свойствам формы

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

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

Эффекта перелистывания страницы на сайте

admin — Fri, 17 Oct 2008 11:02:17 +0000

Вот такой интересный плагин для WordPress я нашёл. Называется – Pageear.

Что умеет

Изменять размер страницы 100 × 100 или 500 × 500 пикселей.
Проигрывать MP3-файлы при запуске, открытые и закрытие Pageear.
Возможность оставлять страницу открытой и ждать действия пользователя на закрытие страницы.
Менять место расположение в левом или правом верхнем углу.
Открывать и закрывать автоматически после X секунд.
Изменять скорость открытия и закрытия страницы
Определения наличие флешплейера.
Эффект отражения картинки угла на страницу.
Цвет уголка страницы.
Установить ссылку перехода.
Работает почти во всех браузеров (FireFox, InternetExplorer, Opera, Safari и т.д.)

Этот эффект перелистывания можно использовать для привлечения внимания к различным товарам, услугам. Для вебмастеров он может стать новым видом размещения рекламы с блога.

240 удивительных плагинов для jQuery

admin — Fri, 25 Jul 2008 06:58:51 +0000

jQuery одна из моих любимых JavaScript библиотек. Одно из сильных сторон этот библиотеки – поддержка сторонних расширений (плагинов). А нашему брату только дай по расширять

В этом посту приведен список более чем 200 отобранных плагинов для jQury на каждый случай. Правда не мной, а Jürgen Koller.

File upload

Form Validation

Form – Select Box stuff

Form Basics, Input Fields, Checkboxes etc.

Time, Date and Color Picker

Rating Plugins

Search Plugins

Inline Edit & Editors

Audio, Video, Flash, SVG, etc

Photos/Images/Galleries

Google Map

Games

Tables, Grids etc.

Charts, Presentation etc.

Border, Corners, Background

Text and Links

Tooltips

Menus, Navigations

Accordions, Slide and Toggle stuff

Drag and Drop

XML XSL JSON Feeds

Browserstuff

Alert, Prompt, Confirm Windows

CSS

DOM, Ajax and other jQuery plugins

Js Decoder или как распутать запутаный код

admin — Fri, 11 Jul 2008 11:02:51 +0000

Нашел в сети замечательный онлайн инструмент Js Decoder. Он позволяет декодировать обфускационный код.

Часто можно встретить код такого вида
var base_code='';var jsdecoder;var jscolorizer;var code='';var time=0;function decode() {code='';base_code='';jsdecoder=new JsDecoder();jscolorizer=new JsColorizer();if($('msg').innerHTML.length){do_clean_init();}else{jsdecoder.s=$("a1").value;do_decode_init();}} function do_decode_init() {$('msg').innerHTML+='Decoding .. ';setTimeout(do_decode,50);}...

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

Вот для того что-бы привести код в человекопонятный вид и служит этот инструмент.

Firebug для Internet Explorer

admin — Fri, 04 Jul 2008 17:16:25 +0000

Firebug стал инструментом номер один web-разрабочиков. Я уже не представляю себе работу без него (да и до него уже вспоминаю как кошмарный сон).

Все хорошо было бы, но к моему великому сожалению есть еще «осел». И для него microsoft не сделало инструмента аналогичного firebug`у.

Поэтому появление любого инструмента который позволит облегчит разработку под ИЕ, мною воспринимается с большим вниманием и интересом.

Представляю на Ваш суд один из таких инструментов – дебагер от Azer Koçul.

Как видем функционал еще сильно недотягивает до полноценого firebug`а, но начало положено хороше.

Как это работает, все очень просто. Вставляете следующию строчку в вашу страничку и все.

Полезные ссылки

JS – эффекты для ваших фотографий

admin — Tue, 01 Jul 2008 12:08:15 +0000

Не когда не думал, что с помощью только Javascript и CSS, можно сделать такое.

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

И так…

Эффект «Полароид»
Помните такой был фотоаппарат. Теперь вы можете подключив js-файл, свои фотографии превратить фотокарточки от «Полароида». Смотриться красиво.
Уголки
«Бедные уголки», кто их уже не делал. Эти меня подкупили тем, что они «живые». При наведение мышки уголок распрямляется или наоборот заворачивается. Все дела в настройках. а там достаточно их много, что-бы можно было настроить на свой вкус.
Эффект «зеркальное отражение»
Добавляет отражение для фотографии. Фотография выглядит так, как будто она стоит на полированной поверхности. Впечатляет.

Резиновое поле комментариев

admin — Thu, 19 Jun 2008 12:41:46 +0000

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

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

Загружаем кода.

Ищем следующий кусок кода в шаблоне comments.php

и заменяем на

Некоторые пояснения

rt.SetCurrentWidth(420) - первоначальная ширина поля

rt.SetCurrentHeight(100) – первоначальная высота поля

rt.SetMaxWidth(754) – максимальная ширина поля

rt.SetMaxHeight(400) – максимальная ширина поля

Вот и все, я думаю теперь комментировать ваши посты стало приятнее.

Источник

TrackBar

admin — Sat, 07 Jun 2008 08:19:45 +0000

TrackBar -это такой бегунок для ввода чисел путем его перемещения. Вся фишка в том, что он реализован целиком на javascript`e.