Для обработки больших массивов данных, изначально СУБД создавался, чтобы обработать огромные массивы информации в промышленном масштабе, а только потом, благодаря ее доступность и быстродействию, MySQL «оккупировал» всемирный паутиной.

Существуют и другие бесплатные системы управления БД, например, PostgreSql, но в отличие от MySQL эта платформа не отличается высокой скоростью обработки данных.

Поддержка SQL – является еще одной важной «чертой» системы. Это обеспечивает высокий уровень кроссплатформенности данных и кода, созданных с помощью MySQL. Благодаря чему можно спокойно перенести БД в любую другую современную СУБД, также поддерживающую язык структурированных запросов. А весь сохраненный код (хранимые процедуры, триггеры и запросы) можно применять на любой из этих платформ[10].

Используется в связке с PHP – вместе с этим серверным языком программирования СУБД стала главным строительным материалом для всемирной паутины. Большая часть всех ресурсов интернета построена на основе PHP и MySQL.

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

Хэширование пароля – обеспечивает высокую безопасность пароля. Благодаря чему она начала многие другие бесплатные популярные продукты. MySQL «содействовал» развитию других интернет платформ.

Cascading Style Sheets (CSS) представляет из себя простой язык проектирования разметки, предназначенный для упрощения процесса создания дизайна веб-страниц.

