Размещено на http://www.allbest.ru/

ОБЛАСТНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ПРОФЕССИОНАЛЬНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ «СМОЛЕНСКАЯ АКАДЕМИЯ ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ»

ОТЧЕТ

По преддипломной практике в рамках профессионального модуля



Оглавление

Введение

1. Описание предметной области

1.1 Обоснование разработки системы

1.2 Анализ аналогов и прототипов

1.3 Подтверждение актуальности проектирования

1.4 Постановка задачи проектирования

1.5 Средства решения поставленной задачи

1.6 Перечень задач подлежащих решению в процессе разработки

2. Разработка проекта

2.1 Разработка структуры системы

2.2 Разработка и описание алгоритмов

2.3 Разработка интерфейса взаимодействия пользователя с системой

3. Реализация проекта системы

3.1 Разработка программы

3.2 Тестирование программных средств

3.3 Разработка сопроводительных документов

Заключение

Список использованных источников

Приложение



Введение

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

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

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

- процесс общения и переписки выходит на новый деловой уровень;

- компания может демонстрировать свой товар или предлагать услуги в любой точке страны или мира;

- сайт - это круглосуточная реклама товара или услуг, которая работает беспрерывно;

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

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

Кардымовское лесничество - филиал ОГКУ «Смолупрлес» зарегистрировано 17 января 2008 года.

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

Выделены следующие задачи дипломного проектирования:

- провести анализ аналогичных по назначению и возможностям проектов, выявить их достоинства и недостатки;

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

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

- создать эргономичный и удобный макет сайта;

- наполнить сайт информацией, реализовать все функции проекта в полном объеме;

- провести разностороннее тестирование проекта, выявить и исправить ошибки;

- провести технико-экономическое обоснование разработки проекта;

- провести анализ вопросов труда, техники безопасности и эргономики.

Выявленные функциональные возможности:

- предусмотреть возможность перемещения между страницами сайта;

- организовать возможность просмотра пользователем информационных материалов различного типа;

- предусмотреть возможность разграничения прав доступа пользователей к управлению сайтом;

- предусмотреть возможность поиска информации на сайте.

Сайт «Кардымовского лесничества - филиала ОГКУ «Смолупрлес» не имеет прототипов, так как руководство лесничества впервые обратилось с просьбой о создании сайта-визитки.



1. Описание предметной области

1.1 Обоснование разработки системы

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

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

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

1.2 Анализ аналогов и прототипов

У разрабатываемого программного продукта имеются различные аналоги. Аналогичными сайтами являются: сайт Департамента Смоленской области по охране, контролю и регулированию использования лесного хозяйства «http://les.admin-smolensk.ru/», представленный на рисунке 1 и сайт Федерального агентства лесного хозяйства «http://www.rosleshoz.gov.ru/» (рисунок 2).

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

Рисунок 1 - Сайт «les.admin-smolensk.ru»

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

Рисунок 2 - Сайт «rosleshoz.gov.ru»

Проанализировав сайты аналоги, было решено разработать сайт таким образом, что бы:

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

- меню было эргономичное и понятное;

- сайт был интуитивно понятным любому пользователю;

- присутствовала форма обратной связи;

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

1.3 Подтверждение актуальности проектирования

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

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

Итак, актуальность создания сайта на сегодня очевидна. Сайт - это самая лучшая реклама на сегодняшний день.

1.4 Постановка задачи проектирования

Целью дипломного проектирования является разработка сайта «Кардымовское лесничество - филиала ОГКУ «Смолупрлес».

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

При создании сайта, должны быть учтены следующие требования:

- Требование к эффективности, то есть получение выходных данных с минимальными расходами машинного времени.

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

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

- Требование к надёжности. Должны быть обеспечены восстановление после сбоев и ошибок, контроль ввода данных при оформление заявок.

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

- Требования к тестированию. Необходимо провести следующие тесты:

a) Тестирование работоспособности сайта на разных ОС.

b) Тестирование работоспособности сайта при разном разрешении экрана.

c) Тестирование скорости работы сайта в разных браузерах;

d) Тестирование доступа ко всем страницам.

e) Тестирование формы обратной связи.

В процессе тестирования отследить ошибки размещения объектов на страницах и ошибки работы.

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

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

Для осуществления данных требований необходимо последовательное выполнение следующих этапов разработки:

a) сбор необходимой информации;

b) разбиение информации на логические блоки;

c) выбор программных средств разработки;

d) формирование логической структуры страниц;

