kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей

Разработка школьного web-сайта в CMS Joomla!

Нажмите, чтобы узнать подробности

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

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

Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Наладить дисциплину на своих уроках.
Получить возможность работать творчески.

Просмотр содержимого документа
«Разработка школьного web-сайта в CMS Joomla! »

РАЗРАБОТКА ШКОЛЬНОГО САЙТА В CMS JOOMLA


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

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

Официальный сайт обычно имеет следующие разделы:

  • Новостная информация;

  • Нормативные документы, положения;

  • Направления деятельности;

  • Структура учреждения;

  • Кадровый состав;

  • Контактная информация (список ответственных лиц, их должности, координаты и часы приема).

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

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

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

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

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

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

Под динамичностью сайта понимается возможность разрастания его структуры, частая смена выдаваемой информации, изменение формата ее вывода на страницах сайта. Понятия «динамичность» и «интерактивность» самым тесным образом связаны с технологиями web-дизайна, так как являются продуктом работы со скриптами, шлюзами (шлюзовым интерфейсом) и CMS. В большинстве случаев, эти эффектные и весьма практичные средства Интернета обеспечиваются применением различных методик серверного программирования (PHP, C, PERL, ASP, Java, VBScript и иные) или несколько иными способами (ActionScrypt, JavaScript).

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

Исходя из Постановления Правительства РФ от 10 июля 2013 г. N 582 «Об утверждении Правил размещения на официальном сайте образовательной организации в информационно-телекоммуникационной сети «Интернет» и обновления информации об образовательной организации» на официальном сайте образовательного учреждения необходимо разместить:

1) информацию о структуре образовательного учреждения;

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

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

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

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

Исходя из вышеперечисленных требований web–сайт МАОУ «Малозоркальцевская СОШ» имеет вид, представленный на рисунке 1.

Рис. 1 . Главная страница web–сайта «Малозоркальцевская СОШ»

При разработке сайта мы остановились на CMS Joomla – системе управления содержимым (CMS), написанная на языках PHP и JavaScript, с поддержкой баз данных MySQL. В условиях хостинга, как правило, применяется СУБД MySQL. Причинами тому являются фактическая ориентация этой СУБД на хостинговые задачи, доступность на всех популярных серверных операционных системах, а также простота настройки и администрирования. Joomla является свободным программным обеспечением, распространяемым под лицензией GNU GPL. General Public License (иногда переводят, как Универсальная общественная лицензия GNU, Универсальная общедоступная лицензия GNU или Открытое лицензионное соглашение GNU) — лицензия на свободное программное обеспечение, созданная в рамках проекта GNU в 1988 г. Её также сокращённо называют GNU GPL или даже просто GPL. Joomla позволяет отображать интерфейс фронтальной и административной части на любом языке. Каталог расширений содержит множество языковых пакетов, которые устанавливаются штатными средствами администрирования. Доступны пакеты русского, украинского и ещё некоторых языков стран СНГ.

Система управления содержимым Joomla является ответвлением широко известной CMS Mambo. Команда независимых разработчиков отделилась от проекта Mambo по причине несогласия в экономической политике. 16 сентября 2005 года в свет вышла первая версия Joomla, являющаяся по сути переименованной Mambo 4.5.2.3 и включающая в себя исправления найденных на тот момент ошибок и уязвимостей.

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

Основные возможности
  • Функциональность можно увеличивать с помощью дополнительных расширений (компонентов, модулей и плагинов).

  • Имеется модуль безопасности для многоуровневой аутентификации пользователей и администраторов (используется собственный алгоритм аутентификации и «ведения» сессий).

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

  • Предусмотрены настраиваемые схемы расположения модулей, включая левый, правый, центральный и любое другое произвольное положения блока. При желании содержимое модуля можно включить в содержимое материала. Например, выражение {loadposition mod_fpslideshow} введенное (вместе с фигурными скобками) в произвольное место в статье выведет содержимое модуля, которому задана позиция вывода как «mod_fpslideshow».

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

  • Происходит регулярный выход обновлений. Существует публичный Багтрекер (список официальных трекеров), существуют также трекеры миграции со старых версий Joomla, трекер пожеланий расширения функционала и так далее), где пользователи Joomla могут оставлять замечания по поводу работы CMS, которые впоследствии изучаются её разработчиками, при необходимости включающими в очередное обновление Joomla исправления, решающие те или иные проблемы.

  • Начиная с версии 1.0 встроена многоязычность.

