Создание web-сайта для учебного учреждения ГБОУ АО СПО "Астраханский промышленный колледж"

Размещено на http://www.allbest.ru/

Оглавление

• Введение
• 1. Аналитическая часть
• 1.1 Анализ ГБОУ АО СПО «Астраханский промышленный колледж»

1.2 Обзор существующих видов сайтов

1.3 Анализ существующих сайтов образовательный учреждений учебных сайтов Астраханской области

1.4 Обзор среды реализации разработки веб-сайта

• 2. Практическая часть
• 2.1 Логическая структура разработки веб-сайта
• 2.2 Описание разработки сайта

3. Эргономическая часть

3.1 Требования к технике безопасности в учреждении

3.2 Мероприятия по охране труда работников информационных отделов

4. Экономическая часть

Заключение

Список используемой литературы

Введение

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

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

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

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

Качественный сайт является основным информационным ресурсом всего колледжа. При помощи сайта можно:

-передать всю необходимую информацию о колледже и о специальностях, в том числе самые последние новости;

-наладить прямой контакт с абитуриентами и студентами (например, в форуме и с помощью блиц-опросов);

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

Таким образом, целью дипломного проектирования является разработка сайта для ГБОУ АО СПО «Астраханский промышленный колледж».

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

Цель работы: создание web-сайта, заполнение разделов web-сайта учебного учреждения ГБОУ АО СПО «Астраханский промышленный колледж»

Объект исследования: создание web-сайта

Предмет исследования: содержание разделов web-сайта учебного заведения

Задачи исследования:

1. Рассмотреть виды и структуру web-сайтов.

2. Провести сравнительный анализ web-сайтов учебных заведений.

3. Разработать дизайн web-сайта, разделов сайта учебного заведения.

4. Рассчитать экономические расходы на создание сайта.

5. Создать web-сайт, разделы сайта, с учетом разработанного дизайна.

• 1. Аналитическая часть
• 1.1 Анализ ГБОУ АО СПО «Астраханский промышленный колледж»

веб сайт колледж образовательный

В 1947 году было создано специальное ремесленное училище № 4 швейного профиля, в котором учились девушки.

В 1958 году был принят закон «Об укреплении связи школы с жизнью и дальнейшем развитии народного образования в СССР». Ремесленные училища преобразовывались в профессионально-технические училища. Переход учебного заведения в ПТУ № 4 швейного профиля произошел в 1963 году. Затем оно было переименовано в городское ПТУ № 4 - ГПТУ, а в 1969 году перешло на подготовку специалистов со средним образованием и стало называться СПТУ -- средним профессионально -- техническим училищем №4.

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

В 2001 году, в связи с присоединением к вечернему техникуму легкой промышленности, учебное заведение получило статус техникума легкой промышленности. С тех пор в состав техникума влились профессионально- технические училища № 30, № 5, № 18, № 15, также имеющие славную историю развития. Более 50 лет учебные заведения давали городу и стране высококвалифицированные кадры для легкой и пищевой промышленности.

В 2012 году Техникум переименован в ГБОУ АО СПО «Астраханский промышленный колледж» (распоряжение. Минобразования и науки АО № 16 от 19.01.2012).

Сегодня ГБОУ АО СПО «Астраханский промышленный колледж» - это современное профессиональное образовательное учреждение, с новейшей материально-технической базой, современными технологиями обучения, ориентированное на подготовку специалиста востребованного на рынке труда, способного к работе в динамично изменяющихся условиях. Учебные занятия проводятся в трех учебных корпусах, включающих современные аудитории, лаборатории, производственные кабинеты, мастерские. За время существования из стен техникума выпущено свыше 11000 специалистов, работающих на текстильных предприятиях нашего города, работающих на крупных пищевых производствах. И это заслуга сегодняшнего педагогического коллектива. Коллектив преподавателей и студентов техникума полон решимости добиваться новых успехов за улучшение качества знаний и подготовку высококвалифицированных специалистов для Астраханской области.

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

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

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

Преимущества получения профессионального образования в Астраханском промышленном колледже:

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

- студентам выплачивается стипендия, обучающиеся НПО обеспечиваются бесплатным питанием;

- все обучающиеся, кроме основной профессии или специальности, получают дополнительную или смежную профессию;

- возможность непрерывного получения образования.

