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

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

     1.3 Анализ сайтов-аналогов

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

     1. Сайт компании Alniko, размещенный по адресу http://www.alniko.ru/. Основное направление деятельности – производство и продажа терминалов оплаты. Сайт разработан с использованием flash-анимации, загружается очень медленно, что отрицательно сказывается на возможности получить информацию с сайта клиентам, использующим низкоскоростные соединения  с сетью Интернет.

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

     2. Сайт компании «Терминал-сервис»  расположен по адресу http://www.ts.tomsk.ru. Основное направление деятельности – продажа и обслуживание терминалов оплаты. На главной странице расположена информация о деятельности компании, ниже – модели платежных терминалов.  Дизайн сайта выполнен в темно-зеленых тонах, что производит тяжелое впечатление. Навигация сайта расположена справа, и содержит целых 16 пунктов, для их просмотра пользователю приходится пользоваться прокруткой. При этом названия пунктов не информативны. Пользователю придется сделать много переходов для того, чтобы найти необходимую информацию. В дальнейшем при увеличении объема размещаемой информации количество пунктов будет неизбежно увеличиваться, что оттолкнет потенциальных клиентов, ведь не каждому хватит терпения переходить из пункта в пункт в поисках необходимой информации.

     3. Сайт компании StreeTPay  доступен по адресу http://www.e-terminal.ru/. После загрузки сайта при разрешении монитора 1024*768 большую часть окна браузера занимает графическое наполнение, для того чтобы добраться до навигации придется воспользоваться прокруткой. На главной странице расположено описание технических характеристик терминала оплаты, навигация находится справа и очень трудно различима на фоне остального содержимого. Такое расположение информации свидетельствует о плохо продуманной структуре сайта, внесение изменений при таком расположение проблематично.

     Динамический сайт для ЗАО «Точка Оплаты» будет разрабатываться без использования flash-анимации, и изображений большого размера, что сократит скорость загрузки сайта. Кроме того, навигация сайта будет иметь простую ориентированную на удобство пользователя структуру. Ни один из рассмотренных сайтов не обеспечивает посетителям возможности отправить сообщение менеджерам. Аналогов разрабатываемого сайта нет.

     1.4 Требования к разрабатываемому  для ЗАО «Точка  Оплаты» динамическому  сайту и его  системе управления

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

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

     Исходя  из целей, были сформированы следующие  требования, предъявляемые к динамическому  сайту ЗАО «Точка Оплаты»:

1. Наличие на сайте следующей информации: информация об организации, информация потенциальным партнерам организации, информация клиентам, юридический адрес, почтовый адрес, контактная информация. Сайт должен способствовать привлечению клиентов и нахождению деловых партнеров.
2. Обеспечить динамичность системы навигации сайта, путем предоставления возможности создания, редактирования или удаления пунктов меню сайта, страниц-разделов и подразделов.
3. Обеспечить динамичность содержимого сайта, путем предоставления возможности добавления, редактирования или удаления текстовой и графической информации, размещенной на сайте, что обеспечит динамичность сайта.
4. Обеспечение безопасности данных, защищенность от попыток взлома.

     Выводы

     В первой главе проведен анализ предметной области.

     Проведен  предпроектный анализ ЗАО «Точка Оплаты».

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

     Выполнен  анализ языков разработки Интернет-приложений.

     Выделены  основные требования  к разрабатываемому динамическому сайту.

 

     Глава 2. ПРОЕКТИРОВАНИЕ ДИНАМИЧЕСКОГО САЙТА ДЛЯ ЗАО «ТОЧКА ОПЛАТЫ»

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

     Проектирование  динамического сайта для ЗАО  «Точка Оплаты» включает следующие  этапы:

• анализ и проектирование информационного наполнения (контента) сайта;
• анализ и проектирование структуры сайта;
• анализ и проектирование системы навигации по сайту;
• описание функциональности сайта;
• анализ и проектирование базы данных.

     2.1 Проектирование содержания (контента) web-сайта

     Динамический  сайт для ЗАО «Точка Оплаты» будет  содержать следующую информацию:

1. Информация о компании.
2. Информацию о терминалах оплаты, их характеристики.
3. Информация для партнеров ЗАО «Точка Оплаты», описание преимуществ установки терминалов на арендуемых площадях.
4. Информация клиентам – список принимаемых платежей, адреса ближайших терминалов.
5. Контактная информация – юридический адрес, телефон, факс ЗАО «Точка Оплаты».

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

     2.2. Проектирование структуры  web-сайта

     Структура сайта - система взаимного расположения и взаимосвязей файлов (страниц) сайта. Часто под структурой сайта подразумевают блок-схему сайта.

     Различают следующие виды структур сайтов:

1. Линейная структура. Страницы сайта располагаются строго одна за одной. Удобна для создания небольшого по количеству страниц сайта с малым количеством гиперссылок и последовательным изложением материалов.
2. Структура в виде решетки. Основана на построении системы навигации сайта, когда между вертикальными и горизонтальными элементами (страницами) имеется взаимная связь и возможность быстрого перехода с одной страницы на другую без необходимости посещения промежуточных страниц. Подобная структура приводит к излишнему увеличению гиперссылок и применение её ограничено для больших сайтов, т.е. сайтов с большим количеством страниц.

     Оптимальной структурой сайта считается структура, удовлетворяющая следующим критериям:

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

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

     Структура динамического сайта для ЗАО  «Точка Оплаты» представлена на рис. 2.

Рис.2 Структура  динамического сайта для ЗАО  «Точка Оплаты»

     2.3. Проектирование системы навигации динамического сайта

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

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

     Различают вертикальную, горизонтальную и комбинированную  навигацию сайта. Динамический сайт ЗАО «Точка Оплаты» будет иметь комбинированную навигацию, основное горизонтальное меню будет состоять из пунктов:

1. О компании.
2. Терминалы оплаты.
3. Партнерам.
4. Клиентам.
5. Контакты

     Далее в зависимости от выбранного пункта возможно появление дополнительного вертикального меню. При выборе пункта «Клиентам» пользователю будет предложено дополнительное вертикальное меню, в котором можно найти ближайший в районе терминал оплаты. При выборе пункта «Партнерам» будет предложено заполнить заявку на установку терминала оплаты на территории арендодателя.

     2.4 Моделирование функциональности  динамического сайта  для ЗАО «Точка  Оплаты»

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

     С развитием компьютерных технологий и появлением CASE-моделирования (Computer Aided Software Engineering) возникла потребность в инструментах, которые бы поддерживали стандарты моделирования.

     Rational Rose сочетает в одном приложении инструменты и для моделирования бизнес-процессов, и для создания баз данных, а также является программной реализацией UML. UML(Unified Modeling Language) - это графический язык для визуализации, проектирования и документирования программных систем, призванный облегчить работу разработчика на всех её этапах.

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

     Для проектирования динамического сайта  и его системы управления будет  использоваться Rational Rose Real Time, продукт, являющийся программной реализацией одного из расширений стандартного UML, предназначенного для моделирования систем реального времени.

     2.4.1 Диаграмма прецедентов  динамического сайта  для ЗАО «Точка  Оплаты»

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

     В результате моделирования динамического  сайта с помощью CASE-средства Rational Rose формируются следующие документы:

• диаграммы прецедентов;
• диаграммы действий;
• диаграммы последовательности действий;
• диаграммы взаимодействий.

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

     Диаграмма прецедентов динамического сайта (см. рис. 3) наглядно показывает актеров  и их основные действия.