Использование компьютерных технологий в автомобильных перевозках

· что именно хотите донести посетителей;

· какую функциональность требуется заложить в свой веб-сайт;

· кто и как будет поддерживать функционирование сайта, обновление информации, как планируется расширять его.

Процесс разработки веб-сайта можно разделить на следующие этапы:

· первичное планирование;

· планирование структуры будущего сайта (разделы, навигация и т.д.);

· разработка дизайна сайта;

· верстка разработанного макета;

· наложение макета на разработанную нами систему управления контентом;

· установка программных модулей, отвечающих за расширенную функциональность сайта;

· наполнение вашего веб-представительства текстами и изображениями;

· тестирование сайта на соответствие техническому заданию и выкладывание готового проекта в интернет.

Первичное планирование

На этом этапе выясняются сами основы создаваемого сайта. Определяются основные ответы на вопросы: что сайт должен делать, каковы его главные задачи, чего требуется достичь с его помощью, что требуется этим сайтом донести до пользователей. Эти и другие многочисленные вопросы помогают определить, каким будет сайт.

Техническое планирование

Здесь стоит особое внимание уделить тому, как должна работать навигация, как будет размещен материал, как будет проводится работа с сайтом

Дизайн сайта

Один из наиболее сложных этапов. Здесь стоит вспомнить о целях, были поставлены перед сайтом. Соответствует ли стилю излагаемой информации. Четко ли он отображает информацию. Будет ли нравятся дизайн пользователям.

Верстка

Верстка - это перевод дизайна, до сего момента существующего в виде картинки, в HTML-код. Здесь есть свои особенности. Хорошо сверстанный сайт будет одинаково работать во всех основных веб-браузерах и на наиболее распространенных разрешениях.

Система управления сайтом (CMS)

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



Наполнение сайта

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

Тестирование и выкладывание

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

И вот, когда тестирование закончено, наступает момент размещения сайта. Вопреки расхожему мнению, после того как сайт выложен, работа с ним не заканчивается. Основные требования для успешности сайта:

· выкладывать новые материалы;

· продвигать сайт;

· опрашивать посетителей и добавлять новую необходимую им функциональность.

1.2.5 Порядок контроля и приема

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

Основные виды тестирования:

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

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

Просмотр дизайна сайта в разных браузерах - Internet Explore, FireFox, Opera, Google Chrome. Во всех браузерах страницы сайта должны примерно одинаково выглядеть и одинаково хорошо работать.

Тестирование HTML кода. Проверяется весь сайт на наличие ошибок в программном коде и соответствие стандартам.

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

Порядок контроля работы веб-ресурса следующий:

1. Запуск на локальном сервере;

2. Проверка правильного отображения в популярных браузерах;

3. Проверка работы внутренних и внешних ссылок;

4. Проверка работы модулей веб-ресурса;

5. Проверка работы функций панели администрирования;

6. Проверка отображения прикрепленных статей.



2. РАЗРАБОТКА ПРОЕКТА

2.1 Постановка задачи

Задача: Разработка информационного web-сайта «Использование КТ в атомобильных перевозках».

Web-сайт должен содержать следующие блоки:

· Карта сайта;

· Поиск;

· Авторизация и регистрация;

· Административная панель;

2.2 Разработка алгоритма

Этапы разработки алгоритма сайта:

1. Разработка дизайна сайта

Для разработки дизайна сайта использовалась программа Arteester позволяющая создавать шаблоны для разных CMS - систем.

При разработке были выделены следующие этапы:

1.1 Сборка инсталляционного шаблона для CMS Joomla Для сборки в программе Arteester требуется выполнить следующее действие:

· В открытой программе Arteester с разработанным шаблоном нажать на клавишу , в открывшемся окне выбрать следующее:

Рис. 2.2.1 Arteester; нажать на клавишу

2. Установка CMS JOOMLA 2.5 на локальный сервер. Создание базы данных и привилегий пользователя.

3. Инсталяция разработанного шаблона на локальный хостинг в CMS Joomla.

Для установки шаблона необходимо выполнить следующие дейтсвия: зайти в панель управления сайта, для этого в адресной строке браузера набрать: 127.0.0.1/administrator и нажать клавишу Войти

Рис. 2.2.2 Вход в административный раздел Joomla;

После чего появится панель управления Joomla

Рис. 2.2.3 Панель управления Joomla

Далее перейти в раздел Расширения-Менеджер расширений.