e) выбор графического оформления страниц;

f) разработка сайта;

g) тестирование.

1.5 Средства решения поставленной задачи

Выбор редактора

WordPress - система управления содержимым сайта с открытым исходным кодом; написана на PHP; сервер базы данных - MySQL; выпущена под лицензией GNU GPL версии 2. Сфера применения - от блогов до достаточно сложных новостных ресурсов и интернет-магазинов. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать проекты широкой функциональной сложности. 12 июня 2001 года Мишель Вальдриги начал разработку движка b2, впоследствии к проекту присоединились Мэтт Мюлленвег и Майк Литтл. В январе 2003 года Вальдриги прекратил разработку[6], поэтому автором WordPress считается Мэтт Мюлленвег. Права на товарную марку «WordPress» принадлежат некоммерческому фонду WordPress Foundation.

В 2003 году компания CNET стала использовать WordPress для своих проектов. Мюлленвег встретился с вице-президентом компании и принял предложение о сотрудничестве. В 2005 году он ушёл из CNET, основал Automattic и посвятил себя разработке проектов на WordPress.

Преимущества WordPress перед другими CMS системами:

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

b) Простая установка и пользование системой. Чтобы установить WordPress, понадобится не более 5-ти минут, и совсем необязательно быть крутым программистом, разбираться в кодах HTML или PHP и других технических тонкостях. Разработчики сделали систему простой и дружелюбной в использовании - в этой CMS могут быстро и легко разобраться даже чайники.

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

d) Встроенный визуальный и текстовый (HTML) редактор. Редактор имеет интуитивно понятный интерфейс, поэтому пользоваться им очень просто уже с первого знакомства. Если вы знаете Microsoft Word, то освоить редактор WordPress - детская задачка. Здесь можно делать с текстом и картинками любые операции, например: форматировать, вставлять ссылки, видео, изображения и звуковые файлы. Все эти операции несложные и делаются одним-двумя кликами.

e) Популярность WordPress во всем мире. На сегодня WordPress - одна из самых популярных систем управления содержимым сайта. Доля WordPress на рынке среди конкурентов составляет более 55%. Если говорить о цифрах - то это 60 миллионов сайтов, которые построены на WordPress. 350 миллионов человек каждый месяц просматривают 3 миллиарда страниц, созданных на WordPress. Каждый седьмой сайт на планете работает на этой замечательной CMS системе. Разработчики со всего мира создали более 24897 штук плагинов, а скачали на данный момент их 453551157 раз. И это только с официального хранилища плагинов. А последняя версия WordPress 3.5.1, которая была выпущена в январе этого года, на май 2013 года была скачана более 7 миллионов раз. Эти цифры означают только то, что в интернете можно найти буквально все для этого конструктора -- бесплатные темы, шаблоны и плагины. И все непонятные вопросы, касающиеся WordPress, тоже можно легко разрешить на форумах в интернете.

Все вышеперечисленное можно отнести к главным преимуществам CMS WordPress. Но этот список можно дополнить огромнейшей библиотекой качественных платных шаблонов, которые имеют более продвинутый функционал и гибкие настройки. Конструктор поддерживает виджеты и всевозможные социальные плагины, которые улучшают читаемость и посещаемость блога. Многие темы имеют встроенную поддержку SEO, да и сам WordPress оснащен такой системой. Это новшество отлично помогает повысить рейтинг вашего сайта в ПС Google, Yandex, и других поисковиках. Также конструктор надежно защищен от взлома и от спама. Конечно, все это только слова, поэтому вы сами должны поработать с WordPress, чтобы по достоинству оценить все его необъятные возможности.

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

Notepad++ - свободный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Он базируется на компоненте Scintilla, написан на C++ с использованием STL, а также Win32 API и распространяется под лицензией GPL. Текстовый редактор для программистов и веб-дизайнеров. Notepad++ обладает хорошей функциональностью и удобным интерфейсом и при этом отличается быстротой работы. Редактор может открыть сразу несколько документов, подсвечивать множество языков программирования, автоматически завершать набираемый текст, записывать макросы и многое другое. В Notepad++ присутствуют следующие опции: мастер создания своей схемы подсветки, возможность создания своего API-файла для подстановки набираемого текста, режим печати WYSIWYG, который позволяет при печати листинга сохранять подсветку кода и много всевозможных функций для работы с текстом (вставка дат, замена спецсимволов на их коды, удаление лишних пробелов и переводов строки и т.д.) К программе подключаются плагины, которые добавляют ей дополнительные возможности, например, просмотр открытого документа в шестнадцатеричном виде и файловый менеджер.

