Разработка веб-сайта международного симпозиума SCAN 2012

РАЗРАБОТКА ВЕБ-САЙТА МЕЖДУНАРОДНОГО СИМПОЗИУМА SCAN 2012

• ВВЕДЕНИЕ
• 1. ПОСТАНОВКА ЗАДАЧИ
• 1.1 Описание предметной области
• 1.2 Постановка задачи
• 1.2.1 Общие требования
• 1.2.2 Функциональные требования
• 1.2.3 Требования качества и надежности
• 1.3 Анализ подобных веб-сайтов
• 1.4 Список используемых технологий и программных средств
• 2. РЕАЛИЗАЦИЯ
• 2.1 Исследовательская часть
• 2.1.2 Изучение взаимодействия скриптов и плагинов библиотеки jQuery
• 2.2 Описание структуры базы данных
• 2.3 Схема функционирования
• 2.4 Модульная архитектура проекта
• 2.5 Отладка и тестирование
• 2.6 Руководство пользователя
• ЗАКЛЮЧЕНИЕ
• СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ

Темой моего проекта является разработка и реализация веб-сайта международного симпозиума SCAN 2012.

15-й Международный симпозиум GAMM — IMACS по научным вычислениям, компьютерным арифметикам и доказательным численным методам SCAN-2012 пройдёт в Новосибирском Академгородке 23−29 сентября 2012 года.

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

Основной задачей моего дипломного проекта является создание веб-сайта международного симпозиума SCAN 2012.

Сайт разрабатывается средствами XHTML, PHP 5 и CSS (версии 1.2−3), при помощи библиотек JavaScript, jQuery.

Веб-сайт корректно отображается на таких браузерах как Mozilla, Google Chrome, Opera, Internet Explorer.

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

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

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

· ознакомился с информационным сопровождением симпозиумов;

· найдены и рассмотрены существующие аналоги (веб-сайт симпозиума SCAN 2008 — http://www.scan2008.com, веб-сайт симпозиума SCAN 2010 — http:/scan2010.ens-lyon.fr);

· исследованы возможные способы реализации;

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

· просмотрено немалое число примеров и видов скриптов, реализованных при помощи библиотек и плагинов jQuery;

· составлены общие требования, требования качества проектирования веб-интерфейсов;

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

· реализованы все функции системы.

Во время разработки были использованы программные средства, такие как: веб сайт скрипт плагин

· среда разработки NetBeans IDE;

· графический редактор Adobe Photoshop CS3;

· web-браузеры — Internet Explorer 7.*, Google Chrome 4.*, Mozilla Firefox 3.*, Opera 10.*.

1. ПОСТАНОВКА ЗАДАЧИ

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

Настоящее мероприятие продолжает серию международных симпозиумов SCAN-XX, проводимых под совместным патронажем

· GAMM — International Association for Applied Mathematics and Mechanics (Международного общества прикладной математики и механики) и

· IMACS — International Association for Mathematics and Computers in Simulation (Международной ассоциации по математике и компьютерному моделированию).

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

Симпозиумы SCAN-XX проводятся с 1989 года и за прошедшее время приобрели репутацию главного мирового форума по доказательным вычислениям. Предыдущие мероприятия организовывались в различных местах нашей планеты:

· Базель, Швейцария (1989);

· Албена, Болгария (1990);

· Ольденбург, Германия (1991);

· Вена, Австрия (1993);

· Вупперталь, Германия (1995);

· Лион, Франция (1997);

· Будапешт, Венгрия (1998);

· Карлсруэ, Германия (2000);

· Париж, Франция (2002);

· Фукуока, Япония (2004);

· Дуйсбург, Германия (2006);

· Эль-Пасо, США (2008);

· Лион, Франция (2010).

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

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

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

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

· средства языка разметки XHTML[4] (Extensible Hypertext Markup Language);

· каскадные таблицы стилей CSS (CSS3)[3,4,8] (Cascading Style Sheets);

· средства объектного языка JavaScript[6], с подключением библиотек jQuery[1,2,5];

· скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений — PHP[11].

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

§ Изучение средств, представленных выше технологий;

§ Изучение самого контекста;

§ Разработка общего дизайна;

§ Создание каркаса сайта;

§ Наполнение страницы контекстом;

§ Тестирование на совместимость с наиболее распространёнными видами браузеров, такими как Mozilla Firefox 3.*, Google Chrome 4.*, Opera10.*.

1.2.1 Общие требования

Сформулируем общие требования:

· Создание привлекательного образа Новосибирска, Академгородка и симпозиума, в частности;

· Ясное и понятное представление основной информации о симпозиуме;

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

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

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

Администратор:

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

§ Редактирование пользователей сайта;

§ Редактирование информации, предоставленной пользователем.

Пользователь:

§ Просмотр общей информации о конференции на веб-сайте;

§ Добавление и редактирование информации о себе

(личных сведений, тезисов, докладов).

Гость:

§ Просмотр общей информации на веб-сайте.

1.2.3 Требования качества и надежности

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

1. Надежность

1.1. Устойчивость функционирования

1.2. Работоспособность в условиях массовых запросов

2. Показатели сопровождения

2.1. Структурность

2.2. Относительная несложность конструкций

2.3. Наглядность

3. Показатели удобства применения

3.1. Легкость освоения

3.2. Показатели эффективности

3.3. Ресурсоемкость

4. Показатели универсальности

4.1. Гибкость

4.2. Модифицируемость

1.3 Анализ подобных веб-сайтов

Было рассмотрено два существующих аналога:

1. Веб-сайт симпозиума SCAN 2008 (Sept 29 — Oct 3, 2008);

http://www.scan2008.com/ (см. на рис. 1.3.1.)

2. Веб-сайт симпозиума 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).

