Проектирование сайта "Учебная часть Трубчевского аграрного колледжа"

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

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

СОДЕРЖАНИЕ

ВВЕДЕНИЕ

РАЗДЕЛ 1. АНАЛИЗ СОВРЕМЕННОГО СОСТОЯНИЯ УЧЕБНОЙ ЧАСТИ ТРУБЧЕВСКОГО АГРАРНОГО КОЛЛЕДЖА

1.1 Характеристика учебной части Трубчевского аграрного колледжа

1.2 Постановка целей и задач

РАЗДЕЛ 2. ПРОЕКТИРОВАНИЕ САЙТА «УЧЕБНАЯ ЧАСТЬ ТРУБЧЕВСКОГО АГРАРНОГО КОЛЛЕДЖА»

2.1 Дизайн сайта

2.2 Информационное наполнение сайта

2.3 Описание структуры сайта

РАЗДЕЛ 3. ОПИСАНИЕ ПРОЦЕССА ОТЛАДКИ РАЗРАБОТАННОГО WEB-САЙТА

3.1 Тестирование и отладка сайта

3.2 Проектирование WEB-страницы с помощью HTML

3.3 Выполнение и контрольный пример

ЗАКЛЮЧЕНИЕ

ЛИТЕРАТУРА

ПРИЛОЖЕНИЯ



ВВЕДЕНИЕ

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

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

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

Таким образом, актуальность курсового проекта по проектированию сайта обусловлена непрерывным увеличением числа активных пользователей сети Интернет и востребованностью web-ресурсов в современном Интернет-пространстве.

Целью курсовой работы является формирование теоретических знаний по проектированию сайта и практических навыков по его разработке. Объектом исследования данной работы является процесс проектирования сайта «Учебная часть Трубчевского аграрного колледжа».

Предмет - язык гипертекстовой разметки HTML как средство создания сайта.

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

исследование предметной области;

изучение основных теоретических понятий проектирования сайта;

проектирование и разработка web-сайта.

РАЗДЕЛ 1. АНАЛИЗ СОВРЕМЕННОГО СОСТОЯНИЯ УЧЕБНОЙ ЧАСТИ ТРУБЧЕВСКОГО АГРАРНОГО КОЛЛЕДЖА

1.1 Характеристика учебной части Трубчевского аграрного колледжа

Трубчевский аграрный колледж - филиал Федерального государственного бюджетного образовательного учреждения высшего образования "Брянский государственный аграрный университет" (Трубчевский филиал ФГБОУ ВО Брянский ГАУ) расположен в старинном городе Трубчевск Брянской области. История колледжа началась в сентябре 1928 года, когда в г. Курске: на базе одногодичной ветеринарной школы был открыт зооветеринарный техникум, который готовил помощников ветеринарных врачей.

В 2013 г. Трубчевский аграрный колледж отмечал свой 85-летний юбилей. За весь период существования учебного заведения подготовлено более 15 тысяч специалистов для сельского хозяйства.

В настоящее время руководителем филиала является Суконкин Александр Николаевич.

Колледж включает в себя дневное и заочное отделения по специальностям:

Экономика и бухгалтерский учёт (по отраслям);

Ветеринария;

Охотоведение и звероводство;

Кинология;

Информационные системы (по отраслям);

Земельно-имущественные отношения;

Механизация сельского хозяйства.

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

Обучение ведется на русском языке. В настоящее время на дневном и заочном отделениях обучается около 700 студентов.

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

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

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

Агропромышленный холдинг «Мираторг».

ООО «Брянский мясоперерабатывающий комбинат Царь-мясо».

ООО Куриное Царство - Брянск».

ТнВ «Красный октябрь».

СПК Агрофирма «Культура».

ООО «Снежка».

ООО «Биотерра» и другие.

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

1.2 Постановка целей и задач

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

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

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

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

К целевой аудитории пользователей сайта учебной части образовательного учреждения традиционно относят следующие основные категории пользователей:

педагогические кадры (в этой категории можно выделить подгруппы: методисты и преподаватели учебного заведения);

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

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

административные работники (сотрудники структуры управления образованием и методической службы, руководители учебных заведений и др.).

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

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

значимость (полезность) информационных материалов для каждой категории пользователей;

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

простотой навигации по сайту;

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

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

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

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



