Разработка интернет-сайта банковского учреждения ООО «ХКФ БАНК»

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА ДИПЛОМНЫЙ ПРОЕКТ НА ТЕМУ:

Разработка интернет — сайта банковского учреждения ООО «ХКФ БАНК»

Введение

I.Специальная часть

1.Постановка задачи

2.Формалицация

3.Описание среды программирования

3.1 Требования к техническому обеспечению

3.2 Требования к программному обеспечению

4. Методика разработки проекта

4.1 Алгоритмизация задачи

4.1.1 Описание алгоритма

4.1.2 Структурная схема

4.2 Программирование

4.3 Аномалии и защитное программирование

4.4 Тестирование и отладка

5. Анализ результатов решения

6. Инструкция пользователю

II .Экономическая часть

Заключение

Литература

Приложение

Введение

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

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

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

Веб — сайт способствует привлечению новых клиентов, а так же призван снизить нагрузку на работников фирмы OOO «ХКФ Банк» в чьи задачи входит проведение консультаций по телефону.

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

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

I.Специальная часть

1.Постановка задачи Цель дипломного проекта разработка Веб — сайт, с помощью которого появится возможность эффективного распространения информации об услугах фирмы ООО «ХКФ Банк», привлечения новых потенциальных клиентов.

Сайт должен отвечать следующим требованиям:

Внешнее оформление должно быть выполнено в классическом стиле.

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

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

Информация должна быть распределена по разделам, интерфейс сайта отвечать стандарту ISO 14 915−1.

Пользователь должен получить интересующую его информацию за минимальное число обращений.

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

Реализация проекта выполняется в несколько этапов:

Предварительные исследования;

Разработка технического задания;

Создание концепции дизайна сайта;

Программирование создание сайта;

Тестирование;

Устранение недостатков;

Сдача проекта заказчику.

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

Уточнение целей и задач;

Изучение бизнеса клиента, определение и анализ целевой аудитории;

Анализ решений использованных конкурентами;

Составление календарного плана работ;

Формирование бюджета и рабочей группы;

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

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

3.Описание среды программирования Всемирная паутина World Wide Web (WWW) состоит из Web-страниц, которые создаются с помощью языка разметки гипертекста HTML (HyperText Markup Language). Хотя многие говорят о программировании на этом языке, HTML вовсе не является языком программирования в традиционном понимании. HTML — язык разметки документа. При разработке HTML-документа выполняется разметка текстового документа точно так же, как это делает редактор при помощи красного карандаша. Эти пометки служат для указания формы представления информации, содержащейся в документе.

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

Специальные программы просмотра HTML-документов, которые часто называют браузерами, служат для интерпретации файлов, размеченных по правилам языка HTML, форматирования их в виде Web-страниц и отображении их содержимого на экране компьютера пользователя. Существует большое количество программ-браузеров, разработанных различными компаниями, однако, на сегодняшний день из всего разнообразия программ явно выделяются две программы-лидера — Netscape Communicator и Microsoft Internet Explorer.

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

3.1 Требования к техническому обеспечению Данный проект проектировался и тестировался на компьютере с процессором Intel Pentium III (1.6 GHz), объём ОЗУ DDR 512 МБ, 80 ГБ HDD, видеокарта GeForce 256 МБ.

3.2 Требования к программному обеспечению Операционная система: 32 — разрядная, семейства MS Windows XP, с поддержкой сетевых протоколов TCP /IP. Интернет — обозреватели для предварительного тестирования на совместимость с разными браузерами: Internet Explorer v.8.0.6, Opera v.9.64, Mazilla Firefox 3.0.7.

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

В качестве редактора для программного HTML-кода использовался редактор PHP Expert Editor v.4.2.

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

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

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

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

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

Особенностью данного этапа разработки является активное использование опыта других разработчиков. Для этого была использована информация, а также готовые демонстрационные программные компоненты, полученные из сети Интернет, путем поиска нужной информации на сайтах разработчиков любителей и разработчиков профессионалов. Далее была также проведена селекция полученных данных и отборка наиболее подходящих из них, после этого, были внимательно изучены методы и принципы, лежащие в основе программных компонентов созданными независимыми разработчиками. После детального изучения принципов работы и применяемых методик программирования, были созданы программные шаблоны, и процедуры для сборки рабочей части программного «движка» Веб — сайта. Далее следует этап разработки, в ходе которого производится тестирование и отладка отдельных программных компонентов и блоков, предназначенных для сборки готового проекта Веб — сайта.

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