Преимущества Joomla! по сравнению с другими CMS:

  • Joomla! бесплатная, простая в установке и управлении.

  • Чтобы создать полнофункциональный сайт, достаточно иметь минимальные знания HTML.

  • Для Joomla! разработано огромное количество  графических шаблонов, как  платных, так и бесплатных.

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

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

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

  • Деятельность школы для перехода к разделам: Нормативные документы, Локальные акты, Программа развития до 2015г., Материально-техническое обеспечение, Учебная деятельность, Классному руководителю, Органы самоуправления, Информатизация, Результаты работы в 2013-2014 уч.году;

  • Управляющий совет;

  • Структурные подразделения;

  • Публичный доклад;

  • Календарь событий;

  • Мое мнение;

  • Гостевая книга;

  • Карта (как добраться до школы).

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

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

С правой стороны сайта располагаются часы, радио-плеер, голосование, телефон школы и статистика посещений сайта.

Что касается цветовой схемы, она достаточно лаконична: основные цвета, использованные на сайте – синий, белый и черный.

Гостевая книга: Форма создана с помощью модуля Phoca Guestbook. Компонент гостевой книги для сайта, который прост и удобен в установке, администрировании и имеет множество настроек. Позволяет размещать различные отзывы на сайте. Может использоваться как Книга жалоб и предложений.

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

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

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

Различные настройки вывода сообщений -  это выбор цвета шрифта, фона, рамки, отображение имени пользователя, названия почтового ящика, адрес web-сайта, позиция формы ввода отзыва, его заголовок, дата публикации, а также возможность уведомлять администратора на e-mail при отправке новых сообщений. Для реализации функций модуля гостевой книги, также использованы языки HTML и JavaScript.

formdiv

strongТекст сообщения: strongtd

td colspan="3"

textarea id="pgbcontent" name="pgbcontent" cols="60" rows="80" style="width:400px; height:200px;" class="mceEditor"textarea

tdtrtr

td width="5"

strongКонтрольное изображение: strongtd

td width="5" align="left" valign="middle" style="height:105px"

imgsrc="phocasid=bc95a633941dde46bd67bb435b2d4a0d" alt="Контрольное изображение" id="phocacaptcha" /

td;" title="Обновить изображение"

imgsrc="/components/com_phocaguestbook/assets/images/icon-reload.gif" alt="Обновить изображение" /atdtrtrtd 

tdtd colspan="3"

input type="submit" name="save" value="Готово" /  input type="reset" name="reset" value="Сброс" /tdtrtableinput type="hidden" name="cid" value="2" /

formdiv

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

Для просмотра фотографий на сайте предусмотрены так называемые фотоальбомы. Для размещения в них фотографий, использован модуль PhocaGallery. Он включает в себя компонент, модули и плагины, которые позволяют пользователям просматривать изображения или видео Youtube в самых разных стилях.  Изображения, по умолчанию, отображаются только внутри компонента. Если необходимо отображать изображения в статьях, можно использовать PhocaGallery Plugin (и Phoca Gallery кнопки плагина - для более легкого добавления изображений в статьи). Изображения могут отображаться в виде слайд-шоу в статьях с помощью плагина Phoca Галерея слайд-шоу или они могут быть выведены в различных позициях для модулей Joomla. (рис. 2)



Рис.2 Фотоальбом «Школа»

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

Рис.3 Структура web-сайта МАОУ «Малозоркальцевская СОШ»


Для сайта был выбран хостинг HOSTINGER - это профессиональный хостинг на основе самых прогрессивных технологических решений. Достоинства данного хостинга: является бесплатным, 100 Gb трафика, установщик PHP-скриптов, достаточно хорошая работы бекапов, привязка домена, высокий аптайм. Сайт расположен по адресу: http://tobmzschool.besaba.com.

Список литературы

  1. http://ru.wikipedia.org/Веб-портал / [Электронный ресурс] – Википедия

  2. http://service-joomla.ru / [Электронный ресурс] – Компоненты, плагины и модули для Joomla.

  3. Каракозов С.Д.  Методологическая основа проектирования образовательного Web-портала фундаментальной подготовки в предметной области «Информатика» [Текст] / С.Д. Каракозов.– Запорожье: изд-во ЗГУ–2007. – с. 288-291.

  4. Колисниченко Д.Н. Движок для вашего сайта. CMS Joomla!, Slaed, PHP-Nuke [Текст] / Д.Н. Колесниченко. – М.: НТ Пресс. – 2008.

  5. Ястребцева Е.Н. Информационно-образовательная среда новой школы// Школьная библиотека, 2000. – № 1. – с.42-47.





4



Получите в подарок сайт учителя

Предмет: Информатика

Категория: Прочее

Целевая аудитория: Прочее

Скачать
Разработка школьного web-сайта в CMS Joomla!

Автор: Березина Елена Евгеньевна

Дата: 19.09.2015

Номер свидетельства: 231881


Получите в подарок сайт учителя

Видеоуроки для учителей

Курсы для учителей

ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

Добавить свою работу

* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

Удобный поиск материалов для учителей

Ваш личный кабинет
Проверка свидетельства