Разработка Web-ресурса АПК Великолукского свиноводческого комплекса

МИНИСТЕРСТВО СЕЛЬСКОГО ХОЗЯЙСТВА РОССИЙСКОЙ ФЕДЕРАЦИИ Федеральное государственное Бюджетное образовательное учреждение высшего образования

«Российский государственный аграрный университет ;

МСха имени К.А. Тимирязева"

(ФГБОУ ВО ргау — МСХА имени К.А. Тимирязева) Факультет экономики и финансов Кафедра прикладной информатики КУРСОВАЯ РАБОТА по дисциплине «Компьютерная графика и визуализация данных»

НА ТЕМУ:

«Разработка Web-ресурса АПК Великолукского свиноводческого комплекса»

Выполнила: Сулимова А. С., факультет экономики и финансов, 207.

Проверил: Андреев Антон Валерьевич МОСКВА — 2015

Оглавление Введение Глава1. Анализ информационных потребностей предприятия и существующих графических пакетов

1.1 Сущность свиного подкомплекса как производства

1.2 Анализ и описание графических пакетов Глава 2. Разработка программного продукта в AdobePhotoshopCS6

2.1 Создание программного продукта

2.2 Программный продукт Заключение Список использованной литературы

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

Максимальная производственная мощность: 32 тыс. тонн мяса в год (176 тыс. голов единовременного содержания).

Персонал: более 1000 человек.

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

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

разработать web-ресурс для предприятия АПК;

создать web-страницы в виде графического файла с расширением *.jpeg;

заполнить каждую web-страницу подробной информацией о предприятии;

обеспечить выполнение web-страниц в одном стиле.

Введение

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

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

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

проведение анализа предметной области — информационных потоков предприятия;

проведение анализа существующих графических пакетов;

разработка и описание программного продукта;

описание программы, при помощи которой будет создан продукт;

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

1.1 Сущность свиного подкомплекса как производства Мясной комплекс является важнейшей составной частью АПК России и одной из самых крупных сегментов продовольственного рынка, как по ёмкости, так и по числу участников. Особая роль рынка мяса и мясных продуктов определяется не только значительными объёмами производства и потребления этой группы продуктов в стране, но и их значимостью, как основного, наряду с молоком и молочными продуктами источника белков животного происхождения в рационе питания человека. В последние годы российский мясной рынок является перспективным и динамично развивающимся.

В производстве и потреблении мяса свинина неизменно занимает ведущее место. Её производство увеличивается и это не удивительно: для свиней характерно высокое многоплодие, короткий эмбриональный период, скороспелость и высокий доход продуктов убоя, что позволяет получать от них большое количество продукции при экономном расходовании кормов. Мясо и жир свиней отличаются высокими пищевыми и вкусовыми достоинствами. Перевариваемость свиного мяса достигает 95%, свиного сала 98%. Консервирование свинины не ухудшает её вкусовых качеств, что издавна сделало этот продукт незаменимым при производстве колбас и копченостей. Кроме мяса и жира от свиней получают шкуру, щетину, кровь, эндокринное и другое ценное сырьё для промышленности.

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

В год жители России потребляют около 8 млн.т. мяса, в том числе более 2 млн.т. свинины. В 2005 году около 1,5 млн.т. свинины было произведено внутри страны, около 0,5 млн.т. импортировано.

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

1.2 Анализ и описание графических пакетов Первый в мире сайт info.cern.ch появился в 1991 году. Его создатель, Тим Бернерс-Ли, опубликовал на нём описание новой технологии WorldWideWeb, основанной на протоколе передачи данных HTTP, системе адресации URI и языке гипертекстовой разметки HTML. Также на сайте были описаны принципы установки и работы серверов и браузеров. Сайт стал и первым в мире интернет-каталогом, так как позже Тим Бернерс-Ли разместил на нём список ссылок на другие сайты.

Сайт (от англ. website: web — «паутина, сеть» и site — «место», буквально «место, сегмент, часть в сети») — система электронных документов (файлов данных и кода) частного лица или организации в компьютерной сети под общим адресом (доменным именемили IP-адресом) Все сайты в совокупности составляют Всемирную паутину, где коммуникация (паутина) объединяет сегменты информации мирового сообщества в единое целое — базу данных и коммуникации планетарного масштаба. Для прямого доступа клиентов к сайтам на серверах был специально разработан протокол HTTP.

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

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

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

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

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

