Размещено на http://www.allbest.ru/

5

Размещено на http://www.allbest.ru/

• СОДЕРЖАНИЕ
• ВВЕДЕНИЕ
• 1. ТЕОРЕТИЧЕСКИЕ ВОПРОСЫ РАЗРАБОТКИ ИНТЕРЕНЕТ - СТРАНИЦ НА ЯЗЫКЕ HTML
• 1.1 История языка
• 1.2 Сферы применения
• 1.3 Использование программы Dream Weaver для создания сайтов
• 2. ИСЛЕДОВАНИЕ ИНФОРМАЦИОННОЙ ИНФРАСТРУКТУ ООО «ЛИВЕНКА»
• 2.1 Используемое вычислительное оборудование
• 3. ПРОЕКТИРОВАНИЕ ПРОГРАММНОГО НАПОЛНЕНИЯ КОНФИГУРАТОРА ТОПЛИВОРАЗДАТОЧНЫХ КОЛОНОК НА ЯЗЫКЕ HTML
• 3.1 Анализ задания на дипломный проект
• 3.2 Формализация задания на дипломный проект
• 3.3 Работа с программой DreamWeaver
• 3.4 Написание кода html
• 3.5 Скриншоты работы конфигуратора
• 4. ТЕХНИКО-ЭКОНОМИЧЕСКИЙ РАЗДЕЛ
• 4.1 Технико-экономическое обоснование проекта
• 4.2 Маркетинговые исследования
• 4.3 Определение ключевых показателей
• 4.4 Расчет себестоимости разработки конфигуратора
• 4.6 Расчет финансовых результатов реализации проекта
• 5. БЕЗОПАСНОСТЬ ЖИЗНЕДЕЯТЕЛЬНОСТИ
• 5.1 Анализ условий труда программиста в ОАО «Ливенка»
• 5.2 Мероприятия по обеспечению и улучшению условий безопасности жизнедеятельности в помещении с АРМ ПК
• 5.2.1 Обеспечение нормируемых параметров воздушной среды
• 5.2.2 Определение мощности вентилятора
• 5.3 Организация рабочего места инженера-программиста методом сокращения затрат вспомогательного времени
• 5.4 Прогнозирование эффективности проведённых мероприятий
• ЗАКЛЮЧЕНИЕ
• СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ
• ПРИЛОЖЕНИЯ

• АННОТАЦИЯ
• программист инженер язык труд
• Тема дипломного проекта «Разработка дизайна и программного кода на языке HTML конфигуратора топливораздаточных колонок ООО «Ливенка»».
• Год защиты 2014.
• Дипломный проект выполнил студент П.И Болотов.
• Дипломный руководитель Д.Н. Шолохов.
• В теоретической части дано описание языка html, в аналитической части проведен анализ IT инфраструктуры, сделано обоснование выбора используемой системы, в проектной части разработана html форма, в экономической части дано обоснование проекта, в части безопасность жизнедеятельности произведен анализ условий труда программиста на предприятии ООО «Ливенка».


ВВЕДЕНИЕ

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

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

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

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

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

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

1. ТЕОРЕТИЧЕСКИЕ ВОПРОСЫ РАЗРАБОТКИ ИНТЕРЕНЕТ - СТРАНИЦ НА ЯЗЫКЕ HTML

1.1 История языка

За появление HTML современный мир должен благодарить одного ученого Европейского совета по ядерным исследованиям (Conseil Europйen pour la Recherche Nuclйaire, CERN). Зовут этого ученого Тимоти Джон Бернерс-Ли. Первая версия HTML создавалась для целей форматирования научных документов. Именно структурного форматирования без элементов описания цветовых схем, параметров шрифта и т.п. Таким образом, изначально HTML позволял выделять в тексте заголовки, абзацы, списки и им подобные структурные элементы. Результат обработки или “воспроизведения” HTML не должен был зависеть от технических особенностей аппаратных средств его визуализации, поскольку не содержал в себе параметров этой визуализации. Со временем такая особенность языка разметки гипертекста была частично утрачена.