Создание графического интерфейса

Adobe Photoshop CS5

Многофункциональный графический редактор, разработанный и распространяемый фирмой Adobe Systems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Adobe. Часто эту программу называют просто Photoshop. В настоящее время Photoshop доступен на платформах Mac и Windows. Ранние версии редактора были портированы под SGI IRIX, но официальная поддержка была прекращена, начиная с третьей версии продукта. Для версий 8.0 и CS6 возможен запуск под Linux с помощью альтернативы Windows API Wine.

Несмотря на то, что изначально программа была разработана как редактор изображений для полиграфии, в данное время она широко используется и в веб-дизайне. В более ранней версии была включена специальная программа для этих целей - Adobe ImageReady, которая была исключена из версии CS3 за счёт интеграции её функций в сам Photoshop, а также включения в линейку программных продуктов Adobe Fireworks, перешедшего в собственность Adobe после приобретения компании Macromedia.

Photoshop тесно связан с другими программами для обработки медиафайлов, анимации и другого творчества. Совместно с такими программами, как Adobe ImageReady (программа упразднена в версии CS3), Adobe Illustrator, Adobe Premiere, Adobe After Effects и Adobe Encore DVD, он может использоваться для создания профессиональных DVD, обеспечивает средства нелинейного монтажа и создания таких спецэффектов, как фоны, текстуры и т. д. для телевидения, кинематографа и всемирной паутины. Photoshop также прижился в кругах разработчиков компьютерных игр.

Основной формат Photoshop, PSD, может быть экспортирован и импортирован всеми программными продуктами, перечисленными выше. Photoshop CS поддерживает создание меню для DVD. Совместно с Adobe Encore DVD, Photoshop позволяет создавать меню или кнопки DVD. Photoshop CS3 в версии Extended поддерживает также работу с трёхмерными слоями.

Из-за высокой популярности Photoshop поддержка специфического для неё формата PSD была реализована во многих графических программах, таких как Macromedia Fireworks, Corel PHOTO-PAINT, WinImages, GIMP, Corel Paint Shop Pro и других.

Языки проектирования

HTML - язык гипертекстовой разметки - стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML).

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

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

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

SQL (Structured Query Language - Структурированный язык запросов) - язык управления базами данных для реляционных баз данных. Сам по себе SQL не является Тьюринг-полным языком программирования, но его стандарт позволяет создавать для него процедурные расширения, которые расширяют его функциональность до полноценного языка программирования.

1.6 Перечень задач подлежащих решению в процессе разработки

В процессе разработки нужно будет решить следующие задачи:

a) Провести анализ аналогичных по назначению и возможностям проектов, выявить их достоинства и недостатки.

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

1) предусмотреть возможность перемещения между страницами сайта;

2) организовать возможность просмотра пользователем информационных материалов различного типа;

3) предусмотреть возможность просмотра результата выполнения тестовых заданий в режиме администратора;

4) предусмотреть возможность разграничения доступа пользователей к управлению сайтом;

5) предусмотреть возможность пользователю с соответствующими правами оставлять комментарии;

6) предусмотреть возможность поиска информации на сайте;

7) внутреннего интернет-магазина.

c) Провести анализ средств разработки проектов данного типа.

d) Создать эргономичный и удобный макет сайта.

e) Наполнить сайт информацией, реализовать все функции проекта в полном объеме.

f) Провести разностороннее тестирование проекта, выявить и исправить ошибки.

g) Провести технико-экономическое обоснование разработки проекта

h) Провести анализ вопросов труда, техники безопасности и эргономики.

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



2. Разработка проекта

2.1 Разработка структуры системы

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

Рисунок 3 - Логическая структура сайта

2.2 Разработка и описание алгоритмов

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

2.3 Разработка интерфейса взаимодействия пользователя с системой

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

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

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

Критерии качественного пользовательского интерфейса:

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

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

Под совокупностью средств и методов интерфейса пользователя подразумеваются:

- вывод информации на экран;

- ввода информации/команд пользователем в программу.

Интерфейс разработанного программного продукта представлен на рисунке 2.2.

Рисунок 4 - Пользовательский интерфейс

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

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



3. Реализация проекта системы

3.1 Разработка программы

Разработка программы включает в себя несколько этапов:

- Выбор темы дипломной работы.

