Разработка WEB интерфейса системы контроля и учета электроэнергии

Инструментальное обеспечение компонентов рынка электроэнергии, которое представляет собой совокупность систем для контроля и управления параметрами энергопотребления. Шаблон сайта, обеспечивающего работу системы контроля и учета электроэнергии.

Рубрика Программирование, компьютеры и кибернетика
Вид статья
Язык русский
Дата добавления 28.03.2019
Размер файла 314,2 K

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

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

Размещено на Аllbest.ru

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

DEVELOPMENT of WEB INTERFACE of the SYSTEM of CONTROL AND ACCOUNTING of ELECTRICITY

сайт учет электроэнергия

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

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

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

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

header;

content; - footer.

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

Данный раздел показан на рисунке 1.

Рис. 1. Header

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

Размещено на Аllbest.ru

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

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

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

услуги;

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

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

контакты;

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

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

Размещено на Аllbest.ru

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

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

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

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

Размещено на Аllbest.ru

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

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

Рис. 6. Footer

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

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

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

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

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

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

Размещено на Аllbest.ru

...

Подобные документы

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.