Разработка WEB-представительства банка ОАО "Собинбанк"

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

Фактически эти три критерия (цена/объем дискового пространства/поддержка скриптов) и есть тот базис, который предопределяет выбор пользователя в пользу той или иной компании, предоставляющей услуги хостинга. Остальные «навороты» уже играют более подчиненную роль. Хотя, например, неограниченный трафик тоже избавит пользователя от лишней головной боли. Ну и различные прочие «бонусы» (как например, скидки при заказе хостинга на год, бесплатный домен, партнерские программы и прочие маркетинговые акции) тоже нельзя не учитывать.

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

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

В администрировании будут содержаться основные настройки WEB-представительства:

· общие настройки WEB-представительства: название, адрес, телефон, e-mail адрес филиалов и т.д;

· настройки формы регистрации клиента на WEB-представительстве;

· настройки логов, файлов, куда будет записываться служебная информация;

· настройки формата вывода информации на WEB-представительстве. Вы можете настроить формат вывода информации по своему желанию;

· всевозможные настройки информации т.е. добавление, удаление, редактирование услуг и категорий и т.д.;

· настройки различных модулей;

· управление запросами и калькулятором;

· добавление, удаление, изменений курсов валют;

· статистические отчёты о работе WEB-представительства;

· важные инструменты для работы WEB-представительства. Такие как резервное копирование базы данных, поисковые запросы и т.д.

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

Проанализировав работу уже работающих WEB-представительств, был сделан вывод о том, что обязательно будет реализовано в проекте.

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

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

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

О той или иной услуге зарегистрированный пользователь сможет оставить отзыв.

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

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

Обратной, невидимой клиенту, стороной WEB-представительства является система управления. Вход в систему администрирования осуществляется только после ввод администратором логина и пароля (логин и пароль администратор может менять). Администратор будет иметь возможность полностью управлять содержимым WEB-представительства:

· добавлять или удалять услуги, описания к ним, изменять информацию о них, условия предоставления;

· редактировать разделы банка (новости, статьи, вопросы и ответы, отзывы и вопросы и пр.);

· редактировать специальные разделы банка (новинки, специальные предложения, услуги дня);

· редактировать контактную информацию WEB-представительства;

· редактировать содержание заголовков и текстов писем, отправляемых клиентам при регистрации и покупке товара;

· составлять и рассылать письма с новостями банка подписчикам;

· изменять курс валюты на главной странице WEB-представительства.

2.2 План разработки и сопровождения WEB-представительства

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

В данном разделе рассмотрим план разработки и сопровождения WEB-представительства: концепция, логическая структура, оформление страниц, проектирование страниц, сборка сайта, тестирование, публикация, поддержка сайта, раскрутка [2].

1. Концепция

Цели и задачи. Нужно точно определить назначение сайта - от этого будут зависеть многие параметры сайта (например, стиль оформления). Это определит наши затраты (время и усилия).

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

2. Логическая структура

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

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

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

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

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

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

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

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

Система имен файлов. Лучше сделать имена файлов осмысленными.

Особенности файловых систем. Следует учитывать некоторые ограничения в названиях файлов для совместимости со всеми операционными системами. В названиях файлов лучше использовать только буквы, цифры и простые знаки: минус «-», подчеркивание «_». Многие другие спецсимволы имеют особое значение в различных ОС и в протоколе HTTP (например, знак плюс «+»). По возможности (если это не ущемляет наших потребностей) следует ограничиться форматом имен в стиле DOS, то есть, 8 символов имени и 3 символа в расширении. Это обеспечит полную совместимость со всеми программами (в частности, со старыми архиваторами).

3. Оформление страниц

Макетирование на бумаге. Как и в любом другом случае (проектирования чего-либо) следует «первые штрихи» сделать на бумаге. Web-страница внешне очень похожа на журнал, поэтому до того как садиться за компьютер (и запускать графический редактор) следует сделать макет оформление на бумаге.

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

Компоненты оформления. Реализуя возникшую у нас идею (которую мы зафиксировали в виде набросков) нужно рассмотреть по нескольким пунктам:

· Композиция. Иными словами, компоновка - общий вид страницы. Что, где и как. Это соотношение между различными объектами, их позиции. Нужно учесть, что на странице будут некоторые служебные компоненты: элементы навигации/субнавигации, рекламные баннеры, выбор кодировки, формы для взаимодействия с пользователем, надписи (последнее обновление, copyright и т.д.) - все это каким-то образом должно уложиться в общую композицию страницы.

· Цветовая гамма. Нужно определиться с цветами. Выбор цветов зависит, наверно, от личных предпочтений, концепции сайта.

· Графика. Использование графики должно быть оправданным.

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

4. Проектирование страниц

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

· Реализация композиции. Задуманная нами композиция реализуется средствами языка HTML. Внутреннее устройство композиции может быть выполнено различными методами.

· Навигация и субнавигация. Элементы навигации (ссылки) должны быть органично вплетены в оформление страницы. Субнавигация - это навигация в пределах одной страницы, ссылки на начало/конец страницы, на какие-либо места/пункты.

· Стилевые таблицы. Это не обязательно, но очень удобно для создания единого стиля оформления (в основном текста). К тому же, технология Cascading Style Sheets практически полностью поддерживается современными браузерами.

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

5. Сборка сайта

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

Размножение и заполнение страниц.

Метод шаблонов. Имея шаблон типовой страницы (страницу без полезных данных) копировать его и заполнять копии информацией, внося необходимые изменения. Эти шаблоны (заготовки) типовых страниц следует хранить для последующих дополнений сайта.

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

Согласование ссылок. Это процесс реализации логической структуры сайта через навигационные средства страниц. Короче - проверка правильности ссылок на страницах.

6. Тестирование

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

· Орфография и правописание. Опечатки - это самые глупые ошибки. Чтобы обезопасить страницу от грамматических ошибок нужно после перечитывания текста скопировать его в какой-нибудь текстовый редактор с проверкой русской орфографии (например, Microsoft Word) и запустить проверку.

· Удобочитаемость и доступность. Оформление сайта должно повышать удобство и доступность предлагаемой информации, иначе такое оформление просто бессмысленно (даже если оно очень красивое и оригинальное). Главная функция сайта - предоставление информации и получение ее от пользователя.

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

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

7. Публикация:

· провайдер, его условия и ограничения;

· сервер - хост, его параметры, кодировки русского;

· способ закачки файлов, программы.

8. Поддержка сайта:

· модификация, изменение частей сайта, полная переработка сайта;

· повторное тестирование;

· обновление, публикация обновленных частей сайта.

9. Раскрутка:

· реклама;

· баннерные сети;

· счетчики посещений;

· статистика;

· индексация и регистрация в поисковых системах;

· требования к сайту;

· сайт должен обеспечивать доступность информации, это его главная функция;

· удобство навигации, субнавигации;

· осмысленность оформления (должно помогать, а не мешать);

· быстрота загрузки.

Данный план и учет применяться при разработке WEB-представительства.

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

На различных этапах жизненного цикла различные риски могут реализовываться по-разному.

1. Предпроектная стадия.

· Риск персонала со стороны заказчика и исполнителя.

· Риск неполноты сбора информации

2. Проектирование.

· Риск принятия неверных проектных решений

· Риск неверного планирования.

· Стоимостной риск.

· Форс - мажор

3. Разработка.

· Риск персонала.

· Технический риск

4. Внедрение.

· Риск персонала.

· Технический и программный риск

5. Эксплуатация и сопровождение.

· Технические риски.

· Риск персонала.

Переходим к следующему разделу для рассмотрения технического задания на создание, без которого не обходится проектирование WEB-представительства.

2.3 Техническое задание на создание WEB-представительства

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

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

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

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

Техническое задание - это не только руководство к действию, это документ, на основе которого Заказчик оценивает качество готового продукта. ТЗ является неотъемлемой частью Договора на разработку сайта.

На его основе оформляется акт сдачи-приемки принимаются или отклоняются претензии Заказчика к качеству работы Исполнителя, оплачивается готовая работа.

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

