Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 4)

MODX распространяется бесплатно по лицензии GPL с открытым исходным программным кодом (Open Source). Это означает, что систему MODX может использовать каждый: как для личного использования, так и для коммерческого распространения сайтов, построенных на данной системе управления.

MODX написана на программном языке PHP и использует для хранения данных СУБД MySQL или MS SQL. Система управления MODX может быть установлена на большинстве веб-серверов (например, таких как IIS, Apache, Lighttpd, nginx и Zeus), а контрольная панель системы (или админ-зона) работает практически во всех современных браузерах.

Вполне заслуженно данная платформа является самой любимой и часто используемой в практике системой управления сайтов.

Преимущества:

• универсальность – подходит для создания интернет-проектов различного назначения – от одностраничного сайта-визитки до ресурсов с большим количеством контента и высокой посещаемостью;

• скорострельность – высокая скорость загрузки достигается во многом благодаря хорошо продуманной архитектуре ядра, системам кеширования и шаблононизации;

• безопасность – используется легковесная ORM xPDO, которая реализует очень простой, но эффективный паттерн Active Record, где все манипуляции с данными выполняются с помощью специализированных методов для доступа к данным благодаря чему практически исключаются SQL-инъекции;

• SEO ориентированность – идеально подходит для продвижения сайта в интернете и фактически с коробки оптимизирована под поисковые системы;

• гибкость – система шаблонов позволяет полностью контролировать исходный код – ни единой строчки не генерируется системой без контроля, к тому же нет жёсткой привязки к стандартам шаблонизации;

• юзабилити – использование javascript-фреймворка Ext JS для реализации админ-панели позволяет сделать доступ к любому разделу в два клика, создаёт древовидную структуру документов с неограниченным уровнем вложенности, позволяет работать с документами на сервере – что в итоге позволяет экономить кучу времени как во время реализации проекта для разработчика, так и при дальнейшей эксплуатации администратором;

• масштабируемость – система представляет собой идеальное сочетание системы управления и фреймворка, имеется внушительный список готовых, грамотно написанных и гибко настраиваемых дополнений, которые легко устанавливать и обновлять из админ-панели, что в разы экономит деньги на создание велосипедов, обслуживания сайта в будущем и сокращает сроки реализации проекта, есть также возможность создавать и использовать новые сущности без написания программного кода, благодаря TV и модификаторам вывода;

• доступность – бесплатность и открытый исходный код системы даёт возможность всем желающим присоседиться к разработке и поучаствовать в её улучшениях, плюс к тому же MODx не сильно требовательна к системным ресурсам сервера и будет отлично работать на не дорогом хостинге;

• популярность – с применением данной платформы созданы тысячи красивых и функциональных интернет-ресурсов, к тому же очень многие топовые digital агенства и web студии рунета активно используют её в своих проектах;

• актуальность – система написана в духе WEB 2.0 – объектно-ориентированный паттерн программирования, в полной мере используется AJAX.

Jquery

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

Хотя jQuery называют библиотекой, он на самом деле понятие "jQuery" объединяет целую экосистему библиотек, построенный вокруг базовой библиотеки: это и библиотека jquery.ui, предназначенная для создания визуальных интерфейсов, это и jqyery.mobile, используемая при разработке мобильных сайтов и др.

Преимущества:

• упрощение работы с кодом. jQuery предлагает простой элегантный синтаксис для манипулирования элементами на веб-странице;

• расширяемость. Весь код jQuery открыт для просмотра и изменения, и в случае, если что-то в библиотеке не устраивает, ее можно модифицировать. А также можно создавать плагины jQuery;

• кроссбраузерность. jQuery имеет поддержку большинства известных браузеров, в том числе таких. как IE 7,8. (Хотя в силу того, что браузеры IE 6-8 постепенно становятся достоянием истории, а также чтобы уменьшить размер библиотеки в последней версии была прекращена поддержка IE 6-8).

PhpStorm

PhpStorm – это интегрированная среда разработки на PHP с интеллектуальным редактором, которая глубоко понимает код, поддерживает PHP 7.1, 7.0, 5.6, 5.5, 5.4 и 5.3 для современных и классических проектов, обеспечивает лучшее в индустрии автодополнение кода, рефакторинги, предотвращение ошибок налету и поддерживает смешивание языков.

Сотни инспекций заботятся о верификации кода, анализируя проект целиком во время разработки. Поддержка PHPDoc, code (re)arranger, форматтера кода с конфигурацией стиля кода и другие возможности помогают разработчикам писать опрятный и легко-поддерживаемый код.

Поддерживаются передовые технологии веб-разработки, включая HTML5, CSS, Sass, SCSS, Less, Stylus, Compass, CoffeeScript, TypeScript, ECMAScript Harmony, шаблоны Jade, Zen Coding, Emmet, и, конечно же, JavaScript.

PhpStorm включает в себя всю функциональность WebStorm (HTML/CSS редактор, JavaScript редактор) и добавляет полнофункциональную поддержку PHP и баз данных / SQL.

Ключевые возможности:

• интеллектуальный редактор PHP кода с подсветкой синтаксиса, автодополнением кода, расширенными настройками форматирования кода, предотвращением ошибок налету;

• поддерживает PHP 7.1, 7.0, 5.6, 5.5, 5.4 и 5.3, генераторы, сопрограммы и все синтаксические улучшения;

