Введение

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

       Целью курсового проекта является создание Web-сайта Крестьянско-фермерского хозяйства «Мечта». Программный продукт написан на языке гипертекстовой разметки HTML, имеет простой и удобный интерфейс. Все материалы Web-сайта логически сгруппированы по разделам. Web-сайт разработан с целью познакомить Интернет с предприятием и его специализацией. 

       Новизна Web-сайта-данная разработка в хорошем дизайнерском решении и использовании

       Актуальность  Web-сайта заключается в простоте использования и при этом не нужны глубокие знания персонального компьютера.

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

    1 Анализ технического  задания и возможные  способы реализации  поставленной задачи

        В соответствии с  техническим заданием необходимо разработать  Web-сайт Крестьянско-фермерского хозяйства «Мечта».

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

        - дать информацию о том, когда было открыто КХФ «Мечта»;

        - предоставить полную информацию о КХФ «Мечта», цели и задачи хозяйства, 
чем руководствуется хозяйство в своей работе, с помощью какого оборудования там работают,

- предоставить полный отчет за все время существования КХФ «Мечта»;

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

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

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

        - дата создания  хозяйства;

        - особенности хозяйства, его задачи, функции, обязанности специалистов;

   - технические характеристики оборудования;

   - услуги  хозяйства.

     Отображение входных данных осуществляется с  запуска корневой страницы, именуемой «glavn.html», в результате этого должен открыться web-браузер, установленный в компьютере (сайт оптимизирован для работы с интернет-браузерем Opera 9.5.0, также можно использовать Internet Explorer), в котором должна отобразиться главная (начальная) страница и основное меню (все заголовки, имеющихся страниц), разделенных фреймом.

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

2 Выбор инструментальных  программных средств

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

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

       «Microsoft FrontPage» - это HTML-редактор, облегчающий создание  страниц и сайтов. Он включает в себя фактически и сервер и клиент. Его клиент программного обеспечения состоит из проводника и редактора. Проводник позволяет рассматривать и администрировать сайты различными способами, а также предоставляет доступ к редактору «Microsoft FrontPage». Проводник обеспечивает обзор сайта, а также позволяет создать новый Web-сайты.

       К достоинствам «Microsoft FrontPage» относится возможность экономии времени на разработку Web-сайта и надежные средства защиты, которые предоставляет программа.

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

         «Adobe Macromedia Dreamweaver» - программа с вкладочным интерфейсом и возможностью открытия большого количества документов, причем с каждым из них возможно совершенствование всех операций, предоставляемых операционной системой Microsoft Windows.

        К достоинствам «Adobe Macromedia Dreamweaver» относится доступ к HTML-коду  осуществляется проще, чем «Microsoft FrontPage». Как и большинство других программ-редакторов, позволяет сохранять страницу в другом файле под другим именем. Это может быть полезно, если необходимо создать множество примерно одинаковых страниц. В «Dreamweaver» есть так называемая подсказка по коду, аналогичная подсказкам «Borland Delphi»: как только будет поставлен где-либо в коде значок «<»,«Dreamweaver» отобразит список, в котором перечислены все теги HTML.

       В настоящее время наиболее распространенными  средами являются  «Блокнот», конструктор сайта.

       Конструктор сайта имеет удобную среду  разработки. Простота базового языка  делает пакет популярным среди программистов.  Поставляемая в комплекте с операционной системой Microsoft Windows программа «Блокнот» («Notepad») является простейшим текстовым редактором, предназначенным для редактирования стандартных текстовых файлов Microsoft Windows, имеющих расширение .txt. Блокнот поддерживает только простейшие режимы форматирования текста, вследствие чего является идеальным средством для создания и обработки файлов, содержащих код различных интерпретируемых языков: HTML-документов, файлов CSS, PHP – когда избыточное форматирование, которое могут внести в текстовый файл «профессиональные» редакторы, отрицательно сказывается на работоспособности кода.

       Созданный при помощи «Блокнот» файлы можно  сохранять в кодировках Windows-1251, Unicode (UTF-8) и ANSI, что придает работе с текстом значительно большую гибкость и мобильность.

       Создание  Web-сайта с помощью простейшего текстового редактора «Блокнот» предполагает отличное знание языка HTML, поскольку все теги прописываются вручную. Для создания качественного Web-сайта нужно приложить огромные усилия и затратить большой объем времени. Кроме того, отсутствует возможность непосредственного просмотра Web-страницы при ее создании, для этого необходимо просматривать ее в браузере. Даже при небольшом объеме страницы затрудняется поиск и исправление ошибок. Для этого приходится просматривать и анализировать огромное количество HTML-тегов. В настоящее время текстовый редактор «Блокнот» не предоставляет возможностей для быстрого и качественного создания Web-ресурсов. 