Даже если мы нашли прототип для своего сайта и хотите, чтобы нам сделали точно такой же, постарайтесь описать, как работает такой сайт.

Техническое задание на разработку сайта туристической фирмы.

1. Имя сайта

www.sobinbank.ru

Если домен sobinbank.ru будет занят, возможна замена имени на одно из следующих:

· romashka.ru

· na-romashku.ru

· gde-romashka.ru

· romashek.net

2. Название сайта

Сайт ОАО «Cобинбанк». Далее - Банк.

3. Цель создания сайта

Представление Банка в Интернете: информация о Банке, история банка, партнёры банка, Клиенты банка, информацию об оказываемых услугах, справочная информация, советы клиентам, курсы валют, сведения о странах, сопроводительные графические рисунки, юридический адрес, почтовый адрес, схема проезда, контактная информация, банковские реквизиты.

Сайт должен способствовать привлечению клиентов и деловых партнеров банка (зарубежные и отечественные).

4. Язык сайта

Русский.

5. Объём и состав текстовой информации

Информация предоставляется заказчиком.

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

6. Основные ключевые слова

Слова, по которым сайт должны находить по запросам в поисковых системах и Интернет-каталогах.

· Собинбанк

· Кредиты

· Вклады

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

7. Объём и состав графической информации

Согласно приложениям.

8. Предполагаемая возрастная аудитория сайта

От 18 лет и старше.

9. Структура сайта

Сайт должен содержать следующие страницы:

§ «О банке» (домашняя) страница

· Реквизиты

· Вакансии

· Акции

· Новости

· Контакты

· Схема проезда

§ «Частным клиентам»

· Вклады

· Кредиты

· Пластиковые карты

· Денежные переводы

· Валютно-обменные операции

· Тарифы

§ «Корпоративным клиентам»

· Расчетно-кассовое обслуживание

· Карточные продукты

· Документарные операции

· Кредитование и финансирование бизнеса

· Размещение денежных средств

· Операции с ценными бумагами

· Тарифы

§ «Интернет заявка»

§ «Кредиты»

· Автокредиты

· Ипотека

§ «Калькуляторы»

· Автокредиты

· Вклады

§ «Контакты»

Количество страниц сайта определяется разработчиком самостоятельно, исходя из объёма представленных материалов.

10. Кнопки управления

Определяются разработчиком самостоятельно.

С каждой страницы сайта должен быть обеспечен переход (установлена гиперссылка) на главную страницу сайта.

11. Объём сайта, Мб

Не оговаривается.

12. Оформление рисунков

Рисунки размером более 300 Кб должны быть выполнены с предпросмотром. Формат рисунков jpg (jpeg).

13. Цветовая палитра сайта

Определяются разработчиком самостоятельно.

14. Общий фон сайта

Общий фон сайта бело - зеленый. Допускается использование светлого фонового рисунка.

15. Размер и вид шрифта сайта

Размер шрифта сайта должен быть в пределах 10-12 для оформления текста.

Размер шрифта для оформления заголовков, названия страниц и т.д. не оговаривается.

Вид (название) шрифта не оговаривается.

Регистрация сайта в каталогах, рейтингах оговаривается дополнительно.

16. Проведение рекламной кампании по раскрутке сайта

Раскрутка сайта определяется отдельным техническим заданием «ТЗ». В настоящем ТЗ раскрутка сайта не оговаривается и не входит в состав выполняемых работ (услуг).

17. Срок разработки сайта

Три недели со дня зачисления 100% предоплаты на расчётный счёт разработчика.

18. Порядок передачи сайта

Разработчик размещает сайт на демонстрационном домене для демонстрации работоспособности.

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

19. Сопровождение сайта

Дальнейшим сопровождением сайта (обновлением) занимается разработчик.

20. Дополнительные условия

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

Теперь можем рассмотреть все инструменты которые нам понадобятся при проектировании WEB-представительства. Сделаем это в следующем разделе.

2.4 Выбор инструментальных средств создания WEB- представительства

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

· на программы-редакторы, которые требуют профессиональных знаний в области сайтостроения, и предназначены они для профессионалов;