РАЗДЕЛ 2. ПРОЕКТИРОВАНИЕ САЙТА «УЧЕБНАЯ ЧАСТЬ ТРУБЧЕВСКОГО АГРАРНОГО КОЛЛЕДЖА»

2.1 Дизайн сайта

Понятие «дизайн» в Интернет-среде воспринимается как с точки зрения эстетики, так и с позиций удобства восприятия информации пользователем.

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

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

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

Важнейшим элементом дизайна сайта является меню.

Меню - это перечень разделов сайта. Нажав на название раздела, пользователь попадает на соответствующую страницу.

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

Важнейший вопрос, связанный с удобством восприятия информации, - это вопрос размещения текста на странице. Прежде всего, это вопрос цветового соотношения фона и шрифта. Фон страницы должен быть светлым, а текст - темным. Причем не обязательно, чтобы это было соотношение белого и черного, как в книжном варианте. Еще один момент связан с количеством знаков в строке. Это также вопрос психологии восприятия. Строка книжного текста, как правило, состоит из 200-250 знаков. Но для чтения с монитора такая ширина строки неудобна: здесь предпочтительно не более 120-150 символов, т.е. текст как бы растягивается сверху вниз, потому что глаз в процессе чтения утомляется больше при движении по горизонтали, чем при движении по вертикали.

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

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

2.2 Информационное наполнение сайта

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

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

Выделим критерии, которым должна отвечать информация, представленная на web-сайте:

соответствие целям создания сайта;

учет особенностей целевой аудитории пользователей;

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

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

отсутствие излишне рекламного, навязчивого характера;

объективность, достоверность, актуальность.

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

2.3 Описание структуры сайта

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

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

Рисунок 1 - Структура сайта

Главная страница сайта

информация о современном колледже и истории его развития;

переходы на следующие страницы (гиперссылки);

фотографии колледжа.

Рисунок 2 - Главная

Учебная часть:

основные функции учебной части;

задачи и направления деятельности;

организация работы учебной части.

Рисунок 3 - Учебная часть

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

Рисунок 4 - Контакты



РАЗДЕЛ 3. ОПИСАНИЕ ПРОЦЕССА ОТЛАДКИ РАЗРАБОТАННОГО WEB-САЙТА

3.1 Тестирование и отладка сайта

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

Тестирование проводилось двумя методами:

«белого ящика» (тестирование исходного кода);

«черного ящика» (тестирование функциональности).

На этапе разработки кода проводилось тестирование методом «белого ящика».

Тестирование методом «черного ящика» выполнялось с помощью проверки функционирования всех элементов сайта.

В процессе тестирования были исследованы:

Функциональность.

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

Дизайн.

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

Информационное содержание.

В ходе тестирования информационного содержания была проведена проверка соответствия контента сайта его тематике.

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

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

сайт тестирование отладка web

3.2 Проектирование WEB-страницы с помощью HTML

Данная работа содержит описание языка разметки гипертекста HTML, являющегося основой создания web-сайтов.

Web-страница может содержать текст, графику и гиперсвязи с разными ресурсами Интернет. Документ, написанный на HTML, представляет собой текстовый файл, который содержит собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные последовательности символов; в соответствии с этими инструкциями программа располагает текст на экране, включает в него рисунки, которые сохраняются в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Internet. Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда, когда он интерпретируется программой просмотра.

Директивы HTML называются тегами. Теги заключаются в угловые скобки. Все теги за исключением некоторых - парные. Закрывающий тег отличается от открывающего наличием символа /. Синтаксис записи тега:

<ТЕГ> обрабатываемое значение ТЕГ>

Теги допускают вложение друг в друга. Все объекты не заключенные в угловые скобки, воспринимаются как текстовые элементы.

Тег - это команда html, указывающая интерпретатору браузера, каким образом он должен обрабатывать соответствующее каждой конкретной директиве значение. Это значение называется атрибутом тега. Тег может иметь атрибут или не иметь его. Тег верхнего уровня <HTML> не имеет атрибутов.

Синтаксис записи тега в совокупности с его атрибутом:

<ТЕГ имя_атрибута_1=” значение”

имя атрибута_n=” значение”>

Значения атрибутов заключаются в прямые кавычки <”> и выглядит следующим образом:

<ТЕГ имя_атрибута_1=”значение_1;

'значение2';

значение3”>

Структура HTML документа:

<HTML>

<HEAD> Заголовок документа

<TITLE>Внешний заголовок TITLE>

HEAD>

