
- •Кафедра информационных технологий разработка веб-сайта международного симпозиума scan 2012
- •Содержание
- •1. Постановка задачи 6
- •2. Реализация 12
- •1. Постановка задачи 5
- •Введение
- •Постановка задачи
- •Описание предметной области
- •Постановка задачи
- •Общие требования
- •Функциональные требования
- •Требования качества и надежности
- •Анализ подобных веб-сайтов
- •Список используемых технологий и программных средств
- •Реализация
- •Исследовательская часть
- •2.1.1. Изучение взаимодействия скриптов и плагинов библиотеки jQuery
- •Описание структуры базы данных
- •Модульная архитектура проекта Ниже представлен список, используемых мною модулей, необходимых для решения поставленной задачи:
- •Отладка и тестирование
- •Руководство пользователя
- •Заключение
- •Список используемых источников
Функциональные требования
Сформулируем следующие функциональные требования к создаваемому сайту:
Администратор:
Ведение детальных списков пользователей вместе с их личной информацией и служебной информацией конференции;
Редактирование пользователей сайта;
Редактирование информации, предоставленной пользователем.
Пользователь:
Просмотр общей информации о конференции на веб-сайте;
Добавление и редактирование информации о себе
(личных сведений, тезисов, докладов).
Гость:
Просмотр общей информации на веб-сайте.
Требования качества и надежности
К созданному сайту были предъявлены следующие качественные требования:
Надежность
Устойчивость функционирования
Работоспособность в условиях массовых запросов
Показатели сопровождения
Структурность
Относительная несложность конструкций
Наглядность
Показатели удобства применения
Легкость освоения
Показатели эффективности
Ресурсоемкость
Показатели универсальности
Гибкость
Модифицируемость
Анализ подобных веб-сайтов
Было рассмотрено два существующих аналога:
Веб-сайт симпозиума SCAN 2008 (Sept 29 - Oct 3, 2008);
http://www.scan2008.com/ (см. на рис. 1.3.1.)
Веб-сайт симпозиума SCAN 2010 (Sept 27-30, 2010)
http://scan2010.ens-lyon.fr/ (см. на рис. 1.3.2.)
Оба этих сайта имеют схожее содержание. Разница заключается во внешнем оформлении и пользовательском интерфейсе.
В качестве ключевых особенностей данных продуктов следует выделить:
Простой и интуитивно понятный интерфейс;
Моральное устаревание. Поскольку их разработка велась 2-3 года назад, то многие элементы данных программ существенно устарели;
Веб-сайт симпозиума SCAN 2008 не предусматривает регистрацию.
Рис. 1.3.1.
Рис. 1.3.2.
Среди этих аналогов, данный проект наиболее соизмерим с веб-сайтами, реализованными с применением современных веб-технологий (XHTML, jQuery, CSS3).
Список используемых технологий и программных средств
В процессе реализации были применимы следующие технологии и программные средства:
язык гипертекстовой разметки – XHTML[4] (Extensible Hypertext Markup Language);
XHTML – язык разметки веб-страниц, по возможностям сопоставимый с HTML, созданный на базе XML.
каскадные таблицы стилей - CSS3[8] (Cascading Style Sheets);
CSS[3,4] – технология описания внешнего вида документа, написанного языком разметки. CSS используется как средство оформления веб-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате, включая XML и XVL.
скриптовый язык программирования общего назначения – PHP5[11] (Hypertext Preprocessor);
PHP – язык написания скриптов, которые встраиваются непосредственно в гипертекстовые файлы и исполняются на Web-сервере.
средства скриптового языка – JavaScript[6];
JavaScript – скриптовый язык объектно-ориентированного программирования. JavaScript обычно используется как встраиваемое средство выполнения данных. В веб-программирование JavaScript применим в качестве средства динамического изменения веб-страницы.
средства jQuery 1.3.1[1,2,5];
jQuery – библиотека JavaScript, производящая взаимодействия с HTML файлами. Библиотека jQuery позволяет легко взаимодействовать и манипулировать с элементами DOM (Document Object Model - объектная модель документа). Также библиотека jQuery предоставляет удобный интерфейс прикладного программирования (API – Application Programming Interface) для взаимодействия с AJAX (Asynchronous JavaScript and XML).
Adobe Photoshop CS3;
Adobe Photoshop – графический редактор, разработанный компанией Adobe, в основном предназначенный для редактирования фотографий, но является незаменимым для создания дизайна в веб-разработке.
среда разработки NetBeans IDE;
NetBeans IDE – свободная интегрированная среда разработки приложений IDE (Integrated Development Environment) на языках программирования Java, JavaFX, Ruby, Python, PHP, JavaScript, C++ и ряда других языков.