- Анализ технического задания. Изучение поставленных задач по функционалу программы.

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

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

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

- Разработка дружественного пользовательского интерфейса. Верстка страницы web-приложения происходит в приложении Notepad++. Разработка и нарезка дизайна происходит в Adobe Photoshop CS5.

- Наполнение сайта информацией.

- Разработка сценариев.

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

Для выполнения работы готовый PSD-файл сохраняется в облачное хранилище Аdode Creative Cloud и импортируется в редактор Brackets. Затем идет верстка проекта в HTML и CSS, a все необходимые графические ресурсы сразу же сохраняются здесь же, в указанную папку, по умолчанию путь проекта. После того, как основы готовы происходит сверка и правка графического интерфейса, чтобы он полностью соответствовал тому варианту, который был запланирован изначально. Затем этап верстки завершается, но лишь до начала этапа программирования.

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

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

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

Все данные, необходимые для работы системы, хранятся в базе данных.

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

Разработка форм входных и выходных данных

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

В виде входных данных представлены:

- данные авторизации;

- данные регистрации;

- данные изменения, создания, удаления контента;

- данные на форме заказа товара.

В виде выходных данных на сайте представлены:

- контент сайта;

- форма с заказами пользователей;

- информационные страницы.

На сайте представлено разграничение прав доступа:

- администратор сайта;

- клиент (обычный пользователь).

Функции администратора (рисунок 5).:

- управление дизайном;

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

- управление интернет-магазином;

- управление структурой сайиа;

- управление заказами клиентов.

Рисунок 5 - Функции администратора

Функции клиента (рисунок 6):

- просмотр информации;

- регистрация;

- авторизация;

- заказ товаров в интернет-магазине;

- использование формы обратной связи;

- оставление оценок и отзывов на сайте.



Рисунок 6 - Функции пользователя(клиента)

3.2 Тестирование программных средств

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

Для начала тестирования проводились в ОС Windows 8.1.

a) Тестирование в браузере Google Chrome. Сайт тестирование прошел, открывается без каких-либо проблем, отклонений от ожидаемого результата нет (рисунок 7).

Рисунок 7 - Тестирование в Google Chrome

b) Открытие в браузере Mozilla FireFox так же выдают положительный результат (рисунок 8).



Рисунок 8 - Тестирование в Mozilla FireFox

c) Эмуляция запуска сайта на Android-устройстве (рисунок 9).

Рисунок 9 - Тестирование в эмуляции на Android-устройстве

f) Тестирование скорости работы сайта в разных браузерах;

Тестирование на скорость работы проводились в следующих браузерах:

- Google Chrome;

- Mozilla FireFox;

- Yandex Browser;

- Opera.

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

g) Тестирование доступа ко всем страницам.

Тестирование прошло успешно, у пользователя был доступ ко всем разрешенным страницам сайта (приложение Б).

h) Тестирование формы обратной связи.

Тестирование прошло успешно. Сообщение отправляется и приходит на E-Mail лесничества (рисунок 10).

Рисунок 10 - Тестирование формы обратной связи

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

3.3 Разработка сопроводительных документов

Техническое задание

Введение

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

Основание для разработки

Задание на дипломный проект, а так же предоставление услуг и товаров лесничества в электронном виде.

Требования к организации входных данных

Входные данные:

Для пользователей: авторизация, регистрация, форма оформления заказа.

Для администратора: авторизация, регистрация, контент сайта, товары интернет-магазина.

Требования к организации выходных данных

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

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

Назначение разработки

Проект предназначен для клиентов компании, желающих ознакомится и воспользоваться услугами Кардымовского лесничества - филиала ОГКУ «Смолупрлес».

Требования к сайту

Сайт должен предоставлять возможность ознакомления с видами продаваемой продукции.

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

При создании сайта, должны быть учтены следующие требования:

1. Требование к эффективности, то есть получение выходных данных с минимальными расходами машинного времени.

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

3. Требование к лёгкости восприятия, то есть для пользователя должен быть понятен принцип работы с сайтом. Сайт должен иметь дружественный интерфейс.

4. Требование к надёжности. Должны быть обеспечены восстановление после сбоев и ошибок, контроль ввода данных при заполнении форм.

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

6. Требования к тестированию. Необходимо провести следующие тесты:

- Тестирование работоспособности сайта на разных ОС.

- Тестирование работоспособности сайта при разном разрешении экрана.

- Тестирование скорости работы сайта в разных браузерах.

