Разработка кода программного продукта

Разработка кода программного продукта

Разработка кода программного продукта

Оглавление

Введение

. Общая часть

.1 Предметная область

.2 Цель разработки

.3 Анализ средств программирования

.4 Описание используемых языков программирования

.5 Существующие решения

. Специальная часть

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

.2 Требования к функциональным характеристикам

.3 Требования к аппаратным и программным средствам

.4 Описание работы веб-приложения

.5 Описание программы

.6 Разработка связей базы данных

.7 Разработка базы данных

.8 Скрипты выборки данных

.9 Панель управления магазином

.10 Инструкция пользователя

.11 Оценка результатов решения задачи

. Экономическая часть

.1 Расчет затрат на выполнение проекта

.2 Расчет расходов на заработную плату

.3 Расчет затрат на материалы

.4 Расчет амортизации

.5 Расчет расходов на электроэнергию

.6 Расчет общих затрат

Заключение

Список используемых источников

Приложение А. Исходный код программы

Приложение Б. Результаты работы программы

Введение

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

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

При написании дипломного проекта были использованы знания по профессиональным модулям ПМ.01 "Разработка программных модулей программного обеспечения компьютерных систем", ПМ.02 "Разработка и администрирование баз данных", ПМ.03 "Участие в интеграции программных модулей" и закреплены знания и умения по профессиональным компетенциям:

-       ПК 1.2. осуществлять разработку кода программного продукта на основе готовых спецификаций на уровне модуля;

-       ПК 1.3. выполнять отладку программных модулей с использованием специализированных программных средств;

-       ПК 1.4 выполнять тестирование программных модулей;

-       ПК 1.5 осуществлять оптимизацию программного кода модуля;

-       ПК 2.1 разрабатывать объекты базы данных;

-       ПК 2.2 реализовывать базу данных в конкретной СУБД;

-       ПК 2.3 решать вопросы администрирования базы данных;

-       ПК 2.4 реализовывать методы и технологии защиты информации в базах данных;

-       ПК 3.1 анализировать проектную и техническую документацию на уровне взаимодействия компонент программного обеспечения;

-       ПК 3.2 выполнять интеграцию модулей в программную систему;

-       ПК 3.3 выполнять отладку программного продукта с использованием специализированных программных средств;

-       ПК 3.4 осуществлять разработку тестовых наборов и тестовых сценариев.

1. Общая часть

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

1.1 Предметная область

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

Виды интернет-магазинов и ассортимент предлагаемых товаров растет с каждым днем.

Кажется, невозможно назвать товар, который невозможно приобрести в интернет-магазине.

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

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

1.2 Цель разработки

Целью дипломной работы "Интернет-магазин для предприятия Prestige на PHP и JavaScript" является разработка интернет-приложения, позволяющего упростить процесс приобретения товара посредством сети интернет. Покупатель может, не выходя из дома или офиса, приобрести понравившийся ему товар.

В интернет-магазине представлены чулочные изделия различного типа.

1.3 Анализ средств программирования

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

-       клиентская часть, а именно HTML-верстка, оформление по средствам каскадных стилей CSS и придание сайту динамичности благодаря JavaScript, а именно библиотеки JQuery;

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

К числу широко используемых в веб-разработках языков относятся: JavaScript, PHP, Python, Ruby и ASP.Net. Выбор пал на язык PHP, т.к. этот язык гибкий, мощный и легок в изучении.

Достоинства PHP:

-       язык РНР будет казаться знакомым программистам, работающим в разных областях. Многие конструкции языка позаимствованы из Си, Perl;

-       код PHP может быть встроен непосредственно в html-код страниц;

-       язык отличается исключительной гибкостью по отношению к потребностям разработчика;

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

-       может быть развёрнут почти на любом сервере;

-       поддерживается большим сообществом пользователей и разработчиков.

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

Рисунок 1 - Схема работы сайта

Обзор методов решения

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

Язык разметки гипертекста HTML

Рисунок 2 - Логотип HTML

Расширения файлов: .htm, .html- язык разметки гипертекста (от англ. Hyper Text Markup Language). Язык HTML интерпретируется браузерами. Полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.документ подобен текстовому файлу, за исключением того, что некоторые символы (строки) являются управляющими. Эти символы называются тэгами и определяют структуру документа.

