Создания сайта на примере ЗАГСа Еловского района
Характеристика отдела ЗАГСа Еловского района, его деятельности и структуры. Разработка сайта управления записью актов гражданского состояния. Обоснование выбора языков программирования и средств разработки сайта. Затраты на разработку и внедрение сайта.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | дипломная работа |
| Язык | русский |
| Дата добавления | 30.05.2014 |
| Размер файла | 4,7 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Блок <div id=" header1">, представленный в соответствии с рисунком 8, является шапкой сайта, содержит заголовок и изображения, на одном из которых находится ссылка, указывающая на официальный сайт Еловского муниципального района.
Рисунок 8 - Блок <div id=" header1">
Блок <div id=" header2">, представленный в соответствии с рисунком 9, содержит таблицу, в которой располагаются текущее время и изображение.
Рисунок 9 - Блок <div id=" header2">
Блок <div id="left">, представленный в соответствии с рисунком 10, содержит меню сайта.
Рисунок 10 - Блок <div id="left">
Блок <div id="content">, представленный в соответствии с рисунком 11, является главным и содержит основную информацию сайта.
Рисунок 11 - Блок <div id="content">
Блок <div id="footer">, представленный в соответствии с рисунком 12, располагается в нижней части сайта, в которой принято публиковать информацию о разработчиках сайта и адрес электронной почты, при этом пользователи ресурса могут направить администраторам сайтов свои предложения и пожелания.
Рисунок 12 - Блок <div id="footer">
В css. css коде, представленном в приложении Б, содержится оформление и расстановка блоков <div>.
Блоки body, html, представленные в соответствии с рисунком 13, содержат фон сайта, поля и отступы web-страницы.
Рисунок 13 - Блоки body, html
#maket, представленный в соответствии с рисунком 14, данный блок описывает высоту, цвет, тень и отступы блока <div id="maket">.
Рисунок 14 - Блок #maket
#header1, представленный в соответствии с рисунком 15, данный блок описывает высоту, поля справа и лева, фон блока <div id=" header1">.
Рисунок 15 - Блок #header1
#header2, представленный в соответствии с рисунком 16, данный блок описывает поля отступы, цвет текста, границы и фон блока <div id=" header2">.
Рисунок 16 - Блок #header2
#left, представленный в соответствии с рисунком 17, данный блок описывает ширину, обтекание, отступы, тень блока <div id="left">.
Рисунок 17 - Блок #left
#content, представленный в соответствии с рисунком 18, данный блок описывает поля и отступы блока <div id="content">.
Рисунок 18 - Блок #content
#footer, представленный в соответствии с рисунком 19, данный блок описывает фон, поля, тень блока <div id="footer">.
Рисунок 19 - Блок #footer
В style. css коде, представленном в приложении В, содержится оформление и расстановка блоков <div>.
Пример style. css кода представлен в соответствии с рисунком 20.
Рисунок 20 - Код "style. css"
p. a1 задает оформление текста тега <p> класса <class="a1">.
p. a2 задает оформление текста тега <p> класса <class="a2">.
p. a3 задает оформление текста тега <p> класса <class="a3">.
. s задает оформление текста тега <s>.
. s1 задает оформление текста тега <s1>.
. s2 задает оформление текста тега <s2>.
В menu. css коде, представленном в приложении Г, содержится оформление и расстановка блоков <div>.
#nav, представленный в соответствии с рисунком 21, устанавливает оформление меню.
Рисунок 21 - Блок #nav
#nav, #nav ul, представленный в соответствии с рисунком 22, убирает маркер списка, обнуляет внутренние отступы, задает ширину.
Рисунок 22 - Блоки #nav, #nav ul
#nav ul, представленный в соответствии с рисунком 23, устанавливает относительное позиционирование.
Рисунок 23 - Блок #nav ul
#nav li a, представленный в соответствии с рисунком 24, задает стили меню.
Рисунок 24 - Блок #nav li a
#nav li a + img, представленный в соответствии с рисунком 25, задает оформление пунктов меню.
Рисунок 25 - Блок #nav li a + img
#nav li a: hover, представленный в соответствии с рисунком 26, устанавливает параметры основных пунктов меню.
Рисунок 26 - Блок #nav li a: hover
#nav ul li a, представленный в соответствии с рисунком 27, устанавливает параметры для подменю.
Рисунок 27 - Блок #nav ul li a
#nav ul li a: hover, представленный в соответствии с рисунком 28, устанавливает параметры при наведении указателя на пункты (ссылки) подменю.
Рисунок 28 - Блок #nav ul li a: hover
В wrem. css коде, представленном в приложении Д, содержится оформление и расстановка блоков <div>.
. clock, #Date, clock ul, clock ul li, #point, @-webkit-keyframes mymove, @-moz-keyframes mymove устанавливает стиль для блока с текущим временем.
Пример wrem. css кода представлен в соответствии с рисунком 29.
Рисунок 29 - Код "wrem. css"
В galereya. css коде, представленном в приложении Е, содержится оформление и расстановка блоков <div>.
. gallery a img, представлен в соответствии с рисунком 30, устанавливает оформление фотографии (рамка, округленные углы).
Рисунок 30 - Блок. gallery a img
. gallery a img: hover, представлен в соответствии с рисунком 31, устанавливает позиционирование фотографий.
Рисунок 31 - Блок. gallery a img: hover
. gallery a: focus img, представлен в соответствии с рисунком 32, устанавливает фокусирование при раскрытии фотографии.
Рисунок 32 - Блок. gallery a: focus img
. gallery a, представлен в соответствии с рисунком 33, устанавливает цвет, стиль и толщину внешней границы на всех четырех сторонах элемента.
Рисунок 33 - Блок. gallery a
В galereya1. css коде, представленном в приложении Ж, содержится оформление и расстановка блоков <div>.
Пример galereya1. css кода представлен в соответствии с рисунком 34.
Рисунок 34 - Код "galereya1. css"
В album. css коде, представленном в приложении З, содержится оформление и расстановка блоков <div>.
Пример album. css кода представлен в соответствии с рисунком 35.
Рисунок 35 - Код "аlbum. css"
В mail. php коде, представленном в приложении И, содержится описание обратной связи.
Пример mail. php кода представлен в соответствии с рисунком 36.
Рисунок 36 - Код "mail. php"
2.4 Тестирование и отладка сайта
Тестирование сайта - это проверка сайта различными способами на правильную работу.
Тестирование сайта обычно используют перед запуском большого проекта, чтобы получить гарантии правильной работоспособности или уже на существующем проекте, чтобы повысить его эффективность. Чем сложнее сайт, тем в более серьезном тестировании он нуждается. Многие разработчики и заказчики упускают этап тестирования сайта, в результате это может привести к серьёзным финансовым потерям, дополнительным трудозатратам и недовольству пользователей.
Для тестирования сайтов отработаны четкие процедуры, с использование специальных программных средств и ручной проверки. После завершения любого вида тестирования составляется отчет о проделанной работе и рекомендации по улучшению работы.
Тестирование сайта проводят для того, чтобы убедиться, что он соответствует техническому заданию, и оно должно состоять из:
- просмотра сайта на мониторах, имеющих различную разрешающую способность;
- проверки времени, затрачиваемого на загрузку всех web-страниц сайта при заданной скорости соединения с сетью интернет;
- просмотра сайта с помощью различных браузеров и их версий;
- проверки правильности отображения шрифтов различными браузерами и их версиями;
- проверки корректности гиперссылок и устранение ошибок в них;
- проверки графических материалов: рисунков, фотографий и пр.
- проверки замещающих надписей графических материалов сайта;
- проверки счетчиков, размещенных на web-страницах сайта;
- проверки для каждой web-страницы её описания, содержания, свойств и мета-тэгов;
- проверки орфографии и пунктуации текстов;
- проверки соответствия наполнения web-страниц исходному контенту, полученному от заказчика. [12]
Для тестирования сайта необходимо следующее программное обеспечение: браузеры: Internet Explorer, Google Chrome, Mozilla Firefox; операционная система Microsoft Windows XP или выше; процессор с тактовой частотой 100 МГц; размер ОЗУ 512 Мб; около 100 Мб свободного дискового пространства;
При открытии сайта в браузере "Google Chrome", все работает корректно, web-страницы сайта загружаются быстро. В фотогалерее при нажатии на фотографию, раскрывается моментально.
2.5 Руководство пользователя
Для открытия сайта необходимо запустить файл "GLAVNAYA.html", при открытии которого пользователю будет представлена главная web-страница сайта в соответствии с рисунком 40.
Рисунок 40 - Главная web-страница сайта
В левой части сайта расположено меню, с помощью которого пользователь будет переходить на нужные ему web-страницы сайта.
Находясь на web-странице "Календарь регистраций", представлен календарь, на котором отмечены числа, при наведении на которые появляется всплывающее сообщение о свободном времени регистрации заключения брака.
При нажатии на один из фотоальбомов пользователь переходит на web-страницу с фотографиями этого альбома.
Для просмотра фотографии необходимо нажать левой кнопкой мышки.
После нажатия кнопки "Отправить", пользователь автоматически переходит на web-страницу, в которой указано, что сообщение передано. Для возврата с этой web-страницы необходимо нажать на ссылку "Назад".
3. Экономическая часть
3.1 Затраты на разработку и внедрение сайта
Разработка сайта отдела ЗАГС Еловского муниципального района реализовалась в период с 05.04.2014 до 10.06.2014 года.
Стоимость оборудования приведена в таблице 1.
Таблица 1 - Стоимость оборудования
|
Наименование оборудования |
Описание |
Количество |
Цена руб. |
Сумма руб. |
|
|
Системный блок |
LENOVO H505S/Процессор AMD E-Series/Оперативная память, Мб 2048/Жесткий диск, Гб 500/Видеокарта Radeon HD 7310 |
1 |
9470 |
9470 |
|
|
Монитор |
Lenovo LI1921wA ЖК-монитор, широкоформатный/Диагональ: 47 см/ Разрешение: 1366x768 (16: 9) / Тип ЖК-матрицы: TFT IPS |
1 |
3500 |
3500 |
|
|
Клавиатура |
Genius KB-110 USB/цвет: черный |
1 |
340 |
340 |
|
|
Мышь |
Мышь оптическая Genius DX-100, 1200 dpi/USB/цвет: желтый |
1 |
250 |
250 |
|
|
Итого: |
13560 |
Стоимость программного обеспечения приведена в таблице 2.
Таблица 2 - Стоимость программного обеспечения
|
Описание |
Количество |
Цена руб. |
Сумма руб. |
||
|
1 |
2 |
3 |
4 |
5 |
|
|
Операционная систеама |
Microsoft windows 7 |
1 |
2455 |
2455 |
|
|
1 |
2 |
3 |
4 |
5 |
|
|
home basic 32/64 Bit Oem |
|||||
|
Система разработки |
Блокнот |
1 |
- |
- |
|
|
Итого: |
2455 |
Амортизационные отчисления в период разработки:
Срок эксплуатации компьютерной техники - 7 лет.
Нк = 1/7Ч100% = 14,3%
Годовые амортизационные отчисления:
Аг = (9470+3500) Ч0,143 = 1854,7 руб.
Ар = 1854,7 /12Ч2 = 309,1 руб.
Амортизационные отчисления программного обеспечения
Нпо = 1/5Ч100% = 20%
Апо = 2455Ч0,2 = 491 руб.
Амортизационные отчисления в период разработки
Апо = 491/12Ч2 = 81,8 руб.
Всего амортизационные отчисления:
309,1+81,8 = 390,9 руб.
Этапы разработки сайта приведены в таблице 3.
Таблица 3 - Этапы разработки сайта
|
Этапы проектирования |
Описание |
Трудоемкость н/ч |
|
|
1 |
2 |
3 |
|
|
1 Постановка задачи |
Предпроектное изучение, разработки, уточнение структуры и формы представления входных и выходных данных, анимации, тестирования. |
12 |
|
|
2 Проектирование |
Разработка плана мероприятий по внедрению, разработке пояснительной записки, описание программы на языке программирования. Разработка, согласование, утверждение испытания, корректировка программы |
200 |
|
|
3 Документация и внедрение |
Разработка программной документации, подготовка и передача программы и программной документации отдела ЗАГС Еловского муниципального района |
50 |
|
|
Итого: |
262 |
Заработная плата разработчика: на разработке сайта занят 1 человек, установленный оклад разработчика 6000 руб. Заработная плата за 1 н/ч:
6000/164,17 = 36,5 руб.
Заработная плата за период разработки:
262Ч36,5 = 9563 руб.
Дополнительная заработная плата - 10% от заработной платы в период разработки:
9563Ч0,1 = 956,3 руб.
Районный коэффициент 15%:
(9563+956,3) Ч0,15 = 1577,9 руб.
Всего заработная плата:
9563+956,3+1577,9 = 12097,2 руб.
Отчисления во внебюджетные фонды:
1 Пенсионный фонд - 22% от основной и дополнительной заработной платы:
12097,2Ч0,22 = 2661,4 руб.
2 Отчисления в фонд социального страхования - 2,9% от основной и дополнительной заработной платы:
12097,2Ч0,029 = 350,8 руб.
3 Отчисления в фонд медицинского страхования - 5,1% от основной и дополнительной заработной платы:
12097,2Ч0,051 = 616,9 руб.
4 Возмещение ущерба от несчастных случаев - 0,2% от основной и дополнительной заработной платы:
12097,2Ч0,002 = 24,2 руб.
Всего отчислений:
2661,4+350,8+616,9+24,2 = 3653,3 руб.
Всего фонд заработной платы:
12097,2+3653,3 = 15750,5 руб.
Затраты на электроэнергию за период разработки сайта рассчитываются по формуле 1.
Эр = Wk Ч Fk Ч kc, (1)
где Wk = 0,3 Вт,
kc = 0,65.
Эр = 0,3Ч264Ч0,65=51,48 кВт.
Затраты на электроэнергию за период разработки сайта в рублях рассчитываются по формуле 2.
З = ЭрЧТ, (2)
где Т = 3,98 руб. (с. Елово, администрация Еловского муниципального района).
З = 51,48Ч3,98 = 204,9 руб.
Всего затраты на разработку и внедрение:
15750,5+309,1+81,8+204,9 = 16346,3 руб.
3.2 Эксплуатационные расходы
Доплата системному администратору 2% от установленного оклада.
Установленный оклад - 6300 руб.
Основная годовая заработная плата:
(6300Ч0,02) Ч11 = 1386 руб.
Дополнительная годовая заработная плата - 10% от основной заработной платы:
1386Ч0,1 = 138,6 руб.
Районный коэффициент 15%:
(1386+138,6) Ч0,15 = 228,7 руб.
Всего годовая заработная плата:
1386+138,6+228,7 = 1753,3 руб.
Отчисления во внебюджетные фонды:
1 Пенсионный фонд - 22% от основной и дополнительной заработной платы:
1753,3Ч0,22 = 385,7 руб.
2 Отчисления в фонд социального страхования - 2,9% от основной и дополнительной заработной платы:
1753,3Ч0,029 = 50,8 руб.
3 Отчисления в фонд медицинского страхования - 5,1% от основной и дополнительной заработной платы:
1753,3Ч0,051 = 89,4 руб.
4 Возмещение ущерба от несчастных случаев - 0,2% от основной и дополнительной заработной платы:
1753,3Ч0,002 = 3,5 руб.
Всего отчислений:
385,7+50,8+89,4+3,5 = 529,4 руб.
Всего фонд заработной платы:
1753,3+529,4 = 2282,7 руб.
Норма амортизации - 14,3%, годовые амортизационные отчисления составляют:
(9470+3500) Ч0,143 = 1854,4 руб.
2% годовых амортизационных отчислений на сайт:
Акт = 1854,7Ч0,02 = 37,1 руб.
Апо = 491Ч0,02 = 8,4 руб.
Всего амортизационные отчисления: 45,5 руб.
Затраты на электроэнергию:
Потребляемая мощность W = 0,3 кВт
Расход электроэнергии:
Fэ = 1ч х 360д = 360 часов
Э = YзЧW = 360х0,3 = 108 кВт
Затраты на электроэнергию рассчитываются по формуле 3.
З = ЭЧТэ, (3)
где Тэ = 3,98 руб. (с. Елово, администрация Еловского муниципального района).
З = 108Ч3,98 = 428,8 руб.
Затраты на комплектующие и материалы 2,24% от стоимости оборудования 303,7 руб.
Эксплуатационные расходы приведены в таблице 4.
Таблица 4 - Эксплуатационные расходы
|
Наименование затрат |
Сумма, руб. |
|
|
Заработная плата системного администратора |
1753,3 |
|
|
Отчисления во внебюджетные фонды |
529,4 |
|
|
Затраты на электроэнергию |
428,8 |
|
|
Амортизационные отчисления |
45,5 |
|
|
Затраты на комплектующие и материалы |
303,7 |
|
|
Всего: |
3060,7 |
|
|
Непредвиденные расходы (3%) |
91,8 |
|
|
Итого: |
3152,5 |
Технико-экономическое обоснование приведено в таблице 5.
Таблица 5 - Технико-экономическое обоснование
|
Наименование |
Сумма, руб. |
|
|
Затраты на разработку и внедрение (Кв) |
16346,3 |
|
|
Эксплуатационные расходы (С) |
3152,5 |
|
|
Приведенные затраты (С+ЕхКв) |
5114 |
Е = 0,12.
Затраты на разработку сайта в специализированной фирме "Express lab" приведены в таблице 6.
Таблица 6 - Затраты на разработку сайта в специализированной фирме
|
Виды работ |
Норма затрат, руб. |
Количество единиц |
Всего, руб. |
|
|
Индивидуальный, единый дизайн для всех web-страниц сайта |
6000 |
1 |
6000 |
|
|
Обработка изображений |
100 |
22 |
2200 |
|
|
Верстка web-страниц |
200 |
16 |
3200 |
|
|
Фотогалерея |
3800 |
1 |
3800 |
|
|
Меню вертикальное, предусмотренное дизайном сайта |
500 |
1 |
500 |
|
|
Разработка формы обратной связи |
2000 |
1 |
2000 |
|
|
Создание css сценария |
3800 |
1 |
3800 |
|
|
Итого: |
21500 |
Норма прибыли (35%):
21500Ч0,35 = 7525 руб.
Цена реализации сайта отдела ЗАГС Еловского муниципального района для Чайковского техникума промышленных технологий и управления:
21500+7525 = 29025 руб.
НДС (18%).
29025Ч0,18 = 5225,5 руб.
Цена реализации сайта:
21500+7525+5224,5 = 34249,5 руб.
Приобретение аналогичного сайта в специализированной фирме "Express lab" составит 34249,5 руб.
Эксплуатационные затраты составляют: 3152,5 руб.
Сумма приведенных затрат:
3152,5+0,12Ч34249,5= 7262,4 руб.
Экономический эффект по приведенным затратам (Эф):
34249,5-16346,3 = 17903,2 руб.
Экономическое обоснование приведено в таблице 7.
Таблица 7 - Экономическое обоснование
|
Наименование |
Проект |
Сайт в специализированной фирме "Express lab" |
Отклонение |
|
|
Затраты на разработку и внедрение |
16346,3 |
34249,5 |
-17903,2 |
|
|
Эксплуатационные расходы |
3152,5 |
3152,5 |
- |
|
|
Приведенные затраты |
5114 |
7262,4 |
-2148,4 |
3.3 Эффекты, достигаемые в результате внедрения сайта
При внедрении сайта отдела ЗАГС Еловского муниципального района для Чайковского техникума промышленных технологий и управления будут достигнуты следующие эффекты:
Экономические:
- условный экономический эффект - 17903 руб.;
- увеличение количества клиентов;
- сокращение стоимости обработки данных в результате автоматизации.
Научно-технические:
- доступность информации в реальном времени для посетителей сайта.
Разработанный сайт для отдела ЗАГСа Еловского муниципального района может использоваться пользователями, как источник информации об услугах и достижениях отдела.
4. Безопасность жизнедеятельности
4.1 Общие требования безопасности при работе на персональном компьютере
К самостоятельной работе на персональном компьютере (далее ПК) допускаются лица, получившие вводный инструктаж по охране труда и пожарной безопасности и усвоившие безопасные приемы работ на ПК.
Пользователь ПК должен иметь 1-ю группу допуска по электробезопасности.
При эксплуатации персонального компьютера на работника могут оказывать действие следующие опасные производственные факторы:
- повышенные уровни электромагнитного излучения;
- пониженная или повышенная влажность воздуха рабочей зоны;
- повышенный уровень шума;
- повышенный или пониженный уровень освещённости;
- повышенная яркость светового изображения;
- повышенное значение напряжения в электрической цепи, замыкание которой может произойти через тело человека;
- напряжение зрения, внимания, длительные статические нагрузки.
Средствами индивидуальной защиты пользователя персонального компьютера являются индивидуальный экран или встроенный защитный экран монитора.
4.2 Требования безопасности перед началом работы
Работник перед началом работы с персональным компьютером обязан:
- осмотреть и привести в порядок рабочее место;
- отрегулировать освещённость на рабочем месте, убедиться в достаточности освещённости, отсутствии отражений на экране;
- проверить правильность подключения оборудования в электросеть;
- проверить исправность проводящих проводов и отсутствие оголённых участков проводов;
- убедиться в наличии защитного заземления;
- протереть салфеткой поверхность экрана и защитного фильтра;
- убедиться в отсутствии дискет в дисководах персонального компьютера;
- проверить правильность установки стола, стула, подставки для ног, пюпитра, положения оборудования, угла наклона экрана, положение клавиатуры, положение "мыши" на специальном коврике, при необходимости произвести регулировку рабочего стола и кресла, а также расположение элементов компьютера в соответствии с требованиями эргономики и в целях исключения неудобных поз и длительных напряжений тела.
Работнику запрещается приступать к работе на персональном компьютере:
- при отсутствии защитного экранного фильтра класса "полная защита";
- при отсутствии специальной вилки с подключением заземления;
- при обнаружении неисправности оборудования;
- при размещении персональных компьютеров в ряд на расстоянии менее 1,2 м, при расположении рабочих мест с компьютерами в колонку на расстоянии менее 2,0 м, при рядном расположении дисплеев экранами друг к другу.
Работнику запрещается производить протирание влажной или мокрой салфеткой электрооборудования, которое находится под напряжением. Влажную или любую другую уборку производить при отключенном оборудовании.
Работник обязан сообщить руководителю подразделения, службы или участка об обнаруженной неисправности оборудования. Приступить к работе после устранения нарушений в работе или неисправностей оборудования.
Работник должен убедиться, что включение оборудования никого не подвергает опасности.
Работник не должен разрешать работать лицам, не имеющим допуска к работе с персональным компьютером.
4.3 Требования безопасности во время работы
Работнику при работе на ПК запрещается:
- касаться одновременно экрана монитора и клавиатуры;
- прикасаться к задней панели системного блока при включенном питании;
- переключать разъёмы интерфейсных кабелей периферийных устройств при включенном питании;
- допускать попадание влаги на поверхность системного блока, монитора, рабочую поверхность клавиатуры, дисководов, принтеров других устройств;
- производить самостоятельное вскрытие и ремонт оборудования.
Работник обязан соблюдать последовательность включения ПК:
- включить блок питания;
- включить периферийные устройства (принтер, монитор, сканер и другие);
- включить системный блок.
Работник обязан отключить ПК от электросети:
- при обнаружении неисправности;
- при внезапном снятии напряжения электросети;
- во время чистки и уборки оборудования.
Работник обязан оборудовать рабочее место:
- высоту рабочей поверхности стола отрегулировать в пределах 680-800 мм, при отсутствии регулировки высота рабочей поверхности стола должна составлять 725 мм;
- рабочий стол должен иметь пространство для ног высотой не менее 600 мм, шириной - не менее 500 мм, глубиной на уровне колен - не менее 450 мм и для вытянутых ног - не менее 650 мм;
- клавиатуру расположить на поверхности стола на расстоянии 100-300 мм от края, обращенного к пользователю, или на специальной регулируемой по высоте рабочей, отдалённой от основной, столешницы;
- уровень глаз при вертикально расположенном экране должен приходиться на центр или 2/3 высоты экрана, линия взора должна быть перпендикулярна центру экрана и оптимальное ее отклонение от перпендикуляра, проходящего через центр экрана в вертикальной плоскости, не должно превышать 5, допустимое - 10.
Работник обязан соблюдать режим труда и отдыха, приведенного в таблице 8, при работе с ПК в зависимости от продолжительности, вида и категории трудовой деятельности.
Группа А - работа по считыванию информации с экрана ПК с предварительным запросом,
Группа Б - работа по вводу информации;
Группа В - творческая работа в режиме диалога с ПК.
Таблица 8 - Виды и категории трудовой деятельности
|
Категория работы с ВДТ или ПЭВМ |
Уровень нагрузки за рабочую смену при видах работ с ВДТ |
Суммарное время регламентированных перерывов, мин |
||||
|
Группа А, количество знаков |
Группа Б, количество знаков |
Группа В, час |
При 8-часовой смене |
При 12-часовой смене |
||
|
I |
до 20 000 |
до 15 000 |
до 2,0 |
30 |
30 |
|
|
II |
до 40 000 |
до 30 000 |
до 4,0 |
50 |
50 |
|
|
III |
до 60 000 |
до 40 000 |
до 6,0 |
70 |
120 |
Продолжительность обеденного перерыва определяется действующим законодательством о труде и правилами внутреннего трудового распорядка.
Продолжительность непрерывной работы с ВДТ без регламентированного перерыва не должна превышать 2 часов. При работе с ВДТ и ПЭВМ в ночную смену (с 22 до 6 часов), независимо от категории вида трудовой деятельности, продолжительность регламентированных перерывов должна увеличиваться на 60 минут.
При 8-часовой рабочей смене и работе на ВДТ и ПЭВМ регламентированные перерывы установить:
- для I категории работ через 2 часа от начала рабочей смены и через 2 часа после обеденного перерыва продолжительностью 15 минут каждый;
- для II категории работ через 2 часа от начала рабочей смены и через 1,5-2 часа после обеденного перерыва продолжительностью 15 минут каждый или продолжительностью 10 минут через каждый час работы;
- для III категории работ через 1,5-2 часа от начала рабочей смены и через 1,5-2 часа после обеденного перерыва продолжительностью 20 минут каждый или продолжительностью 15 минут через каждый час работы.
При 12 - часовой рабочей смене регламентированные перерывы установить: впервые 8 часов работы аналогично перерывам при 8-часовой рабочей смене, а в течение последних 4 часов работы, независимо от категории и вида работ, каждый час продолжительностью 15 минут. Во время регламентированных перерывов с целью снижения нервно-эмоционального напряжения, утомления зрительного анализатора, устранения влияния гиподинамии и гипокинезии, предотвращения развития монотонического утомления выполнять комплексы упражнений. С целью уменьшения отрицательного влияния монотонности применять чередование операций осмысленного текста и числовых данных (изменение содержания работ), чередование редактирования текстов и ввода данных (изменение содержания работы). Женщины со времени установления беременности и в период кормления ребенка грудью к выполнению всех видов работ, связанных с использованием ПК, не допускаются.
4.4 Требования безопасности в аварийных ситуациях при работе на персональном компьютере
Работник обязан:
- во всех случаях обнаружения обрыва проводов питания, неисправности заземления и других повреждений электрооборудования, появления гари немедленно отключить питание и сообщить об аварийной ситуации руководителю и дежурному электрослесарю;
- не приступать к работе на ПК до устранения неисправности;
- в случае появления рези в глазах, резком ухудшении видимости - невозможности сфокусировать взгляд или навести его на резкость, появлении боли в пальцах и кистях рук, усилении сердцебиения немедленно покинуть рабочее место, сообщить руководителю;
- при несчастных случаях оказать пострадавшему первую (доврачебную) помощь и доставить его в здравпункт или вызвать скорую помощь (по необходимости). Сообщить о случившемся руководителю;
- при обнаружении человека, попавшего под напряжение, немедленно отключить электропитание и освободить его от действия тока, оказать доврачебную помощь. Во всех случаях поражения человека электротоком необходимо сопроводить пострадавшего к врачу;
- при возникновении пожара вызвать пожарную охрану по телефону 01 и принять меры по его ликвидации, правильно применив первичные средства пожаротушения. В случае опасности покинуть зону пожара.
4.5 Требования безопасности после окончания работы с ПК
Работник обязан соблюдать следующую последовательность выключения ПК:
- произвести закрытие всех активных задач (окон);
- выполнить парковку считывающей головки жесткого диска (если не предусмотрена автоматическая парковка головки);
- убедиться, что в дисководах нет дискет;
- выключить питание системного блока;
- выключить питание всех периферийных устройств;
- отключить блок питания.
Работник обязан осмотреть и привести в порядок рабочее место и выполнить несколько упражнений для глаз и пальцев рук на расслабление.
Работник обязан по окончанию работы (при длительных перерывах более одного часа) или, уходя с работы, вынуть исправную вилку из исправной розетки. [13]
Заключение
Целью дипломной работы было разработать сайт для отдела ЗАГСа Еловского муниципального района. В ходе анализа деятельности отдела ЗАГСа были выявлены основные недостатки в предоставлении информации для потенциальных клиентов данного отдела: информация предоставляется непосредственно только в данном отделе и в виде рекламных брошюрок, при этом в сети Internet содержится информация о местоположении ЗАГСа.
Для реализации сайта были рассмотрены различные языки программирования и средства разработки сайтов и выбор сделан в пользу технологий CSS, JavaScript, PHP и HTML. В качестве модели взаимосвязей между web-страницами была выбрана модель иерархической структуры сайта.
В результате были разработаны макет и дизайн сайта, содержащий следующие страницы:
1 Главная.
2 История.
3 Услуги.
4 Регистрация рождения.
5 Заключение брака.
6 Расторжение брака.
7 Установление отцовства.
8 Усыновление/Удочерение.
9 Перемена имени.
10 Регистрация смерти.
11 Дополнительные услуги.
12 Информация о госпошлине.
13 Режим работы.
14 Галерея
15 Календарь регистраций.
16 Написать письмо.
В ходе выполнения работы:
- были изучены полномочия отдела ЗАГС Еловского муниципального района;
- были определены функциональные особенности сайт;
- было изучено значение кодирования скриптов и инструментарий разработки сайта;
- был разработан сайт для отдела ЗАГС Еловского муниципального района.
Цель дипломной работы достигнута. Все задачи решены.
Список литературы
1. http://maxpark.com (Maxpark)
2. http://www.optimization.com.ua (Optimization)
3. http://seniga.ru (Справочник проектировщика)
4. Вайнман Л. Динамический HTML: руководство разработчика Web-сайтов - Киев и др.: DiaSoft, 2009. - 449 с.
5. Китинг Дж. Flash MX. Искусство создания Web-сайтов - М. и др.: DiaSoft, 2010. - 900 с.
6. Горнаков, С.Г. Осваиваем популярные системы управления сайтом - М.: Наука, 2011.
7. Колисниченко, Д.Н. Движок для вашего сайта. CMS Joomla!, Slaed, PHP-Nuke - М.: НТ Пресс, 2012.
8. http://fulud.ru (Fulud)
9. http://chem-otkrit.ru (Чем открыть)
10. http://www.orinksoft.ru (OrinkSoft)
11. http://www.softandweb.ru (Softandweb)
12. http://itfstudio.ru (Itfstudio)
13. Графкина Н.В. Охрана труда и производственная безопасность - М., 2010.
Приложения
Приложение А
Код css1. css документа
body, html {
background-color: LightGray;
margin: 5px;
padding: 5px; }
#maket {
width: 1000px;
background-color: ffffff;
box-shadow: 0 0 5px;
margin: 0 auto; }
#header1{
padding-left: 20px;
padding-right: 20px;
background: - webkit-gradient (linear, left top, left bottom, from (#bcdcf5), to (#0047ab));
height: 150px; }
#header2{
background: #4162a8;
border-top: 1px solid #38538c;
border-right: 1px solid #1f2d4d;
border-bottom: 1px solid #151e33;
border-left: 1px solid #1f2d4d;
moz-border-radius: 4px;
webkit-border-radius: 2px;
border-radius: 4px;
moz-box-shadow: inset 0 1px 2px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 3px 0px #1f3053, 0 4px 4px 1px #111;
Окончание приложения А
webkit-box-shadow: inset 0 1px 4px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 3px 0px #1f3053, 0 8px 4px 1px #111;
box-shadow: inset 0 1px 15px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 3px 2px 1px #111;
color: #fff;
padding-left: 30px;
margin-bottom: 6px; }
#left{
margin-top: 15px;
margin-bottom: 15px;
width: 212px;
box-shadow: 0 0 5px;
float: left; }
#content{
padding: 15px;
margin: 15px;
margin-left: 230px;
margin-right: 50px; }
#footer{
box-shadow: 0 0 3px;
background: - webkit-gradient (linear, left top, left bottom, from (#0047ab), to (#98c9f0));
padding: 1px; }
Приложение Б
Код HTML документа
<html>
<head>
<title> Отдел ЗАГС Еловского муниципального района</title>
<link rel="stylesheet" type="text/css" href="css1. css">
<link rel="stylesheet" type="text/css" href="menu. css">
<link rel="stylesheet" type="text/css" href="style. css">
<link rel="stylesheet" type="text/css" href="wrem. css">
<style>
. ltl {
font-family: sans-serif;
font-size: 10px; }
</style>
</head>
<body>
<div id="maket">
<div id="header1"><img src="gerb. jpg" align="left" width="100" height="130">
<img src="naz. png" align="center" width="745" vspace="15">
<img src="gerb2. jpg" align="right" width="100" height="130">
</div>
<div id="header2">
<table width="100%" height="60">
<tr>
<td width="200"><font color=#ffffff>Вы здесь: Главная</font></td>
<td width="490" align="center"><img src="kolco. jpg" width ='170' height='50'></dt>
<td width="200">
<script type="text/javascript" src="http://ajax. googleapis.com/ajax/libs/jquery/1.7.2/jquery. min. js"></script>
<script type="text/javascript">
$ (document). ready (function () {
var monthNames = ["Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"];
var dayNames= ["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"]
var newDate = new Date ();
newDate. setDate (newDate. getDate ());
$ ('#Date').html (dayNames [newDate. getDay ()] + " " + newDate. getDate () + ' ' + monthNames [newDate. getMonth ()] + ' ' + newDate. getFullYear ());
setInterval (function () {
var seconds = new Date (). getSeconds ();
$ ("#sec").html ( (seconds < 10?"0": "") + seconds);
},1000);
setInterval (function () {
var minutes = new Date (). getMinutes ();
$ ("#min").html ( (minutes < 10?"0": "") + minutes); },1000);
setInterval (function () {
var hours = new Date (). getHours ();
$ ("#hours").html ( (hours < 10?"0": "") + hours); }, 1000); });
</script>
<div class="clock">
<div id="Date">
</div><ul>
<li id="hours"></li>
<li id="point">: </li>
<li id="min"></li>
<li id="point">: </li>
<li id="sec"></li>
</ul></div></td></tr></table>
</div>
<div id="left">
<ul id="nav">
<li><a href="GLAVNAYA.html">Главная</a></li>
<li><a href="Istoriya.html">История</a></li>
<li><a href="Usludi.html" class="sub" tabindex="1">Услуги</a>
<ul>
<li><a href="1.html">Регистрация рождения</a></li>
<li><a href="2.html">Заключение брака</a></li>
<li><a href="3.html">Расторжение брака</a></li>
<li><a href="4.html">Установление отцовства</a></li>
<li><a href="5.html">Усыновление/Удочерение</a></li>
<li><a href="6.html">Перемена имени</a></li>
<li><a href="7.html">Регистрация смерти</a></li>
</ul></li>
<li><a href="Dopusl.html" class="sub" tabindex="1">Дополнительные услуги</a></li>
<li><a href="8.html">Информация о госпошлине</a></li>
<li><a href="9.html">Режим работы</a></li>
<li><a href="Galereya.html">Галерея</a></li>
<li><a href="Kalendar.html">Календарь регистрации</a></li>
<li><a href="Pismo.html">Написать письмо</a></li></ul></div>
<div id="content">
<img src="image/1.3 jpg" width="700" height="190" border="1">
<p class="a1">УВАЖАЕМЫЕ ПОСЕТИТЕЛИ САЙТА! </p>
Отдел ЗАГС администрации Еловского муниципального управления выполняет государственные полномочия Российской Федерации по регистрации актов гражданского состояния. <br>
Мы познакомим Вас с информацией о работе отдела, интересными статистическими данными, яркими событиями. <br>
На сайте представлена информация о порядке регистрации актов гражданского состояния, бланки заявлений по всем видам АГС, информация по уплате госпошлины. <br><br><hr><br>
<table align="center">
<tr>
<td align="center">
<img src="image/1. jpg" width="320" height="410"><br>
<s1>Заведующий: </s1> Ощепкова Валентина Васильевна
</td>
<td align="center">
<img src="image/2. jpg" width="320" height="410"><br>
<s1>Главный специалист: </s1> Мазунина Юлия Сергеевна
</td></tr>
</table>
<br><hr><br>
<s1>Адрес: </s1> 618170, Пермский край, Еловский район, с. Елово, ул. Ленина, д.32 <br>
<s1>Телефон: </s1> +7 (34296) 3-17-76<br>
<s1>E-mail: </s1>
<a href="zagselovo@yandex.ru">zagselovo@yandex.ru</a><br>
</div>
<div id="footer">
<h6>
<p style="color: #ffffff">© 2014 "Администрация Еловского муниципального района"</p></h>
<p style="color: #ffffff">618170, Пермский край, Еловский район, с. Елово, ул. Ленина, д.32. </p>
<p style="color: #ffffff">Тел. +7 (34 296) 3-11-07, Факс: + 7 (34 296) 3-14-78</p>
<p style="color: #ffffff">Предложения и замечания по работе сайта присылать по адресу: masha_fotina@mail.ru</p>
</h6>
</div></div>
</body>
</html>
</body>
</html>
Приложение В
Код style. css документа
p. a1{text-align: center;
font-size: 20px;
font-weight: bold; }
p. a2{
text-align: center;
font-size: 20px;
font-weight: bold; }
p. a3{
text-align: center; }
. s {
text-align: left;
color: #ffffff;
font-weight: bold;
font-family: fantasy;
font-size: 50px;
line-height: 1;
text-transform: uppercase; }
s1{
font-weight: bold;
font-size: 14px;
line-height: 2; }
. s2{
text-align: justify;
text-indent: 20px; }
Приложение Г
Код menu. css документа
#nav {
margin: 0;
border: 1px solid #666666;
border-radius: 2px;
moz-border-radius: 2px;
webkit-border-radius: 2px;
box-shadow: 1px 1px 4px #666666; }
#nav, #nav ul {
list-style: none;
padding: 0;
width: 209px; }
#nav ul {
position: relative;
z-index: - 1; }
#nav li {
position: relative;
z-index: 100; }
#nav li a {
background-color: #6495ED;
color: #fff;
border-bottom: 1px solid #ccc;
display: block;
font-size: 20px;
line-height: 30px;
outline: 0;
padding-left: 15px;
text-decoration: none; }
#nav li a + img {
cursor: pointer;
display: none;
width: 200px;
height: 28px;
left: 0;
position: absolute;
top: 0; }
#nav li a: hover {
background-color: #bcbdc1; }
#nav ul li a {
background-color: #d9e0e6;
border-bottom: 1px solid #ccc;
color: #000;
font-size: 12px;
line-height: 22px; }
#nav ul li a: hover {
background-color: #ddd;
color: #993300; }
Приложение Д
Код wrem. css документа
. clock {width: 200px; border: 1px solid #333; color: #fff; list-style: none; text-align: center; display: inline; }
#Date { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; text-shadow: 0 0 5px #00c6ff; }
. clock ul { width: 150px; margin: 0 auto; padding: 0px; list-style: none; text-align: center; }
. clock ul li { display: inline; font-size: 15; text-align: center; font-family: Arial, Helvetica, sans-serif; text-shadow: 0 0 5px #00c6ff; }
#point { position: relative; - moz-animation: mymove 1s ease infinite; - webkit-animation: mymove 1s ease infinite; padding-left: 5px; padding-right: 5px; }
@-webkit-keyframes mymove
{
0% {opacity: 1.0; text-shadow: 0 0 18px #00c6ff; }
50% {opacity: 0; text-shadow: none; }
100% {opacity: 1.0; text-shadow: 0 0 18px #00c6ff; }
}
@-moz-keyframes mymove
{
0% {opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }
50% {opacity: 0; text-shadow: none; }
100% {opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }
}
Приложение Е
Код galereya. css документа
. gallery a img{
webkit-border-radius: 5px;
moz-border-radius: 5px;
border-radius: 5px;
webkit-transition: All 1s ease;
moz-transition: All 1s ease;
o-transition: All 1s ease;
transition: all 1.0s ease;
webkit-box-shadow: 0px 2px 4px 1px #DFDFDF;
moz-box-shadow: 0px 2px 4px 1px #DFDFDF;
box-shadow: 0px 2px 4px 1px #DFDFDF;
margin-right: 5px;
padding: 10px;
display: inline-block;
height: 100px; }
. gallery a img: hover{
moz-opacity: 1;
opacity: 1;
ms-filter: "progid: DXImageTransform. Microsoft. Alpha" (Opacity=100); }
. gallery a: focus img{
position: relative;
height: 380px;
cursor: pointer;
webkit-transition: All 1s ease;
moz-transition: All 1s ease;
o-transition: All 1s ease;
transition: all 1.0s ease;
webkit-box-shadow: 0px 4px 4px 1px #DFDFDF;
moz-box-shadow: 0px 4px 4px 1px #DFDFDF;
box-shadow: 0px 4px 4px 1px #DFDFDF; }
. gallery a{
outline: 0; border: 0; }
Приложение Ж
Код galereya1. css документа
. gallery a img{
webkit-border-radius: 5px;
moz-border-radius: 5px;
border-radius: 5px;
webkit-box-shadow: 0px 2px 4px 1px #DFDFDF;
moz-box-shadow: 0px 2px 4px 1px #DFDFDF;
box-shadow: 0px 2px 4px 1px #DFDFDF;
margin-right: 5px;
padding: 5px;
height: 200px; }
Приложение З
Код album. css документа
. album{
text-align: center;
width: 700px;
padding: 10px;
background: #6495ED;
border-radius: 4px; }
a7{color: ffffff; }
Приложение И
Код mail. php документа
<? php
if (isset ($_POST ['name'])) {$name = $_POST ['name']; }
if (isset ($_POST ['email'])) {$email = $_POST ['email']; }
if (isset ($_POST ['sub'])) {$sub = $_POST ['sub']; }
if (isset ($_POST ['body'])) {$body = $_POST ['body']; }
$address = "masha_fotina@mail.ru";
$mes = "Имя: $name \nE-mail: $email \nТема: $sub \nТекст: $body";
$send = mail ($address,$sub,$mes,"Content-type: text/plain; charset = windows-1251\r\nFrom: $email");
if ($send == 'true')
{
echo "Передано";? ><a href="Pismo.html"><br>Назад</a>
<?
}
else
{
echo "Не передано";? ><a href="Pismo.html"><br>Назад</a>
<?
}
? >
Размещено на Allbest.ru
Подобные документы
Проектирование книжного интернет-магазина для реализации книжной продукции через Интернет. Анализ и обоснование выбора языков программирования и средств разработки сайта. Затраты внедрение сайта, его программное обеспечение, тестирование и отладка.
дипломная работа [2,1 M], добавлен 06.06.2013Понятие web-сайта и их типы. Программы для создания web-сайта. Описание структуры проекта. Алгоритм создания сайта. Описание конструктора Jimdo. Языки программирования серверного выполнения. Создание полнофункционального веб-сайта для ОАО "КУЛЗ".
курсовая работа [3,5 M], добавлен 05.06.2015Анализ предметной области. Характеристика информационной системы. Обоснование выбора среды разработки. Проектирование, разработка, тестирование и внедрение сайта образовательной организации. Содержания школьного сайта, его организационной структуры.
дипломная работа [3,4 M], добавлен 15.02.2017Значение и обзор современных средств веб-программирования на основе языков четвертого поколения. Технологические особенности разработки структуры сайта Интернет-магазина средств связи. Способы форматирования контента, систем навигации и дизайна сайта.
контрольная работа [3,2 M], добавлен 15.02.2011Актуальность создания фирменного web-сайта. Разработка, внедрение web-сайта под названием "Удачная постройка". Анализ существующих программных решений, выбор инструментальных средств разработки. Архитектура сайта, структура данных. Тестирование и отладка.
дипломная работа [4,7 M], добавлен 19.01.2017Основы моделирования и разработки Web-сайтов. Обзор и сравнительный анализ языков программирования. Фреймворки, используемые при создании сайта. Разработка графического дизайна, моделирование и создание Web-сайта, руководство по администрированию.
курсовая работа [1,7 M], добавлен 07.11.2013Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.
курсовая работа [1,0 M], добавлен 09.01.2014Характеристика структуры, программного обеспечения и основных бизнес–процессов ЗАГСа. Разработка базы данных и структуры сайта для молодоженов. Управление аккаунтом пользователя, описание страниц сайта. Расчёт экономических затрат на создание сайта.
дипломная работа [448,5 K], добавлен 14.01.2013Изучение теоретических основ создания сайта. Обоснование необходимости разработки сайта кафедры уголовного, административного права и процесса. Выбор инструментальных и программных средств. Расчет себестоимости, затрат на внедрение и эксплуатацию сайта.
дипломная работа [2,3 M], добавлен 13.10.2015Выбор сред разработки для реализации сайта. Основная концепция и содержание веб-сайта. Роль дизайна сайта в его создании и определение основных требований к его содержанию и внешнему виду. Особенности разработки удобного и красивого интерфейса сайта.
курсовая работа [686,4 K], добавлен 13.06.2022