· программы конструкторы сайтов, которые предназначены для более широкого круга пользователей, которые особо не разбираются в тонкостях сайтостроения;

Для примера среди редакторов можно выделить Macromedia Dreamweaver, а среди конструкторов, программу для создания сайта Joomla.

Из всех профессиональных программ для создания сайта наибольшее распостранение среди веб мастеров получила программа Macromedia Dreamweaver.

Для работы с этой программой требуются некоторые специальные знания в области сайтостроения. Нужно знать что такое HTML-код и разбираться в нём. Нужно уметь пользоваться таблицами CSS стилей. Да и саму программу необходимо достаточно хорошо изучить. Только в этом случае можно будет полностью использовать все её возможности. Программа Macromedia Dreamweaver в основном предназнаенна для тех кто проффесионально занимается созданием сайтов. Для тех же кто ни когда ни чем подобным не занимался, а сделать сайт очень хочется, следует обратить внимание на конструкторы сайтов. Например Joomla.

Программы для создания сайтов зачастую ищут многие веб-мастера для того, чтобы автоматизировать процесс создания сайтов. Программ создания сайтов существует много, но есть свои фавориты, а именно - Macromedia Dreamwaver, HomeSite, среды разработки на основе различных языков программирования, таких как PHP Eclipse, PSPad и многие другие. Основные особенности программ создания сайтов, это визуализация и отладка процесса и результатов программирования. Пользователю предоставляется мощный инструментарий, для удобного набора команд, кодов, проверки синтаксиса, отладки, выравнивания структуры кода и его подсветки.

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

PHP программисты часто используют такие программы создания сайтов:

· PHP Expert Editor. Простой в использовании PHP редактор, разработанный специально для PHP мастеров. PHP Expert Editor имеет встроенный HTTP сервер и отладчик для запуска и отладки PHP скриптов (Вы можете использовать любой внешний HTTP сервер), проверка синтаксиса PHP, встроенный браузер, FTP клиент, файл эксплорер, настраиваемые шаблоны кода, три режима подсветки кода (PHP & HTML, HTML only, PHP only), функции быстрой навигации в PHP коде и многое другое [7].

· Notepad ++ это бесплатный редактор текстовых файлов (замена стандартного Блокнота) с поддержкой синтаксиса большого количества языков программирования, ориентирован для работы в операционной системе MS Windows.

Этот проект базируется на компоненте Scintilla (очень мощном компоненте для редактирования) написанном на C++ с использованием только Win32 API и STL (что гарантирует максимальную скорость выполнения при минимальном размере программы), распространяется под лицензией GPL.

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

· Php eclipse - свободный фреймворк для разработки модульных кроссплатформенных приложений. Разрабатывается и поддерживается Eclipse Foundation. Наиболее известные приложения на основе Eclipse Platform - различные «Eclipse IDE» для разработки ПО на множестве языков (например, наиболее популярный «Java IDE», поддерживавшийся изначально, не полагается на какие-либо закрытые расширения, использует стандартный открытый API для доступа к Eclipse Platform) [8].

· PsPad - бесплатный текстовый редактор и редактор исходных текстов программ для операционной системы Windows

· DZSoft Perl Editor - инструмент для записи, редактирования, и отладки Perl-скриптов с удобным и инутитивно понятным интерфейсом. Основные возможности: настраиваемая подсветка синтаксиса, проводник кода, закладки, проверка кода, полное моделирование сервера, выполнение скрипта с отображением результата в браузере, настройка переменных сред и входных данных, загрузка по FTP скрипта на сервер. Без регистрации работает с первыми 120 строками кода.

HTML кодеры используют в основном следующие программы для создания сайтов:

· Microsoft FrontPage - редактор HTML, входящий в состав пакета приложений Microsoft Office. Данное приложение при разработке страниц веб-узла пользуется движком Internet Explorer (Trident). В браузерах, использующих другие движки (например, Gecko), страницы, созданные с помощью FrontPage могут отображаться по-другому. Тем не менее, при правильном использовании режимов совместимости, FrontPage позволяет создавать сайты, отображающиеся одинаково в любом браузере.