Каскадные таблицы стилей CSS

Рисунок 3 - Логотип CSS

Расширения файлов: .css- каскадные таблицы стилей (от англ. Cascading Style Sheets).- это язык описания внешнего вида документа, написанного с помощью языка гипертекстовой разметки (HTML). Сегодня CSS используется практически на всех сайтах.

Целью создания CSS было разделение описания логической структуры документа (сейчас производится с помощью HTML) от описания его внешнего вида (сейчас производится с помощью CSS).

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

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

Язык разработки сценариев на стороне браузера JavaScript

Рисунок 4 - Логотип JavaScript

Расширения файлов: .js

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

В данном проекте, для манипулирование элементами DOM-модели web-страницы использовалась библиотека JQuery.- это JavaScript-библиотека, фокусирующаяся на взаимодействии JavaScript, HTML и CSS. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека Query предоставляет удобный API для работы с AJAX.

Структурированный язык запросов SQL

Рисунок 5 - Логотип SQL

Расширение файлов: .sql

SQL - язык, который дает возможность создавать и работать в реляционных базах данных, являющихся наборами связанной информации, сохраняемой в таблицах.

Реляционная база данных - база данных, основанная на реляционной модели данных. Для работы с реляционными базами данных применяют реляционные системы управления базами данных.

СУБД - выбирается из определенного ограниченного списка (Oracle, MySQL, PostgreSQL).

При разработке данного интернет-магазина используется связка PHP + MySQL.

Язык разработки серверных сценариев PHP

Рисунок 6 - Логотип PHP

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

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

-       считывание и обработка веб-форм и куки-файлов;

-       функции создания и работы с графикой;

-       работа с популярными базами данных такими как MySQL;

-       функции для работы с HTML.

1.4 Описание используемых языков программирования

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

Синтаксис HTML:представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками - тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для тега <font>). Атрибуты указываются в открывающем теге. Основные теги HTML- документа:

-             <html> </html> - обязательные, определяют html документ;

-             <head> </head> - определяют секцию со служебной информацией, содержат инструкции для поисковиков, для браузеров, скрипты;

-             <title> </title> - определяют основной заголовок web - страницы;

-             <body> </body> - обязательные, определяют видимую часть документа;

-             <h3> </h3> - определяют заголовок 3-го уровня;

-             <p> </p> - определяют параграф.

Первая строка является служебной и указывает на стандарт разработки документа: <!DOCTYPE HTML>.

Синтаксис CSS:

CSS файл состоит из набора правил. Все CSS-правила состоят из селектора и блока объявлений (заключённого в фигурные скобки). Внутри блока объявлений может находиться одно или несколько объявлений, разделённых точкой с запятой. Объявление - это строка, составленная из css-свойства и его значения.

Примерно это выглядит вот так:

Селектор {свойство1: значение1; свойство2: значение2;}

Синтаксис PHP:

Чтобы выделить PHP-код и тем самым проинформировать веб-сервер о необходимости его обработки, PHP-код размещают между формальными или неформальными тегами (<?php PHP-код ?>). В РНР переменные начинаются со знака доллара ($), за которым может следовать любое количество буквенно-цифровых символов и символов подчеркивания, но первый символ не может быть цифрой.поддерживает восемь простых типов данных:

Четыре скалярных типа:

-       boolean (двоичные данные);

-       integer (целые числа);

-       float (числа с плавающей точкой или 'double');

-       string (строки).

Два смешанных типа:

-       array (массивы);

-       object (объекты).

-       Два специальных типа:

-       resource (ресурсы);

-       NULL ("пустые").

Существуют несколько псевдотипов:

-       mixed (смешанные);

-       number (числа);

-       callback (обратного вызова).

Синтаксис JS:

Для добавления JavaScript-кода на страницу можно использовать тэг <script>. Когда браузер читает HTML-страничку, и видит <script> - он первым делом читает и выполняет код, а только потом продолжает читать страницу дальше.

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

Синтаксис SQL:

Основу языка SQL составляют операторы, условно разбитые на несколько групп по выполняемым функциям.

Можно выделить следующие группы операторов:

-       операторы DDL (Data Definition Language) - операторы определения объектов базы данных;