Итак, появление первых версий HTML относят к 1986 году, а в 1991 году HTML был существенно доработан и стал использоваться именно для передачи гипертекста по просторам всемирной паутины. Говорят, что всемирно известная аббревиатура HTML, расшифровывающаяся как Hyper Text Markup Language (язык разметки гипертекста) появилась как раз в начале 90-х годов прошлого века. А теперь небольшой экскурс в родословную языков разметки. Первая версия языка разметки гипертекста HTML была создана на основе стандарта обобщенного языка разметки SGML (Standard Generalized Markup Language), который в некотором роде можно считать прообразом расширяемого языка разметки данных XML (eXtensible Markup Language). Стандарт XML в наше время приобрел огромную популярность благодаря большому количеству своих расширений, используемых в компьютерных технологиях. Чтобы совсем запутать читателя сразу добавлю, что впоследствии на основе XML был разработан язык разметки гипертекста XHTML (Extensible Hypertext Markup Language), повторяющий по своей сути HTML. В результате мы имеем аббревиатуры SGML, HTML, XML и XHTML, и необходимо понять, кто из них кто. На самом деле все просто: SGML это не что иное, как набор правил, на основе которых можно строить любые языки разметки. HTML и есть один из этих языков - приложение SGML. Другими словами, SGML определяет то, как должны выглядеть элементы разметки, а HTML - какие именно должны быть элементы и как они должны интерпретироваться браузерами. XHTML, в свою очередь, является приложением XML, а сам XML ни что иное, как упрощенный вариант SGML.Языки HTML и XHTML, не смотря на то, что очень внешне похожи, имеют существенные скрытые отличия, которые, по большей части, заключаются в принципе их обработки.

Теперь вернемся к истории развития HTML. Итак, до 1994 года HTML по-прежнему использовался только для структурной разметки данных, хотя в его составе уже появились теги для выделения текста жирным или курсивом. В том же 1994 году создается организация W3C (World Wide Web Consortium) - Консорциум всемирной паутины, которую возглавляет, что вполне логично, тот самый Тим Бернерс-Ли, и в 1995 году в свет выходит рекомендация HTML 2.0. Создатели HTML уже тогда понимали, что со временем их детище из языка статичной разметки текста эволюционирует в основной инструмент создания динамических интернет ресурсов. Главным дополнением HTML 2.0 стало появление в составе языка форм с наборами пользовательских элементов управления, которые должны были использоваться для ввода пользователем параметров HTTP запросов.

После выхода второй версии сразу же началась работа над следующим поколением HTML. В 1997 году выходит рекомендация HTML 3.2, которая дополнила язык разметки таблицами, фреймами, изображениями и некоторыми другими важными тегами. Но самым главным достижением 3-й версии является то, что ее авторы вновь вернулись к проблеме визуализации разметки в браузере, вспомнили про то, что HTML должен размечать лишь структуру документа и не должен содержать непосредственно в себе параметры графических стилей отображения элементов в браузере. Результатом их работ над HTML 3.2 стало появление самостоятельного языка CSS (Cascading Style Sheets) - каскадных таблиц стилей, код которого можно теперь подключать к коду разметки HTML и тем самым настраивать внешний вид страницы.

К выходу 4-й версии HTML в 1997 году сотрудники W3C избавили свое детище от тех ненужных элементов, которые с появлением CSS стали устаревшими и компрометировали идею отделения разметки структуры от параметризации представления. Но из-за таких мелочей никто не стал бы городить новую версию. Основное достижение рекомендаций HTML 4.0 - появление объектной модели страницы (Document Object Model, DOM), элементами которой теперь можно было манипулировать посредствам скриптовых языков программирования, исполняемых браузерами. Самым популярным таким языком программирования является JavaScript. HTML плюс DOM плюс JavaScript равно Dynamic HTML или просто DHTML, который ознаменовал прорыв в веб-дизайне. Теперь элементы загруженной интернет страницы могли изменять свой внешний вид в ответ на действия пользователя, а также добавлять новые и удалять имеющиеся элементы. В 24.12.1999 году выходит последняя редакция 4-й версии языка разметки гипертекста - HTML 4.01.

