Сайт парка культуры и отдыха имени М. Горького г. Ростова-на-Дону

• Главная
• Мероприятия
• Фотогалерея
• Обратная связь

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

Рисунок 6 — Меню сайта

3.2 Главный блок сайта

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

Рисунок 7 — Основной блок

3.3 Главная страница

На рисунке 8 изображена главная страница нашего сайта.

Рисунок 8 — Главная страница На этой странице находится навигационная панель. Также на дополнительной панели находятся вкладки «История парка», «Аттракционы», «Формирования», «Контакты», «Благотворительность».

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

3.4 Мероприятия

На рисунке 9 представлена страница Мероприятия Рисунок 9 — Мероприятия На этой странице находится расписание мероприятий конкурсов, которые будут проводиться в парке имени М. Горького в течение года.

3.5 Фотогалерея

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

3.6 Обратная связь

На рисунке 11 представлена страница Обратная связь Рисунок 11 — Обратная связь На этой странице находится навигационная панель. Также в основном блоге находится форма для обратной связи, где необходимо заполнить поля «Ваше имя», «Ваш e-mail», «Тема», «Сообщение». И нажать на кнопку «Отправить», чтобы ваше обращение увидел администратор сайта и смог вам ответить.

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

3.7 История парка

На рисунке 12 представлена страница «История парка»

Рисунок 12 — История парка На этой странице находится навигационная панель. Также в основном блоге находится информация о история развития парка.

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

3.8 Аттракционы

На рисунке 13 представлена страница Аттракционы Рисунок 13 — Аттракционы

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

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

сайт программирование кроссбраузерный

3.9 Контакты

На рисунке 14 представлена страница Контакты Рисунок 14 — Контакты На этой странице находится навигационная панель. Также в главном блоке страницы находится информация с данными парка. Адрес, номера телефонов, расположение на «Яндекс картах» и т. д.

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

3.10 Формирования

На рисунке 15 представлена страница Формирование Рисунок 15 — Формирования На этой странице находится навигационная панель. Также в главном блоке страницы находится список формирований и объединений для проведения досуга и обучения.

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

3.11 Благотворительность

Рисунок 16 -Благотворительность

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

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

4. Экономическое обоснование разработки Web-сайта

4.1 Расчет капиталовложений

Для разработки web-сайта для Парка культуры и отдыха имени М. Горького составим смету на приобретение оборудования и произведем расчет капитальных вложений.

Капитальные вложения, необходимые для реализации данного проекта, определяются по формуле (1)

К= Кобор+ Кт,(1)

где Кобор-стоимость оборудования;

Кттранспортные и заготовительно-складские расходы (5% от стоимости оборудования).

Расчет стоимости оборудования показан в таблице 1.

Таблица 1 — Расчет стоимости оборудования

Определяем транспортные и заготовительно-складские расходы:

Кт=17 300*0,05=865 руб.

Определяем величину капитальных затрат:

К= 17 300+865=18 165 руб.

Таблица 2 — Величина капитальных затрат

4.2 Расчет расходов для разработки web-сайта

В процессе разработки осуществляется деятельность, требующая расходов ресурсов. Сумма составит фактическую себестоимость или величину расходов на разработку, включая следующие статьи расходов:

Разработкой проекта занимается программист. Определяем сумму зарплаты по формуле (2)

Зпл=окл*n*Rпрем,(2)

где окл-оклад программиста;

nкол-во месяцев на разработку web-сайта;

Rкоэффициент учитываемой премии.

Зпл=15 000* 1*1,3⁼19 500 руб.

Определяемую сумму налоговых платежей от З/пл. Отчисления на страховые взносы определяются по формуле (3)

страховые взносы =З/пл*Стр. взн/100%,(3)

где Стр. взн — единый страховой взнос;

З/пл-оплата труда;

страховые взносы=19 500*0_,30=5850 руб.

Предполагается, что оборудование будет эксплуатироваться в течение трех лет модернизации и демонтажа. Таким образом, срок эксплуатации будет равен трем годам, следовательно На год= 100/3=33,3%,

