Разработка детальной концепции и визуального дизайна сайта

• Введение
• 1. Расчетно-теоретическая часть
• 1.1 Обоснование выбора Microsoft Project
• 1.2 Использование MS Project для определения критического пути проекта
• 1.3 Основные понятия и методы управления проектами
• 1.4 Описание предметной области
• 2. Экспериментально-практическая часть
• 2.1 Общее описание задачи
• 2.2 Разработка первичной документации
• 2.3 Составление плана работ
• 2.4 Создание сайта
• 2.4.1 Разработка детальной концепции и визуального дизайна сайта
• 2.4.2 Реализация (программирование)
• 2.4.3 Наполнение контентом
• 2.4.4 Тестирование
• Заключение
• Список использованных источников
• Приложения

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

Microsoft Project (или MSP) — программа управления проектами, разработанная и продаваемая корпорацией Microsoft.

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

управление проект дизайн сайт

1. Расчетно-теоретическая часть

1.1 Обоснование выбора Microsoft Project

По оценкам Gartner Group, система Microsoft Project признана лидером на рынке систем управления. Сегодня Microsoft принадлежит 75% рынка систем управления проектами. На платформе Microsoft Project реализованы корпоративные системы в таких крупных организациях, как Deutsche Bank, Merrill-Lynch и Delphi Automotive.

Решения Microsoft по управлению проектами в среднем в 1,5 раза дешевле решений конкурентов. Очень многие организации выбирают продукты Microsoft благодаря сочетанию их более низкой (в сравнении с продуктами конкурентов) цены и высокого качества, короткого цикла внедрения.

Простота использования Microsoft Project. Компания Microsoft постоянно работает над простотой эксплуатации и сопровождения системы. Продукт входит в пакет MS Office. Знакомый практически всем интерфейс этого пакета облегчает работу с продуктом. Все это существенно сокращает время на подготовку персонала, а также сроки внедрения Системы управления проектами.

Защита информации. Microsoft Project имеет несколько контуров защиты от несанкционированного доступа. При использовании системы поддерживаются два уровня авторизации пользователей: на уровне операционной системы и на уровне Microsoft Project. Высокий уровень защиты данных Microsoft Project обеспечивает их хранение в БД MS SQL Server.

Интеграция с корпоративными системами. Microsoft Project — открытая система. Данные хранятся в СУБД MS SQL Server, являющейся открытой платформой и обеспечивающей обширные возможности по интеграции. Типовые схемы интеграции: доступ к данным Microsoft Project для обработки их в других приложениях, импорт данных в Microsoft Project из других приложений, что актуально, например, для строительных программ.

В рамках создания Комплексной системы управления проектами возможен ряд решений по интеграции Microsoft Project с другими системами. Эти решения адаптируются к специфике каждого конкретного предприятия.

Основные особенности пакета:

· иерархические коды структур для задач и ресурсов;

· расходуемые материалы как вид ресурсов;

· месяц как единица длительности работ; индивидуальные календари для задач;

· графические индикаторы для наглядного представления «проблемных» задач;

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

· две шкалы времени (основная и вспомогательная);

· указание приблизительного периода выполнения задачи (с последующим уточнением);

· создание шаблонов проектов.

Далее представлены свойства данной программы:

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

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

Интеграция с Microsoft Office. С помощью Microsoft Project можно преобразовать списки задач, созданные в Microsoft Excel или Outlook, в календарные планы. Есть также возможности импорта и экспорта, например шаблон списка задач Excel, что значительно облегчает переход от использования Excel к использованию Microsoft Project.

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

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

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

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

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

1.2 Использование MS Project для определения критического пути проекта

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

1.3 Основные понятия и методы управления проектами

Управление проектами за последнее время завоевало признание как наилучший метод планирования и управления реализацией инвестиционных проектов. По американским оценкам применение методологии Управления Проектами обеспечивает высокую надежность достижения целей проекта и на 10−15% сокращает затраты на его реализацию. [5]

В мире накоплен огромный опыт применения Управления проектами. В частности, эта методология применяется во всех крупных компаниях мира. Программные средства управления проектами установлены во всем мире на миллионах компьютерах — только пакет Microsoft Project установлен более, чем на двух миллионах компьютеров. [6]

Рассмотрим основные понятия и методы управления проектами.

Проект — это временное предприятие, предназначенное для создания уникальных продуктов или услуг.

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

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

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

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

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

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

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

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

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

1.4 Описание предметной области