Версия HTML5 до сих пор еще не получила статус официальных рекомендаций W3C, но уже сейчас понятно, что авторы HTML продолжают работать в направлении разработки требований к поддержке объектной модели документа и интерпретации JavaScript. Хотя HTML5 и получит ряд новых тегов, но большая часть рекомендаций все же касается поведения браузера в контексте работы DHTML: появится встроенная поддержка функций перетаскивания элементов (drag-and-drop), возможность рисовать на виртуальном полотне (canvas), управлять просмотром истории, обмениваться сообщениями между страницами, сохранять контекст исполнения и многое другое. Есть надежда, что с выходом новых рекомендаций HTML проблемы отсутствия кроссбраузерности, когда один и тот же JavaScript код исполняется под управлением разных браузеров по-разному, будут постепенно исчезать. Ведь тенденция определять требования к работе с объектной моделью и JavaScript будет сохраняться, а разработчики браузеров будут обязаны (если хотят, чтобы их программными продуктами пользовались) следовать этим требованиям.

Выход HTML5 запланирован на 2014 году. Возможно, к тому времени W3C разработает отдельные рекомендации, касающиеся только программирования на JavaScript, а HTML со временем снова станет исключительно языком разметки структуры документа. Не смотря на то, что сегодня еще только 2012 год, многие новые возможности HTML5 уже сейчас поддерживаются наиболее популярными браузерами. Многое, что приходилось веб-дизайнерам раньше делать самостоятельно (тот же drag-and-drop), с выходом HTML5 будет поддерживаться на уровне браузера, и такой ход развития событий не может не радовать. Остается надеяться, что тенденция сохранится.

1.2 Сферы применения

С самого начала своего развития язык HTML применялся для написания различных клиентских сценариев. Они широко применялись для решения таких задач, как, например, проверка информации, введенной пользователем в форму, перед ее отправкой на сервер или программирование ответных реакций на действия пользователя, делающие веб-страницы интерактивными. Сегодня с помощью языка HTML создаются уже целые веб-приложения, некоторые из которых мало чем уступают своим настольным «собратьям». Хорошие примеры таких веб-приложений можно найти среди сервисов компании Google. Для создания динамического содержимого веб-страниц используется язык создания динамических страниц Dynamic HTML. Язык HTML применяется не только в Интернете, но и в таких программах, как, например, Adobe Dreamweaver, Adobe Acrobat и Adobe Photoshop для расширения их возможностей, аналогично использованию языка Visual Basic в Microsoft Office.

1.3 Использование программы Dream Weaver для создания сайтов

Одна из последних версий HTML-редактора компании Macromedia- DreamWeaver 3, который относится к категории WYSIWYG-редакторов(т.е.What You See Is What You Get), и этот пакет имеет очень много достоинств: удобный интерфейс, настройка функций, поддержка больших проектов и многое другое. Для работы в этой программе не нужно досконально знать HTML (в этом и заключается преимущество технологии WYSIWYG - что вижу, то и получаю).

Но DreamWeaver на несколько шагов опережает другие редакторы, использующие технологию WYSIWYG, в первую очередь тем, что генерирует очень чистый HTML-код. DreamWeaver позволяет избавиться от однотипной работы при создании страниц (например, верстка текста) при помощи использования опции «запись последовательности команд» вы можете записывать последовательность производимых вами команд, потом нажимаете, например, CTRL+P, и DreamWeaver воспроизводит всё в той же последовательности.

Глобальное отличие DreamWeaver от FrontPage в философии. FrontPage полагает, что пользователь абсолютно не способен породить код HTML самостоятельно, поэтому программа должна сделать все за него. DreamWeaver полагает, что пользователь все может сделать сам, а программа должна создать максимальные условия для творчества.

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

