Информационные системы и базы данных

1.

ПРЕЗЕНТАЦИЯ К ОТЧЕТУ ПО
ПРОИЗВОДСТВЕННОЙ
ПРАКТИКЕ
«ИНФОРМАЦИОННЫЕ
СИСТЕМЫ И БАЗЫ ДАННЫХ»
Выполнил: Богданов Д.С.
Руководитель практики:
Завозкин С.Ю.

2.

ЦЕЛЬ
• Верстка и разработка обратной связи для пользователей
веб-сайта
• Создание и подключение БД
• Тестирование и запуск

3.

КРАТКОЕ
ОПИСАНИЕ
ПРЕДПРИЯТИЯ
Место прохождения производственной практики являлась "Консалтинговая
Корпорация Миллер" (ООО "ККМ"), основная деятельность компании заключается в
предоставлении юридических услуг. А именно:
• Помощь в судах
• Защита прав потребителей
• Семейные, наследственные и жилищные споры

4.

ВЫБОР
ПЛАТФОРМЫ
WordPress - одна из самых популярных
система управления содержимым сайта с
открытым исходным кодом. Встроенная
система «шаблонов» и «плагинов» вместе с
удачной архитектурой позволяет
конструировать проекты широкой
функциональной сложности.
В WordPress был загружен плагин Divi,
который упрощает этап проектирования и
разработки с помощью добавления
нужных блоков на страницу.

5.

Содержит поля:
• Имя
• Эл. Адрес
• Телефон
• Проблема
СОЗДАНИЕ
КОНТАКТНОЙ
ФОРМЫ
Данная форма позволяет описать
пользователю свою проблему и отправить
на почту организации.

6.

Такие поля как “Телефон” и “Эл. адрес”
содержат в себе условия ввода.
Поле “Телефон” имеет своё регулярное
выражение, поэтому для ввода выделено
строго 11 цифр.
Поле “Почта” содержит исключительно
латиницу, а также знак ‘@’ и ‘.’ для
домена.

7.

ЧТО НЕ ТАК?
У пользователя
существует
возможность
отслеживания
введенных
некорректных
им данных в
виде
подсвечивания
полей и
всплывающего
текста.

8.

ВСЕ ВЕРНО!
Если контактная форма заполнена
верно, данные отправляются на
почту с помощью библиотеки
PHPMailer.

9.

ВЗАИМОДЕЙСТВИЕ С БАЗОЙ
ДАННЫХ
Создание базы данных MySQL нам предоставил хостинг, поэтому стоило только подключиться.
Подключение выполнялось через веб-приложение PhpMyAdmin. Была создана таблица Users, в
неё и записывались данные.

10.

СВЯЗЬ БД С ВЕБ
БД+JS
AJAX
После всех пройденных
проверок в контактной
форме, устанавливается
подключение с БД при
помощи отправки запроса
на API ajax, поскольку
обработка кнопки
отправления находится в
JavaScript.
AJAX - подход к
построению
интерактивных пользовате
льских интерфейсов вебприложений,
заключающийся в
«фоновом» обмене
данными браузера с вебсервером.

11.

СОЕДИНЕНИЕ СЕРВЕРА
С ВЕБ ЧАСТЬЮ
Когда AJAX отправил
данные на сторону сервера,
сервер получает
информацию и создает
подключение, далее
настройка кодировки для
корректного отображения
кириллицы и занесение
изменений в базу данных,
закрытие соединения.

12.

ВИД ДАННЫХ
В БД

13.

ЗАКЛЮЧЕНИЕ
Все поставленные задачи были
реализованы. Кроме этого
осталось время уделить внимаю
отладке неверному вводу
пользователей в форме.
Чего я достиг:
• Набрался практических
навыков
• Изучил подключение к БД
с помощью PHP и JS
• Научился работать с вебинтерфейсом