1.6.2 Фаза 2: Тактическое планирование. Разработка структуры

Вторая фаза разработки включает в себя (рис. 2):

- проектирование карты сервера;

- подготовку контента -- создание и редактирование;

- обзор материалов;

- подготовку технических спецификаций (тактическая сторона);

- разработку навигации и разметки страниц.

Рисунок 1.2 Тактическое планирование

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

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

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

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

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

- Будут ли страницы генерироваться "на лету" из базы данных?

- Будут ли использоваться Cascading Style Sheets (CSS)?

- Потребуется ли наличие подключаемого модуля (plug-in) или специального управляющего элемента на машине пользователя?

- Под какой минимум необходимо оптимизировать цветовую палитру?

- Вы будете писать код сами или использовать WYSIWYG-редактор (программа для редактирования текстов, работающая по принципу "Что вижу, то и получаю" -- например, Dreamweaver)?

- Будут ли использованы DHTML, Channels, Push технологии?

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

1.6.3 Фаза 3: Дизайн интерфейса

Третья фаза включает в себя (рис. 3):

- творческие поиски и разработку стиля;

- создание прототипов;

- утверждение заказчиком;

- разработку графики: дизайн баз данных и форм, анимации, оптимизация изображений, обработка в html.

При работе над интерфейсом важно отслеживать все поступающие идеи и совершенствовать их. Можно начать с самой важной страницы и работать над ней до тех пор, пока не будет как минимум 15 набросков различных вариантов, из которых 5 можно развить дальше. Также стоит попробовать поэкспериментировать с различными эффектами: real audio/vidio, динамический html, необычное использование тегов и т.д.

Рисунок 1. 3. Дизайн интерфейса

Не лишним является посещение других сайтов в поисках хороших идей.

После выбираются три законченных варианта: любимый, несколько экстравагантный и консервативный, который, наверняка, понравится заказчику. Прототип - черновой вариант связанных между собой основных страниц сайта. Не обязательно писать код для этих страниц, прекрасно можно обойтись использованием такого объекта как «image map». Задача прототипов -- хорошо смотреться в окне браузера и понравится заказчику.

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

1.6.4 Фаза 4: Программирование

Фаза программирования включает в себя (рис 4.):

- разработку: CGI, Javascript, Java, формы, базы данных;

- HTML-кодирование;

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

- тестирование в различных браузерах.

Рисунок 1.4 Программирование

После того как дизайн разработан и сверстана модели основных страниц, можно приниматься за техническую работу - HTML кодирование, CGI формы, базы данных и прочее программирование. Когда над сайтом работают несколько человек, обязательно стоит договориться об общей логической системе наименований. В коде необходимо использовать комментарии, оставляя пояснения для программистов и создателей текстов. Если на странице очень много текста и других материалов, удаляются все "возвраты каретки" и комментарии из кода, что существенно снизит размер файла. Для избежания утери данных делаются копии того, что сделано каждый день по окончании работы.

1.6.5 Фаза 5: Публикация и Маркетинг

Публикация включает в себя (рис. 5):

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

- FTP Web-сайта на сервер: создание директорий, установка прав доступа;

- последние проверки и валидации.

Маркетинг состоит из следующих моментов:

- регистрации сервера в основных поисковиках;

- раскрутки;

- поддержки: страница новостей, автоматические обновления;

- презентации сервера и празднования столь знаменательного события.

Рисунок 1.5 Публикация и Маркетинг

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

- создание баннеров/заголовков про запас;

- добaвление последнего контекста;

- запуск CGI сценариев;

- обновление ссылок;

- написание мета-тегов;

- добавление авторских прав и предупреждений;

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

2. Технологии и инструменты для реализации

2.1 Разметка страниц - HTML

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

HTML является приложением языка SGML (Standard Generalized Markup Language - стандартный обобщенный язык разметки). В документе HTML/SGML теги определяют структуру содержания документа. Традиционный SGML-документ имеет три различных компонента: структура, стиль и содержание. С введением динамического HTML был добавлен четвертый компонент: модель поведения. Термин модель поведения (behavior) определяет взаимодействие между пользователем и HTML-страницей. Структура представлена рядом семейств элементов; стиль представлен для каждого элемента и во всех семействах таблиц стилей. Содержание представлено посредством всех элементов и объекта TextRange. Сценарии (скрипты) манипулируют структурой, стилем и содержанием в ответ на события для создания модели поведения документа.

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

