Файл: Применение средств создания серверного программного обеспечения ( АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ И ФОРМИРОВАНИЕ ТРЕБОВАНИЙ К ИНФОРМАЦИОННОЙ СИСТЕМЕ ).pdf

• каналы связи;
• брандмауэры;
• серверы;
• рабочие станции;
• хранилища данных.

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

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

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

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

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

• main.html;
• my.css;
• .htaccess;
• test1base.sql.

Тем не менее, все эти документы могут присутствовать на диаграмме компонентов, что было продемонстрированно ранее.

Файл «db.php» можно считать исполняемым, поэтому он будет использоваться в диаграмме развертывания. Так же и другие файлы с исполняемым php кодом без проблем могут быть добавлены в диаграмму развертывания. К таким файлам относятся:

• contacts.php;
• news.php;
• newsPage.php.

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

Для нормальной работы нашей системы используются программы:

• phpMyAdmin – интерфейс для работы с базой данных;
• open server – запускает локальный сервер на персональном компьютере.

Локальный сервер поднимается через программу Open Server, а работа с базами данных происходит в phpMyAdmin. Упомянутые ранее страницы «News.php» и «NewsPage.php» генерируют новости из базы данных. Если не подключится к локальному серверу, то страницы не смогут корректно работать с данными и пользователь увидит ошибку. Файл «db.php» является связующим звеном и содержит настройки подключения к базе данных.

Теперь укажем файлы, которые выполняются на узле локального сервера в момент исполнения. Используем способ отображения на диаграмме, где в узел вкладываются компоненты (Рисунок 19).

Рисунок 19 – Диаграмма развертывания с отношениями зависимости «test1base.sql» и «db.php»^[21]

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

Рисунок 20 – Диаграмма развертывания с соединениями между узлами^[22]

2.4 ТЕХНОЛОГИЧЕСКОЕ ОБЕСПЕЧЕНИЕ

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

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

Рисунок 21 – Схема первого этапа информационного потока новостей^[23]

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

Рисунок 22 – Схема второго этапа информационного потока новостей^[24]

2.5 ТЕСТИРОВАНИЕ ИНФОРМАЦИОННОЙ СИСТЕМЫ

Настало время проверить работу клиент-серверной информационной системы на практике. Так как система имеет не так много исполняемого программного кода, то мы сфокусируемся на базе данных и ее корректной работе с локальным сервером и модулем новостей. В качестве контрольного примера мы напишем две пробные статьи по теме курсов шитья. Алгоритм действий будет такой:

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

Не будем заострять внимание на таких вещах как написание текста, а лучше сразу перейдем к технической части. В первую очередь необходимо запустить локальный сервер на компьютере, который будет связывать базу данных с клиентской частью информационной системы. Делается это с помощью программы Open Server. После того как сервер будет запущен, нам нужно войти в интерфейс управления СУБД с помощью программы phpMyAdmin. Внутри интерфейса мы кликаем на навигацию с левой стороны, а именно по базе данных, которой присвоено имя «test1base». Внутри базы переходим к таблице под названием «news». Внутри этой таблицы заполняются статьи.

Во время добавления новой статьи необходимо заполнить все предлагаемые поля:

• в поле «Id» вводим порядковый номер статьи. У нашей пробной статьи этот номер «1»;
• в поле «Title» вводим заголовок статьи. В нашем случае «Новая Круизная коллекция от Марии Грации Кьюри»;
• в поле «Description» вводим краткое описание для поисковых роботов: «Обзор стильной коллекции одежды на сезон весна-лето для девушек, а также другие новости на тему моды и шитья»;
• в поле «Keywords» вводим ключевые слова, опять же для поисковых роботов: «круизная, коллекция, кьюри, животные, лес»;
• в поле «Preview» вписываем текст, который будет использован на превью статьи;
• в поле «Text» пишем полный текст статьи;
• в поле «Data» выбираем дату публикации: «2018-10-11».

Текст для полей «Preview» и «Text» занимает слишком много места. Его исходник можно найти в приложении Ж.

Вторая статья заполняется аналогично. Полный листинг обеих статей так же находится в приложении Ж. Приложение Ж представляет из себя листинг файла «test1base.sql», который является ничем иным, как исходным кодом базы данных для экспорта/импорта на другие носители [36]. Программный язык файла – SQL.

После того как статьи были внесены в базу данных, настало время проверить их корректное отображение в клиентской части информационной системы. Открываем страницу с новостями и видим, что недавно добавленные статьи появились на экране браузера. Все прописанные html стили разметки и изображения так же обрабатываются правильно. Это значит, что локальный сервер корректно принимает и отдает запросы пользователя, а также верно читает таблицу базы данных. Скриншот правильного отображения статьи выглядит так (Рисунок 23).

Рисунок 23 – Скриншот правильного отображения статьи^[25]

ЗАКЛЮЧЕНИЕ

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

Реализации цели курсовой работы способствовало решение следующих задач:

• проведение анализа предприятия;
• изучение основного программного обеспечения для современной разработки;
• выявление ошибок в коде клиентской части системы и их исправление;
• обновление устаревшего дизайна системы;
• выявление ошибок в seo-оптимизации и их исправление;
• разработка новой базы данных для модуля новостей.

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

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

СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ

1. Головчинер М.Н. Базы данных. Основные понятия, модели данных, процесс проектирования [Текст] // Томск.: ТГУ, 2009. – 126 с.
2. Денис Иванов, Федор Новиков. Моделирование на UML [Текст] // Учебно-методическое пособие – 200 с.
3. Джеймс Рамбо [и др.] Язык UML. Руководство пользователя. [Текст] // Питер, ДМК пресс. - 2006. – № 2. - 496 с.
4. Диго С.М. Базы данных. Проектирование и создание [Текст] // Учебно-методический комплекс. – М.: Изд. центр ЕАОИ. 2008. – 171 с.
5. Лоскутов А.Ю. Анализ временных рядов. [Текст] // Курс лекций. Физический факультет МГУ. 2008. – 113 с.
6. Новиков Ф.А. Учебно-методическое пособие по дисциплине «Анализ и проектирование на UML» [Текст] // ИТМО, Санкт-Петербург - 2007. – 283 с.
7. Хеник Бен, HTML и CSS Путь к совершенству [Текст] // Питер - 2011. – 332 с.
8. Нотация EPC [Электронный ресурс]. – Режим доступа: www.businessstudio.ru, свободный.
9. Нотация IDEF0 [Электронный ресурс]. – Режим доступа: www.businessstudio.ru, свободный.
10. Руководство и FAQ по phpMyAdmin [Электронный ресурс]. – Режим доступа: php-myadmin.ru, свободный.
11. Руководство пользователя Open Server [Электронный ресурс]. – Режим доступа: ospanel.io, свободный.
12. PageSpeed Insights, Скорость загрузки сайта [Электронный ресурс]. – Режим доступа: developers.google.com, свободный.
13. PR-CY, SEO анализ сайта [Электронный ресурс]. – Режим доступа: a.pr-cy.ru, свободный.
14. «Школа ателье», Главная страница [Электронный ресурс]. – Режим доступа: school-atele.ru, свободный.
15. Google, Поисковая система [Электронный ресурс]. – Режим доступа: google.com, свободный.
16. Яндекс, Поисковая система [Электронный ресурс]. – Режим доступа: yandex.ru, свободный.
17. Htmlbook, Справочник по HTML [Электронный ресурс]. – Режим доступа: htmlbook.ru, свободный.
18. Мета теги для сайта [Электронный ресурс]. – Режим доступа: ashmanov.com, свободный.
19. Htmlbook, HTML5 [Электронный ресурс]. – Режим доступа: htmlbook.ru, свободный.
20. Htmlbook, CSS3 [Электронный ресурс]. – Режим доступа: htmlbook.ru, свободный.
21. Декомпозиция как метод системного анализа [Электронный ресурс]. – Режим доступа: life-prog.ru, свободный.
22. «Школа ателье», Новости [Электронный ресурс]. – Режим доступа: school-atele.ru, свободный.
23. Руководство по PHP [Электронный ресурс]. – Режим доступа: secure.php.net, свободный.
24. Справочное руководство по MySQL [Электронный ресурс]. – Режим доступа: mysql.ru, свободный.
25. Documentation - Atom v1.33.0 [Электронный ресурс]. – Режим доступа: atom.io, свободный.
26. LiveInternet, Статистика сайта [Электронный ресурс]. – Режим доступа: liveinternet.ru, свободный.
27. Google Analytics, Детальная статистика посетителей веб-сайтов [Электронный ресурс]. – Режим доступа: analytics.google.com/analytics, свободный.
28. Яндекс.Метрика, Интернет-сервис для оценки посещаемости веб-сайтов [Электронный ресурс]. – Режим доступа: metrika.yandex.ru, свободный.
29. Ruhighload, Выбор типов данных в Mysql [Электронный ресурс]. – Режим доступа: https://ruhighload.com, свободный.
30. Кратко об UTF-8 [Электронный ресурс]. – Режим доступа: blog.perlover.com, свободный.
31. Элементы графической нотации диаграммы компонентов sql [Электронный ресурс]. – Режим доступа: intuit.ru, свободный.
32. Элементы графической нотации диаграммы развертывания [Электронный ресурс]. – Режим доступа: intuit.ru, свободный.
33. Организационная структура управления предприятием [Электронный ресурс]. – Режим доступа: up-pro.ru, свободный.
34. Оформление допуска для работы с конфиденциальной информацией [[Электронный ресурс]. – Режим доступа: top-personal.ru, свободный.
35. Информационная логистика [Электронный ресурс]. – Режим доступа: xcomp.biz, свободный.
36. Как экспортировать базы данных MySQL [Электронный ресурс]. – Режим доступа: godaddy.com, свободный.
37. Хостинг сайта [Электронный ресурс]. – Режим доступа: ucoz.ru, свободный.
38. 2domains, Реестр доменов [Электронный ресурс]. – Режим доступа: 2domains.ru, свободный.
39. TEXT, Аутсорсинг копирайтинга [Электронный ресурс]. – Режим доступа: text.ru, свободный.
40. HH, База резюме [Электронный ресурс]. – Режим доступа: ekaterinburg.hh.ru, свободный.