Интернет-голосование на html

24 Окт
2011

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

Для этого нужен по настоящему независимый опрос. Возможности сети интернет дают нам такую возможность.

Так появилась идея сайта.

Основные требования:
  • Возможность голосовать за партии (как же без нее?)
  • Максимальная простота для посетителя (т. е. никакой регистрации в идеале быть не должно)
  • Защита от накруток
  • Продвижение по средствам интеграции в соц. сети
  • Максимальная быстрая и малозатратная разработка (так как время поджимает)

Пожалуй, самое главное требование — это скорость разработки, оно и диктует нам как будет выглядеть наш проект. Решения на PHP, Ruby, Python, а может быть даже ASP.NET безусловно хороши для команд, у которых есть время и деньги. В нашем случаи сайт делается на чистом энтузиазме в свободное от работы время (а времени этого очень немного).
Потому в качестве платформы был выбран html. Да простой html. Без всякого серверного кода.

Идея


Голосование будет осуществляются, через виджеты соц сетей. Они очень хорошо для этого подходят, так как позволяют считать количество нажатий, выполняют автоматически авторизацию в соц сети и помогают нам в продвижении сайта.
image
Комментарии пользователей можно сделать, через виджеты “комментарии”. Это еще проще.

Реализация


Идея предельно проста, все что требуется для ее воплощения в жизнь — это просто верстка и немного клиентского javascript.
В качестве отправной точки были выбраны HTML5 Boilerplate, 960grid и yepnope для асинхронной загрузки скриптов.
Доменом проекта был выбран rosizber.com
Местом для размещения сайта — github. Да! проект полностью открыт. Кроме того, лучше бесплатного хостинга для статического контента, чем github нам не найти.

Что получилось


Результат труда, можно увидеть здесь http://rosizber.com/
Код здесь: https://github.com/codeninja-ru/rosizbercom
Процедура голосования предельно проста, посетитель заходит на сайт и нажимает нужный виджет под интересующей его партией.

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

Что дальше?


С момента анонса проекта в твиттере. К проекту на гитхабе присоединилось 4 человека, и общее число разработчиков составило, на текущий момент, 5 человек. Каждый внес свой посильный вклад, за это огромное спасибо!

Сайт: http://rosizber.com/
Всем кто хочет помочь в развитии проекта: https://github.com/codeninja-ru/rosizbercom
Framework-и и библиотеки:
HTML5 Boilerplate http://html5boilerplate.com/
960 Grid http://960.gs/
yepnope http://yepnopejs.com/
По материалам Хабрахабр.



загрузка...

Комментарии:

Наверх