А_мес=(к*На)/(100*n)

гдек — стоимость оборудования;

На — амортизационные нормы;

n — кол-во месяцев.

А_мес=(18 165 *33,3)/(100* 12)= 125,87 руб.

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

Мощность компьютера — 0,6 кВт Время работы компьютера — 90 часов Тариф за 1 кВт — 3,32 руб.

Расходы на электроэнергию рассчитывается по формуле (4)

Р _эл/эн=Т*t*W,

гдеТ-тариф на электроэнергию;

tвремя работы;

W-потребляемая мощность 1 единицы оборудования в час, Р _эл/эн =3,32*90*0,2=179,28 руб.

Сумму прочих расходов примем в размере 0,1% от стоимости оборудования Р_проч=К*0,1%/100%,(5)

Р_проч⁼18 165*0,1/100=18,16 руб.

Общая сумма эксплуатационных данных расходов показана в таблице 3

Таблица 3 — Сумма эксплуатационных расходов

Расчет удельного веса расходов

d_n=P_n/nP*100%,(6)

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

P_n -рассчитываемые капитальные статьи;

nP — сумма расходов,

d_фот=19 500/25673,31*100=75,95%,

d_{страх.взнос}=5850/25 673,31*100=22,78%,

d_а=125,87/25 673,31*100=0,49%,

d_{зат/эл. э}=179,28/25 673,31*100=0,69%,

d_{проч. рас.}=18,16/25 673,31*100=0,071%.

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

Таблица 4 — Общая сумма удельного веса

4.3 Расчет доходов

Программисту поступил заказ на разработку web-сайта. Программистом была составлена смета расходов. Исходя из своей выгоды, программистом был представлен счет, в котором была заложена прибыль. Заказчику был представлен счет 50 000 руб.

4.4 Расчет прибыли от реализации проекта

Прибыль рассчитывается по формуле П=Д-Р,(7)

Где Пприбыль;

Д-доход;

Р-расходы.

П=50 000−25 673,31=24 326,69 руб.

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

Определим сумму налога на полученную прибыль. Она определяется по формуле (8)

НП=nП*С_нп/100%(8)

Где НПналог на прибыль;

nПсумма полученной прибыли;

С_нп-ставка налога на прибыль.

НП=24 326,69*0,2=4865,34 руб.

Определить сумму прибыли, оставшуюся в распоряжение программиста по формуле (9)

П_чист= nП-НП (9)

Где П_чист — прибыль, оставшуюся в распоряжение программиста

nПобщая сумма прибыли НП — ставка налога^-на прибыль П_чист=24 326,69−4865, 34=19 461,35 руб.

4.5 Определение эффективности проекта

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

Для определения конечного результата используется показатель рентабельности.

Рентабельность производства определяется по формуле (10)

R_пр-ва= nП/Р*100%,(10)

Где R_пр-ва— рентабельность производства;

nПсумма прибыли;

Р — расход организации.

R_пр-ва=24 326,69/25 673,31*100%=94,75%

На каждый рубль расходов программист получил 94,75копеек прибыли.

Рентабельность чистой прибыли определяем по формуле (11)

R_н.п=П_чист/Р*100%(11)

гдеR_н.п — рентабельность чистой прибыли;

П_чист — чистая прибыль;

Р — расходы организации.

R_н._п=19 461,35 /25 673,31* 100=75,80%

На каждый рубль расходов программист получил 75,80 копеек чистой прибыли.

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

5.1 Анализ основных опасностей на рабочем месте разработчика

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

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

Рабочее место оснащено персональным компьютером и принтером. Разработчик работает на специально оборудованном рабочем месте в течение 8 часов.

К функциям разработчика можно отнести:

— ввод и редактирование информации;

— запрос и прием информации с сервера баз данных;

— установку и удаление различных программных приложений.