2.2 Язык сценариев JavaScript

JavaScript -- интерпретируемый язык программирования, являющийся одной из реализаций языка ECMAScript и основанный на концепции прототипов, пришедшей из языка Self [3].

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

Язык программирования JavaScript разработан фирмой Netscape в сотрудничестве с Sun Microsystems и предназначен для создания интерактивных HTML-документов. Основные области использования JavaScript таковы:

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

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

в) решение "локальных" задач с помощью сценариев и некоторые другие сферы.

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

Код JavaScript включается в HTML-код страницы и исполняется интерпретатором, встроенным в браузер (таблица 1.1).

Таблица 2.1 Версии языка JavaScript и соответствующие им браузеры

Версия языка	Версия Netscape Navigator	Версия Internet Explorer
JavaScript 1.0 (JScript 1.0)	2.x	3.x
JavaScript 1.1	3.x	--
JavaScript 1.2 (JScript 3.0)	4.0	4.x
JavaScript 1.3	4.06	--
JavaScript 1.4 (JScript 5.0)	--	5.x
JavaScript 1.5	6.0	--

Ядро JavaScript содержит набор основных объектов, таких как Array, Date и Math, и основной набор элементов языка, таких как операции, управляющие структуры и операторы. Ядро JavaScript может быть расширено для различных целей путём дополнения его новыми объектами; например:

а) клиентский JavaScript расширяет ядро языка, добавляя объекты управления браузером (Navigator или другой аналогичный web-браузер) и Document Object Model/Объектную Модель Документа (DOM). Например, клиентские расширения позволяют приложению размещать элементы на HTML-форме и реагировать на пользовательские события, такие как щелчок мышью, ввод данных в форму или навигация по страницам;

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

2.3 Server Pages

JavaServer Page - интерфейс доступа к базам данных или приложениям на языке Java; позволяет формировать динамические страницы на Web-сервере.

JavaServer Pages (JSP) позволяют отделить динамическую часть Web- страниц от статического HTML. Сначала, как обычно, пишется обычный код в HTML, используется для этого любая программа для создания Web-страниц. Затем динамическую часть кода заключается в специальные таги, большинство которых начинаются с "<%" и завершаются "%>".

Файлу даётся расширение ".jsp" и он размещается там же, где должны размещаться обычные Web-страницы. Хотя то что написано больше похоже на обычный HTML файл чем на сервлет, просто за кадром JSP страница преобразуется в обычный сервлет с статическим HTML который просто направляется в поток вывода, связанный с методом сервлета service. Обычно это происходит при первом запросе страницы, и разработчики могут сразу после установки сами выполнить этот запрос, если хотят, чтобы первый реальный пользователь при обращении к странице не столкнулся с небольшой задержкой, вызванной трансляцией JSP страницы в сервлет и его последующей компиляцией и загрузкой.

Свободно распространяемый Web-сервер Tomcat, реализация от jakarta.apache.org, автоматически поддерживает JSP.

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

При первой загрузке JSP загружается JSP контейнером (который обычно ассоциирован, или является частью Web-сервера), далее сервлетный код, который обязательно выделяется JSP тегами, автоматически генерируется, компилируется и загружается в контейнер сервлетов. Статическая часть HTML страницы производится посредством посылки статического объекта типа String в метод write( ). Динамическая часть включается прямо в сервлет.

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

JSP технология воплощает все динамические возможности технологии JavaServlet, но обеспечивает более естественный способ создания статического содержимого. Главные особенности JSP технологии:

- Язык разработки JSP страниц, которые являются текстовыми документами и описывают, как обработать запрос и построить ответ.

- Структурные компоненты для доступа к серверным объектам.

- Механизмы для определения расширений языка JSP.

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

2.4 Реализация. Стратегическое планирование. Определение объема работ

