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

Дипломная работа, защищена на отлично. Сделана по всем ГОСТам. ...

Введение
1 АНАЛИЗ ОБЪЕКТА АВТОМАТИЗАЦИИ ООО “39 ПРИНТ”
1.1 Характеристика предприятия и его деятельности
1.2 Основные направления деятельности фирмы «39 принт»
1.2.1 Широкоформатная печать
1.2.2 Офсетная печать
1.2.3 Оперативная полиграфия
1.3 Организационная структура управления предприятием
1.4 Техническая и программная архитектура ИС предприятия
1.5 Выбор комплекса задач автоматизации и характеристика существующих бизнес процессов
1.6 Обоснование необходимости создания on-line формы учета заказов
2 АНАЛИЗ САЙТА И СРЕДСТВ РАЗРАБОТКИ ONLINE ФОРМЫ
2.1 Анализ сайта компании ООО «39принт»
2.2 Средства разработки online форм регистрации заказов.
3 РЕАЛИЗАЦИЯ ПРОЕКТНЫХ РЕШЕНИЙ
3.1 Выбор сервиса для разработки online формы
3.2 Создание формы
3.3 Описание работы on-line формы
4 ЭКОНОМИЧЕСКАЯ ЧАСТЬ
4.1 Обзор рынка полиграфической продукции
4. 2 Производство
4. 3 Мировой рынок полиграфических услуг
4. 4 Развитие полиграфической отрасли Калининградского региона
4. 5 Обзор рынка типографий города Калининграда
4.6 Расчет стоимости внедрения проекта
ЗАКЛЮЧЕНИЕ
СПИСОК ИСТОЧНИКОВ

Цель дипломного проекта разработать, удобную в использовании форму учета on-line заказов ООО «39 принт», являющейся дополнением к уже существующему сайту, для быстрого оформления заказа посредством сети Интернет.
В соответствии с поставленной целью в работе ставились следующие задачи:
1. Рассмотреть характеристику ООО «39 принт».
2. Проанализировать современные технологии разработки on-line форм.
3. Определить требования к содержанию и функционалу on-line формы.
4. Разработать on-line форму для ООО «39 принт».
5. Рассчитать экономическую целесообразность создания "on-line формы" приёма заказов на примере ООО "39 принт".
Дипломный проект состоит из четырех частей: из двух аналитических, проектной и экономической.

