Муниципальное образовательное учреждение
высшего профессионального образования
«Южно-Уральский профессиональный институт»
Кафедра математики, информатики и
вычислительной техники
ДОПУЩЕН К ЗАЩИТЕ
______________ / С.А Кондаков /
Зав. кафедрой, к.п.н., доцент
«___»
________________ 2015 г.
ВЫПУСКНАЯ КВАЛИФИКАЦИОННАЯ РАБОТА
по основной образовательной программе подготовки бакалавров
по направлению 230100.62 -Информатика и вычислительная техника
Разработка
Web-приложения для создания презентаций
Студент гр. ИН-01-12
факультета информатики и
вычислительной техники ___________________ А.С. Брюханов
Руководитель ___________________ С.Ю.Коваленко
Нормоконтролер
к.п.н., доцент ___________________ И.В.Подорожко
Рецензент
к.соц.н.
___________________ И.А. Солдатова
Челябинск 2015
Аннотация
Артём Брюханов
Разработка Web-приложения для создания презентаций.
Челябинск МОУ ВПО ЮУПИ
Направление «Информатика и вычислительная техника»
Объем дипломного проекта составляет __ страниц, содержит __ рисунка, __ приложений и ___ чертежа.
В дипломную работу входит введение, теоретическая глава, практическая, экономическая, и охрана труда. В конце дипломного проекта подводится заключение.
Объект исследования - Web-приложение.
Предмет исследования - разработка Web-приложения для создания презентаций.
Цель исследования - разработать Web-приложение для создания презентаций.
Во введении поднимается вопрос об актуальности разработки по выбранной теме, а также ставится цель исследования.
В первой главе рассматриваются методы представления информации, аналоги разрабатываемого приложения среды для реализации проекта.
Во второй главе идет непосредственно разработка приложения, алгоритмов работы, написание компьютерного кода, руководства пользователя и пользовательского интерфейса, а также описаны шаги для размещения презентации в сети интернет.
В экономической части рассчитываются затраты на разработку приложения и экономический эффект.
В четвертой главе описаны требования по охране труда при разработки приложения.
Основные результаты выпускной квалификационной работы имеют практическую значимость для разработанные предложения по совершенствованию позволят повысить.
Муниципальное образовательное учреждение высшего профессионального образования
ЮЖНО-УРАЛЬСКИЙ ПРОФЕССИОНАЛЬНЫЙ ИНСТИТУТ
Факультет управления и информационных технологий
Кафедра
Математики, информатики и вычислительной техники
УТВЕРЖДАЮ
Зав. кафедрой математики, информатики и вычислительной техники
____________________С.А. Кондаков
«___» ______________________ 2015
ЗАДАНИЕ
НА ВЫПОЛНЕНИЕ ВЫПУСКНОЙ КВАЛИФИКАЦИОННОЙ РАБОТЫ
Направление 230100.62 «Информатика и вычислительная техника»
НА ТЕМУ
«Разработка Web-приложения для создания презентаций»
Студента группы ИН-01-12
Брюханова Артёма
Руководитель ст. преподаватель Коваленко Сергей Юрьевич
Тема утверждена приказом ректора МОУ ВПО «ЮУПИ» № ______________от «___»___________2014 г.
Срок сдачи студентом законченной работы _______________
Исходные данные: Разработать Web-приложение для создания презентаций.
Изучить теоретические и практические подходы к разработке приложения, составить техническое задание и разработать Web-приложение, произвести расчет экономических затрат на разработку приложения.
Иллюстративный материал: рисунки, таблицы.
Руководитель ВКР___________ _____________________ _________
(подпись) (ФИО) (Дата)
(подпись) (ФИО) (Дата)
Студент ________________ _____________________ __________
Интернет прочно вошел в нашу жизнь. Многие уже не представляют себе, как раньше люди обходились без электронной почты, программ быстрого обмена сообщениями, сайтов, на которых можно найти абсолютно любую информацию, Интернет-магазинов, блогов, социальных сетей, сетевых компьютерных игр, форумов и др. Маленькие фирмы и огромные корпорации зачастую не могут обойтись без корпоративных Интернет-ресурсов, которые могут выполнять самые разнообразные задачи. Не стоит забывать и о корпоративном общении посредствам интернета, видео, аудио телефонии. Ученые получили возможность решать задачи, требующие огромных вычислительных ресурсов, объединив множество компьютеров в один огромный суперкомпьютер.
Все это, безусловно, способствует развитию веб-программирования. Развиваются подходы разработки веб-сайтов. Статический интерфейс постепенно уходит в прошлое, на смену ему приходит интерактивный. Такие приложения выглядят интереснее. С ними приятнее работать.
Веб-программисты чаще всего занимаются разработкой форм, вариацией, механизмами эффектов появления, всплывания, затухания, разработкой серверной составляющей веб-приложения: работа с базами данных, разработка архитектуры систем веб-приложения. Но некоторые проекты требуют реализации не совсем обычной функциональности. Например, интерактивный редактор картинок, где пользователи могут одновременно редактировать один холст и видеть изменения, сделанные другими пользователями, редактор карт, где можно было бы выделять регионы на карте, делать метки, выделение лиц на фотографиях и прочее. Для подобных задач можно использовать инструменты Silverlight, Flash, JavaFX. Но программа будет работать только в случае, если у пользователя установлен соответствующий плагин для браузера, что зачастую не очень удобно. В последнее время все большую популярность преобретает HTML5. Но пока достаточно много пользователей используют старые браузеры без его поддержки. На самом же деле многие подобные задачи можно покрыть, используя JavaScript в сочетании с технологиями SVG/VML. Преимущественное большинство браузеров поддерживает данные технологии, этот подход не требует установки дополнительного программного обеспечения.
В качестве серверной составляющей в данной работе рассмотрена платформа Django. Свободный фреймворк для веб-приложений на языке Python, использующий шаблон проектирования MVC. Проект поддерживается организацией Django Software Foundation.
Актуальность проекта заключается в потребности web-приложения для создания слайдов.
Целью данного проекта является разработка web-приложения для создания презентации.
Задачи дипломного проекта:
Изучить техническую литературу и алгоритмы взаимодействия процессов;
Разработать WEB-приложение;
Оптимизировать программное обеспечение под пользователя;
Произвести тестирование программного обеспечения;
Произвести расчёт затрат на разработку программного обеспечения.
Объект - Web-приложение.
Предмет - Web-приложения для создания презентаций.
Теоретическая база - теоретические основы моделирования систем, программирование на языках высокого уровня, WEB-программирование, человеко-машинное взаимодействие.
В работе были использованы следующие методы исследования: сопоставление аналогов, обобщение изученной литературы, моделирование, практическая реализация, тестирование.
Теоретическая значимость работы - разработанное программное обеспечение и его использование эмпирически подтверждает теоретические основы программирования и разработки WEB приложений.
Практическая значимость работы - созданное программное обеспечение позволило в автоматическом режиме создавать и выкладывать в сеть интернет мультимедийный материал в виде презентаций и избавило докладчика от потребности в использовании специализированного программного обеспечения.
Структура работы: выпускная квалификационная работа состоит из введения,
4 глав, заключения и списка литературы.
Обзор современной литературы о быстрой разработке указывает на методику зарубежных коллег из студии 37signals, создающих веб-сайты разной сложности в кратчайшие сроки с минимальными затратами [5, гл. 1].
Описываемая методика заключается в создании минимального функционала с последующей возможностью расширения и рекомендует вести процесс разработки от интерфейса пользователя к базе данных, с последующей связью их между собой. Кроме того, в описании методики 37signals ссылаются на Ruby on Rails [5, гл. 10] как на наиболее удобный инструмент. Разработчики утверждают, что выбор оптимального инструмента крайне важен.
Исходя из приведенной в книге методики, можно предположить, что для успешной разработки нужно применить Ruby on Rails или аналогичный инструмент, поскольку процесс разработки данного проекта практически соответствует процессу, описанному в книге.
Инструмент Ruby on Rails - фреймворк с открытым исходным кодом, написанный на языке программирования Ruby и предназначенный для разработки веб-приложений [19]. Фреймворки для создания веб-приложений применяют для создания систем управления содержимым [13].
Вышеприведенные факты указывают на то, что Ruby on Rails является основой для создания систем управления содержимым. Исходя из этого любой веб-сайт, созданный на основе CMF с открытым исходным кодом будет веб-сайтом на базе CMS с открытым исходным кодом. Вкупе с тем, что исходный код инструмента открыт, разработка веб-сайта с помощью Ruby on Rails или аналога в полной мере соответствует теме дипломной работы. Кроме того, использование расходы на разработку будут сокращены из-за отсутствия денежных затрат на CMS.
Ближайшее изучение Ruby on Rails показало, что его синтаксис не сложен, однако отличается наличием особых правил синтаксиса от других языков высокого уровня, широко используемых в веб-разработке [8], в том числе, и от обычного синтаксиса Ruby, поскольку язык позволяет переопределять методы и операторы [18].
Изучение особенностей языка может занять длительное время, поэтому следует выбрать более удобный инструмент, написанный на языке программирования с более стандартным синтаксисом.
Одним из таких инструментов является Django [14, 28], который часто сравнивают с Ruby on Rails [43, 23]. Следует заметить, что приведенные источники сообщают о более гибкой модульной архитектуре Django и более прозрачном языке программирования Python, на котором написан этот CMF, что, безусловно, отвечает поставленным требованиям поиска инструмента. Синтаксис Python стандартен и прозрачен, что гарантируется философией языка, описанной в официальном стандарте [48].
Поскольку Django является CMF с открытым исходным кодом, он в полной мере способен заменить Ruby on Rails в процессе разработки, поскольку их архитектурные решения схожи. Исходя из этого, можно принять Django за основу создаваемого веб-сайта.
Как было указано в исходных данных, текущая версия сайта не обеспечивает необходимого функционала области поисковой оптимизации сайта [9]. После проведения консультации со специалистом по поисковому продвижению и изучению рекомендованных источников [33, 25, 30], было установлено, что для обеспечения наилучшего результата в продвижении необходимо, чтобы внутренние факторы сайта соответствовали требованиям поисковых систем.
На данный момент главным внутренним фактором с технической точки зрения является структура разметки веб-страницы, поскольку поисковые системы определяют значимость и значение тех или иных данных с ее помощью [24]. Наилучшая структура разметки достигается за счет применения семантически значимых элементов и микроразметки [32].
Современным языком разметки, с помощью которого описывается структура веб-страницы, является HTML. На данный момент актуальна 5-я версия языка, обеспечивающая более четкую семантическую разметку по сравнению с предыдущими версиями [44].
В помощь к разметке средствами HTML были созданы языки микроразметки, позволяющие обозначить внутри блока данных те или иные элементы, такие как адреса, номера телефонов и им подобные. Обозначение таких данных позволяет поисковым системам лучше распознать содержимое страницы, а так же правильно и наглядно сгруппировать их в поисковой выдаче. Наиболее развитым среди стандартов микроразметки является стандарт Schema.org, объявленный поисковыми системами Google, Bing и Yahoo! И поддерживаемый Яндексом [26].
Применение HTML5 вкупе с микроразметкой Schema.org должно дать наилучшую на сегодняшний день базу для внутренних факторов сайта при подготовке к поисковой оптимизации.
При подготовке интерфейса важно придать ему информативность и выделить элементы, поскольку пользователи воспринимают структуру страниц визуально. Интерфейс должен быть простым, логичным и соответствовать ожиданиям пользователя и наиболее вероятным сценариям использования, что на данный момент практикуется многими крупными специалистами в области дизайна [27, 7, 6].