Разработка веб-сайта международного симпозиума SCAN 2012
Курсовой проект - Компьютеры, программирование
Другие курсовые по предмету Компьютеры, программирование
] (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.2.Работоспособность в условиях массовых запросов
2.Показатели сопровождения
.1.Структурность
2.2.Относительная несложность конструкций
.3.Наглядность
3.Показатели удобства применения
.1.Легкость освоения
3.2.Показатели эффективности
.3.Ресурсоемкость
4.Показатели универсальности
.1.Гибкость
4.2.Модифицируемость
1.3Анализ подобных веб-сайтов
Было рассмотрено два существующих аналога:
1.Веб-сайт симпозиума SCAN 2008 (Sept 29 - Oct 3, 2008);
2.Веб-сайт симпозиума SCAN 2010 (Sept 27-30, 2010)
Оба этих сайта имеют схожее содержание. Разница заключается во внешнем оформлении и пользовательском интерфейсе.
В качестве ключевых особенностей данных продуктов следует выделить:
Простой и интуитивно понятный интерфейс;
Моральное устаревание. Поскольку их разработка велась 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.
.скриптовый язык программирования общего назначения - 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;
Изуч