По всем подготавливаемым специальностям и профессиям в техникуме имеются оснащенные оборудованием и приборами учебно-производственные мастерские и лаборатории в соответствии с требованием учебных программ и Федеральных государственных образовательных стандартов, в том числе 3 лаборатории информатики с подключением к Интернету, 10 учебно-производственных кабинета. В сварочной мастерской изготавливаются оконные решетки, металлические двери, ворота и др. Библиотечный фонд техникума насчитывает более 70 тыс. экземпляров учебно-методической литературы.

Режим работы учреждения.

Прерывный режим работы - 6 рабочих дней с 8.00 до 18.30;

Выходной день: воскресенье

Структура учреждения. Функциональные задачи учреждения.

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

Учредителем данного учебного заведения является Министерство образования г. Астрахани, далее на рисунке 1 приведена структурная схема Астраханский промышленный колледж

Рисунок 1 - Структурная схема АПК

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

Основными целями Техникума являются:

· удовлетворение потребностей личности в интеллектуальном, культурном и нравственном развитии посредством получения среднего профессионального образования;

· удовлетворение потребностей общества в специалистах со средним профессиональным образованием;

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

· сохранение и приумножение нравственных и культурных ценностей общества;

· обеспечение производства, улучшение технологических карт, повышение их продуктивности; разработка новых рецептур в процессе осуществления образовательной деятельности;

· сохранение и усиление навыков работы на предприятии;

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

§ осуществляет подготовку квалифицированных специалистов со средним профессиональным образованием по специальностям Техникума (по любой выбранной форме обучения - дневной, вечерней, заочной) в соответствии с Государственными образовательными стандартами в пределах контрольных цифр, утвержденных в установленном порядке Министерством образования;

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

§ осуществляет методические и учебно-опытные работы с целью обеспечения учебного процесса;

§ создает и использует объекты учебно-практической, базы: учебные кабинеты и кухни, мастерские и т.д.;

§ проводит учебно-опытные работы по рецептурам, маркетингу и рекламе;

Техникум для достижения целей, определённых уставом, может осуществлять следующие виды приносящей доход деятельности:

· образовательные услуги: подготовка к поступлению в техникум;

· подготовка специалистов по специальностям техникума сверх установленных заданий по приему студентов (сверх контрольных цифр) в соответствии с лицензией;

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

· осуществление дополнительных кулинарных услуг по обеспечению государственных учреждений питанием и продуктами;

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

· разработка проектов по рекламным, дизайнерским работам;

· проведение независимых исследований, в области рынка;

· оказание услуг по изготовлению одежды для предприятий;

· оказание услуг по приготовлению блюд на мероприятия для предприятий;

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

· проведению выставок и презентаций в области кулинарного дела;

· производство и реализация произведенной за счет средств от приносящей доход деятельности продукции (услуг) общественного питания учащимся и работникам техникума;

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

Цены на работы и услуги устанавливаются в соответствии с законодательством Российской Федерации.

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

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

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

1.2 Обзор существующих видов сайтов

На практике программисты рассматривают следующие типы сайтов:

1. Сайт-визитка - обычно состоит из нескольких страниц и имеет уникальный, но простой и функциональный дизайн (Рисунок 2); идеально подходит для компаний, которые хотят разместить информацию о себе и своих услугах в Интернете; основные разделы сайта: «О компании», «Продукция или услуги», «Прайс-листы», «Контактная информация»; сайт-визитка используется предприятиями, организациями и частными лицами.

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

Рисунок 2. Сайт-визитка

2. Корпоративный информационный web-сайт - необходим для автоматизации внутреннего документооборота (Рисунок 3), учёта показателей компании, управления персоналом, может быть оснащён функциями обмена информацией между удалёнными филиалами; корпоративный сайт позитивно влияет на репутацию и имидж компании; дизайн должен соответствовать фирменному стилю компании; чаще всего, включает «администраторскую часть» для создания и изменения контента, позволяющую менеджеру или секретарю компании добавлять или менять новости, информационные статьи, справочную и прочую информацию на сайте; используется минимум графики, основной упор идет на текст.

Рисунок 3. Корпоративный информационный web-сайт

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