Программа обладает широким спектром возможностей, в частности, может автоматически отправлять изменения, внесённые разработчиком сайта в исходные тексты, в режиме реального времени. В Microsoft Office 2007 программа FrontPage была заменена на SharePoint Designer и Microsoft Expression Web [14].

Adobe Dreamweaver (в пер. «ткач мечты», «мечтаплёт» или «плетельщик мечты») - HTML-редактор. Разработан и поддерживался компанией Macromedia в версиях до 8-й (2005 год). Следующие версии (начиная с Dreamweaver CS3 (2007)) выпускает Adobe. Богатый инструментарий, открытость приложения для всевозможных настроек, удобный интерфейс и другие особенности сделали Dreamweaver одним из наиболее популярных HTML-редакторов в мире. Недостатком считается добавление «лишнего» кода. Для некоторых версий Dreamweaver силами энтузиастов выполнялись переводы справочных систем на русский язык [3].

Заметную популярность программа получила начиная с версии MX, выпущенной компанией Macromedia в 2002 году. До этого момента были выпущены версии 1-4, версию 5 компания пропустила. 7-я версия программы получила название Dreamweaver MX 2004, а затем в 2005 году была выпущена Dreamweaver 8. 20 апреля 2007 уже компания Adobe выпустила более свежую версию под названием Dreamweaver CS3.

На сегодняшний момент последней версией является Dreamweaver CS4.

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

Adobe Photoshop - растровый графический редактор, разработанный и распространяемый фирмой Adobe Systems. Этот продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Adobe. Часто эту программу называют просто Photoshop (Фотошоп). В настоящее время Photoshop доступен на платформах Mac OS X/Mac OS и Microsoft Windows. Ранние версии редактора были портированы под SGI IRIX, но официальная поддержка была прекращена начиная с третьей версии продукта. Для версии CS 2 возможен запуск под Linux с помощью альтернативы Windows API -- Wine 0.9.54 и выше.

Несмотря на то, что изначально программа была разработана для редактирования изображений для печати на бумаге (прежде всего, для полиграфии), в данное время она широко используется в веб-дизайне. В более ранней версии была включена специальная программа для этих целей - Adobe ImageReady, которая была исключена из версии CS3 за счёт интеграции её функций в сам Photoshop, а также включения в линейку программных продуктов Adobe Fireworks, перешедшего в собственность Adobe после приобретения компании Macromedia [16].

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

Adobe Flash позволяет работать с векторной, растровой, ограниченно и с трёхмерной графикой, а также поддерживает двунаправленную потоковую трансляцию аудио и видео. Для КПК и других мобильных устройств выпущена специальная "облегчённая" версия платформы Flash Lite, чья функциональность ограничена в расчёте на возможности мобильных операционных систем и их аппаратных показателей.

В качестве основных средств разработки используются проприетарные пакеты Adobe Flash Professional и Adobe Flash Builder 4 (бывш. Adobe Flex Builder), позволяющие создавать интерактивные приложения (в том числе, веб-приложения, игры и мультфильмы).

Стандартным расширением для скомпилированных Flash-файлов (анимации, игр и интерактивных приложений) является.SWF [1] ((Shockwave Flash) или Small Web Format). Видеоролики в формате Flash представляют собой файлы с расширением FLV (при этом Flash в данном случае используется только как контейнер для видеозаписи [2]). Расширение FLA соответствует формату рабочих файлов в среде разработки.

Flash-контент воспроизводится с помощью целого ряда программных средств, но доминирующее положение на рынке занимает официальный проприетарный Adobe Flash Player, распространяемый в качестве бесплатного плагина для большинства современных браузеров. Также SWF-файлы можно просматривать с помощью различных свободных плееров, например, Gnash или swfdec. FLV-файлы воспроизводятся через Adobe Flash Player или через мультимедийные проигрыватели, такие как Quicktime и Windows Media Player, при наличии соответствующих плагинов.NT.

При раскрутке сайтов обычно используют следующие программы:

· Axandra Internet Business Promoter;

· Net Promoter;

· Web сервисы;

· Page Promoter;

· SEmonitor;

· Allsubmitter.

