РАЗРАБОТКА WEB ИНТЕРФЕЙСА СИСТЕМЫ КОНТРОЛЯ И УЧЕТА ЭЛЕКТРОЭНЕРГИИ - Студенческий научный форум

IX Международная студенческая научная конференция Студенческий научный форум - 2017

РАЗРАБОТКА WEB ИНТЕРФЕЙСА СИСТЕМЫ КОНТРОЛЯ И УЧЕТА ЭЛЕКТРОЭНЕРГИИ

Иванов В.В. 1, Богачева М.Н. 1
1Донской Государственный Технический Университет
 Комментарии
Текст работы размещён без изображений и формул.
Полная версия работы доступна во вкладке "Файлы работы" в формате PDF
В связи с переходом к рыночной экономике, возникла необходимость повысить эффективность управления энергопотреблением, поскольку это отвечает экономическим интересам поставщиков и потребителей электроэнергии. Одним из направлений решения данной задачи, является точный контроль и учет электроэнергии. Именно это направление должно обеспечить значительную часть общего энергосбережения, потенциал которого составляет более 1/3 всего нынешнего объема энергопотребления.

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

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

Шаблон сайта, обеспечивающего работу системы контроля и учета электроэнергии, состоит из трёх основных разделов:

  • header;

  • content;

  • footer.

Header включает в себя так называемую шапку сайта и правый sidebar. Данный раздел показан на рисунке 1.

Рис. 1. Header

Сайт полностью адаптивен, то есть рассчитан как на персональные компьютеры, так и на мобильную технику. Адаптивное меню отображено на рисунке 2.

Рис. 2. Адаптивность сайта

В верхнюю часть header’ a входит логотип сервиса, при нажатии на который посетитель автоматически попадает на главную страничку сайта. Навигационное меню состоит из следующих пунктов:

  • услуги;

  • способы оплаты;

  • как подключиться;

  • контакты;

  • личный кабинет.

Блок авторизации/регистрации посетителей сайта показан на рисунке 3.

Рис. 3.Блок авторизации и регистрации

Для авторизованного пользователя этот блок выглядит как рисунок 4.

Рис. 4. Вид блока для авторизованного пользователя

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

Для примера можно привести страницу, содержащую показания счетчика, показанную на рисунке 5.

Рис.5. Страница, содержащая показания счетчика

Footer - так называемый подвал сайта. В footer’ e указывается дополнительная информация о сайте: автор, год создания и т.д., показан на рисунке 6.

Рис. 6. Footer

Файл с данным разделом находится в каталоге inc и называется footer.php.

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

  1. Питер Лабберс, Брайан Олберс, Фрэнк Салим. HTML5 для профессионалов: мощные инструменты для разработки современных веб-приложений «Вильямс», 2011. с. 272.

  2. Х.Борри, Firebird. Руководство разработчика баз данных, 2-е издание, 2007, с.1104.

  3. Эд Титтел, Джефф Ноубл HTML, XHTML и CSS для чайников 7-е издание 2011г. с. 400.

  4. Нетсторммедиа [Электронный ресурс] http://elektrika.nestormedia.com Режим доступа – свободный (Дата обращения: 25.05.2015)

Просмотров работы: 217