Macromedia DreamWeaver - профессиональный редактор HTML для визуального создания и управления сайтами различной сложности и страницами сети Internet. Нравится ли вам вручную писать код HTML или вы предпочитаете работать в визуальной среде, Dreamweaver облегчает эту работу и обеспечивает полезными инструментами и средствами, чтобы сделать свои собственные проекты непревзойденными.

Dreamweaver включает в себя много инструментов и средств для редактирования и создания профессионального сайта: HTML, CSS, JavaScript, редакторы кода (просмотр кода и инспектор кода), что позволяет вам, редактировать различные текстовые документы, которые поддерживаются в Dreamweaver. Также вы можете настроить Dreamweaver, чтобы он наводил порядок и переформатировал HTML, как вы этого хотите.

Возможность визуального редактирования в Dreamweaver также позволяет быстро создавать или менять дизайн проекта без написания кода. Dreamweaver относится к так называемым «визуальным» редакторам, т.е. вы сразу можете видеть на экране (хотя бы приблизительно) результат своей работы. При этом он предоставляет полный доступ к источнику кода и не вставляет в него ничего лишнего, как это делает, например, FrontPage. Таким образом, можно создавать свою страничку и параллельно изучать HTML, заглядывая в источник. Можно на живом примере убедиться, что HTML - это просто. Простота обращения с редактором DreamWeaver заключается в том, что возможно рассмотреть все централизованные элементы и перетащить их с удобной панели непосредственно в документ.

DreamWeaver полностью настраиваемый. Можно использовать Dreamweaver, чтобы создавать свои собственные объекты и команды, изменять "горячие" клавиши и расширять возможности DreamWeaver новыми свойствами, инспекторами свойств и новыми отчетами о сайте.

DreamWeaver - это программа для облегчения написания HTML. Как и многие подобные программы, он изобилует мощными, занимающими достаточно большое количество ресурсов на компьютере средствами облегчить создание HTML кода. DreamWeaver автоматизирует все что только можно автоматизировать, наиболее наглядно отобразит код и получившийся в следствии изменений этого кода дизайн, позволит строить таблицы «на глаз», а не впадая в длительные математические изыскания, сразу же, в процессе работы видеть происходящие изменения, возвращаться на много ходов обратно, если изменения эти вас не устроили и многое, многое другое. DreamWeaver - это на мой взгляд лучшая программа для создания HTML, хотя конечно есть масса других программ, которые в чем-то обходят DreamWeaver, но только в очень узких областях. И тем не менее компания MacroMedia не стоит на месте в своих разработках, а шагает семимильными шагами вперед. Так например в версии DreamWeaver-4 появляются два очень полезных режима Code View и Split View. Они позволяют просматривать как отдельно HTML-код и дизайн, так и просматривать все вместе. А в DreamWeaver-6 MX, это последняя версия данного программного продукта, появляется много новых функций, частично меняется расположение панелей, делая работу с ним гораздо более удобной, чем с предыдущими версиями. Также одним из главных преимуществ последней версии является то, что в ней появляется библиотека стандартных шаблонов Web-страниц, где есть большое количество уже готовых каскадных стилевых таблиц, которые не требуют от пользователя никаких усилий по созданию новых страниц. Эти шаблоны Web-страниц позволяют экономить большое количество времени при проектировании. Несмотря на то, что многое в программе визуализировано и автоматизировано, все на русском и с большим количеством очевидных преимуществ, все равно HTML в чистом виде знать и понимать надо. Причем знать если не профессионально, то хоть примерно осознавать, на что вы смотрите, на какую таблицу или выпадающее меню.

2. ИСЛЕДОВАНИЕ ИНФОРМАЦИОННОЙ ИНФРАСТРУКТУ ООО «ЛИВЕНКА»

2.1 Используемое вычислительное оборудование

В качестве основной платформы для автоматизации предприятия используется платформа IBMPC или Wintel. Типичная аппаратная конфигурация персонального компьютера, используемая в ООО «Ливенка» представлена в таблице 1.

