Создание web-сайта для МБОУ ДОД Детского дома творчества

Тип работы:
Дипломная
Предмет:
Программирование


Узнать стоимость

Детальная информация о работе

Выдержка из работы

Введение

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

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

Сайт — это набор из нескольких десятков, сотен или даже тысяч Web-страниц, связанных вместе единой темой, общим оформлением, взаимными гипертекстовыми ссылками и, как правило, близким по интернетовским меркам размещением.

Это значит, что иногда, в зависимости от контекста, один и тот же набор страниц может рассматриваться либо как самостоятельный сайт, либо как часть какого-то другого сайта.

Целью данной дипломной работы является создание web-сайта для «МБОУ ДОД Детского дома творчества Заводского района г. Орла».

1. Аналитическая часть

1.1 Основные характеристики проекта

Сайт дома творчества, будет состоять из небольшого количества страничек с текстовой информацией, (предположительно 20−30) одинакового дизайна. Поскольку ввод информации будет осуществляться также пользователями не знающими html, необходим WYSIWYG редактор.

Имеется фотогалерея с возможностью просмотра и загрузки фотографий через браузер. WYSIWYG (произносится [?w?ziw??], является аббревиатурой от англ. What You See Is What You Get, «что видишь, то и получишь») -- свойство прикладных программ или web-интерфейсов, в которых содержание отображается в процессе редактирования и выглядит макcимально близко похожим на конечную продукцию, которая может быть печатным документом, web-страницей или презентацией. В настоящее время для подобных программ также широко используется понятие «визуальный редактор».

Также необходим поиск по сайту улучшения юзабилити.

Юзабилити сайта -- это степень удобства работы человека с интерфейсом. Этим же словом называются методы улучшения сайта во время разработки. Но, вместо этого, нередко наталкивается на путаницу из картинок, кнопок и гиперссылок. Поэтому важно как следует продумать юзабилити сайта.

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

Веб-сайт — совокупность электронных документов (файлов с содержанием на языке HTML и вспомогательных файлов, таких как, например CSS) в компьютерной сети, объединённых под одним адресом (доменным именем или IP-адресом) и доступных просмотру через браузер (например Microsoft Internet Explorer или Google Chrome).

Обычный веб-сайт, как правило, обладает следующими важными характеристиками:

Домен

Термин домен имеет невероятное количество значений в разных областях, в том числе и близких между собой. Поэтому когда ваш системный администратор сети компьютеров в вашем офисе, заявляет что локальная сеть вашего офиса объединена в домен, не удивляйтесь, он вас не обманывает, просто говорит о другой сущности. В контексте описаний интернет-сайта доменом называют адрес в строке браузера, по которому доступен ваш сайт, например www. aranga. ru или aranga. ru.

Хостинг

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

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

CMS

Под термином CMS подразумевают систему управления контентом веб-сайта. Если объяснять проще, то это программа, расположенная на сервере (на хостинге), которая позволяет изменять содержание и состав страниц на веб-сайте, без знания языка HTML. Кроме тогоCMS позволяет контролировать такие дополнительные функции сайта как комментарии к статьям. Для разных CMS размер ресурсов предоставляемых в рамках тарифного плана хостинга будет разным (для некоторых хостинг дороже)

Тема CMS (шаблон)

Темой CMS называют модуль этой программы, который отвечает за внешний вид страниц вашего веб-сайта. Темы разных CMS не подходят друг другу. Картинка с изображение вашего сайта в формате JPG (или другом графическом формате, например PSD) Не является темой CMS. Сверстанная в HTML страница так же не является темой CMS. По этим причинам не рекомендуется заказывать тему CMS, без так называемой «установки».

Позиции в выдачи поисковых систем и связанные с этим характеристики.

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

1.2 Обзор существующих систем

Рассмотрим другие сайты подобной направленности, как и сайт для МБОУ ДОД Детского дома творчества Заводского района:

Детский сад № 31

В 1993 году детский сад был передан на баланс городского управления образования администрации города Орла, а с 1999 года — на баланс отдела образования администрации Северного района.

В своей деятельности учреждение руководствуется Конституцией Р Ф, Законом Российской Федерации «Об образовании», Типовым положением о дошкольном образовательном учреждении, федеральными законами, указами и распоряжениями Президента Российской Федерации, Конвенцией ООН о правах ребенка, Законом «Об образовании Орловской области», решениями органов управления образованием, Уставом ДОУ.

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

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

Сайт детского сажа № 31 выполнен на самописной системе управления данными. Все данные хранятся в базе данных. Сайт реализован на сервеном языке программирования PHP, языке разметки гипер-текста HTML и каскадных таблиц стилей CSS.

Рассмотрим главную страницу сайта (рисунок 1. 1).

Рисунок 1. 1- главная страница Детского сада № 31

Дизайн сайта выполнен в спокойных тонах, не вызывает раздражающего эффекта. Так же на сайте реализована галерея, в которой хранятся фотографии детского сада.

Детский сад № 87