3. Корпоративный имиджевый web-сайт - идеально подходит для обеспечения имиджевого присутствия в Сети (Рисунок 4); сайт служит для предоставления подробной информации о компании, истории торговой марки, сведений об оказываемых услугах или поставляемых товарах; корпоративный сайт обычно содержит ленту новостей компании, средства публикации информации о рекламных и торговых акциях, информацию для прессы и другие сведения; нередко корпоративные сайты сочетают информацию о компании с каталогом продукции; используется эксклюзивный оригинальный дизайн, выгодно представляющий компанию; использование нестандартных идей и решений в оформлении, процентное соотношение текст/графика = 50/50.

Рисунок 4. Корпоративный имиджевый web-сайт

4. Интернет-магазин (Сетевой магазин, Электронный магазин, Internet shop, E-shop) - интерактивный веб-сайт (Рисунок 5) рекламирующий товар или услугу, принимающий заказы на покупку, предлагающий пользователю выбор варианта расчета, выписывающий счет на оплату, служащий одновременно подтверждением заказа; при этом администратор магазина обязан:

- организовать доставку товара;

- проконтролировать расчеты с покупателем за поставку.

Рисунок 5. Интернет-магазин

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

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

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

6. Игровой портал - сложный развлекательный интерактивный проект, предусматривающий большую посещаемость и ресурсоемкость (Рисунок 7).

Рисунок 6. Информационный сайт

Рисунок 7. Игровой портал

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

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

Рисунок 8. Персональный проект

Тип «Персональный сайт» может использоваться конкретным преподавателем техникума для освещения теоретических и практических вопросов преподаваемых им дисциплин. А так же для связи со студентами .

8. Контент-проект - это сайт, как правило, некоммерческой направленности, который представляет собой собрание текстов, статей и прочих материалов, основная задача - привлечение посетителей по определенной тематике. В дальнейшем, этот трафик обычно перенаправляется на коммерческие сайты и, по сути, контент-проект используется, как рекламная площадка.

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

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

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

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

Рисунок 9. Промо-сайт

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

В экономике есть такое понятие «эластичность цены и спроса».

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

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

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

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

10. Сайт-форум может быть самостоятельным сайтом, а может быть разделом сайта (Рисунок 10). Чаще всего сайт-форум делается на под домене основного сайта и предназначен для организации общения посетителей сайта между собой и с администратором сайта. Сайт-форум может быть удобным способом набора контента для основного сайта. Новые темы, открытые на форуме могут быть использованы в качестве анонса новых статей для ленты новостей основного сайта или анонса статей, выдержки из которых можно использовать для почтовой рассылки. Используя сайт-форум совместно с почтовой рассылкой, можно быстро увеличить посещаемость основного сайта.



Рисунок 10. Сайт-форум

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

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

Рисунок 11. Блог

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

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

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

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

1.3 Анализ существующих сайтов образовательный учреждений учебных сайтов Астраханской области

Были проанализированы web-сайты некоторых учебных учреждений города Астрахани.

Web-caйт ГБОУ АО СПО Астраханского государственного колледжа профессиональных технологий имеет линейчатую структуру с альтернативами, удобен и прост в использовании (Рисунок 12). Содержит достаточно информации, как для студентов, так и для абитуриентов.



Рисунок 12. Сайт Астраханского государственного колледжа профессиональных технологий

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

Рисунок 13. Сайт Астраханского базовый медицинского колледжа

Web-caйт ОГБОУ СПО Астраханского базового медицинского колледжа имеет линейчатую структуру (Рисунок 13). Очень прост в использовании, но его дизайн не вызывает интереса. Цветовая схема не яркая, спокойная, основным цветом является белый.

Сайт содержит много информации и для студентов, и для абитуриентов, а также ссылки на внешние источники.

Рисунок 14. Сайт Института мировой экономики и финансов

Web-caйт Института мировой экономики и финансов имеет линейчатую структуру с альтернативами (Рисунок 14), благодаря чему он прост в использовании. Имеет большое количество информации для посетителей, в том числе для студентов, абитуриентов, аспирантов, сотрудников и выпускников. Дизайн интересный, яркий, и в тоже время простой. Цветовая схема выполнена в синих и белых тонах. Текст читабелен.

Web-caйт ГАОУ АО НПО Профессионального лицея №23 имеет линейчатую структуру (Рисунок 15). Сайт содержит нужную информацию о данном учебном заведении, но так же и лишнюю, а именно вирусную рекламу. Дизайн выполнен некачественно, не вызывает интерес. А из-за междустрочных интервалов, которые делают строки близко друг к другу, текст читать не удобно.

