Разработка веб-сайта для организации Печи Вологодчины
Выбор типа сайта, оценка качества программного продукта. Разработка пунктов меню, создание категорий сайта. Отцифровка логотипа организации в программе Adobe Photoshop CC 2015. Анализ разработки дизайна сайта, особенности структуры веб-страницы.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | дипломная работа |
| Язык | русский |
| Дата добавления | 04.07.2018 |
| Размер файла | 6,5 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
После проделанных манипуляций галерея сайта выглядит так. Рисунок 5.18.
Рисунок 5.18- Галерея
Также данный плагин позволяет открывать изображение и увеличивать его. Рисунок 5.19.
Рисунок 5.19- Увеличенное изображение
5.7 Заполнение статей
Заполнение статей происходит в материалах, созданных для каждой статьи. При заполнении статья редактируется, приобретая нужный формат. Заполнение статьи изображено на рисунке 5.19.
Рисунок 5.20- Заполнение статьи
На сайте статья выглядит, таким образом, рисунок 5.21.
Рисунок 5.21- Статья сайта
6. ТЕСТИРОВАНИЕ
Тестирование программного продукта проводится с целью его испытания для демонстрации того, что продукт соответствует требованиям, и для выявления ситуаций, в которых программа будет работать не правильно или не соответствовать спецификации.
6.1 Методика тестирования
Существуют множество методов тестирования программного продукта.
1. Метод «черного ящика».
Под «черным ящиком» представляется система, имеющая вход для ввода информации и выход для выходных данных, при этом процессы в ходе работы системы остаются неизвестными. Данный метод заключается в подборке файла с правильными данными, в котором нужно заменить часть правильных данных на случайные данные. Затем поместить данный файл в программу, и проанализировать результат на ошибки.
2. Метод «белого ящика».
Дает возможность проверить внутреннюю конструкцию программы. При соответствующих входных данных должен быть получен определённый результат, то есть реакция системы на входные данные известна, а внутренняя реализация функций на данном этапе играет роль критерия полноты и завершённости тестирования.
3. Метод «серого ящика».
Похож на метод «черного ящика», однако здесь известны структура и принцип работы приложения. Это позволяет точнее подобрать входные данные и проверять выходные данные, охватить тестированием большую область возможных ошибок[5].
4. Тестирование безопасности приложения.
Оценка уязвимости продукта к разным атакам.
5. Нагрузочное тестирование.
Оценка производительности системы и время отклика программы на введенный запрос.
Для тестирования данной системы применим метод «белого ящика».
6.2 Результаты тестирования
Исходные данные и результаты тестирование сведены в таблицу 7.2. Графа оценка определяет соответствие результатов ожидаемым («+» - соответствуют, «-» - нет).
Таблица 6.2 - Результаты тестирования
|
Исходные данные |
Результаты |
Оценка |
|
|
Перейти по ссылке «Главная» |
Переход на главную страницу, загрузка содержимого |
+ |
|
|
Наведение на кнопку «Гильдия» |
Появление выпадающего списка: «О гильдии», «Устав», «Вступить в гильдию», «Зачем печнику гильдия» |
+ |
|
|
Перейти по ссылке «О гильдии» |
Переход на страницу с информацией о гильдии, загрузка содержимого |
+ |
|
|
Перейти по ссылке «Устав» |
Переход на страницу с уставом гильдии, загрузка содержимого |
+ |
|
|
Перейти по ссылке «Вступить в гильдию» |
Переход на страницу с информацией о вступлении в гильдию, загрузка содержимого |
+ |
|
|
Перейти по ссылке «Зачем печнику гильдия» |
Переход на страницу с информацией о статье, загрузка содержимого |
+ |
|
|
Наведение на кнопку «Члены Гильдии» |
Появление выпадающего списка: «Вологда», «Череповец» |
+ |
|
|
Перейти по ссылке «Вологда» |
Переход на страницу с информацией о гильдии в г.Вологда, загрузка содержимого |
+ |
|
|
Перейти по ссылке «Череповец» |
Переход на страницу с информацией о гильдии в Череповце, загрузка содержимого |
+ |
|
|
Перейти по ссылке «Галерея» |
Переход на страницу с галереей, загрузка содержимого |
+ |
|
|
Наведение на кнопку «Статьи» |
Появление выпадающего списка: «Проект-е печей», «Материалы», «Эксплуатация» |
+ |
|
|
Перейти по ссылке «Проект-е печей» |
Переход на страницу со статьей, загрузка содержимого |
+ |
|
|
Перейти по ссылке «Материалы» |
Переход на страницу со статьей, загрузка содержимого |
+ |
|
|
Перейти по ссылке «Эксплуатация» |
Переход на страницу со статьей, загрузка содержимого |
+ |
|
|
Перейти по ссылке «Контакты» |
Переход на страницу с контактными данными, загрузка содержимого |
+ |
|
|
Перейти по ссылке «Новости Мероприятия» |
Переход на страницу со статьями, загрузка содержимого |
+ |
|
|
Открыть изображение со страницы «Галерея» |
Открытие изображение со страницы «Галерея» |
+ |
|
|
Перейти с периферийных страниц на «Главную» |
Осуществляется возврат с каждой страницы на «Главную» |
+ |
|
|
Нажать на логотип, возврат на «Главную» |
Клин на логотип возвращает с каждой страницы на «Главную» |
+ |
6.3 Оценка качества программного продукта
Проанализировав результаты тестирования, можно сделать выводы о том, что функциональные возможности системы следующие: осуществление перехода с каждой страницы на любую другую, функционирование выпадающего списка, открытие изображений и их прокрутка, переход с периферийных страниц на главную, нажатием на логотип, загрузка всех статей, отображение текстовой и графической информации на каждой странице. Анализируя выполняемые программой функции и требования к её функциональности представленные в п. 1.4 , можно сделать вывод о соответствии программы перечню требований.
В целом спроектированная система соответствует предъявленным требованиям, что говорит о качественном программном продукте.
7. АПРОБАЦИЯ И ВНЕДРЕНИЕ
На данный момент веб-сайт проходит апробацию в гильдии печников Вологодской области. Заказчик проверяет сайт на соблюдение всех требований предъявляемых ранее разработчику. По результатам апробации будет принято решение о внедрении веб-сайта.
ЗАКЛЮЧЕНИЕ
В ходе дипломного проектирования были выполнены следующие этапы разработки:
1. Проведен анализ предметной области;
2. Выявление требований к веб-ресурсу, постановка задач для разработчика;
3. Изучена типология веб-сайтов;
4. Изучены структуры веб-сайтов и веб- страниц;
5. Разработан дизайн веб-сайта:
1) Разработка логотипа веб-сайта в программе Adobe Photoshop CC 2015.
2) Отцифровка логотипа гильдии в программе Adobe Photoshop CC 2015.
6. Проведен анализ движков, для выбора наиболее подходящего;
7. Разработан сайт для организации «Печи Вологодчины» на CMS Joomla;
8. Проведено тестирование программного продукта;
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
1. Виды сайтов и их типы. [Электронный ресурс]: - Режим доступа: http://webmastermix.ru/raznoe/273-vidy-i-tipy-sajtov
2. SEO блог Pingo,Сайтостроение. [Электронный ресурс]: - Режим доступа: https://pingoblog.ru/76-plyusy-i-minusy-cms-joomla.html
3. Воякин, Е.А. Обзор интерактивных Web-технологий. [Электронный ресурс]: - Режим доступа: http://evgy.opennet.ru
4. Кузнецов, М. В. РНР 5. Практика разработки Web-сайтов / М. В. Кузнецов, И. В. Симдянов, С. В.Голышев -- СПб.: БХВ-Петербург, 2005. -- 960 с.
5. Метод Серого ящика. [Электронный ресурс]: - Режим доступа:http://qalight.com.ua/baza-znanij/testirovanie-metodom-serogo-yashchika.html
6. Движки для сайтов. [Электронный ресурс]: - Режим доступа: http://coolinfoo.ru/besplatnye-dvizhki-dlya-sajtov-obzor-platnyx-i-besplatnyx-dvizhkov
7. Классификация веб-сайтов: типы и виды интернет сайтов. [Электронный ресурс]: - Режим доступа: http://profwebsit.ru/klassifikaciya-veb-sajtov-tipy-i-vidy-internet-sajtov.html
ПРИЛОЖЕНИЕ
Структурная схема веб-сайта для организации «Печи Вологодчины».
Структурная схема главной страницы веб-сайта.
Размещено на Allbest.ru
...Подобные документы
Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.
курсовая работа [1,0 M], добавлен 09.01.2014Выбор состава технических и программных средств. Проектирование структуры и макета сайта. Модуль обработки изображений в редакторе Adobe Photoshop. Серверная и пользовательская части сайта. Тестирование работоспособности сайта методом черного ящика.
дипломная работа [1,8 M], добавлен 09.07.2017Выбор сред разработки для реализации сайта. Основная концепция и содержание веб-сайта. Роль дизайна сайта в его создании и определение основных требований к его содержанию и внешнему виду. Особенности разработки удобного и красивого интерфейса сайта.
курсовая работа [686,4 K], добавлен 13.06.2022Разработка информационной структуры, дизайна и информационное наполнение web-сайта, который предоставляет сведения участникам турниров юных математиков. Создание анимированного баннера, логотипа, шаблона сайта. Обзор графического программного обеспечения.
дипломная работа [3,2 M], добавлен 15.05.2014Общее описание разрабатываемого веб-сайта. Создание модуля учета средств для разработки программного продукта. Разработка дизайна. Редактирование веб-сайта в CMS Worspress. Разработка методических указаний для продукта. Система управления базами данных.
дипломная работа [1,8 M], добавлен 10.07.2017Исследование принципов работы, технологии и стандартов IP–телефонии, оценка качества телефонной связи и сжатия речи. Анализ планирования структуры сайта, разработки дизайна, верстки макета. Характеристика регистрации доменного имени и хостинга сайта.
курсовая работа [52,7 K], добавлен 23.12.2011Методы создания сайта; выбор и сравнение программных платформ. Разработка структуры и дизайна сайта. Установка Joomla!, настройка расширений и выбор хостинга. Аппаратно-программные способы и средства обеспечения информационной безопасности веб-сайта.
дипломная работа [3,6 M], добавлен 08.04.2014Проектирование сайта учителя в системе Ucoz с учетом особенностей педагогической деятельности. Обновление и пополнение содержимого сайта. Регистрация пользователей. Настройка дизайна и выбор модулей для сайта. Создание меню и наполнение сайта контентом.
курсовая работа [2,1 M], добавлен 14.06.2014Проектирование web-сайта. Пользовательские персонажи, детальная концепция сайта. Разработка скелетной схемы страниц, информационной архитектуры. Создание прототипа web-сайта. Выбор среды разработки. CMS системы и их анализ. Стадии проектирования сайта.
курсовая работа [346,7 K], добавлен 18.09.2016История веб-дизайна и сайтов. Пример раннего сайта Angelfire. Популярные браузеры, цветовая модель RGB. Структура корпоративного сайта. Предпроектный анализ разрабатываемого веб-сайта. Основные блоки макета. Пример адаптивной верстки. Макет в Photoshop.
дипломная работа [8,0 M], добавлен 10.10.2015Особенности создания сайта интернет-магазина для частных лиц и организаций. Анализ финансовой и технико-экономической деятельности фирмы. Создание информационной модели сайта, ее базовые элементы. Выбор программного и аппаратного обеспечения сайта.
дипломная работа [1,5 M], добавлен 08.12.2013Технические характеристики компьютерных систем. Анализ интернет-сайта филиала предприятия и выявление основных проблем. Обновление структуры и подгонка сайта под современные стандарты с помощью программы WebSite X5. Создание дизайна веб-страницы.
отчет по практике [410,2 K], добавлен 14.01.2015Основы моделирования и разработки Web-сайтов. Обзор и сравнительный анализ языков программирования. Фреймворки, используемые при создании сайта. Разработка графического дизайна, моделирование и создание Web-сайта, руководство по администрированию.
курсовая работа [1,7 M], добавлен 07.11.2013Формулировка требований к разработке и оформлению информационного сайта предприятия. Описание архитектуры сайта, меню навигации и алгоритма работы, листинг программного кода. Выбор серверной части и процесс отладки. Методы продвижения сайта в Интернете.
курсовая работа [4,6 M], добавлен 18.01.2014Разработка структуры базы данных сайта. Установка и настройка требуемого программного обеспечения. Анализ интерфейса программы. Создание формы обратной связи. Формирование дизайна, соответствующего требованиям заказчика. Выбор методики тестирования.
дипломная работа [2,0 M], добавлен 22.03.2018Рассмотрение основных этапов создания сайта. Использование вайрфреймов как документации по проекту. Использование мокапа и структура навигации сайта. Правильный выбор цветов для проекта. Использование модульной сетки и разработка дизайна сайта.
презентация [2,8 M], добавлен 01.09.2019Разработка общей структуры проектируемого сайта. Выбор программных и аппаратных средств для реализации поставленной задачи. Описание дизайна будущего сайта. Рассмотрение основ регистрации, правил построения программной и эксплуатационной документации.
курсовая работа [5,3 M], добавлен 31.07.2014Создание с помощью графического редактора логотипа и баннера для образовательного сайта "Областные математические олимпиады". Типы логотипов, баннер как графический элемент страницы сайта. Обзор инструментов графического редактора Adobe Illustrator.
курсовая работа [2,9 M], добавлен 08.02.2014Характеристика структуры, программного обеспечения и основных бизнес–процессов ЗАГСа. Разработка базы данных и структуры сайта для молодоженов. Управление аккаунтом пользователя, описание страниц сайта. Расчёт экономических затрат на создание сайта.
дипломная работа [448,5 K], добавлен 14.01.2013Возможные варианты веб-сайты вегетарианских ресторанов. Изучение особенности дизайна корпоративных сайтов вегетарианских ресторанов на примере других сайтов. Создание дизайн-макета сайта в программе Adobe Photoshop. Готовый макет корпоративного сайта.
курсовая работа [1,7 M], добавлен 11.06.2015