Ресторан «100 Рентген» предлагает блюда русской и украинской кухни. Дизайн помещений выполнен в стиле запустения Чернобыльской Зоны Отчуждения, преобладают тёмные тона. Возможно бронирование столиков с различной стоимостью. Ресторан ориентирован на фанатов игр серии «Сталкер» и на тех, кто хочет попробовать что-то новое, разнообразить свою жизнь.

На сайте должны быть представлены: новости, меню (название блюда, состав, вес, цена), отзывы о ресторане, вакансии, контакты.

2. Экспериментально-практическая часть

2.1 Общее описание задачи

Цель данной курсовой работы состоит в создании тематического WEB-сайта ресторана с использованием гипертекстового языка разметки HTML, каскадных таблиц стилей CSS и языков программирования JavaScript и PHP.

Реализация данной цели требует решения следующих задач:

· Приобрести навыки работы в Microsoft Project;

· Изучить принципы и традиции Web-дизайна;

· Изучить Web-технологию CSS и языки HTML, Java-Script, PHP и их возможности в Web-дизайне;

· Разработать проект сайта;

· Реализовать разработанный проект с помощью изученных технологий.

Для решения поставленных задач разработан жизненный цикл создания сайта (рис. 2.1)

Рисунок 2.1 Жизненный цикл проекта

На основании данного ЖЦ (рис 2.1) была выстроена иерархическая структура работ (ИСР) — таблица 2.1

Таблица 1 Иерархическая структура работ

Контрольные события:

· Подписание брифа на сайт

· Подписание ТЗ

· Утверждение концепции и дизайна сайта

· Презентация результата заказчику

· Сдача сайта

2.2 Разработка первичной документации

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

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

Техническое задание — исходный документ на проектирование сайта. Техническое задание устанавливает основное назначение разрабатываемого сайта, его технические характеристики, показатели качества и технико-экономические требования, предписание по выполнению необходимых стадий создания и её состав, а также специальные требования. [7]

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

2.3 Составление плана работ

Планирование работ по созданию проекта (создание Web-сайта) осуществлялось с использованием программного обеспечения Microsoft Project проводилось в следующей последовательности:

1. Определение этапов и работ, входящих в общий комплекс работ по созданию программного продукта (программного средства);

2. Расчет трудоемкости выполнения отдельных этапов и работ и общей трудоемкости разработки;

3. Расчет продолжительности каждой работы с учетом принятого количества исполнителей;

4. Построение сетевого графика разработки программного продукта, расчет основных параметров и оптимизация сети;

5. Расчет затрат на разработку программного продукта.

Определение этапов и работ по созданию проекта. Процесс разработки проекта на MS Project можно разделить на отдельные стадии, каждую из этих стадий можно подразделить на отдельные этапы и подразделы.

Все эти работы выполняются одним исполнителем-программистом.

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

1) Затраты прединвестиционного этапа — это расходы по зарплате исполнителей:

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

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

по поиску и разработке возможных альтернативных решений поставленной задачи;

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

2) Затраты инвестиционного этапа — это расходы на реализацию идеи по разработке программного продукта:

расходы по зарплате сотрудников, исполняющих работы по:

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

б) тестированию логики программного продукта;

в) тестированию достоверности обработки реальных данных;

г) окончательной отладки программного продукта.

затраты на материалы;

расходы на отопление, освещение;

оформление документации описывающей программный продукт и подписание акта его приемки-сдачи.

3) При расчете эффективности инвестиционного проекта в составе затрат в соответствии с Методическими рекомендациями учитываются налоги, предусмотренные законодательством.

Распределение материальных и трудовых ресурсов по задачам представлены в Приложении В.

Для иллюстрации плана выполнения проекта и отношений зависимости между задачами была построена диаграмма Ганта (Приложение Г).

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

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

Проект был начат 03 февраля 2014 года и плановая дата окончания проекта 14 марта 2014 года.

2.4 Создание сайта

2.4.1 Разработка детальной концепции и визуального дизайна сайта

На основе Технического задания (Приложение Б) разработан макет страниц сайта.

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

Тип навигации на сайте — полное связывание.

Ссылка на страницы Главная, Новости, Меню, Отзывы, Вакансии выделены в главном меню и доступны со всех страниц. Расположение главного меню на всех страницах одинаково. На главной странице и в «Меню» присутствует навигационное меню второго уровня для быстрого доступа к определённой части страницы.

Рисунок 2.4.1.1 Макет главной страницы

Рисунок 2.4.1.2 Дизайн-макет главной страницы

Рисунок 2.4.1.3 Дизайн-макет внутренней страницы

2.4.2 Реализация (программирование)

