X Международная студенческая научная конференция Студенческий научный форум - 2018

ВВЕДЕНИЕ

Данная курсовая работа посвящена разработке сайта на тему «Разработка интернет ресурса для учета товаров и их продаж в цветочном магазине» с использованием JavaScript, PHP и СУБД MySQL».

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

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

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

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

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

Цель данной работы – разработать Web-приложение с использованием JavaScript, PHP, СУБД MySQL на тему: «Разработка интернет ресурса для учета товаров и их продаж в цветочном магазине».

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

Во введении обоснована актуальность темы. Первый раздел – теоретическая часть, в которой раскрываются теоретические основы. Второй этап описание выбранных средств и методов решения поставленных задач в Web-приложения. Третий раздел имеет исследовательский характер. Практическая часть в нём приведены этапы проектированияWeb-приложения. Разработка серверной части и клиентской части, а так же содержит описание программной реализации. Включая в себя описание интерфейса Web-приложения (карта сайта), доступа к базе данных, занесения.

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

1.Теоретическая часть

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

Web-технология полностью перевернула наши представления о работе с информацией, да и с компьютером вообще. Оказалось, что традиционные параметры развития вычислительной техники - производительность, пропускная способность, емкость запоминающих устройств - не учитывали главного «узкого места» системы - интерфейса с человеком. Устаревший механизм взаимодействия человека с информационной системой сдерживал внедрение новых технологий и уменьшал выгоду от их применения. И только когда интерфейс между человеком и компьютером был упрощен до естественности восприятия обычным человеком, последовал беспрецедентный взрыв интереса к возможностям вычислительной техники.

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

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

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

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

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

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

Третья глава посвящена практической реализации приложения. В ней описываются процессы разработки серверной и клиентской части, представлены копии экрана работающего приложения, демонстрирующие основные функции и работоспособность приложения, проектирование Web-приложение, включая базу данных. Создание рабочего web-приложение с использованием JavaScript, PHP, СУБД MySQL и проводим тестирование информационной системы.

Курсовая работа написана на 40 листах и содержит 25 рисунков. Из них 29 листов – основной текст курсовой работы, 11 лист содержит код программ, тестирование приложения и вынесены в приложения.

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

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

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

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

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

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

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

2.Выбор средств и методов решения поставленных задач

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

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

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

СУБД - система управления базами данных – это своего рода совместимость языковых и программных средств, которые предназначены для создания, ведения и совместного использования баз данных многими пользователями.

Средствами решения поставленных задач являются CASE-средство для проектирования и документирования баз данных (ERWin), языки html, css и php.

Основным же средством работы будет являться СУБД MySQL, которая имеет множество преимуществ перед другими СУБД. Во-первых, она является свободно распространяемой системой, т.е. платить за ее применение не нужно. Во-вторых, достаточно быстрая, надежная и, главное, простая в использовании СУБД, вполне подходящая для не слишком глобальных проектов.

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

В данной курсовой работе будет использоваться клиент-серверная СУБД – MySQL. Эта система относится к самым популярным и распространенным системам управления базами данных в интернете. MySQL включает в себя такие факторы, как: надежность, гибкость, простота в использование, хорошая скорость работы, бесплатность.

Работать с Mysql можно не только в текстовом режиме, но и в графическом. Существует очень популярный визуальный интерфейс для работы с этой СУБД. Называется он PhpMyAdmin. Этот интерфейс позволяет значительно упростить работу с базами данных в Mysql.

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

HTML (HyperText Markup Language) - язык разметки гипертекста – предназначен для создания Web-страниц. Под гипертекстом в этом случае понимается текст, связанный с другими текстами указателями-ссылками. Большинство веб-страниц содержат описание разметки на языке HTML. Язык HTML интерпретируется браузерами, полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.

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

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

В данной работе разрабатывалось именно Web-приложение, а это означает, что использование HTML – это необходимая часть работы. Использовались различные тэги HTML для разметки сайта.

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

CSS (англ. Cascading Style Sheets - каскадные таблицы стилей) - формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

Создатели веб-страниц используют язык CSS, с помощью него можно настраивать цвет, шрифт, расположение различных частей текста, высоту и ширину изображений, позицию различных элементов и многое другое. Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля.

Для включения стилей в html-документ применяются - каскадные таблицы стилей CSS (Cascading Style Sheet), с их возможностями значительно упрощается разработка web-страниц и управление полученным сайтом.

В данной работе стили css использовались для придания сайту надлежащего вида. Большинство стилей было вынесено в отдельный файлы style.css. Использование стилей css помогло сделать сайт красивее для восприятия, он также прост в изучении использовании.

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

Обработка PHP-кода сервером называется обработкой на стороне сервера. Запрашивая страницу, вы запускаете целую цепь событий. Это взаимодействие между вашим локальным компьютером и веб-сервером.