3 Выбор аппаратных  средств для реализации поставленной задачи

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

• центральный процессор с тактовой частотой 466 МГц;
• оперативная память 128 Мбайт;
• стандартный SVGA монитор;
• стандартная клавиатура;
• стандартный манипулятор типа «мышь»;
• свободное место на жестком диске 300 Мбайт;

• видеоадаптер с объемом памяти 16Мбайт; 
  -CD-ROM.

       В качестве центрального процессора можно  выбрать процессоры фирм Intel, AMD с тактовой частотой не менее 466 МГц.

     Так как в оперативную память загружаются программы и заносятся все данные, которые требуются программе для работы, то необходимо использовать оперативную память не менее 128 Мбайт.

     В сайте почти не используются элементы ЗD-графики, поэтому видеоадаптер компьютера может использоваться любой, с объемом памяти 16 Мбайта, а монитор должен обеспечивать работу с разрешением 1024*768 точек и 16-битным цветом, при частоте развертки не ниже 85 Гц.

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

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

       Для ввода данных применяется стандартная клавиатура и мышь.

       Звуковое  сопровождение не предусмотрено, поэтому звуковая карта не обязательна. 
4 Описание программного продукта

   4.1 Выбор структур Web-сайта

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

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

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

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

   - меню должно зрительно выделяться на фоне текста;

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

   Существует  несколько видов структур Web-сайтов: линейная, древовидная, решетчатая, гибридная.

     При линейной структуре сайта  материал выстраивается в логическую цепочку, имеющую начало и конец. Схема линейной структуры Web-сайта представлена на рисунке 1.

       

       

           

       

         

   Рисунок 1 – Схема линейной структуры  Web-сайта 

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

                                                                                                                                      
 
 
 

   Рисунок 2 – Схема древовидной структуры  Web-сайта

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

       

       

       

       

       

   Рисунок 4 – Схема решетчатой структуры  Web-сайта

   Гибридная структура сайта сочетает в себе линейную и древовидную структуры. Схема гибридной структуры представлена на рисунке 3. 

       

       

       

       

         

   Рисунок 3 – Схема гибридной структуры  Web-сайта

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

 

4.2 Описание физической и логической структур сайта курсового проекта

   Логическая  структура сайта представлена в  приложении А.

   Web-сайт состоит из четырех логических разделов, представленных на четырех Web-страницах.

   Первый  раздел - «Главная» содержит информацию посвященная новостям происходящим на предприятии.

   Второй раздел - «История» посвящен информации о КФХ «Мечта».

   В третьем разделе - «Производство» посвящен информации о деятельности предприятия

   Четвертый раздел - «Услуги» содержит информацию предоставляемых услугах предприятием.

       Физическая  структура Web-сайта КФХ «Мечта» представлена на рисунке 5.

       

                                                                  

   Рисунок 5 – Физическая структура Web-сайта КФХ «Мечта»

 

   

   4.3 Выбор дизайнерского  решения сайта

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

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

   Для Web-сайта КФХ «Мечта» выбран черный и красный цвет текста, так как более четко виден на фоне картинки заднего плана. Для более четкой видимости надписей на главной страничке использовала подчеркивание ссылок и увеличение их при наведении курсора. На  страницах с изображениями выбран светлый фон, на котором изображения хорошо выделяются и просматриваются. Навигация по сайту удобна и проста. 

   4.4 Описание кода сайта 

   В данном разделе в качестве примера  кода сайта дается описание только двух страниц: «Главной» и «Услуги». Полный код сайта можно найти в приложении В.                                                                                                          

              Описание кода «Главной» страницы:

<html> указывает программе просмотра страниц, что это HTML документ.

<head> тег определяет место, где помещается различная информация не отображаемая в теле документа.

<frameset rows="18%,*"> служит для описания горизонтального фрейма, 18%-это сколько пикселей отводиться экрану для его размещения

<frame src="Zag.html" name="fr"> в этом теге указывается адрес страницы с помощью атрибута src.

<frameset cols="18%,*"> служит для описания горизонтального фрейма, 18%-это сколько пикселей отводиться экрану для его размещения

