Мой опыт разработки и внерения информационного экрана в школе

27 Июн
2012

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




О сайте


Кратко расскажу о нашем сайте, так как информационный экран по возможности получает информацию с него.
Примерно два года назад я приступил к его разработке. Для разработки была выбрана CMS MODx Evolution, так как обладала всеми необходимыми сайту функциями, не была перегружена и мне было легко ее осваивать. Для организации галереи используется сниппет MaxiGallery. Сейчас у сайта имеется множество недоработок, однако я постараюсь их вскоре устранить (просто не всегда на все хватало времени).
image
Так выглядит один из разделов сайта.

Главная проблема, наверное, всех школьных сайтов — это их наполнение. К счастью, наша учитель информатики взяла многое на себя, например, обязательный раздел с различными нормативными документами. Но оставались ещё фото, видео, да и простые текстовые новости. Логично поручить наполнение этих разделов школьникам. Для этого в школе было создано Информационное агентство, но, к сожалению, успех оно имело лишь в первые дни. Как только дело дошло до конкретных действий со стороны школьников, активность резко упала. В том числе, чтобы вовлечь учеников в работу над материалами, был установлен информационный экран.

Информационный экран: начало


Итак, у нас в холле повесили телевизор и подключили его к ноутбуку.

Передо мной была поставлена задача обеспечить красивую демонстрацию фотографий, видеозаписей, актуальной информации. В будущем планировалось обеспечить этот ноутбук подключением к интернету. К сожалению, произошло это лишь через год, что сильно затормозило разработку. «Спасибо» за это «заместителю директора по школьным информационным системам», вопреки которому я развивал свой проект. Зато мне помогали некоторые учителя, за что им огромное спасибо!
Я искал готовые инструменты для решения поставленной задачи, однако мне не удалось найти приемлемого варианта.
Было решено разработать своё приложение, для чего я выбрал Adobe AIR, так как на нем с легкостью реализуются необходимые экрану функции, да и я имел небольшой опыт в написании Flash-приложений.
Сказано — сделано.
Буквально за неделю я сделал первую версию приложения, которая просто показывала фотографии из директории, читала бегущую строку и расписание звонков из XML-файла.
Выглядело это вот так:

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

Концепция работы экрана


Режимы:
  • Информационный
    В этом режиме демонстрируются различные виджеты (счётчик дней до каникул, новостной виджет, погодный виджет). Т.е. в этом режиме основной акцент делается на текстовую или пиктографическую информацию. Фоновый рисунок в этом режиме является декоративным элементом и не должен привлекать к себе внимание. Все фоновые изображения в этом режиме — фотографии нашего района, в том числе сделанные учениками.

    Информационный виджет автоматически подгружает новости с сайта.

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

    Фотографии в демонстрационном режиме.

    Афиша в демонстрационном режиме.



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

Управление экраном


Сначала вся информация обновлялась вручную: приходилось несколько раз в неделю скидывать обновления с usb-носителя.
Через год ноутбук внезапно обеспечили интернетом и тут я начал творить 🙂
Поскольку требовалось быстро перевести экран на получение обновлений через интернет, я разработал отдельный интерфейс на основе класса phpMyEdit:

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

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

О работе


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



Кадр из мини-презентации

Планы


Несмотря на то, что я уже закончил школу, я постараюсь довести проект до ума.
Соответственно в моих планах:

  • Доработать сайт
  • Провести тесную интеграцию интерфейса управления с MODx
  • Сделать виджеты отдельными файлами (сейчас каждый виджет — объект, зашитый в приложение)
  • Доработать информационный и погодный виджеты
  • Сделать гибкую систему переключения между режимами (например, чтобы была возможность запрограммировать включение информационного режима в начале перемены или запуск погодного виджета в конце учебного дня)
  • Составить и распечатать инструкцию


Благодарю за внимание. Буду очень рад услышать ваши отзывы.
По материалам Хабрахабр.



загрузка...

Комментарии:

Наверх