Добавлен: 01.04.2023
Просмотров: 340
Скачиваний: 11
Введение
Одной из характеристик 21 века является высокий уровень развития сетевых технологий. Одним из стремительно развивающихся продуктов этих технологий, является глобальная сеть - Интернет. Она оказывает сильное влияние на формирование и развитие мирового информационного сообщества. Как социальное явление, Интернет - глобальное средство коммуникаций, обеспечивающее обмен текстовой, графической, аудио- и видеоинформацией и доступ к онлайн службам без территориальных и национальных границ. Это эффективный инструмент исследований, развития торговли и бизнеса, воздействия на аудиторию. Технологические возможности Интернет, обуславливает быстрое развитие мирового информационного сообщества.
Любой бизнес для взаимодействия с широкой аудиторией требует рекламы. Видов рекламы существуют достаточно много. С появлением технологий появился более эффективный инструмент. Данным инструментом является сайт в сети Интернет. По результатам исследования ACNielsen, проведенного в 2019 году, через Интернет делал покупки каждый десятый житель планеты (627 млн. человек).
Актуальность курсового проекта заключаешься в том, что, в настоящее время, любая компания, должна иметь сайт, так как - это инструмент для работы с существующими клиентами и для привлечения новых.
Сайт позволяет бизнесу пользоваться десятками инструментов интернет-маркетинга: начиная с таргетированной рекламы и заканчивая email-рассылками. В интернете удобнее, проще и эффективнее проводить маркетинговые мероприятия: промоакции, скидки, рекламные кампании и т.п. Анализировать результаты тоже проще: следить за статистикой посещения, количеством заказов, онлайн-покупок и прочих показателей удобнее в интернете.
Заданием курсовой работы является разработка сайта автосервиса «Авто-тема».
Сайт должен обеспечивать реализацию следующих функций:
· Информативность. Сайт должен обеспечивать актуальной информацией о работе компании.
· Возможность продвигать свои услуги и интересы.
· Формирование стиля и образа компании. Стилевое оформление сайта должно соответствовать корпоративному стилю компании.
1. Техническое задание и выбор средств реализации.
1.1 Техническое задание
В ходе данного проекта, будет реализован сайт компании, в котором будет блок услуг, предоставляемых компанией, шапка сайта(header), нижняя часть сайта(footer), страница с информацией о компании, страница с картой точного местоположения компании и страница с возможностью отправить электронное письмо в компанию.
Для всех страниц, должна быть общая шапки и подвал, в шапке будет навигационное меню, в нижней части сайта: дублирование пунктов навигационного меню, контактные телефоны, адрес.
На сайте будет доступна регистрация и возможность зайти в свою учетную запись, для получение дополнительного спектра услуг компании.
1.2 Средства реализации
В качестве среды разработки, выбрана программа Visual Studio Code. Выбор данной среды, обоснован тем, что в Visual Studio Code есть поддержка всех необходимых языков программирования, для разработки веб-сайта:
· Php
· Html
· JavaScript
· CSS
Visual Studio Code имеет поддержку плагинов, доступных через Visual Studio Marketplace. Они могут включать в себя дополнения к редактору, поддержку дополнительных языков программирования, статические анализаторы кода.
Visual Studio Code — Позиционируется как «лёгкий» редактор кода для кроссплатформенной разработки веб- и облачных приложений. Включает в себя отладчик, инструменты для работы с Git, подсветку синтаксиса, IntelliSense и средства для рефакторинга. Имеет широкие возможности для кастомизации: пользовательские темы, сочетания клавиш и файлы конфигурации. Распространяется бесплатно, разрабатывается как программное обеспечение с открытым исходным кодом.
1.2.2 OpenServer
Open Server Panel — это портативная серверная платформа и программная среда, созданная специально для веб-разработчиков с учётом их рекомендаций и пожеланий.
Программный комплекс имеет богатый набор серверного программного обеспечения, удобный, многофункциональный продуманный интерфейс, обладает мощными возможностями по администрированию и настройке компонентов. Платформа широко используется с целью разработки, отладки и тестирования веб-проектов, а также для предоставления веб-сервисов в локальных сетях.
Хотя изначально программные продукты, входящие в состав комплекса, не разрабатывались специально для работы друг с другом, такая связка стала весьма популярной среди пользователей Windows, в первую очередь из-за того, что они получали бесплатный комплекс программ с надежностью на уровне Linux серверов.
Выбор именно этой серверной платформы, обосновывается тем, что Open Server позволят создать локальный сервер, для разработки сайта. Так же, не мало важным преимуществом будет то, что в нем присутствует phpMyAdmin, где можно развернуть sql базы данных.
1.2.3 HTML5
HTML5 (англ. HyperText Markup Language, version 5) — язык для структурирования и представления содержимого всемирной паутины. Это пятая версия HTML. Хотя стандарт был завершён (рекомендованная версия к использованию) только в 2014 году (предыдущая, четвёртая, версия опубликована в 1999 году), ещё с 2013 года браузерами оперативно осуществлялась поддержка, а разработчиками — использование рабочего стандарта (англ. HTML Living Standard). Цель разработки HTML5 — улучшение уровня поддержки мультимедиа-технологий с одновременным сохранением обратной совместимости, удобочитаемости кода для человека и простоты анализа для парсеров.
В интернете долгое время использовались стандарты HTML 4.01, XHTML 1.0 и XHTML 1.1. Веб-страницы на практике оказывались свёрстаны с использованием смеси особенностей, представленных различными спецификациями, включая спецификации программных продуктов, например, веб-браузеров, а также сложившихся общеупотребительных приёмов. HTML5 был создан как единый язык разметки, который мог бы сочетать синтаксические нормы HTML и XHTML. Он расширяет, улучшает и рационализирует разметку документов, а также добавляет единый API для сложных веб-приложений.
1.2.4. PHP
PHP — это скриптовый, интерпретируемый язык программирования, имеющий открытый исходный код. Язык специально сконструирован для веб-разработок и его код может внедряться непосредственно в HTML.
Основные функции языка программирования PHP заключается в разработке:
· Статичных сайтов;
· Динамических сайтов;
· Веб-приложений.
Главная задача PHP — это «оживление» HTML страниц. Язык носит изменения в веб-страницу на сервере перед тем, как она будет отправлена браузеру. PHP умеет исполнять код — так называемые сценарии. В ходе исполнения PHP может изменить или динамически создать любой HTML-код, который и является результатом исполнения сценария.
На данном языке написано большое количество сайтов и веб приложений.
1.2.5 CSS
CSS —язык, отвечающий за описание внешнего вида HTML-документа. Переводится как Каскадная таблица стилей. Каскадные таблицы стилей описывают правила форматирования элементов с помощью свойств и допустимых значений этих свойств. Для каждого элемента можно использовать ограниченный набор свойств, остальные свойства не будут оказывать на него никакого влияния.
Язык позволяет прикреплять стиль (например, шрифты и цвет) к структурированным документам достаточно много современных веб-сайтов работают в связке HTML+CSS.
CSS упрощает создание веб-страниц и обслуживание сайтов, определяя стиль представления документов от содержимого документов.
Данный язык поддерживает таблицы стилей для конкретных носителей, тем самым авторы могут адаптировать представление своих документов к визуальным браузерам, слуховым устройствам, принтерам, брайлевским устройствам, карманным устройствам и т.д.
Хотя приведенный пример пытается влиять только на пару свойств, необходимых для рендеринга HTML-документа, он сам по себе квалифицируется как таблица стилей. В сочетании с другими таблицами стилей (одна фундаментальная особенность CSS заключается в том, что таблицы стилей объединяются), правило будет определять окончательное представление документа.
1.2.6. JavaScript
JavaScript — язык сценариев, или скриптов. Скрипт представляет собой программный код — набор инструкций, который не требует предварительной обработки (например, компиляции) перед запуском. Язык создан в начале 90-х фирмой Netscape, браузер которой Netscape Navigator в те времена был наиболее популярным средством для просмотра веб-сайтов.
Код JavaScript интерпретируется движком браузера во время загрузки веб-страницы. Интерпретатор браузера выполняет построчный анализ, обработку и выполнение исходной программы или запроса.
Стандартом языка JavaScript является ECMAScript. По состоянию на 2012, все современные браузеры полностью поддерживают ECMAScript 5.1. Старые версии браузеров поддерживают по крайней мере - ECMAScript 3. 17 июня 2015 года состоялся выпуск шестой версии ECMAScript. Эта версия официально называется ECMAScript 2015, которую чаще всего называют ECMAScript 2015 или просто ES2015. С недавнего времени стандарты ECMAScript выпускаются ежегодно. Эта документация относится к последней версии черновика, которой является ECMAScript 2018.
Основная задача Javascript создавать последовательность действий, которые будут приводить к определенному результату.
Благодаря своей удобности JavaScript не имеет конкурентов в области применения. Также он является одним из первых языков, с которого веб-разработчику стоит начать обучение.
1.2.7 MySQL
MySQL – это одна из самых популярных и получивших широкое распространенние СУБД (система управления базами данных) для интернета ресурсов. Данная система не предназначена для обеспечения обработки больших объемов информации, но ее использование идеально в сфере интернет-сайтов, как не очень небольших, так и весьма крупных ресурсах.
MySQL выделяется прекрасной скоростью работы, он надежен и гибок. Работа с ним, в основном, не вызывает каких-либо затруднений. Что немаловажно – автоматическая поддержка сервера MySQL присутствует в поставке PHP.
2 Описание модулей серверной части программы и их взаимодействие
2.1 Модули сайта
Логическая структура сайта – это подобный набор тематических рубрик с распределенными по соответствующим разделам документами и заранее спроектированными гиперсвязями между всеми страницами ресурса.
Каждая страница ресурса представлена отдельным php модулем. Модуль главной страницы: index.php. На этой странице(Рис.1), находится список услуг компании. Все информационные поля, заполнены демонстративным текстом и служат в качестве демонстрации вида блоков услуг.
Рисунок 1. Главная страница.
Несмотря на различное назначение и наполнение разных страниц и используемых для их формирования модулей, каждая из них содержит заголовок, шапку(header) и подвал сайта(footer).
В шапке находится навигационное меню. Навигационное меню отражено на рисунке 2.
Для отображения данных подразделов страниц информационного ресурса имеет смысл вынести их формирование в отдельные модули и подключать их по мере необходимости.
Рисунок 2. Схема навигации сайта.
Хранение списка услуг осуществляется непосредственно в исходном коде модуля index.php т.к. не существует необходимости создавать отдельную базу данных, тем самым усложняя структуру сайта (Рис.3).
Рисунок 3. Модули сайта.
В модуле css/style.css находится значение ширины и отступа блока контейнера. Сайт использует подключаемую библиотеку стилей, бесплатно предоставляемую Интернет-ресурсом https://getbootstrap.com/. Данная библиотека позволяет быстро создавать и настраивать адаптивные сайты, имеет открытый исходный код, адаптивную сеточную систему, обширные готовые компоненты и мощные плагины JavaScript. Подключение стилей происходит в заголовке кода каждой неисполняемой страницы сайта.