Разработка структуры web-сайта для Парка культуры и отдыха имени М. Горького г. Ростова-на-Дону. Создание раздела мероприятий, таблицы аттракционов. Анализ сайтов конкурентов. Программирование и кроссбраузерное тестирование. Экономическое обоснование.
Аннотация к работе
Еще на сайте есть история парка, где пользователи смогут узнать все о парке и фотогалерея, где можно увидеть парк в любое время года. В соответствии с указанной целью в работе были поставлены и решены следующие задачи: а) разработать структуру web-сайта для Парка культуры и отдыха имени М. Она, несомненно, должна содержать заголовок, краткое описание разделов Web-сайта, ссылки на разделы второго уровня иерархии в структуре, а также информацию об авторских правах и информацию для контактов, которую можно разместить в колонтитуле. На этих страницах размещается наиболее важная информация, относящаяся к разделам, а также, если в них есть необходимость, ссылки на страницы третьего уровня иерархии. Важным понятием в разработке веб сайта является схема навигации, определяющая, как пользователь будет перемещаться между страницами.В процессе работы над дипломным проектом мной был разработан сайт для Парка культуры и отдыха имени М. Контент сайта включает в себя новости, таблицу данных аттракционов, фотографии парка, полезную информацию для посетителей. В процессе дипломного проектирования были решены следующие задачи: - сбор необходимой информации для разработки сайта; рассмотрены технологии и средства создания web-сайтов; Web-сайт написан с использованием языков HTML, JAVASCRIPT, PHP.function WPSPOILERTOGGLE(spoiler, link, showtext, hidetext) {if (spoiler.style.display != "none") {spoiler.style.display = "none"; link.CLASSNAME = "spoiler_link_show"; .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} #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} .widget-area h3 {background-color:#FFED94} h2 a:link, h2 a:visited,.widget-area h2 a:link,.widget-area h2 a:visited {color:#B58A00}
Введение
В настоящее время Интернет стал для человека копилкой знаний и умений. Любой человек может учиться, знакомиться, смотреть фильмы и т.д. не выходя из дома, но все это он делает благодаря Интернету, а в частности Web-страницам. Вообще, слово Web - переводится как паутина. И главным образом, в компьютерном мире ассоциируется именно с Интернетом. Итак, что же такое Web-сайт и Web-страница? Чтобы разобраться в этом вопросе, давайте подумаем, а какая собственно информация может содержаться на Web-сайте? Ответ очевиден - практически любая. Сайт может содержать информацию о компьютерных играх, автомобилях, аквариумных рыбках, мифических существах, городах и странах мира и т.д. и т.п. Список можно продолжать бесконечно. На сайте даже можно разместить, к примеру, произведения великих русских классиков. Как вам, например сайт "Война и мир"? Получается, что сайт это книга, но только не простая, а электронная. Да, Web-сайт, по своей сути, действительно является электронной книгой, журналом или учебником, который может содержать как полезную для вас информацию, так и ту, что вас на данный момент совсем не интересует.
Суть нашего дипломного проекта облегчить жителям Ростова-на-Дону и приезжим гостям поиск мест проведения досуга. На сайте они смогут узнать месторасположение Парка им. М. Горького, проводимые мероприятия в парке и время их проведения, а так же какие аттракционы находятся на территории парка и стоимость билета на них. Еще на сайте есть история парка, где пользователи смогут узнать все о парке и фотогалерея, где можно увидеть парк в любое время года.
1. Постановка задачи
Сайт - совокупность электронных документов (файлов) частного лица или организации в компьютерной сети, объединенная под одним адресом (доменным именем или ІР-адресом).
Все сайты в совокупности составляют Всемирную паутину, где коммуникация (паутина) объединяет сегменты информации мирового сообщества в единое целое - базу данных и коммуникации планетарного масштаба. Для прямого доступа, клиентов к сайтам на серверах был специально разработан протокол HTTP.
В соответствии с указанной целью в работе были поставлены и решены следующие задачи: а) разработать структуру web-сайта для Парка культуры и отдыха имени М. Горького г. Ростова-на-Дону;
б) создать раздел мероприятия;
в) создание таблицы аттракционов;
г) провести экономическое обоснование разработанного дипломного проекта.
Тема дипломного проекта является актуальной и современной, так как интернет не объемлемая часть жизни любого человека, который живет в ногу со временем. Практическая часть этого диплома в том, что бы помочь людям и ускорить поиск мест проведения досуга.
Задача должна быть выполнена студентом колледжа ГОУ СПО РО РКСИ специальности «Программное обеспечение вычислительной техники и автоматизированных систем» группы ПО-43 Науменко В.А.
Результатом поставленной задачи имеет практическое применение в администрации Парка культуры и отдыха имени М. Горького г. Ростов-на-дону.
Задача решается при помощи компьютера, различных программных средств, а также учебной и научной литературы.
Итоговая информация предоставляется в виде программного продукта, отвечающего требованиям поставленной задачи.
Задача и итоговая информация должны быть выполнены и предоставлены в срок отведенный комиссией на дипломное проектирование.
2. Основная часть
Прежде чем переходить непосредственно к созданию сайта, необходимо разработать структуру основных входящих в него страниц, чтобы пользователю легко было перемешаться между страницами различных уровней, а также, чтобы он в любой момент мог вернуться на домашнюю страницу.
Первая страница, на которой оказывается посетитель, это домашняя страница. Она, несомненно, должна содержать заголовок, краткое описание разделов Web-сайта, ссылки на разделы второго уровня иерархии в структуре, а также информацию об авторских правах и информацию для контактов, которую можно разместить в колонтитуле.
После того как вы определились с домашней страницей и размещаемой на ней информацией, необходимо перейти к разработке страниц второго уровня. Их количество должно определяться количеством основных разделов, веб узла. На этих страницах размещается наиболее важная информация, относящаяся к разделам, а также, если в них есть необходимость, ссылки на страницы третьего уровня иерархии. На страницах третьего уровня размещается уточняющая информация к основным разделам веб сайта.
Важным понятием в разработке веб сайта является схема навигации, определяющая, как пользователь будет перемещаться между страницами. С помощью схемы навигации пользователь получает представление о структуре сайта, а также представление о том, в каком месте узла он находится в данный момент. Правильно разработанная схема позволит пользователю легко перемещаться между страницами сайта в поисках нужной ему информации.
Существует много вариантов организации навигационной схемы. Рассмотрим два полярных подхода. Первый из них, дает возможность пользователю перемещаться по иерархии страниц только вверх или вниз без возможности перехода между страницами одного иерархического уровня. При такой схеме навигации для перехода к странице, расположенной на другой ветви иерархии, необходимо вернуться назад, и лишь затем, перейдя на нужную ветвь, перемещаться по дереву вниз. Заблудиться на веб узле с такой структурой тяжело, но и для перехода к нужной информации требуется больше времени.
Другой подход, это когда пользователь получает возможность с любого уровня иерархии переходить на любую страницу сайта. В этом случае достигается максимум возможностей по перемещению, В нашем сайте используется первый тип схемы навигации.
2.1 Анализ сайтов конкурентов
Проанализировав и изучив структуру сайтов конкурентов я не нашел ничего похожего. Данная структура была создана эксклюзивно для Парка культуры и отдыха имени М. Горького г. Ростов-на-Дону. Использование не стандартного подхода к сайту парка придает свежесть и необычность. В отличии от других сайтов похожего уровня мы создали наш продукт для всех граждан любых возрастов.
2.2 Программирование сайта
2.2.1 WORDPRESS 3.5.1
Большая часть программы была написана на WORDPRESS эта среда предназначена специально для разработки web сайтов от блогов до достаточно сложных новостных ресурсов и интернет-магазинов. Я отдаю ей предпочтение за то, что когда мы создаем, мы имеем возможность сразу увидеть то, что у нас получится, что очень удобно. WORDPRESS один из лучших редакторов. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать практически любые проекты. Также имеется множество бесплатных плагинов, доступных для скачивания.
2.2.2 HTML
HTML - стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме, HTML является приложением SGML и соответствует, международному стандарту ISO 8879. XHTML же является приложением XML. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащенностью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег , несколько раз использованный для форматирование страницы, которую вы сейчас читаете, предназначен для создания в документах самых обычных таблиц, но, как можно убедиться, здесь нет ни одной таблицы. С течением времени, основная идея платформо-независимости языка HTML была отдана в своеобразную жертву современным потребностям в мультимедийном и графическом оформлении.
HTML - теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причем начало и конец каждого элемента обозначается специальными пометками - тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки ). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font), Атрибуты указываются в открывающем теге. Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет - (в отличие от XHTML); Элементы могут быть вложенными. Кроме элементов, в HTML-документах есть и сущности- «специальные символы». Сущности начинаются с символа амперсанда и имеют вид &имя; или &#NNNN;, где NNNN - код символа в Юникоде в десятеричной системе счисления.
2.2.3 Java script
JAVASCRIPT - объектно-ориентированный скриптовый язык программирования. Является диалектом языка ECMASCRIPT. JAVASCRIPT обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам. Основные архитектурные черты: динамическая типизация, слабая типизация, автоматическое управление памятью, прототипное программирование, функции как объекты первого класса. На JAVASCRIPT оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но "при этом легким для использования непрограммистами. Языком JAVASCRIPT не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке. Название «JAVASCRIPT» является зарегистрированным товарным знаком компании Oracle Corporation.
JAVASCRIPT обладает рядом свойств объектно-ориентированного языка, но реализованное в языке прототипирование обусловливает отличия в работе с объектами по сравнению с традиционными объект-ориентированными языками. Кроме того, JAVASCRIPT имеет ряд свойств, присущих функциональным языкам - функции как объекты первого класса, объекты как списки, анонимные функции, замыкания что придает языку дополнительную гибкость.
2.2.4 PHP
PHP («препроцессор гипертекста »; первоначально Personal Home Page Tools - «Инструменты для создания персональных веб-страниц») -скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических вебсайтов .
Язык и его интерпретатор разрабатываются группой энтузиастов в рамках проекта с открытым кодом .
В области программирования для сети Интернет PHP - один из популярных сценарных языков (наряду с JSP , Perl и языками, используемыми в ASP.NET ) благодаря своей простоте, скорости выполнения, богатой функциональности, кроссплатформенности и распространению исходных кодов на основе лицензии PHP .
Популярность в области построения вебсайтов определяется наличием большого набора встроенных средств для разработки веб-приложений. В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу корпорации TIOBE, базирующемся на данных поисковых систем, в декабре 2012 года PHP находился на 6 месте среди языков программирования. К крупнейшим сайтам, использующим PHP, относятся Facebook , Wikipedia и др.
2.3 Создание эксклюзивного дизайна
2.3.1 Adobe Photoshop
Для редактирования растровой графики я использовал Adobe Photoshop. Adobe Photoshop это многофункциональный графический редактор, разработанный и распространяемый фирмой Adobe Systems. В основном, работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Adobe. При выборе редактора растровой графики я остановил свое внимание именно на Adobe Photoshop, потому что у этой программы самый как мне кажется расширенный интерфейс, расширенная база.
2.3.2 Google Chrome
Google Chrome - браузер от Google, сочетает в себе понятный и практичный интерфейс и набор полезных инструментов. Он включает в себя функции Safari, IE, Firefox и Opera, безукоризненно совмещенные в одном пакете и заключенные в нестандартный интерфейс.
Особенности программы: - быстрая загрузка страниц;
- работа с каждой открытой страницей как с отдельным процессом;
- легкий и стильный пользовательский интерфейс;
- оптимизированный механизм javascript;
- быстрая обработка веб-приложений;
- для поиска и навигации используется одно окно;
-оформите свой браузер, используя цветовые палитры, узоры, картинки и авторскую графику;
- вкладки можно расставлять в любом порядке - легко и быстро.
2.3.3 Opera
Opera - это популярнейший браузер от разработчиков из холодной Норвегии. Имеет собственное, весьма шустрое ядро, благодаря которому способен очень быстро обрабатывать страницы. По сравнению с Internet
Explorer, Опера работает гораздо быстрее. Более того, разработчики называют свой браузер самым быстрым в мире, что возможно и спорно, но очень даже близко к истине. Быстрый рендеринг страниц не единственное достоинство Оперы. В арсенале программы имеется куча всевозможных функций как на прямую связанных с отображением страниц, так и дополнительных: клиент для Р2Р-сети BITTORRENT; простенький менеджер загрузки файлов; IRC-клиент; RSS-клиент; система виджетов (небольшие приложения типа всяких календариков, калькуляторов, записных книжек и т. д.), сервис обмена данными Opera Unite.
2.3.4 Firefox
Firefox - это мощный веб-браузер от сообщества Mozilla. Данный браузер имеет открытый исходный код и разрабатывается огромным сообществом, что в итоге, наверное, и дает программе значительное преимущество перед конкурентами. Очень быстро обрабатывает веб-страницы с самым разнообразным контентом. В общем: быстр, удобен и стабилен. Необходимо отметить и то, что Firefox поддерживает мощнейшую систему плагинов (расширений), благодаря которым можно в значительной степени расширить функционал браузера, добавив множество самых разнообразных возможностей.
Дополнительная информация: Этот тестовый выпуск можно считать первой полноценной публичной бета-версией/ Первая бета-версия включала лишь механизм переключения между каналами разработки и не несла прочих улучшений (по крайней мере, о них не было заявлено). Все нововведения этой версии касаются внутренних процессов программы: - добавлена поддержка CSS animations;
- добавлена поддержка переключения между каналами разработки;
- улучшена производительность при обработке Canvas, JAVASCRIPT, памяти и сети;
- улучшена и расширена поддержка веб-стандартов HTML5, XHR, MATHML, SMIL и Canvas.
- улучшена проверка орфографии;
- улучшена интеграция с Linux.
2.3.5 Internet Explorer 10 Final
Internet Explorer 10 - корпорация Microsoft выпустила новую версию браузера Internet Explorer 10. Главные особенности Internet Explorer 10 - повышенная производительность и улучшение аппаратного ускорения, за счет чего произошло значительное ускорение отрисовки страниц, а также расширенная поддержка новых веб-стандартов, включая HTML5 и CSS3. Internet Explorer 10 быстрее - если говорить о скорости работы на одном и том же «железе» - и безопаснее своего предшественника. Кроме того, 10 версия безопаснее, прежде всего, благодаря новой технологии, которую Microsoft называет «продвинутым защитным режимом» (Enhanced Protection Mode). В Internet Explorer 10 вкладки изолированы друг от друга, то есть каждая из них функционирует в своеобразной «песочнице».
Для защиты от вредоносного кода в Internet Explorer 10 применяется еще одна интересная технология: использование случайной адресации для разных модулей браузера. Эта «рандомизация» серьезно усложняет жизнь опасному ПО, которому теперь будет сложнее установить, какой адрес в памяти следует атаковать.
2.3.6 Windows 7
Windows 7 все, что вы делали раньше на компьютере - стало проще. Проще искать нужное в собственных файлах, программах или интернете, подключаться и настраивать компьютер под настроение, общаться и обмениваться информацией. Получайте удовольствие от вашего компьютера! Windows 7 работает быстро, освобождая ваше время на множество приятных занятий. Экономит батарею, защищает ваши данные от опасностей и отличается повышенной надежностью, в общем, работает как надо! С Windows 7 вы откроете для себя множество новых возможностей для развлечений. Любители компьютерных игр будут впечатлены улучшенной графикой, а ваши архивы видео и фотографий теперь можно демонстрировать друзьям так, что аж дух захватывает! Редактируйте видео, смотрите телепередачи в удобное для вас время. Об этих и других возможностях Windows вы даже не думали! Люди, независимо от их общественного положения, используют информацию и знания в своей деятельности, решая непрерывно возникающие перед ними задачи. При этом постоянно увеличивающиеся запасы знаний, опыта. Весь интеллектуальный потенциал общества, который сосредоточен в книгах, патентах, журналах, отчетах, идеях, активно, на современном техническом уровне участвует в повседневной производственной, научной, образовательной и других видах деятельности людей. Ценность информации и удельный вес информационных услуг в жизни современного общества резко возросли.
2.4 Кроссбраузерное тестирование
2.4.1 Тест программного продукта в браузере Opera 12.15
Программный продукт «Web-сайт для Парка культуры и отдыха имени М. Горького» был протестирован в браузере Opera 12.15 (рисунок 1).
IMG_cd6defb2-e927-491d-abf6-af6bb195dc66
Рисунок 1 - Тестирование в браузере Opera 12.15
В данном браузере ошибок нет, страницы открываются корректно.
2.4.2 Тест программного продукта в браузере Yandex 1.5
Программный продукт «Web-сайт для Парка культуры и отдыха имени М. Горького» был протестирован в браузере Yandex 1.5 (рисунок 2).
IMG_475e147a-17f0-460c-8fa6-67292253d8c0
Рисунок 2 - Тестирование в браузере Yandex 1.5
В данном браузере ошибок нет. Страницы открываются корректно.
2.4.3 Тест программного продукта в браузере Google Chrome 27.0
Программный продукт «Web-сайт для Парка культуры и отдыха имени М. Горького» был протестирован в браузере Google Chrome 27.0 (рисунок 3).
IMG_e7402a25-c09b-466b-acdd-8b162234b3a6
Рисунок 3 - Тестирование в браузере Google Chrome 27.0
В данном браузере ошибок нет, страницы открываются корректно.
2.4.4 Тест программного продукта в браузере Internet Explorer 10
Программный продукт «Web-сайт для Парка культуры и отдыха имени М. Горького» был протестирован в браузере Internet Explorer 10 (рисунок 4).
IMG_a4b6a5d0-4b42-402c-968c-481273fd4e96
Рисунок 4 - Тестирование в браузере Internet Explorer 10
В данном браузере ошибок нет, страницы открываются корректно.
3. Структура сайта
Перед началом работы над сайтом создается его макет. На этапе рисования макета определяется примерное расположение логических блоков содержимого сайта, затем, при верстке оно подтверждается.
В процессе создания макета, структура страницы была запланирована следующим образом (графически это изображено на рисунке 5): - верхний блок - находится в верху страницы и содержит в себе панель меню и название рубрики;
- основной блок - находится в центре страницы, ниже блока с. меню и отражает информацию выбранного пункта меню.
ГлавнаяМероприятияФотогалереяОбратная связь
История паркаОсновной блок
Аттракционы
Формирования
Контакты
Благотворительность
Рисунок 5 - Схематическое изображение главных блоков страницы
3.1 Верхний блок сайта
Верхний блок сайта, на котором находится основное меню сайта:
Aeaaiay
Ia?ii?eyoey
Oioiaaea?ay
Ia?aoiay naycu
Данный код выполняет роль таблицы, в которой указаны параметры самой таблицы, а также ссылки для перехода на другие страницы сайта. Меню сайта представлено на рисунке 6.
IMG_6cdae013-73da-4444-9e81-5aad3f3dbfee
Рисунок 6 - Меню сайта
3.2 Главный блок сайта
В главном блоке содержится информационное наполнение сайта. Вывод информации зависит от того, какой раздел выбран в данный момент. Код главного блока находится в приложении А, изображение главного блока показано на рисунке 7.
IMG_624113f6-1fd0-4fdd-bb18-6b892e815910
Рисунок 7 - Основной блок
3.3 Главная страница
На рисунке 8 изображена главная страница нашего сайта.
IMG_25138cf2-715a-4422-b724-8fe82699324e
Рисунок 8 - Главная страница
На этой странице находится навигационная панель. Также на дополнительной панели находятся вкладки «История парка», «Аттракционы», «Формирования», «Контакты», «Благотворительность».
Для главной страницы в дизайне сайта не использовалось ничего, что могло бы отвлекающее действовать на его посетителей. По просьбе заказчика мы действовали в минимальных требованиях к дизайну сайта.
3.4 Мероприятия
На рисунке 9 представлена страница Мероприятия
IMG_2a1d0f33-41db-4a8c-ae62-6365bb04417c
Рисунок 9 - Мероприятия
На этой странице находится расписание мероприятий конкурсов, которые будут проводиться в парке имени М. Горького в течение года.
3.5 Фотогалерея
На рисунке 10 представлена страница Фотогалерея
IMG_2f75f93e-0084-4c99-a407-00ddfb2efdea
Рисунок 10 - Фотогалерея
На этой странице находятся фотоальбомы, содержащие фотографии парка в разные времена года, а так же фотоотчеты с проводимых в парке мероприятий и конкурсов.
3.6 Обратная связь
На рисунке 11 представлена страница Обратная связь
IMG_a2c2440d-e61a-47b3-bf37-da6c8ce6e6b9
Рисунок 11 - Обратная связь
На этой странице находится навигационная панель. Также в основном блоге находится форма для обратной связи, где необходимо заполнить поля «Ваше имя», «Ваш e-mail», «Тема», «Сообщение». И нажать на кнопку «Отправить», чтобы ваше обращение увидел администратор сайта и смог вам ответить.
Для фона и шрифта выбраны наиболее оптимальные цветовые сочетания, позволяющие читать интересующую Вас информацию без раздражающего влияния на зрение.
3.7 История парка
На рисунке 12 представлена страница «История парка»
IMG_708e38fd-240c-4714-b33e-4d33d8439d46
Рисунок 12 - История парка
На этой странице находится навигационная панель. Также в основном блоге находится информация о история развития парка.
Для дизайна страницы использовался стиль «минимализм». Читая статью, Вы сможете, не отвлекаясь ни на что просто легко ознакомиться с информацией, представленной в ней. Для фона и шрифта выбраны наиболее оптимальные цветовые сочетания, позволяющие читать интересующую Вас информацию без раздражающего влияния на зрение.
3.8 Аттракционы
На рисунке 13 представлена страница Аттракционы
IMG_3f789708-ebfd-460a-bedd-6e76f0dfab16
Рисунок 13 - Аттракционы
На этой странице находится навигационная панель. Также в основном блоке страницы находится таблица с перечнем аттракционов, находящихся в парке имени М. Горького, их возрастным ограничением и ценой.
Для фона и шрифта выбраны наиболее оптимальные цветовые сочетания, позволяющие читать интересующую Вас информацию без раздражающего влияния на зрение. сайт программирование кроссбраузерный
3.9 Контакты
На рисунке 14 представлена страница Контакты
IMG_8c206551-b472-40ab-aead-fb899b9fbc4d
Рисунок 14 - Контакты
На этой странице находится навигационная панель. Также в главном блоке страницы находится информация с данными парка. Адрес, номера телефонов, расположение на «Яндекс картах» и т.д.
Для фона и шрифта выбраны наиболее оптимальные цветовые сочетания, позволяющие читать интересующую Вас информацию без раздражающего влияния на зрение.
3.10 Формирования
На рисунке 15 представлена страница Формирование
IMG_2e0b0b21-6b46-4634-806d-85db4e3ae3bc
Рисунок 15 - Формирования
На этой странице находится навигационная панель. Также в главном блоке страницы находится список формирований и объединений для проведения досуга и обучения.
Для фона и шрифта выбраны наиболее оптимальные цветовые сочетания, позволяющие читать интересующую Вас информацию без раздражающего влияния на зрение.
3.11 Благотворительность
IMG_fb570ce5-9cc6-45b5-8b94-9a6ddf24c506
Рисунок 16 -Благотворительность
На этой странице находится навигационная панель. Также в главном блоке страницы находится информация о спонсорах, помогающих развиваться парку имени М. Горького.
Для фона и шрифта выбраны наиболее оптимальные цветовые сочетания, позволяющие читать интересующую Вас информацию без раздражающего влияния на зрение.
4. Экономическое обоснование разработки Web-сайта
4.1 Расчет капиталовложений
Для разработки web-сайта для Парка культуры и отдыха имени М. Горького составим смету на приобретение оборудования и произведем расчет капитальных вложений.
Капитальные вложения, необходимые для реализации данного проекта, определяются по формуле (1)
К= Кобор Кт,(1) где Кобор-стоимость оборудования;
Кт- транспортные и заготовительно-складские расходы (5% от стоимости оборудования).
Расчет стоимости оборудования показан в таблице 1.
Таблица 1 - Расчет стоимости оборудования
НаименованиеКоличество, штЦена, рубСумма, руб
Монитор140004000
Системный блок11250012500
Мышь1300300
Клавиатура1500500
Итого--17300
Определяем транспортные и заготовительно-складские расходы: Кт=17300*0,05=865 руб.
Определяем величину капитальных затрат: К= 17300 865=18165 руб.
Таблица 2 - Величина капитальных затрат
Наименование показателейЕдиница измеренийСтоимостная оценка
Стоимость оборудованияруб.17300
Транспортные и заготовительно-складские расходыруб.865
Итогоруб.18165
4.2 Расчет расходов для разработки web-сайта
В процессе разработки осуществляется деятельность, требующая расходов ресурсов. Сумма составит фактическую себестоимость или величину расходов на разработку, включая следующие статьи расходов: Разработкой проекта занимается программист. Определяем сумму зарплаты по формуле (2)
Зпл=окл*n*Rпрем,(2) где окл-оклад программиста;
n- колво месяцев на разработку web-сайта;
R- коэффициент учитываемой премии.
Зпл=15000* 1*1,3=19500 руб.
Определяемую сумму налоговых платежей от З/пл. Отчисления на страховые взносы определяются по формуле (3) страховые взносы =З/пл*Стр. взн/100%,(3) где Стр.взн - единый страховой взнос;
З/пл-оплата труда;
страховые взносы=19500*0,30=5850 руб.
Предполагается, что оборудование будет эксплуатироваться в течение трех лет модернизации и демонтажа. Таким образом, срок эксплуатации будет равен трем годам, следовательно На год= 100/3=33,3%, Амес=(к*На)/(100*n) гдек - стоимость оборудования;
На - амортизационные нормы;
n - колво месяцев.
Амес=(18165 *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)
Рпроч=18165*0,1/100=18,16 руб.
Общая сумма эксплуатационных данных расходов показана в таблице 3
Таблица 3 - Сумма эксплуатационных расходов
Статьи затратСумма затрат, руб.
Расходы на оплату труда19500,00
Страховые взносы5850,00
Амортизационные отчисления125,87
Расходы электроэнергии179,28
Прочие расходы18,16
Итого25673,31
Расчет удельного веса расходов dn=Pn/NP*100%,(6) где dn-удельный вес расходов;
Общая сумма удельного веса расходов показана в таблице 4.
Таблица 4 - Общая сумма удельного веса
Наименование статей расходовУдельный вес, %
Расходы на оплату труда75,950
Страховые взносы22,780
Амортизационные отчисления0,490
Расходы электроэнергии0,690
Прочие расходы0,071
Итого100,000
4.3 Расчет доходов
Программисту поступил заказ на разработку web-сайта. Программистом была составлена смета расходов. Исходя из своей выгоды, программистом был представлен счет, в котором была заложена прибыль. Заказчику был представлен счет 50000 руб.
4.4 Расчет прибыли от реализации проекта
Прибыль рассчитывается по формуле
П=Д-Р,(7)
Где П -прибыль;
Д-доход;
Р-расходы.
П=50000-25673,31=24326,69 руб.
В соответствии с действующим законодательством на основании 25 главы налогового кодекса РФ любая полученная прибыль должна быть обложена налогом.
Определим сумму налога на полученную прибыль. Она определяется по формуле (8)
НП=NП*Снп/100%(8)
Где НП -налог на прибыль;
NП- сумма полученной прибыли;
Снп-ставка налога на прибыль.
НП=24326,69*0,2=4865,34 руб.
Определить сумму прибыли, оставшуюся в распоряжение программиста по формуле (9)
Пчист= NП-НП(9)
Где Пчист - прибыль, оставшуюся в распоряжение программиста
NП- общая сумма прибыли
НП - ставка налога-на прибыль
Пчист=24326,69-4865, 34=19461,35 руб.
4.5 Определение эффективности проекта
Любой проект разработчика должен принимать прибыль. Поэтому необходимо определить конечный результат от данного вида деятельности (разработки и реализации проекта).
Для определения конечного результата используется показатель рентабельности.
Рентабельность производства определяется по формуле (10)
Rпр-ва= NП/Р*100%,(10)
Где Rпр-ва- рентабельность производства;
NП- сумма прибыли;
Р - расход организации.
Rпр-ва=24326,69/25673,31*100%=94,75%
На каждый рубль расходов программист получил 94,75копеек прибыли.
Рентабельность чистой прибыли определяем по формуле (11)
Rн.п=Пчист/Р*100%(11)
ГДЕRН.п - рентабельность чистой прибыли;
Пчист - чистая прибыль;
Р - расходы организации.
Rн.п=19461,35 /25673,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 м2 рабочей площади и 20 м3 объема помещения.
Расстояние от стены при однорядном расположении ПЭВМ не менее 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 мм;
- поверхность си
Вывод
В процессе работы над дипломным проектом мной был разработан сайт для Парка культуры и отдыха имени М. Горького г. Ростова-на-Дону.
Контент сайта включает в себя новости, таблицу данных аттракционов, фотографии парка, полезную информацию для посетителей.
В процессе дипломного проектирования были решены следующие задачи: - сбор необходимой информации для разработки сайта;
- подбор программного обеспечения для создания дизайна;
- рассмотрены технологии и средства создания 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/. - Загл. С экрана.