Используя приведённый выше вопросник, у заказчика получены следующие ответы:

1) Зачем ему нужен сайт? Почему он его создает и какие цели и задачи преследует?

- Создание представительства в Интернете.

- Реклама.

- Автоматизация работы менеджера по обработке и отслеживанию выполнения заказов.

- Публикация информации, которая отвечала бы на часто возникающие вопросы клиентов.

2) Желает ли он моментальной отдачи или готовит почву для более агрессивного бизнеса в Сети в дальнейшем?

- В дальнейшем планируется расширение сайта, но в настоящий момент ожидается определённое увеличение продаж и облегчение работы менеджеров.

3) Что входит в его цели: продать продукцию или сервис, увеличить покупательский рынок, обеспечить поддержку уже проданному товару?

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

- Клиенты, уже купившие ПО, смогут найти на сайте справочную информацию.

4) Возможно, он надеется подняться на уровень конкурентов, которые давно имеют свои ресурсы в Интернет?

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

5) Если бы у него была возможность донести только одну идею до своих пользователей, какой бы она была?

- «Наши товары и услуги - это лучшее предложение на рынке!»

6) Какие дальнейшие действия ожидает он от посетителей его Web-страниц? Обращение за более полной информацией?

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

7) Как заказчик измерит успех или неудачу сайта? Как узнать, что сайт получился удачным?

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

8) Кого он хочет видеть своим посетителем?

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

9) Почему к нему будут приходить? За какой информацией?

- Узнать стоимость стоимость ПО и услуг.

- Настройка и использование купленной программы.

- Решение возникших проблем.

- Сравнение предложений разных фирм.

- Купить нужный продукт.

- Заказать услуги программиста.

- Получить консультацию или совет.

10) А какую информацию он может предоставить?

- О компании.

- Описание товаров и услуг (характеристики, стоимость, преимущества и т.п.).

- Справочники, учебники для работы с купленным ПО.

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

- Отзывы клиентов.

- Ответы на часто возникающие вопросы.

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

11) Интересуется ли он привлечением одноразовых посетителей (для счетчика) или надеется превратить случайных прохожих в регулярных пользователей?

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

2.5 Тактическое планирование. Разработка структуры

На рисунке 2.1 представлена карта сайта - последовательность переходов по сайту.

Рисунок 2.1 Карта сайта - последовательность переходов по сайту

2.6 Моделирование предметной области

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

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

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

Словарь терминов для создаваемой системы:

Отчеты - класс алгоритма генерирования отчетов. Используется для генерации отчета по выбранным данным.

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

БД предприятия - база данных, содержащая таблицы с данными других отделов предприятия, таких как Склад продукции, Транспортные средства, Клиенты, необходимых непосредственно для расчета планкарты.

электронный магазин дизайн интерфейс

2.7 Моделирование прецедентов

Для создания системы необходимо изучить предметную область, т.е. необходимо иметь четкое представление о том, как будет работать система. Диаграмма, предназначена для создания списка операций, которые выполняет система, определения списка объектов системы, которые данные функции выполняют. Таким образом, строится набор функций, выполняемых системой, и описываются сценарии поведения объектов, которые взаимодействуют с системой. Моделирование прецедентов процесс, направленный на подробное представление действий пользователей и реакцию системы, так как ее поведение обусловлено их требованиями. Т.е. работа системы зависит от того, как к ней обращаются и чего хотят добиться. Вся динамическая часть объектной модели непосредственно связана с моделью прецедентов. Подход к построению динамической модели называется “снаружи внутрь”. Начинается с обследования пользователей, которые находятся вне системы, и по пути раскрываем детали поведения программы. На этой основе создается структура программы, которая поддерживает требуемое поведение. Продвижение направлено внутрь, его шагом является рассмотрение одного конкретного сценария. Диаграмма вариантов использования (Use Case Diagram) для разрабатываемого электронного магазина выглядит следующим образом

Рисунок 2.2. Диаграмма прецедентов

2.8 Диаграмма последовательности

Диаграмма последовательности состоит из четырех основных элементов:

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

объектов, в которых в формате «объект: класс» записывается имя или номер экземпляра объекта и имя класса объекта.

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

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