Рис. 2.2.4 Раздел Расширения-Менеджер расширений;

В открывшемся окне нажать на клавишу «Выбрать файл» указать путь к инсталяционному шаблону, нажать «загрузить»



Рис. 2.2.5 Менеджер расширений;

Подождать загрузку и установку шаблона. После появившегося сообщения «Шаблон установлен удачно», перейти в раздел Расширения-менеджер шаблонов, выбрать нужный шаблон и нажать клавишу «По умолчанию»

Рис. 2.2.6 Выбор шаблона;

Алгоритм модульной части

При выборе модулей было учтено:

1. Содержит ли сайт информацию закрытую от незарегистрированного п пользователя

2. Исходя из тематики сайта требуется составить характерный вопрос с вариантами ответов, для проверки заинтересованности пользователя к информации на сайте

3. Предоставить всем пользователя поиск информации на сайте

4. Добавить на сайт динамических модулей для дружественного интерфейса.

Исходя из пунктов 1-4 целесообразно добавить на сайт следующие модули:

· «Авторизация и регистрация» - для предоставления пользователю полного доступа к контенту сайта.

· «Голосование» - для проверки статистики среди пользователей.

· «Поиск» - для предоставления запросов пользователя на поиск нужной информации.

· Добавление на сайт динамических скриптов.

Пример добавления модуля на сайт.

Перейти в раздел Расширения-менеджер модулей нажать на клавишу «создать».

Рис. 2.2.7 Модули;

В появившемся окне выбрать требуемый модуль и нажать на клавишу «След.» Далее указать название, и позицию создаваемого модуля

Рис. 2.2.8 Создание модулей; нажать на клавишу «Сохранить»

5. Алгоритм добавления информации на сайт.

Добавление материала на сайт состоит из следующих этапов:

1. Создание категорий

Создание категорий подразумевает создание папок внутри меню.

Для создания категорий требуется выполнить следующие действия:

· В панели управления перейти в раздел Материалы -Менеджер категорий - Создать категорию.



Рис. 2.2.9 Менеджер категорий;

Далее нажать на кнопку

В появившемся окне ввести:

· Заголовок категории;

· Выбрать раздел в котором категория будет хранится;

· установить разрешения на доступ к категории;

Рис. 2.2.10 Создание категории;

Нажать на кнопку

2. Добавление материала.

Для добавления материалы требуется выполнить:

Перейти Материалы-Менеджер материалов:

Рис. 2.2.11 Менеджер материалов;

Нажать на кнопку ,

В открывшемся окне ввести:

· Заголовок материала

· выбрать раздел

· выбрать категорию

· ввести информацию, произвести форматирование текста

Рис. 2.2.12 Создание материала;

Нажать на кнопку

3. Алгоритм работы компонентов

При выборе компонентов было учтено:

1. Требуется ли администратору сайта связь с пользователями.

2. Определение компонента для осуществления отправки письма пользователю на электронный адрес с отображением его в соответствующем разделе (Гостевая книга).

Для установки компонента в Joomla требуется:

1. Зайти в панель управления

2. Перейти в раздел Расширения-установить\удалить

3. Нажать клавишу «Выбрать файл» указать путь к инсталируемому архиву Phoca GUESBOOK, нажать «загрузить»

4. Нажать на кнопку Install



Рис. 2.2.13 Инсталляция гостевой книги;

5. В окне «панель управения гостевой книгой» перейти в папку гостевые книги, нажать «создать гостевую книгу»

2.2.14 Панель управления гостевой книги

Алгоритмические решения каждого из модулей Web-узла:

· Компонент «Обновление Joomla!»

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

· Компонент «Гостевая книга»

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

· Компонент «Поиск»

Поиск по сайту -- функция, на наличие которой рассчитывают многие посетители. Joomla предоставляет такую возможность.

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

Недостаток полнотекстового метода -- скорость, меньшая, чем у поиска по индексу. Преимущество -- отсутствие необходимости предварительно индексировать содержимое. Недостаток скорости метода, используемого по умолчанию поисковой системой Joomla, компенсируется гибкостью настроек ее поискового компонента.

· Модуль авторизации на сайте:

Идея данного модуля заключается в выделении пользователю некоего маркера доступа (авторизации) после ввода имени и правильного пароля. После успешной авторизации, для того, чтобы выяснить, что за пользователь зашел на страницу, на ней производится аутентификация пользователя (на основе выданного маркера), после чего логика сайта позволяет определить всю необходимую информацию о пользователе: уровни доступа, активность и другую дополнительную информацию. Маркер доступа содержит в себе закешированную комбинацию имени и пароля пользователя и хранится в течение времени сеанса на рабочей станции пользователя в форме cookie. Модуль авторизации выявляет слабые пароли и оповещает об этом пользователя. Информация о пользователях хранится в базе данных mySQL, открытым текстом пароли не хранятся, структура таблиц содержится в самом модуле авторизации.

Данный модуль являются лишь некоторым вариантом использования модуля авторизации и показывает как применять его основные возможности. На разных сайтах он приобретет другой вид и возможно более расширенную функциональность.

· Компонент «Голосование»

«Голосование» - наиболее эффективное средство анализа общественного мнения. С помощью опроса можно определить целевую аудиторию и понять, чему отдают предпочтение разные слои населения.

2.3 Тестирование и отладка

Тестирование сайта проводилось на различных браузерах таких как: Opera, Internet Explorer, Chrome, Firefox. Оно показало, что сайт одинаково отображается на различных браузерах и весь функционал сайта работает исправно.

Тестирование сайта на ошибки HTML-кода показал, что серьезных ошибок нет, скорость работы сайта является нормальной, вирусов и вредоносных ссылок нет. Тестирование проводилось с помощь онлайн тестов:

· http://validator.w3.org

Онлайн HTML и XHTML валидатор.

· http://validome.org/

Онлайн HTML, XHTML, и XML валидатор.

Тестирование на устойчивость к большим нагрузкам показало, что сайт может выдержать средний количество посетителей, но большого наплыва посетителей он не выдержит. Тестирование проводилось с помощью программ:

E-Test Suite. Этот инструмент может использоваться для комплексного тестирования веб-приложений, созданных с использованием Microsoft .NET, J2EE, веб-сервисов, а также обычных приложений и веб-сайтов.



Рис. 2.3.1 E-Test Suite

PHP Expert Editor - редактор для PHP, Perl, Python, HTML, Java Script и других файлов с поддержкой UTF-8. PHP Может использовать любой внешний HTTP сервер. Проверка синтаксиса PHP, встроенный браузер, FTP клиент с поддержкой SFTP, поддержка проектов, настраиваемые шаблоны кода, настраиваемая подсветка кода, и многие другие функции.

информационный программный тестовый автоперевозка



3. СПЕЦИАЛЬНЫЙ РАЗДЕЛ

3.1 Инструкция по инсталляции программного обеспечения

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

Для этого необходимо выполнить следующие шаги:

1. Загрузить установочный файл с официального сайта производителя ПО (http://www.apachefriends.org/);

2. Выбрать язык установки.

3. После этого появится начальное окно установки. В нем нажать «Next».

Рисунок 3.1.1 Начальное окно установки XAMPP

4. В следующем окне выбрать путь установки XAMPP.

Рисунок 3.1.2 Выбор пути установки

5. Далее появляется возможность выбрать дополнительные модули сервера такие как: FileZilla, MySQL, Apache.



Рисунок 3.1.3 Выбор дополнительных модулей

6. Выбрав требуемые модули нажать «Install».

7. После окончания установки нажать «Finish».

При разработке сайта необходимо установить CMS Joomla.

Для этого требуется:

1. Выбрать язык CMS;

2. Провести проверку ПК на совместимость с CMS;

Рисунок 3.1.4 Выбор языка CMS

Данный пункт позволяет узнать совместим ли ПК с CMS, а также какие могут быть проблемы с совместимостью.

Рисунок 3.1.5 Проверка совместимости



3. Лицензионное соглашение

Рисунок 3.1.6 Лицензионное соглашение

4. Провести конфигурацию баз данных

Этот пункт дает возможность выбрать тип, название и защиту для базы данных.

Рисунок 3.1.7 Конфигурация баз данных

5. Провести конфигурацию FTP

В этом пункте можно настроить FTP и доступ к нему.



Рисунок 3.1.8 Конфигурация FTP

6. Провести конфигурацию сайта

Рисунок 3.1.9 Конфигурация сайта

Данный пункт позволяет дать название сайту, настроить доступ администратора.

7. Удалить папку установки



Рисунок 3.1.10 Удаления папки установки

3.2 Инструкция по использованию тестовых наборов

Для выполнения тестирования веб-узла необходимо следующее предустановленное программное обеспечение:

· XAMPP;

· Internet Explorer;

· Opera;

· Mozilla Firefox;

· Google Chrome.

Процесс тестирования заключается в следующих шагах:

1. Запуск локального веб-сервера XAMPP. В случае проблем с запуском сайта необходимо проверить работу веб-сервера и наличие всех файлов веб-узла;

2. Запуск браузера, загрузка веб-узла с локального веб-сервера. В случае проблем с запуском сайта необходимо проверить работу веб-сервера и наличие всех файлов веб-узла;

3. Проверка на работоспособность всех ссылок сайта в следующей очередности:

· Ссылка на главную страницу;

· Главное меню сайта;

· Меню для работы с пользователями;

При обнаружении неработающих ссылок необходимо проверить наличие всех файлов веб-узла, проверить исходный код на корректность.

4. Поочередный запуск веб-узла в различных браузерах (Opera, Mozilla Firefox, Google Chrome) и проверка отображения.

5. Поочередный переход по разделам и проверка качества наполнения разделов информацией: цельность текста, однородность оформления.

Проверка работоспособности модуля поиска;

7. Проверка работоспособности модуля голосования;

8. Проверка работоспособности модуля гостевой книги;

9. Проверка работоспособности модуля регистрации;

10. Проверка работоспособности модуля авторизации;

11. Вход с помощью регистрационных данных администратора (имя пользователя: admin, пароль: abadon4) и проверка работоспособности всех функций административной панели: удаление голосов, удаление пользователей, очистка гостевой книги, добавления меню, добавления материала

При обнаружении проблем в работе веб-узла необходимо выполнить отладку в HTML-редакторе и повторить полностью указанный ряд тестов.

3.3 Инструкция по эксплуатации программного комплекса

Для запуска разработанного сайта требуется выполнить следующие действия:

1. Включить XAMPP

2. Открыть любой браузер

3. В адресную строку http://localhost/site_dplm

Структура сайта разработана с учетом необходимости простой и логичной навигации между его разделами.

Основные разделы и модули:

Внешний вид сайта:

Рисунок 3.3.1 Внешний вид сайта

Для регистрации пользователя существует меню авторизации.

Рисунок 3.3.2 Авторизация

Также с помощью этого меню могут войти на сайт зарегистрированные пользователи. Для этого требуется ввести логин и пароль и нажать «Войти».

Для регистрации требуется перейти по ссылке «Регистрация».

После требуется ввести данные для регистрации нажать кнопку «Регистрация». Обязательные поля отмечены «*».



Рисунок 3.3.3 Форма регистрации

Далее требуется активировать учетную запись перейдя по ссылке, отправленной на адрес электронной почты.

Для возможности участия в голосовании требуется выдрать требуемый пункт и нажать «Голосовать».

Рисунок 3.3.4 Форма голосования

После нажатия кнопки «Голосовать» появится статистика голосования.



Рисунок 3.3.5 Статистика голосования

3.4 Инструкция по эксплуатации панели администрирования

Интерфейс административной панели Джумла 2.5 интуитивно понятный. По адресу localhost/site_dplm/administrator можно попасть на страницу авторизации, где необходимо ввести логин и пароль, которые были заданы при установке быстрого старта Joomla.

Рис. 3.4.1 Вход в панель управления

Панель администратора содержит несколько блоков:

Рис. 3.4.2 Панель управления

1. Главное меню.

В главном меню сосредоточен основной функционал Джумла.

1.1 Сайт

Рис. 3.4.3 Сайт

· Панель управления -- позволяет перейти на стартовую страницу панели управления.

· Мой профиль -- настройки профиля.

· Общие настройки -- в этом разделе сосредоточены все главные настройки сайта на Joomla.

· Обслуживание -- снятие блокировки с материалов и очистка кэша.

· Информация о системе -- показывает платформу, на которой работает PHP, версии базы дынных, PHP, веб-сервера, и Joomla, кодировка БД, браузер пользователя и некоторое другое.

· Выйти -- выход из панели администратора.

1.2 Пользователи

Рис. 3.4.4 Пользователи

· Менеджер пользователей -- создание/удаление/редактирование пользователей.

· Группы пользователей -- создание/удаление/редактирование групп пользователей.

· Уровни доступа -- создание/удаление/редактирование уровней доступа.

· Заметки о пользователях -- позволяет оставлять заметки о пользователях.

· Категории заметок -- все заметки объединяются в категории, которые можно создать в данном разделе.