Web-caйт ГБОУ АО СПО Астраханского политехнического колледжа (Рисунок 16), благодаря чему он прост в использовании. Имеет большое количество информации для посетителей, в том числе для студентов, абитуриентов, аспирантов, сотрудников и выпускников. Дизайн интересный, яркий, и в тоже время простой. Цветовая схема выполнена в синих и белых тонах. Текст читабелен.

Рисунок 15. Сайт профессионального лицея № 23

Рисунок 16. Сайт Астраханского политехнического колледжа

Рисунок 17. Сайт ГАОУ АО НПО Профессионального училища №6

Web-caйт ГАОУ АО НПО Профессионального училища №6 имеет линейчатую структуру с альтернативами, удобен и прост в использовании (Рисунок 17). Содержит достаточно информации, как для студентов, так и для абитуриентов.

Вывод: Таким образом, анализ 6 сайтов показывает, что в г. Астрахань в среднем в учебных заведениях сайты созданы качественно, по нормам, и отвечают требованиям предъявляемых к web-сайтам учебных учреждений.

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

1.4. Обзор среды реализации разработки веб-сайта

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

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

1. phpMyAdmin 2.11.2.16 - совокупность скриптов написанных на PHP, и обеспечивающих полноценную, в том числе удаленную работу с базами данных MySQL, через веб-интерфейс (Рисунок 18). Так как phpMyAdmin позволяет во многих случаях обойтись без непосредственного ввода команд SQL, то работа с базами данных становится вполне посильной задачей даже для человека весьма поверхностно знакомого с MySQL.

Рисунок 18. Логотип phpMyAdmin

2. Denwer (Денвер) - набор дистрибутивов (Apache, PHP, MySQL, Perl и т.д.) + программная оболочка, которая использует этот набор для отладки сайтов на «домашней» (локальной) Windows-машине без необходимости выхода в Интернет (Рисунок 19).

Рисунок 19. Логотип Denwer

Базовый пакет Денвер в себя включает:

§ система может запускаться с flash-накопителя без каких-либо проблем.

- Apache, SSI, mod_rewrite, mod_php.

§ PHP4 с поддержкой GD и MySQL.

§ система управления виртуальными хостами, основанная на шаблонах. Чтобы создать новый хост, вам нужно лишь добавить директорию в каталог home, править конфигурационные файлы не требуется. По умолчанию уже поддерживаются схемы именования директорий многих популярных хостеров; новые можно без труда добавить.

§ система управления запуском и завершением.

§ phpMyAdmin - система управления MySQL через Web-интерфейс.

§ эмулятор sendmail (отладочная «заглушка», складывающая приходящие письма в /tmp); поддерживается работа совместно с PHP и Perl.

§ инсталлятор (нечто вроде InstallShield).

3. Web-сервер Apache 2.2.8 (альтернатива Internet Information Services, или скороченно IIS, который интегрирован в операционную систему Windows) - это сервер, принимающий HTTP-запросы от клиентов (Рисунок 20), обычно Web-21браузеров, и выдающий им HTTP-ответы, обычно вместе с HTML-страницей, изображением, файлом, медиа-потоком или другими данными. По сути Web-сервер это программное обеспечение, выполняющее функции Web-сервера, как и компьютер, на котором это программное обеспечение работает.

4. PHP 5.2.5 - (англ. PHP: Hypertext Preprocessor - «PHP: препроцессор гипертекста») - скриптовый язык программирования, созданный для генерации HTML-страниц на Web-сервере и работы с базами данных (Рисунок 21). В настоящее время поддерживается подавляющим большинством хостеров.

Рисунок 20. Логотип Apache

Рисунок 21. Логотип PHP

5. Сase-средства управления сайтом CMS (Content Management System).

Рассмотрим case-средства управления сайтом CMS (Content Management System). Эту систему еще именуют «менеджер контент» или как «движок для сайта», который позволяет управлять:

§ контентом сайта;

§ интернет-магазином;

§ представлением данных;

§ доступом;

§ почтовыми подписками;

§ и имеет вспомогательные функции CMS.

Проанализируем характеристики выбранную мной CMS для создания сайта : Wordpress

Рисунок 29. CMS Wordpress