<BODY>

Тело документа, содержащее основной код

BODY>

HTML>

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

Таким образом, структура HTML-документа позволяет задействовать вложенные друг в друга контейнеры. Собственно, сам документ -- это один большой контейнер, который начинается с тега <HTML> и заканчивается тегом </HTML>.



3.3 Выполнение и контрольный пример

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

Ошибки при разработке сайта можно разделить на несколько видов.

Ошибки общего характера:

ошибки из-за недостаточного знания языка программирования или самой машины;

ошибки, допущенные при программировании алгоритма.

Ошибки физического характера:

Пропуск некоторых операторов.

Отсутствие необходимых данных.

Неверный формат данных.

Нарушение целостности может появиться двумя способами:

неверная синтаксическая конструкция программы;

программа выдает неверные результаты.

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

Пропуск некоторых операторов -- пропущенных операторов не было обнаружено.

Отсутствие необходимых данных - не было обнаружено.

Непредусмотренные данные -- непредусмотренных данных не было обнаружено.

Неверный формат данных -- формат у данных верный.

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

Несогласованность скобок -- все скобки расставлены верно.

Пропуск нужных скобок - пропуска нужных скобок нет.

Неправильное формирование оператора -- все теги вставлены согласно плану.

Неверное образование имени переменной -- имя переменной образованно правильно.

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

Неверное написание зарезервированных слов -- все зарезервированные слова написаны верно.

Противоречивые команды -- противоречивых команд не было обнаружено.

Дублирование или отсутствие меток -- все метки размещены в своих местах, отсутствующих меток не обнаружено.

Запрещенный переход -- запрещенного перехода не было обнаружено.

Выше перечисленные ошибки не были обнаружены, т.к. при разработке сайта были учтены все нюансы.



ЗАКЛЮЧЕНИЕ

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

В результате работы над курсовой работой были выполнены задачи:

изучена предметная область;

разработана модель предметной области;

выбран метод проектирования web -сайта;

построена инфологическая модель web -сайта.

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

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

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

- ознакомление с современными Интернет-технологиями и их использованием в настоящей разработке;

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

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

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

- определение структуры web -страниц;

- выбор стратегии разработки и создания web -сайта.

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

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



ЛИТЕРАТУРА

1. Распределенные системы обработки информации. Курс лекций / Сост. Т.С. Саликова. Брянск: Трубчевский филиал ФГБОУ ВО «Брянский государственный аграрный университет», 2015

2. Киселев С.В. Веб-дизайн: учеб. пособие для НПО.-М.: Академия, 2013.

3. Берлин А.Н. Основные протоколы Интернет [Электронный ресурс] / А.Н. Берлин. -- Электрон.текстовые данные. -- М. : Интернет-Университет Информационных Технологий (ИНТУИТ), 2016. -- 602 c. -- 978-5-94774-884-0. -- Режим доступа: http://www.iprbookshop.ru/52181.html

4. Распределённые информационные системы [Электронный ресурс] : учебно-методическое пособие по дисциплине Сетевые технологии / . -- Электрон. текстовые данные. -- М. : Московский технический университет связи и информатики, 2016. -- 16 c. -- 2227-8397. -- Режим доступа: http://www.iprbookshop.ru/61537.htm

5. Лучанинов Д.В. Основы разработки web-сайтов образовательного назначения [Электронный ресурс] : учебное пособие / Д.В. Лучанинов. -- Электрон.текстовые данные. -- Саратов: Ай Пи Эр Медиа, 2018. -- 105 c. -- 978-5-4486-0174-3. -- Режим доступа: http://www.iprbookshop.ru/70775.html

6. Основы Web-технологий [Электронный ресурс]: учебное пособие / П.Б. Храмцов [и др.]. -- Электрон.текстовые данные. -- Москва, Саратов: Интернет-Университет Информационных Технологий (ИНТУИТ), Вузовское образование, 2017. -- 375 c. -- 978-5-4487-0068-2. -- Режим доступа: http://www.iprbookshop.ru/67384.htm

7. Основы работы с HTML [Электронный ресурс] / . -- 2-е изд. -- Электрон.текстовые данные. -- М. : Интернет-Университет Информационных Технологий (ИНТУИТ), 2016. -- 208 c. -- 2227-8397. -- Режим доступа: http://www.iprbookshop.ru/73698.html