Adobe Dreamweaver (в переводе «ткач мечты», «мечтаплёт» или «плетельщик мечты») - HTML-редактор. Разработан и поддерживался компанией Macromedia в версиях до 8-й (2005 год). Следующие версии (начиная с Dreamweaver CS3 (2007)) выпускает Adobe. Богатый инструментарий, открытость приложения для всевозможных настроек, удобный интерфейс и другие особенности сделали Dreamweaver одним из наиболее популярных HTML-редакторов в мире. Недостатком считается добавление «лишнего» кода. Для некоторых версий Dreamweaver силами энтузиастов выполнялись переводы справочных систем на русский язык [3].

2.5 Описание функциональности WEB- представительства

В данном разделе рассмотрены: функционал и получившийся дизайн WEB-представительства. Логотип банка решено было сильно не изменять и оставить похожим. Его мы можем увидеть на рисунке 3.

Рис. 3. Логотип

Зайдя на сайт нашего банка, мы попадаем на главную страницу сайта показанную в приложении 2 на рисунке 5.

На Главной странице мы можем так же получить информацию о расположении имеющихся у банка банкоматов, и адреса офисов расположенных в г. Омске, так же можем связаться с консультантами через ICQ, либо используя функции «Перезвоните мне», т.е. мы оставляем свою контактную информацию и консультанты перезванивают

С Главной страницы мы можем попасть на следующие интересующие нас страницы. Так как у нас сайт является информативным, да бы донести максимально актуальную информацию для клиентов, то в основном сайт содержит информативные разделы, приведем некоторые примеры показанные в приложении 2 на рисунке 6 и 7.

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

Переходим к следующему разделу, в котором опишем модули управления WEB - представительством.

2.6 Описание модулей системы управления WEB-представительства

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

К стандартным функциям системы управления контентом относят:

· управление сайтом;

· добавление информации;

· публикация;

· редактирование.

Управление сайтом осуществляется с помощью системы администрирования, являющейся составной частью системы управления контентом. Система администрирования включает в себя:

· управление профилями пользователей сайта. Позволяет разграничить доступ к информации, по категориям пользователей, установить запреты (разрешения), на пользование функциями сайта;

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

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

· управление резервными копиями документов. Системой должно быть предусмотрено создание резервных копий контента. При возникновении критических ошибок связанных с нарушением целостности БД, восстановление БД производиться посредством использования CУБД MySQL или другого средства.

Подготовка, размещение и редактирование информации осуществляется с помощью визуального редактора стандарта wysiwyg. Использование визуального редактора упрощает ввод и редактирование информации, делая работу пользователя независящей от знания языков программирования и HTML разметки. Исчезает необходимость «ручного» преобразования форматов данных в формат HTML, необходимый для размещения информации в Интернет.

Преобразование «сырой» информации в контент сайта реализовано по следующей схеме (см. рис. 4).

Рис. 4. Преобразование информации в контент сайта

«Сырые» данные, поступают на обработку контент-менеджеру. Контент-менеджер обрабатывает данные, подготавливает их к публикации, с помощью редактора. Добавление обработанной информации в БД осуществляется с помощью средств СMS.

Существует несколько видов классификации систем управления контеном:

· общая классификация;

· по схемам распространения;

· по типам управляемых данных.

Для обобщенной классификации используются следующие критерии:

· наличие различных функций, понятность и доступность пользователю;

· возможность функционирования системы на различных платформах, совместимость с базами данных, возможность подключения дополнительных модулей;

· технологичность - использование технологий, позволяющих повысить надежность и быстродействие системы;

· потенциал развития системы.

Простая CMS система. Система собирается из программных модулей, для каждой системы они свои. Модули единожды настраиваются разработчиком, чем жестко закрепляется структура проекта. Для дальнейшего изменения структуры сайта и его параметров требуется участие технического персонала. От пользователя системы требуется знание основ HTML.

Совместимость. Система совместима с определенными платформами и типами СУБД. Попытка внедрения дополнительных модулей, в зависимости от используемых технологий, может привести к полной переработке проекта.

