разработка вэб сайта автосалона. Проектирование и прототипирование сайта на примере организации по розничной торговле легковыми автомобилями и легкими автотранспортными средствами в специализированных магазинах
 Скачать 0.75 Mb.
|
|
ПРОФЕССИОНАЛЬНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ «КОЛЛЕДЖ СОВРЕМЕННОГО УПРАВЛЕНИЯ» 109316, Россия, Москва, Волгоградский пр., 42к7. Тел: +7-(495)-542-68-64 info@nou-ksu.ru Код: 09.02.05 Специальность: Прикладная информатика ПМ.02 Разработка, внедрение и адаптация программного обеспечения отраслевой направленности ________ МДК 02.01 Разработка, внедрение и адаптация программного обеспечения отраслевой направленности ________ КУРСОВАЯ РАБОТА Тема: Проектирование и прототипирование сайта на примере организации по розничной торговле легковыми автомобилями и легкими автотранспортными средствами в специализированных магазинах Допущена к защите зам. директора по УМР: Обучающийся (-ка): Работа выполнена: ________________ _Николенко А._ ______________ (Подпись) (Дата) Руководитель работы: ______________ Смоленцева Т. Е. (Подпись) (Дата) Москва, 2022 ПРОФЕССИОНАЛЬНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ «КОЛЛЕДЖ СОВРЕМЕННОГО УПРАВЛЕНИЯ» 109316, Россия, Москва, Волгоградский пр., 42к7. Тел: +7-(495)-542-68-64 info@nou-ksu.ru Работа к защите допущена Зам. директора по УМР ЗАДАНИЕ для курсовой работы Код: 09.02.05 Специальность: Прикладная информатика ПМ.02 Разработка, внедрение и адаптация программного обеспечения отраслевой направленности_________ МДК 02.01 Разработка, внедрение и адаптация программного обеспечения отраслевой направленности_________ Обучающийся Николенко Александр______ (фамилия, имя, отчество) Группа ПИ 41-18-9 Тема задания: Проектирование и прототипирование сайта на примере организации по розничной торговле легковыми автомобилями и легкими автотранспортными средствами в специализированных магазина Перечень вопросов, подлежащих Разработке: Теоретические аспекты об разработке web-сайта, понятие модели данных, описание СУБД phpmyadmin Работа должна состоять из: 1. ВВЕДЕНИЕ 2. ГЛАВА 1. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ 1.1 Предметная область для разработки вэб-сайта. 1.2 Инструменты для разработки вэб-сайта. 3. ГЛАВА 2. Разработка и структура вэб-сайта Автосалона. 2.1 Структурная схема сайта 2.2 Схема базы данных 2.3 Описание форм сайта 2.4 Листинги форм сайта 4. ЗАКЛЮЧЕНИЕ 5. СПИСОК ЛИТЕРАТУРЫ Содержание графической части: Иллюстрации базы данных, программного кода_ Литература 1. Дакетт, Дж. HTML и CSS. Разработка и дизайн веб-сайтов / Дж. Дакетт – М.: ЭКСМО, 2013. – 480 с. 2. Закас, Н. JavaScript для профессиональных веб-разработчиков / Н. Закас – СПб.: Питер, 2015. – 960 с. Дата выдачи работы «_________________» 20__г. Срок сдачи работы «_________________» 20__г. Преподаватель: 3 СОДЕРЖАНИЕ ВВЕДЕНИЕ ............................................................................................................................................. 4 ГЛАВА 1. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ ......................................................................................... 5 1.1. Предметная область для разработки вэб-сайта ............................................................................................ 5 1.2. Инструменты для разработки вэб-сайта ........................................................................................................ 6 ГЛАВА 2. РАЗРАБОТКА И СТРУКТУРА ВЭБ-САЙТА АВТОСАЛОНА .....................14 2.1. Структурная схема сайта ................................................................................................................................ 14 2.2. Схема базы данных .......................................................................................................................................... 15 2.3. Описание форм сайта ...................................................................................................................................... 20 2.4. Листинги форм сайта ....................................................................................................................................... 22 ЗАКЛЮЧЕНИЕ ...................................................................................................................................27 СПИСОК ЛИТЕРАТУРЫ ................................................................................................................28 4 ВВЕДЕНИЕ Разработка сайта позволяет привлекать целевую аудиторию определённого продукта или услуги, поскольку полностью отображает тематику и направление предприятия, что позволяет привлекать, а также взаимодействовать непосредственно с целевым потребителем. Так же разработка сайта – это способ расширения границ деятельности предприятия и освоения новой маркетинговой сферы – сферы Интернета, наиболее уникальной для развития бизнеса. Разработку сайта можно рассматривать как источник получения прибыли и увеличения дохода. Зачастую сайт исполняет функцию интернет-магазина либо же содержит подробные сведения, как приобрести тот или иной продукт предприятия. Также большое количество бизнес сайтов содержит информацию о самой продукции, мотивируя покупку, заказ. Целью выполнения выпускной квалификационной работы является создание сайта для автосалона на языке программирование PHP Для создания сайта необходимо решить следующие задачи: ознакомиться с современными интернет-технологиями; изучить программный инструментарий, применяемый для разработки Web- сайтов; ознакомиться с основными правилами и рекомендациями по разработке и созданию Web-сайтов и следовать им в своей практике; определиться со структурой Web-страниц; Актуальность работы. В настоящие время интернет является как средство получение и обмена информации. Для этого разрабатываются вэб- сайты с целью упрощения получения информации пользователем. Объектом исследования является структура работы автосалона. Предметом является создание программного комплекса, обеспечивающие работу вэб-сайта. 5 ГЛАВА 1. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ 1.1. Предметная область для разработки вэб-сайта Для исследования предметной области Web-сайта, необходимо подробно рассмотреть структуру работы автосалона. Функции сайта. Информационная система - такая форма рекламы продукции, при которой просмотр и изучение товаров осуществляется через компьютерные сети. При этом в качестве потенциальных покупателей товаров (или услуг) могут выступать как частные лица, так и организации. Глобальная сеть Internet сделала информационную систему доступной для фирм любого масштаба. Если раньше организация электронного обмена данными требовала заметных вложений в коммуникационную инфраструктуру и была доступна лишь крупным компаниям, то использование Internet позволяет сегодня вступить в ряды "электронных торговцев" и небольшим фирмам. Информационная система в WWW дает любой компании возможность привлекать клиентов со всего мира. Под определение информационная система подпадают системы, ориентированные на Интернет - «информационные сайты. В то же время процедуры реклам, инициированных информацией из WWW, но использующих для обмена данными факс, телефон и пр., могут быть лишь частично отнесены к классу информационных систем. Отметим также, что, несмотря на то, что WWW является технологической базой информационной системы, в ряде систем используются и другие коммуникационные возможности. Так, запросы к продавцу для уточнения параметров товара или для отзывов о нем могут быть посланы и через электронную почту. 6 1.2. Инструменты для разработки вэб-сайта Язык разметки гипертекста HTML HyperText Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB- браузеров. Когда документ создан с использованием HTML, WEB-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей. Большинство документов имеют стандартные элементы, такие, как заголовок, параграфы или списки. Используя тэги HTML, вы можете обозначать данные элементы, обеспечивая WEB-браузеры минимальной информацией для отображения данных элементов, сохраняя в целом общую структуру и информационную полноту документов. Все что необходимо, чтобы прочитать HTML-документ - это WEB-браузер, который интерпретирует тэги HTML и воспроизводит на экране документ в виде, который ему придает автор. В большинстве случаев автор документа строго определяет внешний вид документа. В случае HTML читатель (основываясь на возможностях WEB-браузера) может, в определенной степени, управлять внешним видом документа (но не его содержимым). HTML позволяет отметить, где в документе должен быть заголовок или абзац при помощи тэга HTML, а затем предоставляет WEB-браузеру интерпретировать эти тэги. Например, один WEB-браузер может распознавать тэг начала абзаца и представлять документ в нужном виде, а другой не имеет такой возможности и представляет документ в одну строку. Пользователи некоторых WEB-браузеров имеют, также, возможность настраивать размер и вид шрифта, цвет и другие параметры, влияющие на отображение документа. 7 HTML-тэги могут быть условно разделены на две категории: тэги, определяющие, как будет отображаться WEB-браузером тело документа в целом; тэги, описывающие общие свойства документа, такие как заголовок или автор документа. Основное преимущество HTML заключается в том, что ваш документ может быть просмотрен на WEB-браузерах различных типов и на различных платформах. Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг. Например, тэги заголовка, определяющие текст, находящийся внутри стартового и завершающего тэга и описывающий заголовок документа: Завершающий тэг выглядит также, как стартовый, и отличается от него прямым слэшем перед текстом внутри угловых скобок. В данном примере тэг - о завершении текста заголовка. Некоторые тэги, такие, как (тэг, определяющий абзац), не требуют завершающего тэга, но его использование придает исходному тексту документа улучшенную читаемость и структурируемость. HTML не реагирует на регистр символов, описывающих тэг, и приведенный ранее пример может выглядеть следующим образом: Дополнительные пробелы, символы табуляции и возврата каретки, добавленные в исходный текст HTML-документа для его лучшей читаемости, будут проигнорированы WEB-браузером при интерпретации документа. HTML-документ может включать вышеописанные элементы, только если они помещены внутрь тэгов и 8 Каскадные таблицы стилей CSS Таблицы стилей являются связующим звеном между кодом сценария, который мы будем применять в проекте, и элементами страниц. Одним из главных достоинств каскадных таблиц стилей является возможность изменять или передвигать элементы страницы, такие как текст или графика, без необходимости каждый раз обновлять страницу. Использование CSS позволяет получить гораздо больший контроль над расположением элементов на странице и позволяет вам поместить один элемент поверх другого или двигать один над другим. Основным понятием CSS является стиль - т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходится каждый раз описывать эти свойства, даже если на одной страничке должны располагаться 10 или 110 таких элементов, ничуть не отличающихся один от другого. Необходимо десять или сто десять раз вставить один и тот же кусок HTML-кода в страничку, увеличивая размер файла и время загрузки на компьютер просматривающего ее пользователя. CSS действует другим, более удобным и экономичным способом. Для присвоения какому-либо элементу определенных характеристик вы должны один раз описать этот элемент и определить это описание как стиль, а в дальнейшем просто указывать, что элемент, который вы хотите оформить соответствующим образом, должен принять свойства стиля, описанного вами. Более того, можно сохранить описание стиля не в тексте странички, а в отдельном файле - это позволит использовать описание стиля на любом количестве Web-страниц. И еще одно, связанное с этим, преимущество - возможность изменить оформление любого количества страниц, исправив лишь описание стиля в одном (отдельном) файле. 9 Кроме того, CSS позволяет работать со шрифтовым оформлением страниц на гораздо более высоком уровне, чем стандартный HTML, избегая излишнего утяжеления страниц графикой. Информация о стилях может располагаться либо в отдельном файле, либо непосредственно в коде Web-странички. Расположение описания стилей в отдельном файле имеет смысла в случае, если вы планируете применять эти стили к большему, чем одна, количеству страниц. Для этого нужно создать обычный текстовый файл, описать с помощью языка CSS необходимые стили, поместить этот файл на Web-сервере, а в коде Web-страниц, которые будут использовать стили из этого файла, нужно будет сделать ссылку на него. Делается это с помощью тега , располагающегося внутри тега ваших страниц: Первые два параметра этого тега являются зарезервированными именами, требующимися для того, чтобы сообщить браузеру, что на этой страничке будет использоваться CSS. Третий параметр - HREF= - указывает на файл, который содержит описания стилей. Этот параметр должен содержать либо относительный путь к файлу - в случае, если он находится на том же сервере, что и документ, из которого к нему обращаются - или полный URL в случае, если файл стилей находится на другом сервере. Второй вариант, при котором описание стилей располагается в коде Web- странички, внутри тега , в теге . В этом случае можно использовать эти стили для элементов, располагающихся в пределах странички. Параметр type="text/css" является обязательным и служит для указания браузеру использовать CSS. И третий вариант, когда описание стиля располагается непосредственно внутри тега элемента, который описывается. Это делается с помощью параметра STYLE, используемого при применении CSS с большинством стандартных тегов HTML. Этот метод нежелателен, и понятно почему: он приводит к потере одного из основных преимуществ CSS - возможности 10 отделения информации от описания оформления информации. Впрочем, если необходимо описать лишь один элемент, этот вариант расположения описания стилей также вполне применим. Язык программирования PHP. Скриптовый язык программирования «PHP» – это широко используемый язык сценариев общего назначения с открытым исходным кодом. Синтаксис языка берет начало из C, Java и Perl. PHP достаточно прост для изучения. Преимуществом PHP является предоставление web- разработчикам возможности быстрого создания динамически генерируемых web-страниц. Значительным отличием PHP от какого-либо кода, выполняющегося на стороне клиента, например, JavaScript, является то, что PHP-сценарии выполняются на стороне сервера. Можно сконфигурировать свой сервер таким образом, чтобы html-файлы обрабатывались процессором PHP, так что клиенты даже не смогут узнать, получают ли они обычный html-файл или результат выполнения сценария. PHP позволяет создавать качественные Web-приложения за очень короткие сроки, получая продукты, легко модифицируемые и поддерживаемые в будущем. Главным фактором языка PHP является практичность. РНР должен предоставить программисту средства для быстрого и эффективного решения поставленных задач. Практический характер PHP обусловлен пятью важными характеристиками: традиционностью; простотой; эффективностью; безопасностью; гибкостью. 11 Традиционность Код PHP очень похож на тот, который встречается в типичных программах на С или Pascal. Это заметно снижает начальные усилия при изучении php. PHP – язык, сочетающий достоинства Perl и Си и специально нацеленный на работу в интернете, язык с универсальным и ясным синтаксисом. Хотя PHP является довольно молодым языком, он обрел такую популярность среди web-программистов, что на данный момент является, чуть ли не самым популярным языком для создания web-приложений (сценариев). Простота Сценарий php может состоять из 1000 строк или из одной строки — все зависит от специфики задачи. Механизм PHP начинает выполнять код после первой экранирующей последовательности ((?>). Если код имеет правильный синтаксис, он исполняется в точности так, как указал программист. PHP – язык, который может быть встроен непосредственно в html-код страниц, которые, в свою очередь будут корректно обрабатываться PHP – интерпретатором [6]. Эффективность является исключительно важным фактором при программировании для многопользовательских сред, к числу которых относится и web. Очень важное преимущество PHP заключается в его «движке». «Движок» PHP не является ни компилятором, ни интерпретатором. Он является транслирующим интерпретатором. Такое устройство «движка» PHP позволяет обрабатывать сценарии с достаточно высокой скоростью. По некоторым оценкам, большинство PHP-сценариев (особенно не очень больших размеров) обрабатываются быстрее аналогичных им программ, 12 написанных на Perl. Производительность PHP вполне достаточна для создания вполне серьезных web-приложений. Безопасность РНР предоставляет в распоряжение разработчиков и администраторов гибкие и эффективные средства безопасности, которые условно делятся на две категории: средства системного уровня и средства уровня приложения. Средства безопасности системного уровня в PHP реализованы механизмы безопасности, находящиеся под управлением администраторов; при правильной настройке PHP это обеспечивает максимальную свободу действий и безопасность. РНР может работать в так называемом безопасном режиме (safe mode), который ограничивает возможности применения PHP пользователями по ряду важных показателей. Например, можно ограничить максимальное время выполнения и использование памяти (неконтролируемый расход памяти отрицательно влияет на быстродействие сервера). Администратор также может устанавливать ограничения на каталоги, в которых пользователь может просматривать и исполнять сценарии РНР, а также использовать сценарии РНР для просмотра конфиденциальной информации на сервере. Средства безопасности уровня приложения в стандартный набор функций PHP входит ряд надежных механизмов шифрования. PHP также совместим с многими приложениями независимых фирм, что позволяет легко интегрировать его с защищенными технологиями электронной коммерции. Другое преимущество заключается в том, что исходный текст сценариев PHP нельзя просмотреть в браузере, поскольку сценарий компилируется до его отправки по запросу пользователя. Реализация РНР на стороне сервера предотвращает похищение сценариев пользователями. Гибкость 13 Поскольку PHP является встраиваемым языком, он отличается исключительной гибкостью по отношению к потребностям разработчика. Хотя PHP обычно рекомендуется использовать в сочетании с html, он с таким же успехом интегрируется и в JavaScript, WML, XML и другие языки. Кроме того, хорошо структурированные приложения PHP легко расширяются по мере необходимости (впрочем, это относится ко всем основным языкам программирования). Нет проблем и с зависимостью от браузеров, поскольку перед отправкой клиенту сценарии PHP полностью компилируются на стороне сервера. В сущности, сценарии PHP могут передаваться любым устройствам с браузерами, включая сотовые телефоны, электронные записные книжки, пейджеры и портативные компьютеры, не говоря уже о традиционных ПК. Программисты, занимающиеся вспомогательными утилитами, могут запускать PHP в режиме командной строки. Поскольку PHP не содержит кода, ориентированного на конкретный web-сервер, пользователи не ограничиваются определенными серверами (возможно, незнакомыми для них). Apache, Microsoft IIS, Netscape Enterprise Server, Stronghold и Zeus – PHP работает на всех перечисленных серверах. Поскольку эти серверы работают на разных платформах, РНР в целом является платформенно-независимым языком и существует на таких платформах, как UNIX, Solaris, FreeBSD и Windows 95/98/NT/2000/XP/2003/7. Благодаря этим возможностям PHP занимает достойное место среди современных технологий и обеспечивает масштабирование проектов до необходимых пределов. 14 ГЛАВА 2. РАЗРАБОТКА И СТРУКТУРА ВЭБ-САЙТА АВТОСАЛОНА 2.1. Структурная схема сайта Рис 1. Карта вэб-сайта. FiveMotors – переход на начальную страницу сайта где указаны автомобили на продажу. About – краткое описание об автосалоне. Contact – обратная связь для клиентов. На данном вэб-сайте нет разделения прав доступа для разных пользователей. Сайт предоставляет определённую информацию об автомобилях. После выполнения запроса на заказ автомобиля, менеджер звонит клиенту с уточнением информации. Менеджер сверяется с информацией из БД и подтверждает либо отменяет заказ клиента, если заказ оформлен клиента вызывают в автосалон по указанному адресу для дальнейших действий. Главная страница FiveMotors About Contact 15 2.2. Схема базы данных Рис 2. Логическая модель базы данных. Таблицы с описанием сущностей. Название сущности Описание Описание Описание автомобиля Автомобили Полная информации про автомобиль Продажа Продажа автомобиля и запись в БД Форма оплаты Виды форм оплаты и их варианты валюты Клиент Полная информация о клиенте Сотрудники Полная информация о клиенте Производитель История создания автомобиля Рис 3. Таблица сущностей. 16 Физическая схема базы данных. Рис 4. Физическая модель базы данных. Код создания базы данных: buy CREATE TABLE `buy` ( `name` varchar(35) COLLATE utf8_unicode_ci NOT NULL, `phone` varchar(35) COLLATE utf8_unicode_ci NOT NULL, `email` varchar(45) COLLATE utf8_unicode_ci NOT NULL, `vehicle` varchar(60) COLLATE utf8_unicode_ci NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci customer CREATE TABLE `customer` ( `id_customer` int(10) NOT NULL AUTO_INCREMENT, `family` varchar(15) COLLATE utf8_unicode_ci NOT NULL, `name` varchar(20) COLLATE utf8_unicode_ci NOT NULL, `twoname` varchar(15) COLLATE utf8_unicode_ci NOT NULL, `passport` varchar(30) COLLATE utf8_unicode_ci NOT NULL, `town` varchar(20) COLLATE utf8_unicode_ci NOT NULL, `address` varchar(40) COLLATE utf8_unicode_ci NOT NULL, `telephone` varchar(20) COLLATE utf8_unicode_ci NOT NULL, PRIMARY KEY (`id_customer`) ) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci 17 description CREATE TABLE `description` ( `id_car` int(10) NOT NULL, `description` varchar(250) COLLATE utf8_unicode_ci NOT NULL, PRIMARY KEY (`id_car`), CONSTRAINT `description_ibfk_1` FOREIGN KEY (`id_car`) REFERENCES `vehicles` (`id_car`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci employee CREATE TABLE `employee` ( `id_employeer` int(10) NOT NULL AUTO_INCREMENT, `family` varchar(20) COLLATE utf8_unicode_ci NOT NULL, `name` varchar(20) COLLATE utf8_unicode_ci NOT NULL, `twoname` varchar(20) COLLATE utf8_unicode_ci NOT NULL, `position` varchar(20) COLLATE utf8_unicode_ci NOT NULL, `town` varchar(15) COLLATE utf8_unicode_ci NOT NULL, `address` varchar(40) COLLATE utf8_unicode_ci NOT NULL, `telephone` varchar(19) COLLATE utf8_unicode_ci NOT NULL, PRIMARY KEY (`id_employeer`) ) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci manufacturer CREATE TABLE `manufacturer` ( `id_factory` int(10) NOT NULL AUTO_INCREMENT, `id_car` int(10) NOT NULL, `manufacturer` varchar(55) COLLATE utf8_unicode_ci NOT NULL, PRIMARY KEY (`id_factory`), KEY `id_car` (`id_car`), CONSTRAINT `manufacturer_ibfk_1` FOREIGN KEY (`id_car`) 18 REFERENCES `vehicles` (`id_car`) ) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci payfrom CREATE TABLE `payfrom` ( `id_form` int(10) NOT NULL AUTO_INCREMENT, `cash` varchar(15) COLLATE utf8_unicode_ci NOT NULL, `cashless_payments` varchar(15) COLLATE utf8_unicode_ci NOT NULL, PRIMARY KEY (`id_form`) ) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci sales CREATE TABLE `sales` ( `id_sale` int(12) NOT NULL AUTO_INCREMENT, `id_empolyeer` int(12) NOT NULL, `id_car` int(10) NOT NULL, `id_customer` int(10) NOT NULL, `payment` int(10) NOT NULL, `date_sale` datetime(6) NOT NULL, `payment_form` varchar(20) COLLATE utf8_unicode_ci NOT NULL, `id_form` int(10) NOT NULL, PRIMARY KEY (`id_sale`), KEY `id_empolyeer` (`id_empolyeer`,`id_car`,`id_customer`), KEY `id_car` (`id_car`), KEY `id_customer` (`id_customer`), KEY `id_form` (`id_form`), CONSTRAINT `sales_ibfk_1` FOREIGN KEY (`id_car`) REFERENCES `vehicles` (`id_car`), CONSTRAINT `sales_ibfk_2` FOREIGN KEY (`id_customer`) 19 REFERENCES `customer` (`id_customer`), CONSTRAINT `sales_ibfk_3` FOREIGN KEY (`id_empolyeer`) REFERENCES `employee` (`id_employeer`), CONSTRAINT `sales_ibfk_4` FOREIGN KEY (`id_form`) REFERENCES `payfrom` (`id_form`) ) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci users CREATE TABLE `users` ( `id` int(11) NOT NULL AUTO_INCREMENT, `full_name` varchar(355) COLLATE utf8_unicode_ci DEFAULT NULL, `login` varchar(100) COLLATE utf8_unicode_ci DEFAULT NULL, `email` varchar(255) COLLATE utf8_unicode_ci DEFAULT NULL, `password` varchar(500) COLLATE utf8_unicode_ci DEFAULT NULL, `password_confirm` varchar(50) COLLATE utf8_unicode_ci NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci vehicles CREATE TABLE `vehicles` ( `id_car` int(10) NOT NULL AUTO_INCREMENT, `id_ body` int(10) NOT NULL, `id_engine` int(10) NOT NULL, `id_pts` int(10) NOT NULL, `brand` varchar(50) COLLATE utf8_unicode_ci NOT NULL, `color` varchar(20) COLLATE utf8_unicode_ci NOT NULL, 20 `arrival_date` datetime NOT NULL, `release_date` datetime NOT NULL, `payment` int(10) NOT NULL, PRIMARY KEY (`id_car`), CONSTRAINT `vehicles_ibfk_1` FOREIGN KEY (`id_car`) REFERENCES `description` (`id_car`) ) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci Рис 4. Код создание базы данных. 2.3. Описание форм сайта Вэб-формы являются одним из основных элементов взаимодействия между пользователем и сайтом или приложением. Формы позволяют пользователю ввести данные, которые затем отправляются на сервер для их дальнейшей обработки и хранения или используются на стороне клиента для обновления интерфейса (например, добавление нового элемента в список или открытие и закрытие элемента интерфейса). Вэб-формы — их также часто называют HTML-формы — состоят из одного или нескольких элементов управления форм (иногда их также называют виджетами) и некоторых дополнительных элементов для структурирования формы. Элементами управления могут быть однострочные или многострочные текстовые поля, выпадающие списки, кнопки, чекбоксы, радиокнопки, большинство из которых создаются через html-элемент , однако есть и другие элементы, о которых тоже стоит узнать. В элементах управления форм можно задать правила, указывающие на определённый формат данных или значений, которые могут быть введены (валидация форм), а также к ним могут быть добавлены текстовые строки, описывающие эти элементы для зрячих и незрячих пользователей. 21 Форма заказа автомобиля На сайте присутствует форма заказа автомобиля. Данная форма выполняет обратную связь для клиента и упрощает работу менеджера по продажам. Рис 5. Форма заказа автомобиля. Name – отправляет ФИО заказчика. Phone – отправляет телефон заказчика. Email – отправляет почту заказчика. Vehicle – отправляет название автомобиля который выбрал сам заказчик. Форма обратной связи Форма обратной связи или контактная форма – это html-форма, которая обычно имеет несколько полей: ФИО, e-mail, тема сообщения, сам текст сообщения и кнопку «Отправить». После того, как форму заполняет посетитель сайта и нажимает кнопку «Отправить», все данные с формы отправляются на e-mail владельца сайта. При этом посетителю сайта не придётся открывать никаких дополнительных почтовых программ. Кроме того, используя форму обратной связи, Вы не раскрываете свой e-mail адрес спамерам. 22 Рис 6. Форма обратной связи. TEXT – ФИО клиента. Email – почта для обратной связи. Comment – Вопросы к менеджерам. 2.4. Листинги форм сайта Форма заказа автомобиля. 23 24 // Проверяем соединение if (!$conn) { die("Connection failed: " . mysqli_connect_error()); } // Подготавливаем SQL-запрос $sql = "INSERT INTO buy(`name`, `phone`, `email`, `vehicle`) VALUES ('$name', '$phone', '$email', '$vehicle')"; if (mysqli_query($conn, $sql)) { echo "Новый заказ успешно создан, ожидайте ответа."; } else { echo "Error: " . $sql . " " . mysqli_error($conn); } mysqli_close($conn); } Форма обратной связи для клиентов.  height: 80px;">Обратная связь.25 1600 Pennsylvania Ave NW, Washington, DC 20500, United States of America. Tel:(202) 456-1111. Далее идёт запрос в php. // Переменные с формы $name = $_POST['name']; 26 $email = $_POST['email']; $comment = $_POST['comment']; // Параметры для подключения $db_host = 'localhost'; $db_user = 'root'; // Логин БД $db_pass = ''; $db_base = 'saloon'; // Имя БД // Устанавливаем соединение $conn = mysqli_connect($db_host, $db_user, $db_pass, $db_base); // Проверяем соединение if (!$conn) { die("Connection failed: " . mysqli_connect_error()); } // Подготавливаем SQL-запрос $sql = "INSERT INTO comment(`name`, `email`, `comment`) VALUES ('$name', '$email', '$comment')"; if (mysqli_query($conn, $sql)) { echo "Новый заказ успешно создан, ожидайте ответа."; } else { echo "Error: " . $sql . " " . mysqli_error($conn); } mysqli_close($conn); } 27 ЗАКЛЮЧЕНИЕ В данной курсовой работе рассмотрены актуальные вопросы разработки и создания современного Web-сайта. При этом мною были решены следующие задачи: - ознакомление с современными Интернет-технологиями и использование их в своей разработке; - ознакомление с методами и способами представления на Web-страницах различных видов информации (текстов и изображений); - ознакомление с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительное следование им в своей практике; - определение структуры Web-страниц; - разработка дизайна для хорошего зрительного восприятия; - предоставление пошаговой стратегии разработки web-сайта. В результате проведенных работ на базе выбранных технологий был создан прототип современного Web-сайта на тему «Процессоры Intel и их характеристики. История развития. Выбор логической структуры процессора». Готовый продукт прошел тестирование на адекватность работы в наиболее популярных браузерах при различных разрешениях экрана. Тестирование показало корректную работу сайта. 28 СПИСОК ЛИТЕРАТУРЫ Дакетт, Дж. HTML и CSS. Разработка и дизайн веб-сайтов / Дж. Дакетт – М.: ЭКСМО, 2013. – 480 с. Закас, Н. JavaScript для профессиональных веб-разработчиков / Н. Закас – СПб.: Питер, 2015. – 960 с. Маклафлин Б. PHP и MySQL. Исчерпывающее руководство. – СПб.: Питер, 2013. – 512 с.. Уэнц, К. PHP и MySQL. Карманный справочник / К. Уэнц. М.: Вильямс, 2013. – 256 с. Янк, К. PHP и MySQL. От новичка к профессионалу / К. Янк. М.: Эксмо, 2013. – 384 с. "Web-программирование" методические указания методические указания к контрольным работам и самостоятельной работе для студентов заочной формы обучения специальности 6.050101 «Компьютерные науки» «Информационные технологии проектирования» /сост. А.В. Алтухов, С.В. Таран. - Краматорск: ДГМА, 2013. - 56 с. Никсон, Р. Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5 / Р. Никсон. — СПб.: Питер, 2016. – 768с. Дронов, В. HTML 5, CSS 3 и Web 2.0. Разработка современных Webсайтов / В. Дронов – СПб.: БХВ-Петербург, 2014. – 416 с. Маклафлин, Бр. PHP и MySQL Исчерпывающее руководство / Бр. Маклафлин. СПб.: Питер, 2014. – 544 с. Хоган, Б. HTML5 и CSS3. Веб-разработка по стандартам нового поколения / Б. Хоган; [пер. с англ. Е. Матвеева]. - 2-е изд. - СПб.: Питер, 2014. - 320 с.: ил. - (Библиотека программиста). |
>