Пример готовой дипломной работы по предмету: Информационные технологии
Содержание
Оглавление
Введение 5
Глава
1. Обзор предметной области 7
1.1. RIA и современные веб-технологии 7
1.2. Существующие решения 12
1.2.1. Jquery UI 12
1.2.2. Kendo UI 13
1.2.3. Webix 13
1.2.4. Bootstrap 13
1.2.5. Metro UI 14
1.3. Сравнительный анализ существующих решений 15
1.4. Используемые технологии 17
1.4.1. Язык разметки HTML 17
1.4.2. Таблицы стилей CSS 17
1.4.3. Язык программирования JavaScript 18
1.4.4. JSON 18
1.4.5 JavaScript-движок V8 18
1.4.6. Node.js 19
1.4.7. Платформа NW.js 19
1.4.8. Инструмент автоматизации Grunt 19
1.5. Постановка задачи 21
1.5.1. Требования к фреймворку 21
1.4.2. Требования к окружению 21
ГЛАВА
2. Архитектура проекта 23
2.1. Общий принцип построения API 23
2.2. API компонента работы с окнами 28
2.2.1. Понятие «окно» 28
2.2.2. Управление окнами 28
2.2.3. Алгоритмы визуального управления окнами 29
2.3. API компонента работы с формами 32
2.3.1. Понятие «форма» 32
2.3.2. Элементы формы 34
2.3.3. Алгоритмы преобразования значений и отрисовки форм 38
2.4. Механизм сборки, компиляции и запуска фреймворка 41
ГЛАВА
3. Реализация проекта 44
3.1 Настройка сборки через Grunt 44
3.2. Реализация компонента окон 49
3.2.1. Создание окон 50
3.2.2. Управление окнами 51
3.3. Реализация компонента форм 52
3.3.1. Создание форм и управление формами 53
3.3.2. Создание и управление элементами формы 54
3.3.3. Принцип двунаправленной связанности данных 55
3.4. Сравнение, интеграция и примеры использования 57
Заключение 61
Список использованной литературы 65
Приложения 69
Приложение А. Таблица 2 – Свойства объекта конфигурации окна 69
Приложение Б. Таблица 4 – Свойства объекта конфигурации поля 71
Приложение В. Таблица 7 – Свойства модели 74
Приложение Г. Листинг 4 – Загрузка формы из JSON-структуры 76
Приложение Д. Листинг 8 – Gruntfile.js 78
Приложение E. Файл «ac_gui.css» 80
Приложение Ж. Файл «package.json» 84
Приложение И. Файл «package.json» 95
Выдержка из текста
Введение
Тема «Разработка фреймворка для создания интерфейсов для современных веб-приложений» выбрана мной в связи с тем, что я столкнулся с этой проблемой при разработке своего проекта «MnCreator». Актуальность темы исследования заключается в том, что на данный момент веб-технологии позволяют создавать не только сайты с расширенным управлением данными, но и обычные приложения для настольных компьютеров, однако существующие решения в этой области не предоставляют возможностей, к которым привыкли разработчики приложений на более классических технологиях, например таких как Delphi или WinForms.
Объектом данного исследования являются способы разработки графических пользовательских интерфейсов с применением веб-технологий
Предметом данного исследования является существующие веб-фреймворки и библиотеки для построения интерфейсов.
Целью данной работы является создать фреймворк, предоставляющий «из коробки» весь тот функционал по созданию интерфейсов, который полностью бы покрывал базовые требования при разработке настольных приложений с использованием веб-технологий.
Задачи, которые я ставлю перед собой в процессе данного исследования:
1. Определить существующие решения в области веб-интерфейсов, провести их анализ, выделить сильные и слабые стороны
2. Спроектировать архитектуру и API фреймворка.
3. Разработать фреймворк.
4. Произвести сравнительный анализ итогового решения с существующими.
5. Показать способы использования и внедрения фреймворка в существующие проекты на примере приложения «MnCreator».
Практическая значимость работы заключается в возможности использовать созданное мною в рамках данной работы решение в дальнейшем и при разработке других подобных проектов, в том числе не только автором, а всем сообществом веб-разработчиков.
Список использованной литературы
Список использованной литературы
Источники на русском языке
1. Азат Мардан. Быстрое прототипирование с JS. – СПб: Символ-Плюс, 2008, 612 с.
2. Беэр Бибо, Иегуда Кац. jQuery. Подробное руководство по продвинутому JavaScript. – СПб: Символ-Плюс, 2011, 624 с.
3. Джеф Раскин. Интерфейс: новые направления в проектировании компьютерных систем. – Символ-Плюс, 2007, 272 с.
4. Дэвид Флэнаган. JavaScript. Подробное руководство, пятое издание. – СПб: Символ-Плюс, 2014, 992 с.
5. Мэтью Мак-Дональд. HTML5. Недостающее руководство. – СПб: БХВ-Петербург, 2012, 480 с.
6. Эрик А. Мейер. CSS. Каскадные таблицы стилей. Подробное руководство. – СПб: Символ-Плюс, 2008, 576 с.
7. Владимир Дронов. HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов. – СПб: БХВ-Петербург, 2011, 416 с.
8. Николас Закас. Оптимизация производительности JavaScript. – СПб: Символ-Плюс, 2012, 256 с.
9. Стоян Стефанов. JavaScript. Шаблоны. – СПб: Символ-Плюс, 2012, 272 с.
10. Бер Бибо, Иегуда Кац. jQuery. Подробное руководство по продвинутому JavaScript. – СПб: Символ-Плюс, 2011, 624 с.
11. Марк Пилгрим. Погружение в HTML5. – СПб: БХВ-Петербург, 2011, 304 с.
12. Бихерев Алексей. Сюрреализм на JavaScript. – Санкт-Петербург: СИНЭЛ, БЗО, 2014, 228 с.
13. Джон Рейсиг. JavaScript. Профессиональные приемы программирования. – Питер, 2008, 352 с.
14. Николас Закас. JavaScript для профессиональных веб-разработчиков. – Питер, 2015, 960 с.
15. Джон Резиг, Беэр Бибо. Секреты JavaScript ниндзя. – Вильямс, 2013, 416 с.
Источники на иностранных языках
16. Jake Spurlock. Bootstrap, Responsive Web Development. – O'Reilly Media, 2013, 304 с.
17. John Adams. Learning Kendo UI Web Development. – Packt Publishing, 2013, 512 с.
18. Louis Rosenfeld. Information Architecture: For the Web and Beyond. – O'Reilly Media, 2013, 488 с.
19. Marijn Haverbeke. Eloquent [removed]
A Modern Introduction to Programming. – No Starch Press, 2014, 472 с.
20. Dane Cameron. Software Engineer Learns Html 5, JavaScript and Jquery. – Createspace, 2013, 256 с.
21. Basarat Syed. Beginning Node.Js. – Apress, 2014, 308 с.
22. Semmy Purewal. Learning Web App Development. – O'Reilly Media, 2014, 284 с.
23. Jurie-Jan Botha. Grunt.Js Cookbook. – Packt Publishing, 2015, 286 с.
24. David Herron. Node Web Development. – Packt Publishing, 2011, 172 с.
25. Eric Sarrion. Jquery UI. – O'Reilly Media, 2012, 244 с.
26. Nicholas Zakas. Maintainable JavaScript – O'Reilly Media, 2012, 219 с.
Электронные ресурсы
27. Введение в JSON. [Электронный ресурс].
URL: http://www.json.org/json-ru.html (дата обращения: 13.07.2015).
28. Bootstrap • The world's most popular mobile-first and responsive front-end framework. [Электронный ресурс].
URL: http://getbootstrap.com/ (дата обращения: 09.07.2015).
29. Cascading Style Sheets. [Электронный ресурс].
URL: http://www.w 3.org/Style/CSS/ (дата обращения: 12.07.2015).
30. Grunt: The JavaScript Task Runner. [Электронный ресурс].
URL: http://gruntjs.com/ (дата обращения: 23.07.2015).
31. HTML, The Web’s core language. [Электронный ресурс].
URL: http://www.w 3.org/html/ (дата обращения: 11.07.2015).
32. JavaScript. [Электронный ресурс].
URL: https://ru.wikipedia.org/wiki/JavaScript (дата обращения: 13.07.2015).
33. Kendo UI HTML5 and JavaScript widgets integrated with AngularJS. [Электронный ресурс].
URL: http://www.telerik.com/kendo-ui (дата обращения: 07.07.2015).
34. Metro UI • The front-end framework for developing projects on the web in Windows Metro Style. [Электронный ресурс].
URL: https://metroui.org.ua/ (дата обращения: 10.07.2015).
35. Node.js. [Электронный ресурс].
URL: https://ru.wikipedia.org/wiki/Node.js (дата обращения: 13.07.2015).
36. Npm is the package manager for node. [Электронный ресурс].
URL: https://www.npmjs.com/ (дата обращения: 23.07.2015).
37. NW.js. [Электронный ресурс].
URL: http://nwjs.io/ (дата обращения: 13.07.2015).
38. Official jQuery user interface library. [Электронный ресурс].
URL: https://jqueryui.com/ (дата обращения: 06.07.2015).
39. V8 (движок JavaScript).
[Электронный ресурс].
URL: https://ru.wikipedia.org/wiki/V8_(движок_JavaScript) (дата обращения: 13.07.2015).
40. Webix — JavaScript UI Framework for desktop and mobile browsers. [Электронный ресурс].
URL: http://docs.webix.com/ (дата обращения: 08.07.2015).