4.1 Алгоритмизация задачи Основной задачей при создании и разработки рабочей части проекта является создание полноценного функционирующего программного кода с внешней графической надстройкой (интерфейсом пользователя). Данная задача подразделяется на несколько этапов:

Создание функционального HTML кода для отображения внешних форм и элементов управления.

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

Проще говоря, алгоритмизация задачи сводится к решению двух основных задач:

— Разработка функционального внешнего интерфейса пользователя, на языке HTML

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

4.1.1 Описание алгоритма В развернутом, подробном виде алгоритм задачи представляет собой следующее:

1.Создание шаблона внешнего интерфейса с применением технологии HTML, разработка дизайна визуальных компонентов: внешний вид Интернет — странички, активная анимация, элементы управления.

2.Создание процедур защиты от несанкционированного доступа и несанкционированной регистрации.

3.Создание программного ASP модуля Интернет форума.

4.Создание обработчика всех возможных ошибок.

5.Тестирование и отладка.

Структурная схема Рисунок 2.1

Создание дизайна — это креативная идея, разработка основной графической концепции дизайна сайта на примере главной страницы. Адаптация элементов фирменного стиля клиента для сайта.

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

Тестирование работоспособности сайта на наличие ошибок, тестирование страниц на корректность работы в различных браузерах (Internet Explorer, Opera,);

Организация работ по размещению проекта в сети Интернет на домене клиента. Финальное тестирование проекта.

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

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

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

Примечание: страницы имеют совершенно идентичный программный код, а отличаются лишь текстовым содержанием по тематике страницы, поэтому при описании программного кода можно ограничиться описанием лишь одного файла index. html

4.3 Аномалии и защитное программирование

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

С точки зрения ISO 9126, Качество (программных средств) можно определить как совокупную характеристику исследуемого ПО, с учётом следующих составляющих:

*надёжность;

*сопровождаемость;

*практичность;

*эффективность;

*мобильность;

*функциональность.

Более полный список атрибутов и критериев можно найти в самом стандарте ISO 9126 Международной организации по стандартизации. Состав и содержание документации, сопутствующей процессу тестирования, определяется стандартом IEEE 829−1998 Standard for Software Test Documentation.

Уровни тестирования:

модульное тестирование (юнит — тестирование) — тестируется минимально возможный для тестирования компонент, например, отдельный класс или функция;

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

системное тестирование — тестируется интегрированная система на её соответствие исходным требованиям

альфа-тестирование — имитация реальной работы с системой штатными разработчиками, либо реальная работа с системой потенциальными пользователям заказчиком на стороне разработчика. Часто альфа-тестирование применяется для законченного продукта в качестве внутреннего приёмочного тестирования. Иногда альфа-тестирование выполняется под отладчиком или с использованием окружения, которое помогает быстро выявлять найденные ошибки. Обнаруженные ошибки могут быть переданы тестерам для дополнительного исследования в окружении, подобном тому, в котором будет использоваться ПО.

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

Тестирование «белого ящика» и «чёрного ящика»

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

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

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

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

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

5. Анализ результатов решения После завершения работы над программой было еще раз произведено полное тестирование всей программы.

Все найденные ошибки были успешно устранены.

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

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

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

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

После загрузки Веб-сайта на экран выводится главная страница:

С данной страницы с помощью гиперссылок можно перейти на все страницы Веб — сайта:

1. Контакты.

На данной странице перечислены контакты, и график работы офисов банка.

2. Заявка на кредит.

Банковские продукты Авторизация администратора.

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

Просмотр информации о клиенте.

II .Экономическая часть Проект создания Интернет — сайта реализуется в том случае, если это экономически целесообразно. Для определения экономического эффекта, необходимо подсчитать:

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

стоимость обслуживания сайта;

возможные финансовые и рекламные дивиденды.

Далее будут проведены все необходимые расчеты и выкладки.

Расчет затрат на разработку.

Распределение трудоемкости по стадиям разработки приведено в таблице№ 1

Таблица№ 1

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

c = 0,6 — (коэффициент сложности программы) Коэффициент коррекции программы p — увеличение объема работ за счет внесения изменений в алгоритм или программу по результатам уточнения постановок (меняется от 0,1 до 0,5). С учетом того, что при разработке интернет-сайта я достаточно хорошо представляла себе конечный результат ПП, возьмем коэффициент равный 0,1