Таблица 2 - Основная конфигурация персонального компьютера

В качестве серверной операционной системы используется операционная система Microsoft Windows Server 2008.

В качестве базы данных используются два типа БД. Первая - это специальная реализация базы данных PostgresSQL, предназначенная для хранения БД 1С 8.2.

Вторая - MS SQL, хранит в себе сведения о домене, прокси-сервере и т.п. Используемый системный архиватор - WinRAR, формат сжатия резервных копий - zip. Используемый корпоративный антивирус - DrWeb, обладающий кроме антивирусной защиты функциями фаейрвола и блокиратора спама.

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

При проведении модернизации планируется запустить сервис электронного документооборота Microsoft SharePoint Workspace 2010. Основным пакетом прикладного программного обеспечения является Microsoft Office 2010. Наиболее используемые его компоненты это Microsoft Office Excel и Microsoft Office Word.

Дополнительным прикладным программным обеспечением является Технологическая Платформа 1С 8.2, которая включает в себя следующие конфигурации: «Бухгалтерия предприятия 2.0», «Turbo Pascal»; « Basiс»; «Microsoft Small Basic»; « С++».

Некоторые виды продукции ООО «Ливенка» являются автоматизированными. В частности, к таким видам продукции относятся топливнораздаточные колонки.

ООО «Ливенка» принимает заказы на изготовление автоматизированных топливораздаточных колонок «Ливенка» с управление от контроллера мобильной АЗС (КМАЗС) для ведомственных АЗС.

В наши дни стала наиболее актуальной тема автоматизации АЗС. В связи с этим конструкторский состав предприятия разработал новую автоматизированную ТРК с контроллером КУП-50. Данный вид ТРК предназначен для создания автоматизированной системы по учету и отпуску нефтепродуктов на автозаправочных станциях и ведомственных предприятиях на условиях внутрихозяиственного расчета.

Автоматизированная ТРК с контроллером КУП-50 позволяет усилить контроль за расходом ГСМ, предотвратить хищение, обеспечить регистрацию всех операций по отпуску ГСМ, проводить удаленный мониторинг работы оборудования, получать информацию об остатках ГСМ в резервуарах, производить оперативное изменение лимитов отпуска для любого потребителя.

Автоматизированная ТРК является идеальным решением для Вашей АЗС, так как позволяет отпускать и вести учет ГСМ без участия оператора, что снижает издержки по обслуживанию АЗС и сокращает время заправки транспортных средств.

Контроллер КУП-50 работает в комплексе с офисной программой «Центральный Офис», устанавливаемой на ПЭВМ в центральном офисе организации. Программа поставляется по отдельному заказу и может поддерживать работу с несколькими контроллерами КУП-50.

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

- позволяет настраивать, хранить в базе данных и передавать в контроллер параметры конфигурации системы (наименования ГСМ, параметры уровнемеров и резервуаров, настройки ТРК);

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

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

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

- мощные возможности для формирования отчетной документации. Возможность настроить шаблоны отчетов по своему усмотрению. Позволяет построить отчеты «Отпуск ГСМ за период», «Реализация по пользователям за период», «Реализация по подразделениям за период», «Журнал работы контроллера», «Журнал опроса резервуаров» за указанный временной промежуток;

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

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

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

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

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

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

- позволяет объединить в единую сеть до 200 контроллеров. Каждый контроллер имеет свой уникальный номер (сетевой адрес);

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

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

- возможность подключить несколько рабочих мест к общей базе данных (используется СУБД FireBird);

- удаленное обновление программного обеспечения контроллера.

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

4.2 Маркетинговые исследования

Начнем с того, что html - это язык программирования. Т.е. с его помощью можно создавать различные условия «если-то», «циклы», алгоритмы и др. В общем, можно создавать какие-то программы. Теперь другой вопрос, где программы на языке html будут работать? html - это не просто язык программирования, а язык веб-программирования и создавался он специально для приложений, которые будут работать в сети Интернет и на веб-сайтах.

