К сожалению браузеры не совершенны, и они пока не умеют самостоятельно загружать несколько файлов сразу. Не умеют, потому что по стандарту ч-з один html элемент <file /> можно отправить только один файл.

Я знаю два способа обойти это неудобство. Это загрузчик на Java или Flash. Если для первого в браузере должна быть включена Java, то для второго вполне достаточно обычного флеш-плейера.

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

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

Ура, выложил наконец тот минимум, который планировал успеть к началу года (я за rybalka.tv).

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

Смотрим что вышло:http://rybalka.tv/

Просьба в камментах или на почту писать об ошибках, или недочетах, если таковые заметите.

p.s. думал еще отложить релиз, но все взвесив, понял, что идеала сразу не сделаешь, надо хотя б что-то выложить.

Просмотр фотоотчета

Вот и готов просмотрщик фотоотчетов, или попросту говоря галерея. Сделал все за 1,5 дня, правда стоит заметить что 50% времени ушло на поиск довольно глупой ошибки, которая не позволяла листать фотографии в IE и Сафари. Оказывается проблема была в том, что мой ajax-воркер выдавал XML пакеты только залогиненым юзерам, а в FF, в котором я работаю – я был залогинен, чего не скажешь о IE и Safari.

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

При просмотре всех миниатюр отчета – все фотки кликабельны и ведут каждая на свою страницу, т.е. ссылка примерно такая:

http://rybalka.tv/page/odna-iz-luchshih-moih-rybalok-chast-i/523/

А при просмотре отдельной фотки, уже подключается аякс.
Читать далее »

Еще в процессе планирования я прекрасно понимал, что именно редактор фотоотчетов будет самым сложным этапом работы над проектом. Нужно было все сделать удобно и доступно. Так, чтобы даже начинающий смог интуитивно догадаться что и как.

Вот прошли 2,5 дня беспробудной работы над ним и что я имею на руках: практически ничем не уступающий ВКонтакте, редактор фотоальбомов, а по удобству использования превосходящий их разработку. Единственное в чем я им уступаю, это изменение порядка следования фоток и у меня нет массового загрузчика на флеше. Пока нет (еще не делал, но знаю как). Что касается сервиса Яндекс.фотки, то ему я уступаю по многим пунктам, но кто я такой чтобы конкурировать с Яндексом, да и задачи текущие мой редактор полностью решает.

Мой редактор фотоотчетов это:

• Кроссбраузерность.
• Множество проверок, не позволяющих, к примеру удалить чужое фото, или повернуть его на 90º по часовой стрелке.
• 100% Аякс. За все время работы с фотографиями ваша страница ни разу не перезагрузится. Далось это не легко, спасибо Антону Шевчуку за то, что проконсультировал меня по одному вопросу.
• Комплексная работа с фотографиями. Там и повороты и кроппинг и ресайзинг средствами CodeIgniter.

При проектировании ориентировался прежде всего на редакторы фотоальбомов из вконтакте, яндекс.фоток, потому что у них удобнее всего они реализованы. Хотя просмотрел множество сервисов и русских и буржуйских. Читать далее »

Вот и настала очередь фотоотчетов для rybalka.tv. К сожалению пришлось почти на неделю отложить работу над этим проектом и переключиться на клиентов. Кому что подправить, а кому и парсер заново переписать, т.к. источник сменил структуру.

Когда я работал над вордпрессовской версией rybalka.tv, я особо не задумывался над тем, нужны ли копирайты на фотографии, и просто ставил на каждой фотке название сайта. Причем ставил с окантовкой, чтобы и на белом и на черном фонах название сайта было видно.

Но сейчас задумался, стоит ли делать надпись на фотографиях? Взвесил все за и против:

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

Честно скажу, провозился весь день, но каков эффект!

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

Если бы Роберт де Ниро был пользователем моей соц. сети, он бы легко выделил свое лицо на фотографии общего плана (так же называется такое фото?), а во время выделения, в режиме онлайн, строилась бы миниатюра сразу под меню «Мой кабинет».

Реализовано все с помощью jquery и плагина imgAreaSelect. Саму идею обрезания фотографии я подсмотрел уже давненько на сервисе www.gravatar.com, и когда моя работа над проектом подошла к аватарам пользователей, я заглянул в сорцы страницы граватара и узнал название плагина котогрым они режут изображения. Читать далее »

Вот так выглядит верхняя часть макета для сайта rybalka.tv. Заказывал дизайн у студии alfatech.ru, или проще говоря у Степыча. Когда я только создавал этот сайт, мне хотелось делать все самому, от дизайна до программирования.

В этом и была моя ошибка. Я не уяснил на тот момент заезженой фразы, так любимой нашими политиками:

Каждое дело должен делать профессионал

Увы я хороший программист, но как дизайнер мягко говоря, я не в теме.

Я проводил недавно подсчеты, и выяснил, что потратил на него с момента запуска около $5000, и при этом почти все делал сам до недавнего времени.

Датой рождения проекта я считаю 19 апреля 2008 года. Это мой первый серьезный сайт.

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

Ниже я перечислю на что я тратил деньги, только сильно прошу не пинать =) Читать далее »

Перед тем как приступить к разработке личных дневников для сайта rybalka.tv нужно было определится в каком формате были бы ссылки. В голове крутились 2 варианта.

Либо:

http://lnx.rybalka.tv

Либо:

http://rybalka.tv/users/lnx/

Сам я больше склонялся к второму варианту, но все же, немного сомневаясь задал вопрос на searchengines.ru. Ответов не много, но меня они убедили остановится на втором варианте.

Дальше дело было за технической стороной. И по началу возникли трудности.
В прошлом посте я писал о том как сделать в wordpress страницу с индивидуальным шаблоном, но увы… этот способ не подходит для моей задумки.

Для начала я хочу предложить пользователям сайта:

1. Вести личный дневник. Ссылка вида: http://rybalka.tv/users/lnx/blog/
2. Создавать отчеты о рыбалке. Ссылка вида: http://rybalka.tv/users/lnx/foto/
3. Писать собственные статьи. Ссылка вида: http://rybalka.tv/users/lnx/articles/

Читать далее »

У меня в ВП на сайте rybalka.tv в качестве шаблона ссылок используется ЧПУ в виде:

/%category%/%post_id%/

Примеры:

http://rybalka.tv/tag/рыба/ // Тег
http://rybalka.tv/fish/1490/ // Пост
http://rybalka.tv/webmaster/ // Страница

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

http://rybalka.tv/login/ // для входа в систему личных страниц
http://rybalka.tv/registration/ // для регистрации новых юзеров
http://rybalka.tv/password-reset/ // для восстановления пароля

Как вы понимаете пришлось бы создать страницу в админке вордпресса, а это статика, и обработать php код не получилось бы. Но выход был найден, благодаря Юрию Белотицкому, который направил мои мысли на форуме по WordPress в нужное русло, за что ему большое спасибо!

Рецепт страниц с индивидуальным шаблоном довольно прост, и предусмотрен движком wordpress:
Читать далее »

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

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