- Тестирование доступа ко всем страницам.

- Тестирование работоспособности сайта на мобильных устройствах.

- Тестирование формы обратной связи.

В процессе тестирования отследить ошибки размещения объектов на страницах и ошибки работы.

7. Требования к функциональным характеристикам: предоставление достоверной информации по всем продаваемым продуктам.

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

Требования к документации сайта

Состав документации:

- Техническое задание.

- Руководство системного программиста.

- Руководство пользователей групп: администратор, гость, разработчик проекта.

Стадии и этапы разработки:

a) сбор необходимой информации;

b) разбиение информации на логические блоки;

c) выбор программных средств разработки;

d) формирование логической структуры страниц;

e) выбор графического оформления страниц;

f) разработка сайта;

g) тестирование.

Был разработан дизайн, выполнено тестирование и написано техническое задание.

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



Заключение

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

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

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



Список использованных источников

1. Типовые нормы времени на программирование задач для ЭВМ - Москва Экономика 1989г.-125с.

2. ГОСТ 19.001-77 Единая система программной документации. Общие положения.

3. ГОСТ 19.201-78. ЕСПД. Техническое задание. Требования к содержанию и оформлению.

4. ГОСТ 19.301-79. ЕСПД. Программа и методика испытаний. Требования к содержанию и оформлению.

5. Работа с базами данных в Delphi. Цифровая книга. Анатолий Хомоненко, Владимир Гофман. Издательство: БХВ-Петербург. Серия: Профессиональное программирование.ISBN 5-94157-361-8; 2005 г.

6. Рудаков А. В. Технология разработки программных продуктов: практикум: учебник для СПО / А.В. Рудаков, Г. Н. Федорова. - 4-е изд., Стереотип. - Москва: Академия, 2014. - 190 с.

7. Рудаков А. В. Технология разработки программных продуктов: учебник для СПО по специальности «ПО ВТ и АС» / А.В. Рудаков. - 8-е изд., Стереотип. - Москва: Академия, 2013. - 207 с.

8. Основы программирования в DelphiXE.Цифровая книга. Никита Культин. Издательство: БХВ-Петербург. Серия: Самоучитель. ISBN 978-5-9775-0683-0; 2011 г.



Приложение

Фрагменты листингов сайта:

Основной код:

<?php

/**

* Custom theme functions.

*

* This file contains hook functions attached to theme hooks.

*

* @package

*/

if ( ! function_exists( 'clean_commerce_skip_to_content' ) ) :

/**

* Add Skip to content.

*

* @since 1.0.0

*/

function clean_commerce_skip_to_content() {

?><a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'clean-commerce' ); ?></a><?php

}

endif;

add_action( 'clean_commerce_action_before', 'clean_commerce_skip_to_content', 15 );

if ( ! function_exists( 'clean_commerce_site_branding' ) ) :

/**

* Site branding.

*

* @since 1.0.0

*/

function clean_commerce_site_branding() {

?>

<div class="site-branding">

<?php clean_commerce_the_custom_logo(); ?>

<?php $show_title = clean_commerce_get_option( 'show_title' ); ?>

<?php $show_tagline = clean_commerce_get_option( 'show_tagline' ); ?>

<?php if ( true === $show_title || true === $show_tagline ) : ?>

<div id="site-identity">

<?php if ( true === $show_title ) : ?>

<?php if ( is_front_page() && is_home() ) : ?>

<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>

<?php else : ?>

<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>

<?php endif; ?>

<?php endif; ?>

<?php if ( true === $show_tagline ) : ?>

<p class="site-description"><?php bloginfo( 'description' ); ?></p>

<?php endif; ?>

</div><!-- #site-identity -->

<?php endif; ?>

</div><!-- .site-branding -->

<div id="right-header">

<?php if ( has_nav_menu( 'header' ) ) : ?>

<?php

wp_nav_menu( array(

'theme_location' => 'header',

'container' => 'nav',

'container_id' => 'header-nav',

'depth' => 1,

) );

?>

<?php endif; ?>

<?php if ( clean_commerce_is_woocommerce_active() ) : ?>

<div id="cart-section">

<ul>

<li class="account-login">

<a href="<?php echo esc_url( get_permalink( get_option( 'woocommerce_myaccount_page_id' ) ) ); ?>"><?php echo is_user_logged_in() ? esc_html__( 'My Account', 'clean-commerce' ) : esc_html__( 'Login / Register', 'clean-commerce' ) ; ?></a>

</li>

<li class="cart-price"><a href="<?php echo esc_url( wc_get_cart_url() ); ?>"><strong><?php esc_html_e( 'Shopping Cart', 'clean-commerce' ) ?></strong>&nbsp;/&nbsp;<span class="amount"><?php echo WC()->cart->get_cart_total(); ?></span></a></li>

<li class="cart-icon"><strong><?php echo wp_kses_data( WC()->cart->get_cart_contents_count() );?></strong><span class="cart-icon-handle"></span></li>

</ul>

</div> <!-- .cart-section -->

<?php endif; ?>

</div> <!-- #right-header -->

<?php

}