Главной областью применения PHP является написание сценариев, которые работают на стороне сервера. Помимо различных операций с содержимым ваших html-документов, с помощью PHP можно форматировать HTTP-заголовки, устанавливать cookie, управлять аутентификацией, а также перенаправлять пользователя на другие страницы. PHP предоставляет великолепные возможности по доступу к базам данных, позволяет интеграцию с различными внешними библиотеками. Рассмотрим некоторые достоинства PHP:

Весь код обрабатывается и исполняется на стороне сервера;

Поддерживает работу с множеством СУБД (MySQL, Oracle, PostgreSQL и т.д.);

Является программным обеспечением с открытым исходным кодом;

Работает на разных платформах (Windows, Linux, Unix подобных);

PHP прост для освоения;

Много возможностей по расширению возможностей языка;

Поддержка различных веб-серверов.

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

В данной курсовой работе PHP был необходим для работы с СУБД MySQL. С помощью языка PHP реализованы занесение, удаление записей, осуществление запросов.

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

Кроме того, JavaScript имеет ряд свойств, присущих функциональным языкам — функции как объекты первого класса, объекты как списки, карринг, анонимные функции, замыкания — что придаёт языку дополнительную гибкость.

3. Практическая часть 3.1. Разработка серверной части

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

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

Разрабатываемая база данных будет состоять из 4 связанных между собой сущностей:

«Тип», атрибутами которой являются: номер типа, название типа.

«Цветы» с такими атрибутами как: номер цветов, название цветов, номер типа цветов, цена цветов.

«Склад», включающий следующие атрибуты: номер продукта, номер продукта цветов, количество (цветов на складе).

«Покупка», представленная с помощью таких атрибутов: номер покупки, номер покупки цветов, ФИО клиента, количество цветов (находящихся на складе), дата.

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

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

Нормализация предназначена для приведения структуры БД к виду, обеспечивающему минимальную логическую избыточность, и не имеет целью уменьшение или увеличение производительности работы или же уменьшение, или увеличение физического объёма базы данных. В разрабатываемой базе данных информация об цветах, типе, складе, покупке была организованна в виде отдельных сущностей, связанных с помощью вторичного ключа основной сущности. Кроме того, информацию то сколько есть на складе цветов и сколько их остаётся после каждой покупки. В результате приведения модели к 3 нормальной форме получаем следующую модель:

Рисунок 1 - Логическая модель базы данных

На уровне физической модели сущности соответствует таблица в реальной СУБД, атрибуту – колонка таблицы, связи – внешний ключ, первичным и альтернативным ключам – уникальные индексы, а инверсным входам не уникальные.

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

Рисунок 2 - Физическая модель базы данных

Далее согласно полученной физической модели создаём базу данных Shop-flowers таблицы и просмотры c помощью PhpMyAdmin.

Рисунок 3 – Создание базы данных, таблиц и просмотров

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

3.2. Разработка клиентской части

Разработка клиентской части подразумевает создание главной страницы сайта, навигации по сайту, а также создание страниц для просмотра, добавления данных таблицы. Всё это было создано с помощью html, css и php. Все коды можно просмотреть в приложении 1.

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

Рисунок 4 – Главная страница сайта

Рисунок 5 – Контактная информация и кнопка для заказа

Например, при переходе на страницу «Цветы» мы сразу попадаем на просмотр и выбор разновидностей цветов, содержащейся на странице.

Рисунок 6 – Просмотр информации таблицы «Цветы»

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

Рисунок 7 - Появления формы при нажатии "Заказать"

Рисунок 8 - Заполненная форма

Рисунок 9 - Данного "Цветка" нет на складе

Рисунок 10 - Стоимость сделанного заказа

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

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

ИСУН Заключение

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

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

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

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

Архангельский, А. Я. C++Builder 6: cправочное пособие. Книга 2. Классы и компоненты. – М.: Бином-Пресс, 2004г. – 528с.

Кренке, Д. Теория и практика построения баз данных. – 9-е изд. Изд.: ПИТЕР, 2005. – 859с.

Карпова, Т.С. Базы данных: модели, разработка. – СПб.: Питер, 2001. – 1304 с.

Хомоненко, А.Д. / Ададуров, С. Е. Работа с базами данных в C++ Builder. — СПб.: БХВ – Петербург, 2006. – 496 с.

Михелёв, В.М. Базы данных и СУБД – Белгород: Издательство БелГУ, 2007. – 200 с.

Фуфаев, Э.В. / Фуфаев Д.Э. Разработка и эксплуатация удаленных баз данных – М.: Издательский центр «Академия», 2008. – 256с.

Дэвис М.Е. / Джон А.Ф. Изучаем PHP и MySQL – М.: Символ-Плюс, 2008. – 442 с.

Линн Бейли / Майкл Моррисон Изучаем PHP и MySQL - Издательство – Эксмо, 2010. – 800с.

Фримен Эрик / Робсон Элизабет "Изучаем программирование на JavaScript" Питер, 2015. – 640с.

Код для цитирования: Скопировать