АВИС-КР. Воронежский государственный университет инженерных технологий

• Название: Воронежский государственный университет инженерных технологий
• Дата: 14.03.2023
• Размер: 2.09 Mb.
• Имя файла: АВИС-КР.docx
• Тип: Курсовая; #989929

МИНИСТЕРСТВО НАУКИ И ВЫСШЕГО ОБРАЗОВАНИЯ

РОССИЙСКОЙ ФЕДЕРАЦИИ

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ
ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ
ВОРОНЕЖСКИЙ ГОСУДАРСТВЕННЫЙ

УНИВЕРСИТЕТ ИНЖЕНЕРНЫХ ТЕХНОЛОГИЙ


Специальность 10.05.03 Информационная безопасность

автоматизированных систем

Кафедра Информационной безопасности
УТВЕРЖДАЮ

Заведующий кафедрой
Скрыпников А. В. ^{(Подпись, Фамилия, инициалы)}

"___"____________20 г.
КУРСОВАЯ РАБОТА
по_____Администрированию в информационных системах_________

^{(наименование учебной дисциплины)}

на тему: «Создание приложения для взаимодействия с базой данных IndexedDB»
Обозначение работы КР – –
Студент ________________ Малыхин И.А. У-188

^{(Подпись, дата) (Фамилия, инициалы) (Группа)}

Руководитель

^{(Подпись) (Дата) (Фамилия, инициалы)}
Работа защищена ________________ __________________________

^{(Дата) (Оценка)}

ВОРОНЕЖ – 2022 г.



Содержани

Введение 3

Глава 1. 4

1.1 Создание БД в IndexedDB 4

1.2 Создание таблиц и выбор её компонентов 5

Глава 2. 7

2.1 Создание приложения для взаимодействия с БД 7

Глава 3. 18

3.1 Внедрение CSS в приложение 18

Заключение 20

Приложение 21

Введение 3

Глава 1. 4

1.1 Создание БД в IndexedDB 4

1.2 Создание таблиц и выбор её компонентов 5

Глава 2. 7

2.1 Создание приложения для взаимодействия с БД 7

Глава 3. 18

3.1 Внедрение CSS в приложение 18

Заключение 20

Приложение 21

Введение

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

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

Целью моей курсовой работы является создание базы данных IndexedDB, а также разработка приложения для взаимодействия с ней. Сама база данных представляет собой три связанные таблицы на тему школа: ученики, родители, журнал. Приложение даст возможность взаимодействовать с базой данных через специальные кнопки: возможно добавить информацию, удалить и изменить её.

Глава 1.

1.1 Создание БД в IndexedDB

IndexedDB – это встроенная база данных, предназначена для оффлайн приложений, можно совмещать с ServiceWorkers и другими технологиями, JavaScript-интерфейс прикладного программирования (API) клиентского хранилища большого объема структурированных данных, в том числе файлы/blobs. Другими словами, это NoSQL-хранилище данных в формате JSON внутри браузера. IndexedDB имеет встроенный механизм «версионирования схемы», который отсутствует в серверных базах данных. В отличие от серверных баз данных, IndexedDB работает на стороне клиента, в браузере, и у нас нет прямого доступа к данным. Но когда мы публикуем новую версию нашего приложения, возможно, нам понадобится обновить базу данных.

Для создание БД необходимо сначала её открыть, после можно создавать таблицы.



Рисунок 1 – Создание базы данных

1.2 Создание таблиц и выбор её компонентов

Создам три таблицы для БД на тему школа (ученики, родители, журнал). Они будут иметь следующий вид:



Рис.2 – Таблицы на тему «Школа»

Далее необходимо выбрать компоненты для каждой из таблиц. У каждой таблицы свои компоненты, однако они связанны.

Компоненты таблицы «Students»:

1. name (ФИО ученика);

2) phone_number (номер телефона ученика);

3) child_id (идентификационный номер ребенка);

4) middle_mark (средний балл ученика);

5)class_letter (класс ученика).

Компоненты таблицы «Parents»:

1) name (ФИО родителя);

2) phone_number (номер телефона родителя);

3) email (электронная почта родителя).

Компоненты таблицы «Blogs»:

1) student_id (ID ученика);

2) parent_id (ID родителя);

3) visiting (Посещаемость);

4) med_exam (Медицинский осмотр);

5) start_time (Начало прохождения);

6) end_time (Конец прохождения);

7) fare (Плата за обучение);

8) student_parent_index (Индекс связи).

После выбора таблиц и компонентов необходимо их настроить задать в программе:



Рис.3 – Создание таблиц в программе

Глава 2.

2.1 Создание приложения для взаимодействия с БД

Для написания приложения необходимо удостовериться, что БД успешна создана, отображается и работает исправно. Чтобы это проверить запустим выше представленную программу:



Рис.4 – Отображение БД в приложении

Как видно выше (на рис.4) база данных успешна создана (название «shkola2») и отображается. Таблицы созданы и видны, как и их компоненты (подробнее смотреть в приложении 1). Это говорит о том, что можно преступать к следующему шагу: создание кнопок и функций для взаимодействия с данной БД.

2.2 Реализация кнопок и функций для взаимодействия с БД
Для взаимодействия с таблицами БД создал несколько кнопок с помощью которых можно: добавлять, удалять, изменять/обновлять информацию, показать таблицы, записи в ней, её состояние. Данные кнопки имеют следующий вид:



Рис.5 – Вид кнопок приложении

Программная реализация кнопок представляет собой: создание и написание кнопок, заполнение кнопок соответствующим текстом, их привязка, создание определенных функций для реализации механизма взаимодействия с БД (подробнее смотреть в приложении 2):



Рис.6 – Программная реализация кнопок

Для корректной работы приложения сначала использовал механизм реализации полей ввода для каждого столбца каждой из таблиц (приложение 2) в БД «shkola2»:



Рис.7 – Создание полей ввода таблицы «Students»



Рис.7 - Создание полей ввода таблицы «Parents»



Рис.8 - Создание полей ввода таблицы «Blogs»
Затем реализовал механизм обработки и добавления конкретной записи в отведенную ей таблицу:



Рис.9 – Обработка и добавление записи в «Students»



Рис.10 - Обработка и добавление записи в «Parents»


Рис.11 - Обработка и добавление записи в «Blogs»
После обработки и добавления реализовал механизм удаления записи для каждой из таблиц:



Рис.11 – Удаление записи из «Students»



Рис. 12 –Удаление записи из «Parents»


Рис.13 – Удаление записи из «Blogs»
Далее реализовал возможность изменения определенных записей в конкретных таблицах:



Рис.14 – Изменение в «Students»


Рис.15 – Изменение в «Parents»



Рис.16 – Изменение в «Blogs»
В конце реализовал возможность отображать записи каждой из таблиц по определенной кнопке:



Рис.17 – Отображение «Students»


Рис.18 – Отображение «Parents»



Рис.19 – Отображение «Blogs»
Последним шагом совмещаем программу реализации БД (Рис.4, приложение 1) с текущим приложением с целью реализации всей работы одним файлом:



Рис.20 – Реализация создания БД в приложении

Глава 3.

3.1 Внедрение CSS в приложение

CSS (каскадные таблицы стилей) - формальный язык описания внешнего вида документа (веб-страницы), написанного с использованием языка разметки (чаще всего HTML или XHTML). Также может применяться к любым XML-документам, например, к SVG или XUL. CSS используется создателями веб-страниц для задания цветов, шрифтов, стилей, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS является ограждение и отделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом.

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

В своей работе я задействовал CSS с целью улучшения визуального вида приложения. Его реализация делится на два этапа: настройка программы и её внедрение в приложение подробнее в (приложении 3). С помощью данного механизма улучшил вид приложения:



Рис.21 – Приложение с использованием CSS


Рис.22 – Программная реализация CSS

Заключение

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

В конечном итоге, путем программных решений, определенных функций, их реализаций, а также с помощью изученного материала в области реализации БД, смог реализовать рабочее приложение, с помощью которого можно взаимодействовать с базой данных «shkola2» в IndexedDB, а именно: добавлять, удалять, отображать, изменять записи (подробнее в приложении 3).


Рис.23 – Работоспособность приложения

Приложение

Приложение 1: Программная реализация БД «shkola2»

Добро пожаловать

Создание БД shkola2
Create Database
Подробнее смотреть файлы shkola2.txt, shkola2.html
Приложение 2: Программная реализация кнопок и функций в приложении

Код слишком большой, подробнее смотреть файлы 0006.txt, 0006.html

Приложение 3: Программная реализация CSS для приложений



Подробнее смотреть в готовом приложении 0006.html, 0006.txt

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

1. Архитектура и технологии IBM eServer zSeries / В.А. Варфоломеев и др. - М.: Интернет-университет информационных технологий, 2020. - 640 c

2. Администрирование баз данных в операционной системе. - М.: СПб: ЦКТиП Газпром, 2020. - 300 c.

3. Уэлдон Администрирование баз данных / Уэлдон, Дж.-Л.. - М.: Финансы и статистика, 2020. - 207 c

4. Дакетт, Джон Основы веб-программирования с использованием HTML, XHTML и CSS / Джон Дакетт. - М.: Эксмо, 2019. - 768 c.

5. Петцольд, Чарльз Эспозито Д. Программирование для Microsoft Windows 8. Разработка приложений для Windows 8 на HTML5 и JavaScript (комплект из 2 книг) / Петцольд Чарльз , Эспозито Д., Ф. Эспозито. - М.: Питер, 2019. - 492 c

6. Петюшкин, Алексей HTML в Web-дизайне / Алексей Петюшкин. - М.: БХВ-Петербург, 2020. - 400 c

7. Гончаров Алексей Самоучитель HTML; Питер - М., 2020. - 240 c

8. Дронов В.А. PHP, MySQL, HTML5 и CSS 3. Разработка современных динамических Web-сайтов; БХВ-Петербург - М., 2019. - 153 c

9. Прохоренок Николай HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера (+ CD-ROM); БХВ-Петербург - М., 2020. - 912 c

10. Робсон Э. Изучаем HTML, XHTML и CSS; Питер - М., 2021. - 942 c.

11. Стивен Шафер HTML, XHTML и CSS. Библия пользователя; Диалектика - М., 2021. - 851 c.

13. Голицына, О. Л. Базы данных / О.Л. Голицына, Н.В. Максимов, И.И. Попов. - М.: Форум, 2019. - 400 c.

14. Кузнецов, С. Д. Базы данных / С.Д. Кузнецов. - М.: Academia, 2020. - 496 c.
15. Кумскова, И. А. Базы данных / И.А. Кумскова. - М.: КноРус, 2021. - 488 c.