Сделай Сам Свою Работу на 5

Структура сайта и навигация

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ

МОСКОВСКИЙ ФИНАНСОВО-ПРОМЫШЛЕННЫЙ УНИВЕРСИТЕТ “СИНЕРГИЯ”

Факультет Информационных технологий

Кафедра Системного программирования

УТВЕРЖДАЮ

Декан факультета ИТ

______________ C.В. Харитонов

«___»_________ 2015 г.

Методические указания
по курсовому проектированию по дисциплине

«Разработка серверных приложений для WEB»

Для специальности: «Математическое обеспечение и администрирование информационных систем»

Автор:

Егоров Д.И

Москва

Г.

Содержание

Цель курсового проектирования. 3

Требования к базовым знаниям. 4

Задание. 5

Содержательная часть. 6

Оформление отчета. 9

Задания на курсовое проектирование. 10

Приложение 1. Титульный лист. 89

 


Цель курсового проектирования

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

По окончании работы над проектом студент будет:

знать:

· основные протоколы сети Интернет;

· правила построения Интернет приложений;

· принципы работы приложений в сети Интернет;

· технологию интеграции приложений;

· основные понятия и термины web – программирования.

уметь разрабатывать приложения:

· использующие в своей работе сеть Интернет;

· отображающие HTTP данных;

· формирующие сценарии Web приложений.


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

 

Для выполнения курсового проекта студент должен:

· иметь навыки программирования на языке С++;

· иметь представление о сетевых технологиях;

· иметь представление об основных парадигмах программировании;

· иметь навыки разработки html страниц;

· иметь практику работы с текстовыми редакторами и Интернет.


Задание

 

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

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



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

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

· функциональное назначение приложения;

· тип приложения;

· порядок разработки приложения;

· структура приложения.

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

В разработанных проектах студенты в праве указывать знак охраны авторского права.

 


Содержательная часть

 

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

 

1) Титульный лист;

2) Задание на курсовой проект;

3) Содержание;

4) Введение;

5) Основная часть:

5.1 Требования к приложению;

5.2 Анализ исходных данных;

5.3 Разработка приложения.

6) Заключение;

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

8) Приложение.

 

Ниже предоставляется детализация содержимого основных разделов отчета.

 

Введение

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

Основная часть

Требования к приложению

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

· назначение программы;

· формат входных данных;

· формат выходных данных;

· пользовательский интерфейс и т.п.

 

Анализ исходных данных

В данном пункте нужно проанализировать исходные данные задания:

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

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

 

Разработка приложения

Описывается ход разработки приложения:

· этапы разработки (описание + скриншоты);

· выбранные методы, алгоритмы реализации и т.п.

 

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

 

Заключение

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

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

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

 

Образец записи сведений об источнике:

1. С. В. Глушаков, А.В. Коваль, С.А. Черепнин, Программирование на Visual C++, ФОЛИО, Москва, 2003.

2. Ю. Тихомиров, Самоучитель MFC, БХВ-Санкт –Петербург, 2002.

 

 

Приложение

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


Оформление отчета

Отчет должен быть представлен в бумажном виде.

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

1. Текст размещается на одной стороне листа формата А4.

2. Поля: верхнее – 3см, правое, верхнее, нижнее – 2 см.

3. Используется шрифт Times New Roman 14-го кегля.

4. Межстрочный промежуток должен составлять полтора интервала.

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

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

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

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

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

 

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

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

– вступительная статья о компании со ссылкой «подробнее», ведущей на раздел «О компании»;

новости – содержит 3 последние новости (анонсы) в формате: дата, заголовок, краткое содержание;

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

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

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

– поле выбора языка – русский/английский (не обязательно);

– счетчик и ссылка на страницу обмена ссылками.

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

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

– навигационное меню сайта (переход к основным пунктам меню);

– поле поиска;

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

– навигационная панель по подразделам выбранного раздела сайта;

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