Рассмотрим характеристику борьбы со спамом:

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

Проанализируем характеристику интеграции с форумом:

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

Рассмотрим характеристику визуального редактора:

Стандартно в WordPress используется немного урезанный TinyMCE и, рядом же - простой текстовый редактор. При желании можно установить и полную версию TinyMCE, тогда будет доступно три панели кнопок со всем возможностями. Нужно отметить, что в WordPress есть возможность сторонним плагинам добавлять кнопки в редактор. Таким образом можно например получить функции для добавления видео, аудио и т.д. Если TinyMCE не устраивает, то можно установить вместо него другой редактор, например FCKMonkey. В профиле пользователя можно вообще отключить использование визуального редактора.

Рисунок 30. Расширенный визуальный редактор WordPress

Проанализируем характеристику работы с картинками:

В WordPress вполне удобно можно добавлять картинки в редактор. При загрузке файла можно сразу указать его название, подпись. Автоматически будет сделана миниатюра. То есть расчет на то, чтобы с этой задачей справился неопытный пользователь. Если же воспользоваться отдельным плагином, то можно дополнительно указать размеры картинки, миниатюры и прочие параметры. После добавления картинки в редактор, можно изменить различные параметры (стили, размеры, бордюры, отступы и т.д.). Хотя это уже возможности самого визуального редактора.

Рассмотрим характеристику шаблонов оформления:

Для WordPress созданы тысячи шаблонов и многие из них выполнены на очень хорошем дизайнерском уровне. Устройство WordPress таково, что под него несложно переделать, скажем, html-шаблон. В шаблонах используются обычные PHP-функции, поэтому никаких сложностей с изучением т.н. языков шаблонов нет. По созданию шаблонов существует довольно много статей, даже есть он-лайн генератор. Готовые шаблоны достаточно загрузить в отдельный каталог и после этого в админ-панели выбрать понравившийся. Существует также возможность переключать шаблоны и посетителями.

Проанализируем характеристику расширенной функциональности:

WordPress можно расширить за счет плагинов - это различные php-скрипты, которые автоматически подключаются к основному «ядру». Таким образом можно не просто добавить нужную функциональность, но и изменить уже существующую. Создать плагин не очень сложно, все зависит от уровня знания PHP. Подключится к WordPress совсем просто: плагин копируется в специальный каталог и активируется в админ-панели. Некоторые плагины можно настраивать, некоторые нужно прописывать в шаблоне, а некоторые работают полностью автоматически.

Рассмотрим характеристику виджетов(блоков):

WordPress. Полноценная поддержка виджетов появилась только в версии 2.2. До этого нужно было устанавливать отдельный плагин. То, что виджеты очень удобны, многие уже успели убедиться. Для пользователя теперь нет надобности что-либо менять в своем шаблоне: управление визуальное, достаточно отметить нужные опции, расположить блоки как нужно и изменения сразу же вступают в силу. Внутренняя реализация виджетов такова, что их можно использовать для вывода какого-либо плагина или своей функции.

Проанализируем характеристику поддержки авторов и многопользовательские блоги:

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

Рассмотрим характеристику кодировок:

WordPress. В самом WordPress есть возможность установить любую кодировку. Главное, чтобы кодировка базы данных совпадала с кодировкой блога. Правда, начиная с версии 2.1 WordPress должен работать в UTF-8. Это напрямую связано с использованием AJAX. Поэтому для русскоязычных пользователей основная проблема состоит только в том, что на серверах часто стоит CP1251.

Проанализируем характеристику комментирование:

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

Рассмотрим характеристику экспорт / импорт данных:

WordPress. WordPress позволяет экспортировать записи и комментарии блога в XML-файл. Можно экспортировать записи отдельного автора. Для импорта записей в WordPress можно воспользоваться 9 способами. Это основные блоговские «движки» (например: Blogger, Textpattern), а также в RSS и свой XML-формат.

После анализа CMS WordPress, становится очевидным почему именно ее я выбрала, она имеет следующие преимущества:

§ возможность создавать неограниченное количество страниц;

§ четкая организация структуры сайта;

§ для каждой динамической страницы можно создать свое описание и ключевые слова в целях повышения рейтинга в поисковых системах;

§ начало и окончание публикации любых материалов можно запрограммировать по календарю;

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

