Библиотека социальных виджетов для web-сайтов
Екатеринбург
Программное обеспечение

Выберите вознаграждение

Здравствуй, товарищ ! Категорически приветствую !

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

Данный проект – программный, или,  как это принято нынче называть, девелоперский. Участвуя в нем, ты поможешь общему делу коллективного строительства Web 2.0 и упрощению работы web-программистов, занимающихся разработкой сайтов на таких популярных платформах, как .NET, Grails, PHP и Ruby.

Почему это так ? Данный проект направлен на разработку библиотеки социальных HTML виджетов, которые web-разработчики, программисты и HTML верстальщики смогут легко интегрировать на создаваемые ими сайты.

Что же такое web-виджет ? Это некоторая интерактивная часть web-странички, с которой может взаимодействовать пользователь. Ты наверняка помнишь знаменитые кнопки “Нравится” (Вконтакте, Mail.ru) или, скажем, “+1” кнопку Google’а? Вот это как раз может быть названо web-виджетом. Также как, к примеру, внедренное на сайт видео с YouTube или RuTube, или, скажем, панелька “Сообщество” для ВКонтакте, на которой отображаются все пользователи этой соцсети, подписавшиеся на созданную тобой группу, или динамическая панель комментариев Disqus, или внедренный на страничку аудио-плеер, или ...

В современном мире Web 2.0 таких web-виджетов – множество, и каждый крупный социальный проект старается предоставить для HTML верстальщиков свой уникальный набор кнопок, панелек, медиа-плееров и прочих интерактивных красот. Да вот беда – пользователю чаще всего предлагается сконфигурировать виджет прямо на сайте социального проекта и скопировать созданный HTMLкод напрямую в требуемое место web-страницы. Это удобно для начинающих HTML верстальщиков или людей, не очень разбирающихся в web-программировании, но делает задачу по изменению внешнего вида виджета нетривиальной – нужно снова пересоздавать HTML код, снова копировать целый блок в нужное место web-страницы, и т.п. Морока !

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

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

Что важно отметить в этой связи? Этот проект начинается совсем не “с нуля” ! Первичной платформой, для которой создавалась такая библиотека, упрощающая создание web-виджетов, стала хорошо известная платформа компании Microsoft - .NET (“дотнет”) – а, если быть более точным, то ASP.NET MVC – очень популярная в настоящий момент платформа-фреймворк, на которой разрабатываются крупные бизнес web-приложения множеством .NET программистов по всему миру. К настоящему моменту библиотека по созданию web-виджетов для .NET уже достаточно велика, и является проектом с открытым исходным кодом, который распространяется через популярный сервис GitHub : https://github.com/prokhor-ozornin/Catharsis.NET.Web.Widgets


Чуть ниже ты сможешь найти перечень тех web-виджетов, HTML код для отрисовки которых она в настоящий момент умеет генерировать, а пока - парочку примеров в студию !


@Html.Google().PlusOne()

Что это ? Это – способ создания на web-странице широко известной Google кнопки “+1” с помощью.NET версии данной библиотеки. Всего одна строчка кода.


@Html.Twitter().Tweet()

А вот так создается кнопочка “Tweet” для Твиттера. Тоже не шибко сложно.


@Html.YouTube().Video().Id("-OiaATPiHU8").Width(640).Height(480)

А вот таким образом .NET web-разработчик может внедрить YouTube видео на свою страничку.

И так далее в том же духе. Удобно ?

---

.NET версия данной библиотеки – не единственная. На данный момент уже разработана аналогичная копия библиотеки, но только для платформы Grails: https://github.com/prokhor-ozornin/Catharsis.Grails.Widgets

Grails – это тоже популярная и известная платформа для разработки web-приложений, но только на языках Java и Groovy.

<google:plusone/>

Вот так создается уже упомянутая кнопочка Google “+1” при использовании Grails.


Но, конечно же, нет предела развитию – и данная библиотека не является исключением.  Она уже способна хорошо облегчить труд web-программистов на .NET и Grails, но ведь это не единственные популярные среди разработчиков платформы ! Есть еще знаменитый PHP (на нем сделано множество средних по размеру web-сайтов), Ruby on Rails … Да и перечень виджетов очень полезно было бы расширить !

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

1.  Портирование (создание аналога, приближенного к оригиналу) кода на другие языки и платформы : PHP и Ruby On Rails. Отличный способ помочь web-разработчикам на этих языках !

2.  Добавление новых web-виджетов во все портированные версии библиотеки.

---

Вот такие web-виджеты уже включены в состав .NET и Grails версий, и смогут быть перенесены на PHP/Ruby on Rails платформы в случае успешного завершения данной компании :

Cackle

- Виджет комментариев
- Панель OAuth авторизации
Disqus
- Виджет комментариев
Facebook
- Лента активности
- Лента рекомендаций
- Кнопка "Следовать"
- Кнопка "Нравится"
- Панель "Нравится"
- Кнопка "Отправить"
- Виджет комментариев
- Люди из Facebook, связанные с сайтом
- Внедренный пост
- Внедренное видео
Google
- Google Аналитика (счетчик посещений)
- Кнопка "+1"
IntenseDebate
- Виджет комментариев
Mail.ru
- ICQ-на-сайте виджет
- Кнопка "Нравится"
- Внедренное видео
RuTube
- Внедренное видео
Surfingbird
- Кнопка "Нравится"
Tumblr
- Кнопка "Следовать"
- Кнопка "Поделиться"
Twitter
- Кнопка "Следовать"
- Кнопка "Tweet"
Vimeo
- Внедренное видео
VKontakte
- Виджет комментариев
- Сообщество
- Кнопка "Нравится"
- Подписка
- Внедренное видео
Yandex
- Яндекс Аналитика (счетчик посещений)
- "Я" кнопка
- Кнопка "Поделиться"
- Внедренное видео
- Яндекс.Деньги (кнопки и формы приема платежей)
YouTube
- Внедренное видео
VideoJS player
- Медиа-плеер
---

Если же проект сумеет собрать большее количество средств – на что можно их потратить ?

Хочется потратить их на расширение данной библиотеки и включение в нее все новых виджетов, таких, например, как следующие :

1. AddThis
- Кнопки "Следовать"
- Кнопки "Поделиться"
- Умные Слои
- Панель приветствия
- Перечень актуального содержимого

2. Gravatar
- Ссылки на аватар
- Ссылки на профиль

3. LiveJournal
- Кнопки репоста

4. Mail.ru
- Плагин "Люди на сайте"
- Плагин "Группы"

5. PayPal
- Кнопка "Купить подарочный сертификат"
- Кнопка "Купить"
- Кнопка "Пожертвовать"
- Кнопка "Подписаться"

6. Pinterest
- Виджет профиля, панели, кнопка "Следовать", Кнопка "Pin".

7. Soundcloud

- Иконка со ссылкой на профиль

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


Давайте вместе с вами облегчим жизнь web-программистам - ведь они это заслуживают.
Поддержи разработчика проекта, помоги развитию библиотеки, внеси свой вклад в дело web-разработки !