Сайт ресторана создавался с использованием текстового редактора NotePad++, языка гипертекстовой разметки HTML, каскадных таблиц стилей CSS, языков программирования JavaScript и PHP.

Преимущество редактора NotePad++ в подсветке кода и тегов, а также в общей лёгкости и скорости работы.

Сайт установлен на локальный сервер Denwer. Это позволяет избежать затрат на покупку домена в сети Интернет, но в то же время открывать сайт в браузере, просто набрав 100rentgen. local. Также использование локального сервера позволяет обрабатывать PHP скрипты и использовать API некоторых сетевых сервисов (например, системы комментирования Disqus).

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

Пример CSS-кода для реализации главного меню:

. b-top-menu{

padding: 0;

margin: 0 0 2px;

list-style: none;

display: table;

position: relative;

font-family: «Open Sans Bold», sans-serif;

font-size: 14px

}

. b-top-menu a{

color: #fff

}

. b-top-navigation_top{

height: 42px;

border-radius: 3px;

background: #4e79c6;

position: relative

}

Вот, что получилось в итоге:

Рисунок 2.4.2.1 — Главное меню

Карусели картинок на главной крутятся по щелчку мыши в нужную сторону. Это реализовано с помощью скриптов JavaScript с использованием библиотеки JQuery.

Рисунок 2.4.2.2 — Карусель изображений

Обработчик для формы бронирования столика на главной странице реализован PHP-скриптом, который преобразует выбранные пользователем пункты в текстовое сообщение и отправляет его на определённый E-mail. Пример кода:

header ('Content-Type: text/html; charset=UTF-8');

/* Здесь проверяется существование переменных */

if (isset ($_POST ['fio'])) {$name = $_POST ['fio']; }

if (isset ($_POST ['email'])) {$email = $_POST ['email']; }

if (isset ($_POST ['people'])) {$sub = $_POST ['people']; }

if (isset ($_POST ['table'])) {$body = $_POST ['table']; }

if (isset ($_POST ['booking'])) {$body = $_POST ['booking']; }

if (isset ($_POST ['ch1'])) {$sub = $_POST ['ch1']; }

if (isset ($_POST ['ch2'])) {$sub = $_POST ['ch2']; }

if (isset ($_POST ['ch3'])) {$sub = $_POST ['ch3']; }

if (isset ($_POST ['ch4'])) {$sub = $_POST ['ch4']; }

if (isset ($_POST ['ch5'])) {$sub = $_POST ['ch5']; }

if (isset ($_POST ['ch6'])) {$sub = $_POST ['ch6']; }

if (isset ($_POST ['ch7'])) {$sub = $_POST ['ch7']; }

if (isset ($_POST ['ch8'])) {$sub = $_POST ['ch8']; }

if (isset ($_POST ['ch9'])) {$sub = $_POST ['ch9']; }

if (isset ($_POST ['ch10'])) {$sub = $_POST ['ch10']; }

if (isset ($_POST ['ch11'])) {$sub = $_POST ['ch11']; }

if (isset ($_POST ['ch12'])) {$sub = $_POST ['ch12']; }

if (isset ($_POST ['ch13'])) {$sub = $_POST ['ch13']; }

if (isset ($_POST ['ch14'])) {$sub = $_POST ['ch14']; }

if (isset ($_POST ['ch15'])) {$sub = $_POST ['ch15']; }

if (isset ($_POST ['ch16'])) {$sub = $_POST ['ch16']; }

if (isset ($_POST ['ch17'])) {$sub = $_POST ['ch17']; }

if (isset ($_POST ['ch18'])) {$sub = $_POST ['ch18']; }

if (isset ($_POST ['ch19'])) {$sub = $_POST ['ch19']; }

if (isset ($_POST ['ch20'])) {$sub = $_POST ['ch20']; }

if (isset ($_POST ['ch21'])) {$sub = $_POST ['ch21']; }

if (isset ($_POST ['ch22'])) {$sub = $_POST ['ch22']; }

if (isset ($_POST ['ch23'])) {$sub = $_POST ['ch23']; }

if (isset ($_POST ['ch24'])) {$sub = $_POST ['ch24']; }

/* Почта, на которую отправлять */

$address = «example@example. ex» ;

/* А здесь прописывается текст сообщения */

$mes = «Имя: $fio nE-mail: $email nКоличество человек: $people nЖелаемый столик: $table nЗаказ: $booking nЖелаемое время: $ch1,$ch2,$ch3,$ch4,$ch5,$ch6,$ch7,$ch8,$ch9,$ch10,$ch11,$ch12,$ch13,$ch14,$ch15,$ch16,$ch17,$ch18,$ch19,$ch20,$ch21,$ch22,$ch24» ;