Рисунок 2.3 Диаграмма последовательностей



Рисунок 2.4 Диаграмма кооперации

2.9 Диаграмма классов

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

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

Диаграмма классов может быть использована как при анализе готовой системы, так и при разработке новой. Для выявления классов используются различные методы и подходы. Так Барами (Bahrami) подробно изучил главные особенности четырех основных подходов к выявлению классов (class discovery). Существуют следующие подходы:

а) подход на основе использования именных групп (т.е. имена существительные в предложениях);

б) подход на основе использования общих шаблонов для классов;

в) подход на основе использования прецедентов;

г) подход CRC (class - repository - collaborators - класс - обязанности - «сотрудники» - составление спецификации).

В разрабатываемой системе используется подход на основе использования прецедентов. Этот подход рекомендуется использовать в рамках методологии RUP (Rational Unified Process). Особенностью такого подхода является проектирование снизу - вверх. После того, как прецеденты известны, а представление о системе частично определено с помощью диаграмм последовательностей, объекты используемые в этих диаграммах приводят к выявлению классов. Моделирование классов приводит к функциональному подходу, сторонники объектно - ориентированного подхода предпочитают называть его проблемно - ориентированным.

Рисунок 2.5 Диаграмма классов

2.10 Дизайн интерфейса и программная реализация

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

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

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

Интерфейс пользователя - элементы и компоненты программы, которые способны оказывать влияние на взаимодействие пользователя с программным обеспечением. В том числе:

- средства отображения информации, отображаемая информация, форматы и коды;

- командные режимы, язык пользователь-интерфейс;

- устройства и технологии ввода данных;

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

- обратная связь с пользователем;

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

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

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

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

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

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

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

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

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

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

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

- «Новинки» (товары, недавно поступившие в продажу);

- «Специальные предложения» (товары, на которые по каким-либо причинам снижены цены);

- «Товары дня» (самые модные товары);

- «Лидеры продаж» (наиболее покупаемые товары).

6. При оформлении заказа покупатель должен ввести контактную информацию: логин, пароль, адрес доставки, телефон и т.д.

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

8. В электронном магазине могут быть и информационные разделы:

- с данными о компании (сфера деятельности, адрес, контактные телефоны и т.д.);

- с информацией по доставке товара;

- с информацией по скидкам;

- новости электронного магазина;

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

- прочая полезная информация.

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

10. Раздел «Вопросы и ответы» (FAQ), где покупатель может задать свой вопрос, а администратор магазина - ответить на него. Это способствует повышению качества обслуживания, удержанию старых клиентов и привлечению новых.

11. «Отзывы и вопросы» к товарам. Покупателю следует предоставить возможность просмотреть отзывы о товаре, оставить свой отзыв или задать вопрос - это способствует повышению качества описаний товаров.

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

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

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

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

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

- редактировать контактную информацию электронного магазина;

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

- составлять и рассылать письма с новостями магазина подписчикам;

- просматривать историю заказов и статистику покупателей;

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

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

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

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

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

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

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

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

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

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

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

Цветовая гамма будет ориентированна на светлые сине-голубые тона, удачно гармонирующие с черным цветом текста (рис 2.6).



Рисунок 2.6 Главная страница

Каталог товаров будет представлен в виде чёткого описания каждого продукта с указанием основных характеристик, особенностей, стоимости (рис.2.7).

Рисунок 2.7. Каталог товаров

Рисунок 2.8 О проекте

Рисунок 2.9. Оплаты заказов

Рисунок 2.10 О товарах

Рисунок 2.11 Стоимость товаров

Рисунок 2.12 Просмотр товаров

Рисунок 2.13 Окно администратора

Рисунок 2.14 Режим администрирования



Рисунок 2.15 - Окно редактирование

Рисунок 2.16 Добавление товара

Рисунок 2.17 Добавление нового товара

Рисунок 2.18 -Доступ к администрированию

Рисунок 2.19 - Дополнительная информация

Рисунок 2.20 Оформление

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

3.1 Экономическое обоснование разработки системы

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

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

3.2 Расчет экономической эффективности внедрения системы

