Структура web-приложения «Олимп-энерго» — основа для выстраивания последовательности и формы отображения имеющихся данных в системе управления. При правильной структуре пользователям максимально удобно переходить от одной странички к другой и изучать необходимые для них сведения.
Данная программа имеет древовидный вид структуры ИСУ (рисунок 3). Это форма представления данных, выраженная в форме многоуровневой иерархии. То есть, вся структура может содержать большое количество разделов и подразделов, внутренних страниц любой вложенности и в произвольной последовательности.
Главная страница информационной системы управления преимущественно предназначена для посетителей. Здесь они могут узнать последние новости любимого вида спорта.
Рисунок 3 - Структура информационной системы управления
Проектирование интерфейса программы
Интерфейс – совокупность средств и методов взаимодействия между элементами системы.
Интерфейс сайта – элементы и компоненты сайта, обеспечивающие быстрый, и интуитивно-понятный доступ к информации, размещенной на сайте, а также обеспечивающие удобное взаимодействие с этой информацией.
Рассмотрим интерфейс главной страницы (рисунок 4).
Рисунок 4 – Главная страница
Страница состоит из следующих частей:
- навигационное меню;
- календарь
- один блока с содержимым.
Навигационное меню содержит в себе следующие компоненты:
- горизонтальное меню (рисунок 5);
Рисунок 5 –Меню
3. Блок, внутри которого расположена шапка
4. Блок, внутри которого расположено информация
5. Блок, внутри которого находится меню
6. Блок, внутри которого расположен подвал
Рисунок 6 – Блок с информацией
Выбор среды разработки
Данный программный продукт, был реализован с помощью языков
Notepad++ — свободный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Поддерживает открытие более 100 форматов. Базируется на компоненте Scintilla, написан на C++ с использованием STL, а также Windows API и распространяется под лицензией GNU General Public License. Базовая функциональность программы может быть расширена как за счёт плагинов, так и сторонних модулей, таких как компиляторы и препроцессоры.
PHP (англ. PHP: Hypertext Preprocessor — «PHP: препроцессор гипертекста»; первоначально Personal Home Page Tools [ — «Инструменты для создания персональных веб-страниц») — скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов.
Язык и его интерпретатор (Zend Engine) разрабатываются группой энтузиастов в рамках проекта с открытым кодом. Проект распространяется под собственной лицензией, несовместимой с GNU GPL.
HTML (от англ. Hyper Text Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.
Язык HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879.
Язык XHTML является более строгим вариантом HTML, он следует всем ограничениям XML и, фактически, XHTML можно воспринимать как приложение языка XML к области разметки гипертекста.
Во всемирной паутине HTML-страницы, как правило, передаются браузерам от сервера по протоколам HTTP или HTTPS, в виде простого текста или с использованием шифрования.
JavaScript — прототипно-ориентированный сценарный язык программирования. Является реализацией языка ECMAScript (стандарт ECMA-262).
JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.
Основные архитектурные черты: динамическая типизация, слабая типизация, автоматическое управление памятью, прототипное программирование, функции как объекты первого класса.
На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке.
CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.
Тестирование программы
В целом, разработчики различают дефекты (defect) программного обеспечения и сбои (fault). В случае сбоя программа ведет себя не так, как ожидает пользователь. Дефект – это конструктивная ошибка/неточность в коде программы, которая может быть (а может и не быть) причиной сбоя и получения неправильных результатов. Нахождение и исправление ошибок в закрытых программах представляет очень серьезные проблемы для пользователей и заказчиков.
Общепринятая практика состоит в том, что после завершения продукта и до передачи его заказчику независимой группой тестировщиков проводится тестирование ПО. Эта практика часто выражается в виде отдельной фазы тестирования (в общем цикле разработки ПО), которая часто используется для компенсирования задержек, возникающих на предыдущих стадиях разработки. Другая практика состоит в том, что тестирование начинается вместе с началом проекта и продолжается параллельно созданию продукта до завершения проекта. Второй путь обычно требует больших трудозатрат, но качество тестирования при этом будет выше.
Тестирование (testing) –процесс выполнения программы (или части программы) с намерением (или целью) найти ошибки.
Отладка (debugging) не является разновидностью тестирования. Хотя слова «отладка» и «тестирование» часто используются как синонимы, под ними подразумеваются разные виды деятельности. Тестирование – это деятельность, направленная на обнаружение ошибок; отладка направлена на установление точной природы известной ошибки, а затем – на исправление этой ошибки. Эти два вида деятельности связаны – результаты тестирования являются исходными данными для отладки.
Тестирования модуля, или автономное тестирования (moduletesting, unittesting), - контроль отдельного программного модуля, обычно в изолированнойсреде (т.е. изолировано от всех остальных модулей). Тестирование модуля иногда включает также математическое доказательство.
Тестирование сопряжений (integrationtesting) – контроль сопряжений между частями системы (модулями, компонентами, подсистемами).
Тестирование внешних функций (externalfunctiontesting) – контроль внешнего поведения системы, определенного внешними спецификациями.
Комплексное тестирование (systemtesting) – контроль и/или испытание системы по отношению к исходным целям. Комплексное тестирование является процессом контроля, если оно выполняется в моделируемой среде, и процессом испытания, если выполняется в среде реальной, жизненной.
Тестирование приемлемости (acceptancetesting) – проверка соответствия программы требованиям пользователя.
2.6.2 ПРОЦЕСС ТЕСТИРОВАНИЯ САЙТА
Тестирование правильности.
Тест 1. Работа ссылок
Ожидаемый результат: Корректная работа ссылок.
Результат: Все ссылки работают без ошибок.
Тест 2. Проверка на орфографию.
Ожидаемый результат: Нахождение орфографических ошибок.
Результат: Орфографические ошибки исправлены.
Тест 3. Проверка работы в разных разрешениях экрана.
Ожидаемый результат: Работает во всех разрешениях экрана.
Результат: Работает во всех разрешениях экрана.
Тест 4. Проверка работы в различных браузерах.
Ожидаемый результат: Нормальная работа сайта в любом из браузеров.
Результат: Сайт работает в браузерах: Opera, MozillaFireFox,
Explorer 7,Google Chrome.
Вывод: Тестирование прошло успешно, все компоненты работают исправно.
Процесс внедрения интернет - ресурса – это процесс настройки интренет-ресурса под определенные условия использования, а также обучения пользователей работе с программным продуктом.
Для ввода в эксплуатацию интернет - ресурса необходимо последовательно выполнить следующие действия:
1. Приобрести хостинг либо использовать бесплатный хостинг (услуга по предоставлению вычислительный мощностей для размещения информации на сервере, постоянно находящемся в интернете).
2. Выполнить вход в панель управления хостингом.
3. Добавить домен в панель управления.
4. Связать хостинг и домен.
5. Создать в панели управления новую базу данных и пользователя.
6. Через phpMyAdmin импортировать базу данных на хостинг.
7. Создать нового пользователя для FTP Клиента.
8. Подключиться к хостингу по FTP доступу.
9. Загрузить все файлы интернет-ресурса в папку www на FTP.