/* А эта функция как раз занимается отправкой письма на указанный вами email */

$send = mail ($address,$sub,$mes," Content-type: text/plain; charset = UTF-8rnFrom: $email");

if ($send == 'true')

{

echo «Сообщение отправлено» ;

}

else

{

echo «Сообщение не отправлено» ;

}

? >

В блоке контактов использована 3D-карта Google. Размещена она с использованием API Google Maps.

Рисунок 2.4.2.3 — 3D-карта

2.4.3 Наполнение контентом

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

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

Рисунок 2.4.3.1 — Пример оформления контента на внутренней странице сайта

2.4.4 Тестирование

Тестирование сайта — это проверка сайта разными методами на правильную работоспособность.

Проверка сайта обычно включает в себя:

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

2. Проверку времени загрузки всех страниц сайта при заданной скорости соединения с Интернет.

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

4. Проверку сайта при просмотре его на различных браузерах и их версиях.

5. Проверку гиперссылок, поиск и устранение сломанных гиперссылок.

6. Проверку правильности отображения шрифтов на различных браузерах и их версиях.

7. Проверку загрузки всех графических материалов сайта (рисунки, фотографии и т. д.).

8. Проверку замещающих надписей графических материалов.

9. Проверку работоспособности счётчиков, установленных на страницах сайта.

10. Проверку описания, содержания, свойств страниц сайта и мета-тэгов каждой страницы.

11. Проверку орфографии на страницах сайта.

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

Я проверил:

· Отображение сайта на мониторах с разрешением 1366*768 и 1920*1080 пикселей — все элементы отображаются корректно;

· Скорость загрузки сайта со скоростью интернета 20 и 60 Мбит/сек. — загружается за 1−2 секунды;

· Отображение сайта в браузерах Google Chrome v.35, Internet Explorer 11, Opera 22 — везде отображается корректно;

· Мета-теги на каждой странице сайта;

· Орфографию на всех страницах;

Заключение

В ходе работы были использованы следующие средства: Microsoft Project, язык гипертекстовой разметки HTML, каскадные таблицы стилей CSS, языки программирования JavaScript и PHP.

За время исследования были реализованы следующие цели:

1. Сделан подбор информации по информационным технологиям в области управления проектами и проведен анализ проектной деятельности предложенного мне объекта исследования создания Web-сайта для ресторана «100 рентген» .

2. С учетом требований организации, анализа архитектуры и потока данных выбрано соответствующее ПО MS Project 2013.

3. Было установлено соответствие требований к функционалу и эксплуатационным характеристикам параметрам ПО MS Project 2013.

4. В установленные сроки создано и применено на практике комплексно технологическое обеспечение MS Project 2013.

5. Теоретически экспериментально обоснована эффективность внедрения ПО MS Project 2013.

Таким образом, все поставленные задачи реализованы.

Microsoft Project является удобной системой для управления проектами.

Во-первых, в системе предусмотрены большинство необходимых функций.

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

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

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

Список использованных источников

1. http://mamonov. pro/our-mission-statement/

2. http://sci-book.com/menedjment/237-preimuschestva-microsoft-project-kak-35 706.html

3. http://knowledge. /programming/2c0a65635a2ac69a4c43a88521306d27₀.html

4. Справка Microsoft Project

5. http://cyberleninka.ru/article/n/ispolzovanie-ms-project-v-podgotovke-buduschih-inzhenerov

6. http://www.fabrika5ti.com/uslugi/upravlenie-proektami.html

7. http://ru. wikipedia.org/wiki/%C1%F0%E8%F4

8. http://ru. wikipedia.org/wiki/%D2%E5%F5%ED%E8%F7%E5%F1%EA%EE%E5_%E7%E0%E4%E0%ED%E8%E5

9. http://htmlbook.ru

10. http://www.cyberforum.ru

11. http://www.php. su

Приложения

Приложение А

Бриф на создание сайта

Опросный лист клиента

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

Таблица 2 Опросный лист клиента

Приложение Б

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

• 1. Имя сайта (название домена).

100rentgen. local

Если домен 100rentgen будет занят, возможна замена имени.

• 2. Название сайта.

Сайт сети ресторанов «100 Рентген». Далее — ресторан.

• 3. Назначение сайта (цель создания сайта).

Представление ресторана в Интернет: информация о ресторане, о блюдах, ценах, акциях, имеющихся вакансиях, последних новостях сети ресторанов, фотографии блюд и напитков.

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

• 4. Язык сайта.

Русский.

• 5. Объём и состав текстовой информации.