– внизу страницы – краткая контактная информация;

– кнопка «Для печати» - обеспечивает вывод контентной области в виде, отверстанном для печати на листах формата А4;

– кнопка «Задать вопрос» - обеспечивает переход к форме «Задать вопрос».

 

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

 

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

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

– при попытке входа в закрытый раздел у пользователя не прошедшего аутентификацию, должен быть запрошен логин и пароль;

– после прохождения аутентификации система должна проверять полномочия пользователя на доступ к запрошенному разделу.

 

Требования к видам обеспечения

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

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

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

Все ссылки на сайте должны быть относительным (за исключением внешних).

 


Задания на курсовое проектирование

Задание №1

СТРУКТУРА И ФУНКЦИОНАЛ ИНТЕРНЕТ-ПРЕДСТАВИТЕЛЬСТВА

КОМПАНИИ «_____________________»

(наименование компании)

 

Цель

 

Целью данной работы является разработка электронного представительства «_________» с возможностью последующего размещением в сети Интернет.

 

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

 

Имиджевая.

Формирование стиля и образа компании. Стилевое оформление сайта должно соответствовать корпоративному стилю компании.

 

Информационная.

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

 

Рекламная.

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

 

 

Общие требования к сайту

 

· Стилистическое оформление

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

Шрифты, используемые в графических элементах сайта, могут выбираться произвольно при условии непротиворечия корпоративному стилю. Шрифты, используемые в текстовых материала сайта, должны соответствовать стандартным шрифтам браузеров: Helvetica/Arial, Times New Roman, Courier.

Допустимо использование иных распространенных шрифтов (Verdana, Tahoma и др.) в том случае, если их замена на стандартные шрифты не приведет к визуальному искажению текста. Размер (кегль) шрифтов должен обеспечивать удобство восприятия текста при минимально допустимом размере экрана.

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

Цвета: согласно стиля выбранного компанией.

 

· Требования к функциональности веб-сервера:

Веб-сервер должен обеспечивать возможности:

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

o осуществления обратной связи c пользователями: прием отзывов и запросов пользователей по e-mail через заполнение специальных форм на сайте;

o обработки статистики посещений (подключение внешней системы статистики HotLog);

o ведения статистики голосований

 

· Требования к браузеру:

Сайт должен обеспечивать корректное отображение данных в следующих браузерах: Internet Explorer 8.0 и выше (Microsoft), Opera 12.0 и выше (Opera Software), Netscape 11.0 и выше (AOL Netscape).

 

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

o Сайт должен быть оптимизирован для просмотра при разрешении 1024*768, 1280*1024 без горизонтальной полосы прокрутки и без пустых (белых) полей для основных типов разрешения.

o Мета-теги и контент сайта на этапе изготовления сайта должны быть настроены с учетом требований поисковых систем, что обеспечить продвижение сайта по ключевым словам в руcскоязычных поисковых системах Yandex, Aport!, Rambler, Google.

 

Структура сайта и навигация

Тематически сайт подразделяется на следующие разделы:

1. Новости;

2. О Компании;

3. Услуги;

4. Портфолио;

5. Контакты.

Все разделы имеют подразделы, описанные ниже.

Ссылки

Все активные ссылки делятся на 3 части:

· на подстраницы;

· на функциональные элементы;

· на файлы для загрузки и перекрёстные ссылки на другие сайты.

Типовые страницы

1. Первый уровень – входная страница.

2. Второй уровень (универсальный) – это подразделы любого уровня, вывод результатов поиска, подписки и т.п.

3. Вид для печати – упрощённый макет, с функцией «на печать», «вернуться». Содержит логотип, текстовое содержимое раздела и предупреждение о законности использования информации.

Дизайн часть проекта

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

Содержание и функционал сайта

Начальная страница

Навигация по разделам и подразделам.

На данной странице осуществляется переход на различные разделы сайта.

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

Новости