Муниципальное бюджетное дошкольное образовательное учреждение «Детский сад № 87 комбинированного вида» создано на основании постановления администрации города Орла от 15. 11. 2011 г. № 3528 «О создании муниципальных бюджетных дошкольных образовательных учреждений города Орла путем изменения типа существующих муниципальных дошкольных образовательных учреждений» путем изменения типа Муниципального дошкольного образовательного учреждения «Детский сад № 87 комбинированного вида». Учреждение является правопреемником Муниципального дошкольного образовательного учреждения «Детский сад № 87 комбинированного вида», зарегистрированного инспекцией Федеральной налоговой службы по Заводскому району г. Орла 23 ноября 2006 г., регистрационной № 2 065 752 029 671, являющегося правопреемником Муниципального дошкольного образовательного учреждения «Детский сад № 87» комбинированного вида, зарегистрированного регистрационным комитетом Орловской области № 000. 2356-П серия З от 25 июля 2000 г., являющегося правопреемником муниципального дошкольного образовательного учреждения детский сад № 87 «Родничок», зарегистрированного Фондом имущества г. Орла за № 33 серия З от 19. 02. 1996 года, являющегося правопреемником детского сада № 87, созданного решением Орловского городского Совета народных депутатов от 30 сентября 1988 года.

Сайт детского сада № 87 выполнен на самописной системе управления контентом. Структура сайта соответствует всем нормам наследования.

Рассмотрим главную страницу сайта (рисунок 1. 2).

Рисунок 1. 2-главная страница сайта детского сада № 87

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

На сайте реализован раздел «Календарь», где выводится календарь на год, в котором на каждый день составлено расписание и список мероприятий.

1.3 Выбор языка программирования

сайт веб база программирование творчество

Бурно развивающийся раздел программирования, ориентированный на разработку динамических Internet-приложений. Языки веб-программирования -- это соответственно языки, которые в основном предназначены для работы с интернет-технологиями. Языки веб-программирования делятся на две группы: клиентские и серверные.

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

Серверные языки. Когда пользователь дает запрос на какую-либо страницу (переходит на неё по ссылке или вводит адрес в адресной строке своего браузера), то вызванная страница сначала обрабатывается на сервере, то есть выполняются все программы, связанные со страницей, и только потом возвращается к посетителю по сети в виде файла. Этот файл может иметь расширения: HTML, PHP, ASP, Perl, SSI, XML, DHTML, XHTML.

Работа программ уже полностью зависима от сервера, на котором расположен сайт, и от того, какая версия того или иного языка поддерживается. Список серверных языков программирования: PHP, Perl, Python, Ruby, Любой. NET язык программирования (технология ASP. NET), Java, Groovy. Наиболее популярные языки веб-программирования представлены на рисунке 1.3.

Рисунок 1.3. Наиболее популярные языки веб-программирования

Данный web-сайт написан на языке PHP.

PHP (Profeshional Hypertext Preprocessor)

Язык исполняемый на стороне веб-сервера, написанный на языке C++, поэтому содержит много общего. История PHP начинается с человека по имени Rasmus Lerdorf в 1995 году, когда он создаёт простую программу на Perl, которая представляет собой скрипт по подсчёту посещения его резюме. Завоевав большую популярность скрипт требовал своей доработки и тогда появляется первая версия PHP, написанная на С — PHP/FI (Personal Home Page / Forms Interpreter), это как бы модификация Perl для работы с формами. PHP/FI просуществовал до версии 2.0 (выпуск — 1997 г.). После этого на горизонте появились два студента Израильского университета: Andi Gutmans и Zeev Suraski, они начали детально изучать исходники (sources) языка PHP/FI и сочли его непригодным для создания больших проектов. Тогда они создали первую официальную (современную) версию PHP — PHP 3. 0, вот он потомок PHP/FI. Тогда и появилось новое название PHP: Hypertext Preprocessor. Шёл 1998 год. Впоследствии появились новые задачи, с которыми 3.0 версия PHP не справлялась (достаточно посмотреть на количество новых функций, которые появились в PHP 4. 0, без которых не представляется сегодня возможность эффективно работать с веб-приложениями). Разработчики начали усердно работать над ядром (kernel) PHP и вскоре появляется первая стабильная версия PHP — PHP 4.0 (сенсационная находка для веб-программистов, полностью переделанное ядро).

1.4 Выбор технологии разработки WWW-сайта

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

Hypertext Markup Language (HTML)

HTML (от англ. HyperText Markup Language -- «язык разметки гипертекста») -- стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме.

HTML является приложением («частным случаем») SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879. XHTML же является приложением XML.

HTML -- теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками -- тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки < br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font).

Common Gateway Interface (CGI)

CGI (от англ. Common Gateway Interface -- «общий интерфейс шлюза») -- стандарт интерфейса, используемого для связи внешней программы с веб-сервером. Программу, которая работает по такому интерфейсу совместно с веб-сервером, принято называть шлюзом, хотя многие предпочитают названия «скрипт» (сценарий) или «CGI-программа».

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

Все скрипты, как правило, помещают в каталог cgi (или cgi-bin) сервера, но это необязательно: скрипт может располагаться где угодно, но при этом большинство веб-серверов требуют специальной настройки. В веб-сервере Apache, например, такая настройка может производиться при помощи общего файла настроек httpd. conf или с помощью файла. htaccess в том каталоге, где содержится этот скрипт.

CGI является одним из наиболее распространённых средств создания динамических веб-страниц.

Dynamic HTML (DHTML)

Dynamic HTML или DHTML -- это способ создания интерактивного веб-сайта, использующий сочетание статичного языка разметки HTML, встраиваемого (и выполняемого на стороне клиента) скриптового языка JavaScript, CSS (каскадных таблиц стилей) и DOM (объектной модели документа).

Он может быть использован для создания приложения в веб-браузере: например для более простой навигации или для придания интерактивности форм. DHTML может быть использован для динамического перетаскивания элементов по экрану. Также он может служить как инструмент для создания основанных на браузере видеоигр.