-       операторы DML (Data Manipulation Language) - операторы манипулирования данными;

-       операторы защиты и управления данными.

Операторы манипулирования данными используется для манипулирования данными в таблицах баз данных. Он состоит из таких команд:

-       SELECT - отобрать строки из таблиц;

-       INSERT - добавить строки в таблицу;

-       UPDATE - изменить строки в таблице;

-       DELETE - удалить строки в таблице;

-       COMMIT - зафиксировать внесенные изменения;

-       ROLLBACK - откатить внесенные изменения.

Операторы определения объектов базы данных используется для манипулирования объектами в базе данных. Он состоит из команд:

-       CREATE SCHEMA - создать схему базы данных;

-       DROP SHEMA - удалить схему базы данных;

-       CREATE TABLE - создать таблицу;

-       ALTER TABLE - изменить таблиц;

-       DROP TABLE - удалить таблицу;

-       CREATE DOMAIN - создать домен;

-       ALTER DOMAIN - изменить домен;

-       DROP DOMAIN - удалить домен;

-       CREATE COLLATION - создать последовательность;

-       DROP COLLATION - удалить последовательность;

-       CREATE VIEW - создать представление;

-       DROP VIEW - удалить представление.

Операторы защиты и управления данными используется для защиты данных. Он состоит из команд:

-       CREATE ASSERTION - создать ограничение;

-       DROP ASSERTION - удалить ограничение;

-       GRANT - предоставить привилегии пользователю или приложению на манипулирование объектами;

-       REVOKE - отменить привилегии пользователя или приложения.

1.5 Существующие решения

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

Главная задача дизайна подать пользователю всю необходимую информацию о сайте за несколько секунд. У посетителя не должно возникать ощущения запутанности и сложности управления. Если же на сайте все просто и понятно - это хороший дизайн.

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

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

Рисунок 7 - Пример сайта

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

2. Специальная часть

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

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

Основной задачей при разработке дипломного проекта "Интернет-магазин для предприятия Prestige на PHP и JavaScript" является:

-       анализ основных средств веб-программирования;

-       изучение и применение на практике технических аспектов разработки веб-приложений;

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

Назначение задачи

Задачей данного дипломного проекта является создание интернет-магазина для предприятия "Prestige", предназначенного для совершения покупок в сети интернет.

2.2 Требования к функциональным характеристикам

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

Для корректной работы веб-приложения необходимо:

-       компьютер с операционной системой Windows XP /Windows /Windows 7;

-       доступ к интернету;

-       IE не ниже 7.0;

-       Google Chrome 1.0+;

-       Opera 4.0+;

-       Safari 1.0+;

-       Firefox 1.0+.

2.3 Требования к аппаратным и программным средствам

Интернет-магазин должен работать на персональных компьютерах.

Минимальная конфигурация компьютера:

-       процессор Pentium 4 и выше;

-       оперативная память 128 Mb и выше;

-       IE не ниже 7.0;

-       Google Chrome 1.0+;

-       Opera 4.0+;

-       Safari 1.0+;

-       Firefox 1.0+;

-       источник бесперебойного питания;

-       клавиатура и мышь.

2.4 Описание работы веб-приложения

На рисунке 8 представлена упрощённая схема интернет-магазина.

Рисунок 8 - Схема работы интернет-магазина

2.5 Описание программы

В данном разделе описана работа веб-приложения и описана работа базы данных. Приведены примеры скриптов.

Описание структуры программы

На рисунке 9 представлена схема работы традиционного веб-приложения.

Рисунок 9 - Схема работы классического веб-приложения

Описание работы традиционного веб-приложения:

-       пользователь отправляет запрос на получения веб-страницы по протоколу HTTP на веб-сервер;

-       веб-сервер обрабатывает запрос и при необходимости делает запрос к базе данных;

-       при необходимости СУБД отправляет данные обратно на сервер;

-       веб-сервер отправляет ресурсы пользователю;

-       пользователь получает ресурсы и браузер отображает страницу.

На рисунке 10 представлена схема работы веб-приложения с технологией AJAX.

Рисунок 10 - Схема работы веб-приложения с AJAX

Описание работы веб-приложения с технологией AJAX:

-       пользователь инициализирует событие на сайте;

-       JavaScript делает асинхронный запрос на сервер;