Чаще всего код на языке html обрабатывают обычные браузеры.

Практически все современные браузеры поддерживают html, например эти: Internet Explorer,Opera, Google Chrome, FireFox и др. В браузерах есть специальный модуль, который может обрабатывать команды, написанные на этом языке и приводить их в понятный вид. По сути, Javascipt-код представляет собой обычный текстовый документ, который написан по специальным правилам. Т.к. html - код исполняется в браузере пользователя, а браузеры еще называют «клиентами», то этот язык программирования еще называют клиентским. Этим он отличается от так называемых серверных языков веб-программирования, которые выполняются на сервере.

Задачи, которые можно решать с помощью html:

1) добавление взаимодействий с действиями пользователя на веб-страницах. Если пользователь неправильно заполнил форму, то будет выдана ошибка;

2) добавление логики. Веб-страница будет вести себя по-особому, в зависимости от того, как ведет себя пользователь. Если человек увел курсор мыши из окна со страницей, то на этой странице появится форма подписки. Наверняка, вам приходилось видеть такой эффект на разных сайтах;

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

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

Код html может идти как отдельным файлом, так и встраивается в HTML-код страницы. Html код еще называют скриптом.

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

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

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

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

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

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

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

1) математические операции. На веб-страницах очень часто возникает необходимость произвести те или иные вычисления. Например, есть два текстовых поля и нужно в третьем текстовом поле вывести сумму двух чисел, которые введены в первые два. С помощью html можно создать калькулятор и разместить его на веб-странице. Еще ситуация, возьмем какую-нибудь текстовую строку на веб-странице, нужно увеличить ее размер в 1,5 раза. Это тоже можно сделать с помощью математических вычислений, путем умножения текущего размера на коэффициент 1,5. Задач, которые требуют вычислений очень и очень много на практике. html позволяет все это делать;

2) обработка данных в HTML-формах без подключения к Интернет и без использования серверных языков программирования. html позволяет проверять, что все требуемые поля заполнены и данные, которые в них находятся соответствуют нужному формату (например, если требуются цифры, то должны быть только цифры и не должно быть букв). Прежде чем отправлять данные на сервер, они проходят предварительную проверку на html. Это снижает нагрузку на сервер;

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

4) взаимодействовать с HTML-элементами на странице и управлять их содержимым и стилями. При наступлении определенного события (например, клик мыши или любого другого) можно изменять внешний вид (стили CSS) элементов на странице. Делается это все программно. Еще можно добавлять какие-нибудь HTML-теги или атрибуты к ним, также при наступлении определенного события;

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

Разработка html для Web осуществляется с помощью Django и Python.

Django - среда с открытым исходным кодом для ведения разработки Web-приложений в стиле модель-вид-контроллер (model-view-controller - MVC), вооруженную мощью языка Python. С помощью Django вы можете в считанные минуты создавать высококачественные, легкоуправляемые Web-приложения, работающие под управлением баз данных.

Проект Django представляет собой настраиваемую пользователем среду разработки. Он берёт начало из Web-сайта одной онлайн-газеты и был выпущен как система с открытым исходным кодом в июле 2005 года. Главные компоненты среды разработки Django следующие:

- объектно-реляционное отображение (object-relational mapping) для создания моделей;

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

- элегантно спроектированный механизм адресования (URL);

- язык шаблонов, для дизайнеров;

- система кэширования.

TurboGears - другая среда разработки Web-приложений в стиле шаблонов модель-вид-контроллер (model-view-controller - MVC) с открытым исходным кодом, работающий на языке программирования Python. Используется TurboGears для создания приложения Web-магазина. Разработчики TurboGears называют этот проект «мега-средой разработки», поскольку она создана из нескольких, прежде существующих подпроектов. TurboGears помогает склеивать вместе несколько главных компонентов:

- MochiKit: библиотека JavaScript;

- Kid: язык шаблонов;