DHTML приложения, которые вполне автономны в браузере, без серверной поддержки, такой как база данных, иногда вынуждены обращаться к Single Page Applications, или SPA

Конкурирующая техника включает в себя Adobe Flash и Silverlight.

Active Server Pages (ASP)

ASP представляет собой среду серверных скриптов, которую можно использовать для создания динамических Web-страниц или построения мощных Web-приложений, использующих HTML-страницы в качестве интерфейса. ASP страницы представляют собой файлы с расширением asp, содержащие как текст и HTML теги, так и скрипт-команды. (Таким образом, не исключается возможность использования DHTML). ASP страницы могут использовать ActiveX компоненты для выполнения различных задач, например, для взаимодействия с базой данных.

При запросе ASP-страницы на сервере выполняются содержащиеся в ней серверные скрипты, которые формируют HTML-страницу, отправляемую браузеру в качестве ответа.

ASP приложения просты в реализации и модификации. Программы, основанные на технологии ASP, на порядок производительнее программ, основанных на CGI. Это достигается оптимизацией процессов ASP на сервере, учитывающей архитектуру Windows NT. Для написания серверных скриптов ASP-страниц используются языки JScript и VBScript.

ASP не является языком программирования -- это лишь технология предварительной обработки, позволяющая подключать программные модули во время процесса формирования веб-страницы. Относительная популярность ASP основана на простоте используемых языков сценариев (VBScript или JScript) и возможности использования внешних COM-компонентов.

Технология ASP получила своё развитие в виде ASP. NET -- новой технологии создания веб-приложений, основанной на платформе Microsoft. NET.

Java Server Pages (JSP)

JSP (JavaServer Pages) -- технология, позволяющая веб-разработчикам легко создавать содержимое, которое имеет как статические, так и динамические компоненты. По сути, страница JSP является текстовым документом, который содержит текст двух типов: статические исходные данные, которые могут быть оформлены в одном из текстовых форматов HTML, SVG, WML, или XML, и JSP элементы, которые конструируют динамическое содержимое. Кроме этого могут использоваться библиотеки JSP тегов, а также EL (Expression Language), для внедрения Java-кода в статичное содержимое JSP-страниц.

JSP -- одна из высокопроизводительных технологий, так как весь код страницы транслируется в java-код сервлета с помощью компилятора JSP страниц Jasper, и затем компилируется в байт-код виртуальной машины java (JVM). Контейнеры сервлетов, способные исполнять JSP страницы, написаны на языке Java, который может работать на различных платформах. JSP страницы загружаются на сервере и управляются из структуры специального Java server packet, который называется Java EE Web Application, в большинстве своём упакованная в файловые архивы. war и. ear.

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

Пример JSP страницы с использованием всех составляющих JSP конструкции представлен на рисунке 1. 4:

Рисунок 1.4 — Пример JSP страницы

Microsoft SQL Server

В качестве системы управления базами данных (СУБД) использован Microsoft SQL Server 2008.

Microsoft SQL Server 2008- одна из наиболее мощных СУБД архитектуры «клиент-сервер». Эта СУБД позволяет удовлетворять такие требования, предъявляемые к системам распределённой обработки данных, как тиражирование данных, параллельная обработка, поддержка больших баз данных на относительно недорогих аппаратных платформах при сохранении простоты управления и использования.

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

SQL Server 2008 имеет новую масштабируемую архитектуру блокировок, называемую динамической блокировкой (Dynamic Locking), которая комбинирует блокировку на уровне страницы и записи для достижения максимальной производительности и подключения максимального числа пользователей. Microsoft SQL Server 2008 Enterprise Edition разрабатывался с учётом требований к работе в корпоративных средах. В лучших традициях линии продуктов Microsoft SQL Server он обеспечивает высокий уровень масштабируемости и отказоустойчивости. Оптимизированный под Windows NT Enterprise Edition, он спроектирован для построения хранилищ данных и создания Internet/Intranet приложений и отвечает требованиям отказоустойчивости и работы в режиме 24×7 для критичных для бизнеса приложений. Как составная часть семейства Microsoft BackOffice Microsoft SQL Server 2008 Enterprise Edition взаимодействует с другими серверными продуктами BackOffice, что позволяет создавать лучшие клиент-серверные и Web-приложения.

В ноябре 2003 года на конференции PASS в Сиэттле руководители Microsoft рассказали о новых механизмах ETL, реализуемых в Yukon, при помощи которых реализовывался перенос ранее накопленной информации из существующих приложений в хранилища данных. С точки зрения Microsoft эти мехнизмы должны были стать одним из аргументов для привлечения корпоративных пользователей. Архитектура SQL Server ETL, реализуемая в Yukon, получила название Data Transformation Services (DTS). Как отметил Гордон Манжионе, вице-президент Microsoft и глава подразделения SQL Server Team, в DTS планировалось реализовать поддержку параллелизма, благодаря чему пользователи смогут одновременно выполнять несколько сложных задач, как например, трансляция данных, их чтение и перезапись в одном потоке.

Помимо ETL упор делался и на упрощение конфигурирования и управления СУБД, а также улучшение масштабируемости. В частности, представители Microsoft заявляли, что, к примеру, процесс, охватывающий миллионы колонок данных, благодаря увеличению масштабируемости сможет выполняться в течение нескольких секунд, а не минут. Кроме того, в новую версию SQL Server планировалось включить функции, упрощающие создание хранилищ данных и управление ими, а также выполнение операций, связанных с интеллектуальной поддержкой бизнеса. Разработчикам Microsoft обещала новый API, поддерживающий платформу. NET (и язык Visual Basic в частности), избавляя тем самым от необходимости использовать специфический код DTS.