Изготовление сайтов как работающих целостных информационных ресурсов и систем — составной процесс, вовлекающий труд различных специалистов. Этот вид деятельности называется веб-разработка. Владельцы будущего сайта (частные лица или организации) разрабатывают сайты своими силами, либо обращаются к специализированным разработчикам (фрилансерам, студиям, бюро, конторам и т. п.). Отношения между заказчиком и исполнителем регулируется с помощьюдоговоров, технических заданий, специальных систем (различных сайтов, выступающих посредником между заказчиком и фрилансерами), либо устной договорённостью. Заказанная работа может представлять собой как полный комплекс создания сайта, вплоть до придумывания названия и регистрации домена, так и расширение сайта, техническую оптимизацию и редизайн. Всё больше разработка и сопровождение сайта (портала) становится мощным сегментом активов предприятий (организаций). Поэтому разработчиков предпочитают штатных или поручают проект вести одному из директоров аппарата управления (коммерческий директор, директор департамента по связям или непосредственно руководителю проекта с группой штатных специалистов и/или совместителей). Особую роль выполняют «тестеры» конечного продукта. Это ответственная роль в продвижении и оценке проекта, так как стадия разработки для динамического большого проекта никогда не прекращается. Если вы видите сайт 2−3 года без изменений, то он, возможно, никому не нужен, либо пользуется спросом на базисную информацию. Но сопровождение проекта становится не менее ответственным делом. По этой причине создание и продвижение сайта приводит к активной и прибыльной работе проекта. Ведь главная задача создания сайта есть прибыль.

Веб-дизайнеры разрабатывают макеты шаблонов страниц. Дизайнер определяет, каким образом конечный потребитель будет получать доступ к информации и услугам сайта — то есть, занимается непосредственно разработкой пользовательского интерфейса. В большинстве случаев страницы включают в себя графические элементы. Их подготовкой занимаются художники, иллюстраторы, фотографы, технические дизайнеры, шрифтовики, и т. д. Готовые шаблоны показываются заказчику. В этот момент страницы ещё не могут содержать конечного наполнения (это в обязанности дизайнера не входит). Чтобы макеты выглядели более наглядно, в них помещается произвольное содержимое. На сленге дизайнеров такое содержимое называется рыбой. Если заказчик удовлетворён внешним видом шаблонов, то наступает следующая фаза разработки — вёрстка страниц сайта.

Верстальщик получает макеты шаблонов в виде простых изображений (например, в формате JPEG или PNG), либо разбитых по слоям (например, в PSD или AI). Его задача — получить из этих графических макетов гипертекстовые веб-страницы с подготовленными для интернета изображениями.

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

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

После того, как сайт готов к эксплуатации, наступает следующая фаза — наполнение сайта информацией.

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

После того, как сайт готов к эксплуатации, наступает следующая фаза — наполнение сайта информацией.

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

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

Типы графических редакторов:

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

Растровые графические редакторы позволяют пользователю рисовать и редактировать изображения на экране компьютера, а также сохранять их в различных растровых форматах, таких как, например, JPEG и TIFF, позволяющих хранить растровую графику с незначительным снижением качества за счёт использования алгоритмов сжатия с потерями, PNG и GIF, поддерживающими хорошее сжатие без потерь, и BMP, также поддерживающем сжатие (RLE), но в общем случае представляющем собой несжатое «попиксельное» описание изображения. Наиболее популярные профессиональные растровые графические редакторы: платный AdobePhotoshop (для операционных систем Windows и WindowsPhone, Mac OS X и iOS, Android) и его бесплатный аналог GIMP (для операционных систем Linux и Windows, Free BCD и Solaris), распространяемый под лицензией GNU GPL, а также менее известные графические редакторы для начинающих: любительский Photofiltre и учебный Paint.NET.

Векторные графические редакторы Векторные графические редакторы позволяют пользователю создавать и редактировать векторные изображения непосредственно на экране компьютера, а также сохранять их в различных векторных форматах, например, CDR, AI, EPS, WMF или SVG. Векторные редакторы часто противопоставляют растровым редакторам. В действительности, их возможности часто дополняют друг друга: векторные редакторы обычно более пригодны для создания разметки страниц, типографики, логотипов, sharp-edgedartistic иллюстраций (например, мультипликация, clipart, сложные геометрические шаблоны), технических иллюстраций, создания диаграмм и составления блок-схем; растровые редакторы больше подходят для обработки и ретуширования фотографий, создания фотореалистичных иллюстраций, коллажей, и создания рисунков от руки с помощью графического планшета.