Именно от CSS зависит внешний вид веб-страниц. Используя CSS, появляются такие возможности как: изменение цвета текста, стиль шрифтов, установка интервалов между параграфами, установка фонового изображения и применение многих других эффектов. CSS используется в связке с языками разметки HTML или XHTML [8]. Преимуществами CSS являются: сохранение времени (единожды создав стиль CSS, использовать его со множеством веб-страниц), раз-работка стиля для любого HTML-элемента и его использование в любом месте документа, страницы загружаются быстрее из-за оптимизации кода, изменение дизайна веб-страниц становиться проще (достаточно изменить один стиль, и это изменение затронет все элементы, использующие этот стиль, на веб-странице автоматически), больше возможностей (в CSS гораздо больше стилевых атрибутов по сравнению с HTML, поэтому с помощью CSS можно создавать куда более привлекательный дизайн в отличии от простого HTML), кроссплатформенность (таблицы стилей позволяют оптимизировать внешний вид контента страницы к любому типу устройств. Используя один и тот же HTML документ, можно предоставлять различные версии дизайна веб-сайта для различных устройств таких как ноутбуков,

---

стационарных компьютеров, смартфонов и планшетов, общепризнанные веб-стандарты (на настоящее время стилевые HTML атрибуты считаются устаревшими и рекомендуется использовать CSS, поэтому рекомендуется начать использовать CSS на всех веб-страницах изначально, чтобы они были совместимы с будущими версиями браузеров) [9].

Таким образом, для разработки веб-сайта по продаже камер и предоставления доступа к ним были выбраны языки программирования: CSS3, JavaScript, PHP и веб-сервер Biget.

1.2.2 Элементы языка программирования

В качестве основного языка программирования для модернизации информационного веб-сайта были использованы PHP, JavaScript, а также язык разметки и стилей HTML и CSS3. Данные команды представлены в соответствии с таблицей 3-6.

Таблица 3 – Элементы HTML.

Элемент	Описание
1	2
	Используется для добавления комментариев.
	Объявляет тип документа и предоставляет основную информацию для браузера — его язык и версия.
	Создаёт гипертекстовые ссылки.
	Определяет текст как аббревиатуру или акроним.
	Задает контактные данные автора/владельца документа или статьи.
	Представляет собой гиперссылку с текстом, соответствующей определенной области на карте-изображении или активную область внутри карты-изображения. Всегда вложен внутрь элемента
	Раздел контента, который образует независимую часть документа или веб-сайта, например, статья в журнале, запись в блоге, комментарий.
	Представляет контент страницы, который имеет косвенное отношение к основному контенту страницы/веб-сайта.
	Загружает звуковой контент на веб-страницу.
	Задает полужирное начертание отрывка текста, не придавая акцент или важность выделенному.
	Задает полужирное начертание отрывка текста, не придавая акцент или важность выделенному.
	Изолирует отрывок текста, написанный на языке, в котором чтение текста происходит справа налево, от остального текста.

---

Продолжение таблицы 3

1	2
	Отображает текст в направлении, указанном в атрибуте dir, переопределяя текущее направление написания текста.
	Выделяет текст как цитату, применяется для описания больших цитат.
	Представляет тело документа (содержимое, не относящееся к метаданным документа).
	Перенос текста на новую строку.
	Создает интерактивную кнопку. Элемент может содержать текст или изображение.
	Холст-контейнер для динамического отображения изображений, таких как простые изображения, диаграммы, графики и т.п. Для рисования используется скриптовый язык JavaScript.
Добавляет подпись к таблице. Вставляется сразу после открывающего тега . Используется для указания источника цитирования. Отображается курсивом. Представляет фрагмент программного кода, отображается шрифтом семейства monospace. Выбирает для форматирования один или несколько столбцов таблицы, не содержащих информацию одного типа. Создает структурную группу столбцов, выделяющую множество логически однородных ячеек. Используется для описания термина из элемента . Продолжение таблицы 3 1 2 Создает структурную группу столбцов, выделяющую множество логически однородных ячеек. Элемент используется для связывания значения атрибута value, которое представлено в машиночитаемом формате и может быть обработано компьютером, с содержимым элемента. Элемент-контейнер для выпадающего списка элемента . Варианты значений помещаются в элементы . Помечает текст как удаленный, перечёркивая его. Создаёт интерактивный виджет, который пользователь может открыть или закрыть. Представляет собой контейнер для контента, видимый заголовок виджета помещается в элемент  . Интерактивный элемент, с которым взаимодействует пользователь для выполнения задачи, например, диалоговое окно, инспектор или окно. Без атрибута open не виден для пользователя. Элемент-контейнер, внутри которого находятся термин и его описание. Элемент-контейнер, внутри которого находятся термин и его описание. Используется для задания термина. Выделяет важные фрагменты текста, отображая их курсивом. Элемент-контейнер для встраивания внешнего интерактивного контента или плагина. Группирует связанные элементы в форме, рисуя рамку вокруг них. Самодостаточный элемент-контейнер для такого контента как иллюстрации, диаграммы, фотографии, примеры кода, обычно с подписью.

---

Продолжение таблицы 3

1	2
	Определяет завершающую область (нижний колонтитул) документа или раздела.
	Форма для сбора и отправки на сервер информации от пользователей. Не работает без атрибута action.
	Создают заголовки шести уровней для связанных с ними разделов.
	Элемент-контейнер для метаданных HTML-документа, таких как
	Секция для вводной информации веб-сайта или группы навигационных ссылок. Может содержать один или несколько заголовков, логотип, информацию об авторе.
	Корневой элемент HTML-документа. Сообщает браузеру, что это HTML-документ. Является контейнером для всех остальных html-элементов.
	Выделяет отрывок текста курсивом, не придавая ему дополнительный акцент.
	Создает встроенный фрейм, загружая в текущий HTML-документ другой документ.
	Встраивает изображения в HTML-документ с помощью атрибута src, значением которого является адрес встраиваемого изображения.
	Создает многофункциональные поля формы, в которые пользователь может вводить данные.
	Добавляет текстовую метку для элемента .
	Элемент маркированного или нумерованного списка.
	Раздел документа, содержащий навигационные ссылки по веб-сайту.

Продолжение таблицы 3

1	2
	Создает многофункциональные поля формы, в которые пользователь может вводить данные.
	Добавляет текстовую метку для элемента .
	Элемент маркированного или нумерованного списка.
	Определяет отношения между документом и внешним ресурсом. Также используется для подключения внешних таблиц стилей.
	Контейнер для основного уникального содержимого документа. На одной странице должно быть не более одного элемента  .
	Используется для хранения дополнительной информации о странице. Эту информацию используют браузеры для обработки страницы, а поисковые системы — для ее индексации. В блоке  может быть несколько элементов , так как в зависимости от используемых атрибутов они несут разную информацию.
	Определяет секцию, не поддерживающую сценарий (скрипт).
	Контейнер для встраивания мультимедиа (например, аудио, видео, Java-апплеты, ActiveX, PDF и Flash). Также можно вставить другую веб-страницу в текущий HTML-документ. Для передачи параметров встраиваемого плагина используется элемент  .
	Упорядоченный нумерованный список. Нумерация может быть числовая или алфавитная.
	Определяет вариант/опцию для выбора в раскрывающемся списке , или

---

Продолжение таблицы 3

1	2
	Поле для вывода результата вычисления, рассчитанного с помощью скрипта.
	Параграфы в тексте.
	Определяет параметры для плагинов, встраиваемых с помощью элемента
	Выводит текст без форматирования, с сохранением пробелов и переносов текста. Может быть использован для отображения компьютерного кода, сообщения электронной почты и т.д.
	Индикатор выполнения задачи любого рода.
	Определяет краткую цитату.
	Контейнер для Восточно-Азиатских символов и их расшифровки.
	Определяет вложенный в него текст как базовый компонент аннотации.
	Отмечает вложенный в него текст как дополнительную аннотацию.
	Отображает текст, не являющийся актуальным, перечеркнутым.
	Выводит альтернативный текст в случае если браузер не поддерживает элемент .
	Отображает текст шрифтом меньшего размера.
	Используется для определения сценария на стороне клиента (обычно JavaScript). Содержит либо текст скрипта, либо указывает на внешний файл сценария с помощью атрибута src.
	Определяет логическую область (раздел) страницы, обычно с заголовком.
	Подключает встраиваемые таблицы стилей.

Продолжение таблицы 3

1	2
	Используется для определения сценария на стороне клиента (обычно JavaScript). Содержит либо текст скрипта, либо указывает на внешний файл сценария с помощью атрибута src.
	Элемент управления, позволяющий выбирать значения из предложенного множества. Варианты значений помещаются в .
	Указывает местоположение и тип альтернативных медиаресурсов.
	Контейнер для строчных элементов. Можно использовать для форматирования отрывков текста, например, выделения цветом отдельных слов.
	Расставляет акценты в тексте, выделяя полужирным.
	Задает подстрочное написание символов, например, индекса элемента в химических формулах.
	Создаёт видимый заголовок для элемента  . Отображается с закрашенным треугольником, кликнув по которому можно просмотреть подробности заголовка.
	Задает надстрочное написание символов.
Элемент для создания таблицы. Определяет тело таблицы. Создает ячейку таблицы. Используется для объявления фрагментов HTML-кода, которые могут быть клонированы и вставлены в документ скриптом. Содержимое элемента не является его дочерним элементом. <br> Создает большие поля для ввода текста. Определяет нижний колонтитул таблицы. Определяет заголовок таблицы. Продолжение таблицы 3 1 2 Создает заголовок ячейки таблицы. Заголовок HTML-документа, отображаемый в верхней части строки заголовка браузера. Также может отображаться в результатах поиска, поэтому это следует принимать во внимание предоставление названия. Создает строку таблицы. Определяет дату/время. Добавляет субтитры для элементов  Добавляет на страницу видео-файлы. Поддерживает 3 видео формата: MP4, WebM, Ogg. Выделяет переменные из программ, отображая их курсивом. Создает маркированный список. Выделяет отрывок текста подчёркиванием, без дополнительного акцента. Указывает браузеру возможное место разрыва длинной строки. Таблица 4 – Элементы PHP Элемент Описание 1 2 Основной синтакисис ?> Точка с запятой $x += 10; Константа define() Значение константы constant() Объект object Символ $ $mystring = "Hello"; Строковые переменные $username = "Fred Smith"; Продолжение таблицы 4 1 2 Числовые переменные $count = 17; Массивы $team = array('Bill', 'Mary', 'Mike', 'Chris', 'Anne'); Двумерные массивы $oxo = array(array('x', ' ', 'o'), array('o', 'o', 'x'), array('x', 'o', ' ' )); ?> Операторы echo 6 + 2; Операторы сравнения ==, !=, >, <, >=, <= Логические операторы if ($hour > 12 && $hour < 14) dolunch(); Присваивание значений переменным $x += 10; Объединение строк echo "У вас " . $msgs . " сообщений."; Изменение предназначения символов \ Многострочные команды <<< Типы переменных $number = 12345 * 67890; Константы $directory = ROOT_LOCATION; Предопределенные константы __LINE__, __FILE__, __FUNCTION__, __CLASS__, __METHOD__, __NAMESPACE__ Глобальные переменные global $is_logged_in; Локальные переменные $timestamp Статические переменные static $count Продолжение таблицы 4 1 2 Функции function longdate($timestamp) { return date("l F jS Y",$timestamp); } ?> Суперглобальные переменные $GLOBALS, $_SERVER, $_GET, $_POST, $_FILES, $_COOKIE, $_SESSION, $_REQUEST, $_ENV Таблица 5 – Элементы JavaScript Элемент Описание 1 2 Константы JavaScript Числа, Строки Переменные JavaScript Var Операторы JavaScript + - * / Оператор присваивания = Операнды JavaScript 5 * 10 x * 10 Комментарии JavaScript // Идентификаторы JavaScript lastName, lastname JavaScript тире first-name, last-name, master-card, inter-city JavaScript символ подчеркивания first_name, last_name, master_card, inter_city JavaScript верхний регистр FirstName, LastName, MasterCard, InterCity JavaScript нижний регистр firstName, lastName, masterCard, interCity Таблица 6 – Элементы CSS. Элемент Описание 1 2 Физические свойства отступов margin-top, margin-right, margin-bottom, margin-left Краткая запись отступов margin Физические свойства полей padding-top, padding-right, padding-bottom, padding-left Краткая запись полей padding Ширина содержимого width Минимальная и максимальная ширина min-width и max-width Высота содержимого height Минимальная и максимальная высота min-height и max-height Расчет высоты строки line-height и vertical-align Изменение блочной модели box-sizing Смещение блока top, right, bottom, left Обтекание float Управление потоком рядом с плавающими элементами clear Определение контекста наложения z-index Преобразование текста text-transform Обработка пробелов и переносы строк white-space Настройка табуляции tab-size Правила разрыва для букв word-break Преобразование текста text-transform Продолжение таблицы 6 1 2 Обработка пробелов и переносы строк white-space Настройка табуляции tab-size Правила разрыва для букв word-break Разрыв строки line-break Расстановка переносов hyphens Переполнение блока-обертки overflow-wrap/word-wrap Выравнивание текста text-align Выравнивание текста по умолчанию text-align-all Выравнивание последней строки text-align-last Промежутки между словами word-spacing Трекинг letter-spacing Отступ первой строки text-indent Семейство шрифтов font-family Насыщенность шрифта font-weight Ширина шрифта font-stretch Начертание шрифта font-style Размер шрифта font-size Относительный размер шрифта font-size-adjust Сокращенная запись свойств шрифта font Границы таблицы border Компоновка макета таблицы table-layout Тип маркера списка list-style-type Изображения для элементов списка list-style-image Краткая форма задания стилей списка list-style Продолжение таблицы 6 1 2 Вид линии оформления text-decoration-line Стиль линии оформления text-decoration-style Цвет линии оформления text-decoration-color Краткая запись свойств линии оформления text-decoration Тень текста text-shadow Краткая запись перехода transition Функции 2D-трансформации transform Точка трансформации transform-origin Область преобразования transform-box Краткая запись анимации animation Свойство display flex Выравнивание элементов по горизонтали justify-content Выравнивание элементов по вертикали align-items Направление главной оси flex-direction Многострочность элементов flex-wrap Краткая запись направления и многострочности flex-flow Порядок отображения элементов order Растяжение элементов flex-grow Сужение элементов flex-shrink Выравнивание отдельных элеметов align-self Структура медиазапроса @media Задаем направление direction Прокрутка и обрезка переполнения overflow-x, overflow-y и overflow Контекст наложения isolation 2 ОБЩАЯ ЧАСТЬ 2.1 Описание алгоритма 2.1.1 Алгоритмы обработки информации 2.1.1.1 Разработка структуры сайта Первым этапом разработки структуры веб-сайта, является разработка внешнего вида, а именно, расположение блоков и создание страниц в соответствии с рисунком 1-4.

---

Смотрите также файлы

• Конспект лекций по предмету ПМ. 01 Разработка модулей программного обеспечения для компьютерных систем.doc

• Влияние налогов и налогового планирования на ценовую политику.docx

• Актуальность выбранной темы.docx

• Методика организации ситуационноролевой игры.docx

• Отчет по практике на базе прохождения омвд россии по Надеждинскому району в период времени с.docx