Разработка веб сайта для заказы междугородного такси и попутчиков

реализации


программной


системы

Для реализации ПС использовались следующие технологии и языки

программирования:

 для создания и оформления страниц сайта – HTML, JavaScript,

CSS, библиотеки jQuery, Twitter Bootstrap 4, jQuery-Color, Yandex.Maps.API;

• 
  для работы с сессиями пользователей, взаимодействия с базами данных – язык программирования PHP-7 с применением веб-фреймворка Laravel;
  
• 
  в качестве системы управления базами данных – MySQL;
  

• 
  в качестве веб-сервера используется Apache с проксирующим Nginx 1.10. Рассмотрим основные моменты работы с программно-информационной системой.
  

Изначально, когда пользователь попадает на сайт, его нельзя перегружать какой-либо информацией и обилием всевозможного функционала, поэтому в качестве главной страницы было сделано решение реализовать на ней посадочную страницу (так называемый landing page), показанную на рисунке 13.

Рис. 13. Главная страница

31

На сайте реализована возможность регистрации и авторизации как при помощи Телефон номер, так и при помощи социальной сети Telegram.

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

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

Каждый пользователь может предложить поездку. На странице создания поездки пользователю предлагается ввести пункт выезда и пункт приезда, а также добавить промежуточные пункты. Автоматически рассчитывается стоимость поездки и время прибытия. При вводе пользователем данных выезда, приезда и промежуточных пунктов автоматически не только подсказываются города и места, но и строится карта с полной информацией о предстоящей поездке (рис. 14).

Рис. 14. Страница добавление поездки. Шаг №1

32

Рис. 15. Страница добавление поездки. Шаг №2


Рис. 16. Страница добавление поездки. Шаг №3

33
На странице поиска поездок пользователь может выбрать пункт выезда и приезда, а необходимые опции поиска поездки в случае необходимости (рис. 17).

Рис. 17. Страница поиска поездки

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

Рис. 18. Попутчикы

34
2.4. Выбор инструментов для разработки

Полнофункциональный проект, основанный на модуле учета рабочего времени сотрудников. В работе были использованы такие технологии, как PHP, C, Laravel, MySQL, JavaScript, React, jQuery, HTML, CSS, Bootstrap. PHP

– это широко используемый язык сценариев общего назначения с открытым исходным кодом.Говоря проще, PHP это язык программирования, специально разработанный для написания web-приложений (сценариев), исполняющихся на Web-сервере.

Рис.19. Логотип языка программирование PHP

Аббревиатура PHP означает “Hypertext Preprocessor (Препроцессор Гипертекста)". Синтаксис языка берет начало из C, Java и Perl. PHP достаточно прост для изучения. Преимуществом PHP является предоставление web-разработчикам возможности быстрого создания динамически генерируемых web-страниц. Важным преимуществом языка PHP перед такими языками, как языков Perl и C заключается в возможности создания HTML документов с внедренными командами PHP.

Значительным отличием PHP от какого-либо кода, выполняющегося на стороне клиента, например, JavaScript, является то, что PHP-скрипты выполняются на стороне сервера. Вы даже можете сконфигурировать свой

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

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

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

Рис.20. Laravel PHP - фреймворк

JavaScript это язык, который позволяет вам применять сложные вещи на web странице — каждый раз, когда на web странице происходит что-то большее, чем просто её статичное отображение — отображение периодически обновляемого контента, или интерактивных карт, или анимация 2D/3D графики, или прокрутка видео в проигрывателе, и т.д. — можете быть уверены, что скорее всего, не обошлось без JavaScript. Это третий слой слоеного пирога стандартных web технологий, два из которых (HTML и CSS) мы детально раскрыли в других частях учебного пособия.

36


Рис.21. Слои HTML, CSS, JavaScript

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

Рис.22. Визуализация HTML и CSS
CSS - это язык стилей с помощью которого мы придаём стиль отображения нашего HTML контента, например придаём цвет фону (background) и шрифту, придаём контенту многоколоночный вид.

37
JQuery - быстрая, небольшая и многофункциональная библиотека JavaScript. Она делает такие вещи, как обход и манипулирование документами HTML, обработка событий, анимация и Ajax намного проще

• 
  простым в использовании API, который работает во множестве браузеров. Благодаря сочетанию универсальности и расширяемости, jQuery изменил способ, которым миллионы людей пишут JavaScript.
  

Достаточно сказать, что мощь jQuery заключается в его способности запрашивать DOM (отсюда и имя jQuery), а затем вносить в нее корректировки с помощью хорошо документированного API (который изобилует примерами использования каждой функции) .