3.2.1 Расчет затрат на разработку и внедрение системы

Затраты на разработку и внедрение:

С = Салг + Сктс + Свн + Сотл , (3.1)

где Салг - затраты на разработку алгоритма,

Сктс - затраты на приобретение комплекса технических средств,

Свн - затраты на внедрение,

Сотл - затраты на описание и отладку.

3.2.2 Расчет затрат на разработку алгоритма

Затраты на разработку алгоритма определяются по формуле:

Салг = ЗПразраб *В , (3.2)

где ЗПразраб - оклад разработчика,

В - время, затраченное на разработку.

Пользуясь формулой (3.2), получим затраты на разработку алгоритма. Если оклад разработчика в среднем примем равным 5000 тенге в месяц, а время, затраченное на разработку равно 10 дней, что при 24 рабочих днях в месяц составит 0,416, то затраты на разработку алгоритма будут равны:

Салг = 5000*0,416 = 2080 (тг.)

3.2.3 Затраты на разработку и внедрение системы

Затраты на внедрение системы определяются по формуле:

Свн = Квн + ЗПвн , (3.3)

где Квн - стоимость машинного времени на время внедрения,

ЗПвн - заработная плата программиста на время внедрения.

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

Квн = К * d * q , (3.4)

где K- время работы на ЭВМ в день,

d - количество дней работы на ЭВМ,

q - стоимость часа машинного времени (q 150 тенге).

Время работы на ЭВМ составляет 5 часов, для внедрения программы было затрачено 15 дней, а стоимость часа машинного времени равна 150 тенге. Тогда стоимость машинного времени на время внедрения программы по формуле (3.4) будет равна:

Квн = 5*15*150 = 11250 (тг.)

Заработная плата программиста определяется следующим образом:

ЗПвн = Qвн * d /D , (3.5)

где Qвн - оклад программиста, занятого внедрением,

d - количество дней работы на ЭВМ,

D - количество рабочих дней в месяц с учетом выходных.

Оклад программиста составляет 22800 тенге. Тогда по формуле (3.5) заработная плата программиста будет равна:

ЗПвн = 22800*15/24 = 14250 (тг.)

Тогда затраты на внедрение программы рассчитываем по формуле (3.3):

Свн = 11250+14250 = 25500 (тг.)

Затраты на написание и отладку программ определяются по формуле:

Сотл = Котл + Кзп , (3.6)

где Котл - стоимость машинного времени, затраченного на отладку программ,

Кзп - фонд заработной платы программиста на отладку и накопление программ, который определяется следующей формулой:

Кзп = Км *Qразраб + Om , (3.7)

где Км - количество месяцев, потраченных на отладку,

Qразраб - оклад программиста за месяц,

Om - 30% на социальное страхование.

Учитывая, что на отладку программ потребовалось 30 дней по 7 часов работы на ЭВМ в день со стоимостью одного часа работы ЭВМ равным 150 тенге, стоимость машинного времени на отладку программ будет равна:

Котл = 30*7*150 = 31500 (тг.)

На отладку потребовался 1 месяц. Тогда фонд заработной платы программиста на отладку и написание программ по формуле (3.7) будет равен:

Кзп = 1*22800+6840 = 29640 (тг.)

Отсюда по формуле (4.6) получаем, что:

Сотл = 31500+29640 = 61140 (тг.)

3.2.4 Затраты на комплекс технических средств

Теперь произведем расчет затрат на комплекс технических средств (КТС). Стоимость персонального компьютера “Pentium IV” стандартной конфигурации 114000 тенге. Стоимость принтера “HP DescJet 690C” составляет 22800 тенге.

Итого затраты на КТС будут составлять:

Сктс = 114000+22800 = 136800 (тг.)

Таким образом, затраты на разработку и внедрение системы по формуле (3.1) составляют:

С = 2080+136800+25500+61140 = 225520 (тг.)

3.2.5 Расчет экономии затрат

Расчет экономии затрат берем от внедрения всего комплекса программ. Он определяется следующим образом:

Э = Затр1 -Затр2 (3.8)