Новости компании, включая новости всех разделов с переходом на архив новостей.

Текстовое описание + возможность разместить небольшую картинку фиксированного размера.

1.1. Архив новостей

Автоматически формируемый архив новостей.

1.2. Аналитика

Тематические публикации, обзор СМИ.

Реализована возможность добавления статей и даты статьи.

1.2.1 Статья 1

Статья 1.

1.2.2 Статья 2

Статья 2.

1.3. Пресса о нас

Реализована возможность добавления статей и даты статьи.

1.3.1 Статья 1

Статья 1.

1.3.2 Статья 2

Статья 2.

1.4. Интервью

Реализована возможность добавления статей и даты статьи.

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

1.4.1 Статья 1

Статья 1.

1.4.2 Статья 2

Статья 2.

Опрос

На начальной странице присутствует администрируемый опрос по схеме «вопрос и несколько вариантов ответа». Есть возможность просмотреть результаты.

О компании

Презентационный раздел.

2.1 Миссия

Общая информация.

2.2 Команда

Информация о сотрудниках компании с указанием должности, ссылкой на e-mail и размещением фотографии.

2.3 Партнеры

Информация о партнерах. Список партнеров с логотипами.

2.3.1 Партнер 1

Информация о партнере.

2.3.2 Партнер 2

Информация о партнере.

2.4 Вакансии

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

2.5 Сотрудничество

Текстовое описание условий сотрудничества.

2.6. Неофициальная часть

Неофициально об _________. Краткое резюме о пристрастиях, увлечениях, фоторепортажи о наших путешествиях и приключениях.

Услуги

Информация о предоставляемых компанией услугах

3.1. Размещение рекламы на светодиодных дисплеях

Прайс-лист и краткие технические данные дисплея в виде таблицы.

3.2. Продажа информационных систем

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

3.2.1 ИС 1 Фото, теххарактеристики

3.2.2 ИС 2 Фото, теххарактеристики

3.3 Продажа мобильных ИС

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

3.3.1 МИС 1

Фото, теххарактеристики

3.3.2 МИС 2

Фото, теххарактеристики

Портфолио

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

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

· Студия;

· Видео/текстовый ролик;

· Клиент;

Каждый элемент базы содержит кроме того:

· Заголовок;

· Дату;

· Ролика и скриншот или текст (в случае текстовой реклама);

Описание.

4.1. Видеоролики

По умолчанию открывается первый ролик и список остальных роликов

4.1.1 Видеоролик 1

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

4.1.2 Видеоролик 2

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

4.2. Текстовая реклама

По умолчанию открывается первая реклама

4.2.1 Реклама 1

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

4.2.2 Реклама 2

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

4.3. Клиенты

Информация о клиентах. Список клиентов с логотипами.

4.3.1 Клиент 1

Страница содержит заголовок, логотип, описание.

4.3.2 Клиент 2

Страница содержит заголовок, логотип, описание.

4.4. Дизайн-студии

Информация о дизайн студиях и список студий с логотипами.

4.4.1 Студия 1

Страница содержит заголовок, логотип, описание студии.

4.4.2 Студия 2

Страница содержит заголовок, логотип, описание студии.

Реклама на дисплее

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

Контакты

Предусматривает форму для вопроса клиента, при заполнении которой вопрос отсылается модератору

После его обработки, рассмотрения и ответа выкладывается на сайт и отправляется на указанный e-mail клиента, задавшего этот вопрос.

Поля формы:

1.Имя

2.E-mail

3.Вопрос

Графическое изображение фрагмента карты проезда со схематическим изображением местонахождения фирмы. Адрес. Телефоны. Е-mail

Карта сайта и поиск

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

Интерфейсные удобства

(мнемонические объекты)

- Добавить в избранное

- Без графики (Версия для печати)

- Отослать ссылку

- Отключить анимацию

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



©2015- 2017 stydopedia.ru Все материалы защищены законодательством РФ.