Разработка web-сайта общественных организаций «Общество защиты тигра» и «Преображенского клуба естествознания «Оазис»

Содержание:

Введение

В современном мире охране природы уделяется огромное внимание, т.к. без сохранения среды обитания человек обречен на вымирание. В последнее время в нашей стране охрана амурского тигра осуществляется под пристальным вниманием президента В.В. Путина. В 2010 г. в Санкт-Петербурге прошел международный саммит, посвященный сохранению тигра как вида (Глобальная программа восстановления тигра (2010-2022 гг.). Ноябрь 2010 года). Каспийский, балийский и яванский подвиды тигра уже вымерли (Seidensticker et al. 1999). Мировая общественность прилагает огромные усилия для сохранения оставшихся подвидов тигра – бенгальского, южно-китайского, суматранского, индокитайского и амурского (Глобальная программа восстановления тигра (2010-2022 гг.). Ноябрь 2010 года). На Дальнем Востоке РФ охраняется амурский подвид тигра.

В 1993 г. жители Приморского края создали Общество защиты тигра (ОЗТ) для того, чтобы содействовать сохранению тигра и среды его обитания. ОЗТ работает совместно с Преображенским клубом естествознания «Оазис». Это общественные некоммерческие организации, которые не ставят своей целью получение прибыли и разделения ее среди своих членов. Члены Общества и Клуба работают на добровольной основе, и их средства ограничены. Поэтому Общество и Клуб обратилась ко мне, как студенту МФПУ, обучающемуся по специальности «Информационные системы и технологии» с просьбой разработать совместный Web-сайт Общества и Клуба для достижения целей своей деятельности.

Цель данной курсовой работы следует из ее названия – разработка совместного Web-сайта для "Общества защиты тигра" и "Преображенского клуба естествознания «Оазис». Для этого необходимо решить задачи: освоить дисциплину "Разработка интерактивных приложений для Web-сайта", разработать ресурс и найти хост, на котором можно было бы бесплатно поместить созданный Web-сайт. В результате ожидается, что поставленная цель будет достигнута: будет создан совместный Web-сайт "Общества защиты тигра" и "Преображенского клуба естествознания «Оазис», размещен в Интернете, протестирован, и, главное, будет работать.

1. Цели и концепция Web-ресурса

1.1. Миссия компании

Общественная организация «Общество защиты тигра» было официально зарегистрировано в 1993 году. До этого времени члены ОЗТ были связаны с охраной и изучением тигра более 10 лет. Общественная организация «Преображенский клуб естествознания «Оазис» начало свою работу в начале 2000-х годов. Но это общество официально не оформлялось, а примкнуло к "Обществу защиты тигра".
Цель ОЗТ следует из его названия – содействие сохранению тигров в природе. Для этого ставятся следующие задачи. Борьба против браконьерства в отношении тигра и против уничтожения среды его обитания. Борьба против незаконной торговли дериватами тигра. Содействие разрешению конфликтов между тигром и человеком: расследование таких ситуаций и отпугивание тигров от населенных пунктов. Содействие в научных исследованиях, посвященных изучению экологии тигра. Пропаганда идей сохранения тигра и его среды обитания.

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

Регион действия ОЗТ – ареал амурского тигра, а это Приморский край и юг Хабаровского. Есть активные члены ОЗТ, которые работают в Хабаровском крае и на севере Приморского. Но, в основном, члены общества работают на юго-востоке Приморского края, где расположен Лазовский заповедник и национальный парк «Зов тигра». Члены Общества расследуют случаи браконьерства в отношении тигра и других животных. Расследуют также конфликтные ситуации, которые возникают, когда тигры выходят к населенным пунктам и нападают на домашних животных. В таких случаях предпринимаются попытки отпугивания тигров, члены ОЗТ принимали участие в разработке соответствующей методики. Члены Общества содействуют изучению экологии амурского тигра: участвуют в учетах, собирают соответствующий научный материал, помогают сотрудникам во время полевых исследований. Проведения всех этих мероприятий, полученные результаты члены ОЗТ публикуют в научных изданиях, газетах. Члены Общества участвуют также в съемках фильмов, посвященных природе и тигру, помогают в съемках таких фильмов. Все это нужно для пропаганды идеи сохранения природы, как и создаваемый сайт.