Технологичность. Динамическое формирование страниц ограниченная пропускная способность - до 3000-5 000 посетителей в сутки. Система инсталлируется разработчиком.

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

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

Система совместима с определенными платформами и типами СУБД. Попытка внедрения дополнительных модулей, так же как и в предыдущем случае, ограничена.

Динамическое формирование страниц или с использованием кэширования данных. В зависимости от методов формирования страниц - от 5 000 до 50 000 посетителей в сутки. Инсталлируется разработчиком.

Усовершенствование достигается путём перевода сайта на новую, более сложную, версию системы управления контентом.

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

Совместимость с различными программно-аппаратными платформами.

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

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

Универсальная CMS система. Имеет продвинутые средства управления контентом, настройка функциональности системы, возможность переопределения атрибутов объектов сайта. Система предоставляет средства для разработки новых сервисов и возможностей.

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

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

Структура любой системы состоит из ядра и дополнительных модулей. Ядро и модули системы разрабатываются с использованием объектно-ориентированных языков программирования (PHP, Perl).

В зависимости от сложности системы управления контентом, выбираются средства разработки. Чем более система универсальна, тем сложнее ее структура, следовательно потребуются более высокоуровневые средства разработки. Системой управления контентом можно считать HTML-редактор (Macromedia HomeSite), конечно это очень ограниченная система управления контеном, которая требует от пользователя специальных навыков.

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

MySQL. Существуют два общепризнанных подхода к организации хранения информации. Использование реляционных баз данных и систем управления БД (СУБД), а также использование БД основанных на файловой системе.

Преимущества использования реляционных баз данных и СУБД.

· Надежность.

· Высокая скорость работы.

· Резервное копирование.

· Возможность доступа неограниченного числа пользователей к БД.

· Возможность сортировки, поиска данных. Выбор СУБД, для проектирования CMS не представляет собой сложную задачу. Хорошо зарекомендовавшая себя система управления базами данных MySQL является самой распространенной и удобной системой для проектирования Web-приложений.

MySQL является наиболее приспособленной для применения в среде Web. Не секрет, что для исполнения приложений клиента на большинстве хостинг-площадок провайдеры предоставляют небольшое количество ресурсов (как вычислительных, так и дисковых). Поэтому для данного применения необходима высокоэффективная СУБД, обладающая при этом высокой надежностью (большинство Web-приложений и сайтов должны работать в режиме 24/7).

Основные преимущества СУБД MySQL.

· Многопоточность, поддержка нескольких одновременных запросов.

· Оптимизация связей с присоединением многих данных за один проход.

· Записи фиксированной и переменной длины.

· Наличие ODBC драйвера.

· Гибкая система привилегий и паролей.

· Гибкая поддержка форматов чисел, строк переменной длины и меток времени.

· Интерфейс позволяющий работать с языком PHP.

· Высокая скорость работы, масштабируемость.

· Совместимость с ANSI SQL.

· Бесплатна в большинстве случаев.

· Поддержка со стороны провайдеров услуг хостинга.

· Быстрая поддержка транзакций через механизм InnoDB.

По всем этим причинам MySQL стала незыблемым стандартом в области СУБД для Web, а теперь в ней развиваются возможности для использования ее в любых критичных бизнес-приложениях, то есть, система конкурирует на равных с такими СУБД таких производителей, как Oracle, IBM, Microsoft и Sybase.

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

Для сравнения были выбраны следующие параметры:

· цена;

· общий уровень возможностей;

· уровень юзабилити (usability);

· уровень контроля через Web-интерфейс;

· скорость работы;

· необходимость работы технических специалистов;

· необходимость первоначальной настройки и дизайна сайта.

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

Переходим теперь к важному разделу - информационная безопасность.

2.6 Информационная безопасность

К безопасности сайта можно отнести:

· отсутствие перебоев в его работе, устойчивость к перегрузкам;

· защищенность от взломов, вредоносных программ;

· затрудненность несанкционированного доступа к служебным, закрытым разделам сайта;

· сохранность находящейся на сайте информации, баз данных и т.п.

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

Технические аспекты безопасности сайта:

· безопасность используемых на сайте скриптов, программ; Примечение: к авариям может привести использование как самодельных программ, написанных низкоквалифицированными программистами, так и стандартных распространенных скриптов, которые - несмотря на выход новых версий - на сайте обновляются не регулярно или не обновляются вообще. Например, на сайтах могут использоваться старые версии бесплатно распространяемых скриптов для Internet-форумов, устройство и уязвимость которых хорошо известны в среде хакеров.

· в некоторых случаях - использование защищенных протоколов передачи данных;

· безопасность, надежность хостинга, на котором размещен сайт; Примечание: все усилия по обеспечению стабильности работы сайта тщетны, если сервер хостинг-провайдера периодически «ложится».

· наличие в системе управления сайтом возможности "откатить", отменить внесенные изменения; восстановить случайно удаленную страницу и т.п.;

· регулярное резервное копирование;

· наличие «зеркал» сайта и т.д.

Нетехнические аспекты безопасности сайта (человеческий фактор):

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

· запрет на хранение паролей на компьютере, подключенном к Internet (за паролями могут охотиться различные "троянские" программы);

· разделение прав доступа Сотрудников, работающих с сайтом (например, редактор новостей имеет доступ только к редактированию раздела "Новости", но не других разделов сайта);

· установка на компьютеры всех Cотрудников компании (в том числе домашние) последних версий антивирусных программ, «фаерволов» - фильтров поступающей из сети на компьютер информации и т.д.

Существует услуга - аудит безопасности сайта, когда проверкой безопасности сайта занимается независимый эксперт.

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

Основные типы атак на информационные ресурсы через Интернет осуществляются по следующим направлениям:

Механизмы защиты от атак

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

· привлечение серьезных технических специалистов и специалистов в области информационной безопасности для наиболее сложных работ (выбор систем защиты, их настройка, информационное сопровождение, анализ статистики при взломе);

· использование по возможности более широкого канала связи с провайдером;

· использование "серьезного" провайдера, с хорошими каналами

( желательно несколькими), грамотно и быстро отвечающими на запрос о помощи администраторами;

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

· использование квалифицированного системного администратора, желательно подчиняющегося службе безопасности;

· наличие межсетевого экрана достаточной производительности и хорошими техническими характеристиками.

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

· оснастите свой компьютер современными антивирусными программами, например Aidstest, Doctor Web, и постоянно возобновляйте их версии;

· перед считыванием с дискет информации, записанной на других компьютерах, всегда проверяйте эти дискеты на наличие вирусов, запуская антивирусные программы своего компьютера;

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

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

· всегда защищайте свои дискеты от записи при работе на других компьютерах, если на них не будет производиться запись информации;

· обязательно делайте архивные копии на дискетах ценной для вас информации;

· используйте антивирусные программы для входного контроля всех исполняемых файлов, получаемых из компьютерных сетей;

· для обеспечения большей безопасности применения Aidstest и Doctor Web необходимо сочетать с повседневным использованием ревизора диска Adinf.

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

администрирование представительство сайт банк

ГЛАВА 3. ЭКОНОМИЧЕСКАЯ ЭФФЕКТИВНОСТЬ ПРОЕКТА

Для расчета затрат на разработку WEB-представительства следует учесть следующие статьи расходов:

· основная заработная плата исполнителей;

· дополнительная заработная плата исполнителей;

· отчисления на социальные нужды;

· расходы по отладке программ;

· накладные расходы.

Основная заработная плата разработчиков рассчитывается исходя из трудоемкости работ, выполняемых специалистом i-й квалификации при разработке программного продукта (t_i) и действующей на предприятии системы должностных окладов (З_i) (см. формулу 1)

C_осн= У З_i t_i, (1)

Заработная плата разработчика составляет 11000 руб.

t_п = 1082 / (22 • 8) = 6,15(чел-мес);

Зарплата разработчиков составит:

С_осн = 6,15•11000 = 67650 руб.

Итого расходы на основную заработную плату составляют 67650 руб.

Общая сумма отчислений на социальные нужды составляет 26 % от суммы основной заработной платы и дополнительной (см. формулу 2)