§ секции новостей, продукции или услуг легко редактируемы и управляемы;

§ полностью настраиваемые схемы расположения элементов по 5 областям, что позволяет сделать оригинальный дизайн;

§ опросы и голосования для эффективной обратной связи;

§ различные модули - такие как последние новости, счетчик посещений, подробная статистика посещений, гостевая книга, форум и т.д.;

§ возможность создания не одной, а нескольких форм обратной связи для каждого контакта;

§ генератор показа случайной новости;

§ иерархия объектов - количество секций, разделов, подразделов и страниц, зависит от вашего желания;

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

§ предварительный просмотр перед окончательным размещением;

§ возможность легкой смены дизайна;

§ экономное использование места на сервере за счет использование базы данных MYSQL;

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

• 2. Практическая часть
• 2.1 Логическая структура разработки веб-сайта

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

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

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

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

Структура сайта ГБОУ АО СПО «Астраханский промышленный колледж» состоит из двух страниц это «Главная страница» и представленная вкладка «Карта сайта», по которой можно перейти к общему списку разделов. Так же на главной странице есть ссылки на информационные страницы - «Абитуриентам и родителям», «Приемная комиссия», «Отделения подготовки»

При разработке сайта использовались входные и выходные данные, далее на Рисунке 32 представлена контекстная диаграмма разработки сайта в которой видно что входящими данными являются: требования педагогики, требования заказчика, методические материалы, рабочая группа, инструментальные средства, в свою очередь выходными данными будет сам сайт ГБОУ АО СПО Астраханский промышленный колледж

Рисунок 31. Контекстная диаграмма разработки сайта ГБОУ АО СПО «Астраханский промышленный колледж»

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

Рисунок 32. Диаграмма декомпозиции процесса разработки сайта

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

Рисунок 33. Диаграмма декомпозиции работы «Разработка страниц»

2.2 Описание разработки сайта

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

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

Общие положения

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

2. Официальным сайтом общеобразовательного учреждения является сайт, разработанный в соответствии с настоящими требованиями, утвержденный, зарегистрированный учредителем и размещенный в сети Интернет.

Порядок разработки сайта

1. Работа по созданию сайта должна быть регламентирована Положением образовательного учреждения. Положением утверждается:

Положение о сайте ОУ; Структура и дизайн сайта; Ответственный администратор сайта; Порядок сопровождения и обновления сайта; Другие вопросы в зависимости от целей и задач сайта.

2. Копия Положения направляется учредителю.

3. Ответственность за содержание и достоверность размещаемой на сайте информации несут руководитель и администратор информационного ресурса.

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

5. Разработанный сайт перед его размещением в сети Интернет подлежит согласованию с учредителем.

Требования и критерии

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

1.1. Критерии технологичности:

- скорость загрузки страниц сайта;

- оптимальный объем информационного ресурса.

1.2. Критерии функциональности:

- Дизайн сайта должен быть удобен для навигации;

- Удобство усвоения информации;

- Стилистическая выдержанность (единообразие) дизайна и навигации первой страницы и страниц последующих уровней;

- Читаемость шрифтов, т. е. достаточный размер, четкость, на контрастном фоне.

2. На официальном сайте образовательного учреждения в обязательном порядке размещается следующая информация:

§ Официальное наименование образовательного учреждения и его реквизиты, (дата основания, адрес, телефоны, адрес электронной почты), ссылка на учредителя;

§ Устав;

§ Программа долгосрочного развития (более 1 года);

§ Содержание образования;

§ Опыт инновационной деятельности;

§ Ежегодные публичные доклады образовательного учреждения;

§ Режим работы;

§ Состав обучающихся;

§ Классы, работающие в общеобразовательном учреждении;

§ Сопровождение образовательного процесса;

§ Информация: специализированные кабинеты, музей, спортивные комплексы, медицинский кабинет, столовая и пр.);

§ Дополнительное образование;

§ Воспитательная работа;

§ Достижения образовательного учреждения;

§ Итоговая аттестация.

3. В качестве рекомендуемой на сайте может быть размещена информация:

§ Новости;

§ История;

§ Педагогический коллектив;

§ Международное сотрудничество, сотрудничество с высшими учебными заведениями;

§ Фотоальбом;

§ Расписание;

§ Научное общество (исследовательские работы, рефераты и др.);

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

§ Документы