Целью "Преображенского клуба естествознания "Оазис" является получение знаний об окружающей среде. Для этого необходимо выполнить следующие задачи: изучение окружающей природы, как растительного, так и животного мира; изучение угроз существованию окружающей среды; пропаганда полученных знаний.

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

1.2. Обоснование необходимости создания Web-ресурса.

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

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

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

1.3. Описание свойств Web-ресурса, требуемых для решения выбранной задачи

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

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

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

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

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

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

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

1.4. Характеристика целевой аудитории.

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

1.5. Характеристика и анализ Web-ресурсов по аналогичной тематике

По аналогичной тематике в нашем регионе работают общественные организации: Фонд Феникс, Общество сохранения дикой природы (WCS, USA). Эти организации финансируются из-за рубежа, следовательно, имеют возможность потратить значительные ресурсы на свои сайты.

На сайте Фонда Феникс (http://fundphoenix.org) на главной странице размещена обновляющаяся информация о проектах, которые финансирует фонд, а также справочная информация об амурском тигре. Все это сопровождается звуком. Однако заметно, что писали последний раздел не специалисты, т.к. заголовок темы «Кто такой тигр амурский?» режет слух. Правильнее употреблять «амурский тигр», как это принято в зоологической научной литературе, когда впереди видового названия «тигр» употребляется подвидовое – «амурский».

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

Сайт написан на русском языке, но есть английская версия, что, несомненно, увеличивает аудиторию сайта. На мой взгляд, цветовое решение сайта Фонда Феникс не совсем удачное: одна из полос имеет яркий оттенок, что неприятно для восприятия.

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

Таким образом, форма сайта Фонда Феникс достаточно хорошо разработана, а содержание нет.

Общество сохранения дикой природы (WCS, USA, http://russia.wcs.org) также работает в Дальневосточном регионе. Основное внимание данного Общества уделено тигру, леопарду, бурому медведю, рыбному филину. Деятельность этого Общества также подразделяется на те же разделы, что и деятельность предыдущей организации. Сайт WCS, на мой взгляд, сделан более профессионально, чем предыдущий. Страницы сайта («Главная», «Виды», «Проекты», «Публикации», «Фотогалерея», «О нас») сформировано по тому же принципу, что и у сайта Фонда Феникс. На главной странице также имеется меняющаяся картинка, на которой есть кнопка «Узнай больше», где открывается соответствующая информация. Есть страница «Фотогалерея», но, к сожалению, фотографии невозможно открыть.

Достоинства сайте – русская и английская версии, удачное цветовое решение: оттенки цветов «мягкие», есть интересные и свежие материалы. Недостатком сайта, на мой взгляд, является слабое представление списка и текстов научных работ. Переключение на англоязычную версию происходит автоматически, что создает неудобство. На сайте нет острых материалов, все слишком «научно» и малопонятно обычному пользователю. Имеется обратная связь (на сайте можно оставить свое сообщение), но только на английском. На некоторых страницах среди текста на русском языке помещен английский. Фамилии сотрудников, даже русских, почему-то указаны только на английском. Многая информация уже устарела, но не помещена в архив. В общем, сайт можно посмотреть один-два раза, постоянно посещать его нет поводов.

2. Параметры и внешний вид Web-ресурса

2.1. Обоснование выбора имени и названия Web-ресурса.

Имя и название ресурса соответствует названию Общества и Клуба, деятельности которых посвящен сайт. Название «Общество защиты тигра» однозначно определяет деятельность общества. Из названия связанного с ним «Преображенского клуба естествознания «Оазис» также можно определить деятельность этого общества. На первой странице сайта при его загрузке будет отображаться «Об-вО з@щиТЫ Тигр@"». Название, отображаемое на главной странице Web-ресурса, будет частично совпадать, с заголовком сайта.

2.2. Обоснование лингвистического обеспечения Web-ресурса

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

2.3. Обоснование выбора графического режима Web-ресурса

Графика сайта – это, прежде всего, фотографии, полученные в природе. Фотографии двух типов. 1. Фотографии, полученные с помощью цифровых фотоаппаратов разных марок (Fujifilm FinePix S9500, Panasonixc Lumix, Sony Cyber-shot DSC-WX220), командой сайта. Эти фотографии, как правило, с расширением .jpg, редко .psd. 2. Фотографии, полученные с помощью цифровых автоматических камер слежения (расширение .jpg), которые устанавливаются в лесу для автоматического фотографирования животных. Эти фотографии меньшего объема и, соответственно, качества, чем первые, но более интересные, т.к. схватывают моменты жизни животных во время естественного поведения. Фотографии диких тигров, например, вообще, редко можно сделать при встрече в лесу

2.4. Обоснование принятых решений по цветовой схеме Web-ресурса

Фон страниц сайта – мягкий оттенок зеленого цвета. Такой цвет не раздражает, успокаивает, символизирует природу. Разрешение мониторов, при котором сайт хорошо «читается» от 320 x 240 до 7680 x 4800 пикселей.

2.5. Обоснование принятых решений по размеру и виду шрифта

Основной вид шрифта – Time New Roman, размер 12 пунктов. Шрифт такого размера наиболее удобен при чтении с экрана (Гаевский, Романовский, 2008), и часто используется при написании научных работ.

2.6. Обоснование принятых решений по формированию фирменного стиля

Фирменный стиль необходим для разрабатываемого сайта, т.к. это должно привлечь большое количество посетителей, которые могут проникнуться идеями охраны природы и ее изучения. А это соответствуют целям «Общества сохранения тигра» и «Преображенского клуба естествознания «Оазис». Фирменный стиль создаваемого сайта – оригинальность, эксклюзивность, острота поднимаемых проблем. Оригинальность связана с тем, что на сайте публикуются материалы исследований авторов, их статьи, мысли, идеи. На сайте публикуются эксклюзивные материалы и фотографии, т.е. которые больше нигде не используются. Особенно оригинальны фотографии тигров, полученные в природе с помощью автоматических камер слежения. Например, на главной странице размещена дневная фотография взрослой тигрицы, которая метит скалу на фоне Японского моря и заснеженного склона сопки. По мнению зоолога Е. Кашкарева (личное сообщение), это уникальная фотография, характеризующая сохраняемые местообитания амурского тигра. Где обитает амурский тигр? На Дальнем Востоке России, где суровые зимы. На фотографии видно, что это именно амурский тигр, т.к. хищник позирует на фоне моря и заснеженного склона. Остальные же подвиды тигра обитают, в основном, в субтропиках.

На сайте также поднимаются проблемы, связанные с браконьерством, убийством тигров, в том числе и гибелью тигров в результате изучения тигров учеными из США. В результате выступлений ученых, которые опубликованы на сайте, использование «убивающих» научных методов было запрещено соответствующими государственными органами.

3. Обоснование выбора инструментария для создания Web-ресурса

3.1. Обоснование технологии получения и размещения информационного наполнения Web-ресурса

На сайте публикуются материалы членов «Общества защиты тигра» и «Преображенского клуба естествознания «Оазис». Но основные авторы сайта – команда из 3-х человек. Я, как разработчик сайта, председатель Общества и председатель Клуба. Председатель Общества работает научным сотрудником в ФГБУ «Объединенная дирекция Лазовского государственного природного заповедника им. Л.Г. Капланова и национального парка «Зов тигра». Одной из направлений работы сотрудника – расследование конфликтных ситуаций между тигром и человеком, проведение отпугивания и разработка методов отпугивания. В этой работе принимают участие члены Общества и Клуба. Поэтому ежегодно на сайте будут публиковаться главы из научного отчета сотрудника по конфликтным ситуациям, которые возникают, когда тигры выходят к населенным пунктам и нападают на домашних животных.

Председатель Преображенского клуба естествознания «Оазис» является также внештатным корреспондентом районной газеты «Синегорье», где практически еженедельно публикуются его материалы, связанные с природой. Эти же материалы будут еженедельно поступать на сайт. Другие проблемные материалы будут размещаться на сайте периодически, по мере возникновения.

3.2. Обоснование выбранных технологий для обеспечения совместимости Web-ресурса с различными браузерами

Разрабатываемый Web-ресурс должен корректно открываться в наиболее распространенных браузерах Opera, Internet Explorer, Мozilla, Google Chrome, Netscape и Safari (http://sayt-s-nulya.ru/crossbrauzernost_sayta.html). При просмотре сайта в этих браузерах не должно наблюдаться  развалов верстки и подаваемый материал  должен быть одинаково читабелен. Другими словами сайт должен быть кроссбраузерным, что означает свойство сайта одинаково работать во всех браузерах.

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

3.3. Обоснование выбора программного обеспечения для создания Web-ресурса

3.3.1. Обоснование выбора программных продуктов для создания графики

В операционной системе Windows XP, установленной на моем компьютере, есть стандартные графические программы Paint и Pain.net, которые можно использовать для первичной обработки фотографий. Например, обрезание, поворот и т.д.

Фотографии, получаемые авторами сайта в природе с помощью автоматических камер, нуждаются в более существенной обработке, т.к. животные снимаются автоматически в любую погоду, в разное время суток, при разной освещенности. Поэтому такие снимки для улучшения качества нуждаются в редактировании: коррекции цветового и тонового баланса изображений, изменении освещенности и насыщенности цветов на фотографиях. Для таких целей лучше всего подходит программа Abode Photoshop. Эта программа хорошо работает с растровыми изображениями, каковыми и являются фотографии, полученные цифровыми фотоаппаратами (Жук, 2012; Гурский и др., 2010). Графический редактор CorellDROW представляет собой комплексный пакет предложений для создания графических материалов иллюстраций, редактирование фотографий и преобразования растровых изображений в векторные.

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

На мой взгляд, программа Abode Photoshop обладает более мощными инструментами для редактирования фотографий, чем программа Photo Impression и CorellDRAW, поэтому первой я и пользуюсь. Вторая же программа хорошо подходит для хранения фотографий в фотоальбомах при создании баз данных.

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

Для создания анимационных роликов используются программы Ulead VideoStudio, Flash (Жадаев, 2009) и др. В разрабатываемом сайте мы не используем анимационные ролики, т.к. это не вписывается в концепцию сайта. У нас достаточно оригинальных фотографий. Для оживления Главной страницы сайта, использованы анимационные ролики «прыгающего тигра» и «молящегося на луну тигренка», которые были в Интернете в свободном доступе.

3.3.3. Обоснование выбора СУБД

В нынешнем виде в разрабатываемом сайте не используются СУДБ и, вообще, БД, т.к. пока материала не так много и, поэтому, нет необходимости в их применении. В дальнейшем планируем создавать базы данных разных тигров в Microsoft Office Access. Эта программа позволяет вводить текстовую информацию о каждом тигре и его фотографии разных сторон тела. В свою очередь эту БД можно использовать для идентификации тигров различными программами, например Extract Compare. Дело в том, что узор из полос и пятен на шкуре тигра уникален, и по этому узору можно идентифицировать особей. В дальнейшем возможна идентификация тигров через сайт: пользователи вводят фотографию тигра, а программы сравнивают данную фотографию с фотографиями в имеющейся БД и определяют, есть ли у нас этот тигр, где и как он живет, как его зовут, или это новая особь.

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

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

Информация о случаях гибели животных, из которых затем формируются данные в раздел "Браконьерство" вносится в БД в среде Excell в разделы: дата, время, сезон, место гибели, статус территории, вид погибшего животного, что обнаружено, причины гибели, учетчики, пол тигра, давность гибели жертвы.

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

Основой программирования документов для Web является язык гипертекстовой разметки HTML. Код, написанный на этом языке, исполняется на компьютере клиента в приложении Web-браузера. С этим связана его относительная простота и легкость усвоения (Гаевский, Романовский, 2008).

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

Языки сценариев JavaScript, VBScript, Jscript служат для манипулирования страницами. Из них язык JavaScript стал наиболее популярным. Используя этот язык можно создать интерактивные публикации, а также различные Web-приложения. JavaScript является интерпретируемым языком программирования. Интерпретатором является разновидность транслятора, представляющая собой программу-посредник, которая читает команды из файла и переводят их на язык процессора не заранее, а непосредственно во время выполнения программы. В зыке JavaScript интерпретатором выступает программа браузера Internet Explorer или Netscape Navigator.

В данной курсовой работе используется язык гипертекстовой разметки HTML, т.к. я только учусь, а этот язык, как отмечалось выше, относительно прост и легок для усвоения. Общественные организации "Общество защиты тигра и "Преображенский клуб естествознания "Оазис", которые обратились ко мне с просьбой об разработки их сайта, в настоящее время не имеют свободных средств для оплаты Web-ресурса. Следовательно разработанный сайт помещен на бесплатный хост, где обилие рекламы. Поэтому на текущий момент множество функций, которые реализуют другие языки - динамический HTML, JavaScript, VBScript, Jscript - являются избыточными. Например, я пробовал создать гостевую книгу, и туда заходили посетители. Но пользоваться этой гостевой книгой было практически невозможно из-за спама, а в Обществе и Клубе нет свободных людей, которые бы удаляли спам.

К тому же есть проблемы при открытии сайта на некоторых браузерах, если ресурс будет сделан на языке JavaScript, т.к. интерпретатором этого языка являются браузеры Internet Explorer и Netscape Navigator (см. выше).

Таким образом, язык гипертекстовой разметки HTML является достаточным для разработки Web-сайта общественных организаций "Общество защиты тигра" и "Преображенский клуб естествознания "Оазис".

3.4. Обоснование выбора способа размещения Web-ресурса в Интернет

При передачи файлов на сервер используется протоколы HTTP, FTP. C помощью протокола HTTP осуществляется обычный обмен файлами в WWW. Протокол FTP предназначен для обмена файлами между компьютерами, связанными между собой локальной или глобальной сетью (Гаевский, Романовский, 2008). При использовании этого протокола компьютеры взаимодействуют между собой по технологии "клиент-сервер" (FTP-сервер). Файлы хранятся в центральном компьютере, к которому подключены компьютеры распределенной сети (FTP-клиенты). Клиент посылает на сервер запрос и получает в ответ требуемые ему файлы. Помимо "загрузки" файлов на клиентский компьютер, возможна "выгрузка" файлов с компьютера клиента на сервер. Таким образом, протокол FTP допускает двусторонний обмен файлами между сервером и клиентом. Однако обмен между двумя клиентами, минуя сервер, невозможен.

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

Разработанный Web-ресурс я разместил в Интернете с помощью программы оболочки FAR, т.к. эта программа встроена в операционную систему, которая установлена на моем компьютере. С помощью протокола FTP можно быстро вносить изменения в разрабатываемый сайт. К тому же я давно знаком с приемами работы в FAR .

4. Структура и содержание сайта

4.1. Разделы сайта и система навигации

Разделы сайта указаны на рисунке 1. Разделы расположены горизонтально. Каждый раздел, кроме разделов "Главная", "Тигриный проект", "О нас", "Видео", иерархически делятся на ряд подразделов в форме всплывающих окон.

Раздел "Главная" - открывается главная страница. Вверху и посередине страницы - название Обществ и Клуба (рис. 2). Ниже в горизонтальном порядке расположены разделы сайта. Затем еще ниже расположен вход в Клуб "Оазис", где открывается список последней информации "Клуба". Ниже и слева на Главной странице помещена фотография тигрицы, которая метит скалу на фоне Японского моря и заснеженного склона сопки (раздел 2.6). Справа от фотографии расположен текст об «Обществе защиты тигра». Ниже текста расположена фотография следов двух лап тигра, сделанные для масштаба с линейкой. Правее этого текста размещена информация о погоде в поселке Преображение, щелкнув мышью по которому, можно войти на сайт погоды htttp://rp5.ru. Как показывает практика, предсказания погоды на этом сайте наиболее достоверны, по сравнению с другими. Ниже также размещена информация о погоде в селе Лазо и поселке Глазковка. Эти населенные пункты находятся в Лазовском районе Приморского края, где, в основном, работают Общество и Клуб. Размещение информации о погоде привлечет дополнительных посетителей. Внизу в правом угле расположены электронные адреса для отправки сообщений посетителями сайта.

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

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

Тигриный проект

Новости

Главная

Убийство пятнистых оленей

Янтарь и Ясам

2013-2014

Горячая новость

Браконьерство

Дела тигриные

Отпугивание

Численность тигров сокращается

2012-2013

Среда обитания

2010-2011

2011-2012

2009

Браконьерс-тво продолжает-ся

2008

Петли

Архив

Видео

О нас

Наука

Другие животные

Следы браконьерства в окрестностях п. Преображение зимой 2013-14 гг.

Монография Г.П. Салькиной

Другие кошки

Тури идет по следу

Тигр - Инспектор 2012-13 гг.

Найти тигренка

Рис. 1. Схема разделов сайта «Общества защиты тигра» и «Преображенского клуба естествознания "Оазис" (разделы расположены горизонтально, здесь за неимением места - на второй строке).

В разделе "Новости" в подразделе "Горячая новость" помещены последние новости: о попытке отлова гималайского медвежонка, которого, скорее всего, убили. Это вызвало большой общественный резонанс, обсуждалось и на других сайтах. Дело в том, что

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

В этом же разделе "Горячая новость" размещена информация о тигрице, которая кормит тигрят.

В разделе "Тигриный проект" размещен проект по изучению экологии тигра, в осуществлении которого участвуют члены Общества и Клуба.

В разделе "Отпугивание" в 6 подразделах помещена информация о конфликтных ситуациях между тигром и человеком с 2008 по 2014 гг., которые происходили вокруг Лазовского заповедника. В ближайшее время будет размещена информация о конфликтных ситуациях, произошедших в 2015 году.

Раздел "Дела тигриные" делится на два подраздела: "Янтарь и Ясам" (описывается жизнь тигрят) и "Численность тигров сокращается".

Раздел "Браконьерство" разбит на 4 подраздела (рис. 1), в которых помещена информация о вопиющих случаях браконьерства в отношении пятнистых оленей, которые являются основными пищевыми объектами для тигра на юго-востоке Сихотэ-Алиня. В подразделе "Петли" помещены статьи специалистов о пагубном действии на тигра петель Олдрича. Этими петлями ловили тигров в Сихотэ-Алинском заповеднике и на юго-западе Приморского тигра в рамках проекта Общества сохранения диких животных (WCS, USA). Тигров ловили и обездвиживания для мечения их радио ошейниками. Такой отлов привел к гибели большого количества тигров, о чем писали российские ученые. В конце концов, такой отлов был запрещен Росприроднадзором.

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

В разделе "Наука" помещена фотография обложки научной монографии председателя Общества защиты тигра Г.П. Салькиной (Salkina G. The Tiger and it’s relations with other species in South Sikhote-Alin. Germany: Lambert Academic Publishing. 2011. P. 161 (168).

В разделе "О нас" помещена информация об "Обществе защиты тигра". Здесь описываются основные направления деятельности Общества. Планируем сюда добавить информацию о деятельности "Преображенского клуба естествознания "Оазис".

В разделе "Видео" представлен фильм В. Василиненко "Тигры женщин не трогают". Фильм посвящен тигру и председателю «Общества защиты тигра» Г.П. Салькиной.

В разделе "Архив" пока три подраздела о браконьерстве, о проделках тигра "Инспектор" в 2012-13 гг. Имеется также подраздел "Найти тигренка", в котором предлагается найти одних и тех же тигрят по их фотографиям, сделанным в разное время в разных местах. Данный раздел предполагается пополнять по мере поступления новой информации, статей, заметок в другие разделы сайта.

Система навигации по сайту описана ранее (см. выше). Основные разделы сайта размещены в горизонтальном меню (рис. 1). В 6 из 11 разделов открываются подразделы (выпадающие подменю). Если их активировать, то всплывают страницы с соответствующей информацией. При нажатии на окна, где размещены фильмы, продукты будут загружаться из других мест размещения в Интернете. Четкость и ясность структуры WEB-сайта я постарался достичь тем, что вся деятельность Общества и Клуба отражена в соответствующих разделах. Переходы между разделами и подразделами я старался минимизировать: из каждого раздела - максимум через 2 нажатия кнопки мыши появляется конечная информация. Это должно уменьшить время ориентации пользователей по сайту. Скорость загрузки страниц невысока, за счет небольшого объема. Но качественные фотографии, особенно растений, их цветов, загружаются с некоторой задержкой. Это сознательно допускается авторами, т.к. среди посетителей сайта есть много настоящих ценителей, которые могут потерпеть некоторое количество времени, пока загружаются фотографии.

Стилизованность сайта достигается за счет выравнивания заголовков, пропорциональности и симметрии выкладываемого материала, принципов контраста текста и фона, на котором изложена информация. Типы шрифта для текстов и заголовков почти везде единообразен (Алехина, 2014).

4.2.Функциональные и технические требования

Разработанный сайт состоит из 11 разделов (Раздел 4.1): «Главная страница», «Новости», «Тигриный проект», «Отпугивание», «Дела тигриные», «Браконьерство», «Другие животные», «Наука», «О нас», «Видео», «Архив».

Главная страница - меняется фотографии тигров, примерно раз в год.

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

«Тигриный проект» - проект рассчитан на 6 лет, с 2013 по 2017 годы.

«Отпугивание» - обновляется раз в год, по мере написания главы в научном отчете ответственного исполнителя.

«Дела тигриные» - обновление примерно раз в 1-2 месяца.

«Браконьерство» - обновление по мере поступления информации о вопиющих случаях браконьерства.

«Другие животные» - обновление примерно раз в 2-3 месяца, по мере написания соответствующих статей ответственными авторами.

«Наука» - обновление один раз в год, т.к. научные статьи пишутся долго, по сравнению с научно-популярными или обычными публикациями.

«О нас» - обновление раз в год, т.к. анализ деятельности заказчиков происходит один раз в год.

«Видео» - обновление по мере поступления новых фильмов, связанных с членами Общества и Клуба. Такие события происходят не часто - раз в 3-5 лет.

«Архив» - обновление по мере устаревания информации в разделах "Новости" и "Браконьерство".

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

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

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

4.3. Эскиз сайта

Адрес разработанного сайта в Интернете: http://tiger.hut2.ru. На рисунках 2-9 представлены эскизы разделов и подразделов сайта «Общества защиты тигра» и «Преображенского клуба естествознания «Оазис».

4.4. Описание программных модулей

Для создания Web-сайта использовался программный модуль FAR, с помощью которого сайт был размещен в Интернете. Этот модуль позволяет копировать и удалять файлы и каталоги, редактировать сайт в Интернете (Раздел 3.4).

Использовался также текстовый редактор Word для набора и редактирования текста. Первоначально текс набирался и редактировался в этой среде, а затем помещался на сайт.

Для обработки фотографий использовалась программ Paint и Pain.net, Abode Photoshop. Фотографии по мере необходимости обрезались, редактировались (Раздел 3.3.1).

Для подготовки материалов для публикаций в разделах «Отпугивание», «Браконьерство» использовалась среда Excell (Раздел 3.3.3).

Рис. 2. Эскиз Главной страницы сайта "Общества защиты тигра" и "Преображенского клуба естествознания "Оазис".

Рис. 3. Эскиз подраздела «Горячая новость» раздела сайта «Новости».

Рис. 4. Эскиз подраздела «2013-14» раздела сайта «Отпугивание».

Рис. 5. Эскиз подраздела «Среда обитания» раздела сайта «Браконьерство».

Рис. 6. Эскиз подраздела «Браконьерство продолжается» раздела сайта «Браконьерство».

Рис. 7. Эскиз раздела сайта «Видео».

Рис. 8. Эскиз раздела сайта «Наука».

Рис. 9. Эскиз подраздела «Найти тигренка» раздела сайта «Архив».

4.5.Описание процедуры тестирования созданного Web-ресурса

Для периодической проверки можно пользоваться теми браузерами, которые установлены на моем компьютере (Mozilla Firefox и Opera, Internet Explorer идет в составе операционной системы Windows).

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

Один из таких сервисов - это Browsershots.org. Это бесплатное онлайн-приложение, позволяющее увидеть отображение сайта в различных браузерах и операционных системах, выбранных из списка предложенных (более 80 позиций).

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

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

На рисунках 10-12 приведены скриншоты результатов тестирования в разных версиях различных браузеров и операционных систем.

Рис. 10. Результаты тестирования сайта на 24 разных сочетаниях версий браузеров и операционных систем.

Рис. 11. Результаты тестирования сайта на 22 разных сочетаниях версий браузеров и операционных систем.

Рис. 12. Результаты тестирования сайта.

5. Разработка рекламной кампании по продвижению Web-ресурса в Интернет

5.1. Формирование массива ключевых слов для поиска Web-ресурса в поисковых системах

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

5.2. Описание структуры медиа-плана

Для продвижения разработанного сайта члены «Общества защиты тигра» и «Преображенского клуба естествознания "Оазис" в электронных письмах прикрепляли ссылку на данный ресурс. В почтовых программах это делается автоматически. Члены Общества ведут огромную электронную переписку в Российской Федерации и за рубежом. Поэтому, реклама сайта получается существенной.

У авторов и разработчиков сайта есть свои страницы в Одноклассниках, где также имеются ссылки на разработанный сайт и на некоторые его страницы. Один из авторов разделов сайта ведет активную жизнь в Интернете, является модератором сайта поселка Преображение "Preolife", где также размещена реклама сайта Общества и Клуба. Этот автор создает также группы на сайте «Preolife», а также в социальной сети «Одноклассники», где обсуждаются проблемы, затронутые на разработанной сайте. Это стимулирует пользователей посетить разработанный ресурс.

Заключение

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

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

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

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

Сайт состоит из 11 разделов: «Главная страница», «Новости», «Тигриный проект», «Отпугивание», «Дела тигриные», «Браконьерство», «Другие животные», «Наука», «О нас», «Видео», «Архив». Из них в 6 разделах имеются подразделы в форме всплывающих окон.

Продвижению разработанного Web-ресурса в Интернет должно способствовать

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

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

Список литературы

Алехина Г.В. Методических указания по курсовому проектированию для курса «ИССМ и WEB-приложений». Разработка интерактивных приложений для WEB-сайта (бакалавриат). М., 2014. 41 с.

Гаевский А.Ю., А.Ю. Романовский. Создание Web-страниц и Web-сайтов. М.: Технолоджи – 300, Триумф, 2008. 464 с.

Глобальная программа восстановления тигра (2010-2022 гг.). Ноябрь, 2010 года. 89 с.

Гурский Ю.А., И.В.Гурская, А.В. Жвалевский. Компьютерная графика. Photoshop CS4, CorelDRAW X4, Illustrator CS4. Трюки и эффекты (+ DVD) - СПб.:Питер, 2010.

Жадаев А.Г.Наглядный самоучитель Flash CS4 (+ СD) - - СПб.:BHV, 2009.

Жук Ю.А. Мультимедийные технологии. Учебное пособие. Самостоятельное учебное электронное издание. Сыктывкар, 2012. 271 с.

Seidensticker John, Sarah Christie and Peter Jackson. Preface // Riding the Tiger. Cambridge University Press, 1999. Pp. xv-xix.

Salkina G. The Tiger and it’s relations with other species in South Sikhote-Alin. - Germany: Lambert Academic Publishing, 2011. P. 161 (168).