Также во время конференции Манжионе объявил о завершении работ по созданию продукта Best Practices Analyzer для SQL Server 2000, поддерживающий список из 70 правил, составленный совместно разработчиками Microsoft и пользователями SQL Server. Такой список должен был упростить процесс конфигурирования СУБД администраторами баз данных и помочь им избежать самых распространенных ошибок. При этом поддерживались функции резервного копирования и восстановления после сбоев, а также управления СУБД и контроля производительности. Манжионе пообещал, что корпорация будет обновлять этот инструментарий ежеквартально.

Сказанное выше позволяет отнести Microsoft SQL Server 2008 к современным мощным, надёжным и перспективным СУБД архитектуры «клиент-сервер» и использовать его для построения устойчивых Web-приложений.

2. Проектная часть

2.1 Характеристика Детского дома творчества

Дом детского творчества открыл свои двери 6 октября 1972 года как внешкольное учреждение — районный Дом пионеров и школьников. За это время им пройден долгий путь от внешкольного учреждения, районного Дома пионеров и школьников, до учреждения дополнительного образования Дома детского творчества Октябрьского административного округа. Его становление, развитие и достижения неразрывно связаны с историей Октябрьского административного округа (Рисунок 2. 1).

Рисунок 2. 1- Строительство Дома Пионеров

В 1972—1982 гг. происходит становление Дома пионеров, определяются направления его деятельности, главным из которых становится методическое обеспечение внеклассной воспитательной работы в школах района. Становление кружковой работы. Действует одна из лучших в городе школа комсомольского и пионерского актива.

В 1982 — 1985 годы происходит обновление педагогического коллектива. Основной задачей становится формирование педагогического и ученического коллективов. Родилось движение «Педагоги — детям», где предусматривалась совместная деятельность детей и педагогов по ИЗО, декоративно-прикладному творчеству, выступление вокальной группы, совместные КВНы. Основной формой становится студийная работа. В это время Дом пионеров выполняет две основные задачи: студийная и кружковая работа с детьми, и методическая работа с педагогами школ района.

В 1985 — 1990 годы значительно укрепилась материально-техническая база: созданы и оборудованы всем необходимым учебные кабинеты по направлениям: эстетическое, спортивное, техническое, декоративно-прикладное. Качественно изменился состав педагогического коллектива. 70% педагогов имеют высшее образование. Разработана программа коммунарских сборов, методика коллективных творческих дел.

В 1990 — 1995 годы поменялся статус Дома пионеров и школьников. В 1993 году Дом пионеров и школьников становится учреждением дополнительного образования — Домом творчества детей и юношества. Формируются и разрабатываются программы развития 5 отделов: натуралистического, художественной самодеятельности, ИЗО и декоративно-прикладного творчества, Центра раннего развития, спортивного туризма и технического творчества. Открыта выставка подводного мира «Наутилус». Действует детская общественная организация «Экологический центр». Театр педагогов и детей «Наш Дом» проводит спектакли для школьников и жителей округа. Проводятся игры КВН, в которых соревнуются в умении шутить команды педагогов и детей. Быстро развивается Центр раннего развития «Сказка».

В 1995 — 2005 годы четыре детских коллектива получили звание «Образцовый детский коллектив»: цирковая студия «Каскад»; хоровая студия «Камертон»; ансамбль эстрадного танца «Легкое дыхание», хореографический ансамбль «Хорошее настроение». По инициативе и под руководством Шейкина Романа Анатольевича и Пономорчука Дмитрия Анатольевича в округе проводятся интеллектуальные игры.

В 2006 — 2010 годы все коллективы, получившие звание «Образцовый детский коллектив», вновь подтверждают свой высокий уровень. Студия эстрадного вокала «Российские голоса» под руководством Гринцовой Надежды Марковны получает звание «Образцовый детский коллектив». Появляется новый коллектив в направлении хореографии: эстрадный танец Джаз-модерн, руководитель Гейст Игорь Валерьевич, коллектив громко заявляет о себе и становится дипломантом городского конкурса «Сердце отдаю детям». Петрова Анастасия и Греков Юрий — участники чемпионата мира по бальным танцам в Лондоне. В 2009 году Дом творчества получил Сертификат на муниципальную поддержку в размере 1 000 000 рублей, как победители конкурсного отбора лучших образовательных учреждений, активно внедряющих инновационные образовательные услуги.

В 2011 — 2012 годы Дом творчества отмечает юбилей 35 лет, проводится большое количество концертов, выставок и других мероприятий, приуроченных к событию. По результатам городского смотра-конкурса на лучшее новогоднее оформление организаций города Орла в 2011—2012 учебном году Дом детского творчества получил диплом III степени. В 2012 году был получен диплом II степени победителя городского смотра-конкурса «На лучшее содержание и оформление территории» в номинации «Лучшее содержание и оформление территории учреждения дополнительного образования».

2.1.1 Основные направления и содержание деятельности Дома детского творчества Заводского района

Муниципальное бюджетное образовательное учреждение дополнительного образования детей — дом детского творчества Заводского района города Орла расположено по адресу: г. Орел, ул. Комсомольская, д. 39