8. Сычев А.В. Перспективные технологии и языки веб-разработки [Электронный ресурс] / А.В. Сычев. -- Электрон.текстовые данные. -- М.: Интернет-Университет Информационных Технологий (ИНТУИТ), 2016. -- 493 c. -- 2227-8397. -- Режим доступа: http://www.iprbookshop.ru/39643.html

9. Братченко Н.Ю. Распределенные базы данных [Электронный ресурс] : учебное пособие / Н.Ю. Братченко. -- Электрон.текстовые данные.

10. Д.А. Евсеев. Web-дизайн в примерах и задачах.- М.: КНОРУС,2014

11. www.intuit.ru

12. http://metod-kopilka.ru

13. Электронное учебное пособие на сайте «Распределенные системы обработки информации» (Саликова Т. С.) http://moodle.bgsha.com

14. Bgsha.com

15. ЭБС Znanium.com

16. BOOK.ru



ПРИЛОЖЕНИЯ

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

1. Введение

1.1. Наименование программы: «Проектирование сайта «Учебная часть Трубческого аграрного колледжа».

1.2. Назначение и область применения

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

2. Требования к программе.

2.1. Требования к функциональным характеристикам.

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

Управление периферийными устройствами, такими как:

- сенсорная панель;

- ЖК монитор;

- устройство беспроводного доступа в Интернет;

Web-интерфейс должен быть адаптирован для разрешения от 1024*768 точек.

Изменение настроек устройства доступа в Интернет.

Автоматическое обновление через сеть Интернет.

Простота установки и обслуживания.

2.2. Требования к надежности.

2.2.1 Требования к обеспечению надежного функционирования программы.

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

организацией бесперебойного питания технических средств;

использованием лицензионного программного обеспечения;

регулярным выполнением требований ГОСТ 51188-98. Защита информации. Испытания программных средств на наличие компьютерных вирусов.

2.2.2. Время восстановления после отказа

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

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

2.2.3. Отказы из-за некорректных действий оператора.

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

2.3.Перечень документов, на основании которых создается система.

ISO/IES 12207:1995-08-01 «Информационная технология. Процессы ЖЦ программного обеспечения»

ГОСТ 34.601-90 «Стадии создания АС»

ГОСТ 34.602-89 «Техническое задание на создание АС»

ГОСТ 34.603-92 «Виды испытаний АС»

РД 50-34.698-90 «Требования к содержанию документации»

3. Условия эксплуатации

3.1. Климатические условия эксплуатации

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

3.2. Требования к квалификации и численности персонала

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

задача поддержания работоспособности технических средств;

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

задача установки (инсталляции) программы.

3.3. Требования к составу и параметрам технических средств.

3.3.1. В состав технических средств должен входить IВМ-совместимый персональный компьютер (ПЭВМ), выполняющий роль сервера, включающий в себя:

3.3.1.1. Процессор Pentium-1.0Hz, не менее;

3.3.1.2. Оперативную память объемом 256 Мбайт, не менее;

3.3.1.3. Свободного пространства на жестком диске - 1 Гигабайт, не менее;

3.3.1.4. Операционную систему Windows или Linux.

3.4. Требования к информационной и программной совместимости.

3.4.1. Требования к информационным структурам и методам решения.

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

3.4.2. Требования к исходным кодам и языкам программирования.

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

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

Системные программные средства, используемые программой, должны быть представлены лицензионной локализованной версией операционной системы Windows 2000, Windows 7, Windows Vista, Linux.

3.4.4. Требования к защите информации и программ.

Требования к защите информации и программ не предъявляются.

3.5. Требования к графическому дизайну сайта

3.5.1. Требования к дизайну сайта

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

Основные разделы сайта должны быть доступны с первой страницы.

На первой странице не должно быть большого объема текстовой информации.

В дизайне сайта не должны присутствовать:

- мелькающие баннеры;

- много сливающегося текста.

3.5.2. Порядок утверждения дизайн-концепции

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

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

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

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

Дополнительные (третий и последующие) варианты разрабатываются Исполнителем за отдельную плату на основании дополнительных соглашений.

3.5.3. Функциональные требования.

3.5.3.1. Требования к представлению сайта:

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

Контентная область первой страницы должна делиться на следующие разделы:

- вступительная статья со ссылкой, ведущей на следующие разделы;

- краткая контактная информация - телефон и e-mail;

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

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

-графическая оболочка внутренних страниц (общая для всех подразделов):

