Разработка web-сайта для направления "SETin" торгово-производственной компании ООО "СЭТ Продакшн"
Процесс создания web-сайтов с использованием современных языков программирования. Разработка web-сайта для торгово-производственной компании ООО "СЭТ Продакшн". Анализ деятельности направления "SETin": рынок, целевая аудитория. Дизайн сайта и логотипа.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | дипломная работа |
Язык | русский |
Дата добавления | 01.10.2017 |
Размер файла | 3,0 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
www.mramor-granit-kvarz.ru
Рис. 18
«Производственная компания "Каменный Берег". Оказываемые услуги: изготовление изделий из камня; монтаж изделий из камня; продажа натурального камня; продажа искусственного камня (кварцевого агломерата); транспортировка изделий из камня/плит камня по России и СНГ». В логотипе использован образ гор и коричневый цвет, что ассоциируется с использованием природных, натуральных и качественных материалов, но, если светлые элементы выполнить в белом цвете, контрастность логотипа была бы выше, и смотрелся он мог смотреться лучше.
Концепция и эскиз
После ознакомления с логотипами фирм-конкурентов следует приступить к поиску основной идеи логотипа. Найти актуальные и востребованные образы, которые смогут передать принципы компании, вызовут правильные ассоциации и привлекут потенциальных клиентов. Важно использовать современные тенденции дизайна логотипа, это будет показывать, что предприятие следит за всеми своими отраслями, в том числе и за дизайном. Даже компании, которые были основаны давно, и имеют свой логотип, через определенный промежуток времени делают ребрендинг, чтобы не отставать от современного дизайна.
В настоящее время, время быстрого ритма жизни, когда у современных людей нет возможности углубляться в детали, над всем дизайном преобладает минималистичный стиль, который четко и ясно выражает смысл, не углубляясь в мелочи. Также минималистичные логотипы легче печатать как на полиграфической продукции, так и на других поверхностях, следовательно, это может существенно сэкономить средства компании.
В современном дизайне часто используется 3d-эффект, создаваемый за счет полупрозрачности и теней. Ведущие фирмы и дизайнеры приобщаются к эко-дизайну, используют натуральные элементы и природные цвета.
На основе вышеизложенных заключений была создана основная концепция логотипа для торгово-производственной компании «SETin»: это простой шрифтовой логотип, который должен сочетать в себе опыт и качество, накопленные годами, а также гибкость и умение подстраиваться под современные требования.
Так как компания основывается на изготовлении элитной мебели из современных материалов было решено совместить несколько стилей, которые показывают с одной стороны роскошь, выразительность, грандиозность, великолепие, с другой стороны это свобода мысли и идеи, необычность, выражение собственных желаний, а с третьей стороны - это современность, рациональность и стремление избежать ненужного.
Именно поэтому в логотипе должны использоваться элементы нескольких стилей, например, таких, как романтизм, барокко и минимализм.
Сформулировав основную идею логотипа осуществляются первые наброски. Это делается для того, чтобы увидеть базовое расположение элементов и понять какая из задумок будет наиболее оптимальной.
Рис. 19
Рис. 20
Рис. 21
Рис. 22
3.5 Дизайн сайта
Создание макетов, в которых отображен дизайн сайта происходит в графическом редакторе Adobe Photoshop.
- Создание нового документа (сочетание клавиш Ctrl+N).
- Задание размеров.
Основным параметром является ширина, так как сайт должен иметь минимальный размер, который применяется для мониторов. В настоящее время минимальное разрешение экрана, которые используются - 1024х768. Безопасный размер ширины макета составляет 960 пикселей, рассчитывается исходя из ширины монитора и боковых панелей браузера. Высота указывается произвольным образом.
- В соответствии с выбранным типом и разметкой сайта следует расставить направляющие линии, с помощью которых далее будет происходить построение макета.
- С помощью инструмента прямоугольник (нажатие клавиши U) сроятся блоки, в которых будет размещен контент. В данном дизайне используются только прямоугольные формы, но программа обладает возможностью создавать и другие, более сложные фигуры. На верхней панели можно выбрать настройки для этого инструмента, например, цвет заливки и обводки, соответствующие цветовой палитре, выбранной на этапе подбора цветового решения сайта.
- Фотографии, использованные при создании дизайна, открываются в новом файле и с помощью инструмента овальная область (нажатие клавиши M) выделяются. Далее вырезаются на новый слой и данный слой переносится в документ с макетом сайта.
- Инструмент горизонтальный текст (нажатие клавиши Т) позволяет разместить контент в соответствии с заданным местом. На верхней панели можно отрегулировать необходимые параметры, например, шрифт, кегль, цвет текста и др.
- Отрисовка логотипа, иконок и др. векторных элементов происходит в программе Corel Draw.
- Чтобы сохранить макет, необходимо в меню файл выбрать пункт сохранить (или нажать сочетание клавиш Ctrl+S) и выбрать в открывшемся окне путь, к папке в которой будет храниться файл.
3.6 Дизайн логотипа
Логотип, а также некоторые векторные элементы сайта создаются в векторном графическом редакторе Corel Draw.
- Создание нового документа (сочетание клавиш Ctrl+N).
- Задание параметров документа.
- Для более точного построения логотипа можно использовать направляющие линии и сетку, которая включается кнопкой, расположенной на верхней панели «показать / спрятать сетку».
- За основу логотипа был взят шрифт Times New Roman. С помощью инструмента «текст» (клавиша F8) создаются три отдельных буквы «S», «E», «T».
- Инструментом выбора выделяются буквы, нажатием правой кнопки мыши открывается меню, в котором выбирается пункт «преобразовать в кривую».
- С помощью инструмента создание форм объекты редактируются: выделяя узел, его можно переносить, удалять, а также добавлять новые узлы на свободном месте.
- Дополнительные элементы создаются инструментом «кривая безье» и, если необходимо, редактируются инструментом создания форм.
- В свойствах объекта выбираются необходимые настройки, например, толщина абриса, цвет абриса, цвет заливки и т.д.
- После завершения редактирования логотипа все его элементы выделяются и группируются (кнопка на верхней панели «сгруппировать»).
- Файл сохраняется в необходимом расширении. Обычно для сайта - это расширение .png.
3.7 Интерактивный прототип
После создания макетов сайта, следует создать интерактивный прототип, для того, чтобы представить путь пользователя, по которому он будет следовать на сайте. Также интерактивный прототип утверждается с заказчиком и предоставляет ему возможность наглядно увидеть действие web-сайта.
Для создания интерактивного прототипа из файлов используется ресурс marvelapp.com.
- С помощью кнопки add images (добавить изображения) на сервис загружаются макеты страниц сайта в формате .jpeg.
- При наведении мышки и нажатии на кнопку «edit» (изменить) открывается оригинальный вид макета. Существует возможность прокрутки всего макета для более детального рассмотрения.
- Чтобы связать макеты страниц мышкой выделяется нужный элемент, после чего всплывает меню, в котором следует выбрать ссылку на место в данном макете, либо на макет другой страницы.
- Настройки сервиса позволяют выбрать какой переход будет использован при переключении страниц, а также при каком действии переход следует осуществлять.
- Нажатием кнопки «done» (выполнено) редактирование завершается, и пользователь попадает обратно на главную страницу, где можно перейти к просмотру готового прототипа.
3.8 Верстка сайта
Верстка сайта производится в программе sublime text 2.
Первый файл является основным при верстке сайта. Он содержит в себе все шаблоны страниц и инструкции к их применению.
В UMI создано несколько инструментов, которые позволяют получать в виде XML практически все данные, которые в ней есть. Можно получить информацию о странице, о каком-то объекте, информацию которая возвращает макрос.
Все шаблоны с расширением .xsl должны храниться в папке на хостинге xsltTpls.
Шаблон преобразования - это правила, по которым данный XML-документ будет преобразовываться.
3.8.1 Структура XSLT документа
<?xml version="1.0" encoding="utf-8"?>
Данная строка сообщает браузеру информацию о том, что файл использует формат XML.
Все преобразования должны быть заключены в блок с указанием версии и пространство имен:
<xsl:stylesheetversion="1.0".
<xsl:include href="multi.xsl"/>
Следующим шагом, с помощью инструкции «xsl:include», идет подключение дочерних файлов, в которых также указаны шаблоны к модулям. Модули - это набор функций UMI.CMS, которые определяют функциональность системы.
Далее идут правила преобразования, которые указываются в блоках.
<xsl:template match="/" >
Директива match=”/” говорит о том, что шаблон является глобальным. Основной шаблон строится на подобии структуры html-документа. XSL также имеет теги <head></head>, между которыми размещается информация, способствующая поисковым системам распознавать сайт,
<meta name="description" content="{result/meta/description}"/>
<meta name="keywords" content="{result/meta/keywords}"/>
Преобразовывает поля description и keywords, которые указываются при создании страницы в UMI.CMS.
Здесь же подключаются файлы стилей и скриптов.
Между тегами <body></body> размещается общая структура страниц:
1 Логотип
2 Меню
3 Контент
4 Подвал
Остальные шаблоны, размещенные в данном файле - уточняющие, т.е. описывают преобразования для конкретных страниц и модулей.
Когда создается шаблон для текущей страницы возникает необходимость из данного XML-документа вывести только нужную информацию.
<xsl:value-of select="result/@header " />
В кавычках указывается путь того элемента, который нужно вывести. Чтобы обратиться к узлу следует по иерархии указать путь до необходимого узла. Для обращения к атрибуту после пути до узла ставится знак «@».
web сайт производственный дизайн логотип
Этот шаблон берет содержимое элемента udata с атрибутами module = 'content' и method = 'menu', вставляет теги <ul></ul> и отправляет на обработку все элементы item, результаты помещая между <ul></ul>.
Далее шаблон обращается ко всем элементам “item”, размещая их между тегами <a></a>, что позволяет использовать в дальнейшем элементы как ссылки. Последний шаблон описывает инструкцию для активного пункта меню.
Во всех общих случаях, где не указано иных правил, берутся все элементы с атрибутами module = 'content' и method = 'content' и выводятся только те значения, которые в xml документе соответствуют положению /result/page/properties/group/property[@name = 'content']/value.
«disable-output-escaping="yes"» указывает на то, что текст будет выведен без html-тегов.
Шаблон главной страницы содержит в себе несколько внутренних страниц. Благодаря такой структуре редактировать основную страницу сайта становится удобнее, так как контент разделен на несколько частей:
1 Баннер.
2 Основной контент.
3 Текстовый слайдер.
4 Форма заказа.
Страницы сайта, которые содержат более одного блока с контентом должны быть обозначены отдельными шаблонами для правильного отображения в браузере.
В шаблоне, который отвечает за страницу контакты помимо контента, подключен скрипт интерактивной яндекс-карты. Это делает сайт более удобным для пользователя, позволяя ему мгновенно просмотреть маршрут к организации.
Последний шаблон создан для несуществующих страниц. Если пользователь вводит в адресную строку адрес сайта с несуществующей страницей, в результате он увидит предупреждение о том, что запращиваемая страница еще не создана.
3.8.2 Стили сайта
Весь внешний вид сайта описывается в файле setinstyle.css, который хранится на сервере в папке css/cms.
- Первыми описываются глобальные селекторы, такие как html и body. Их следует обнулить т.е. указать минимальные значения для отступов и других свойств. Делается это для того, чтобы браузеры, которые имеют собственные css настройки, не изменили стиль сайта.
- Далее указываются настройки для общих селекторов, которые не используют классы. Это такие селекторы как p - абзац, h1, h2, h3, h4 - заголовки разных уровней, a - ссылки, a:hover - ссылки при наведении мышкой, и др. Здесь указываются параметры для текста и отступов:
Margin - внешний отступ
Padding - внутренний отступ
Color - цвет текста
Font-size - размер текста и др.
- В стилях используется селектор ul:not([class]), где :not([class]) обозначает, что стиль должен применяться ко всем тегам ul, которые не обозначены никакими классами.
- Селекторы, перед которыми стоят точки обозначают классы, которые применялись к каким-либо html-тегам. Их создают, чтобы определить стиль для конкретного элемента.
- В некоторых случаях необходимо к разным селекторам применить одинаковые стили. Для экономии места следует селекторы записывать через запятую.
input, textarea, select{
width: 220px; (ширина элемента)
}
- Если необходимый селектор не имеет класса / идентификатора, но к нему необходимо применить свойство указываются все селекторы, начиная от родительского.
.main_menu .level-0 li:hover .level-1{
display: block; (определяет, как элемент показан)
position: absolute; (Устанавливает способ позиционирования элемента
относительно окна браузера или других объектов на веб-странице)
top: 70px; (позиционирует элемент относительно верхнего края)
left: 0px; (позиционирует элемент относительно левого края)
z-index:100; (позиционирует элемент относительно оси z, т.е.
наложение элементов друг на друга)
width:192px; (ширина элемента)
font-size:15px; (размер текста)
line-height:1.3em; (межстрочный интервал)
background-color:#533c29; (цвет фона)
border-top:0; (размер верхней границы)
}
3.8.3 PHP
На данном сайте используется форма заказа изделий, которая обрабатывается с помощью файла mail.php. Он хранится в папке php.
- $_POST['title'] - содержит данные из поля «тема».
- $_POST['mess'] - содержит данные из поля «изображение».
- $_POST['name'] - содержит данные из поля «имя».
- $_POST['tel'] - содержит данные из поля «телефон».
- $_POST['email'] - содержит данные из поля «e-mail».
- trim() - убирает все лишние пробелы и переносы строк.
- htmlspecialchars() - преобразует специальные символы в HTML
- сущности.
- substr($_POST['title'], 0, 1000) - максимальное количество
допустимых знаков - 1000.
Проверка на ошибки. Если неправильно заполнены поля, то браузер отображает ошибку.
Подключение файла класса для отправки почты.
Подключение изображения, если было. Оно прикрепляется в виде картинки к телу письма.
После отправки письма браузер выводит сообщение об успешной отправке.
3.8.4 Java Script
С помощью Java Script на сайте реализована функция слайдера.
3.9 Создание страниц сайта в UMI.CMS
Весь контент, который должен быть размещен на сайте создается в административной панели. Чтобы зайти в нее следует в адресной строке вписать: адрес сайта/admin (например, setin.su/admin).
- Для того чтобы страницы, созданные в UMI отображались нужно подключить созданный ранее шаблон, для этого после входа в административную панель, следует перейти в «Настройки модуля». Далее на вкладке «Шаблоны» в самой нижней, пустой строке вводится название шаблона и имя файла. Действие следует сохранить, нажав на соответствующую кнопку.
- Чтобы создать первую страницу осуществляется переход в модуль «структура». Там уже есть строка с доменом сайта. При наведении на домен всплывает иконка «Добавить подстраницу». Открывается новое окно, где следует указать все необходимые параметры.
- Особое внимание следует уделить полю контент. Здесь, помимо обычного ввода текста и различными параметрами для его редактирования, существует возможность редактировать в html-редакторе. При нажатии данной кнопки открывается окно, в котором можно верстать страницы с помощью html-кода.
- Во вкладке «дополнительные параметры» важным является пункт «шаблон дизайна». Здесь следует выбрать тот шаблон, который подключался в настройках модуля.
- Если страница должна отображаться в меню, необходимо отметить пункт «отображать в меню». Страница сохранится после нажатия на одну из кнопок: Добавить и посмотреть / Добавить и выйти / Добавить.
3.10 Отладка работы сайта
После завершения создания сайта необходимо проверить его работоспособность. Для этого необходимо, чтобы несколько человек зашли на web-сайт. Тестирующим необходимо заходить с различных браузеров, чтобы проверить кроссбраузерность верстки, т.е. правильность отображения сайта во всех браузерах, также пользователи должны посетить все страницы сайта, и проверить все функции и возможности. После чего все замечания сообщаются разработчику, который устраняет какие-либо недостатки.
Выводы по разделу 3
«SETin» - торгово-производственная компания, которая занимается производством мебели.
Создаваемый сайт нацелен на франчайзинговые организации, государственные организации и дизайнеров интерьера.
Выбранный тип сайта - одноколонный бизнес-сайт с элементами каталога, выполненный в теплых коричневых оттенках.
Раздел 4. Охрана труда
4.1. Правовые и организационные вопросы охраны труда
Термин «безопасность» может быть применимо к системе «объект защиты -- источник опасности».
Безопасность объекта - это состояние объекта, при котором воздействие на него всех потоков вещества, энергии и информации не превышает допустимых значений.
Необходимость четкой связи термина «безопасность» с объектом защиты весьма важна, так как полностью определяет круг знаний, умений и навыков специалиста, реализующего задачу обеспечения безопасности объекта защиты.
Основное желаемое состояние человека как объекта защиты - безопасное. Оно реализуется при полном отсутствии негативных воздействий на него и достигается также при условии, когда действующие опасные потоки снижены системой защиты до предельно допустимых уровней воздействия.
Охрана труда - система сохранения жизни и здоровья работников в процессе трудовой деятельности, включающая в себя правовые, социально-экономические, организационно-технические, санитарно-гигиенические, лечебно-профилактические, реабилитационные и иные мероприятия. [1]. Она объединяет следующие вопросы:
- правовые - законодательства по охране труда;
- технические - техника безопасности и пожарная безопасность;
- санитарно-гигиенические - гигиена труда и производственная санитария;
- организационные - инструктаж, обучение и проверка знаний по технике безопасности, пропаганда безопасной работы, контроль за выполнением мероприятий по охране труда.
Охрана труда является неотъемлемой частью организации труда и производства. Это значит, что вопросы охраны труда должны решаться одновременно с проектированием и организацией любого производственного процесса.
Условия труда - совокупность факторов производственной среды и трудового процесса, оказывающих влияние на работоспособность и здоровье работника. [1]
На любом предприятии система охраны труда должна быть утверждена. Согласно Ст.212 обязанности работодателя по обеспечению безопасных условий и охраны труда.
Безопасные условия охраны труда - условия труда, при которых воздействие на работающих вредных и (или) опасных производственных факторов исключено либо уровни их воздействия не превышают установленных нормативов. [1]
Существуют специальные институты, которые проверяют и изучают степень воздействия опасных и вредных производственных факторов на организм человека и именно они определяют нормативы.
«Обязанности по обеспечению безопасных условий и охраны труда возлагаются на работодателя». В рамках системы работодатель обязан назначить персону, ответственную за безопасность труда и охрану здоровья. Ответственная персона проводит оценку рисков на рабочем месте и консультирует работников. Но на каждом конкретном участке ведения работ ответственность за охрану труда несет руководитель подразделения.
Помимо ответственного лица, который несет ответственность за систему охраны труда на предприятии, существует работник, который согласно ст. 214 обязанности работника в области охраны труда ТК РФ, обязан соблюдать требования охраны труда; правильно применять средства индивидуальной и коллективной защиты [2], и выполнять другие меры предосторожности на рабочем месте.
4.1.1. Виды ответственности
За охрану труда существует несколько видов ответственности:
1. дисциплинарная
Меры ответственности: замечание, выговор, увольнение по определенным обстоятельствам, которые оговорены в трудовом кодексе ст. 81 Расторжение трудового договора по инициативе работодателя. Статья говорит о том за что может быть уволен работник.
Согласно ст.192 ТК РФ дисциплинарные взыскания, работодатель имеет право применить взыскания, такие как:
- замечание
- выговор
-увольнение [3]
Также при дисциплинарной ответственности следует учитывать ст.193 ТК РФ, в которой указан порядок применения дисциплинарных взысканий и ст.194 снятие дисциплинарного взыскания, в которой говорится о том, что дисциплинарное взыскание действует год, либо оно может быть снято работодателем или по просьбе работника.
2. материальная
В 11 разделе ТК РФ предусмотрены правила при материальной ответственности сторон трудового договора.
Ст.232 Обязанность стороны трудового договора возместить ущерб, причиненный ею другой стороне этого договора и 233 Условия наступления материальной ответственности стороны трудового договора работник или работодатель обязаны возместить ущерб пострадавшей стороне, если было совершено виновное противоправное действие или бездействие.
3. административная
Она наступает в соответствии с требованиями КОАП (кодекс об административных правонарушениях) за несоблюдение правил охраны труда, если данное нарушение не достигает такой степени опасности, за которую привлекают к уголовной ответственности.
Меры ответственности: предупреждение, штраф или ограничение прав. Накладывать штраф имеют право только административные органы.
4. уголовная.
Уголовная ответственность установлена ст.143 Нарушение правил охраны труда Уголовного Кодекса РФ, которая состоит из двух пунктов: нарушение правил техники безопасности или иных правил охраны труда, совершенное лицом, на котором лежали обязанности по соблюдению этих правил, если это повлекло по неосторожности причинение тяжкого вреда здоровью человека, а также те же де деяния, повлекшие по неосторожности смерть человека. [4].
В виде наказания может быть применен штраф, либо исправительные работы, а также лишение свободы сроком на один год, либо на срок до трех лет. Уголовная ответственность наступает по суду.
4.1.2. Организация обучения безопасности труда
Большинство статистических исследований свидетельствуют о том, что основной причиной несчастных случаев на производстве является человеческий фактор. Из этого следует, что основным направлением деятельности по снижению уровня производственного травматизма на предприятиях должно являться качественное обучение работников безопасности труда.
Существует документ «Организация обучения безопасности труда» ГОСТ 12.0.004-90, в котором указаны стандарты и порядок обучения по безопасности труда всех рабочих, специалистов и руководителей на предприятии.
Обучение и проверка знаний руководителей и специалистов
1 Руководители и специалисты народного хозяйства, вновь поступившие на предприятие (кооператив), должны пройти вводный инструктаж.
2 Вновь поступивший на работу руководитель и специалист, кроме вводного инструктажа, должен быть ознакомлен вышестоящим должностным лицом:
с состоянием условий труда и производственной обстановкой на вверенном ему объекте, участке;
с состоянием средств защиты рабочих от воздействия опасных и вредных производственных факторов;
с производственным травматизмом и профзаболеваемостью;
с необходимыми мероприятиями по улучшению условий и охране труда, а также с руководящими материалами и должностными обязанностями по охране труда.
Не позднее одного месяца со дня вступления в должность они проходят проверку знаний. Результаты проверки оформляют протоколом.
3 Руководители и специалисты предприятий, учебных заведений, связанные с организацией и проведением работы непосредственно на производственных участках, а также осуществляющие контроль и технический надзор, подвергаются периодической проверке знаний по безопасности труда не реже одного раза в три года, если эти сроки не противоречат установленным специальными правилами требованиям.
Руководители предприятий, учебных заведений (директора, главные инженеры и их заместители), главные специалисты, а также работники отдела (бюро, инженер) охраны труда проходят периодическую проверку знаний в порядке, установленном вышестоящей организацией.
Проверку знаний у руководителей и специалистов кооперативов, арендных коллективов, малых и других самостоятельных предприятий проводят в комиссиях, организуемых областными (городскими) комитетами отраслевых профсоюзов.
4. Перед очередной проверкой знаний руководителей и специалистов организуют семинары, лекции, беседы, консультации по вопросам охраны труда в соответствии с программами, разработанными на предприятии, в учебном заведении, и утвержденными его руководителем (главным инженером).
5. Для проверки знаний руководителей и специалистов приказом по предприятию, учебному заведению по согласованию с профсоюзным комитетом создают постоянно действующие экзаменационные комиссии.
6. В состав комиссий включают работников отделов (бюро, инженера) охраны труда, главных специалистов (механик, энергетик, технолог), представителей профсоюзного комитета. Для участия в работе комиссий в необходимых случаях приглашают представителей органов государственного надзора, технической инспекции труда.
Конкретный состав, порядок и форму работы экзаменационных комиссий определяют руководители предприятий, учебных заведений.
7. В работе комиссии принимают участие лица, прошедшие проверку знаний.
8. Результаты проверки знаний руководителей и специалистов оформляют протоколом.
9. Работники, получившие неудовлетворительную оценку, в срок не более одного месяца должны повторно пройти проверку знаний в комиссии.
10. Внеочередную проверку знаний руководителей и специалистов проводят:
1) при вводе в действие новых или переработанных нормативных документов по охране труда;
2) при вводе в эксплуатацию нового оборудования или внедрении новых технологических процессов;
3) при переводе работника на другие место работы или назначении его на другую должность, требующую дополнительных знаний по охране труда;
4) по требованию органов государственного надзора, технической инспекции труда профсоюзов, вышестоящих хозяйственных органов. [5]
4.2 Оценка условий труда
28 декабря 2013 года был принят федеральный закон №426-ФЗ «О специальной оценке труда». В РФ впервые на уровне закона были приняты положения, которые касаются регламентации условий труда работников. До 1 января 2014 года в стране эту функцию выполнял приказ министерства здравоохранения РФ «О проведении аттестации рабочих мест».
Данную процедуру аттестации рабочих мест должен проводить каждый работодатель независимо от количества сотрудников, имеющихся в подчинении, и размера самого предприятия. Для каждого рабочего места существуют свои нормы и документация по организации рабочего места. Например, для организации рабочего места с ЭВМ существует документ в СанПиН 2.2.2/2.4.1340-03 "Гигиенические требования к персональным электронно-вычислительным машинам и организации работы".
4.2.1 Требования к помещениям для работы с ПЭВМ
1. Эксплуатация ПЭВМ в помещениях без естественного освещения допускается только при наличии расчетов, обосновывающих соответствие нормам естественного освещения и безопасность их деятельности для здоровья работающих.
2. Естественное и искусственное освещение должно соответствовать требованиям действующей нормативной документации. Окна в помещениях, где эксплуатируется вычислительная техника, преимущественно должны быть ориентированы на север и северо-восток.
Оконные проемы должны быть оборудованы регулируемыми устройствами типа: жалюзи, занавесей, внешних козырьков и др.
3. Не допускается размещение мест пользователей ПЭВМ во всех образовательных и культурно-развлекательных учреждениях для детей и подростков в цокольных и подвальных помещениях.
4. Площадь на одно рабочее место пользователей ПЭВМ с ВДТ на базе электронно-лучевой трубки (ЭЛТ)должна составлять не менее 6 м2, в помещениях культурно-развлекательных учреждений и с ВДТ на базе плоских дискретных экранов (жидкокристаллические, плазменные) - 4,5 м2.
При использовании ПВЭМ с ВДТ на базе ЭЛТ (без вспомогательных устройств - принтер, сканер и др.), отвечающих требованиям международных стандартов безопасности компьютеров, с продолжительностью работы менее 4 ч в день допускается минимальная площадь 4,5м2 на одно рабочее место пользователя (взрослого и учащегося высшего профессионального образования).
5. Для внутренней отделки интерьера помещений, где расположены ПЭВМ, должны использоваться диффузно отражающие материалы с коэффициентом отражения для потолка - 0,7-0,8; для стен - 0,5-0,6; для пола - 0,3-0,5.
6. Полимерные материалы используются для внутренней отделки интерьера помещений с ПЭВМ при наличии санитарно-эпидемиологического заключения.
7. Помещения, где размещаются рабочие места с ПЭВМ, должны быть оборудованы защитным заземлением (занулением) в соответствии с техническими требованиями по эксплуатации.
8. Не следует размещать рабочие места с ПЭВМ вблизи силовых кабелей и вводов, высоковольтных трансформаторов, технологического оборудования, создающего помехи в работе ПЭВМ. [6]
4.2.2 Требования к уровням шума и вибрации на рабочих местах, оборудованных ПЭВМ
1. В производственных помещениях при выполнении основных или вспомогательных работ с использованием ПЭВМ уровни шума на рабочих местах не должны превышать предельно допустимых значений, установленных для данных видов работ в соответствии с действующими санитарно-эпидемиологическими нормативами.
2. В помещениях всех образовательных и культурно-развлекательных учреждений для детей и подростков, где расположены ПЭВМ, уровни шума не должны превышать допустимых значений, установленных для жилых и общественных зданий.
3. При выполнении работ с использованием ПЭВМ в производственных помещениях уровень вибрации не должен превышать допустимых значений вибрации для рабочих мест (категория 3, тип «в») в соответствии с действующими санитарно-эпидемиологическими нормативами.
4. В помещениях всех типов образовательных и культурно-развлекательных учреждений, в которых эксплуатируются ПЭВМ, уровень вибрации не должен превышать допустимых значений для жилых и общественных зданий в соответствии с действующими санитарно-эпидемиологическими нормативами.
5. Шумящее оборудование (печатающие устройства, серверы и т.п.), уровни шума которого превышают нормативные, должно размещаться вне помещений с ПЭВМ. [6]
4.2.3 Общие требования к организации рабочих мест пользователей ПЭВМ
1. При размещении рабочих мест с ПЭВМ расстояние между рабочими столами с видеомониторами (в направлении тыла поверхности одного видеомонитора и экрана другого видеомонитора), должно быть не менее 2,0 м, а расстояние между боковыми поверхностями видеомониторов - не менее 1,2 м.
2. Рабочие места с ПЭВМ в помещениях с источниками вредных производственных факторов должны размещаться в изолированных кабинах с организованным воздухообменом.
3. Рабочие места с ПЭВМ при выполнении творческой работы, требующей значительного умственного напряжения или высокой концентрации внимания, рекомендуется изолировать друг от друга перегородками высотой 1,5-2,0 м.
4. Экран видеомонитора должен находиться от глаз пользователя на расстоянии 600-700 мм, но не ближе500 мм с учетом размеров алфавитно-цифровых знаков и символов.
5. Конструкция рабочего стола должна обеспечивать оптимальное размещение на рабочей поверхности используемого оборудования с учетом его количества и конструктивных особенностей, характера выполняемой работы. При этом допускается использование рабочих столов различных конструкций, отвечающих современным требованиям эргономики. Поверхность рабочего стола должна иметь коэффициент отражения 0,5-0,7.
6. Конструкция рабочего стула (кресла) должна обеспечивать поддержание рациональной рабочей позы при работе на ПЭВМ, позволять изменять позу с целью снижения статического напряжения мышц шейно-плечевой области и спины для предупреждения развития утомления. Тип рабочего стула (кресла) следует выбирать с учетом роста пользователя, характера и продолжительности работы с ПЭВМ.
Рабочий стул (кресло) должен быть подъемно-поворотным, регулируемым по высоте и углам наклона сиденья и спинки, а также расстоянию спинки от переднего края сиденья, при этом регулировка каждого параметра должна быть независимой, легко осуществляемой и иметь надежную фиксацию.
7. Поверхность сиденья, спинки и других элементов стула (кресла) должна быть полумягкой, с нескользящим, слабо электризующимся и воздухопроницаемым покрытием, обеспечивающим легкую очистку от загрязнений. [6]
Заключение
В процессе разработки данной дипломной работы было проведено исследование предметной области, рассмотрены аналогичные сайт фирм-конкурентов, и описаны программные средства, использованные при решении поставленных задач.
В первом разделе были рассмотрены теоретические основы разработки web-сайта, которые использовались в практической работе по созданию ресурса.
На основе исследования web-сайтов конкурентных организаций была составлена структура нового проекта, выбраны тип, разметка и цветовая схема сайта. В программах CorelDRAW и Adobe Photoshop были созданы эскизы логотипа и дизайна сайта.
Соответственно, для выполнения поставленной цели выпускной квалификационной работы были решены следующие задачи:
- проанализирована деятельность направления «SETin»;
- определены условия и требования для сайта;
- разработана концепция и дизайн сайта.
Список использованных источников
1. 1С-Битрикс [Электронный ресурс] / авт. 1С-Битрикс // 1c-bitrix.ru. - «1С-Битрикс», AIC, 2001-2015 г.
2. 1С-Битрикс - платформа №1 для создания интернет магазина [Электронный ресурс] / авт. shop-script.su // Создание интернет магазина, аренда и покупка готовых интернет магазинов, услуги веб-студии по разработке интернет магазинов, cms для электронной коммерции. - shop-script.su.
3. Adobe Россия: решения для творчества, маркетинга и работы с документами [Электронный ресурс] / авт. Ltd Adobe Systems Software Ireland // adobe.com.
4. Corel Corporation - Россия [Электронный ресурс] / авт. Corporation Corel // corel.com/ru/.
5. Joomla [Электронный ресурс] // joomla.ru. - redsoft.ru/, 2006-2013 г..
6. UMI - сердце вашего сайта [Электронный ресурс] // umi-cms.ru/. - ООО «Юмисофт», 2007-2015 г..
7. UMI CMS - обзор преимуществ как платформы для интернет магазина [В Интернете] / авт. shop-script.su // Создание интернет магазина, аренда и покупка готовых интернет магазинов, услуги веб-студии по разработке интернет магазинов, cms для электронной коммерции. - shop-script.su. - shop-script.su.
8. WordPress -- идеальная платформа для публикации, ориентированная на красоту, поддержку стандартов и удобство использования. [Электронный ресурс / авт. wordpress.org // wordpress.org.
9. Википедия -- свободная энциклопедия [Электронный ресурс] // wikipedia.org/.
10. Макротипографика Микротипографика [Книга] / авт. В.В. Лаптев. - СПБ: Политехн. ун-та, 2011.
11. Особенности восприятия логотипов [Отчет] / авт. В. Оконечникова Л. - [б.м.]: Психологический вестник Уральского государственного университета. Вып. 6. -- Екатеринбург: Изд-во Урал. ун-та, 2008.
1. Статья 209 - Трудовой кодекс Российской Федерации;
2. Статья 214 - Трудовой кодекс Российской Федерации;
3. Статья 193 - Трудовой кодекс Российской Федерации;
4. Статья 143 - Уголовный кодекс Российской Федерации;
5. ГОСТ 12.0.004-90 «ССБТ. Организация обучения безопасности труда. Общие положения»;
6. СанПиН 2.2.2/2.4.1340-03 «Гигиенические требования к персональным электронно-вычислительным машинам и организации работы»
Размещено на Allbest.ru
...Подобные документы
Основы моделирования и разработки Web-сайтов. Обзор и сравнительный анализ языков программирования. Фреймворки, используемые при создании сайта. Разработка графического дизайна, моделирование и создание Web-сайта, руководство по администрированию.
курсовая работа [1,7 M], добавлен 07.11.2013Структура и внутреннее содержание разрабатываемого сайта, основные требования к нему, потребители и целевая аудитория, дизайн и стилистика. Создание прототипа сайта консалтинговой компании "Финанс-консалт" с помощью программного продукта Axure RP PRo.
контрольная работа [1,1 M], добавлен 10.01.2016Проектирование структуры и информационного содержания сайта. Анализ поисковой статистики и подбор синонимов. Целевая аудитория сайта. Реализация каркаса сайта. Разработка навигации и дизайна сайта с использованием css. Реализация интерактивности.
курсовая работа [10,7 M], добавлен 01.09.2016Разработка сайта с использованием современных программных средств. Разработка дизайна оформления, делающего сайт комфортным для пользователей. Основная концепция и содержание веб-сайта. Реализация регистрации и входа на сайт с использованием баз данных.
курсовая работа [837,0 K], добавлен 18.10.2022Классификация сайтов по технологиям, влияющим на дизайн и функциональность. Исследование языков программирования для web-сайтов. Характеристика особенностей личных и коммерческих сайтов. Разработка и реализация сайта Института математики и информатики.
отчет по практике [5,1 M], добавлен 09.12.2014Виды структур Web-сайтов: линейная, древовидная, решетчатая и произвольная. Структура и содержание сайта гостиничного комплекса "Воздвиженское", "Смоленск" и "Иртыш". Идеи сайта и целевая аудитория. Заполнение страниц информацией и тестирование сайта.
курсовая работа [1,7 M], добавлен 25.04.2015Разработка архитектуры сайта, структуры данных и необходимых программных модулей. Учет фирменного стиля компании при создании дизайна. Внедрение интерфейса административного редактирования сайта. Проведение экспериментального тестирования и отладки.
дипломная работа [3,0 M], добавлен 19.01.2017Классификация современных web-технологий. Сравнительный анализ систем управления сайтами. Исследование методов разработки, оптимизации и продвижения Web-сайта. Изучение фреймворков, используемых при разработке сайтов. Обзор создания графического дизайна.
дипломная работа [3,8 M], добавлен 07.11.2013Создание локальной версии Web-сайта компании, оказывающей услуги в сфере "Дизайн помещений". Логическая структура сайта – набор тематических рубрик с распределенными по разделам документами. HTML–коды Web-страниц. Теоретические аспекты создания сайта.
курсовая работа [94,0 K], добавлен 10.05.2011Основные цели и задачи разработки сайта компании, которая занимается маркетинговым продвижением сайтов, их оформлением, рекламными компаниями и копирайтингом. Характеристика целевой аудитории сайта. Ход работы по созданию сайт маркетинговой компании.
контрольная работа [1,4 M], добавлен 24.12.2016Подходы к созданию сайтов. Обоснование необходимости наличия персонального сайта компании ИП Тимонина Е.Н.. Структура, интерфейс, этапы создания сайта. Описание кода страниц. Создание web-страниц и наполнение их информацией. Верстка сайтов с чистым кодом.
дипломная работа [1,5 M], добавлен 03.06.2015Характеристика отдела ЗАГСа Еловского района, его деятельности и структуры. Разработка сайта управления записью актов гражданского состояния. Обоснование выбора языков программирования и средств разработки сайта. Затраты на разработку и внедрение сайта.
дипломная работа [4,7 M], добавлен 30.05.2014Анализ сетевых технологий в гостиничном деле. Официальные сайты компаний. Технологии при создании и поддержке сайтов. Разработка модели web-ресурса, шаблона, тестового примера. Основные этапы создания веб-сайта и презентации. Цены на разработку сайта.
курсовая работа [3,6 M], добавлен 30.03.2014Понятие web-сайта и их типы. Программы для создания web-сайта. Описание структуры проекта. Алгоритм создания сайта. Описание конструктора Jimdo. Языки программирования серверного выполнения. Создание полнофункционального веб-сайта для ОАО "КУЛЗ".
курсовая работа [3,5 M], добавлен 05.06.2015Корпоративное представительство как информация для посетителей и рабочий инструмент для сотрудников фирмы. Типы структур сайтов. Анализ существующих моделей создания сайта. Дизайн и функциональность сайта. Оптимизация кода. Процесс создания сайта.
курсовая работа [189,9 K], добавлен 12.03.2009Сайт – единая система организационных, технических, программных и информационных средств. Использование автоматизированных сайтов в деятельности организаций. Этапы разработки сайта HTML для компании "Lidia Travel": верстка сайта, наполнение контентом.
отчет по практике [773,3 K], добавлен 05.02.2015Значение и обзор современных средств веб-программирования на основе языков четвертого поколения. Технологические особенности разработки структуры сайта Интернет-магазина средств связи. Способы форматирования контента, систем навигации и дизайна сайта.
контрольная работа [3,2 M], добавлен 15.02.2011Понятие веб-сайта, история его создания, цели и виды. Роль администратора при разработке и обслуживанию сайта. Стратегия присутствия компании в Интернете. Значение корпоративного веб-сайта в деятельности компании. Цели и задачи корпоративных сайтов.
курсовая работа [49,9 K], добавлен 23.08.2011Эффективность web-сайта в процессе развития компании, этапы его проектирования. Средства для создания web-сайтов. Разработка web-сайта для праздничного агентства "Креатив", его структура и функциональные возможности. Создание главного меню и галереи.
курсовая работа [919,8 K], добавлен 20.01.2016Разработка сайта ГОУ СПО Краснодарского торгово-экономического колледжа. Назначение и цели создания сайта. Оценка бумажного или машинного прототипа при участии пользователя с целью обнаружить проблемы с юзабилити. Case-средства управления сайтом CMS.
дипломная работа [2,6 M], добавлен 27.10.2012