где Затр1 - затраты до внедрения комплекса по заработной плате,

Затр2 - затраты после внедрения комплекса.

Затраты до внедрения системы:

Затр = Затрокл + Затрпр + Затрнад + Затрвыс (3.9)

где Затрокл - затраты до внедрения системы по окладам,

Затрпр - затраты до внедрения системы по премиям, 40% от оклада,

Затрнад - затраты до внедрения системы по надбавкам, 20% оклада,

Затрвыс - затраты до внедрения системы по выслуге лет, 27.5% оклада.

До внедрения автоматизированного проекта в отделе работало 4 человека, оклад каждого из них составляет 45000 тенге. Следовательно:

Затр окл = 4*45000 = 180000 (тг.)

Затр пр = 4*6000 = 24000 (тг.)

Затр над = 4*3000 = 12000 (тг.)

Затр выс = 4*4125 = 16500 (тг.)

Итого, затраты по заработной плате до внедрения системы по формуле (4.9) равны:

Затр з/п = 180000+24000+12000+168500= 232500 (тг.)

Затраты после внедрения системы:

Затр = Затрокл + Затрпр + Затрнад + Затрвыс (3.10)

После внедрения системы сократили 1 человека. Из чего следует, что затраты после внедрения системы по формуле (3.10) составят:

Затр = 61140+12000+6000+8250 = 87390 (тг.)

Тогда расчет экономии затрат по заработной плате в месяц по формуле (3.8) составит:

Э = 232500-87390 = 145110 (тг.)

Годовой экономический эффект определяется по следующей формуле:

ЭФгод = Э - Ен * С (3.11)

где Э - годовая экономия затрат,

Ен - нормативный коэффициент эффективности капиталовложений,

С - затраты на разработку и внедрение.

Следовательно, за год экономия затрат составит 210500 тенге. Тогда по формуле (3.11) годовой экономический эффект составит:

ЭФгод = 210500 - 0,32*225520 = 138333,6 (тг.)

4. Охрана труда

4.1 Основы законодательства об охране труда в Республики Казахстан

4.1.1 Требования Конституции РК по безопасным условиям труда

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

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

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

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

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

4.1.2 Закон РК о труде в Республике Казахстан

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

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

Тяжелые физические работы - виды деятельности работника, связанные с подъемом или перемещения тяжести вручную, либо другие работы с расходом энергии более 300 ккал/час;

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

4.1.3 Закон РК об охране труда в Республики Казахстан

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

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

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

- с отдельными нанимателями;

- члены кооперативов;

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

- военнослужащие, привлеченные к работам, не связанные с несением воинской службы;

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

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

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

б) полной ответственности собственника либо уполномоченного им представителя (в дальнейшем - работодатель);

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

г) установление единых требований в области охраны труда для всех предприятий, независимо от форм собственности и хозяйствования;

д) осуществления государственного надзора и контроля за повсеместным выполнением требований охраны труда и техники безопасности на предприятиях;

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

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

з) участия государства в финансировании охраны труда;

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

4.1.4 Кодекс законов о труде

Законодательно-правовыми актами по охране труда и охране окружающей среды являются: Конституция Республики Казахстан (РК), основы законодательства, кодексы законов о труде (КЗОТ) в РК.

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

Граждане РК, согласно КЗОТ имеют право на труд, право на охрану труда, право на отдых, право на ежегодно оплачиваемые отпуска, право на материальное обеспечение в случае старости, болезни или потери трудоспособности.

4.2 Производственная санитария

4.2.1 Производственное освещение

4.2.1.1 Виды освещения, нормирование искусственного и естественного освещения

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

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

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

Диапазон длин волн солнечного излучения в оптической области спектра находится в пределах от 0,1 до 3,4 мкм. Оптическая часть спектра включает видимую и не видимую (ультрафиолетовую и инфракрасную) часть спектра.

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

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

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

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

Уровень освещения оценивают освещенностью Е в люксах (лк); освещенность измеряется люксметрами.

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

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

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

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

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

Бесперебойность действия осветительной установки обеспечивается устройством трех видов освещения: рабочего, аварийного и освещение безопасности (эвакуационного).