Курсовая работа по дисциплине

Факультет: АВТ

Кафедра: ЭВА

Курсовая работа по дисциплине

«……….»

Выполнил студент группы С-85

Проверил преподаватель кафедры ЭВА

Москва,2007

Содержание

Содержание. 2

Цель работы.. 3

Введение. 4

Студенческая среда «Аудитория». 6

Обзор структуры сайта. 7

Вывод. 16

Цель работы

Целью моей курсовой работы было создание формализованного описания фирменного стиля студенческого центра и медиа-среды "Аудитория" (*****)

Введение

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

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

Существует три правила при создании фирменного стиля:

1.  Фирменный стиль должен быть запоминающимся

2.  Фирменный стиль должен быть легко узнаваемым

3.  Фирменный стиль должен быть маштабируемым

Если перейти к конкретике… Традиционно к фирменному стилю принято относить такие элементы:

·  Фирменный знак

·  Логотип

·  Фирменные цвета

·  Фирменный шрифт (-ы)

И это ещё не полный перечень, но в стилевое оформление кафедры ЭВА входят только эти элементы.

Рисунок 1 Фирменный знак кафедры ЭВА

Рисунок 2 Логотип ЭВА

К фирменным цветам кафедры относятся:

·  Красный

·  Синий

·  Голубой

·  Серый

Цвет	Пример	Pantone	RGB	Hex
Красный
Синий
Голубой
Серый

В набор шрифтов входят такие шрифты как:

·  MICRA - декоративный шрифт

·  ARIAL - обычный, наборный шрифт.

Студенческая среда «Аудитория»

Передем непосредственно к рассмотрению сайта студенческого центра и медиа-среды *****

Так выглядит главная страница портала www. *****

Рисунок 3 Стартовая страница www. *****

В верхнем блоке (top) как мы видим, по всем правилам эргономики и дизайна расположен логотип кафедры. Его размеры 424*48 пикселов.

Рисунок 4 Разметка логотипа

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

Например:

Рисунок 5 Логотип всей базы сайтов

Рисунок 6 Логотип Wiki

Рисунок 7 Логотип сайта новостей

Обзор структуры сайта

Рисунок 8

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

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

Под логотипом расположено навигационное меню, состоящее из таких пунктов как:

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

·  О каталоге

·  Все сайты

·  Кафедральные сайты

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

Рисунок 9 Меню навигации

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

·  Все сайты *****

·  Кафедра ЭВА

·  Новости кафедры ЭВА

·  Форум ЭВА

·  Фотогалерея ЭВА

·  База знаний

·  Wi-Fi @ MIEM

·  Сайт дней рождений

·  Веселые старты

·  Видеосайт кафедры ЭВА

·  Почтовый сервер

·  Обмен файлами

·  Электронная библиотека

·  Система тестирования

·  Проекты @Auditory

Рисунок 10 Выпадающее меню

В данном выпадающем меню присутствуют два одинаковых имени (Обмен файлами). Несмотря на схожесть имен это два разных сайта: http://share. ***** и http://ie. *****/.

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

Рисунок 11 Меню Share. ***** Рисунок 12 Меню *****

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

Также первым, что бросается в глаза при заходе на сайт, является баннер, ориентированный на аудиторию абитуриентов, которые хотят поступить в МИЭФ. При нажатии на баннер открывается сайт http://fdp. *****/abiturient,. на котором проводится регистрация на бесплатные выпускные экзамены. В данный момент регистрация завершена, и при заходе на данный сайт, выводится сообщение «Дорогие 11-классники! Регистрация на бесплатные выпускные экзамены Факультета довузовской подготовки МИЭМ по предметам вступительных испытаний завершена». Размеры баннера 460*60 пикселов.

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

Также в левом столбце расположена линейка последних новостей, при чтении какой-либо новости, открывается новостной сайт http://news. *****/, на котором можно просмотреть весь архив новостей. Каждая новость содержит:

·  Источник

·  Автора

·  Дату

·  Количество просмотров

·  Комментарии

Рисунок 13 Внешний вид левой колонки сайта

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

За день За 10 дней

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

Центральная колонка, представляет собой более развернутое меню, рассмотренное ранее (расположенное в правом верхнем углу сайта). Как видно, на рисунке в данной колонке дано подробное описание каждого из ресурсов. Описание включает в себя:

URL ссылки Автор Тема ресурса Название ресурса и владельца данного ресурса Так же может содержать e-mail автора

Рисунок 14 Внешний вид центральной колонки сайта

В правой колонке модульной сетки располагается случайное фотоизображение из фотогалереи пользователей www.photo.auditory.ru. Размер изображения 150*150 пикселов. В данном столбце также можно увидеть:

Опрос (на тему цветового оформления сайта) Посещения (куда был совершен последний переход) Справка

Так же там находятся две ссылки на XML список всех сайтов и XML всех сайтов кафедры ЭВА.

Рисунок 15 Внешний вид правой колонки сайта

Рисунок 16 XML список кафедральный сайтов

Также существует возможности подписаться на ленту новостей по средствам RSS канала.

Сделав общий обзор сайтов, выяснилось, что сайт http://photo. *****/main. php меньше всего соответствует сайту, который был принят за образец www. *****.

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

Рисунок 17 Фотогалерея ЭВА

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

RSS экспорт альбомов Добавление фотографий через Java аплет Импорт файлов в Галерею с другого веб-сайта Загрузка файлов с компьютера Показ слайд-шоу (в полный и неполный экран)

Вывод