Опасные и вредные факторы, действующие на разработчика, классифицируются на основании ГОСТ .12.0.003−74 «Опасные и вредные. Производственные факторы» и подразделяются на следующие группы:

— физические;

— химические;

— биологические;

— психофизиологические, К физически опасным и вредным факторам можно отнести:

— недостаточная освещенность рабочего места;

— повышенный уровень шума;

— воздействие неионизирующих электромагнитных излучений;

— повышенный уровень электромагнитных полей;

— повышенный уровень статического электричества;

— несоответствующие нормам параметры микроклимата чрезмерная запыленность и загазованность воздуха;

— опасность поражения электрическим током;

— прямая или отраженная блескость;

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

— нервно — эмоциональные перегрузки;

— умственное напряжение;

— перенапряжение зрительного анализатора;

— рабочая поза.

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

Таблица 5 — Номенклатура опасностей на рабочем месте разработчика

5.2 Организация рабочих мест

По условиям работы рабочее место разработчика информационной системы маркетинга относится к индивидуальному рабочему месту для работы в положении «сидя».

В соответствии с СанПин 2.2.2/2.4.1340−03 «Гигиенические требования к персональным электронно-вычислительным машинам и организации работы» предъявляются следующие требования к организации рабочих мест.

При размещении рабочих мест с ПЭВМ расстояние между рабочими столами с видеомониторами (в направлении тыла поверхности одного видеомонитора и экрана другого видеомонитора) должно быть не менее 2.0 м., а расстояние между боковыми поверхностями видеомониторов — не менее 1,2 м.

На каждое рабочее место, оснащенное ПЭВМ, должно приходиться не менее 6 м² рабочей площади и 20 м³ объема помещения.

Расстояние от стены при однорядном расположении ПЭВМ не менее 1 м.

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

Рабочие места с ПЭВМ при выполнении творческой работы, требующей значительного умственного напряжения, или высокой концентрации внимания, рекомендуется изолировать друг от друга перегородками высотой 1,5 — 2,0 м.

Экран видеомонитора должен находиться от глаз пользователя на расстоянии 600 — 700 мм, но не ближе 500 мм с учетом размеров алфавитно-цифровых знаков и символов.

Конструкция рабочего стола должна обеспечивать оптимальное размещение на рабочей поверхности используемого оборудования с учетом его количества и конструктивных особенностей, характера выполняемой работы. При этом допускается использование рабочих столов различных конструкций, отвечающих современным требованиям эргономики. Поверхность рабочего стола должна иметь коэффициент отражения 0,5 — 0,7.

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

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

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

Высота рабочей поверхности стола для взрослых пользователей должна регулироваться в пределах 680 — 800 мм; при отсутствии такой возможности высота рабочей поверхности стола должна составлять 725 мм.

Модульными размерами рабочей поверхности стола для ПЭВМ, на основании которых должны рассчитываться конструктивные размеры, следует считать: ширину 800, 1000, 1200 и 1400 мм, глубину 800 и 1000 мм при нерегулируемой его высоте, равной 725 мм.

Рабочий стол должен иметь пространство для ног высотой не менее 600 мм, шириной — не менее 500 мм, глубиной на уровне колен — не менее 450 мм и на уровне вытянутых ног — не менее 650 мм, Конструкция рабочего стула должна обеспечивать:

— ширину и глубину поверхности сиденья не менее 400 мм;

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

— регулировку высоты поверхности сиденья в пределах 400 — 550 мм и углам наклона вперед до 15 град, и назад до 5 град.;

— высоту опорной поверхности спинки 300 ±20 мм, ширину — не менее 380 мм и радиус кривизны горизонтальной плоскости — 400 мм;

— угол наклона спинки в вертикальной плоскости в пределах +/- 30 градусов;

— регулировку расстояния спинки от переднего края сиденья в пределах 260 — 400 мм;

— стационарные или съемные подлокотники длиной не менее 250 мм и шириной — 50 — 70 мм;

