1.3 Постановка задачи при проектировании сайта

Современный web-сайт выполняет следующие основные задачи:

• реклама продукции, услуг, идей. Правильно сделанный web-сайт с легкостью приведет клиента к заключению о необходимости покупки товара, или услуг, или идей, пропагандируемых на нем;

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

• бесплатное предоставление информации или услуг. На самом деле предоставление информации или услуг — это средство привлечения посетителей к данному ресурсу для получения, к примеру, статистической информации либо для показа рекламы, если это рекламная площадка;

• поддержка клиентов.

Перед автором была поставлена задача: разработать web-сайт, который будет включать информацию о предметах, которые студент или ученик проходит в общеобразовательном заведении: школа, колледж или университет [3]. По мнению автора, созданный сайт должен соответствовать следующим требованиям:

• гибкий и удобный интерфейс и навигация. Правильно сделанный Web-сайт с легкостью заинтересует обычного пользователя, даже того, кто плохо ориентируется в Интернете. Такому человеку будет очень легко пользоваться ресурсом;

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

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

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

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

2 Проектирование web-приложения

2.1 Выбор технологии для разработки приложения

Для создания Web-сайта обязательным условием является знание HTML. Человек, изучавший этот язык, имеет возможность делать сложные вещи простыми способами. Гипертекст подходит для включения элементов мультимедиа в традиционные документы. Практически именно благодаря развитию гипертекста, большинство пользователей получило возможность создавать собственные мультимедийные продукты и распространять их на компакт-дисках. Такие информационные системы, выполненные в виде набора HTML-страниц, не требует разработки специальных программных средств, так как все необходимые инструменты для работы с данными (Web-браузеры) стали частью стандартного программного обеспечения большинства персональных компьютеров. От пользователя требуется только ту работу, которая относится к тематике разрабатываемого продукта: подготовить тексты, нарисовать рисунки, создать HTML-страницы и продумать связь между ними.

LESS - динамический язык стилевой разметки. Технология CSS подняла разработку Web-страниц на новый уровень, но продолжает оставаться статичной и ограниченной в синтаксических конструкциях. LESS добавляет много нужных динамических свойств, расширяет возможности CSS: переменные, вложенные блоки, миксины, операторы и функции [4].

LESS разработал Алексис Селлиер (Alexis Sellier) в 2009 г. под влиянием языка стилей Sass, и, в свою очередь, оказал влияние на его новый синтаксис "SCSS". LESS - это вложенный метаязык и продукт с открытым исходным кодом. Первая версия LESS была написана на Ruby, но в последующих версиях было решено отказаться от использования этого языка программирования в пользу JavaScript. LESS разработан с целью быть как можно ближе к CSS, поэтому у них идентичный синтаксис. В результате его код можно подключить на сайт различными способами. Один из вариантов - подключение к веб-странице JavaScript-файла less.js для преобразования кода в CSS "на лету", средствами браузера.

LESS используется во многих других проектах, включая популярный инструментарий Twitter Bootstrap. Он упрощает разработку адаптивного дизайна в CSS и использованием медиа-запросов. Переменные и миксины позволяют быстро менять необходимые настройки и смотреть, что из этого получится, вместо того чтобы просматривать весь CSS-файл и искать нужные фрагменты кода для замены.

Язык LESS - это CSS-подобный язык, который прозрачно компилируется в CSS либо на стороне клиента, либо в процессе предварительной обработки на стороне сервера.

Каждый раз при открытии Web-страницы в браузере пользователя выполняется компиляция JavaScript, требующая вычислительных ресурсов и приводящая к небольшим задержкам при загрузке страниц. Благодаря LESS загрузку страниц можно значительно ускорить, компилирую и сокращая код с помощью специальных программ.

Возможности LESS для упрощения и структурирования CSS-кода являются ценными приобретениями для любого разработчика в среде Web.

Ну и, конечно же, язык программирования JavaScript. В современном представлении JavaScript – язык программирования общего назначения, поддерживаемый по умолчанию большинством браузеров. Основной особенностью данного языка, является максимальная интеграция с НTML и СSS [5].

Изначально JavaScript разрабатывался для придания большей динамики web- странице. Что предполагало более насыщенную анимацию и «живость» страницы. Тот факт, что при создании рабочее название «LiveScript» было изменено на JavaScript.

Объясняется максимальной популярностью язык программирования Java среди пользователей в тот период, и желанием маркетологов оперативно популяризировать новый язык за счет уже раскрученного брэнда. Большинство пользователей восприняли JavaScript как дополнение к давно существующему Java, однако со временем все изменилось, и сейчас это независимый язык, имеющий собственную спецификацию (ECMAScript), и не имеющий ни малейшего отношения к Java

Основными конкурентными преимуществами языка программирования JavaScript, по праву являются:

— максимально понятен для пользователя;

— поддерживается наиболее популярными браузерами «по умолчанию»;

— очень высокая скорость работы JavaScript;

— скрипты (программы, написанные на языке JavaScript) подключаются к HTML коду web страницы напрямую и при загрузке сразу же выполняются;

— программы можно запускать не только в браузере, но и на сервере [6].

Язык программирования JavaScript непрерывно и динамично развивается. Увеличивается скорость работы, добавляются новые функции. Разработчики исправляют ошибки и продолжают придерживаться стандартов совместимости. С уверенностью можно сказать, что JavaScript на сегодняшний день, является оптимальным инструментом для создания браузерных интерфейсов, а его возможности, как самостоятельного языка программирования бесконечны и постоянно совершенствуются.