1.4 Список используемых технологий и программных средств

В процессе реализации были применимы следующие технологии и программные средства:

1. язык гипертекстовой разметки — XHTML[4] (Extensible Hypertext Markup Language);

XHTML — язык разметки веб-страниц, по возможностям сопоставимый с HTML, созданный на базе XML.

2. каскадные таблицы стилей — CSS3[8] (Cascading Style Sheets);

CSS[3,4] - технология описания внешнего вида документа, написанного языком разметки. CSS используется как средство оформления веб-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате, включая XML и XVL.

3. скриптовый язык программирования общего назначения — PHP5[11] (Hypertext Preprocessor);

PHP — язык написания скриптов, которые встраиваются непосредственно в гипертекстовые файлы и исполняются на Web-сервере.

4. средства скриптового языка — JavaScript[6];

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

5. средства 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).

6. Adobe Photoshop CS3;

Adobe Photoshop — графический редактор, разработанный компанией Adobe, в основном предназначенный для редактирования фотографий, но является незаменимым для создания дизайна в веб-разработке.

7. среда разработки NetBeans IDE;

NetBeans IDE — свободная интегрированная среда разработки приложений IDE (Integrated Development Environment) на языках программирования Java, JavaFX, Ruby, Python, PHP, JavaScript, C++ и ряда других языков.

2. РЕАЛИЗАЦИЯ

2.1 Исследовательская часть

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

· Изучение языка разметки веб-страниц — XHTML;

· Изучение технологии описания внешнего вида документа — CSS3;

· Изучение скриптового языка общего назначения — PHP5;

· Изучение скриптового языка объектно-ориентированного программирования — JavaScript;

· Изучение взаимодействия скриптов и плагинов библиотеки jQuery;

· нахождение оптимального варианта отображения среди средств, перечисленных выше технологий.

2.1.1 Изучение взаимодействия скриптов и плагинов библиотеки jQuery

jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими.

Плагин, который я подключил имеет следующие функции:

§ возможность автоматического переключения картинок (использовал именно эту функцию для реализации слайд-шоу);

§ переключение картинок при помощи навигации;

§ пауза;

§ отображение в слайдах не только картинок, но и различный контент;

§ отображение номера текущего слайда.

HTML код:

Показать весь текст Стоимость уникальной работы