Сегодня дом творчества, по сути, открытое образовательное пространство. Дом детского творчества Заводского района — многопрофильное учреждение дополнительного образования не только по разнообразию образовательных программ, но и по содержанию деятельности. Сегодня дом творчества не только центр, где дети получают дополнительное образование, но и досуговый центр, центр работы с семьей, информационно-методический центр, социальных инициатив и центр экспериментальной деятельности.

Содержание деятельности Дома детского творчества Заводского района представлено на рисунке 2.2.

Рисунок 2.2 — Содержание деятельности Дом детского творчества Заводского района

В настоящее время в Доме творчества занимаются более двух тысяч детей и подростков в 156-ти кружках и объединениях. Возраст воспитанников — 5−18 лет. Дом творчества создаёт все необходимые условия для личностного развития, укрепления здоровья, самоопределения и творческого труда обучающихся, формирование общей культуры, адаптации ребёнка к жизни в обществе, организации содержательного досуга детей и подростков. Интеграция основного и дополнительного образования как фактор развития личности ребенка актуальна сегодня.

2.1.2 Структура управления дома детского творчества Заводского района

Структура дома детского творчества Заводского района представлена на рисунке 2.3.

Рисунок 2.3 — Структура дома детского творчества Заводского района

Кружки, функционирующие в Доме творчества:

— вокально-эстрадная студия;

— ансамбль русской песни;

— фортепиано, гитара;

— ансамбль частушек;

— вокально-инструментальный ансамбль;

— ансамбль танца (бального, народного, современного, кружок хореографии);

— театр кукол;

— театральная школа;

— ИЗО-студия;

— студия «Золушки» (работа с керамикой);

— студия дизайна;

— резьба по дереву;

— бумажная пластика;

— гобелен;

— веселые ладошки;

— бисероплетение;

— фриволите;

— кружевоплетение;

— вышивания и вязания;

— мягкая игрушка;

— изонить (вышивка на картоне);

— авиамодельный клуб;

— начально-техническое моделирование;

— радиооператоры;

— школа домашнего мастера;

— туристический клуб;

— клуб юного историка;

— клуб «Контакт» (изучение основ потребительских знаний);

— клуб организаторов досуга;

— клуб «Лидер» (развитие организаторских способностей у детей);

— клуб старшеклассников «Память» (краеведение);

— КВН;

— школа раннего развития (5−6л: подготовка к школе);

— школа гармоничного развития (3−5кл.): англ. яз., этикет, страноведение, ролевые игры, математика;

— школа домашнего воспитателя «Гувернер» (8кл.) и др.

— казачья кадетская школа (8−10кл.)

— малая академия наук (старшеклассники)

Многие кружки и коллективы Дома творчества имеют высокие результаты в работе.

Образцовые хореографические коллективы:

— «Карусель»

— «Непоседы»

— «Радость»

— Ансамбль бального танца «Жемчужина»

— Школа раннего развития «Кроха»

— Школа гармоничного развития «Гармония»

— Авиамодельный кружок

— Кружок «Начальное техническое моделирование»

И в настоящее время с ребятами работает творческий коллектив педагогов и методистов, среди которых семь человек — «Отличники народного просвещения», один награждён медалью «За трудовое отличие», большинство педагогов имеют высшую и первую квалификационную категорию. Руководит Домом творчества — Силаева Зинаида Андреевна.

2.2 Техническое задание

Пользователь взаимодействует с сайтом по следующей схеме.

При открытии главной странице сайта, пользователь видит информацию о сайте, новостной блок и навигационное меню.

Навигационное меню состоит из следующих разделов:

визитная карточка;

педагогический состав;

образовательный процесс;

для вас, родители;

галерея достижений;

афиша мероприятий;

фотогалерея.

Раздел «Галерея» содержит в себе различные фотографии различных мероприятий. Раздел представляет собой ряд изображений не большого размера, кликнув по любому из которых, откроется его увеличенное отображение, закрыть которое можно лишь кликнув по нему.

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

2.3 Требование для установки программного продукта

2.3.1 Аппаратный носитель

В качестве аппаратного носителя был выбран сервер компании НИКС, модель sS6000B/pro2U. Он имеет следующую конфигурацию:

— CaseSuperMicro 2U 6026T-URF4 + (LGA1366, i5520, UIO, SVGA, DVD, SATA RAID, 8xHS SAS/SATA, 4xGbLAN, 18DDRIII 920W HS)

— CPUCPU Intel Xeon E5645 2. 40 ГГц/12Мб/5. 86 ГТ/с LGA1366

— RAM3 шт. Kingston < KVR1333D3D8R9S/4G> DDR-III DIMM 4Gb < PC3−10 600> ECC Registered with Parity CL9

— HDD2 шт. HDD 600 Gb SAS 2.0 Seagate Cheetah 15K.7 < ST3600057SS> 15000rpm 16Mb

— I/O CardAdaptec RAID 6805 ASR-6805 Single PCI-E x8, 8-port SAS/SATA, RAID 0/1/1E/10/5/5EE/6/50/60/JBOD, Cache 512Mb

— ПОPTS-DOS (OEM)

2.3.2 Выбранная ОС

В качестве используемой операционной системы была выбрана Ubuntu 12. 04 LTS. Ubuntu -- это разрабатываемая сообществом, основанная на ядре Linux операционная система, которая идеально подходит для использования на персональных компьютерах, ноутбуках и серверах. Она содержит все необходимые программы: программу просмотра Интернет, офисный пакет для работы с текстами, электронными таблицами и презентациями, программы для общения в Интернет и много других.