Наиболее популярные профессиональные векторные графические редакторы: платный AdobeIllustrator и платный CorelDraw (для операционных систем MicrosoftWindows и Mac OS X), а также свободно распространяемый и бесплатный графический редактор Inkscape — для всех ОС.

Гибридные графические редакторы Гибридные графические редакторы предназначены для работы со сканированными документами. Такой вид графического редактора включает в себя часть растрового и векторных программ. Ярким примером гибридной программы можно считать AutoCAD, RasterDesk. Наиболее популярны: RasterDesk для AutoCAD, Spotlight для операционных систем MicrosoftWindows. Редакторы растровой графики AdobePhotoshop, AdobeIllustrator и CorelDraw также поддерживают некоторые функции для работы над векторной графикой.

Рассмотрим более подробно некоторые из редакторов:

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

Inkscape — векторный графический редактор, удобен для создания как художественных, так и технических иллюстраций (вплоть до использования в качестве САПР общего назначения, чему также способствует легкость обмена чертежами). Это стало возможным во многом благодаря открытому формату SVG, развиваемому консорциумом W3C. Формат SVG позволяет создавать иллюстрации различного типа, в том числе анимированные. Поскольку SVG основан на языке разметки XML, к нему можно писать расширения, чем авторы Inkscape и пользуются. Программа распространяется на условиях GNU GeneralPublicLicense. История Inkscape началась с того, что нескольких программистов и дизайнеров, умеющих писать код, перестали устраивать условия разработки редактора векторной графики Sodipodi. Поняв, что они не смогут в должной степени применить свои навыки, они организовали новый проект, который назвали Inkscape. В версии Inkscape 0.91 добавлено много новых возможностей и исправлено более 700 ошибок, допущенных в версии 0.48, что делает Inkscape более готовым к использованию. Inkscape де-факто стал самым популярным свободным редактором в своей области.

CorelDRAW — редактор, разработанный канадской корпорацией Corel. CorelDRAWGraphicsSuite (англ: «Интегрированный комплект программ CorelDRAW») — начиная с версии 12 пакета CorelDRAW — маркетинговое официальное наименование пакета программного обеспечения для работы с графической информацией производства компании Corel. До этой версии комплект назывался просто «CorelDRAW», хотя слова «Suite» и «GraphicsSuite» впервые появляются на коробках и в документации начиная с версии 9. Комплектация пакета никак не была связана с переименованием. Пользователи CorelDRAW — начинающие художники, профессиональные иллюстраторы, дизайнеры, редакторы буклетов, книгоиздатели, художники по рекламе и логотипам, модельеры, менеджеры и т. д.

AdobePhotoshop — многофункциональный графический редактор, разработанный и распространяемый фирмой AdobeSystems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений и наиболее известным продуктом фирмы Adobe. В настоящее время Photoshop доступен на платформах OS X, Windows, в мобильных системах iOS, WindowsPhone и Android. Также существует версия PhotoshopExpress для WindowsPhone 8 и 8.1. Сейчас в США идёт бета-тестирование стриминговой версии продукта для Chrome OS. Ранние версии редактора были портированы под SGI IRIX, но официальная поддержка была прекращена, начиная с третьей версии продукта. Для версий 8.0 и CS6 возможен запуск под Linux с помощью альтернативы Windows API — Wine. Photoshop тесно связан с другими программами для обработки медиафайлов, анимации и другого творчества. Несмотря на то, что изначально программа была разработана как редактор изображений для полиграфии, в данное время она широко используется и в веб-дизайне. Совместно с такими программами, как AdobeImageReady (программа упразднена в версии CS3), AdobeIllustrator, AdobePremiere, AdobeAfterEffects и AdobeEncore DVD, он может использоваться для создания профессиональных DVD, обеспечивает средства нелинейного монтажа и создания таких спецэффектов, как фоны, текстуры и т. д. для телевидения, кинематографа и всемирной паутины. Photoshop также прижился в кругах разработчиков компьютерных игр.

Photoshop поддерживает следующие цветовые модели или способы описания цветов изображения (в аннотации самой программы — режим изображения):

RGB

LAB

CMYK

В градациях серого Черно-белые

Duotone

С 256-цветовой палитрой (Indexed)

Многоканальные (Multichannel)

