Сайт ростбанка

Ростбанк — активно-развивающийся аккредитованный банк с представительствами в почти тридцати городах России. Сегодня этот банк имет экспертный рейтинг «А» и учавствует в государственной системе страхования вкладов. Сайт необходим для удобства клиентов и привлечения новых вкладчиков.

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

Главная страница сайта банка

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

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

Филиал банка в Санкт-Петербурге с указанием курса валют

Круглосуточные банкоматы в Москве

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

Посмотреть. Сайт банка Рост — www.rostbank.ru

P. S. Дизайн сатйа предоставлен заказчиком, а верстка — Ай-Ти агенством.

Сайт инжиниринговой компании РВС

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

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

Главная страница сайта РВС

Реализация. Для удобной подачи информации каждый раздел представляет собой мини-сайт, который помимо полноценного представления информации в своей области тесно связан с соседними страницами сайта компании.
На сайте предусмотрен раздел «Люди», в котором нашлось место ведущим специалистам компании, а так же руководящему персоналу.

Детали. Услуги компании РВС объединены в группы по определенным признакам, что упрощает их поиск на сайте потенциальным клиентам.
Распределение в соответствующие группы осуществляется по профилю деятельности компании, которой данная услуга может быть необходима (например, сетевые, генерирующие и промышленные компании), и по технологическим признакам (энергоэффективность, автоматизация, строительство и т. д.).

Готовые проекты компании выделены по географическим, технологическим и временным категориям.

Решение «строительство и реконструкция энергетических объектов»

География готовых проектов компании

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

Посмотреть. Сайт инжиниринговой компании РВС — www.rvsco.ru

P. S. Дизайн и верстка сайта выполнены в АйТи-агенстве. Управлением сайтом занимается компания-заказчик.

Покупать гектары стало проще

После проведения аналитики по запросам клиентов федеральная управляющая компания «Юпитер Капитал» приняла решения внести некоторые изменения в поисковую систему по каталогу земельных участков.

Задача. Сделать поиск актуальным и учесть специальные предложения.

Главная страница сайта Jupiter Capital

Реализация. Для актуализации фильтров поиска по базе земельных участков заказчик предложил убрать некоторые невостребованные и добавить следующие поля поиска для участков:

• Направление — шоссе, по направлению которого находится участок;
• Категория земли — назначение использования участка, например для разведения сельскохозяйственной деятельности или промышленной;
• Целесообразное использование — построить ли на участке ферму? Или может все же лучше коттеджный поселок? 
• Природные условия — красивый вид, проходящая рядом железная дорога или неподалеку расположен природный водоем? А может быть все и сразу?

Детали. Помимо расширения возможностей поиска подходящего земельного участка введены специальные предложения:

• Скидка;
• Акция;
• Новый лот.

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

Каталог со списком участков

Страница описания земельного участка

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

Посмотреть. На сайте более ста объектов и посмотреть их можно по адресу www.jcapital.ru.

P.S. Проект выполнен по заказу АйТи-агенства. Дизайн и верстку выполняли они.

Сайт про аську

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

Задача. Создать сайт про icq-клиенты для всех типов устройств и под все операционные системы.

Реализация. Создана очень удобная структура представления информации.
На сайте есть все, что нужно любому асе4каведу, асе4ка-любителю и асе4ка-новичку: статьи, новости, самые свежие версии клиентов.
В качестве вкусности для заинтересовавшихся — форум, где помогут, покажут и расскажут.

Детали. С самого начала делался упор на структуру сайта — она должна быть простой, понятной, очевидной и удобной.
Нужна вам аська для смартфона с Windows Mobile: пожалуйста, пару кликов и все существующие на сегодняшний день клиенты появятся перед вами. И не просто появятся, а со всякими скриншотами и описаниями. Что заинтересовало, кликнули по нужному клиенту и все достоинства, недостатки, баги и фичи предстанут перед вами.

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

Технические детали. В угоду структуре сайта сделали ЧПУ, которые соответствуют разделам сайта. Например ссылка на раздел «Новости→ICQ» выглядит как

www.ase4ka.su/news/icq_news

Еще много всяких приятных мелочей, обо всем не вспомнить.

Посмотреть. Походить по ссылочкам на www.ase4ka.su милости прошу.

P.S. Дизайн предоставлен заказчиком, верстка — Hammer.

Информационный портал МИР

Задача. Сделать современный молодежный портал, и перенести всю информацию со старого.

Реализация. За месяц нужно было не просто сделать удобный молодежный портал, но и построить целую социальную сеть.

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