p = 0,1 — коэффициент коррекции программы в ходе разработки.

При расчете основной З/П следует учитывать следующие коэффициенты:

Коэффициент увеличения затрат труда, вследствие недостаточного описания задачи. В зависимости от сложности задачи принимается от 1 до 1,5. Так как задача была поставлена в общем виде, то b = 1,3.

Коэффициент квалификации разработчика k определяется в зависимости от стажа работы и составляет: для работающих до двух лет — 0,8; от трех лет до пяти лет — 1,0; от пяти до восьми — 1,2; свыше восьми лет -1,5. Поскольку стажа работы по специальности у меня нет, возьмем k= 0,8.

Расчёт фонда заработной платы разработчика с учётом всех выше перечисленных коэффициентов выводится по формуле:

З/Посн = з/п * c * (p+1) * b * k = (15 000 руб. * 0,6 * (0,1 + 1) * 1,3 * 0,8) = 10 296 руб. — в месяц. Где з/п — средняя заработная плата разработчика данного предприятия или фирмы, составляющая 15 000руб/месяц.

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

Страховые отчисления берутся в размере 34% от заработной платы:

Со = (З/Посн /100*34) = 10 296/100*34 = 3500,64 руб.

Суммарные затраты предприятия или фирмы за время разработки программного продукта с учётом страховых отчислений составит:

З/Побщ = (З/Посн + Со) * 184/176 = 14 423,70 руб.

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

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

Стоимость электроэнергии.

Амортизационные отчисления.

Техническое обслуживание, или затрат на ремонт.

Стоимость 1 КВт/час электроэнергии составляет: 5 руб.

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

Годовые отчисления затрат электроэнергии потребляемые ПК составят:

8ч. * 22дня * 12мес. * 0,3КВт/ч. * 5 руб. = 3168 руб.

Амортизационные отчисления зависят от срока полезного использования ПК, а так как данный срок эксплуатации компьютера 3 года при сроке его полезного использования 4 года, то необходимо исчислить амортизационные отчисления.

Программный продукт разрабатывался на компьютере, который является собственностью НИЯУ МИФИ «Математический техникум».

Стоимость компьютера составляет 25 000 руб.

Амортизационные отчисления = стоимость ПК/ срок полезного использования:

25 000 руб. / 4 года = 6250 руб.

Затраты на ремонт ПК составляют 5% от её стоимости — 1250р. в год.

25 000 руб.*0,05=1250 руб.

Действительный фонд работы ПК:

Фвт = Фном — Фпроф.

Фном = 8ч.*22дня*12мес.=2112ч. — номинальный фонд работы ПК.

Фпроф= 2112/100*5= 105,6ч. — Годовые затраты времени на профилактические работы, 5% от Фном.

Фвт = 2006ч.

Стоимость машинного часа равна:

(3168 руб. + 1250 руб. + 6250 руб.) / 2006ч = 5,30руб Содержание и эксплуатация вычислительного комплекса на время написания дипломного проекта составляет (данные из таблицы № 1):

164час. * 5,30 руб. = 869,20 руб.

Затраты размещения на платный хостинг оцениваются в пределах 20 у.е. в месяц. Затраты по оплате хостинга в течение года составят:

28.07 руб.*20 у.е.* 12мес. =6736,80 руб.

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

Заработная плата администратора сайта Для поддержания сайта в рабочем состоянии, требуется постоянный контроль и мониторинг со стороны администратора сайта. В его обязанности входит регулярное обновление информации на самом сайте. Заработная плата администратора составляет 2000 руб./мес. С учетом страховых взносов (34%) от фонда з/п 2000 руб. * 34%=680 руб.

Заработная плата в год составит:

(2000 руб.+680 руб.) * 12 месяцев=32 160 руб.

Затраты на разработку программного продукта приведены в таблице 2.

Таблица 2.

Заключение

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

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

После завершения работы над программой было еще раз произведено полное тестирование всей программы.

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

Экономическая оценка эффективности показывает, что данное приложение экономически выгодно. Срок окупаемости составляет 4 месяца.

Alex Mackey, Introducing .NET 4.0: with Visual Studio 2010, Apress — 2010 г.

Steven Sanderson, Pro ASP.NET MVC Framework, Apress — 2009 г.

Trey Nash, Accelerated C# 2010, Apress — 2010 г.

Даниэль Арсеновски, Рефакторинг в C# и ASP.NET для профессионалов, Wrox — 2011 г.

Приложение