endif;

add_action( 'clean_commerce_action_header', 'clean_commerce_site_branding' );

if ( ! function_exists( 'clean_commerce_add_primary_navigation' ) ) :

/**

* Primary navigation.

*

* @since 1.0.0

*/

function clean_commerce_add_primary_navigation() {

?>

<div id="main-nav" class="clear-fix">

<div class="container">

<nav id="site-navigation" class="main-navigation" role="navigation">

<div class="wrap-menu-content">

<?php

wp_nav_menu( array(

'theme_location' => 'primary',

'menu_id' => 'primary-menu',

'fallback_cb' => 'clean_commerce_primary_navigation_fallback',

) );

?>

</div><!-- .menu-content -->

</nav><!-- #site-navigation -->

<?php $search_in_header = clean_commerce_get_option( 'search_in_header' ); ?>

<?php if ( true === $search_in_header ) : ?>

<div class="header-search-box">

<a href="#" class="search-icon"><i class="fa fa-search"></i></a>

<div class="search-box-wrap">

<?php get_search_form(); ?>

</div><!-- .search-box-wrap -->

</div><!-- .header-search-box -->

<?php endif; ?>

</div> <!-- .container -->

</div> <!-- #main-nav -->

<?php

}

endif;

add_action( 'clean_commerce_action_after_header', 'clean_commerce_add_primary_navigation', 20 );

if ( ! function_exists( 'clean_commerce_mobile_navigation' ) ) :

/**

* Mobile navigation.

*

* @since 1.0.0

*/

function clean_commerce_mobile_navigation() {

?>

<div class="mobile-nav-wrap">

<a id="mobile-trigger" href="#mob-menu"><i class="fa fa-bars"></i></a>

<div id="mob-menu">

<?php

wp_nav_menu( array(

'theme_location' => 'primary',

'container' => '',

'fallback_cb' => 'clean_commerce_primary_navigation_fallback',

) );

?>

</div><!-- #mob-menu -->

<?php if ( has_nav_menu( 'header' ) ) : ?>

<a id="mobile-trigger2" href="#mob-menu2"><i class="fa fa-bars"></i></a>

<div id="mob-menu2">

<?php

wp_nav_menu( array(

'theme_location' => 'header',

'container' => '',

) );

?>

</div><!-- #mob-menu2 -->

<?php endif; ?>

</div><!-- .mobile-nav-wrap -->

<?php

}

endif;

add_action( 'clean_commerce_action_before', 'clean_commerce_mobile_navigation', 20 );

if ( ! function_exists( 'clean_commerce_footer_copyright' ) ) :

/**

* Footer copyright.

*

* @since 1.0.0

*/

function clean_commerce_footer_copyright() {

// Check if footer is disabled.

$footer_status = apply_filters( 'clean_commerce_filter_footer_status', true );

if ( true !== $footer_status ) {

return;

}

// Copyright content.

$copyright_text = clean_commerce_get_option( 'copyright_text' );

$copyright_text = apply_filters( 'clean_commerce_filter_copyright_text', $copyright_text );

if ( ! empty( $copyright_text ) ) {

$copyright_text = wp_kses_data( $copyright_text );

}

// Powered by content.

$powered_by_text = sprintf( esc_html__( ' %s', '' ), '<a target="_blank" rel="designer" href="https://vk.com/warrantty">' . esc_html__( '', '' ) . '</a>' );

$show_social_in_footer = clean_commerce_get_option( 'show_social_in_footer' );

$column_count = 0;

if ( $copyright_text ) {

$column_count++;

}

if ( $powered_by_text ) {

$column_count++;

}

if ( true === $show_social_in_footer && has_nav_menu( 'social' ) ) {

$column_count++;

}

?>

<div class="colophon-inner colophon-grid-<?php echo esc_attr( $column_count ); ?>">

<?php if ( ! empty( $copyright_text ) ) : ?>

<div class="colophon-column">

<div class="copyright">

<?php echo $copyright_text; ?>

</div><!-- .copyright -->

</div><!-- .colophon-column -->

<?php endif; ?>

<?php if ( true === $show_social_in_footer && has_nav_menu( 'social' ) ) : ?>

<div class="colophon-column">

<div class="footer-social">

<?php the_widget( 'Clean_Commerce_Social_Widget' ); ?>

</div><!-- .footer-social -->

</div><!-- .colophon-column -->

<?php endif; ?>

<?php if ( ! empty( $powered_by_text ) ) : ?>

<div class="colophon-column">

<div class="site-info">

<?php echo $powered_by_text; ?>

</div><!-- .site-info -->

</div><!-- .colophon-column -->

<?php endif; ?>

</div><!-- .colophon-inner -->

<?php

}