§ Проекты

§ Газета образовательного учреждения

§ Обучающие программы и другие электронные пособия

§ Поступающим

4. На официальном сайте не допускается:

§ размещение противоправной информации;

§ размещение информации, не имеющей отношения к образованию и образовательному учреждению;

§ размещение информации, разжигающей межнациональную рознь, призывающей к насилию или свержению существующего строя;

§ размещение информации, не подлежащей свободному распространению в соответствии с Законодательством РФ;

§ наличие расхождений между одними и теми же сведениями, размещаемыми в разных разделах Интернет - сайта и элементах его оформления.

После ознакомления с выше-представленными требованиями, я приступила к разработке самого сайта, его разделов, и дизайна.

Интерфейс сайта «Астраханский промышленный колледж» выполнен в силе «модерн», далее на рисунке 35 представлена главная страница сайта. Сайт состоит из различных информационных блоков. Дизайн с одной стороны объединяет их в удобную взаимосвязанную конструкцию, с другой стороны, отделяет один блок от другого. В качестве основного цветового фона был выбран голубой цвет, а сам сайт содержит бело-голубые цвета, текст представлен черным и синим цветами.

На главной странице представлены такие разделы как «Абитуриентам и родителям», «Отделения», «приемная комиссия»

Далее приводится частичный листинг главной страницы (Приложение А)

Для облегчения просмотра сайта, на сайте существует специальная «Карта сайта» скриншот которой представлен на рисунке 36.

Листинг карты сайта приведен в Приложении Б

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

Рисунок 34. Форма поиска по сайту

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

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

3. Эргономическая часть

3.1 Требования к технике безопасности в учреждении

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

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

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

Согласно «Санитарным Правилам и Нормам», в помещениях с ПЭВМ должна ежедневно проводиться влажная уборка, поэтому не рекомендуется размещать компьютеры в комнатах с коврами, ковровым покрытием и мягкой мебелью.

В процессе труда на оператора ПЭВМ может быть оказано действие следующих опасных и вредных производственных факторов:

Физические:

- повышенные уровни электромагнитного излучения,

- повышенные уровни рентгеновского излучения,

- повышенный уровень ультрафиолетового излучения,

- повышенный уровень инфракрасного излучения,

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

- повышенные уровни запылённости воздуха рабочей зоны,

- повышенное содержание положительных аэроионов в воздухе,

- пониженное содержание отрицательных аэроионов в воздухе,

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

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

- повышенный уровень шума,

- пониженный или повышенный уровень освещённости,

- повышенный уровень прямой блескости,

- повышенный уровень ослепленности,

- неравномерность распределения яркости в поле зрения,

- повышенная яркость светового изображения,

- повышенное значение напряжения в электрической сети, замыкание в которой может произойти через тело человека;

Химические:

- повышенное содержание в воздухе рабочей зоны двуокиси углерода, озона, аммиака, фенола, формальдегида и полихлорированных бифенилов;

Психофизиологические:

- напряжение зрения,

- напряжение внимания,

- интеллектуальные нагрузки,

- эмоциональные нагрузки,

- длительные статические нагрузки,

- монотонность труда,

- большой объём информации, обрабатываемой в единицу времени,

- нерациональная организация рабочего места;

Биологические:

- повышенное содержание в воздухе рабочей зоны микроорганизмов.

3.2 Мероприятия по охране труда работников информационных отделов

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

Для избежания утомления следует ограничить эффективное рабочее время до 6 часов ежедневно и применять 5-10 минутные перерывы после каждых 2 часов работы.

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

Очень велико значение освещения в производственной деятельности человека. Большим числом исследований установлено, что неудовлетворительные условия освещения заметно вредят производству.

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

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

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

При освещении рабочего места следует учитывать личный вкус оператора, так как некоторые не любят света люминесцентных ламп. Большое влияние на освещение рабочего места имеет колоритность окружающей поверхности. Самыми хорошими являются ясные цвета. Коэффициент отражения света от поверхностей непосредственно окружающих рабочее место должен быть в пределах 0.4-0.6. Потолок должен быть белым (хорошее рассеяние света, коэффициент отражения света 0.9-1.0), а пол темнее стен, с коэффициентом отражения 0.2-0.4. Тёмные, насыщенные цвета рассеивают внимание и утомляют зрение.

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

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

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