 |
4. 7 jquery + jquery UI + AJAX. 4. 8 Браузер. 5. Проектирование автоматизированой системы. 5. 1проектирование базы данных
|
|
|
|
4. 7 JQuery + JQuery UI + Ajax
JavaScript — это один из основных языков разработки Web-страниц, который поддерживают все популярные браузеры. Для просмотра Web- страниц, содержащих инструкции JavaScript, пользователю не нужно устанавливать дополнительное программное обеспечение. Язык JavaScript разработан американской компанией Netscape Communications и является языком сценариев. Этот язык призван был расширить возможности HTML по переработке информации из форм и добавлению динамики на Web-страницы. JavaScript вначале был задуман как клиентский язык, предназначенный для работы на компьютере клиента-пользователя. Идея создания JavaScript заключалась именно в возможности размещения на Web-страницах исполняемого содержимого, благодаря чему можно было бы выйти за рамки статического HTML, обеспечить взаимодействие с пользователем, управление браузером. Однако по мере своего развития JavaScript вышел за рамки отдельно взятого браузера и стал выполнять также функции серверной части.
jQuery – это библиотека JavaScript, предназначенная для абстрагирования, выравнивания, исправления и упрощения написания кода при работе с узлами HTML-элементов в браузере или для работы в браузере без графического интерфейса.
jQuery UI — это библиотека на основе jQuery, реализующая более 20 плагинов, среди которых плагины организующие различное поведение (например перетаскивание или растягивание элементов), восемь видов виджетов (такие как календарь, диалоговые окна, систему вкладок) и анимационные эффекты. Кроме этого, UI обладает несколькими темами оформления, с помощью которых оформляются виджеты и которые содержат набор полезных иконок.
AJAX — это аббревиатура, которая означает Asynchronous Javascript and XML. На самом деле, AJAX не является новой технологией, так как и Javascript, и XML существуют уже довольно продолжительное время, а AJAX
|
|
|
— это синтез обозначенных технологий.
При использовании AJAX нет необходимости обновлять каждый раз всю страницу, так как обновляется только ее конкретная часть. Это намного удобнее, так как не приходится долго ждать, и экономичнее, так как не все обладают безлимитным интернетом. Правда в этом случае, разработчику необходимо следить, чтобы пользователь был в курсе того, что происходит на странице. Это можно реализовать с использованием индикаторов загрузки, текстовых сообщений о том, что идёт обмен данными с сервером.
4. 8 Браузер
Браузер – прикладное программное обеспечение для просмотра веб- страниц, содержания веб-документов, компьютерных файлов и их каталогов.
Существует огромное количество браузеров, из которых можно выделить наиболее популярные (Таблица 1 – Статистика StatCounter за апрель 2018 года), по данным статистики StatCounter за апрель 2018 года:
| Браузер | Рыночная доля |
| Internet Explorer | 8, 12% |
| Mozilla Firefox | 13, 04% |
| Google Chrome | 59, 31% |
| Safari | 10, 66% |
| Opera | 1, 96% |
| Microsoft Edge | 3, 39% |
| Прочие | 3, 52% |
Таблица 1 – Статистика StatCounter за апрель 2018 года.
Из таблицы понятно, что «LengLern» следует разрабатывать таким образом, чтобы она отображалась во всех этих браузерах одинаково.
Браузеры использовались для тестирования и отладки правильности отображения страниц. Проверка системы производилась посредством просмотра результата в браузере: внешний вид страницы, корректное отображение результатов запроса.
5. ПРОЕКТИРОВАНИЕ АВТОМАТИЗИРОВАНОЙ СИСТЕМЫ
5. 1Проектирование базы данных
В ходе проектирования данной автоматизированной системы, было принято решение хранить в базе данных информацию о пользователях.
В результате была получена схема базы данных, которая представлена на Рисунок 14 – Схема базы данных.
|
|
|
Рисунок 14 – Схема базы данных.
В данной схеме присутствует 3 таблицы:
· APP_USER;
· USER_ROLE;
· APP_ROLE;
Таблица APP_USER хранит информацию о зарегистрированных пользователях. В эту таблицу заносятся данные после удачной регистрации пользователя. Рассмотрим поля APP_USER подробнее:
· USER_ID – индивидуальный номер пользователя, который присваивается автоматически. Является уникальным первичным ключом;
· USER_NAME – индивидуальный псевдоним пользователя, которым придумывает каждый пользователь при регистрации, он используется при авторизации. Является обязательным полем для заполнения;
· ENCRYTED_PASSWORD – пароль, который придумывает пользователь при регистрации, так же как и логин используется для авторизации. Здесь хранится не сам пароль, а его хэш. обязательным полем для заполнения;
· ENABLED – текущее состояние подключения;
· FirstName – имя пользователя, не является обязательным полем.
· LastName – фамилия пользователя, не является обязательным полем;
· Email – электронная почта пользователя, не является обязательным полем;
· Country – страна пользователя.
Таблица USER_ROLE обеспечивает связь многие ко многим с таблицей APP_ROLE:
· ID – уникальный идентификатор в данной таблице;
· USER_ID – является указателем на запись в таблице APP_USER;
· ROLE_ID – является указателем на запись в таблице APP_ROLE;
Таблица APP_ROLE содержит информацию о том какими правами обладает пользователь:
· ROLE_ID – уникальный идентификатор для данной таблици;
· ROLE_NAME – если содержимое данного поля ROLE_ADMIN, то пользователь обладает правами администратора, если ROLE_USER- то правами пользователя;
|
|
|