endif;

add_action( 'clean_commerce_action_footer', 'clean_commerce_footer_copyright', 10 );

if ( ! function_exists( 'clean_commerce_add_sidebar' ) ) :

/**

* Add sidebar.

*

* @since 1.0.0

*/

function clean_commerce_add_sidebar() {

global $post;

$global_layout = clean_commerce_get_option( 'global_layout' );

$global_layout = apply_filters('clean_commerce_filter_theme_global_layout', $global_layout );

// Check if single.

if ( $post && is_singular() ) {

$post_options = get_post_meta( $post->ID, 'clean_commerce_theme_settings', true );

if ( isset( $post_options['post_layout'] ) && ! empty( $post_options['post_layout'] ) ) {

$global_layout = $post_options['post_layout'];

}

}

// Include primary sidebar.

if ( 'no-sidebar' !== $global_layout ) {

get_sidebar();

}

}

endif;

add_action( 'clean_commerce_action_sidebar', 'clean_commerce_add_sidebar' );

if ( ! function_exists( 'clean_commerce_custom_posts_navigation' ) ) :

/**

* Posts navigation.

*

* @since 1.0.0

*/

function clean_commerce_custom_posts_navigation() {

the_posts_pagination();

}

endif;

add_action( 'clean_commerce_action_posts_navigation', 'clean_commerce_custom_posts_navigation' );

if ( ! function_exists( 'clean_commerce_add_image_in_single_display' ) ) :

/**

* Add image in single post.

*

* @since 1.0.0

*/

function clean_commerce_add_image_in_single_display() {

global $post;

if ( has_post_thumbnail() ) {

$values = get_post_meta( $post->ID, 'clean_commerce_theme_settings', true );

$clean_commerce_theme_settings_single_image = isset( $values['single_image'] ) ? esc_attr( $values['single_image'] ) : '';

if ( ! $clean_commerce_theme_settings_single_image ) {

$clean_commerce_theme_settings_single_image = clean_commerce_get_option( 'single_image' );

}

if ( 'disable' !== $clean_commerce_theme_settings_single_image ) {

$args = array(

'class' => 'aligncenter',

);

the_post_thumbnail( esc_attr( $clean_commerce_theme_settings_single_image ), $args );

}

}

}

endif;

add_action( 'clean_commerce_single_image', 'clean_commerce_add_image_in_single_display' );

if ( ! function_exists( 'clean_commerce_add_breadcrumb' ) ) :

/**

* Add breadcrumb.

*

* @since 1.0.0

*/

function clean_commerce_add_breadcrumb() {

// Bail if Home Page.

if ( is_front_page() || is_home() ) {

return;

}

echo '<div id="breadcrumb"><div class="container">';

clean_commerce_simple_breadcrumb();

echo '</div><!-- .container --></div><!-- #breadcrumb -->';

}

endif;

add_action( 'clean_commerce_action_before_content', 'clean_commerce_add_breadcrumb' , 7 );

if ( ! function_exists( 'clean_commerce_footer_goto_top' ) ) :

/**

* Go to top.

*

* @since 1.0.0

*/

function clean_commerce_footer_goto_top() {

echo '<a href="#page" class="scrollup" id="btn-scrollup"><i class="fa fa-angle-up"></i></a>';

}

endif;

add_action( 'clean_commerce_action_after', 'clean_commerce_footer_goto_top', 20 );

if ( ! function_exists( 'clean_commerce_header_top_content' ) ) :

/**

* Header Top.

*

* @since 1.0.0

*/