— регулировку подлокотников по высоте над сиденьем в пределах 230 +/- 30 мм и внутреннего расстояния между подлокотниками в пределах 350- 500 мм.

Рабочее место пользователя ПЭВМ (рисунки 17, 18) следует оборудовать подставкой для ног, имеющей ширину не менее 300 мм, глубину не менее 400 мм, регулировку по высоте в пределах до 150 мм и по углу наклона опорной поверхности подставки до 20 град. Поверхность подставки должна быть рифленой и иметь по переднему краю бортик высотой 10 мм.

Рисунок 17 — Рабочее место (вид сбоку) Клавиатуру следует располагать на поверхности стола на расстоянии 100 — 300 мм от края, обращенного к пользователю, или на специальной, регулируемой по высоте рабочей поверхности, отделенной от основной столешницы.

Рисунок 18 — Рабочее место (вид сверху) Дисплей компьютера следует располагать в вертикальной плоскости под углом ±15° от нормальной линии взгляда и в горизонтальной плоскости под углом ±15° от глаз человека.

Для помещения, где находится рабочее место оператора, используется система общего освещения.

Нормами для данных работ установлена необходимая освещенность рабочего места ЕН=300 лк (для работ высокой точности, когда наименьший размер объекта различения равен 0.3 — 0.5 мм).

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

Кроме того, необходимо в течение 8-ми часового рабочего дня предусмотреть один часовой перерыв на обед, 5-ти минутные перерывы каждые полчаса и 15-ти минутные перерывы каждые 1.5 — 2 часа. Работу необходимо организовать таким образом, чтобы наиболее сложные задачи решались с 11:00 до 16:00 — в период наибольшей активности человека, а не в начале дня, когда оператор еще не достиг максимальной активности, и не в конце дня, когда уже развивается утомление.

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

Заключение

В процессе работы над дипломным проектом мной был разработан сайт для Парка культуры и отдыха имени М. Горького г. Ростова-на-Дону.

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

В процессе дипломного проектирования были решены следующие задачи:

— сбор необходимой информации для разработки сайта;

— подбор программного обеспечения для создания дизайна;

— рассмотрены технологии и средства создания web-сайтов;

— написания HTML кода, а также JavaScript’ов;

Web-сайт написан с использованием языков HTML, JavaScript, PHP. Все программные элементы сайта работают и отображаются в большинстве популярных браузеров. Для более эффективного функционирования каркаса сайта были применены средства CSS и графический редактор Photoshop.

Дальнейшая разработка и администрирование будет осуществляться также в содействии с сотрудниками администрации парка имени М. Горького г. Ростова-на-Дону.

Возможности и преимущества web-сайта:

— удобно изложен и расположен материал;

— на данном сайте можно найти последние новости парка;

— имеется возможность отправки обращения к администрации парка.

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

Данный программный продукт можно использовать на базе Windows ХР, Windows Vista, Windows 7;

Использование материалов сайта парка имени М. Горького позволит:

— ознакомиться с аттракционами, находящимися на территории парка;

— узнать историю образования парка и увидеть фотографии «старого» парка;

— узнать анонс мероприятий, которые будут проходить в парке.

1 СанПин 2.2.2/2.4.1 1340−96. Гигиенические требования к персональным электронно-вычислительным машинам и организации работы. — М.: Информационно издательский Центр Минздрава РФ, 2003.

2 ГОСТ 12.1.003−83. Шум. Общие требования безопасности. Государственный комитет по жилищной и строительной политике. — М.: ГПЦПП, 1997 год. — 71с.

3 ГОСТ 12.1.004−91. Пожарная безопасность. Общие требования. — М., 1992.

4 Джамса К., Кинг К., Андерсон Э. Эффективный самоучитель по креативному Web-дизайну. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX. Текст, графика, звук и анимация. — М, Спб, К.: ООО ДиаСофтЮП, 2005.

5 Карасева Э. В., Чумаченко И. Н. Рисование в PhotoshopCS. — М.: Издательство «НТ Пресс», 2004.