Преимущества:

Ubuntu всегда будет распространяться бесплатно, включая корпоративные версии и обновления безопасности. Для Ubuntu доступна полная коммерческая поддержка от Canonical Ltd. и сотен компаний по всему миру. Ubuntu включает наилучшие переводы и средства доступности для людей с ограниченными возможностями, которые только существуют в виде открытого ПО. Диски c Ubuntu содержат только свободное программное обеспечение; мы поощряем использование свободно распространяемого и открытого ПО, его улучшение и распространение.

2.4 Установка веб сервера

Для работы данного приложения необходимо установить Apache, PHP и MySql.

Устанавливаем php:

sudo apt-get install php5-common php5 libapache2-mod-php5 php5-cli php5-cgi php5-mysql

Перезапустим apache:

sudo /etc/init. d/apache2 restart

Проверим работоспособность php. Для этого создаем файл /var/www/test. php и поместим в него следующие строки:

< ?php

print_r (phpinfo ());

?>

Запускаем Firefox и вводим адрес http: //localhost/test. php. На экране должна отобразиться служебная информация о php.

Устанавливаем MySQL:

sudo apt-get install mysql-server mysql-client

Во время установки будет запрошен ввод пароля root-а MySQL-ного сервера.

Ставим phpmyadmin.

phpmyadmin — веб-инструмент для управлениями MySQL-ными базами данных. Очень удобный инструмент для разработчиков.

Установим командой:

sudo apt-get install phpmyadmin

Во время установки от нас запросят об используемом веб-сервере — выбираем «apache2».

Вход в phpmyadmin: http: //localhost/phpmyadmin

Подключение модулей.

По умолчанию некторые модули отключены. Включить их можно командой:

sudo a2enmod имя_модуля

Например, подключение модуля mod_rewrite:

sudo a2enmod rewrite

После подключения модулей необходимо перезапустить apache:

sudo /etc/init. d/apache2 restart

Настройка Apache

Для создания виртуального хоста Apache2 под Linux Ubuntu необходимо проделать следующие шаги:

— в файл /etc/hosts добавить запись о новом хосте, например: 127.0.0.1 test

— в директории /etc/apache2/sites-available/ создать файл с именем нового хоста, и в него добавить следующие строки:

< VirtualHost APPLICATION. RU:80>

ServerAdmin webmaster@APPLICATION. RU

ServerName APPLICATION. RU

DocumentRoot /var/www/aplication

ErrorLog /var/www/aplication/app. ru. log

CustomLog /var/www/aplication/app. ru. log combined

HostnameLookups Off

UseCanonicalName Off

ServerSignature On

ScriptAlias /cgi-bin/ «/home/407/www/cgi-bin/»

< Directory «/home/407/www/cgi-bin">

AllowOverride None

Options +ExecCGI -Includes

Order allow, deny

Allow from all

< /Directory>

< Directory «/var/www/aplication">

Options Indexes FollowSymLinks

Order allow, deny

Allow from all

< /Directory>

AddDefaultCharset utf-8

< /VirtualHost>

— включить виртуальный хост: sudo a2ensite test

— перечитать конфигурацию: sudo /etc/init. d/apache2 reload

2.5 Установка Apache

В Apache должен быть включен mod_rewrite, позволяющий делать адреса динамических страниц похожими на адреса статических. Например адрес http: //site. com/?p=o-nas

Можно преобразовать в вид http: //site. com/o-nas что более понятно пользователю и повышает позицию поисковых системах.

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

Используемый для работы компьютер имеет 2гб оперативной памяти 2х ядерный процессор intel и ОС windows 7.

Можно установить PHP 5. x Apache 2. x Mysql отдельно, потом связать эти программы друг с другом, изменив настройки, однако Дмитрий Котеров разработал Джентльменский набор Web-разработчика («Д.н.w. р», читается «Денвер»), локальный сервер (Apache, PHP, MySQL, Perl и т. д.) и программная оболочка, используемые Web-разработчиками для разработки сайтов на «домашней» (локальной) Windows-машине без необходимости выхода в Интернет. Главная особенность Денвера -- удобство при работе сразу над несколькими независимыми проектами и возможность размещения на Flash-накопителе.

Скачиваем с официального сайта проекта http: //www. denwer. ru/ Денвер 3, включающий Apache 2.2. 22, PHP 5.3. 13+XDebug (модуль для отладки php скриптов), MySQL 5. 5, phpMyAdmin 3. 5(система для визуальной разработки базы данных на mysql)

Запустив скачанный инсталлятор Денвера Нас спросят о том, в какой каталог вы хотели бы установить комплекс (по умолчанию используется C: WebServers, вам нужно лишь нажать Enter, чтобы согласиться с этим выбором). В указанном каталоге будут расположены абсолютно все компоненты системы, и вне его никакие файлы в дальнейшем не создаются (исключая ярлыки на Рабочем столе).

Настоятельно рекомендуеться устанавливать комплекс в каталог первого уровня -- то есть, C: WebServers, а не, например, C: MyWebServers. Дело в том, что инсталляторы пакетов расширений ищут базовый комплект именно на первом уровне по всем дискам. И, если не находят, заставляют вас ввести имя директории вручную. Наверное, вам не нужны лишние проволочки при установке расширений?..

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

После этого начнется копирование файлов дистрибутива, а под конец вам будет задан вопрос, как именно вы собираетесь запускать и останавливать комплекс. У вас есть две альтернативы:

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