- CherryPy: Основная Web-среда разработки;

- SQLObject: Объектно-реляционное преобразование (ORM).

Django и TurboGears являются средами разработки с MVC-стилем, которые позволяют динамично и быстро разрабатывать Web-сайты с помощью языка Python. Чтобы выбрать подходящую среду для потребностей организации, следует иметь в виду следующие различия:

- историческая справка: оба проекта, так же, как Ruby on Rails, были извлечены из существующих приложений и выпущены в мир программного обеспечения с открытым кодом. Django просуществовал дольше и изначально появился из онлайн газеты, которая показывала миллионы страниц в день. В свою очередь, TurboGears был преобразован из клиента-приложения для чтения новостей RSS, которое все еще находится в разработке. TurboGears больше задействован в сообществе открытого ПО, чем Django, поскольку он был создан из существующих компонентов с открытым кодом.

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

- адреса URL: механизм отсылки запросов в TurboGears распределяется с помощью класса контроллера и имен методов. Как только вы добавили класс контроллера или метод, он автоматически становится доступным. Если вам необходимо изменить путь, по которому работает данный контроллер, вам придется переконфигурировать структуру кода. С другой стороны, Django использует отдельный файл конфигураций на основе регулярных выражений для преобразования адресов URL в соответствующий им код, отделяя при этом структуру пути адресов URL от настоящей реализации.

Система TurboGears является более быстрой в установках настроек, чем Django, так как ей необходим только декоратор expose для создания новых страниц. Однако система конфигурации в Django более гибка и удобна для настройки максимального контроля системы. Адреса URL в Django можно легко переобозначить после основательной перекомпоновки. Это помогает предотвратить появление «испорченных ссылок», возникающих из-за старых закладок или закэшированных результатов движка поиска. «Испорченные ссылки» значительно влияют на интенсивность трафика и удобство использования содержательных Web-сайтов, для создания которых и было спроектировано Django;

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

С другой стороны, Django была создана еще в 2003 году, когда существовавшие тогда компоненты языка Python не были такими устоявшимися, как сейчас. Web-стек в Django был создан разработчиками, и в результате мы имеем стабильную среду разработки, которую можно использовать для создания нескольких Web-сайтов, управляющих миллионами новостей в день. Однако некоторые люди заявляли, что проект Django может пострадать от «Синдрома NIH» (Not Invented Here - Изобретено Не Здесь) по причине недостаточного повторного использования кода. Но позиция команды Django в том, что работа для создания среды разработки в Python вручную теперь не сложнее склеивания существующих компонент вместе, и что конечный результат представляет гораздо более единообразную и сплоченную среду разработки;

- html: среда TurboGears представила MochiKit, html-библиотеку, занимающую первое место в данной среде разработки. Команда разработчиков также создала widget-библиотеку, которая обеспечивает широкое применение html для создания элементов с «богатыми» формами. Это показывает, как работает важная разработка толстого клиента (Ajax) в мире TurboGears. Команда Django не стала выбирать html-библиотеку в качестве изначальной настройки в среде разработке, но, тем не менее, обсуждала эту возможность;

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

- лицензия. По причине того, что Django был создан вручную, данный проект выпущен под лицензией открытого кода (лицензия BSD). TurboGears, который был создан из множества разных проектов, имеет несколько лицензий. SQLObject, ORM-инструмент, спроектирован LGPL (Lesser General Public License), в которой говорится, что если исходный код SQLObject-библиотеки изменяется и распространяется, то данные изменения необходимо сделать доступными для общего пользования. Данная лицензия не требует, чтобы приложения, использующие его, были открытыми. Несмотря на это, некоторые компании блокируют использование ПО, имеющего лицензию LGPL. В таких случаях вы можете использовать SQLAlchemy, другой ORM-инструмент с более сильной поддержкой в TG-сообществе.

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

4.3 Определение ключевых показателей

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

Разработка конфигуратора топливно-раздаточных колонок на языке html позволит:

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