-       веб-сервер обрабатывает запрос и при необходимости делает запрос к базе данных;

-       веб-сервер отправляет ресурсы пользователю;

-       пользователь получает ресурсы, без обновления страницы и браузер отображает, запрашиваемые ресурсы.

2.6 Разработка связей базы данных

База данных MySQL реализована в phpMyAdmin. Вся поступающая информация о товарах интернет-магазина и заказах хранится в таблицах базы данных. База "afernr79_socks" содержит 11 таблиц с данными, необходимыми для работы магазина. Таблицы связаны между собой при помощи связи по внешнему ключу и в базе данных применены все виды связей. Структура базы-данных изображена на рисунке 11.

.7 Разработка базы данных

База данных afernr79_socks содержит в себе 11 таблиц:

-       tovar - таблица содержит информацию о продукции (Таблица 1);

-       category - таблица содержит информацию о всех категориях (Таблица 2);

-       manufacturer - таблица содержит информацию о производителях (Таблица 3);

-       size_tights - таблица содержит информацию о увеличении цен, в зависимости от размера продукции (Таблица 4);

-       color - таблица хранит все цвета для продукции (Таблица 5);

-       generator_color - соединительная таблица для присвоения цветов товару (Таблица 6);

-       admin - таблица для хранения данных для авторизации администратора (Таблица 7);

-       ask - таблица для хранения данных для связи с пользователями (Таблица 8);

-       items_buy - таблица для хранения всех купленных товаров на сайте (Таблица 9);

-       orders - таблица для хранения всех оформленных товаров (Таблица 10);

-       anon_customer - таблица для хранения информации о пользователях, оформивших заказ. (Таблица 11).

Таблица 1 - Структура таблицы tovar

Таблица 2 - Структура таблицы category

Таблица 3 - Структура таблицы manufacturer

Таблица 4 - Структура таблицы size_tights

Таблица 5 - Структура таблицы color

Таблица 6 - Структура таблицы generator_color

Таблица 7 - Структура таблицы admin

Таблица 8 - Структура таблицы ask

Таблица 9 - Структура таблицы items_buy

Таблица 10 - Структура таблицы orders

Таблица 11 - Структура таблицы anon_customer

2.8 Скрипты выборки данных

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

Рисунок 12 - Установка связи с базой данных

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

Рисунок 13 - Подключение файла core.php

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

Рисунок 14 - Сохранение данных в массив

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

Рисунок 15 - Подключение шаблона

Вывод товаров на страницу происходит в подключенном шаблоне. Ввсе необходимые данные для конкретного товара хранятся в массиве и, благодаря циклу foreach, верстаются контейнеры html. Создаются блоки с информацией именно конкретного товара. На рисунке 16 представлено создание каталога.

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

В итоге каждый товар с продукцией представляет из себя HTML блок. Результаты работы данных действий представлено на рисунке 17.

Рисунок 17 - Результат работы тестирование оптимизация код модуль

2.9 Панель управления магазином

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

Рисунок 18 - Форма авторизации

При успешном входе, администратор увидит меню с основными функциями для управления магазином (рисунок 19).

Рисунок 19 - Основное меню панели

Для удобства работы с административной частью сайта, весь функционал был поделен на 2 части:

-       вывод всей имеющейся информации о состоянии магазина;

-       внесение товаров и необходимых характеристик.

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

На рисунке 20 продемонстрирована вся необходимая информация о заказе, информация подгружается из таблицы orders.

Рисунок 20 - Вкладка с заказами

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

На рисунке 21 продемонстрирована вкладка удаления и обновления. Но сначала необходимо подобрать параметры поиска. На рисунке 22 представлен результат работы режима удаления товара и обновления цены.

Рисунок 21 - Вкладка до подбора

Рисунок 22 - Вкладка после подбора

2.10 Инструкция пользователя

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

Рисунок 23 - Меню товаров

После перехода на нужную категорию и производителя, отобразиться каталог продукции (рисунок 24).

Рисунок 24 - Продукция колготок от производителя Conte

Так как каталог имеет 10 первых товаров и для подзагрузки следующих товаров, необходимо нажать кнопку "Показать еще" (рисунок 25).

Рисунок 25 - Кнопка для показа следующих товаров