<frame src="ssylki.html" name="fr"> в этом теге указывается адрес страницы с помощью атрибута src.

<frame src="text vvod.html" name="tx">

</frameset> закрывающий тег горизонтального  фрейма.

</frameset> закрывающий тег вертикального  фрейма.

</head> тег закрывающий всю информацию  тела документа.

</html> обязательно закрывающий тег.

     Описание  кода страницы «Услуги»:

<HTML> указывает программе просмотра  страниц, что это HTML документ.

<HEAD> тег определяет место, где помещается различная информация не отображаемая в теле документа.

<SCRIPT language=javaScript>

functioncheckBrowserForVersion4(){varx=navigator.appVersion;y=x.substring(0,4);if(y>=4)strobeEffect();var isNav=(navigator.appName.indexOf("Netscape")!=-1);a=0;b=1;ob=1;

var colors=new

     Array("FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF","F9F9F9","F1F1F1","E9E9E9","E1E1E1","D9D9D9","D1D1D1","C9C9C9","C1C1C1","B9B9B9","B1B1B1","A9A9A9","A1A1A1","999999","919191","898989","818181","797979","717171","696969","616161","595959","515151","494949","414141","393939","313131","292929","212121","191919","111111","090909","000000")

function strobeEffect(){color=colors[a]; определяет цвет фона.

aah="<br><br><br> <br><table   width=700 height=100  align=left><td><center><font color="+color+" face=arial size=+3>";

aab="</font></a></center></td></table>"

ob1="Услуги  предоставляемые "

ob2="крестьянско-фермерским  хозяйством "

ob3=" «Мечта»"

obj=eval("ob"+ob);mid=obj;aa=aah+mid+aab- заставляет текст появляться и пропадать по очереди.

</HTML> обязательно закрывающий тег.

<p align=justify>выравнивает текст по ширине.

<font color=red> определяет цвет текста.

<font size=6> задает размер шрифта.

</font color=red>закрывает тег цвета шрифта.

</font size=6> закрывает тег размера шрифта.

<img src="image/uro.jpg" alt="парез" align=right border="0" width="300" height="150">тег для внедрения рисунка на страницу с помощью атрибута src.Также выравнивает рисунок по правому краю.

<p> определяет абзац.

<font size=5> задает размер шрифта.

</font size=5> закрывает тег размер шрифта.

</p> закрывает обзац

<a href="stress.html">тег служит для создания ссылок, href-атрибут указывает на внешний документ и на элементы внутри данного документа

<img src="Image/strela22.JPG" border="0" width="36" height="28"> тег для внедрения рисунка.

<font face=”Monotype Corsiva”>определяет семейство шрифта.

<font size=5> задает размер шрифта.

</font face=”Monotype Corsiva”>закрывает семейство шрифта.

</font size=5>закрывает размер шрифта.

</BODY>тег,  закрывающий всю содержательную  часть документа.

</HTML> тег для закрытия HTML документа.    

 

        5 Тестирование программного  продукта

       5.1 Описание метода тестирования

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

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

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

       - просмотр сайта на мониторах  с различной разрешающей способностью;

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

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

       5.2 Контрольная задача  тестирования 

       Контрольная задача тестирования представлена в  виде таблицы:

Таблица1-Тестирование программного продукта

 
 
 
 
 
 

   7 Защита программного продукта

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

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

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

В-третьих, восстановление нарушенного программного обеспечения требует значительных трудозатрат, а простой вычислительного оборудования чреват негативными результатами для организаций или физических лиц. Защита программных продуктов преследует следующие цели: ограничить несанкционированный доступ отдельных категорий пользователей к работе с ними; исключить преднамеренную порчу программ с целью нарушения нормального хода обработки данных; исключить преднамеренную модификацию программы с целью порчи репутации производителя программной продукции; исключить несанкционированное тиражирование программ; исключить несанкционированное изучение содержания, структуры и механизма работы программы. Программные продукты должны защищаться от несанкционированных воздействий различных объектов: человека, технических средств, специализированных программ, окружающей среды и др. Человек может воздействовать на программный продукт путем хищения или физического уничтожения документации на программу или самого машинного носителя, нарушения работоспособности программных средств и др. Технические средства (аппаратура) путем подключения к компьютеру или к передающей среде могут произвести считывание, расшифровку программ, а также их физическое разрушение. С помощью специализированных программ могут быть проведены вирусное заражение программного продукта, его несанкционированное копирование, недозволенное изучение его содержания.