Рассмотрим подробную декомпозицию указанных на структурно – функциональной диаграмме процессов.Работа с заказами - весь процесс работы с заказами можно разделить на три этапа: оформление заказа, расчет итоговой стоимости заказа и обработка заказа. На рисунке 1.5 представлена диаграмма декомпозиции процесса «Работа с заказами»Рассмотрим этап оформления заказа более подробно.При оформление заказа менеджер сверяет соответствие материалов (краски и бумаги), обозначенные в заявке на реализацию заказа. Затем, он вводит необходимую информацию с заявки в отчет (заказчик, описание заказа, время получения заказа и срок выполнения). Отчет об оплате заказа передается в бухгалтерию. Далее выставляется приоритет выполнения заказа, в зависимости от важности заказчика и сроков исполнения заказа. Затем менеджер исходную материал заказа в полиграфический отдел. На рисунке 1.6 показан этап «Оформление заказа».Рисунок 1.5 - Диаграмма декомпозиции «Работа с заказами»Рисунок 1.6 - Диаграмма декомпозиции «Оформление заказа»Закупка исходных материалов состоит из пяти этапов:руководители всех документальных центров фирмы планируют закупку необходимых материалов. директор анализирует необходимость закупки выбранных материалов. директор контролирует закупку. главный бухгалтер принимает закупленный материал. получение заказанного материала.На рисунке 1.7 показан этап «Закупка исходных материалов».Рис. 1.7- Закупка исходных материаловВыполнение заказа - данная функция осуществляется по следующей схеме менеджер, получив сведения о заказе, передает материалы по заказу либо дизайнерм, либо на редакцию в зависимости от желания клиента, после чего материал попадает в печать в полиграфический отдел, откуда выходит готовая продукция. Этап «реализации заказа» представлен на рисунке 1.8Рисунок 1.8 - Реализация заказа1.6 Обоснование необходимости создания on-line формы учета заказовБлагодаря on-line форме учета заказов, доходность фирмы будет возрастать, так как данное внедрение заметно упростит для клиента оформление заказа. Клиент теперь сможет оформлять заказы, не выходя из дома, что в современном обществе очень ценится. Основными целями создания on-line формы учета заказов организации являются:Экономия времени Стимулирование имиджа Экономия трудовых ресурсовВедение учета заказов на нынешний момент требует обязательного участия менеджеров. При внедрении on-line формы сведения о заказе клиент будет вводить в базу данных самостоятельного с удобным для него интерфейсом.Создание положительного благоприятного имиджа компании - другая, не менее важная задача on-line формы. Во-первых, это отсутствие визуальных раздражителей, достоверность информации, внимание к посетителям. Вторым фактором, влияющим на поддержание образа компании, является забота о клиентах.Web-сайт помогает сотрудникам сэкономить время, при объяснении партнерам и потенциальным клиентам всевозможных деталей, касающихся продукции и услуг компании.Анализ сайта и средств разработки online формы2.1 Анализ сайта компании ООО «39принт»Рассмотрим существующий сайт компании ООО «39принт». Главная страница сайта приведена на рисунке 2.1Рисунок 2.1- главная страницаДизайн сайта очень изящный, красочный, яркий, выполнен в полиграфическом стиле, что, несомненно, является большим плюсом для компании. Структура очень удобная для посетителей сайта. Как мы видим: основное меню поделено на 4 группы: о компании, для клиента, фото, техника. Имея всего 4 группы, основное меню получается очень компактным, доступным. Что также является плюсом сайта.При наведении мыши на каждое из меню появляется список ссылок на конкретную страницу, которые приведены на рисунках 2.2, 2.3, 2.4, 2.5 .Рисунок 2.2 – группа о компанииВ группе о компании указаны: прайс-лист, координаты центров компании, отдельные страницы каждого из центров с подробным описанием, вакансии компании, и работающие дизайнеры. Группа для клиент позволяет нам: записаться к дизайнеру, узнать об основных услугах, увидеть примеры календарей, комплектов открыток, ежедневников, фотокниг, прочитать об интерьерной печати, требованиях к макетам, о персонализации файлов, статьи о цифровой печати. (приведено на рисунке 2.3).Рисунок 2.3 – группа для клиента Группа фото предлагает также воспользоваться услугами фотографирования. Есть страница, посвященная работающим авторам, желающим стать авторами, а также для заказчиков (приведено на рисунке 2.4).Рисунок 2.4 – группа фотоОчень полезная группа страниц для ознакомления – техника. Здесь мы можем узнать о технологиях и инструментах печатания, обработки, материалах, программном обеспечении, используемых компанией в работе. А также о партнерах компании и корпоративных решениях. (приведено на рисунке 2.5). Рисунок 2.5 – группа техникаРассмотрим страницу основных услуг и прайс-листа. (приведено на рисунках 2.6, 2.7)Рисунок 2.6 – основные услугиРисунок 2.7 – прайс-листСравнив разнообразие услуг с ценами, можно сделать вывод, что не на все услуги имеется фиксированная цена, обозначенная на сайте. Это минус для компании, клиенту придется звонить и узнавать, а в некоторых случаях и приходить, во сколько ему обойдется интересующая его услуга. Также можно заметить, что нет отдельной и четко выраженной страницы о текущих акциях компании.Рассмотрим страницу online записи на прием к дизайнеру (приведено на рисунках 2.8, 2.9). Рисунок 2.8 – выбор времени на запись к дизайнеруРисунок 2.9 – запись к дизайнеруФорма записи проработана отлично. Это позволяет клиенту быстро и удобно записаться на прием к интересующему его дизайнеру на нужное ему время, если оно не занято. Ознакомившись с сайтом компании подведем итоги: Плюсы:Дизайн сайтаСтруктура сайтаДоступность и легкость в использованииСодержательностьИнформативностьВозможность online записи на прием к дизайнеруМинусы:Нет online поддержки сайтаНеполный прайс-листНет отдельной страницы о текущих акциях компанииНет возможности сделать заказ online2.2 Средства разработки online форм регистрации заказов.Для разработки web сайтов, приложений, в том числе и форм, чаще всего используют такие языки программирования и средства разработки как:HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки»;) — стандартный язык разметки документов во Всемирной паутинеCSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.Java Script - прототипно-ориентированный сценарный язык программирования.PHP (англ.PHP: Hypertext Preprocessor — «PHP: препроцессор гипертекста»; первоначально Personal Home Page Tools— «Инструменты для создания персональных веб-страниц»; произносится пи-эйч-пи) — скриптвоый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических веб-сайтов.Все данные описанные средства разработки очень объемны для быстрого изучения и осваивания, поэтому для удобства пользования создают специальные online сервисы для написания разнообразных сайтов, форм и проч., разной сложности и масштабности. Рассмотрим метод разработки online форм с помощью специальных сервисов на примере сервиса - Get Responce.Создание каждой формы состоит из трех основных шагов: проектирование, настройки параметров, публикации на сайте.Шаг 1. Проектирование. На этом шаге необходимо создать основной макет формы или же выбрать из уже имеющихся форм. (приведено на рисунке 2.10, 2.11). Рисунок 2.10 – создание макета формыРисунок 2.11 – выбор шаблона формыЭто самый важный шаг создания собственной online формы. Так как здесь определяется внешний вид и будущая функциональность, предназначение формы. Шаг 2. Настройка параметров формы.Немало важный шаг создания. Здесь настраиваются гиперссылки формы, динамические поля, переходы, рассылки почтовых сообщений и другие функции формы. (приведено на рисунке 2.12). Рисунок 2.12 – настройка параметров формыШаг 3. Публикация.Завершающий шаг. На этом этапе настраиваются виды встраивания формы на ваш сайт. Чаще всего для этого используются URL-ссылки. Также существуют и другие методы встраивания. (приведено на рисунке 2.13). Рисунок 2.13 – настройка вставки формы 3 Реализация проектных решений3.1 Выбор сервиса для разработки online формы Разделим существующие сервисы для разработки online форм на 3 группы:1. Первый вариант это формы, созданные только при помощи HTML и CSS. Эти формы подойдут для тех, для кого важна только стилистика формы.2. Второй вариант генераторов форм используют как HTML/CSS так и scripts обработчики. Этот вариант хорошо подойдет для тех, кто не сильно разбирается в программировании.3. Третий вариант подойдет для тех, кто ежедневно получает тысячи сообщений через формы на своем сайте. Тем самым сможет избежать большой нагрузки на сервер. Так же в этих формах хороший способ борьбы со спамом.Генератор форм Wufoo Form BuilderПредставлено на рисунке 3.1 [13]Рисунок 3.1 – Генератор форм Wufoo Form BuilderОдин из лучших генераторов форм относящийся к третьей группе. Он очень удобен в использовании и даже человек, не имеющий технических знаний, сможет в нем разобраться. Wufoo является платным сервисом для создания форм, но он имеет базовый вариант с очень хорошими возможностями.Плюсы:Дружественный интерфейсЛегкая интеграцияМного возможностейМинусы:Нет возможности скачать файлы объектов (в бесплатной версии)Имеет лимит на отправку данных, 100 записей в месяцГенератор форм Form Spring Form BuildeПредставлено на рисунке 3.2 [14]Рисунок 3.2 – Генератор форм Form Spring Form BuildeГенератор форм с очень ограниченными возможностями для бесплатного использования. Единственная причина его попробовать, это перенаправление данных из формы для пользователей на электронную почту. Так же отсутствует месячный лимит отправки.Плюсы:Хороший пользовательский интерфейсБыстрое создание формыМинусы:Нет загрузки файловНет возможности скачивания сценарияГенератор форм My Task HelperПредставлено на рисунке 3.3 [15]Рисунок 3.3 – Генератор форм My Task HelperГенератор форм с большими возможностями. Создание от простых - статистических форм, до сложных - динамических. Легко интегрируем с уже существующими базами данных. В его возможности входит полное обеспечение базы данных: дополнение существующей, создание новой базы данных «с нуля», корректировка и т.д. Плюсы:Применяя функции сортировки данных, поиска, группировки и фильтрации создать виджетыПривлечь к работе коллег, сотрудников или просто знакомых, добавляя их в командуНа основе имеющейся в БД информации построить Гугл-картыОрганизовать реляционные базы данных с отношениями между таблицами «один к одному», «один ко многим», «многие к одному» и «многие ко многим».Возможность загрузки файловМинусы:Платное обслуживание3 дня на бесплатное тестирование системыНезначительное количество готовых шаблонов формМалое количество шаблонов для дизайна формыВвиду специфики нашей формы лучшим вариантом для разработки является сервис: My Task Helper.3.2 Создание формыПосле успешной регистрации принимаемся за создание нашей формы. Для начала необходимо будет создать новый проект. Для этого необходимо в соответствующем окне ввести название проекта: test1 и название формы: Онлайн форма регистрации заказа. Представлено на рисунке 3.4 Рисунок 3.4 – создание проектаПосле успешного создания формы мы находимся в основном разделе сервиса: Мои проекты. Представлено на рисунке 3.5 Рисунок 3.5-выбор проектаВыбираем нами созданный проект для его редактирования. Теперь мы видим, как в основном меню появились дополнительные кнопки. (представлено на рисунке 3.6). Рисунок 3.6 – основное менюНажимаем на ссылку: Формы.В появившемся дополнительном меню есть все необходимые нам средства для настройки нашей формы. Такие как: добавление нового поля, настройка базы, добавление записи в базу, настройка динамической структуры формы. Представлено на рисунке 3.7 Рисунок 3.7 – создание формыПриступим к созданию статистической (не изменяемой) части формы. Для этого нам необходимо создать поля для ввода:Ф.И.О.Е-mail.Вид услуги.Описание заказа.Срок выполнения работы.Вид оплаты.Доставка.Адрес.Загружаемый файл (изображение, документ).Добавления полей для ввода: Ф.И.О. Представлено на рисунке 3.8, 3.9, 3.10Рисунок 3.8 – создание поля ФамилияРисунок 3.9 – создание поля ИмяРисунок 3.10 – создание поля ОтчествоВсе эти три поля принадлежат одному и тому же типу: Строка текста.Теперь создадим поле для ввода почтового ящика того же типа, что предыдущие. Представлено на рисунке 3.11Рисунок 3.11 – создание поля E-mailЧтобы запись почтового ящика была всегда корректной, нужно зайти в настройки данного поля и указать E-mail. Для этого наводим курсором, видим вспомогательное меню настроек. Представлено на рисунке 3.12Рисунок 3.12 – настройка поля E-mailНажимаем левой кнопкой мыши на : «Валидация» .В новом окне указываем галочками:1. Не может быть пустым.E-mail. Затем на: «Создать». (представлено на рисунке 3.13)Рисунок 3.13 – опции поля E-mailЧтобы убедится, что мы изменили настройки поля, достаточно навести на нужно нам курсором мыши и в вспомогательном меню настроек увидеть добавленные параметры поля. (представлено на рисунке 3.14 )Рисунок 3.14 – проверка новых настроекПриступим к добавлению следующего поля: «Вид услуги». Так как это поле должно содержать несколько значений, то тип поля выберем:«Выпадающий список». (представлено на рисунке 3.15)Рисунок 3.15 – создание поля Вид услугиПосле подтверждения в новом окне необходимо прописать все виды услуг.Также мы прописали фиктивную услугу – «--Выберите тип услуги--», чтобы нашим клиентам было понятнее и проще пользоваться формой. В окне: «Выберите значение по умолчанию» выбираем нашу фиктивную услугу. (представлено на рисунке 3.16 )Рисунок 3.16 – значения поля Вид услугиСледующее поле – «Описание заказа». Так как описание может быть длинным, то типом поля будет многострочный текст. Представлено на рисунке 3.17Рисунок 3.17 – создание поля Описание заказаДальше нужно указать срок выполнения работы. Для этого воспользуемся типом поля: «Дата». Представлено на рисунке 3.18Рисунок 3.18 – создание поля ДатаКлиент должен указать вид оплаты. Для этого используем уже известный нам: «Выпадающий список». Представлено на рисунке 3.19Рисунок 3.19 – создание поля Вид оплатыЗаполним значения. Также будем использовать фиктивное значение более удобного использования. Представлено на рисунке 3.20Рисунок 3.20 – значения поля Вид оплатыСледующий пункт: «Доставка». Тип этого поля будет – выпадающий список. Представлено на рисунке 3.21Рисунок 3.21 – создание поля ДоставкаЗаполняем значения с использованием фиктивного. Представлено на рисунке 3.22Рисунок 3.22 – значения поля ДоставкаДля адреса будем использовать тип поля: «Строка текста». Представлено на рисунке 3.23Рисунок 3.23 – создание поля АдресДобавим последнее статистическое поле. Загружаемый файл. Данный ресурс предоставляет необходимую нам возможность загрузки файлов и их хранения. Для этого нужно использовать специальный тип поля: «Файл». Представлено на рисунке 3.24Рисунок 3.24 – создание поля ФайлПриступим к созданию динамических полей:ТипРазмерФорматКоличествоДля начала нужно создать простое – статистическое поле. Создадим каждое из этих полей, а затем преобразуем в динамическое поле.Поля: тип, формат, размер – будут нового типа, «Радио кнопка». Представлено на рисунках 3.25, 3.26, 3.27, 3.28, 3.29, 3.30.Рисунок 3.25 – создание поля ТипЗаполняем значения этого поля.Рисунок 3.26 – значения поля ТипТеперь поле «Размер». Рисунок 3.27 – создание поля РазмерЗаполняем значения для поля. Рисунок 3.28 – значения поля РазмерНаконец, поле «Формат».Рисунок 3.29 – создание поля ФорматЗаполняем значения.Рисунок 3.30 – значения поля Форма.Последнее из динамических полей: «Количество» будет нового типа – «Целое число». Представлено на рисунке 3.31Рисунок 3.31 – создание поля КоличествоНачинаем преобразовывать из статистических полей в динамические поля. Для этого нужно перейти в основном меню в раздел «Динамические формы». (кнопка оранжевого цвета). Представлено на рисунке 3.32Рисунок 3.32 – вид основного менюДалее нажимаем «Создать правило для поля». Представлено на рисунке 3.33Рисунок 3.33 – кнопка Создать правило для поляВ появившемся окне нужно связать логические значения форм. Для начала свяжем: «Вид услуги» – «Печать» с «Типом». Представлено на рисунке 3.34Рисунок 3.34 – связь полей Вид услуги и ТипМы связали эти два поля с определенным значением первого, теперь второе поля в этой связке появится заказчику только тогда, когда он выберет вид услуги печать. В этом и есть главное преимущество динамических форм. Подробно настроем нами созданные поля для динамической формы, на примере, «Вид услуги» - «Печать». Для этого создаем еще 3 правила. Представлено на рисунках: 3.35, 3.36, 3.37 . Рисунок 3.35 – связь полей Вид услуги и ПечатьРисунок 3.36 – связь полей Вид услуги и КоличествоРисунок 3.37 – связь полей Вид услуги и РазмерПосле создания всех правил. Переходим к настройке формы. Для начала рассмотрим, какие опции можно добавить в каждый вид полей. Опции:Размер – редактирует длину поля.По умолчанию – задает значение поля по умолчанию.Описание – всплывающая подсказка для заказчиков, видна при наведении курсора мыши на поле.Автодополнение – автоматическое дополнения значения поля.CSS класс – добавление каскадной таблицы стиляМожно удалитьПеренести поле выше/ниже. Скрыть – скрывает по умолчанию, чтобы не было видно для заказчика.Валидация – дополнительные настройки содержимого поля.Представлено на рисунке 3.38Рисунок 3.38. – настройка поля Фамилия Рассмотрим подробнее настройки: «Валидации». Уникальность – проверяет содержимое поля на уникальность.E-mail – проверяет, является ли содержимое почтовым ящиком.URL – проверяет, является ли содержимое ссылкой.Месторасположения – проверяет, является ли содержимое местоположением.Не может быть пустым – проверят содержимое на пустоту.Количество символов (точное количество, минимум, максимум).Проверять только при создании.Представлено на рисунке 3.39Рисунок 3.39 – валидацияТеперь для наших полей: Фамилия, Имя, Отчество, E-mail, Вид услуги, Количество, Адрес, Вид оплаты, Доставка, Загружаемый файл – поставим галочки: «Не может быть пустым». Отдельно для поля E-mail – поставим галочку: «E-mail». Для поля Адрес – поставим галочку «Местоположение». Теперь настроим автоматический подсчет стоимости заказа. Реализуем это на примере: «Вид услуги» - «Печать». Для этого добавим два поля:«Стоимость за шт.» типа целое число. Представлено на рисунке 3.40Рисунок 3.40 – создание поля Стоимость за шт.«Суммарная стоимость» типа формула.Представлено на рисунке 3.41Рисунок 3.41 – создание поля Суммарная стоимостьТеперь нужно отметить дополнительные опции в поле: «Стоимость за шт.» Указать значение по умолчанию, равное стоимости данной услуги за шт.Представлено на рисунки 3.42Рисунок 3.42 – установка значения по умолчанию поля Стоимость за шт.Указать по умолчание скрытое состояние. Представлено на рисунке 3.43.Рисунок 3.43 – настройка поля Стоимость за шт.Теперь приступим к настройке поля «Суммарная стоимость». Для этого нужно указать операторы и их тип. Представлено на рисунках 3.44, 3.45. Рисунок 3.44 – формула Суммарная стоимостьРисунок 3.45 – свойства поля Суммарная стоимостьТочно так же мы обрабатываем все наши виды услуг. Вернемся к самой форме.Посмотрим что у нас получилось с помощью предварительного просмотра. Для этого в конце меню «Форма» нажмем на «Предварительный просмотр».Представлено на рисунке 3.46Рисунок 3.46 – кнопка Предпросмотр формы.3.3 Описание работы on-line формыВ итоге имеем такую вот форму. Представлено на рисунке 3.47Рисунок 3.47 – общий вид формыТеперь необходимо проверить работают ли наши динамические поля.Для этого выберем в виде услуг: «Печать». Представлено на рисунке 3.48Рисунок 3.