— создавать виртуальный диск только по явной команде старта комплекса (при щелчке по ярлыку запуска на Рабочем столе). И, соответственно, отключать диск от системы -- при остановке серверов.

Первый запуск Денвера

Наконец, установка завершена. Сразу же щелкайте по созданному инсталлятором ярлыку Start Denwer на Рабочем столе, а затем, дождавшись, когда все консольные окна исчезнут, открывайте браузер и набирайте в нем адрес: http: //localhost/denwer/

Если в окне браузера отображается «Ура заработало», значит установка прошла успешно.

Для удобства разработки создадим виртуальный хост dt. ru (набрав dt. ru в адресной строке браузера откроеться разрабатываемый сайт).

Добавить новый виртуальный хост в Денвере чрезвычайно просто. Нужно проделать следующее:

· создать в папке /home директорию с именем, совпадающим с именем виртуального хоста (в нашем случае dt. ru). Эта директория будет хранить директории документов доменов третьего уровня для dt. ru. Например, имя abc. dt. ru связывается сервером с директорией/home/dt. ru/abc/, а имя abc. def. dt. ru -- с /home/dt. ru/abc. def/. Ну и, конечно, поддиректория wwwсоответствует адресам www. dt. ru и просто dt. ru.

· создаём папку www в директории виртуального хоста, ведь именно в ней будут храниться его страницы и скрипты!

· перезапустить сервер, воспользовавшись, например, ярлыком Restart Denwer на Рабочем столе.

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

Итак, локальная копия файлов разрабатываемого сайта будет размещаться в Z: homedt. ruwww, Z это виртуальный диск, создаваемый программой subst входящей в состав операционной системы windows

Так же для разработки потребуется текстовый редактор, желательно с подсветкой синтаксиса, установим NOTEPAD++. Он быстро работает и обладает удобной функцией подсветки парных скобок, сворачивая блоков, подсветкой синтаксиса множества языков, в том числе html, php, css.

2.6 Структура базы данных

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

Разработку начнём с проектирования и создания базы данных, в которой будет храниться вся текстовая информация сайта. Для удобства создания таблиц и избегания написания длинных команд на языке sql воспользуемся скриптом phpMyAdmin, входящим в состав Denver

Для этого в адресную строку браузера компьютера введём http: //localhost/Tools/phpMyAdmin/, откроется страница системы phpMyAdmin, интерфейс которой является интуитивно понятным.

Основную часть сайта представляют текстовые страницы на которых будет отображаться основная информация сайта. Так же предусмотрен поиск страницы по слова содержащейся в ней.

В mysql для хранения информации можно выбрать разные типы таблиц, наиболее распространённые типы MyISAM и innoDB.

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

Преимущество MyISAM в быстроте выполнения запросов на выборку, недостаток — отсутствие внешних ключей и соответственно встроенной возможности обеспечения целостности данных посредством каскадного обновления и удаления. Второй недостаток медленнее, чем в innoDB выполняются запросы изменяющие данные в таблице.

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

2.7 Создание БД