При нажатии кнопки "Показать еще", появляется еще товары из той же категории и от того же производителя. Результаты продемонстрированы на рисунке 26. На рисунке 27 показаны результаты действия по загрузке новых товаров.

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

При переходе в корзину пользователь увидит свои выбранные товары. Корзина пополняется автоматически, и далее выбранные товары будут добавляться в эту же корзину. Из корзины можно удалить товары, а далее будет пересчет стоимости корзины. На рисунке 28 изображена иконка корзины и количество добавленных товаров

На рисунке 29 изображена иконка корзины и количество добавленных товаров.

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

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

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

На сайте пользователь, при непонятной ситуации, может заказать звонок менеджеру. Оставить номер можно, находясь на каталоге (рисунок 33) или при оформлении заказа (рисунок 34). Менеджер узнает с какой страницы пользователь позвонил.

2.11 Оценка результатов решения задачи

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

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

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

3. Экономическая часть

.1 Расчет затрат на выполнение проекта

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

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

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

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

Форма расположения работ по этапам:

.        Получение ТЗ.

.        Подготовительный этап:

-       цели и задачи проекта;

-       аудитория проекта;

-       структура проекта;

-       сроки сдачи проекта, календарный план;

-       разработка общей методики создания продукта.

.        Основной этап:

-       разработка основного алгоритма;

-       подготовка дизайн-макета;

-       начало подготовки контента для сайта;

-       верстка;

-       наполнение контентом;

-       тестирование сайта.

.        Завершающий этап:

-       подготовка технической документации;

-       сдача продукта.

Трудоемкость выполнения работы оценивается экспертным путем в человеко-часах и носит вероятностный характер. Определим трудоёмкость по видам работ.

Таблица 12 - Трудоемкость по видам работ

Суммарная трудоемкость составила 184 чел./час.

3.2 Расчет расходов на заработную плату

Предположим, что заработная плата программиста без опыта работы составляет 40 тыс. руб. в месяц. (21 рабочий день, 8 часовой рабочий день) или 238 руб./час.

ЗП = 238*184 = 43792

Таблица 13

Отчисления на заработную плату

3.3 Расчет затрат на материалы

В таблице 14 приведены затраты на материалы.

Таблица 14

Затраты на материалы

3.4 Расчет амортизации

Стоимость компьютера составляет 30 тыс. руб. Используем его в течении 5 лет (60 мес). Годовая амортизация составит в месяц 500 руб. Количество рабочих дней в году - 21. Средняя продолжительность работы 8 часов. В час: 2,976 руб. Умножив на трудоёмкость, определим:

АО= 2,976 *184= 547,5 руб.

3.5 Расчет расходов на электроэнергию

Компьютер в среднем употребляет 0,2 Квт/час. 0,2*184=36,8КВт. Примерная стоимость 1 Квт/ч около 3,53 руб.

Итого: 36,8 *3,53=129,9 руб.

3.6 Расчет общих затрат

Таблица 15 - Общие затраты

Сумма затрат на создание веб-приложения составляет 59516,5 руб.

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

Рыночная цена аналогичного программного продукта составляет около 60000 руб.

Таким образом, реализовав данный проект, будет получена прибыль около 484 рублей.

Заключение

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

В результате проделанной работы были получены навыки веб-программирования, закреплены знания по PHP и JavaScript, а также библиотеки JQuery. С учетом этого был разработан интернет-магазин для предприятия "Prestige", занимающейся продажей чулочных изделий.

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

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

Список используемых источников

1.      В. Люк, Т. Лора. Разработка веб-приложений с помощью PHP и MySQL. - Пер. с англ. - СПб.: Вильямс, 2013. - 848 с.

.        С. Дэвид, Т. Адам. PHP. Рецепты программирования. - Пер. с англ. - СПб.: Питер, 2015. - 784 с.

.        Ф. Адам, JQuery 2.0 для профессионалов. - Пер. с англ. - СПб.: Вильямс, 2016. - 1040 с.

.        #"897128.files/image034.jpg">

Рисунок 35 - Главная страница

Рисунок 36 - Каталог колготок

Рисунок 37 - Покупка товара

Рисунок 38 - Корзина

Рисунок 39 - Оформление заказа

Рисунок 40 - Успешное оформление заказа