СОДЕРЖАНИЕ
ВВЕДЕНИЕ
1. ТЕОРЕТИЧЕСКИЕ ВОПРОСЫ РАЗРАБОТКИ ИНТЕРЕНЕТ - СТРАНИЦ НА ЯЗЫКЕ HTML
.1 История языка
.2 Сферы применения
.3 Использование программы Dream Weaver для создания сайтов
2. ИСЛЕДОВАНИЕ ИНФОРМАЦИОННОЙ ИНФРАСТРУКТУ ООО «ЛИВЕНКА»
.1 Используемое вычислительное оборудование
3. ПРОЕКТИРОВАНИЕ ПРОГРАММНОГО НАПОЛНЕНИЯ КОНФИГУРАТОРА ТОПЛИВОРАЗДАТОЧНЫХ КОЛОНОК НА ЯЗЫКЕ HTML
.1 Анализ задания на дипломный проект
.2 Формализация задания на дипломный проект
.3 Работа с программой DreamWeaver
.4 Написание кода html
.5 Скриншоты работы конфигуратора
4. ТЕХНИКО-ЭКОНОМИЧЕСКИЙ РАЗДЕЛ
.1 Технико-экономическое обоснование проекта
.2 Маркетинговые исследования
.3 Определение ключевых показателей
.4 Расчет себестоимости разработки конфигуратора
.6 Расчет финансовых результатов реализации проекта
5. БЕЗОПАСНОСТЬ ЖИЗНЕДЕЯТЕЛЬНОСТИ
.1 Анализ условий труда программиста в ОАО «Ливенка»
.2 Мероприятия по обеспечению и улучшению условий безопасности жизнедеятельности в помещении с АРМ ПК
.2.1 Обеспечение нормируемых параметров воздушной среды
.2.2 Определение мощности вентилятора
.3 Организация рабочего места инженера-программиста методом сокращения затрат вспомогательного времени
.4 Прогнозирование эффективности проведённых мероприятий
ЗАКЛЮЧЕНИЕ
СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ
ПРИЛОЖЕНИЯ
АННОТАЦИЯ
программист инженер язык труд
Тема дипломного проекта «Разработка дизайна и программного кода на языке HTML конфигуратора топливораздаточных колонок ООО «Ливенка»».
Год защиты 2014.
Дипломный проект выполнил студент П.И Болотов.
Дипломный руководитель Д.Н. Шолохов.
В теоретической части дано описание языка html, в аналитической части проведен анализ IT инфраструктуры, сделано обоснование
выбора используемой системы, в проектной части разработана html форма, в экономической части дано
обоснование проекта, в части безопасность жизнедеятельности произведен анализ
условий труда программиста на предприятии ООО «Ливенка».
В настоящее время проникновение сетевых технологий в деятельность предприятия очень велико. Для организации маркетинговых исследований и продаж, часто используются интерактивные каталоги изделий. Возможность просмотреть и выбрать продукцию разных видов и исполнений хорошо сказывается на увеличении ее продаж.
Интерактивные каталоги часто ассоциируются с библиотечным архивом или материалами. Но на сегодняшний день каталоги являются полезными не только в библиотеках. Они используются для рекламирования продуктов и услуг различных компаний. Фактически, по мере развития всё больше и больше функций интегрируются в каталоги.
В наши дни интерактивные каталоги используются для того, чтобы показать то, что предлагается потребителям. Они как магазины, которые предлагают свои услуги в интерактивном режиме. То что, они работают в интерактивном режиме, делает доступ к ним быстрым и удобным.
Каталоги принято считать большой частью маркетинга. Они предоставляют эффективный и изобретательный способ представления товаров на целевом рынке.
Для улучшения результатов работы интерактивного каталога можно добавить в него функцию конфигурирования изделия. Возможности конфигурирования продукции практически безграничны - начиная от внешнего вида (цвета, формы и т.д.), заканчивая внутренним устройством или его характеристиками.
В данном дипломном проекте будет разработана форма конфигуратора, представляющая из себя шаблон, который по желанию организации можно наполнить любой продукцией или изделиями.
За появление 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 будет поддерживаться на уровне
браузера, и такой ход развития событий не может не радовать. Остается
надеяться, что тенденция сохранится.
С самого начала своего развития язык HTML применялся для написания различных клиентских сценариев. Они широко применялись для решения таких задач, как, например, проверка информации, введенной пользователем в форму, перед ее отправкой на сервер или программирование ответных реакций на действия пользователя, делающие веб-страницы интерактивными. Сегодня с помощью языка HTML создаются уже целые веб-приложения, некоторые из которых мало чем уступают своим настольным «собратьям». Хорошие примеры таких веб-приложений можно найти среди сервисов компании Google. Для создания динамического содержимого веб-страниц используется язык создания динамических страниц Dynamic HTML. Язык HTML применяется не только в Интернете, но и в таких программах, как, например, Adobe Dreamweaver, Adobe Acrobat и Adobe Photoshop для расширения их возможностей, аналогично использованию языка Visual Basic в Microsoft Office.
Одна из последних версий 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.DreamWeaver - профессиональный редактор HTML для визуального создания и управления сайтами различной сложности и страницами сети Internet. Нравится ли вам вручную писать код HTML или вы предпочитаете работать в визуальной среде, Dreamweaver облегчает эту работу и обеспечивает полезными инструментами и средствами, чтобы сделать свои собственные проекты непревзойденными.включает в себя много инструментов и средств для редактирования и создания профессионального сайта: HTML, CSS, JavaScript, редакторы кода (просмотр кода и инспектор кода), что позволяет вам, редактировать различные текстовые документы, которые поддерживаются в Dreamweaver. Также вы можете настроить Dreamweaver, чтобы он наводил порядок и переформатировал HTML, как вы этого хотите.
Возможность визуального редактирования в Dreamweaver также позволяет быстро создавать или менять дизайн проекта без написания кода. Dreamweaver относится к так называемым «визуальным» редакторам, т.е. вы сразу можете видеть на экране (хотя бы приблизительно) результат своей работы. При этом он предоставляет полный доступ к источнику кода и не вставляет в него ничего лишнего, как это делает, например, FrontPage. Таким образом, можно создавать свою страничку и параллельно изучать HTML, заглядывая в источник. Можно на живом примере убедиться, что HTML - это просто. Простота обращения с редактором DreamWeaver заключается в том, что возможно рассмотреть все централизованные элементы и перетащить их с удобной панели непосредственно в документ.полностью настраиваемый. Можно использовать Dreamweaver, чтобы создавать свои собственные объекты и команды, изменять "горячие" клавиши и расширять возможности DreamWeaver новыми свойствами, инспекторами свойств и новыми отчетами о сайте.
DreamWeaver - это программа для облегчения написания HTML. Как и многие
подобные программы, он изобилует мощными, занимающими достаточно большое
количество ресурсов на компьютере средствами облегчить создание HTML кода.
DreamWeaver автоматизирует все что только можно автоматизировать, наиболее
наглядно отобразит код и получившийся в следствии изменений этого кода дизайн,
позволит строить таблицы «на глаз», а не впадая в длительные математические
изыскания, сразу же, в процессе работы видеть происходящие изменения,
возвращаться на много ходов обратно, если изменения эти вас не устроили и
многое, многое другое. DreamWeaver - это на мой взгляд лучшая программа для
создания HTML, хотя конечно есть масса других программ, которые в чем-то
обходят DreamWeaver, но только в очень узких областях. И тем не менее компания
MacroMedia не стоит на месте в своих разработках, а шагает семимильными шагами
вперед. Так например в версии DreamWeaver-4 появляются два очень полезных
режима Code View и Split View. Они позволяют просматривать как отдельно
HTML-код и дизайн, так и просматривать все вместе. А в DreamWeaver-6 MX, это
последняя версия данного программного продукта, появляется много новых функций,
частично меняется расположение панелей, делая работу с ним гораздо более
удобной, чем с предыдущими версиями. Также одним из главных преимуществ
последней версии является то, что в ней появляется библиотека стандартных
шаблонов Web-страниц, где есть большое количество уже готовых каскадных
стилевых таблиц, которые не требуют от пользователя никаких усилий по созданию
новых страниц. Эти шаблоны Web-страниц позволяют экономить большое количество
времени при проектировании. Несмотря на то, что многое в программе
визуализировано и автоматизировано, все на русском и с большим количеством
очевидных преимуществ, все равно HTML в чистом виде знать и понимать надо.
Причем знать если не профессионально, то хоть примерно осознавать, на что вы
смотрите, на какую таблицу или выпадающее меню.