Информацию об этих страницах будем хранить в dt_textpages (таблица 2. 1

Таблицы 2.1 — dt_textpages

Столбец

Тип данных

Примечания

uid

int

Уникальный автоматически генерируемый идентификатор страницы, первичный ключ, нужен для функций администрирования

id

Varchar (32)

Md5 хеш от поля way, уникальный индкс, необходим т. к way может иметь большую длину,

way

text

Часть URL страницы идущая после имени сервера

template

Varchar (40)

Файл шаблона страницы, который используеться для отображения информации из данной страки таблицы

title

text

Title страницы, отображаеться в заголовке вкладки браузера

keywords

text

Ключевые слова (значение meta тега keywords), необходимы для поисковой оптимизации

description

text

Описание (значение meta тега dscription), необходимо для поисковой оптимизации

H1

text

Заголовок страницы, индекс fulltext для реализации поиска страниц по этому полю

text

text

Основной html код страницы индекс fulltext для реализации поиска страниц по этому полю

В левой части сайта навигационное меню, информацию о включенных в него пунктах будем хранить в dt_menu (таблица 2. 2)

Таблица 2.2 — dt_menu

Столбец

Тип данных

Примечания

uid

int

Уникальный автоматически генерируемый идентификатор пункта, первичный ключ, нужен для функций администрирования

name

text

Текст гиперссылки пункта меню

url

text

Адрес гиперссылки

title

text

Title гиперссылки (отображается при наведении курсора)

b

bool

0-пункт меню не выделен цветом фона и шрифта, 1 -выделен

prioritet

int

Определяет порядок выводы пунктов

background

text

Цвет фона

color

text

Цвет текста

margin_top

text

Отступ сверху

margin_bottom

text

Отступ снизу

Фотогаллерея сайта представляет собой совокупность альбомов, каждый альбом это совокупность фотографий.

Файлы изображений храниться в отдельном каталоге, а информация об этих изображения в базе данных.

Таким образом, нам понадобиться 2 таблицы для хранения информации фотогалереи

В dt_allboms храниться информация о каждом альбоме (таблица 2. 3).

Таблицы 2.3 — dt_allboms

Столбец

Тип данных

Примечания

id

int

Уникальный автоматически генерируемый идентификатор альбома, первичный ключ

name

text

Название альбома

description

text

Описание альбома

В таблице dt_photos храниться информация о каждом фотографии каждого альбома (таблица 2. 4).

Таблицы 2.4 — dt_allboms

Столбец

Тип данных

Примечания

id

int

Уникальный автоматически генерируемый идентификатор фотографии, первичный ключ

file

text

Имя файла изображения

descrption

text

Описание изображения

allbom

int

id альбома (dt_allboms) к которому относиться эта фотография

2.8 Логика работы приложения. Описание логики приложения

В приложении используются человекопонятные адреса страниц, то есть адреса страниц выглядят как http: //dt. ru/o-dome/adminitration, по умолчанию Apache в таком случае будёт искать файл o-dome в каталоге сайта Z: homedt. ruwwwo-domeadminitration и не найдя его выдаст ошибку 404 файл не найден. Было бы неудобно для каждой страницы создавать отдельны файл. Поэтому обработку всех страниц поручим одному файлу сайта Z: homedt. ruwwwindex. php Для этого используем модуль apache mod_rewrite, который включается для хоста строкой RewriteEngine On в файле. htaccess

Составив условия и правила преобразования, мы преобразуем http: //dt. ru/o-dome в http: //dt. ru/index. php? L[0]=o-dome&L[1]= o-dome/administration в результате чего скрипт index. php получит перменную $_GET[L]

$_GET[L][0]= o-dome;

$_GET[L][1]= =o-dome/administration;

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

Из файла index. php аызываеться файл config. php

В файле config. php храниться настройки сайта, в том числе какой крипт для обработки каких страниц запускать массив (назовём обработчик)

'HANDLERS'=> array (

'default'=> 'textpage. php',//обработчик по умолчанию текстовая страница

'admin'=> 'admin/index. php',//обработчик админки

'news'=> 'news. php',//обработчик новостей

'gallery'=> 'gallery. php',//обработчик галереи

'allbom'=> 'allbom. php'//обработчик галереи

)

Поскольку в этом массиве нет ключа o-dome обрабатываться этот запрос будет как текстовая страница default скриптом textpage. php.

Index. php запускает скрипт textpage. php.

Скрипт textpage. php извлекает строку из таблицы dt_textpage, условие отбора id равен md5 хешу $_GET[L][1], и выполняет скрипт-шаблон, указанный в базе, файлы шаблонов храняться в папке templates

Шаблон-представляет собой обычный php файл, содержащий html код разметки страницы с небольшими вставками php кода, содержащими логику представления, основная логика работы приложения заключена в файлах обработчиков.

Таким образом, реализуется отделение программной части от дизайна.

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

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

3. Технико-экономическая часть

3.1 Расчет затрат на создание веб-ресурса

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

, (3. 1)

где Тож — применяемая для расчета трудоемкость разработки АИС, дни;

Топт и Тпес — соответственно оптимистическая и пессимистическая оценка времени создания АИС, дни.

Ожидаемые длительности работ на этапе проектирования сведены в таблицу 3.1.

Таблица 3.1 — Ожидаемая длительность работ на этапе проектирования программы

Наименование работ

Длительность работ (дней)

Минимум (Топт)

Максимум (Тпес)

Ожидаемая

1

2

3

4

1. Разработка концепции проекта внедрения

3

4

3

2. Определение функций системы

2

3

2

3. Определение процесса работы с системой

3

4

3

4. Создание модели сайта

4

5

4

5. Создание сайта *

8

9

8

6. Тестирование *

2

3

2

Примечание: звездочкой помечены работы, производимые с помощью ЭВМ

часов

часов

В результате расчета на разработку сайта было затрачено 22 дня, из них с использованием ЭВМ — 10 дней. Учитывая, что число часов работы в день равно 8 часов, на разработку сайта было затрачено 176 часа (Тпр), из них 80 часов — время работы на ПЭВМ (Тм).

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

а) материальные затраты;

б) затраты на оплату труда разработчика;

в) отчисления на социальные нужды разработчика;

г) амортизация;

д) расходы на содержание и эксплуатацию ПЭВМ;

е) прочие затраты.

Материальные затраты (МЗ) для разработки сайта складываются из затрат на расходные материалы, которые берутся по факту и определяются исходя из реальной стоимости (таблица 3. 2):

Таблица 3.2 — Расчет стоимости расходных материалов

Наименование

Кол-во

Цена, ед., руб.

Всего, руб.

Картридж

1

1000

1000

СD-R диск

1

20

20

Бумага

1

150

150

Итого:

3

1170

1170

Заработная плата исполнителя работ по созданию сайта складывается из основной заработной платы (ОЗПр) разработчика за время разработки и дополнительной заработной платы (ДЗПр) (формула 3. 2).

ЗПобщ. р=ОЗПр+ДЗПр, (3. 2)

где ОЗПр — основная заработная плата разработчика, руб.

ЗПобщ. р=18 004,8+(18 004,8*0,12)= 20 165,376 рублей

Основная заработная плата программиста за период разработки программы вычисляется по формуле 3. 3:

ОЗПр=ЧТСр*Тпр, (3. 3)

где ЧТСр -- заработная плата программиста за один час работы, руб. ОЗПр=102,3*176=18 004,8 рублей

Определяется исходя из заработной платы разработчика за месяц по формуле 3. 4:

ЧТСр=ЗПр/м/(N*Тд), (3. 4)

где ЗПр/м -- заработная плата программиста за месяц, руб.

N -- количество рабочих дней в месяце, дни (принять 22 дня).

Тд -- продолжительность рабочей смены, час.

Тпр -- время, затрачиваемое на создание сайта, час.

ПоказатьСвернуть
Заполнить форму текущей работой