Графическая оболочка внутренних страниц должна делиться на следующие разделы:

- графическая шапка;

- навигационное меню сайта;

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

- ссылка «На главную»;

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

- внизу страницы - краткая контактная информация - телефон и e-mail.

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

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

Первоначальная структура сайта должна иметь следующий вид:

1. Главная

2. Учебная часть

3. т.д.

3.5.3.2. Требования к системе управления сайтом:

Общие требования к административной части:

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

Требования к управлению разделами сайта: для управления разделами сайта должны быть предусмотрены следующие функции:

- создание подраздела 1 уровня;

- создание подраздела 2 (и далее) уровня;

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

- удаление раздела;

- перемещение раздела вверх в списке;

- перемещение раздела вниз в списке;

- признак показа (show) или не показа (hide) страницы в клиентской части сайта;

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

управление наполнением сайта:

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

1. Поле элемента контента может быть одного из следующих типов:

- строка;

- дата;

- ссылка на файл;

- многострочный текст;

2. Элемент контента - состоит из набора полей элемента контента;

3. Список элементов контента - состоит из набора элементов контента.

Управление настройками сайта: в состав настроек сайта должны входить:

- e-mail для …;

- т.д.

3.5.3.3. Требования к информационному обеспечению:

требования к хранению данных:

все данные сайта должны храниться в структурированном виде под управлением реляционной СУБД. Исключения составляют файлы данных, предназначенные для просмотра и скачивания (изображения, видео, документы и т.п.). Такие файлы сохраняются в файловой системе, а в БД размещаются ссылки на них.

Требования к языкам программирования:

для реализации статических страниц и шаблонов должны использоваться языки HTML 4.0, CSS, PHP, MySQL. Исходный код должен разрабатываться в соответствии со стандартами W3C (HTML 4.0).

Для реализации интерактивных элементов клиентской части должны использоваться языки JavaScript и DHTML.

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

требования к иллюстрациям:

все рисунки и фото объемом более 1 kb (кроме элементов дизайна страницы) должны быть выполнены с замещающим текстом. Все рисунки должны быть в формате gif или jpg.

4. Требования к программной документации.

Специальные требования к программной документации не предъявляются.

4.1. Предварительный состав программной документации

Состав программной документации должен включать в себя:

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

4.1.2. Код программы;

4.1.3. Руководство пользователя;

5. Технико-экономические показатели

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

5.1. Экономические преимущества разработки.

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

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

6.1. Стадии разработки

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

- Разработка технического задания;

- Рабочее проектирование;

- Внедрение.

6.2. Этапы разработки.

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

Этапы работ:

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

- Разработка программной документации;

- Испытания программы.

На стадии внедрения должен быть выполнен этап подготовки и передача программы.

6.3. Содержание работ по этапам

На этапе разработки технического задания должны быть выполнены перечисленные ниже работы:

- Постановка задачи;

- Определение и уточнение требований к техническим средствам;

- Определение требований к программе;

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

- Согласование и утверждение технического задания.

На этапе разработки программы должна быть выполнена работа по программированию (кодированию) и отладке программы.

7. Порядок контроля и приемки

7.1. Виды испытаний

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

7.2. Общие требования к приемке работы

На основании Протокола проведения испытаний Исполнитель совместно с Заказчиком подписывает Акт приемки-сдачи программы в эксплуатацию.

Исходный код главной страницы

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>Учебная часть Трубчевского аграрного колледжа"</title>

<link href="style.css" rel="stylesheet" type="text/css">

</head>

<body>

<table align="center" border="2" width="100%" height="100%">

<tr>

<td colspan="6"><imgsrc="img\2.jpg" width="100%" height="100%" title=" Учебная часть Трубчевского аграрного колледжа "></td>

</tr>

<trbgcolor="#00FF00" align="center" valign="middle" cellpadding="20">

<td><a href="Главная.html" TARGET="blank" style="text-decoration: none"><h3><font color="red"><strong>Главная</strrong></font></h3></a></td>

<td><a href="Учебная часть.html" TARGET="blank" style="text-decoration: none"><h3><font color="red"><strong>Об аграрном колледже</strrong></font></h3></a></td>

<td><a href="Контакты.html" TARGET="blank" style="text-decoration: none"><h3><font color="red"><strong>Контакты</strrong></font></h3></a></td>

</td>

</tr>

</table>

</body>

</html>

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

...