function clean_commerce_header_top_content() {

$contact_number = clean_commerce_get_option( 'contact_number' );

$contact_email = clean_commerce_get_option( 'contact_email' );

$show_social_in_header = clean_commerce_get_option( 'show_social_in_header' );

if ( empty( $contact_number ) && empty( $contact_email ) ) {

$contact_status = false;

}

else {

$contact_status = true;

}

if ( false === $contact_status && ( false === clean_commerce_get_option( 'show_social_in_header' ) || false === has_nav_menu( 'social' ) ) ) {

return;

}

?>

<div id="tophead">

<div class="container">

<div id="quick-contact">

<ul>

<?php if ( ! empty( $contact_number ) ) :

$cnumber_clean = preg_replace( '/\D+/', '', esc_attr( $contact_number ) ); ?>

<li class="quick-call">

<a href="<?php echo esc_url( 'tel:' . $cnumber_clean ); ?>"><?php echo esc_html( $contact_number ); ?></a>

</li>

<?php endif; ?>

<?php if ( ! empty( $contact_email ) ) : ?>

<li class="quick-email">

<a href="<?php echo esc_url( 'mailto:' . $contact_email ); ?>"><?php echo esc_html( antispambot( $contact_email ) ); ?></a>

</li>

<?php endif; ?>

</ul>

</div> <!-- #quick-contact -->

<?php if ( true === $show_social_in_header && has_nav_menu( 'social' ) ) : ?>

<div class="header-social-wrapper">

<?php the_widget( 'Clean_Commerce_Social_Widget' ); ?>

</div><!-- .header-social-wrapper -->

<?php endif; ?>

</div> <!-- .container -->

</div><!-- #tophead -->

<?php

}

endif;

add_action( 'clean_commerce_action_before_header', 'clean_commerce_header_top_content', 5 );

Боковой сайдбар:

<?php

/**

* The Primary Sidebar.

*

*

* @package Clean_Commerce

*/

?>

<?php $default_sidebar = apply_filters( 'clean_commerce_filter_default_sidebar_id', 'sidebar-1', 'primary' ); ?>

<div id="sidebar-primary" class="widget-area sidebar" role="complementary">

<?php if ( is_active_sidebar( $default_sidebar ) ) : ?>

<?php dynamic_sidebar( $default_sidebar ); ?>

<?php else : ?>

<?php

/**

* Hook - clean_commerce_action_default_sidebar.

*/

do_action( 'clean_commerce_action_default_sidebar', $default_sidebar, 'primary' );

?>

<?php endif; ?>

</div><!-- #sidebar-primary -->

Основной шаблон:

<?php

/**

* The main template file.

*

* This is the most generic template file in a WordPress theme

* and one of the two required files for a theme (the other being style.css).

* It is used to display a page when nothing more specific matches a query.

* E.g., it puts together the home page when no home.php file exists.

*

* @package Clean_Commerce

*/

get_header(); ?>

<div id="primary" class="content-area">

<main id="main" class="site-main" role="main">

<?php if ( have_posts() ) : ?>

<?php if ( is_home() && ! is_front_page() ) : ?>

<header>

<h1 class="page-title screen-reader-text"><?php single_post_title(); ?></h1>

</header>

<?php endif; ?>

<?php /* Start the Loop */ ?>

<?php while ( have_posts() ) : the_post(); ?>

<?php get_template_part( 'template-parts/content' ); ?>

<?php endwhile; ?>

<?php

/**

* Hook - clean_commerce_action_posts_navigation.

*

* @hooked: clean_commerce_custom_posts_navigation - 10

*/

do_action( 'clean_commerce_action_posts_navigation' ); ?>

<?php else : ?>

<?php get_template_part( 'template-parts/content', 'none' ); ?>

<?php endif; ?>

</main><!-- #main -->

</div><!-- #primary -->

<?php

/**

* Hook - clean_commerce_action_sidebar.

*

* @hooked: clean_commerce_add_sidebar - 10

*/

do_action( 'clean_commerce_action_sidebar' );

?>

<?php get_footer(); ?>

Рисунок Б.1 - Главная

Рисунок Б.2 - Услуги



Рисунок Б.3 - Новости

Рисунок Б.4 - Обратная связь

Рисунок Б.5 - О нас



Рисунок Б.6 - Корзина

Рисунок Б.7 - Мой аккаунт

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



Рисунок Б.9 - Способ оплаты

Рисунок Б.10 - Доставка

Рисунок Б.11 - Где забрать

Размещено на Allbest.ru