Детали. Помимо этого было перенесено более 1000 статей со старой версии сайта, а так же пользователи не ощутили никаких неудобств — все их пароли остались в силе, как и контактная информация, взаимоотношения (дружба), фотоальбомы.

Технические детали. Особую сложность в этом проекте, как ни странно, составил импорт данных со старой системы управления сайтом (ABO.CMS).

Никому не рекомендую использовать (не дай Бог переносить на нее) данную систему в качестве площадки для сайта.

Ребята вообще не в курсе, что такое нормализация баз данных. Мол, работает и хорошо.

Но это тема для отдельной статьи.

Посмотреть. Портал доступен по адресу www.mir4you.ru. Можно даже регистрироваться.

Официальный сайт городского округа Котельники

Задача. Довести до ума официальный сайт округа.

Реализация. Доделаны сообщения форума по требованию заказчика — первыми идут новые сообщения, затем более старые, т.е. самое последнее сообщение форума фактически является самым первым по времени, оставленным в этой теме.
Выполнена система учета муниципальных заказов: аукционы, конкурсы, запросы котировок.
Детали. В системе учета муниципальных заказов осуществляется сортировка по дате. Так же ведется архив за предыдущие года. Учтен экспорт файлов и документов из старых таблиц. Ни что ни упущено, ничто не забыто.

Технические детали. Все технические решения выполнены с использованием api системы управления содержимым Drupal.

Посмотреть. Сайт доступен по адресу www.kotelniki.ru.

Заставляем работать IE6 как надо

Если вы немного разбираетесь в web-разработках, то вам не по наслышке знакомы чудеса, которые выделывает старый, но все еще использующийся браузер Internet Explorer 6.

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

Приведу некоторые CSS-правила, которые помогут исправить этот недостаток.

1. Использование DOCTYPE
Обязательно указывайте в начале страницы запись, обозначающую тип HTML-документа:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

2. display: inline
Если на странице имеются DIV-блоки с float: left и указанным правилом margin, то в IE6 это значение margin будет удваиваться. Использование для этого DIV-блока правила display: inline поможет решить проблему.

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

Материал на основе блога Свобода слова вебастерского.

Перенос сайта

Любой web-мастер или саппорт интернет-проектов когда-либо столкнется с проблемой переноса сайта от одного хостера к другому. Я хочу на наглядном примере в несколько шагов описать простейший способ переезда.
Для простейшего, надежного, быстрого и самого удобного варианта перемещения сайта (для нас это будет сайт, состоящий из CMS, т.е. сам движок и MySQL-база данных) у нас должен быть SSH доступ к аккаунтам у старого и нового хостера.
Первым делом мы логинимся через SSH-туннель к старому хостеру и делаем:

1. Бэкап файлов. Сразу заtarиваем их:

   tar -czvf /home/www/backup/bu.tar.gz /home/www
   

   где /home/www - директория, которая будет обработана (заархивирована), а /home/www/backup/bu.tar.gz - куда будет помещен файл архива.

2. Бэкап базы данных:

   mysqldump -u USERNAME -pPASSWORD BD_NAME > dump.sql

Со старым хостингом разобрались, теперь логинимся на новом:

1. Нужно скачать бэкапы со старого:

   wget http://site.name/backup/bu.tar.gz
   wget http://site.name/dump.sql

2. Теперь нам нужно восстановить базу из дампа:

   mysql -uUSERNAME -pPASSWORD -hBD_SERVER_NAME BD_NAME <>

3. И, собственно, восстановим сам сайт из архива:

   tar -zxvf /home/www/bu.tar.gz -C /home/www

   где /home/www/bu.tar.gz - путь и имя архива, а /home/www - куда файлы будут распакованы.
   

Вот собственно и справили новоселье. Осталось подправить конфиги CMS и, возможно, кое-где выставить chmod - и сайт готов к работе.

.masterhost: бочка дегтя в ложке меда

По причине нехватки места для ПРИМАТКО ОРГ было принято решение о покупке нормального, качественного и надежного виртуального хостинга. Пусть даже дорого, но выбор пал на довольно разрекламированный .masterhost, в частности на тариф "Эффективный". Очень большие возможности на первый, и даже на второй взгляд, НО: покупая хост у этой компании будьте готовы сразу к мегонеудобной и медленной панели управления (думать о совершенстве, как минимум, C-panel даже забудьте), и самый главный подводный камень - лимит загрузки.
Этот параметр в условиях приобретения виртуального хостинга нигде не описан, но на требование увеличить параметры php.ini, например upload_max_filesize и post_max_size получил ответ от саппорта:

Вы можете добавить в .htaccess строки:
php_value upload_max_filesize 10M
php_value post_max_size 10M
Это увеличит объем загружаемых файлов до 10 мегабайт - больше на виртуальном хостинге загрузить нельзя.

Всего доброго.

Вот вам и всего доброго. Для меня например эти параметры очень критичны, и должны составлять как минимум 32 М.

статьи по теме

IPB: удалить копирайты и title

Очень часто у владельцев форумов IPB возникает вполне естественный вопрос: "Как удалить в названии форума 'Powered by Invision Power Board'?"
Действительно неприятная штука, которая находится в тегах title. Замечу, что удаление этой надписи в тайтле не нарушает условий лицензии. Как это сделать:
1) открываем файл sources/action_public/boards.php
2) ищем переменную $cp и удаляем ее значение.

Интернет-решебник по физике (Чертов - Воробьев)

Вступление

Как типичный студент технического ВУЗа, для которого такой предмет как физика был и остается страшной загадкой, я все время искал способы "решения" задач при полном отсутствии знаний. По статистике, большинство задач попадаются из нелюбимого "Задачника по физике" Чертова и Воробьева. Конечно, о существовании такого сайта как irodov.nm.ru я знал давно, но списывать оттуда не очень удобно: необходимо знать номер задачи (а для этого приходится иметь при себе сам задачник), да и решений многих задач там попросту нет.

Решение

Найдя в сети интересный сайтик с решениями практически всех задач из вышеукзанного задачника (хотя многие сетуют, что там есть ошибки), а самое главное - с условием в текстовом формате.
И тут у меня родилась интересная мысль. Сделав по-быстрому бэкап этого сайта себе на хард я принялся ковыряться в HTML-тегах этих страниц. И честно говоря был очень огорчен. Страницы видимо создавались html-редактором а-ля MS Front Page и имели дикое количество ненужных тегов, соответственно и весили много. Но это уже мои заморочки, автору и на том спасибо, что условия в текст перегнал.

Реализация

Закинув задачи к себе на хост, принялся оптимизировать интерфейс. Главную страницу сделал максимально легкой и удобной для использования мобильными браузерами (IE, Opera Mobile, Net Front). Только текст и ничего более. На мой взгляд получилось очень оптимально.

Поиск

Но все же это дело не решало основной проблемы - поиска задач по условию. Поэтому, пришлось применить кое-какие знания php. Написал индексируемый поиск. Ищет он в своем индексном файле (что происходит раз в 40 быстрее, нежели бы он искал постранично), а результаты сортируются по релеватности.
В строке поиска настоятельно рекомендуется указывать ключевые слова без знаков препинания (в индексе знаки удаляются), и слова указывать наиболее уникальные на ваш взгляд.

Так что добро пожаловать: oniksfly.md8.ru/chertov.

IPB: регистрация и активации

Итак, проблемы с форумом perehvat.info кажется подошли к концу. Были решены проблема №1 и проблема №2.
Что касается темы "не приходит письмо активации": ползем на русскоязычный форум поддержки, там есть тема, как поправить email_class.php, чтобы все работало. Не очень понятно почему в ИПБ так сделали, но главное работает.

как выровнять DIV по центру

Очень часто возникает необходимость выровнять DIV-блок по центру по ширине или одновременно по ширине и высоте. Можно найти много разных вариантов, но почти все они не кроссбраузерные. Я предлагаю вам действительно кроссбраузерный способ выравнивания DIV-блока по ширине и по высоте, который будет работать под IE6+, Firfex 2+, Safari 3+ и Chrome. Наверняка будет работать где-нибудь еще, но мне нечем проверить.

Итак, берем пример, который покажет нам, как выровнять DIV-блок по центру по высоте и по ширине:

#ID_NAME {
   position: absolute;
   top: 50%;
   left: 50%;
   width: Xpx;
   height: Ypx;
   margin-left: -(X/2)px;
   margin-top: -(Y/2)px;
}

где X и Y - ширина и высота DIV-блока. Т.е. если у вас width 600px, то в margin-left вы должны написать -300px.

Единственный и весьма существенный недостаток — необходимо заранее знать размеры блока.

Посмотреть как это работает можно, например, здесь.

форум: ошибка №1

Форум perehvat.info. Ошибка номер раз.

Выявился баг с валидацией пользователя при помощи сообщения электронной почты. Это связано с проблемой функции phpmail() у нас на хостинге. Поэтому временно будут проблемы с регистрацией. Вернее регистрация будет проходить нормально, и Вы получите даже сообщение от форума:

Регистрация

Спасибо tester. Запрос на регистрацию пользователя принят.
На указанный вами при регистрации e-mail адрес отправлено письмо с инструкциями по активации вашей учетной записи.
Указанный вами e-mail: user@mail.ru

но сообщения с форума вы так и не получите и будите состоять в группе Неактивированные.

Я приношу извинения за неудобства, в скором времени постараюсь починить эту неисправность. Если кому-то срочно нужно что-то сообщить или скачать с форума - пишите на мыло () или стучите в асю(), активирую вручную.

Убедительная просьба: если Вы отправляете сообщение по электропочте, то указывайте в теме "Активация аккаунта форума perehvat.info" а в сообщении укажите Ваш логин.
Если Вы хотите отправить icq-сообщение, то будьте добры, начните его таким образом: "по поводу активации аккаунта форума perehvat.info ...." и в этом же сообщении укажите свой логин.

ПерехватЪ форум

В канун нового года решил порадовать пользователей ПО ПерехватЪ. После долгого состояния "оффлайн" и недоступности вцелом, наконец восстановил форум. Это было действительно очень сложно и очень долго, но я все же решил потратить ночь на ручной перенос БД MySQL, объемом 20 Мб потаблично (в некоторых случая даже реквесты приходилось разбивать), ибо, ясное дело phpMyAdmin ни конм образом не хотел кушать двадцатиметровый файлик. Это был поистине адский труд.
Знаете, на самом деле есть большая проблема даже открытия текстового файла объемом 20 мб. Если даже открыли - то работать с ним почти невозможно. И ни то что блокнот, даже Bred и PSPad не справляются с этой задачей. Благо есть замечательный Notepad ++ который не испугался жалкого backup.sql
Ну все же я сделал это и выполнил задачу полностью: сохранил посты, сохранил аккаунты. Так же почистил форум от левых регистраций. Итого удалил около 1600 аккаунтов.

Если перед кем-то встанет задача переносить IPB форум с одного хоста на другой, то обязательно сделайте следующее:

• очистите кэш шаблонов
  
• очистите лог посещений поисковых ботов
• пересчитайте все суммы форума

и я вам обещаю, что это уменьшит размер бэкапа бд форума как минимум на 1/3.
Послесловие. С Новым 2008 Годом всех! Пусть будущий год будет лучше, чем нынешний.

perehvat.info - возраждение. часть первая

Наконец-то после переезда на новый хостинг дошли руки и до перехвата.
Постепенно начинаю восстанавливать сайт. Сейчас он уже более-менее функционален, позволяет скачивать саму программу, драйвера, модули.
Восстановлен раздел "новости" - теперь последние новости (топ-5, заголовки) отображаются на каждой странице, обновлен блок "Команда" - ясно кто за что отвечает и к кому обратиться с конкретным вопросом.

Что касается дальнейших изменений: первоочередной задачей по этому проекту я считаю восстановление форума (на сегодняшний момент есть временный форум - perehvat.forum24.ru, но это не очень удобно) и добавление кое-каких абсолютно новых разделов на сайте.

P.S. От Алексея (gonzales) всем готовится Новогодний подарок в виде новой версии программы. В ней будет очень много всяких полезностей и нововведений.

Как объяснить инопланетянину по радио, что такое левое и правое?

На самом деле к этому вопросу подойти можно очень двояка: издревне известно, что право там, где правая рука.
Отсюда и начинается наша логическая цепочка: как бы нам помочь инопланетянину определить, где у него правая рука? (учтите, мы берем во внимание, что наш инопланетный друг - гуманоид, и у него парные верхние и нижние конечности, иначе мы не сможем дать четкого определения для него, где право и где лево)

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

Передав эту информацию инопланетянину по радио, мы уменьшим степень неопределенности ровно в 2 раза.

PS. таким образом, мы доказали, что у гугла приоритет по поиску идет прежде всего на свои ресурсы, что в принципе и логично.

primatko.org.ru - еще один проект готов

Недавно завершил работу над узконаправленным образовательным проектом.
Проект состоит из КМС и форума, которые интегрированы бриджом. Как всегда интеграция не прошла безболезненно, но как уж есть - проект-то ни разу не денежный :)

Проект делал для студентов МИРЭА, в частности с факультета Кибернетики, специальности прикладная математика.

Ну чтобы учиться было легче)

P. S. За окончанием оьучения на этой стадии проект был свернут.

Мисс МИРЭА -2007 (мымра)

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

не надо говорить что в осле строка разъезжается - идекс

что касается мелких недоработок в плане шаблона - девочки