Текстовая информация на 20л (формат Word).

• 6. Основные ключевые слова, по которым сайт должны находить по запросам в поисковых системах и Интернет — каталогах.

Сеть ресторанов, ресторан в Ярославле, кушай лимончик, ресторан кушай лимончик, рестораны Ярославль.

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

Занимаемые сайтом позиции в рейтингах, каталогах и поисковых системах не оговариваются.

• 7. Объём и состав графической информации.

Графическая информация на 100л (формат jpeg и gif).

• 8. Предполагаемая возрастная аудитория сайта.

От 18 лет и старше.

8.1 Предполагаемое возрастное ядро аудитории от 18 до 45 лет.

8.2 Данная информация носит рекомендательный характер. Цифровые показатели контролю и проверке при приёмке сайта не подлежат.

• 9. Обзор страниц сайта.

Сайт должен содержать следующие html страницы: 1 — Главная (домашняя) страница; 2 — Новости; 3 — Меню; 4 — Отзывы; 5 — Вакансии.

На сайте должны быть размещены: логотип ресторана, фотографии, новости, меню, вакансии, карта сайта.

На «Главной» странице будет располагаться основная информация о ресторане, призванная привлечь посетителей, а также 3D-карта проезда к ресторану На странице «Новости»  — все последние и актуальные новости о ресторане.

На странице «Меню» содержится информация о всех блюдах ресторана с кратким описанием.

На странице «Отзывы» находится система комментирования.

На странице «Вакансии» содержится информация об актуальных вакансиях ресторана с кратким описанием.

• 10. Кнопки управления (навигация сайта).

Определяются веб-дизайнером самостоятельно.

С каждой страницы сайта должен быть обеспечен переход (установлена гиперссылка) на главную страницу сайта. Сайт должен содержать страницу «Содержание» (карта сайта).

• 11. Блок схема сайта.

Определяется веб-дизайнером самостоятельно.

Головная (начальная) страница сайта должна содержать гиперссылки, обеспечивающие переход с нее на не менее чем 10% страниц сайта, но не более чем 150 гиперссылок.

• 12. Объём сайта, Мб.

Не оговаривается.

• 13. Оформление рисунков.

Все рисунки объемом более 1 Кб должны быть выполнены с замещающим текстом. Формат всех рисунков gif, jpg (jpeg) или png.

• 14. Пропускная способность линии связи.

Среднее время загрузки страниц не должно превышать 2 секунд при скорости соединения 20 Мбит/сек. Допускается увеличение времени загрузки отдельных страниц до 35 секунд, но не более чем на 30% числа страниц сайта. Головная (начальная) страница должна иметь время загрузки не более 4 секунд.

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

• 15. Основной диапазон разрешения мониторов, на которых будет просматриваться сайт.

От 600×800 до 2560×1600 пикселей (от 15″ ЭЛТ до 19″ ЭЛТ или 27″ LCD).

Основное разрешение, на которое оптимизируется сайт: 1280×1024 пикселей (17″ ЭЛТ или 17″ LCD)

• 16. Минимальное разрешение монитора, на котором будет просматриваться сайт.

600×800 пикселей (15″ ЭЛТ) При указанном разрешении допускается возможность просмотра страниц сайта с горизонтальной прокруткой в окне браузера.

• 17. Предполагаемые браузеры, которыми будет просматриваться сайт.

Google Chrome, Mozilla Firefox, Opera, Internet Explorer, Safari.

• 18. Цветовая палитра.

Основной режим мониторов, на которых будет просматриваться сайт: 15 разрядов цветов и выше (число цветов 65 536 и выше).

• 19. Общий фон сайта.

Общий фон сайта тёмный (синий). Допускается использование тёмного фонового рисунка.

• 20. Размер и вид шрифта сайта.

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

• 21. Регистрация сайта в каталогах, рейтингах, топах и пр.

Оговаривается дополнительно.

• 22. Проведение рекламной кампании по раскрутке сайта.

Раскрутка сайта определяется отдельным ТЗ. В настоящем ТЗ раскрутка сайта не оговаривается и не входит в состав выполняемых работ (услуг).

• 23. Срок разработки сайта.

Тридцать два рабочих дня со дня зачисления 100% предоплаты на расчётный счёт веб-студи.

• 24. Порядок передачи сайта.

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

• 25. Сопровождение сайта.

Сопровождение сайта определяется отдельным ТЗ. В настоящем ТЗ сопровождение сайта не оговаривается и не входит в состав выполняемых работ (услуг).

• 26. Дополнительные условия.

Каждая страница сайта должна содержать логотип и название ресторана.

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