• PHP рефакторинги, code (re)arranger, детектор дублируемого кода;

• поддержка Vagrant, Composer, встроенный REST клиент, Command Line Tools, SSH консоль;

• поддержка фреймворков (MVC view для Symfony2, Yii) и специализированные плагины для ведущих PHP фреймворков (Symfony, Magento, Drupal, Yii, CakePHP, WordPress, Joomla! и многие другие);

• визуальный отладчик для PHP приложений, валидация конфигурации отладчика, PHPUnit с покрытием кода (поддержка PHPUnit 5), а также интеграция с профилировщиком;

• HTML, CSS, JavaScript редактор. Отладка и модульное тестирование для JS. Поддержка HTML5, CSS, Sass, SCSS, Less, Stylus, Compass, CoffeeScript, TypeScript, ECMAScript Harmony, Emmet и других передовых технологий веб-разработки.

На PhpStorm был установлен препроцессор LESS.

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

LESS добавляет много нужных динамических свойств в CSS. Он вводит переменные, операции, function-like элементы и примеси. Возможность писать таблицы стилей модульно избавит вас от многих хлопот.

MySQL

Хоть мой сайт и статичный, и не требует БД, но все же, что бы MODX работал, ему необходимо хранить где-то данные. Для этого создается база данных MySQL. Создавать я ее буду в PhpMyAdmin.

MySQL – это одна из наиболее популярных и эффективных систем управления базами данных, которая очень часто используется при построении современных веб-сайтов. На основе данной системы можно строить, как небольшие веб-сайты, так и крупные Интернет-проекты. СУБД MySQL поддерживает язык запросов SQL. Это позволяет совершать такие операции, как запись данных в базу, редактирование данных, извлечение или удаление данных из базы данных.

MySQL обладает высокой скоростью работы, это действительно очень быстрый сервер. Это многопользовательская система — при этом ограничений на количество пользователей, одновременно работающих с БД, нет. Эта СУБД может хранить огромное количество записей в своих таблицах. Этим обеспечивается возможность создания крупных проектов с высокой безопасностью. Также бесспорным плюсом данной системы является то, что она распространяется совершенно бесплатно.

PhpMyAdmin – это веб-приложение, которое распространяется с открытым кодом, написанное на языке web-программирования PHP и представляющее собой веб-интерфейс для администрирования СУБД MySQL

Простота пользования и удобство интерфейса PhpMyAdmin предопределили его популярность и широту распространения во Всемирной сети. Эту программу включают в пакет серверного софта большинство хостеров, предоставляющих виртуальные площадки для размещения сайтов. Кроме того, она является частью пакета программ локальных серверов, используемых веб-разработчиками для отладки сайтов на домашних компьютерах.

Возможности PhpMyAdmin:

• создание, просмотр, редактирование и удаление: баз данных, пользователей, таблиц и записей в них;

• удобный и понятный импорт и экспорт БД, таблиц и записей;

• понятный поиск;

• администрирование БД и пользователей;

• подсказки при обработке SQL и подсветка синтаксиса;

• сообщения о выполнении действия (в процессе, изменено и т.п.).

4.2 Разработка интерфейса проекта

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

Интерфейс пользователя – эта та часть программы, которая находится у всех на виду. Некоторые программисты склонны оставлять дизайн интерфейса пользователя на потом, считая, что реальное достоинство приложения - его программный код, который и требует большего внимания. Однако часто возникает недовольство пользователей из-за неудачно подобранных шрифтов, непонятного содержимого экрана и скорости его прорисовывания, поэтому работу над интерфейсом также нужно воспринимать серьезно. Пользователь не видит вашего программного кода, зато интерфейс (хороший или плохой) всегда перед ним.

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

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

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

• «L-STREAM» название компании, при нажатии на этот SVG файл происходит переход на главную страницу сайта, на которой находится общая информация об компании (специализация, преимущества, контактная информация);

• вкладка «Компания», нажав на эту вкладку пользователь перейдет нас страницу содержащую более подробную информацию о компании. Так же на этой странице пользователь может просмотреть и скачать доступную документацию (договор, устав, ИНН, и т.д.);

• вкладка «Услуги», эта страница в которой предоставляются все услуги компании, а также их описание;

• вкладка «Тарифы», перейдя на этот раздел, можно будет просмотреть PDF файлы, в которых находится информация о тарифах перевозок;

• вкладка «Контакты» отвечает за предоставление пользователю информации по обеспечению связи с компанией, так же на этой странице будет находится карта расположения офиса во Владивостоке.

На рисунке 4.1 показан схематичный вид интерфейса Web –приложения.

Рисунок 4.1 – Схематичная структура Web-приложения

1. Руководство пользователя

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

При запуске Web – приложения открывается главная страница сайта, изображенная на рисунке 4.2.

На этой странице размещена основная информация о компании. Сверху каждой страницы отображается лента. Лента содержит ссылки на основные разделы сайта. В верхнем левом углу отображен логотип компании. Записан он в формате SVG. При нажатии он переносит пользователя на главную страницу. Кроме самого логотипа имеются вкладки «Компания», «Услуги», «Тарифы», «Контакты». Ниже под слайдером отображены основная информация, а именно специализация компании. Так же имеется лента в самом низу страницы, на которой показана краткая контактная информация.

Характеристики

Список файлов ВКР