Поддерживается обработка изображений, с глубиной цвета 8 бит (256 градаций на один канал), 16 бит (используется 15 битов плюс один уровень, то есть 32 769 уровней) и 32 бит (используются числа одинарной точности с плавающей запятой). Возможно сохранение в файле дополнительных элементов: направляющих (Guide), каналов (например, канала прозрачности — Alphachannel), путей обтравки (Clippingpath), слоёв, содержащих векторные и текстовые объекты. Файл может включать цветовые профили (ICC), функции преобразования цвета (transferfunctions). Допускаются неквадратные пиксели (PixelAspectRatio).

В данной курсовой работе для создания портфолио свиного предприятия АПК понадобятся инструменты графического редактора AdobePhotoshop.

Глава 2. Разработка программного продукта в AdobePhotoshopCS6.

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

главная страница;

второстепенные страницы;

Макеты шаблонов web-страниц разработаем в AdobePhotoshopCS6. Начнем с запуска программы. После запуска AdobePhotoshopCS6, создадим новый документ через меню Файл > Создать (File>New). Установим данные параметры.

Рисунок 1 — Создание нового документа в AdobePhotoshopCS6.

Начнем создавать интерфейс главной web-страницы. Для начала создадим шапку сайта. Нарисуем прямоугольник черного #0 цвета, используя инструмент Прямоугольник (RectangleTool). Нарисуем фигуру высотой 74px, в стилях слоя добавим Наложение градиента (GradientOverlay) и поместим ее в верхней части документа.

Поверх фона создаем ещё один прямоугольник, высота 70px, и добавляем стили Тень (DropShadow), Наложение градиента (GradientOverlay) и Обводку (Stroke).

Рисунок 2 — Создание шапки сайта.

Далее добавляем кнопки для навигации по сайту с помощью инструмента Прямоугольник. А также кнопку поиска.

Рисунок 3 — Создание кнопок навигации.

Далее создаем фон. Нарисуем прямоугольникбелого цвета, используя инструмент Прямоугольник (RectangleTool). Нарисуем фигуру размером 1400×728px и поместим ее в верхней части документа.

Теперь загрузим необходимую фотографию, перетянем ее в документ Photoshop и разместим над слоем с прямоугольником. Уменьшим Непрозрачность (Opacity) слоя IMG до 90%, чтобы текст, который мы поместим наверх, был читаемым. При нажатии Ctrl + T можно изменять размер под необходимый.

Рисунок 4 — Создание фона.

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

2.2 Программный продукт Рисунок 5 — Готовый шаблон страницы web-ресурса Великолукского свиноводческого комплекса.

Рисунок 6 — Макет страницы «О нас» web-ресурса Великолукского свиноводческого комплекса.

Рисунок 7 — Макет страницы «Продукция» web-ресурса Великолукского свиноводческого комплекса.

Рисунок 8 — Макет страницы «Контакты» web-ресурса Великолукского свиноводческого комплекса.

Рисунок 9 — Макет страницы «Пресс-центр (1)» web-ресурса Великолукского свиноводческого комплекса.

Рисунок 10 — Макет страницы «Пресс-центр (2)» web-ресурса Великолукского свиноводческого комплекса.

Рисунок 11 — Макет страницы «Пресс-центр (3)» web-ресурса Великолукского свиноводческого комплекса.

Рисунок 12 — Макет страницы «Пресс-центр (4)» web-ресурса Великолукского свиноводческого комплекса.

Рисунок 13 — Макет страницы «Карьера (1)» web-ресурса Великолукского свиноводческого комплекса.

Рисунок 14 — Макет страницы «Карьера (2)» web-ресурса Великолукского свиноводческого комплекса.

Рисунок 15 — Макет страницы «Как добраться» web-ресурса Великолукского свиноводческого комплекса.

Заключение

В данной работе были осуществлены и реализованы все поставленные цели и задачи. Был создан web-ресурс для предприятия АПК Великолукского свиноводческого комплекса.

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

1.Залогова, Л. А. Компьютерная графика. Элективный курс: Практикум / Л. А. Залогова. — М.: БИНОМ. ЛЗ, 2011. — 245 c.

2.Пантюхин, П. Я. Компьютерная графика. В 2-х т.Т. 1. Компьютерная графика: Учебное пособие / П. Я. Пантюхин. — М.: ИД ФОРУМ, НИЦ ИНФРА-М, 2012. — 88 c.