6 Кукина П. П. Безопасность жизнедеятельности. Производственная безопасность и охрана труда. Учебник для вузов под ред. — М.:Высшая школа, 2001.

7 Кухарчик А. PHP обучение на примерах. — Минск: Новое знание, 2004.

8 Мазуркевич А., Еловой Д. PHP настольная книга программиста. — Минск: Новое знание, 2003.

9 История развития HTML [Электронный ресурс]. — Режим доступа: http://ru.wikipedia.org/. — Загл. С экрана.

Приложение

(function($){

$(document).ready(function(){

$('#fancybox-overlay').css({

'width': $(document).width()

});

});

})(jQuery);

function wpSpoilerToggle (spoiler, link, showtext, hidetext) {

if (spoiler.style.display ≠ 'none') {

spoiler.style.display = 'none';

link.innerHTML = showtext;

link.className = 'spoiler_link_show';

} else {

spoiler.style.display = 'block';

link.innerHTML = hidetext;

link.className = 'spoiler_link_hide';

}

}

.yui-t6 .yui-b, .yui-t3 .yui-b, .yui-t2 .yui-b { width: 19%; } .yui-t6 #yui-main{ margin-right:-20%; } .yui-t6 #yui-main .yui-b { margin-right:20%; } .yui-t3 #yui-main .yui-b, .yui-t2 #yui-main .yui-b { margin-left: 20%; } .yui-t3 #yui-main { margin-left:-20%; } .yui-t2 .sidebar { width: 24%; } .yui-t2 .main-content { width: 72%; } .entry-content img { max-width:730px; } #content .attachment img { max-width:720px; }

h1,h1.entry-title,h1.page-title {font-size:15px}

h2 {font-size:15px}

.widget-container h3 {font-size:15px}

#nav .menu {font-size:15px}

#site-info .footer-links {font-size:15px}

p.site-description,h2.site-description {font-size:15px}

body { font-family:Candara, Verdana, sans-serif}

a:link, a:visited, a:hover {color:#B58A00}

body, input, textarea {color:#384006}

#nav,#nav ul ul a {background-color:#698C00}

.author_photo {border-color:#698C00}

.feature_ft {background-color:#698C00}

.archive-meta {background:#698C00}

.footer-copy,.footer-copy a,.footer-copy {color:#FFFFFF}

#nav li:hover > a,#nav ul ul :hover > a {color:#FFFFFF}

#nav ul li.current_page_item > a, #nav ul li.current-menu-ancestor > a, #nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a {color:#F5C60A}

#nav a {color:#FFED94}

.logo a,.logo h1.site-title a {color:#FFFFFF}

.site-description {color:#EBEBEB}

h1.entry-title,.feature_panel h1 a {color:#505C09}

.archive-meta h1.page-title {color:#505C09}

.archive-meta {background-color:#FFED94}

.archive-meta p {color:#505C09}

.widget-area h3 {color:#505C09}

.widget-area h3 {background-color:#FFED94}

h2 a:link, h2 a:visited,.widget-area h2 a:link,.widget-area h2 a:visited {color:#B58A00}

.entry-content h1,.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {color:#505C09}

#site-disclaimer, #site-disclaimer a {color:#FFFFFF}

#site-info li:hover > a,#site-info ul ul :hover > a {color:#FFFFFF}

#site-info ul li.current_page_item > a, #site-info ul li.current-menu-ancestor > a, #site-info ul li.current-menu-item > a, #site-info ul li.current-menu-parent > a {color:#F5CC00}

#site-info .footer-links a {color:#FFF2A1}

#site-info {background-color:#698C00}

.entry-meta {border-bottom:none;}

#header {

background:transparent url (http://parkgorkogo.500mb.net/wp-content/uploads/2013/02/титл-копия.png);

height:130px;

width:975px;

}

#header {cursor:pointer}

body { background-color: #255 926; background-image: url ('http://parkgorkogo.500mb.net/wp-content/uploads/2013/02/Безимени-1.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; }